free-coding-models 0.3.62 → 0.3.64

package/src/render-table.js

@@ -104,7 +104,7 @@ export const PROVIDER_COLOR = new Proxy({}, {
 })
 
 // ─── renderTable: mode param controls footer hint text (opencode vs openclaw) ─────────
-export function renderTable(results, pendingPings, frame, cursor = null, sortColumn = 'avg', sortDirection = 'asc', pingInterval = PING_INTERVAL, lastPingTime = Date.now(), mode = 'opencode', tierFilterMode = 0, scrollOffset = 0, terminalRows = 0, terminalCols = 0, originFilterMode = 0, legacyStatus = null, pingMode = 'normal', pingModeSource = 'auto', hideUnconfiguredModels = false, widthWarningStartedAt = null, widthWarningDismissed = false, widthWarningShowCount = 0, settingsUpdateState = 'idle', settingsUpdateLatestVersion = null, legacyFlag = false, startupLatestVersion = null, versionAlertsEnabled = true, favoritesPinnedAndSticky = false, customTextFilter = null, lastReleaseDate = null, legacyFooterHidden = false, verdictFilterMode = 0, healthFilterMode = 0, routerFooterRunning = false, routerFooterActiveSet = null, routerFooterTodayTokens = 0, routerFooterAllTimeTokens = 0, routerFooterRequests = 0) {
+export function renderTable(results, pendingPings, frame, cursor = null, sortColumn = 'avg', sortDirection = 'asc', pingInterval = PING_INTERVAL, lastPingTime = Date.now(), mode = 'opencode', tierFilterMode = 0, scrollOffset = 0, terminalRows = 0, terminalCols = 0, originFilterMode = 0, legacyStatus = null, pingMode = 'normal', pingModeSource = 'auto', hideUnconfiguredModels = false, widthWarningStartedAt = null, widthWarningDismissed = false, widthWarningShowCount = 0, settingsUpdateState = 'idle', settingsUpdateLatestVersion = null, legacyFlag = false, startupLatestVersion = null, versionAlertsEnabled = true, favoritesPinnedAndSticky = false, customTextFilter = null, lastReleaseDate = null, legacyFooterHidden = false, verdictFilterMode = 0, healthFilterMode = 0, bestModeOnly = false, routerFooterRunning = false, routerFooterActiveSet = null, routerFooterTodayTokens = 0, routerFooterAllTimeTokens = 0, routerFooterRequests = 0) {
   // 📖 Filter out hidden models for display
   const visibleResults = results.filter(r => !r.hidden)
   void legacyFooterHidden
@@ -747,7 +747,11 @@ export function renderTable(results, pendingPings, frame, cursor = null, sortCol
   // 📖 Active filter pills use a loud green background so tier/provider/configured-only
   // 📖 states are obvious even when the user misses the smaller header badges.
   const configuredBadgeBg = getTheme() === 'dark' ? [52, 120, 88] : [195, 234, 206]
+
+  const configuredFilterActive = hideUnconfiguredModels || bestModeOnly
+  const configuredFilterText = bestModeOnly ? 'Usable only' : (hideUnconfiguredModels ? 'Configured only' : 'Active only')
   const activeHotkey = (keyLabel, text, bg) => themeColors.badge(`${keyLabel}${text}`, bg, getReadableTextRgb(bg))
+  const activeFilterHotkey = (keyLabel, text, bg) => themeColors.hotkey(keyLabel) + themeColors.badge(text, bg, getReadableTextRgb(bg))
 
   // 📖 Mouse support: build footer hotkey zones alongside the footer lines.
   // 📖 Each zone records { key, row (1-based terminal row), xStart, xEnd (1-based display cols) }.
@@ -767,11 +771,13 @@ export function renderTable(results, pendingPings, frame, cursor = null, sortCol
       { text: '  •  ', key: null },
       { text: originFilterMode > 0 ? `D Provider (${activeOriginLabel})` : 'D Provider', key: 'd' },
       { text: '  •  ', key: null },
-      { text: 'E Active only', key: 'e' },
+      { text: `E ${configuredFilterText}`, key: 'e' },
       { text: '  •  ', key: null },
       { text: 'P Settings', key: 'p' },
       { text: '  •  ', key: null },
       { text: 'I Help', key: 'i' },
+      { text: '  •  ', key: null },
+      { text: 'N Reset', key: 'n' },
     ]
     const footerRow1 = lines.length + 1 // 📖 1-based terminal row (line hasn't been pushed yet)
     let xPos = 1
@@ -795,11 +801,15 @@ export function renderTable(results, pendingPings, frame, cursor = null, sortCol
       ? activeHotkey('D', ` Provider (${activeOriginLabel})`, PROVIDER_COLOR[[null, ...Object.keys(sources)][originFilterMode]] || [255, 255, 255])
       : hotkey('D', ' Provider')) +
     themeColors.dim(`  •  `) +
-    (hideUnconfiguredModels ? activeHotkey('E', ' Working only', configuredBadgeBg) : hotkey('E', ' Working only')) +
+    (configuredFilterActive
+      ? activeFilterHotkey('E', configuredFilterText, configuredBadgeBg)
+      : hotkey('E', ' Active only')) +
     themeColors.dim(`  •  `) +
     hotkey('P', ' Settings') +
     themeColors.dim(`  •  `) +
-    hotkey('I', ' Help')
+    hotkey('I', ' Help') +
+    themeColors.dim(`  •  `) +
+    hotkey('N', ' Reset')
   )
 
   // 📖 Line 2: command palette + GitHub
@@ -825,7 +835,7 @@ export function renderTable(results, pendingPings, frame, cursor = null, sortCol
   const starLink = '⭐ ' + themeColors.link('\x1b]8;;https://github.com/vava-nessa/free-coding-models\x1b\\GitHub\x1b]8;;\x1b\\')
   lines.push(
     '  ' + paletteLabel + themeColors.dim(`  •  `) + starLink + themeColors.dim(`  •  `) +
-    chalk.rgb(255, 168, 209).bold('\x1b]8;;https://x.com/vavanessadev\x1b\\Support me by following me on X ! @vavanessadev\x1b]8;;\x1b\\')
+    chalk.rgb(255, 168, 209).bold('\x1b]8;;https://x.com/vavanessadev\x1b\\Follow @vavanessadev on X for updates and support\x1b]8;;\x1b\\')
   )
 
   if (versionStatus.isOutdated) {

package/src/router-daemon.js

@@ -637,7 +637,8 @@ class RouterRuntime {
   reloadConfigFromDisk() {
     try {
       const nextConfig = loadConfig()
-      if (!nextConfig.router) nextConfig.router = this.routerConfig()
+      // 📖 Always rebuild the router set from favorites so UI toggles apply dynamically
+      ensureRouterConfigForDaemon(nextConfig, true)
       this.config = nextConfig
       this.refreshRouteState()
       this.scheduleProbeLoop()
@@ -649,12 +650,10 @@ class RouterRuntime {
   }
 
   getApiKeyForProvider(providerKey) {
-    // 📖 Router background startup should work without inherited shell env, so
-    // 📖 config keys are primary. Env is only a fallback for headless sessions.
     const configured = this.config?.apiKeys?.[providerKey]
     if (Array.isArray(configured)) return configured.find(Boolean) || null
     if (typeof configured === 'string' && configured.trim()) return configured.trim()
-    return getApiKey({ apiKeys: {}, providers: {} }, providerKey)
+    return null
   }
 
   getSet(setName = null) {
@@ -1052,15 +1051,18 @@ class RouterRuntime {
       let errorCode = 'all_models_unavailable'
       let errorType = 'service_unavailable'
       if (health.length > 0) {
-        if (health.every((h) => h.state === 'AUTH_ERROR')) {
+        const allAuthError = health.length > 0 && health.every((h) => h.state === 'AUTH_ERROR')
+        const allAuthOrQuota = health.length > 0 && health.every((h) => h.state === 'AUTH_ERROR' || quotaExhausted.includes(h.key))
+        const allStaleOrUnsupported = health.every((h) => h.state === 'STALE' || h.state === 'UNSUPPORTED')
+        if (allAuthError) {
           statusCode = 401
           errorCode = 'invalid_api_key'
           errorType = 'invalid_request_error'
-        } else if (health.every((h) => h.state === 'AUTH_ERROR' || quotaExhausted.includes(h.key))) {
+        } else if (allAuthOrQuota) {
           statusCode = 429
           errorCode = 'insufficient_quota'
           errorType = 'insufficient_quota'
-        } else if (health.every((h) => h.state === 'STALE' || h.state === 'UNSUPPORTED')) {
+        } else if (allStaleOrUnsupported) {
           statusCode = 400
           errorCode = 'invalid_model'
           errorType = 'invalid_request_error'
@@ -1808,7 +1810,7 @@ export function createRouterRuntimeForTest({ config, port = 0, logger = null, to
   })
 }
 
-function ensureRouterConfigForDaemon(config) {
+function ensureRouterConfigForDaemon(config, skipSave = false) {
   // 📖 Always rebuild from favorites or defaults — no more manual set management
   const favSet = buildRouterSetFromFavorites(config)
   const activeSet = favSet || buildDefaultRouterSet(config)
@@ -1819,7 +1821,7 @@ function ensureRouterConfigForDaemon(config) {
     activeSet: activeSet.name,
     sets: { [activeSet.name]: activeSet },
   })
-  saveConfig(config)
+  if (!skipSave) saveConfig(config)
   return config.router
 }
 

package/src/router-dashboard.js

@@ -43,9 +43,10 @@ import chalk from 'chalk'
 import { existsSync, readFileSync } from 'node:fs'
 import { displayWidth, padEndDisplay, sliceOverlayLines, tintOverlayLines } from './render-helpers.js'
 import { ROUTER_DEFAULT_PORT, ROUTER_MAX_PORT, ROUTER_PID_PATH, ROUTER_PORT_PATH, getRouterPortRange } from './router-daemon.js'
-import { themeColors } from './theme.js'
+import { themeColors, getTierRgb } from './theme.js'
 import { formatTokenTotalCompact } from './token-usage-reader.js'
 import { sendUsageTelemetry } from './telemetry.js'
+import { getAvg, getVerdict } from './utils.js'
 
 export const ROUTER_DASHBOARD_POLL_INTERVAL_MS = 2000
 export const ROUTER_DASHBOARD_FETCH_TIMEOUT_MS = 1200
@@ -859,7 +860,7 @@ export function renderRouterDashboard(state, deps = {}) {
   // 📖 Instead of the old "sets" system, show the user's favorites from the main
   // 📖 table as the router fallback chain. #1 = tried first, #2 = next, etc.
   lines.push(`  ${themeColors.textBold('Router Models')} ${themeColors.dim('— your favorites, in fallback order')}`)
-  lines.push(`  ${themeColors.dim('Star models with F in the main table. Ctrl+↑↓ to reorder here.')}`)
+  lines.push(`  ${themeColors.dim('Star models with F in the main table. Shift+↑↓ to reorder here.')}`)
   lines.push('')
 
   // 📖 Build the favorites list — pull from config.favorites + daemon health data
@@ -879,33 +880,84 @@ export function renderRouterDashboard(state, deps = {}) {
       healthByKey.set(`${m.provider}/${m.model}`, m)
     }
 
+    // 📖 Column headers
+    lines.push(`  ${themeColors.dim(padEndDisplay('PRI', 4))} ${themeColors.dim(padEndDisplay('MODEL', 42))} ${themeColors.dim(padEndDisplay('DAEMON STATUS', 16))} ${themeColors.dim(padEndDisplay('AVG PING', 8))} ${themeColors.dim('VERDICT')}`)
+
     for (let i = 0; i < favorites.length; i++) {
       const favKey = favorites[i]
       const health = healthByKey.get(favKey)
       const isCursorRow = i === cursor
 
-      // 📖 Human-readable health label instead of circuit breaker jargon
-      let healthLabel
-      if (!isRunning) {
-        healthLabel = themeColors.dim('—')
-      } else if (health) {
-        const st = safeString(health.state, 'UNKNOWN').toUpperCase()
-        if (st === 'CLOSED') healthLabel = themeColors.success('✅ Healthy')
-        else if (st === 'HALF_OPEN') healthLabel = themeColors.warning('⚠️  Recovering')
-        else if (st === 'OPEN') healthLabel = themeColors.error('❌ Down')
-        else if (st === 'AUTH_ERROR') healthLabel = themeColors.error('🔑 Auth Error')
-        else if (st === 'STALE') healthLabel = themeColors.dim('💀 Stale')
-        else if (st === 'UNSUPPORTED') healthLabel = themeColors.dim('✖ Unsupported')
-        else healthLabel = themeColors.dim(`? ${st}`)
+      let healthLabel = themeColors.dim(padEndDisplay('—', 16))
+      
+      const mainResult = state.results?.find(r => `${r.providerKey}/${r.modelId}` === favKey)
+      
+      if (mainResult) {
+        let statusText, statusColor
+        if (mainResult.status === 'noauth') {
+          statusText = `🔑 NO KEY`
+          statusColor = themeColors.dim
+        } else if (mainResult.status === 'auth_error') {
+          statusText = `🔐 AUTH FAIL`
+          statusColor = themeColors.errorBold
+        } else if (mainResult.status === 'pending') {
+          statusText = `⏳ PENDING`
+          statusColor = themeColors.warning
+        } else if (mainResult.status === 'up') {
+          statusText = `✅ UP`
+          statusColor = themeColors.success
+        } else if (mainResult.status === 'timeout') {
+          statusText = `⏳ TIMEOUT`
+          statusColor = themeColors.warning
+        } else if (mainResult.status === 'down') {
+          const code = mainResult.httpCode ?? 'ERR'
+          const errorEmojis = { '429': '🔥', '404': '🚫', '500': '💥', '502': '🔌', '503': '🔒', '504': '⏰' }
+          const errorLabels = { '404': '404 NOT FOUND', '410': '410 GONE', '429': '429 TRY LATER', '500': '500 ERROR' }
+          const emoji = errorEmojis[code] || '❌'
+          statusText = `${emoji} ${errorLabels[code] || code}`
+          statusColor = themeColors.error
+        } else {
+          statusText = '?'
+          statusColor = themeColors.dim
+        }
+        healthLabel = statusColor(padEndDisplay(statusText, 16))
       } else {
-        healthLabel = themeColors.dim('⏳ Pending')
+        healthLabel = themeColors.dim(padEndDisplay('⏳ Pending', 16))
       }
 
-      const latency = health && Number.isFinite(health.last_latency_ms)
-        ? themeColors.dim(`${Math.round(health.last_latency_ms)}ms`)
-        : ''
+      // 📖 Get global metrics from main table state
+      let avgPingDisplay = themeColors.dim('———')
+      let verdictDisplay = themeColors.dim('Pending ⏳')
+
+      if (mainResult) {
+        // Avg Ping
+        const avg = getAvg(mainResult)
+        if (avg !== Infinity) {
+          const str = String(avg).padEnd(4)
+          avgPingDisplay = avg < 500 ? themeColors.metricGood(str) : avg < 1500 ? themeColors.metricWarn(str) : themeColors.metricBad(str)
+        }
+
+        // Verdict
+        const verdict = getVerdict(mainResult)
+        let verdictText, verdictColor
+        switch (verdict) {
+          case 'Perfect': verdictText = 'Perfect 🚀'; verdictColor = themeColors.successBold; break
+          case 'Normal': verdictText = 'Normal ✅'; verdictColor = themeColors.metricGood; break
+          case 'Spiky': verdictText = 'Spiky 📈'; verdictColor = (t) => chalk.bold.rgb(...getTierRgb('A+'))(t); break
+          case 'Slow': verdictText = 'Slow 🐢'; verdictColor = (t) => chalk.bold.rgb(...getTierRgb('A-'))(t); break
+          case 'Very Slow': verdictText = 'Very Slow 🐌'; verdictColor = (t) => chalk.bold.rgb(...getTierRgb('B+'))(t); break
+          case 'Overloaded': verdictText = 'Overloaded 🔥'; verdictColor = (t) => chalk.bold.rgb(...getTierRgb('B'))(t); break
+          case 'Unstable': verdictText = 'Unstable  ⚠️'; verdictColor = themeColors.errorBold; break
+          case 'Not Active': verdictText = 'Not Active  👻'; verdictColor = themeColors.dim; break
+          case 'Pending': verdictText = 'Pending ⏳'; verdictColor = themeColors.dim; break
+          default: verdictText = 'Unusable 💀'; verdictColor = (t) => chalk.bold.rgb(...getTierRgb('C'))(t); break
+        }
+        verdictDisplay = verdictColor(padEndDisplay(verdictText, 14))
+      } else {
+        verdictDisplay = padEndDisplay(verdictDisplay, 14)
+      }
 
-      const rowText = `  ${padEndDisplay(priorityGlyph(i), 4)} ${padEndDisplay(favKey, 42)} ${padEndDisplay(healthLabel, 18)} ${latency}`
+      const rowText = `  ${padEndDisplay(priorityGlyph(i), 4)} ${padEndDisplay(favKey, 42)} ${padEndDisplay(healthLabel, 16)} ${padEndDisplay(avgPingDisplay, 8)} ${verdictDisplay}`
 
       if (isCursorRow) {
         lines.push(themeColors.bgCursor(rowText + ' '.repeat(Math.max(0, width - displayWidth(rowText) - 3))))
@@ -915,6 +967,31 @@ export function renderRouterDashboard(state, deps = {}) {
     }
   }
 
+  // 📖 Toggle Daemon Button
+  lines.push('')
+  const btnCursor = favorites.length
+  const isBtnCursor = cursor === btnCursor
+  const btnText = isStopped ? '▶ Start Router Daemon' : '⏹ Stop Router Daemon'
+  const btnRowText = `  [ ${btnText} ]`
+  
+  if (isBtnCursor) {
+    lines.push(themeColors.bgCursor(btnRowText + ' '.repeat(Math.max(0, width - displayWidth(btnRowText) - 3))))
+  } else {
+    lines.push(btnRowText)
+  }
+
+  // 📖 Install Endpoint Button
+  const installBtnCursor = favorites.length + 1
+  const isInstallBtnCursor = cursor === installBtnCursor
+  const installBtnText = '🔌 Install Router Endpoint to CLI Tool'
+  const installBtnRowText = `  [ ${installBtnText} ]`
+  
+  if (isInstallBtnCursor) {
+    lines.push(themeColors.bgCursor(installBtnRowText + ' '.repeat(Math.max(0, width - displayWidth(installBtnRowText) - 3))))
+  } else {
+    lines.push(installBtnRowText)
+  }
+
   lines.push('')
   lines.push(`  ${separator}`)
   lines.push('')
@@ -958,7 +1035,7 @@ export function renderRouterDashboard(state, deps = {}) {
   // ── Error/Notice display ────────────────────────────────────────────────────
   if (state.routerDashboardError && isStopped) {
     lines.push('')
-    lines.push(`  ${themeColors.dim('Start the daemon with:')} ${themeColors.info('free-coding-models --daemon-bg')}`)
+    lines.push(`  ${themeColors.dim('Press')} ${themeColors.hotkey('S')} ${themeColors.dim('to start it now.')}`)
   } else if (state.routerDashboardError) {
     lines.push('')
     lines.push(`  ${themeColors.warning(state.routerDashboardError)}`)
@@ -971,7 +1048,7 @@ export function renderRouterDashboard(state, deps = {}) {
 
   // ── Footer ──────────────────────────────────────────────────────────────────
   lines.push('')
-  lines.push(`  ${themeColors.hotkey('↑↓')} ${themeColors.dim('Navigate')}  ${themeColors.dim('•')}  ${themeColors.hotkey('Ctrl+↑↓')} ${themeColors.dim('Reorder')}  ${themeColors.dim('•')}  ${themeColors.hotkey('I')} ${themeColors.dim(`Health check: ${probeLabel}`)}  ${themeColors.dim('•')}  ${themeColors.hotkey('C')} ${themeColors.dim('Clear log')}  ${themeColors.dim('•')}  ${themeColors.hotkey('Esc')} ${themeColors.dim('Back')}`)
+  lines.push(`  ${themeColors.hotkey('↑↓')} ${themeColors.dim('Navigate')}  ${themeColors.dim('•')}  ${themeColors.hotkey('Shift+↑↓')} ${themeColors.dim('Reorder')}  ${themeColors.dim('•')}  ${themeColors.hotkey('S')} ${themeColors.dim(isStopped ? 'Start daemon' : 'Stop daemon')}  ${themeColors.dim('•')}  ${themeColors.hotkey('I')} ${themeColors.dim(`Health check: ${probeLabel}`)}  ${themeColors.dim('•')}  ${themeColors.hotkey('C')} ${themeColors.dim('Clear log')}  ${themeColors.dim('•')}  ${themeColors.hotkey('Esc')} ${themeColors.dim('Back')}`)
 
   const { visible, offset } = sliceOverlayLines(lines, state.routerDashboardScrollOffset || 0, state.terminalRows || 24)
   state.routerDashboardScrollOffset = offset