testeranto 0.177.0 → 0.197.0

package/dist/module/src/components/pure/ProcessManager.js

@@ -0,0 +1,75 @@
+import React, { useState, useEffect } from 'react';
+import { Modal, Button, ListGroup, Badge } from 'react-bootstrap';
+export const ProcessManager = ({ show, onHide, ws }) => {
+    const [processes, setProcesses] = useState([]);
+    useEffect(() => {
+        if (show && ws) {
+            // Request current processes when modal is shown
+            ws.send(JSON.stringify({ type: 'getRunningProcesses' }));
+        }
+    }, [show, ws]);
+    useEffect(() => {
+        if (!ws)
+            return;
+        const handleMessage = (event) => {
+            try {
+                const data = JSON.parse(event.data);
+                if (data.type === 'runningProcesses') {
+                    setProcesses(data.processes.map((p) => (Object.assign(Object.assign({}, p), { status: 'running' }))));
+                }
+                else if (data.type === 'processStarted') {
+                    setProcesses(prev => [...prev, Object.assign(Object.assign({}, data), { status: 'running' })]);
+                }
+                else if (data.type === 'processExited') {
+                    setProcesses(prev => prev.map(p => p.processId === data.processId
+                        ? Object.assign(Object.assign({}, p), { status: 'exited', exitCode: data.exitCode }) : p));
+                }
+                else if (data.type === 'processError') {
+                    setProcesses(prev => prev.map(p => p.processId === data.processId
+                        ? Object.assign(Object.assign({}, p), { status: 'error', error: data.error }) : p));
+                }
+            }
+            catch (error) {
+                console.error('Error parsing process message:', error);
+            }
+        };
+        ws.addEventListener('message', handleMessage);
+        return () => ws.removeEventListener('message', handleMessage);
+    }, [ws]);
+    const getStatusBadge = (process) => {
+        switch (process.status) {
+            case 'running':
+                return React.createElement(Badge, { bg: "success" }, "Running");
+            case 'exited':
+                return React.createElement(Badge, { bg: "secondary" },
+                    "Exited (",
+                    process.exitCode,
+                    ")");
+            case 'error':
+                return React.createElement(Badge, { bg: "danger" }, "Error");
+            default:
+                return React.createElement(Badge, { bg: "warning" }, "Unknown");
+        }
+    };
+    return (React.createElement(Modal, { show: show, onHide: onHide, size: "lg" },
+        React.createElement(Modal.Header, { closeButton: true },
+            React.createElement(Modal.Title, null, "Running Aider Processes")),
+        React.createElement(Modal.Body, null,
+            React.createElement(ListGroup, null,
+                processes.map(process => (React.createElement(ListGroup.Item, { key: process.processId, className: "d-flex justify-content-between align-items-start" },
+                    React.createElement("div", { className: "ms-2 me-auto" },
+                        React.createElement("div", { className: "fw-bold" }, process.command),
+                        React.createElement("small", { className: "text-muted" },
+                            "PID: ",
+                            process.pid || 'N/A',
+                            " | Started: ",
+                            new Date(process.timestamp).toLocaleString()),
+                        process.error && (React.createElement("div", { className: "text-danger mt-1" },
+                            React.createElement("small", null,
+                                "Error: ",
+                                process.error)))),
+                    getStatusBadge(process)))),
+                processes.length === 0 && (React.createElement(ListGroup.Item, null, "No active processes")))),
+        React.createElement(Modal.Footer, null,
+            React.createElement(Button, { variant: "secondary", onClick: onHide }, "Close"))));
+};

package/dist/module/src/components/pure/ProcessManagerView.js

@@ -0,0 +1,200 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+import React, { useState, useEffect, useRef } from "react";
+import { Container, Row, Col, Badge, Button } from "react-bootstrap";
+import { useNavigate } from "react-router-dom";
+export const ProcessManagerView = ({ processes, onRefresh, onBack, loading, onKillProcess, }) => {
+    const navigate = useNavigate();
+    const [selectedProcess, setSelectedProcess] = useState(null);
+    const [ws, setWs] = useState(null);
+    const [processLogs, setProcessLogs] = useState([]);
+    const [autoScroll, setAutoScroll] = useState(true);
+    const logsContainerRef = useRef(null);
+    const [isNavbarCollapsed, setIsNavbarCollapsed] = useState(false);
+    // Set up WebSocket connection
+    useEffect(() => {
+        const wsProtocol = window.location.protocol === "https:" ? "wss:" : "ws:";
+        const wsUrl = `${wsProtocol}//${window.location.host}`;
+        const websocket = new WebSocket(wsUrl);
+        setWs(websocket);
+        websocket.onmessage = (event) => {
+            try {
+                const data = JSON.parse(event.data);
+                // Handle process data response
+                if (data.type === "processData" &&
+                    selectedProcess &&
+                    data.processId === selectedProcess.processId) {
+                    setSelectedProcess((prev) => prev
+                        ? Object.assign(Object.assign({}, prev), { logs: data.logs || [] }) : null);
+                    setProcessLogs(data.logs || []);
+                }
+                // Handle new log messages
+                else if ((data.type === "processStdout" || data.type === "processStderr") &&
+                    selectedProcess &&
+                    data.processId === selectedProcess.processId) {
+                    setProcessLogs((prev) => [...prev, data.data]);
+                }
+            }
+            catch (error) {
+                console.error("Error parsing WebSocket message:", error);
+            }
+        };
+        return () => {
+            websocket.close();
+        };
+    }, [selectedProcess]);
+    // Request process data when selected
+    useEffect(() => {
+        if (selectedProcess && ws && ws.readyState === WebSocket.OPEN) {
+            ws.send(JSON.stringify({
+                type: "getProcess",
+                processId: selectedProcess.processId,
+            }));
+        }
+    }, [selectedProcess, ws]);
+    // Auto-scroll to bottom when new logs arrive and autoScroll is enabled
+    useEffect(() => {
+        if (autoScroll && logsContainerRef.current) {
+            logsContainerRef.current.scrollTop =
+                logsContainerRef.current.scrollHeight;
+        }
+    }, [processLogs, autoScroll]);
+    // Handle scroll events to determine if we should auto-scroll
+    const handleLogsScroll = () => {
+        if (logsContainerRef.current) {
+            const { scrollTop, scrollHeight, clientHeight } = logsContainerRef.current;
+            const isAtBottom = scrollHeight - scrollTop <= clientHeight + 10; // 10px threshold
+            setAutoScroll(isAtBottom);
+        }
+    };
+    const getStatusBadge = (process) => {
+        switch (process.status) {
+            case "running":
+                return React.createElement(Badge, { bg: "success" }, "Running");
+            case "exited":
+                return React.createElement(Badge, { bg: "secondary" },
+                    "Exited (",
+                    process.exitCode,
+                    ")");
+            case "error":
+                return React.createElement(Badge, { bg: "danger" }, "Error");
+            default:
+                return React.createElement(Badge, { bg: "warning" }, "Unknown");
+        }
+    };
+    const handleSelectProcess = (process) => {
+        setSelectedProcess(process);
+        setProcessLogs(process.logs || []);
+    };
+    const handleInput = (data) => {
+        if (ws &&
+            ws.readyState === WebSocket.OPEN &&
+            (selectedProcess === null || selectedProcess === void 0 ? void 0 : selectedProcess.status) === "running") {
+            ws.send(JSON.stringify({
+                type: "stdin",
+                processId: selectedProcess.processId,
+                data: data,
+            }));
+        }
+    };
+    return (React.createElement(Container, { fluid: true, className: "px-0 h-100" },
+        React.createElement(Row, { className: "g-0", style: { height: "calc(100vh - 56px)" } },
+            React.createElement(Col, { sm: 3, className: "border-end", style: {
+                    height: "100%",
+                    overflow: "auto",
+                    backgroundColor: "#f8f9fa",
+                } },
+                React.createElement("div", { className: "p-1" },
+                    processes.map((process) => (React.createElement("div", { key: process.processId, className: `p-2 mb-1 rounded ${(selectedProcess === null || selectedProcess === void 0 ? void 0 : selectedProcess.processId) === process.processId
+                            ? "bg-primary text-white"
+                            : "bg-white border"}`, style: { cursor: "pointer" }, onClick: () => handleSelectProcess(process), title: process.command },
+                        React.createElement("div", { className: "d-flex justify-content-between align-items-start" },
+                            React.createElement("div", { className: "flex-grow-1", style: { minWidth: 0 } },
+                                React.createElement("div", { className: "fw-bold text-truncate small" }, process.command.split(" ")[0]),
+                                React.createElement("div", { className: `text-truncate ${(selectedProcess === null || selectedProcess === void 0 ? void 0 : selectedProcess.processId) === process.processId
+                                        ? "text-white-50"
+                                        : "text-muted"}`, style: { fontSize: "0.7rem" } },
+                                    "PID: ",
+                                    process.pid || "N/A",
+                                    " |",
+                                    " ",
+                                    new Date(process.timestamp).toLocaleTimeString())),
+                            React.createElement("div", { className: "ms-2" }, getStatusBadge(process))),
+                        process.error && (React.createElement("div", { className: `mt-1 ${(selectedProcess === null || selectedProcess === void 0 ? void 0 : selectedProcess.processId) === process.processId
+                                ? "text-warning"
+                                : "text-danger"}`, style: { fontSize: "0.7rem" } },
+                            React.createElement("div", { className: "text-truncate" },
+                                "Error: ",
+                                process.error)))))),
+                    processes.length === 0 && !loading && (React.createElement("div", { className: "p-2 text-center text-muted small" }, "No active processes")),
+                    loading && processes.length === 0 && (React.createElement("div", { className: "p-2 text-center small" },
+                        React.createElement("div", { className: "spinner-border spinner-border-sm", role: "status" },
+                            React.createElement("span", { className: "visually-hidden" }, "Loading...")))))),
+            React.createElement(Col, { sm: 5, className: "border-end p-3", style: { height: "100%", overflow: "auto" } }, selectedProcess ? (React.createElement("div", null,
+                React.createElement("div", { className: "mb-3" },
+                    React.createElement("strong", null, "Command:"),
+                    React.createElement("code", { className: "bg-light p-2 rounded d-block mt-1", style: { fontSize: "0.8rem" } }, selectedProcess.command)),
+                React.createElement("div", { className: "mb-2" },
+                    React.createElement("strong", null, "Status:"),
+                    React.createElement("div", { className: "mt-1" }, getStatusBadge(selectedProcess))),
+                React.createElement("div", { className: "mb-2" },
+                    React.createElement("strong", null, "PID:"),
+                    React.createElement("div", { className: "text-muted" }, selectedProcess.pid || "N/A")),
+                React.createElement("div", { className: "mb-2" },
+                    React.createElement("strong", null, "Started:"),
+                    React.createElement("div", { className: "text-muted" }, new Date(selectedProcess.timestamp).toLocaleString())),
+                selectedProcess.exitCode !== undefined && (React.createElement("div", { className: "mb-2" },
+                    React.createElement("strong", null, "Exit Code:"),
+                    React.createElement("div", { className: "text-muted" }, selectedProcess.exitCode))),
+                selectedProcess.error && (React.createElement("div", { className: "mt-3" },
+                    React.createElement("strong", { className: "text-danger" }, "Error:"),
+                    React.createElement("div", { className: "text-danger small mt-1" }, selectedProcess.error))))) : (React.createElement("div", { className: "text-center text-muted mt-5" },
+                React.createElement("i", null, "Select a process to view details")))),
+            React.createElement(Col, { sm: 4, className: "p-0", style: { height: "100%", overflow: "hidden" } }, selectedProcess ? (React.createElement("div", { className: "d-flex flex-column h-100" },
+                React.createElement("div", { ref: logsContainerRef, className: "bg-dark text-light flex-grow-1", style: {
+                        overflowY: "auto",
+                        fontFamily: 'Monaco, Menlo, "Ubuntu Mono", monospace',
+                        fontSize: "14px",
+                        lineHeight: "1.4",
+                        // padding: '1rem'
+                    }, onScroll: handleLogsScroll },
+                    processLogs.length > 0 ? (React.createElement("pre", { className: "mb-0", style: {
+                            whiteSpace: "pre-wrap",
+                            wordBreak: "break-word",
+                            backgroundColor: "transparent",
+                            border: "none",
+                            color: "inherit",
+                        } }, processLogs.join(""))) : (React.createElement("div", { className: "text-muted text-center py-4" },
+                        React.createElement("i", null, "No output yet"))),
+                    !autoScroll && (React.createElement("div", { className: "position-sticky bottom-0 d-flex justify-content-center mb-2" },
+                        React.createElement(Button, { variant: "primary", size: "sm", onClick: () => {
+                                setAutoScroll(true);
+                                if (logsContainerRef.current) {
+                                    logsContainerRef.current.scrollTop =
+                                        logsContainerRef.current.scrollHeight;
+                                }
+                            } }, "Scroll to Bottom")))),
+                selectedProcess.status === "running" && (React.createElement("div", { className: "border-top bg-white p-3", style: { flexShrink: 0 } },
+                    onKillProcess && (React.createElement("div", { className: "mb-3" },
+                        React.createElement(Button, { variant: "danger", size: "sm", onClick: () => onKillProcess(selectedProcess.processId), className: "w-100" }, "\u23F9\uFE0F Stop Process"))),
+                    React.createElement("div", { className: "input-group" },
+                        React.createElement("input", { type: "text", className: "form-control", placeholder: "Type input and press Enter...", onKeyPress: (e) => {
+                                if (e.key === "Enter") {
+                                    const target = e.target;
+                                    const inputValue = target.value;
+                                    if (inputValue.trim()) {
+                                        handleInput(inputValue + "\n");
+                                        target.value = "";
+                                    }
+                                }
+                            }, autoFocus: true }),
+                        React.createElement("button", { className: "btn btn-primary", type: "button", onClick: () => {
+                                const input = document.querySelector("input");
+                                const inputValue = input.value;
+                                if (inputValue.trim()) {
+                                    handleInput(inputValue + "\n");
+                                    input.value = "";
+                                }
+                            } }, "Send")),
+                    React.createElement("small", { className: "text-muted" }, "\uD83D\uDCA1 Press Enter to send input to the process"))))) : (React.createElement("div", { className: "p-3 text-center text-muted mt-5" },
+                React.createElement("i", null, "Live logs will appear here when a process is selected")))))));
+};

package/dist/module/src/components/pure/ProjectPageView.js

@@ -1,8 +1,9 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import React from 'react';
-import { Tab, Container, Alert, Table, Badge, Nav, Card, ListGroup } from 'react-bootstrap';
-import { NavBar } from '../../NavBar';
+import { Tab, Container, Alert, Table, Badge, Nav, Card, ListGroup, Col, Row } from 'react-bootstrap';
 import { TestStatusBadge } from '../TestStatusBadge';
+import { NavBar } from './NavBar';
+import "./../../App.scss";
 const BuildLogViewer = ({ logs, runtime }) => {
     var _a, _b, _c, _d, _e, _f;
     if (!logs)
@@ -76,9 +77,7 @@ const BuildLogViewer = ({ logs, runtime }) => {
                                         ((_b = warn.location) === null || _b === void 0 ? void 0 : _b.line) && `:${warn.location.line}`),
                                     React.createElement("small", { className: "text-muted" }, warn.pluginName ? `[${warn.pluginName}]` : '')),
                                 React.createElement("div", { className: "mt-1" },
-                                    React.createElement("pre", { className: "mb-0 p-2 bg-light rounded" }, warn.text || warn.message || JSON.stringify(warn))),
-                                warn.detail && (React.createElement("div", { className: "mt-1 small text-muted" },
-                                    React.createElement("pre", { className: "mb-0 p-2 bg-light rounded" }, warn.detail)))));
+                                    React.createElement("pre", { className: "mb-0 p-2 bg-light rounded" }, JSON.stringify(warn)))));
                         }))))) : (React.createElement(Alert, { variant: "info" }, "No warnings found"))),
                 React.createElement(Tab.Pane, { eventKey: "errors" }, hasErrors ? (React.createElement(Card, { className: "border-danger" },
                     React.createElement(Card.Header, { className: "bg-danger text-white d-flex justify-content-between align-items-center" },
@@ -97,15 +96,13 @@ const BuildLogViewer = ({ logs, runtime }) => {
                                         ((_b = err.location) === null || _b === void 0 ? void 0 : _b.line) && `:${err.location.line}`),
                                     React.createElement("small", { className: "text-muted" }, err.pluginName ? `[${err.pluginName}]` : '')),
                                 React.createElement("div", { className: "mt-1" },
-                                    React.createElement("pre", { className: "mb-0 p-2 bg-light rounded" }, err.text || err.message || JSON.stringify(err))),
-                                err.detail && (React.createElement("div", { className: "mt-1 small text-muted" },
-                                    React.createElement("pre", { className: "mb-0 p-2 bg-light rounded" }, err.detail)))));
+                                    React.createElement("pre", { className: "mb-0 p-2 bg-light rounded" }, JSON.stringify(err)))));
                         }))))) : (React.createElement(Alert, { variant: "success" },
                     React.createElement("h5", null, "No Errors Found"),
                     React.createElement("p", { className: "mb-0" }, "The build completed without any errors."))))))));
 };
-export const ProjectPageView = ({ summary, nodeLogs, webLogs, pureLogs, config, loading, error, projectName, route, setRoute, navigate }) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+export const ProjectPageView = ({ summary, nodeLogs, webLogs, pureLogs, config, loading, error, projectName, activeTab, setActiveTab }) => {
+    var _a, _b, _c, _d, _e, _f;
     if (loading)
         return React.createElement("div", null, "Loading project data...");
     if (error)
@@ -127,71 +124,51 @@ export const ProjectPageView = ({ summary, nodeLogs, webLogs, pureLogs, config,
         };
     });
     return (React.createElement(Container, { fluid: true },
-        React.createElement(NavBar, { title: projectName, backLink: "/", navItems: [
-                {
-                    to: `#tests`,
-                    label: testStatuses.some(t => t.runTimeErrors > 0) ? '❌ Tests' :
-                        testStatuses.some(t => t.typeErrors > 0 || t.staticErrors > 0) ? '⚠️ Tests' : '✅ Tests',
-                    active: route === 'tests',
-                    className: testStatuses.some(t => t.runTimeErrors > 0) ? 'text-danger fw-bold' :
-                        testStatuses.some(t => t.typeErrors > 0 || t.staticErrors > 0) ? 'text-warning fw-bold' : ''
-                },
-                {
-                    to: `#node`,
-                    label: ((_a = nodeLogs === null || nodeLogs === void 0 ? void 0 : nodeLogs.errors) === null || _a === void 0 ? void 0 : _a.length) ? '❌ Node Build' :
-                        ((_b = nodeLogs === null || nodeLogs === void 0 ? void 0 : nodeLogs.warnings) === null || _b === void 0 ? void 0 : _b.length) ? '⚠️ Node Build' : 'Node Build',
-                    active: route === 'node',
-                    className: ((_c = nodeLogs === null || nodeLogs === void 0 ? void 0 : nodeLogs.errors) === null || _c === void 0 ? void 0 : _c.length) ? 'text-danger fw-bold' :
-                        ((_d = nodeLogs === null || nodeLogs === void 0 ? void 0 : nodeLogs.warnings) === null || _d === void 0 ? void 0 : _d.length) ? 'text-warning fw-bold' : ''
-                },
-                {
-                    to: `#web`,
-                    label: ((_e = webLogs === null || webLogs === void 0 ? void 0 : webLogs.errors) === null || _e === void 0 ? void 0 : _e.length) ? '❌ Web Build' :
-                        ((_f = webLogs === null || webLogs === void 0 ? void 0 : webLogs.warnings) === null || _f === void 0 ? void 0 : _f.length) ? '⚠️ Web Build' : 'Web Build',
-                    active: route === 'web',
-                    className: ((_g = webLogs === null || webLogs === void 0 ? void 0 : webLogs.errors) === null || _g === void 0 ? void 0 : _g.length) ? 'text-danger fw-bold' :
-                        ((_h = webLogs === null || webLogs === void 0 ? void 0 : webLogs.warnings) === null || _h === void 0 ? void 0 : _h.length) ? 'text-warning fw-bold' : ''
-                },
-                {
-                    to: `#pure`,
-                    label: ((_j = pureLogs === null || pureLogs === void 0 ? void 0 : pureLogs.errors) === null || _j === void 0 ? void 0 : _j.length) ? '❌ Pure Build' :
-                        ((_k = pureLogs === null || pureLogs === void 0 ? void 0 : pureLogs.warnings) === null || _k === void 0 ? void 0 : _k.length) ? '⚠️ Pure Build' : 'Pure Build',
-                    active: route === 'pure',
-                    className: ((_l = pureLogs === null || pureLogs === void 0 ? void 0 : pureLogs.errors) === null || _l === void 0 ? void 0 : _l.length) ? 'text-danger fw-bold' :
-                        ((_m = pureLogs === null || pureLogs === void 0 ? void 0 : pureLogs.warnings) === null || _m === void 0 ? void 0 : _m.length) ? 'text-warning fw-bold' : ''
-                },
-            ] }),
-        React.createElement(Tab.Container, { activeKey: route, onSelect: (k) => {
-                if (k) {
-                    setRoute(k);
-                    navigate(`#${k}`, { replace: true });
-                }
-            } },
-            React.createElement(Tab.Content, null,
-                React.createElement(Tab.Pane, { eventKey: "tests" },
-                    React.createElement(Table, { striped: true, bordered: true, hover: true },
-                        React.createElement("thead", null,
-                            React.createElement("tr", null,
-                                React.createElement("th", null, "Test"),
-                                React.createElement("th", null, "Runtime"),
-                                React.createElement("th", null, "Status"),
-                                React.createElement("th", null, "Type Errors"),
-                                React.createElement("th", null, "Lint Errors"))),
-                        React.createElement("tbody", null, testStatuses.map((test) => (React.createElement("tr", { key: test.testName },
-                            React.createElement("td", null,
-                                React.createElement("a", { href: `#/projects/${projectName}/tests/${encodeURIComponent(test.testName)}/${test.runTime}` }, test.testName)),
-                            React.createElement("td", null,
-                                React.createElement(Badge, { bg: "secondary", className: "ms-2" }, test.runTime)),
-                            React.createElement("td", null,
-                                React.createElement(TestStatusBadge, { testName: test.testName, testsExist: test.testsExist, runTimeErrors: test.runTimeErrors })),
-                            React.createElement("td", null,
-                                React.createElement("a", { href: `#/projects/${projectName}/tests/${encodeURIComponent(test.testName)}/${test.runTime}#types` }, test.typeErrors > 0 ? `❌ ${test.typeErrors}` : '✅')),
-                            React.createElement("td", null,
-                                React.createElement("a", { href: `#/projects/${projectName}/tests/${encodeURIComponent(test.testName)}/${test.runTime}#lint` }, test.staticErrors > 0 ? `❌ ${test.staticErrors}` : '✅')))))))),
-                React.createElement(Tab.Pane, { eventKey: "node" },
-                    React.createElement(BuildLogViewer, { logs: nodeLogs, runtime: "Node" })),
-                React.createElement(Tab.Pane, { eventKey: "web" },
-                    React.createElement(BuildLogViewer, { logs: webLogs, runtime: "Web" })),
-                React.createElement(Tab.Pane, { eventKey: "pure" },
-                    React.createElement(BuildLogViewer, { logs: pureLogs, runtime: "Pure" }))))));
+        React.createElement(NavBar, { title: projectName, backLink: "/" }),
+        React.createElement(Row, { className: "g-0" },
+            React.createElement(Col, { sm: 3, className: "border-end" },
+                React.createElement(Nav, { variant: "pills", className: "flex-column" },
+                    React.createElement(Nav.Item, null,
+                        React.createElement(Nav.Link, { active: activeTab === 'tests', onClick: () => setActiveTab('tests'), className: "d-flex flex-column align-items-start" },
+                            React.createElement("div", { className: "d-flex justify-content-between w-100" },
+                                React.createElement("span", null, "Tests"),
+                                testStatuses.some(t => t.runTimeErrors > 0) ? (React.createElement(Badge, { bg: "danger" }, "\u274C")) : testStatuses.some(t => t.typeErrors > 0 || t.staticErrors > 0) ? (React.createElement(Badge, { bg: "warning", text: "dark" }, "\u26A0\uFE0F")) : (React.createElement(Badge, { bg: "success" }, "\u2713"))))),
+                    React.createElement(Nav.Item, null,
+                        React.createElement(Nav.Link, { active: activeTab === 'node', onClick: () => setActiveTab('node'), className: "d-flex justify-content-between align-items-center" },
+                            "Node build logs",
+                            ((_a = nodeLogs === null || nodeLogs === void 0 ? void 0 : nodeLogs.errors) === null || _a === void 0 ? void 0 : _a.length) ? (React.createElement(Badge, { bg: "danger" },
+                                "\u274C ",
+                                nodeLogs.errors.length)) : ((_b = nodeLogs === null || nodeLogs === void 0 ? void 0 : nodeLogs.warnings) === null || _b === void 0 ? void 0 : _b.length) ? (React.createElement(Badge, { bg: "warning", text: "dark" }, "\u26A0\uFE0F")) : null)),
+                    React.createElement(Nav.Item, null,
+                        React.createElement(Nav.Link, { active: activeTab === 'web', onClick: () => setActiveTab('web'), className: "d-flex justify-content-between align-items-center" },
+                            "Web build logs",
+                            ((_c = webLogs === null || webLogs === void 0 ? void 0 : webLogs.errors) === null || _c === void 0 ? void 0 : _c.length) ? (React.createElement(Badge, { bg: "danger" },
+                                "\u274C ",
+                                webLogs.errors.length)) : ((_d = webLogs === null || webLogs === void 0 ? void 0 : webLogs.warnings) === null || _d === void 0 ? void 0 : _d.length) ? (React.createElement(Badge, { bg: "warning", text: "dark" }, "\u26A0\uFE0F")) : null)),
+                    React.createElement(Nav.Item, null,
+                        React.createElement(Nav.Link, { active: activeTab === 'pure', onClick: () => setActiveTab('pure'), className: "d-flex justify-content-between align-items-center" },
+                            "Pure build logs",
+                            ((_e = pureLogs === null || pureLogs === void 0 ? void 0 : pureLogs.errors) === null || _e === void 0 ? void 0 : _e.length) ? (React.createElement(Badge, { bg: "danger" },
+                                "\u274C ",
+                                pureLogs.errors.length)) : ((_f = pureLogs === null || pureLogs === void 0 ? void 0 : pureLogs.warnings) === null || _f === void 0 ? void 0 : _f.length) ? (React.createElement(Badge, { bg: "warning", text: "dark" }, "\u26A0\uFE0F")) : null)))),
+            React.createElement(Col, { sm: 9 },
+                React.createElement("div", { className: "p-3" }, activeTab === 'tests' ? (React.createElement(Table, { striped: true, bordered: true, hover: true },
+                    React.createElement("thead", null,
+                        React.createElement("tr", null,
+                            React.createElement("th", null, "Test"),
+                            React.createElement("th", null, "Runtime"),
+                            React.createElement("th", null, "Status"),
+                            React.createElement("th", null, "Type Errors"),
+                            React.createElement("th", null, "Lint Errors"))),
+                    React.createElement("tbody", null, testStatuses.map((test) => (React.createElement("tr", { key: test.testName, "data-testid": `test-row-${test.testName}` },
+                        React.createElement("td", null,
+                            React.createElement("a", { href: `#/projects/${projectName}/tests/${encodeURIComponent(test.testName)}/${test.runTime}` }, test.testName)),
+                        React.createElement("td", null,
+                            React.createElement(Badge, { bg: "secondary", className: "ms-2" }, test.runTime)),
+                        React.createElement("td", null,
+                            React.createElement(TestStatusBadge, { testName: test.testName, testsExist: test.testsExist, runTimeErrors: test.runTimeErrors, typeErrors: test.typeErrors, staticErrors: test.staticErrors })),
+                        React.createElement("td", null,
+                            React.createElement("a", { href: `#/projects/${projectName}/tests/${encodeURIComponent(test.testName)}/${test.runTime}#types` }, test.typeErrors > 0 ? `❌ ${test.typeErrors}` : '✅')),
+                        React.createElement("td", null,
+                            React.createElement("a", { href: `#/projects/${projectName}/tests/${encodeURIComponent(test.testName)}/${test.runTime}#lint` }, test.staticErrors > 0 ? `❌ ${test.staticErrors}` : '✅')))))))) : activeTab === 'node' ? (React.createElement(BuildLogViewer, { logs: nodeLogs, runtime: "Node" })) : activeTab === 'web' ? (React.createElement(BuildLogViewer, { logs: webLogs, runtime: "Web" })) : activeTab === 'pure' ? (React.createElement(BuildLogViewer, { logs: pureLogs, runtime: "Pure" })) : null)))));
 };