bgrun 3.12.3 → 3.12.5

package/dashboard/app/api/history/route.ts

@@ -1,39 +1,105 @@
 import { getProcessHistory, getRecentHistory, addHistoryEntry } from '../../../../src/db';
 
+function stringifyMetadata(metadata: unknown) {
+    try {
+        return JSON.stringify(metadata ?? {});
+    } catch {
+        return '{}';
+    }
+}
+
+function escapeCsv(value: unknown) {
+    const text = String(value ?? '');
+    if (/[",\n\r]/.test(text)) {
+        return `"${text.replace(/"/g, '""')}"`;
+    }
+    return text;
+}
+
+function buildHistoryCsv(rows: Array<{
+    process_name: string;
+    event: string;
+    pid: number | null;
+    timestamp: string;
+    metadata: unknown;
+}>) {
+    const header = ['process_name', 'event', 'pid', 'timestamp', 'metadata'];
+    const lines = rows.map((row) => [
+        row.process_name,
+        row.event,
+        row.pid ?? '',
+        row.timestamp,
+        stringifyMetadata(row.metadata),
+    ].map(escapeCsv).join(','));
+    return [header.join(','), ...lines].join('\n');
+}
+
 export async function GET(req: Request) {
     const url = new URL(req.url);
     const name = url.searchParams.get('name');
+    const event = (url.searchParams.get('event') || '').trim().toLowerCase();
+    const metadataFilter = (url.searchParams.get('metadata') || '')
+        .split(',')
+        .map((value) => value.toLowerCase().trim())
+        .filter(Boolean);
     const limit = parseInt(url.searchParams.get('limit') || '50');
-    
+    const format = (url.searchParams.get('format') || 'json').toLowerCase();
+    const download = url.searchParams.get('download') === '1';
+
     let history;
     if (name) {
         history = getProcessHistory(name, limit);
     } else {
         history = getRecentHistory(limit);
     }
-    
-    return Response.json(history.map((h: any) => ({
+
+    let rows = history.map((h: any) => ({
         process_name: h.process_name,
         event: h.event,
         pid: h.pid,
         timestamp: h.timestamp,
         metadata: h.metadata ? JSON.parse(h.metadata) : {},
-    })));
+    }));
+
+    if (event) {
+        rows = rows.filter((row) => row.event.toLowerCase() === event);
+    }
+    if (metadataFilter.length > 0) {
+        rows = rows.filter((row) => {
+            const haystack = stringifyMetadata(row.metadata).toLowerCase();
+            return metadataFilter.every((term) => haystack.includes(term));
+        });
+    }
+
+    if (format === 'csv') {
+        return new Response(buildHistoryCsv(rows), {
+            headers: {
+                'content-type': 'text/csv; charset=utf-8',
+                ...(download ? { 'content-disposition': `attachment; filename="bgr-history${name ? `-${encodeURIComponent(name)}` : ''}.csv"` } : {}),
+            },
+        });
+    }
+
+    return Response.json(rows, {
+        headers: download
+            ? { 'content-disposition': `attachment; filename="bgr-history${name ? `-${encodeURIComponent(name)}` : ''}.json"` }
+            : undefined,
+    });
 }
 
 export async function POST(req: Request) {
     try {
         const body = await req.json();
         const { process_name, event, pid, metadata } = body;
-        
+
         if (!process_name || !event) {
             return Response.json({ error: 'process_name and event are required' }, { status: 400 });
         }
-        
+
         addHistoryEntry(process_name, event, pid, metadata);
         return Response.json({ success: true });
     } catch (err) {
         console.error('[api/history] Error adding history:', err);
         return Response.json({ error: 'Failed to add history' }, { status: 500 });
     }
-}
+}

package/dashboard/app/api/logs/[name]/route.ts

@@ -1,67 +1,100 @@
-/**
- * GET /api/logs/:name — Read process stdout/stderr logs
- *
- * Supports incremental loading via query params:
- *   ?tab=stdout|stderr   — which log to read (default: stdout)
- *   ?offset=N            — byte offset to start reading from (default: 0 = full file)
- *
- * Returns:
- *   { text, size, mtime, filePath }
- *
- * On first call (offset=0), returns full file content.
- * On subsequent calls (offset=previousSize), returns only new bytes.
- * Client uses `size` as the offset for the next request.
- */
-import { getProcess } from '../../../../../src/db';
-import { stat, open } from 'fs/promises';
-
-interface FileInfo {
-    text: string;
-    size: number;
-    mtime: string | null;
-    filePath: string;
-}
-
-async function readLogFile(path: string, offset: number): Promise<FileInfo> {
-    try {
-        const s = await stat(path);
-        const size = s.size;
-        const mtime = s.mtime.toISOString();
-
-        // If offset >= current size, no new data
-        if (offset >= size) {
-            return { text: '', size, mtime, filePath: path };
-        }
-
-        // Read from offset to end
-        const handle = await open(path, 'r');
-        try {
-            const bytesToRead = size - offset;
-            const buffer = Buffer.alloc(bytesToRead);
-            await handle.read(buffer, 0, bytesToRead, offset);
-            return { text: buffer.toString('utf-8'), size, mtime, filePath: path };
-        } finally {
-            await handle.close();
-        }
-    } catch {
-        return { text: '', size: 0, mtime: null, filePath: path };
-    }
-}
-
-export async function GET(req: Request, { params }: { params: { name: string } }) {
-    const name = decodeURIComponent(params.name);
-    const proc = getProcess(name);
-
-    if (!proc) {
-        return Response.json({ error: 'Process not found' }, { status: 404 });
-    }
-
-    const url = new URL(req.url);
-    const tab = url.searchParams.get('tab') || 'stdout';
-    const offset = parseInt(url.searchParams.get('offset') || '0', 10) || 0;
-
-    const path = tab === 'stderr' ? proc.stderr_path : proc.stdout_path;
-    const info = await readLogFile(path, offset);
-
-    return Response.json(info);
-}
+/**
+ * GET /api/logs/:name — Read process stdout/stderr logs
+ *
+ * Supports incremental loading via query params:
+ *   ?tab=stdout|stderr   — which log to read (default: stdout)
+ *   ?offset=N            — byte offset to start reading from (default: 0 = full file)
+ *   ?format=json|text|csv — response format (default: json)
+ *
+ * Returns JSON by default:
+ *   { text, size, mtime, filePath }
+ */
+import { getProcess } from '../../../../../src/db';
+import { stat, open } from 'fs/promises';
+
+interface FileInfo {
+    text: string;
+    size: number;
+    mtime: string | null;
+    filePath: string;
+}
+
+function escapeCsv(value: unknown) {
+    const text = String(value ?? '');
+    if (/[",\n\r]/.test(text)) {
+        return `"${text.replace(/"/g, '""')}"`;
+    }
+    return text;
+}
+
+function buildLogCsv(text: string) {
+    const header = 'line,text';
+    const lines = text.split('\n').map((line, index) => `${index + 1},${escapeCsv(line)}`);
+    return [header, ...lines].join('\n');
+}
+
+async function readLogFile(path: string, offset: number): Promise<FileInfo> {
+    try {
+        const s = await stat(path);
+        const size = s.size;
+        const mtime = s.mtime.toISOString();
+
+        if (offset >= size) {
+            return { text: '', size, mtime, filePath: path };
+        }
+
+        const handle = await open(path, 'r');
+        try {
+            const bytesToRead = size - offset;
+            const buffer = Buffer.alloc(bytesToRead);
+            await handle.read(buffer, 0, bytesToRead, offset);
+            return { text: buffer.toString('utf-8'), size, mtime, filePath: path };
+        } finally {
+            await handle.close();
+        }
+    } catch {
+        return { text: '', size: 0, mtime: null, filePath: path };
+    }
+}
+
+export async function GET(req: Request, { params }: { params: { name: string } }) {
+    const name = decodeURIComponent(params.name);
+    const proc = getProcess(name);
+
+    if (!proc) {
+        return Response.json({ error: 'Process not found' }, { status: 404 });
+    }
+
+    const url = new URL(req.url);
+    const tab = url.searchParams.get('tab') || 'stdout';
+    const offset = parseInt(url.searchParams.get('offset') || '0', 10) || 0;
+    const format = (url.searchParams.get('format') || 'json').toLowerCase();
+    const download = url.searchParams.get('download') === '1';
+
+    const path = tab === 'stderr' ? proc.stderr_path : proc.stdout_path;
+    const info = await readLogFile(path, offset);
+
+    if (format === 'text') {
+        return new Response(info.text, {
+            headers: {
+                'content-type': 'text/plain; charset=utf-8',
+                ...(download ? { 'content-disposition': `attachment; filename="${encodeURIComponent(name)}-${tab}.log"` } : {}),
+            },
+        });
+    }
+
+    if (format === 'csv') {
+        return new Response(buildLogCsv(info.text), {
+            headers: {
+                'content-type': 'text/csv; charset=utf-8',
+                ...(download ? { 'content-disposition': `attachment; filename="${encodeURIComponent(name)}-${tab}.csv"` } : {}),
+            },
+        });
+    }
+
+    return Response.json(info, {
+        headers: download
+            ? { 'content-disposition': `attachment; filename="${encodeURIComponent(name)}-${tab}.json"` }
+            : undefined,
+    });
+}

package/dashboard/app/globals.css

@@ -2463,6 +2463,14 @@ a.port-link:hover {
     border-bottom: 1px solid var(--border-subtle);
     background: rgba(0, 0, 0, 0.08);
     flex-shrink: 0;
+    flex-wrap: wrap;
+}
+
+.toolbar-export-actions {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.5rem;
+    flex-wrap: wrap;
 }
 
 .log-search {
@@ -4000,171 +4008,171 @@ tr.keyboard-focus td:first-child .process-name span {
     opacity: 0.6;
     cursor: wait;
 }
-
-/* ─── Dependencies Graph ─── */
-
-.deps-controls {
-    display: flex;
-    align-items: center;
-    gap: 0.75rem;
-    margin-bottom: 1.25rem;
-    flex-wrap: wrap;
-}
-
-.deps-arrow {
-    color: var(--text-secondary);
-    font-size: 0.85rem;
-    white-space: nowrap;
-}
-
-.deps-graph-container {
-    background: rgba(0, 0, 0, 0.15);
-    border-radius: 12px;
-    border: 1px solid var(--border);
-    margin-bottom: 1.25rem;
-    overflow: hidden;
-    min-height: 300px;
-    position: relative;
-}
-
-.deps-graph-container svg {
-    display: block;
-}
-
-.deps-node {
-    cursor: pointer;
-}
-
-.deps-node rect {
-    rx: 8;
-    ry: 8;
-    stroke-width: 2;
-    transition: filter 0.15s;
-}
-
-.deps-node:hover rect {
-    filter: brightness(1.3);
-}
-
-.deps-node text {
-    font-family: var(--font-mono);
-    font-size: 12px;
-    fill: var(--text-primary);
-    pointer-events: none;
-}
-
-.deps-edge {
-    stroke: var(--text-secondary);
-    stroke-width: 1.5;
-    fill: none;
-    opacity: 0.6;
-    marker-end: url(#deps-arrowhead);
-}
-
-.deps-edge-highlight {
-    stroke: var(--accent);
-    opacity: 1;
-    stroke-width: 2;
-}
-
-.deps-list {
-    margin-bottom: 1rem;
-}
-
-.deps-list-item {
-    display: flex;
-    align-items: center;
-    gap: 0.5rem;
-    padding: 0.5rem 0.75rem;
-    border-bottom: 1px solid var(--border);
-    font-size: 0.85rem;
-}
-
-.deps-list-item:last-child {
-    border-bottom: none;
-}
-
-.deps-list-item .deps-item-process {
-    font-weight: 600;
-    color: var(--accent);
-    font-family: var(--font-mono);
-}
-
-.deps-list-item .deps-item-arrow {
-    color: var(--text-secondary);
-}
-
-.deps-list-item .deps-item-target {
-    font-family: var(--font-mono);
-    color: var(--text-primary);
-}
-
-.deps-list-item .deps-remove-btn {
-    margin-left: auto;
-    background: none;
-    border: none;
-    color: var(--red);
-    cursor: pointer;
-    font-size: 1rem;
-    padding: 0 0.25rem;
-    opacity: 0.6;
-    transition: opacity 0.15s;
-}
-
-.deps-list-item .deps-remove-btn:hover {
-    opacity: 1;
-}
-
-.deps-start-order {
-    padding: 0.75rem;
-    background: rgba(0, 0, 0, 0.1);
-    border-radius: 8px;
-    font-size: 0.8rem;
-    color: var(--text-secondary);
-}
-
-.deps-start-order .deps-order-title {
-    font-weight: 600;
-    color: var(--text-primary);
-    margin-bottom: 0.35rem;
-}
-
-.deps-start-order .deps-order-list {
-    display: flex;
-    flex-wrap: wrap;
-    gap: 0.35rem;
-}
-
-.deps-order-badge {
-    display: inline-flex;
-    align-items: center;
-    gap: 0.3rem;
-    padding: 0.2rem 0.5rem;
-    background: rgba(var(--accent-rgb, 99, 102, 241), 0.15);
-    border-radius: 6px;
-    font-family: var(--font-mono);
-    font-size: 0.75rem;
-}
-
-.deps-order-badge .deps-order-num {
-    color: var(--accent);
-    font-weight: 700;
-    font-size: 0.7rem;
-}
-
-.deps-empty {
-    text-align: center;
-    padding: 2rem;
-    color: var(--text-secondary);
-    font-size: 0.9rem;
-}
-
-@media (max-width: 768px) {
-    .deps-controls {
-        flex-direction: column;
-        align-items: stretch;
-    }
-    .deps-arrow {
-        text-align: center;
-    }
-}
+
+/* ─── Dependencies Graph ─── */
+
+.deps-controls {
+    display: flex;
+    align-items: center;
+    gap: 0.75rem;
+    margin-bottom: 1.25rem;
+    flex-wrap: wrap;
+}
+
+.deps-arrow {
+    color: var(--text-secondary);
+    font-size: 0.85rem;
+    white-space: nowrap;
+}
+
+.deps-graph-container {
+    background: rgba(0, 0, 0, 0.15);
+    border-radius: 12px;
+    border: 1px solid var(--border);
+    margin-bottom: 1.25rem;
+    overflow: hidden;
+    min-height: 300px;
+    position: relative;
+}
+
+.deps-graph-container svg {
+    display: block;
+}
+
+.deps-node {
+    cursor: pointer;
+}
+
+.deps-node rect {
+    rx: 8;
+    ry: 8;
+    stroke-width: 2;
+    transition: filter 0.15s;
+}
+
+.deps-node:hover rect {
+    filter: brightness(1.3);
+}
+
+.deps-node text {
+    font-family: var(--font-mono);
+    font-size: 12px;
+    fill: var(--text-primary);
+    pointer-events: none;
+}
+
+.deps-edge {
+    stroke: var(--text-secondary);
+    stroke-width: 1.5;
+    fill: none;
+    opacity: 0.6;
+    marker-end: url(#deps-arrowhead);
+}
+
+.deps-edge-highlight {
+    stroke: var(--accent);
+    opacity: 1;
+    stroke-width: 2;
+}
+
+.deps-list {
+    margin-bottom: 1rem;
+}
+
+.deps-list-item {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    padding: 0.5rem 0.75rem;
+    border-bottom: 1px solid var(--border);
+    font-size: 0.85rem;
+}
+
+.deps-list-item:last-child {
+    border-bottom: none;
+}
+
+.deps-list-item .deps-item-process {
+    font-weight: 600;
+    color: var(--accent);
+    font-family: var(--font-mono);
+}
+
+.deps-list-item .deps-item-arrow {
+    color: var(--text-secondary);
+}
+
+.deps-list-item .deps-item-target {
+    font-family: var(--font-mono);
+    color: var(--text-primary);
+}
+
+.deps-list-item .deps-remove-btn {
+    margin-left: auto;
+    background: none;
+    border: none;
+    color: var(--red);
+    cursor: pointer;
+    font-size: 1rem;
+    padding: 0 0.25rem;
+    opacity: 0.6;
+    transition: opacity 0.15s;
+}
+
+.deps-list-item .deps-remove-btn:hover {
+    opacity: 1;
+}
+
+.deps-start-order {
+    padding: 0.75rem;
+    background: rgba(0, 0, 0, 0.1);
+    border-radius: 8px;
+    font-size: 0.8rem;
+    color: var(--text-secondary);
+}
+
+.deps-start-order .deps-order-title {
+    font-weight: 600;
+    color: var(--text-primary);
+    margin-bottom: 0.35rem;
+}
+
+.deps-start-order .deps-order-list {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.35rem;
+}
+
+.deps-order-badge {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.3rem;
+    padding: 0.2rem 0.5rem;
+    background: rgba(var(--accent-rgb, 99, 102, 241), 0.15);
+    border-radius: 6px;
+    font-family: var(--font-mono);
+    font-size: 0.75rem;
+}
+
+.deps-order-badge .deps-order-num {
+    color: var(--accent);
+    font-weight: 700;
+    font-size: 0.7rem;
+}
+
+.deps-empty {
+    text-align: center;
+    padding: 2rem;
+    color: var(--text-secondary);
+    font-size: 0.9rem;
+}
+
+@media (max-width: 768px) {
+    .deps-controls {
+        flex-direction: column;
+        align-items: stretch;
+    }
+    .deps-arrow {
+        text-align: center;
+    }
+}