{"skill":{"slug":"jarvis-monitor","displayName":"System Monitor","summary":"JARVIS-style system monitor with sci-fi HUD interface. Displays server health, gateway connectivity, response times, and activity logs. Supports Chinese/Engl...","description":"---\nname: jarvis-monitor\ndescription: JARVIS-style system monitor with sci-fi HUD interface. Displays server health, gateway connectivity, response times, and activity logs. Supports Chinese/English bilingual.\n---\n\n# jarvis-monitor\n\nSci-fi style system monitor with real-time status display.\n\n## What It Does\n\nProvides a visual dashboard for monitoring:\n- Service health status\n- Gateway connection status\n- Last command/event timestamp\n- Response time metrics\n- System component status\n- Activity log\n\n## Features\n\n- 🎨 Sci-fi HUD interface (Orbitron font, neon green theme)\n- 🌐 Chinese/English bilingual toggle\n- 🔄 Auto-refresh every 10 seconds\n- 📱 Responsive design\n\n## Installation\n\n### Prerequisites\n\n- Any web service with `/healthz` endpoint returning JSON like:\n```json\n{\n  \"status\": \"ok\",\n  \"gateway\": \"connected\",\n  \"gateway_last_event_ts\": 1234567890\n}\n```\n\n### Setup\n\n1. Host `monitor.html` on your web server:\n   ```bash\n   cp monitor.html /path/to/your/server/templates/\n   ```\n\n2. Add endpoint to your server:\n   ```python\n   from fastapi.responses import HTMLResponse\n   \n   @app.get(\"/monitor\")\n   async def monitor():\n       with open(\"templates/monitor.html\", \"r\") as f:\n           return HTMLResponse(content=f.read())\n   ```\n\n3. Update the API endpoint in the HTML:\n   - Find `http://192.168.31.19:8000/healthz` and replace with your server URL\n\n## Usage\n\nOpen in browser:\n```\nhttp://your-server:port/monitor\n```\n\n### Language Toggle\n\nClick the button in top-right corner to switch between Chinese and English.\n\n## Customization\n\n### Colors\n\nEdit CSS variables:\n```css\n--primary: #00ff88;    /* Neon green */\n--secondary: #00ccff; /* Cyan */\n--bg: #0a0a0f;        /* Dark background */\n```\n\n### API Endpoint\n\nFind and replace:\n```javascript\nconst res = await fetch('http://192.168.31.19:8000/healthz');\n```\n\nExpected JSON response:\n```json\n{\n  \"status\": \"ok\",\n  \"gateway\": \"connected\",\n  \"gateway_last_event_ts\": 1234567890\n}\n```\n\n## Files\n\n- `monitor.html` - Main dashboard (single file, no dependencies except Google Fonts)\n\n## Credit\n\nInspired by JARVIS from Iron Man / Marvel movies.\n","tags":{"latest":"3.0.0"},"stats":{"comments":0,"downloads":274,"installsAllTime":0,"installsCurrent":0,"stars":0,"versions":4},"createdAt":1771726107909,"updatedAt":1778491605027},"latestVersion":{"version":"3.0.0","createdAt":1771727014550,"changelog":"Version 3.0.0\n\n- Updated the main dashboard file: monitor.html.\n- No changes to documentation or features.\n- Core functionality and usage remain the same.","license":null},"metadata":null,"owner":{"handle":"eason-tien","userId":"s17919gzyr8xs1cf84rx03r3zx8851tp","displayName":"eason-tien","image":"https://avatars.githubusercontent.com/u/222591949?v=4"},"moderation":null}