@saccolabs/tars 1.8.2 → 1.9.0

package/stock_apps/dashboard/package.json

@@ -0,0 +1,42 @@
+{
+    "name": "tars-dash",
+    "version": "0.1.0",
+    "private": true,
+    "scripts": {
+        "dev": "NODE_ENV=development node server.js",
+        "build": "next build",
+        "start": "NODE_ENV=production node server.js",
+        "lint": "next lint",
+        "test": "echo 'No tests yet' && exit 0"
+    },
+    "dependencies": {
+        "chokidar": "^5.0.0",
+        "clsx": "^2.1.1",
+        "dotenv": "^17.3.1",
+        "express": "^5.2.1",
+        "framer-motion": "^12.34.3",
+        "lucide-react": "^0.575.0",
+        "next": "^15.5.12",
+        "postcss": "^8.5.6",
+        "react": "^19.1.0",
+        "react-dom": "^19.1.0",
+        "react-markdown": "^10.1.0",
+        "remark-gfm": "^4.0.1",
+        "socket.io": "^4.8.3",
+        "socket.io-client": "^4.8.3",
+        "systeminformation": "^5.31.1",
+        "tailwind-merge": "^3.5.0"
+    },
+    "devDependencies": {
+        "@eslint/eslintrc": "^3.3.4",
+        "@tailwindcss/postcss": "^4.2.1",
+        "@types/express": "^5.0.6",
+        "@types/node": "^20.19.35",
+        "@types/react": "^19.2.14",
+        "@types/react-dom": "^19.2.3",
+        "eslint": "^9.39.3",
+        "eslint-config-next": "^15.5.12",
+        "tailwindcss": "^4.2.1",
+        "typescript": "5.9.3"
+    }
+}

package/stock_apps/dashboard/postcss.config.mjs

@@ -0,0 +1,5 @@
+const config = {
+    plugins: ['@tailwindcss/postcss']
+};
+
+export default config;

package/stock_apps/dashboard/public/file.svg

@@ -0,0 +1 @@
+<svg fill="none" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M14.5 13.5V5.41a1 1 0 0 0-.3-.7L9.8.29A1 1 0 0 0 9.08 0H1.5v13.5A2.5 2.5 0 0 0 4 16h8a2.5 2.5 0 0 0 2.5-2.5m-1.5 0v-7H8v-5H3v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1M9.5 5V2.12L12.38 5zM5.13 5h-.62v1.25h2.12V5zm-.62 3h7.12v1.25H4.5zm.62 3h-.62v1.25h7.12V11z" clip-rule="evenodd" fill="#666" fill-rule="evenodd"/></svg>

package/stock_apps/dashboard/public/globe.svg

@@ -0,0 +1 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.27 14.1a6.5 6.5 0 0 0 3.67-3.45q-1.24.21-2.7.34-.31 1.83-.97 3.1M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m.48-1.52a7 7 0 0 1-.96 0H7.5a4 4 0 0 1-.84-1.32q-.38-.89-.63-2.08a40 40 0 0 0 3.92 0q-.25 1.2-.63 2.08a4 4 0 0 1-.84 1.31zm2.94-4.76q1.66-.15 2.95-.43a7 7 0 0 0 0-2.58q-1.3-.27-2.95-.43a18 18 0 0 1 0 3.44m-1.27-3.54a17 17 0 0 1 0 3.64 39 39 0 0 1-4.3 0 17 17 0 0 1 0-3.64 39 39 0 0 1 4.3 0m1.1-1.17q1.45.13 2.69.34a6.5 6.5 0 0 0-3.67-3.44q.65 1.26.98 3.1M8.48 1.5l.01.02q.41.37.84 1.31.38.89.63 2.08a40 40 0 0 0-3.92 0q.25-1.2.63-2.08a4 4 0 0 1 .85-1.32 7 7 0 0 1 .96 0m-2.75.4a6.5 6.5 0 0 0-3.67 3.44 29 29 0 0 1 2.7-.34q.31-1.83.97-3.1M4.58 6.28q-1.66.16-2.95.43a7 7 0 0 0 0 2.58q1.3.27 2.95.43a18 18 0 0 1 0-3.44m.17 4.71q-1.45-.12-2.69-.34a6.5 6.5 0 0 0 3.67 3.44q-.65-1.27-.98-3.1" fill="#666"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>

package/stock_apps/dashboard/public/next.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 394 80"><path fill="#000" d="M262 0h68.5v12.7h-27.2v66.6h-13.6V12.7H262V0ZM149 0v12.7H94v20.4h44.3v12.6H94v21h55v12.6H80.5V0h68.7zm34.3 0h-17.8l63.8 79.4h17.9l-32-39.7 32-39.6h-17.9l-23 28.6-23-28.6zm18.3 56.7-9-11-27.1 33.7h17.8l18.3-22.7z"/><path fill="#000" d="M81 79.3 17 0H0v79.3h13.6V17l50.2 62.3H81Zm252.6-.4c-1 0-1.8-.4-2.5-1s-1.1-1.6-1.1-2.6.3-1.8 1-2.5 1.6-1 2.6-1 1.8.3 2.5 1a3.4 3.4 0 0 1 .6 4.3 3.7 3.7 0 0 1-3 1.8zm23.2-33.5h6v23.3c0 2.1-.4 4-1.3 5.5a9.1 9.1 0 0 1-3.8 3.5c-1.6.8-3.5 1.3-5.7 1.3-2 0-3.7-.4-5.3-1s-2.8-1.8-3.7-3.2c-.9-1.3-1.4-3-1.4-5h6c.1.8.3 1.6.7 2.2s1 1.2 1.6 1.5c.7.4 1.5.5 2.4.5 1 0 1.8-.2 2.4-.6a4 4 0 0 0 1.6-1.8c.3-.8.5-1.8.5-3V45.5zm30.9 9.1a4.4 4.4 0 0 0-2-3.3 7.5 7.5 0 0 0-4.3-1.1c-1.3 0-2.4.2-3.3.5-.9.4-1.6 1-2 1.6a3.5 3.5 0 0 0-.3 4c.3.5.7.9 1.3 1.2l1.8 1 2 .5 3.2.8c1.3.3 2.5.7 3.7 1.2a13 13 0 0 1 3.2 1.8 8.1 8.1 0 0 1 3 6.5c0 2-.5 3.7-1.5 5.1a10 10 0 0 1-4.4 3.5c-1.8.8-4.1 1.2-6.8 1.2-2.6 0-4.9-.4-6.8-1.2-2-.8-3.4-2-4.5-3.5a10 10 0 0 1-1.7-5.6h6a5 5 0 0 0 3.5 4.6c1 .4 2.2.6 3.4.6 1.3 0 2.5-.2 3.5-.6 1-.4 1.8-1 2.4-1.7a4 4 0 0 0 .8-2.4c0-.9-.2-1.6-.7-2.2a11 11 0 0 0-2.1-1.4l-3.2-1-3.8-1c-2.8-.7-5-1.7-6.6-3.2a7.2 7.2 0 0 1-2.4-5.7 8 8 0 0 1 1.7-5 10 10 0 0 1 4.3-3.5c2-.8 4-1.2 6.4-1.2 2.3 0 4.4.4 6.2 1.2 1.8.8 3.2 2 4.3 3.4 1 1.4 1.5 3 1.5 5h-5.8z"/></svg>

package/stock_apps/dashboard/public/vercel.svg

@@ -0,0 +1 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1155 1000"><path d="m577.3 0 577.4 1000H0z" fill="#fff"/></svg>

package/stock_apps/dashboard/public/window.svg

@@ -0,0 +1 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.5 2.5h13v10a1 1 0 0 1-1 1h-11a1 1 0 0 1-1-1zM0 1h16v11.5a2.5 2.5 0 0 1-2.5 2.5h-11A2.5 2.5 0 0 1 0 12.5zm3.75 4.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5M7 4.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0m1.75.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5" fill="#666"/></svg>

package/stock_apps/dashboard/server.js

@@ -0,0 +1,488 @@
+const express = require('express');
+const next = require('next');
+const { Server } = require('socket.io');
+const http = require('http');
+const si = require('systeminformation');
+const chokidar = require('chokidar');
+const path = require('path');
+const fs = require('fs');
+const dotenv = require('dotenv');
+const { exec } = require('child_process');
+
+dotenv.config();
+
+const dev = process.env.NODE_ENV !== 'production';
+const app = next({ dev });
+const handle = app.getRequestHandler();
+
+const port = process.env.PORT || 3000;
+const DASH_PASSWORD = process.env.DASH_PASSWORD || 'changeme';
+const BASE_DIR = process.env.BASE_DIR || '/home/stark/.tars';
+const DATA_DIR = path.join(BASE_DIR, 'data');
+
+// Hardcoding the real home for PM2 logs as process.env.HOME is being overriden in the tars shell environment
+const REAL_HOME = '/home/stark';
+const OUT_LOG = path.join(REAL_HOME, '.pm2/logs/tars-supervisor-out.log');
+const ERR_LOG = path.join(REAL_HOME, '.pm2/logs/tars-supervisor-error.log');
+
+app.prepare().then(() => {
+    const server = express();
+    const httpServer = http.createServer(server);
+    const io = new Server(httpServer, {
+        cors: { origin: '*' }
+    });
+
+    // Socket.io Authentication Middleware
+    io.use((socket, next) => {
+        const authHeader = socket.handshake.headers.authorization;
+        if (!authHeader) {
+            return next(new Error('Authentication required'));
+        }
+
+        const auth = Buffer.from(authHeader.split(' ')[1], 'base64').toString().split(':');
+        const user = auth[0];
+        const pass = auth[1];
+
+        if (user === 'admin' && pass === DASH_PASSWORD) {
+            return next();
+        } else {
+            return next(new Error('Invalid credentials'));
+        }
+    });
+
+    // Basic Auth Middleware for Express
+    const basicAuth = (req, res, nextMiddleware) => {
+        const authHeader = req.headers.authorization;
+        if (!authHeader) {
+            res.setHeader('WWW-Authenticate', 'Basic realm="TarsDash"');
+            return res.status(401).send('Authentication required');
+        }
+
+        const auth = Buffer.from(authHeader.split(' ')[1], 'base64').toString().split(':');
+        const user = auth[0];
+        const pass = auth[1];
+
+        if (user === 'admin' && pass === DASH_PASSWORD) {
+            return nextMiddleware();
+        } else {
+            res.setHeader('WWW-Authenticate', 'Basic realm="TarsDash"');
+            return res.status(401).send('Invalid credentials');
+        }
+    };
+
+    // Apply Basic Auth globally to all routes (including /api/files and Next.js assets)
+    server.use(basicAuth);
+
+    // Parse JSON bodies
+    server.use(express.json());
+
+    // Helper to read JSON safely
+    const readJson = (filePath) => {
+        try {
+            if (fs.existsSync(filePath)) {
+                return JSON.parse(fs.readFileSync(filePath, 'utf8'));
+            }
+        } catch (e) {
+            console.error(`Error reading ${filePath}:`, e.message);
+        }
+        return null;
+    };
+
+    // Tars CLI Commands
+    server.post('/api/tars/command', (req, res) => {
+        const { action, key, value } = req.body;
+        let command = '';
+
+        if (action === 'restart') {
+            command = 'tars restart';
+        } else if (action === 'secret' && key && value) {
+            // Basic sanitization to prevent command injection
+            const sanitizedKey = key.replace(/[^a-zA-Z0-9_]/g, '');
+            const sanitizedValue = value.replace(/'/g, "'\\''");
+            command = `tars secret set ${sanitizedKey} '${sanitizedValue}'`;
+        } else {
+            return res.status(400).json({ error: 'Invalid action or missing parameters' });
+        }
+
+        console.log(`Executing Tars Command: ${command}`);
+        // Use bash -lc to ensure tars is in the path
+        exec(`bash -lc "${command}"`, (error, stdout, stderr) => {
+            if (error) {
+                console.error(`Tars Command Error: ${error.message}`);
+                return res.status(500).json({ error: error.message, stderr });
+            }
+            res.json({ status: 'success', stdout, stderr });
+        });
+    });
+
+    // API Routes
+    server.get('/api/files', (req, res) => {
+        const relativePath = req.query.path || '';
+        const absolutePath = path.resolve(BASE_DIR, relativePath);
+
+        if (!absolutePath.startsWith(BASE_DIR)) {
+            return res.status(403).json({ error: 'Forbidden' });
+        }
+
+        try {
+            if (!fs.existsSync(absolutePath)) {
+                return res.status(404).json({ error: 'Not found' });
+            }
+
+            const stats = fs.statSync(absolutePath);
+            if (stats.isDirectory()) {
+                const files = fs
+                    .readdirSync(absolutePath)
+                    .map((file) => {
+                        const fPath = path.join(absolutePath, file);
+                        try {
+                            const fStats = fs.statSync(fPath);
+                            return {
+                                name: file,
+                                path: path.relative(BASE_DIR, fPath),
+                                isDirectory: fStats.isDirectory(),
+                                size: fStats.size,
+                                mtime: fStats.mtime
+                            };
+                        } catch (e) {
+                            return null;
+                        }
+                    })
+                    .filter(Boolean);
+                return res.json({ type: 'directory', files });
+            } else {
+                const ext = path.extname(absolutePath).toLowerCase();
+                const binaryExtensions = [
+                    '.png',
+                    '.jpg',
+                    '.jpeg',
+                    '.gif',
+                    '.pdf',
+                    '.zip',
+                    '.tar',
+                    '.gz',
+                    '.db',
+                    '.sqlite',
+                    '.exe',
+                    '.bin',
+                    '.node'
+                ];
+
+                if (binaryExtensions.includes(ext)) {
+                    return res.json({
+                        type: 'file',
+                        content: '>>> BINARY_FILE_PREVIEW_NOT_SUPPORTED'
+                    });
+                }
+
+                const content = fs.readFileSync(absolutePath, 'utf8');
+                return res.json({ type: 'file', content });
+            }
+        } catch (err) {
+            return res.status(500).json({ error: err.message });
+        }
+    });
+
+    // Socket.io
+    io.on('connection', (socket) => {
+        console.log('Client connected:', socket.id);
+
+        socket.on('subscribe', (room) => {
+            socket.join(room);
+            console.log(`Client ${socket.id} subscribed to ${room}`);
+
+            if (room === 'logs') {
+                exec(`tail -n 100 ${OUT_LOG}`, (error, stdout) => {
+                    if (!error) {
+                        socket.emit(
+                            'logs_init',
+                            stdout
+                                .split('\n')
+                                .filter(Boolean)
+                                .map((l) => `[OUT] ${l}`)
+                        );
+                    }
+                });
+            }
+
+            if (room === 'intelligence') {
+                const facts = readJson(path.join(DATA_DIR, 'memory/facts.json'));
+                const tasks = readJson(path.join(DATA_DIR, 'tasks.json'));
+                let session = readJson(path.join(DATA_DIR, 'session.json')) || {};
+
+                // Add session stats
+                const CHATS_DIR = path.join(BASE_DIR, '.gemini/tmp/tars/chats');
+                let sessionStats = { total: 0, lastSwitch: null, history: [] };
+                try {
+                    if (fs.existsSync(CHATS_DIR)) {
+                        const files = fs
+                            .readdirSync(CHATS_DIR)
+                            .filter((f) => f.endsWith('.json'))
+                            .map((f) => ({
+                                name: f,
+                                mtime: fs.statSync(path.join(CHATS_DIR, f)).mtime
+                            }))
+                            .sort((a, b) => b.mtime - a.mtime);
+
+                        sessionStats.total = files.length;
+                        sessionStats.lastSwitch = files[0]?.mtime || null;
+                        sessionStats.history = files.slice(0, 10).map((f) => ({
+                            id: f.name.split('-').pop().replace('.json', ''),
+                            time: f.mtime
+                        }));
+
+                        // If session interaction count is 0 or low, try to count from the current chat file
+                        if (
+                            session.sessionId &&
+                            (!session.interactionCount || session.interactionCount < 2)
+                        ) {
+                            const currentChatFile = files.find((f) =>
+                                f.name.includes(session.sessionId.split('-')[0])
+                            );
+                            if (currentChatFile) {
+                                const chatData = readJson(
+                                    path.join(CHATS_DIR, currentChatFile.name)
+                                );
+                                if (chatData && chatData.messages) {
+                                    session.interactionCount = chatData.messages.filter(
+                                        (m) => m.type === 'user'
+                                    ).length;
+                                    // Also pull token info from chat file if it's more accurate
+                                    if (chatData.tokenStats) {
+                                        session.totalInputTokens =
+                                            chatData.tokenStats.totalInputTokens;
+                                        session.totalOutputTokens =
+                                            chatData.tokenStats.totalOutputTokens;
+                                        session.totalCachedTokens =
+                                            chatData.tokenStats.totalCachedTokens;
+                                        session.totalNetTokens = chatData.tokenStats.totalNetTokens;
+                                    }
+                                }
+                            }
+                        }
+                    }
+                } catch (e) {
+                    console.error('Error reading sessions:', e.message);
+                }
+
+                socket.emit('intelligence_init', { facts, tasks, session, sessionStats });
+            }
+        });
+
+        socket.on('unsubscribe', (room) => {
+            socket.leave(room);
+        });
+
+        socket.on('disconnect', () => {
+            console.log('Client disconnected');
+        });
+    });
+
+    // Metrics Loop
+    const getGpuStats = async () => {
+        try {
+            const { stdout } = await new Promise((resolve, reject) => {
+                exec('rocm-smi -a --json', (error, stdout) => {
+                    if (error) reject(error);
+                    else resolve({ stdout });
+                });
+            });
+            const data = JSON.parse(stdout);
+            const card = data.card0;
+            if (!card) return null;
+
+            const { stdout: memStdout } = await new Promise((resolve, reject) => {
+                exec('rocm-smi --showmeminfo vram --json', (error, stdout) => {
+                    if (error) reject(error);
+                    else resolve({ stdout });
+                });
+            });
+            const memData = JSON.parse(memStdout);
+            const vram = memData.card0;
+
+            return {
+                name: card['Device Name'] || 'AMD GPU',
+                usage: card['GPU use (%)'] || '0',
+                memTotal: vram
+                    ? (parseInt(vram['VRAM Total Memory (B)']) / 1024 / 1024 / 1024).toFixed(2)
+                    : '0',
+                memUsed: vram
+                    ? (parseInt(vram['VRAM Total Used Memory (B)']) / 1024 / 1024 / 1024).toFixed(2)
+                    : '0',
+                memUsage: card['GPU Memory Allocated (VRAM%)'] || '0',
+                temp: card['Temperature (Sensor edge) (C)'] || '0',
+                power: card['Current Socket Graphics Package Power (W)'] || '0',
+                clock: card['sclk clock speed:']
+                    ? card['sclk clock speed:'].replace(/[()]/g, '')
+                    : '0'
+            };
+        } catch (e) {
+            return null;
+        }
+    };
+
+    setInterval(async () => {
+        try {
+            const [cpu, mem, disk, net, time, temp, gpu] = await Promise.all([
+                si.currentLoad(),
+                si.mem(),
+                si.fsSize(),
+                si.networkStats(),
+                si.time(),
+                si.cpuTemperature(),
+                getGpuStats()
+            ]);
+
+            io.to('metrics').emit('metrics_update', {
+                cpu: {
+                    load: cpu.currentLoad.toFixed(1),
+                    cpus: cpu.cpus.map((c) => c.load.toFixed(1)),
+                    temp: temp.main || 0
+                },
+                mem: {
+                    usage: ((mem.active / mem.total) * 100).toFixed(1),
+                    used: (mem.active / 1024 / 1024 / 1024).toFixed(2),
+                    total: (mem.total / 1024 / 1024 / 1024).toFixed(2),
+                    cached: (mem.cached / 1024 / 1024 / 1024).toFixed(2),
+                    swapUsed: (mem.swapused / 1024 / 1024 / 1024).toFixed(2),
+                    swapTotal: (mem.swaptotal / 1024 / 1024 / 1024).toFixed(2)
+                },
+                disks: disk
+                    .filter(
+                        (d) =>
+                            d.size > 0 &&
+                            !d.mount.startsWith('/sys') &&
+                            !d.mount.startsWith('/proc')
+                    )
+                    .map((d) => ({
+                        fs: d.fs,
+                        mount: d.mount,
+                        use: d.use.toFixed(1),
+                        used: (d.used / 1024 / 1024 / 1024).toFixed(1),
+                        size: (d.size / 1024 / 1024 / 1024).toFixed(1)
+                    })),
+                net: net
+                    .filter((n) => n.operstate === 'up')
+                    .map((n) => ({
+                        iface: n.iface,
+                        rx: (n.rx_sec / 1024).toFixed(1),
+                        tx: (n.tx_sec / 1024).toFixed(1)
+                    })),
+                gpu,
+                uptime: time.uptime
+            });
+        } catch (err) {
+            console.error('Metrics loop error:', err);
+        }
+    }, 2000);
+
+    // Intelligence Watcher
+    const dataWatcher = chokidar.watch(
+        [
+            path.join(DATA_DIR, 'memory/facts.json'),
+            path.join(DATA_DIR, 'tasks.json'),
+            path.join(DATA_DIR, 'session.json'),
+            path.join(BASE_DIR, '.gemini/tmp/tars/chats')
+        ],
+        { persistent: true }
+    );
+
+    dataWatcher.on('all', (event, filePath) => {
+        if (fs.statSync(filePath).isDirectory()) return;
+
+        const fileName = path.basename(filePath);
+        const data = readJson(filePath);
+        let type = '';
+        if (fileName === 'facts.json') type = 'facts';
+        if (fileName === 'tasks.json') type = 'tasks';
+        if (fileName === 'session.json') type = 'session';
+
+        if (type) {
+            io.to('intelligence').emit('intelligence_update', { type, data });
+        }
+
+        // Always refresh session stats if anything in chats or session.json changes
+        if (filePath.includes('chats') || fileName === 'session.json') {
+            const CHATS_DIR = path.join(BASE_DIR, '.gemini/tmp/tars/chats');
+            try {
+                if (fs.existsSync(CHATS_DIR)) {
+                    const files = fs
+                        .readdirSync(CHATS_DIR)
+                        .filter((f) => f.endsWith('.json'))
+                        .map((f) => ({
+                            name: f,
+                            mtime: fs.statSync(path.join(CHATS_DIR, f)).mtime
+                        }))
+                        .sort((a, b) => b.mtime - a.mtime);
+
+                    io.to('intelligence').emit('intelligence_update', {
+                        type: 'sessionStats',
+                        data: {
+                            total: files.length,
+                            lastSwitch: files[0]?.mtime || null,
+                            history: files.slice(0, 10).map((f) => ({
+                                id: f.name.split('-').pop().replace('.json', ''),
+                                time: f.mtime
+                            }))
+                        }
+                    });
+                }
+            } catch (e) {}
+        }
+    });
+
+    // File Watcher
+    const fsWatcher = chokidar.watch(BASE_DIR, {
+        ignored: /(^|[\/\\])\../,
+        persistent: true,
+        ignoreInitial: true,
+        depth: 3
+    });
+
+    fsWatcher.on('all', (event, path) => {
+        io.to('fs').emit('fs_event', { event, path: path.replace(BASE_DIR, '') });
+    });
+
+    // Log Tailing
+    const tailLog = (logPath, type) => {
+        if (!fs.existsSync(logPath)) return;
+        let currentOffset = fs.statSync(logPath).size;
+
+        setInterval(() => {
+            try {
+                const stats = fs.statSync(logPath);
+                if (stats.size > currentOffset) {
+                    const stream = fs.createReadStream(logPath, {
+                        start: currentOffset,
+                        end: stats.size
+                    });
+                    stream.on('data', (chunk) => {
+                        const lines = chunk.toString().split('\n').filter(Boolean);
+                        io.to('logs').emit(
+                            'logs_update',
+                            lines.map((line) => `[${type}] ${line}`)
+                        );
+                    });
+                    currentOffset = stats.size;
+                } else if (stats.size < currentOffset) {
+                    currentOffset = 0; // Rotated
+                }
+            } catch (e) {
+                console.error(`Log tailing error for ${type}:`, e.message);
+            }
+        }, 1000);
+    };
+
+    tailLog(OUT_LOG, 'OUT');
+    tailLog(ERR_LOG, 'ERR');
+
+    // Next.js Handler
+    server.use((req, res) => {
+        return handle(req, res);
+    });
+
+    httpServer.listen(port, (err) => {
+        if (err) throw err;
+        console.log(`> Ready on http://localhost:${port}`);
+    });
+});

package/stock_apps/dashboard/src/app/globals.css

@@ -0,0 +1,122 @@
+@import 'tailwindcss';
+
+:root {
+    --background: #050505;
+    --foreground: #ffffff;
+    --accent-primary: #3b82f6; /* Tars Docs Blue */
+    --accent-secondary: #10b981; /* Green */
+    --accent-warning: #f59e0b; /* Amber */
+    --accent-danger: #ef4444; /* Red */
+    --card-bg: #0c0c0c;
+    --card-border: #1f2937;
+    --text-muted: #9ca3af;
+}
+
+@theme inline {
+    --color-background: var(--background);
+    --color-foreground: var(--foreground);
+    --color-accent-primary: var(--accent-primary);
+    --color-accent-secondary: var(--accent-secondary);
+    --color-accent-warning: var(--accent-warning);
+    --color-accent-danger: var(--accent-danger);
+    --color-card-bg: var(--card-bg);
+    --color-card-border: var(--card-border);
+    --color-text-muted: var(--text-muted);
+}
+
+body {
+    background: var(--background);
+    color: var(--foreground);
+    font-family: var(--font-geist-sans), ui-sans-serif, system-ui, sans-serif;
+    -webkit-font-smoothing: antialiased;
+
+    /* Subtle Docs-style Grid */
+    background-image: radial-gradient(
+        circle at 2px 2px,
+        rgba(255, 255, 255, 0.05) 1px,
+        transparent 0
+    );
+    background-size: 24px 24px;
+}
+
+.font-mono {
+    font-family: var(--font-geist-mono), ui-monospace, monospace !important;
+}
+
+.card {
+    border: 1px solid var(--card-border);
+    padding: 1.25rem;
+    background: var(--card-bg);
+    border-radius: 0.75rem;
+    transition: all 0.3s ease;
+    position: relative; /* Ensure children can be absolute */
+}
+
+/* Maintain btop logic but with Docs skin */
+.card-header-btop {
+    position: absolute;
+    top: -10px;
+    left: 12px;
+    background: #050505; /* Use body background to cut the border */
+    padding: 0 10px;
+    font-weight: 900;
+    font-size: 0.65rem;
+    letter-spacing: 0.15em;
+    text-transform: uppercase;
+    color: var(--accent-primary);
+    border: 1.5px solid var(--card-border);
+    border-radius: 6px;
+    z-index: 20;
+    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
+}
+
+/* Custom spacing for cards using btop headers to prevent clipping */
+.card-with-header {
+    margin-top: 12px;
+}
+
+/* Scrollbar styling - Clean & Minimal */
+::-webkit-scrollbar {
+    width: 5px;
+    height: 5px;
+}
+::-webkit-scrollbar-track {
+    background: transparent;
+}
+::-webkit-scrollbar-thumb {
+    background: #333;
+    border-radius: 10px;
+}
+::-webkit-scrollbar-thumb:hover {
+    background: var(--accent-primary);
+}
+
+/* Selection */
+::selection {
+    background: var(--accent-primary);
+    color: white;
+}
+
+/* Fix visibility */
+.text-white {
+    color: #ffffff !important;
+}
+
+.font-black {
+    font-weight: 900 !important;
+}
+
+/* Custom Scrollbar for inner components */
+.custom-scrollbar::-webkit-scrollbar {
+    width: 4px;
+}
+.custom-scrollbar::-webkit-scrollbar-track {
+    background: rgba(255, 255, 255, 0.02);
+}
+.custom-scrollbar::-webkit-scrollbar-thumb {
+    background: rgba(255, 255, 255, 0.1);
+    border-radius: 10px;
+}
+.custom-scrollbar::-webkit-scrollbar-thumb:hover {
+    background: var(--accent-primary);
+}