agentlytics 0.2.8 → 0.2.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agentlytics",
-  "version": "0.2.8",
+  "version": "0.2.10",
   "description": "Comprehensive analytics dashboard for AI coding agents — Cursor, Windsurf, Claude Code, VS Code Copilot, Zed, Antigravity, OpenCode, Command Code",
   "main": "index.js",
   "bin": {
@@ -23,7 +23,9 @@
     "ui/package-lock.json",
     "ui/vite.config.js",
     "ui/eslint.config.js",
-    "README.md"
+    "README.md",
+    "mod.ts",
+    "deno.json"
   ],
   "scripts": {
     "start": "node index.js",
@@ -46,6 +48,9 @@
   ],
   "author": "fkadev",
   "license": "ISC",
+  "engines": {
+    "node": ">=20.19.0"
+  },
   "repository": {
     "type": "git",
     "url": "https://github.com/f/agentlytics"

package/relay-server.js

@@ -542,7 +542,7 @@ function createRelayApp() {
     if (fs.existsSync(index)) {
       res.sendFile(index);
     } else {
-      res.status(404).send('UI not built. Run: cd ui && npm install && npm run build');
+      res.status(404).send('UI not built. Run: cd ui && npm install && npm run build (or use your preferred package manager)');
     }
   });
 

package/ui/package.json

@@ -4,7 +4,7 @@
   "version": "0.0.0",
   "type": "module",
   "scripts": {
-    "dev": "vite",
+    "dev": "node ../index.js --ui-dev & vite",
     "build": "vite build",
     "lint": "eslint .",
     "preview": "vite preview"

package/ui/src/App.jsx

@@ -3,6 +3,7 @@ import { Routes, Route, NavLink, useLocation } from 'react-router-dom'
 import { Activity, BarChart3, GitCompare, MessageSquare, FolderOpen, DollarSign, CreditCard, Sun, Moon, RefreshCw, AlertTriangle, Github, Terminal, Database, Users, Plug, Copy, Check, Settings as SettingsIcon, Package, ChevronDown } from 'lucide-react'
 import { fetchOverview, refetchAgents, fetchMode, fetchRelayConfig, getAuthToken, setOnAuthFailure } from './lib/api'
 import { useTheme } from './lib/theme'
+import { useLive } from './hooks/useLive'
 import AnimatedLogo from './components/AnimatedLogo'
 import AnimatedLoader from './components/AnimatedLoader'
 import LoginScreen from './components/LoginScreen'
@@ -70,7 +71,7 @@ function NavDropdown({ icon: Icon, label, items }) {
 export default function App() {
   const [overview, setOverview] = useState(null)
   const [refetchState, setRefetchState] = useState(null) // null | { scanned, total }
-  const [live, setLive] = useState(false)
+  const { live, toggle: toggleLive } = useLive()
   const [mode, setMode] = useState(null) // 'local' | 'relay'
   const [needsAuth, setNeedsAuth] = useState(false)
   const [authed, setAuthed] = useState(!!getAuthToken())
@@ -105,25 +106,29 @@ export default function App() {
     if (mode === 'local') refreshOverview()
   }, [mode])
 
-  // Live mode: refetch overview every 60s
+  const rescanAndRefresh = useCallback(async (onProgress) => {
+    await refetchAgents(onProgress)
+    const data = await fetchOverview()
+    setOverview(data)
+  }, [])
+
+  // Live mode: rescan & refresh every 60s
   useEffect(() => {
     if (live && mode === 'local') {
       liveRef.current = setInterval(() => {
-        refreshOverview()
+        rescanAndRefresh().catch(() => {})
       }, 60000)
     } else {
       if (liveRef.current) clearInterval(liveRef.current)
       liveRef.current = null
     }
     return () => { if (liveRef.current) clearInterval(liveRef.current) }
-  }, [live, refreshOverview])
+  }, [live, rescanAndRefresh])
 
   const handleRefetch = async () => {
     setRefetchState({ scanned: 0, total: 0 })
     try {
-      await refetchAgents((p) => setRefetchState({ scanned: p.scanned, total: p.total }))
-      const data = await fetchOverview()
-      setOverview(data)
+      await rescanAndRefresh((p) => setRefetchState({ scanned: p.scanned, total: p.total }))
     } catch (e) { console.error(e) }
     setRefetchState(null)
   }
@@ -187,7 +192,7 @@ export default function App() {
           {!isRelay && (
             <>
               <button
-                onClick={() => setLive(!live)}
+                onClick={toggleLive}
                 className="flex items-center gap-1.5 px-2 py-0.5 text-[11px] transition"
                 style={{
                   color: live ? '#22c55e' : 'var(--c-text3)',

package/ui/src/hooks/useLive.jsx

@@ -0,0 +1,15 @@
+import { useState, useEffect, useCallback } from 'react'
+
+const KEY = 'agentlytics-live'
+
+export function useLive() {
+  const [live, setLive] = useState(() => localStorage.getItem(KEY) === 'true')
+
+  useEffect(() => {
+    localStorage.setItem(KEY, live)
+  }, [live])
+
+  const toggle = useCallback(() => setLive(l => !l), [])
+
+  return { live, toggle }
+}