free-coding-models 0.2.13 → 0.2.15

package/CHANGELOG.md

@@ -2,6 +2,20 @@
 
 ---
 
+## 0.2.15
+
+### Changed
+- **Changelog scrolling experience**: Circular wrap-around scrolling in changelog details (N key) — up at the top now wraps to the bottom, down at the bottom wraps to the top. PageUp/PageDown also wrap for seamless infinite browsing, just like the main TUI list navigation. Home/End still jump to absolute first/last positions for quick access.
+
+---
+
+## 0.2.14
+
+### Fixed
+- **Changelog scrolling viewport**: Scrolling in changelog details (N key) now respects viewport boundaries — content no longer scrolls beyond visible area. Down/PageDown/End keys now properly clamp to max scroll offset so you can view all content without it disappearing off screen.
+
+---
+
 ## 0.2.13
 
 ### Added

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "free-coding-models",
-  "version": "0.2.13",
+  "version": "0.2.15",
   "description": "Find the fastest coding LLM models in seconds — ping free models from multiple providers, pick the best one for OpenCode, Cursor, or any AI coding assistant.",
   "keywords": [
     "nvidia",

package/src/key-handler.js

@@ -820,12 +820,65 @@ export function createKeyHandler(ctx) {
           state.changelogScrollOffset = 0
           return
         }
-        if (key.name === 'up') { state.changelogScrollOffset = Math.max(0, state.changelogScrollOffset - 1); return }
-        if (key.name === 'down') { state.changelogScrollOffset += 1; return }
-        if (key.name === 'pageup') { state.changelogScrollOffset = Math.max(0, state.changelogScrollOffset - pageStep); return }
-        if (key.name === 'pagedown') { state.changelogScrollOffset += pageStep; return }
+
+        // 📖 Calculate total content lines for proper scroll boundary clamping
+        const calcChangelogLines = () => {
+          const lines = []
+          lines.push(`  🚀 free-coding-models`)
+          lines.push(`  📋 v${state.changelogSelectedVersion}`)
+          lines.push(`  — ↑↓ / PgUp / PgDn scroll • B back • Esc close`)
+          lines.push('')
+          const changes = versions[state.changelogSelectedVersion]
+          if (changes) {
+            const sections = { added: '✨ Added', fixed: '🐛 Fixed', changed: '🔄 Changed', updated: '📝 Updated' }
+            for (const [key, label] of Object.entries(sections)) {
+              if (changes[key] && changes[key].length > 0) {
+                lines.push(`  ${label}`)
+                for (const item of changes[key]) {
+                  let displayText = item.replace(/\*\*([^*]+)\*\*/g, '$1').replace(/`([^`]+)`/g, '$1')
+                  const maxWidth = state.terminalCols - 16
+                  if (displayText.length > maxWidth) {
+                    displayText = displayText.substring(0, maxWidth - 3) + '…'
+                  }
+                  lines.push(`    • ${displayText}`)
+                }
+                lines.push('')
+              }
+            }
+          }
+          return lines.length
+        }
+        const totalChangelogLines = calcChangelogLines()
+        const viewportRows = Math.max(1, state.terminalRows || 1)
+        const maxScrollOffset = Math.max(0, totalChangelogLines - viewportRows)
+
+        // 📖 Circular wrap-around scrolling: up at top → bottom, down at bottom → top
+        if (key.name === 'up') {
+          state.changelogScrollOffset = state.changelogScrollOffset > 0
+            ? state.changelogScrollOffset - 1
+            : maxScrollOffset
+          return
+        }
+        if (key.name === 'down') {
+          state.changelogScrollOffset = state.changelogScrollOffset < maxScrollOffset
+            ? state.changelogScrollOffset + 1
+            : 0
+          return
+        }
+        if (key.name === 'pageup') {
+          state.changelogScrollOffset = state.changelogScrollOffset >= pageStep
+            ? state.changelogScrollOffset - pageStep
+            : maxScrollOffset - (pageStep - state.changelogScrollOffset - 1)
+          return
+        }
+        if (key.name === 'pagedown') {
+          state.changelogScrollOffset = state.changelogScrollOffset + pageStep <= maxScrollOffset
+            ? state.changelogScrollOffset + pageStep
+            : (state.changelogScrollOffset + pageStep - maxScrollOffset - 1)
+          return
+        }
         if (key.name === 'home') { state.changelogScrollOffset = 0; return }
-        if (key.name === 'end') { state.changelogScrollOffset = Number.MAX_SAFE_INTEGER; return }
+        if (key.name === 'end') { state.changelogScrollOffset = maxScrollOffset; return }
       }
 
       if (key.ctrl && key.name === 'c') { exit(0); return }