testeranto 0.177.0 → 0.189.0

package/dist/common/src/components/pure/ProjectPageView.test/implementation.js

@@ -8,11 +8,80 @@ exports.implementation = {
     },
     givens: {
         Default: () => ({
-            summary: {},
-            nodeLogs: null,
-            webLogs: null,
-            pureLogs: null,
-            config: { tests: [] },
+            summary: {
+                "test-suite-1": {
+                    testsExist: true,
+                    runTimeErrors: 0,
+                    typeErrors: 2,
+                    staticErrors: 1
+                },
+                "test-suite-2": {
+                    testsExist: true,
+                    runTimeErrors: 1,
+                    typeErrors: 0,
+                    staticErrors: 0
+                }
+            },
+            nodeLogs: {
+                errors: [],
+                warnings: [
+                    {
+                        text: "Unused variable",
+                        location: { file: "src/file1.ts", line: 10 },
+                        pluginName: "typescript"
+                    }
+                ],
+                metafile: {
+                    inputs: {
+                        "src/file1.ts": { bytes: 1024 },
+                        "src/file2.ts": { bytes: 2048 }
+                    },
+                    outputs: {
+                        "dist/file1.js": { bytes: 1536, entryPoint: true },
+                        "dist/file2.js": { bytes: 2560 }
+                    }
+                }
+            },
+            webLogs: {
+                errors: [],
+                warnings: [],
+                metafile: {
+                    inputs: {
+                        "src/file1.ts": { bytes: 1024 },
+                        "src/file2.ts": { bytes: 2048 }
+                    },
+                    outputs: {
+                        "dist/file1.js": { bytes: 1536, entryPoint: true },
+                        "dist/file2.js": { bytes: 2560 }
+                    }
+                }
+            },
+            pureLogs: {
+                errors: [
+                    {
+                        text: "Syntax error",
+                        location: { file: "src/file3.ts", line: 5 },
+                        pluginName: "typescript"
+                    }
+                ],
+                warnings: [],
+                metafile: {
+                    inputs: {
+                        "src/file3.ts": { bytes: 512 },
+                        "src/file4.ts": { bytes: 768 }
+                    },
+                    outputs: {
+                        "dist/file3.js": { bytes: 1024, entryPoint: true },
+                        "dist/file4.js": { bytes: 1280 }
+                    }
+                }
+            },
+            config: {
+                tests: [
+                    ["test-suite-1", "node"],
+                    ["test-suite-2", "web"]
+                ]
+            },
             loading: false,
             error: null,
             projectName: "test-project",
@@ -36,36 +105,52 @@ exports.implementation = {
     },
     whens: {},
     thens: {
-        happyPath: () => async ({ container, html }, pm) => {
-            console.group('[Test] Verifying render output');
-            // debugger
-            const p = await pm.page();
-            await pm.customScreenShot({ path: "happyPath.png" }, p);
-            chai_1.assert.equal(1, 1);
-            // try {
-            //   console.log('Checking for container-fluid');
-            //   const containerFluid = container.querySelector(".container-fluid");
-            //   expect(containerFluid).to.exist;
-            //   expect(containerFluid?.children.length).to.be.greaterThan(0);
-            //   console.log('Checking for NavBar');
-            //   const navBar = container.querySelector("nav.navbar");
-            //   expect(navBar).to.exist;
-            //   console.log('Render verification passed');
-            //   console.groupEnd();
-            //   return { container, html };
-            // } catch (err) {
-            //   console.error('Verification failed:', err);
-            //   console.error('Full HTML:', html);
-            //   console.groupEnd();
-            //   throw err;
-            // }
+        hasContainerFluid: () => async ({ htmlElement }) => {
+            const container = htmlElement.querySelector('.container-fluid');
+            chai_1.assert.exists(container, 'Should have container-fluid div');
+            return { htmlElement };
+        },
+        hasNavBar: () => async ({ htmlElement }) => {
+            const navBar = htmlElement.querySelector('nav.navbar');
+            chai_1.assert.exists(navBar, 'Should render NavBar component');
+            return { htmlElement };
+        },
+        hasNavBarTitle: () => async ({ htmlElement }) => {
+            var _a;
+            const navBarTitle = (_a = htmlElement.querySelector('nav.navbar .navbar-brand')) === null || _a === void 0 ? void 0 : _a.textContent;
+            chai_1.assert.isNotEmpty(navBarTitle, 'NavBar should have title');
+            return { htmlElement };
+        },
+        hasTestTable: () => async ({ htmlElement }) => {
+            const testTable = htmlElement.querySelector('table');
+            chai_1.assert.exists(testTable, 'Should render test table');
+            return { htmlElement };
+        },
+        rendersTestSuite1: () => async ({ htmlElement }) => {
+            const testTable = htmlElement.querySelector('table');
+            const testNames = Array.from(testTable.querySelectorAll('tbody tr td:first-child'))
+                .map(el => el.textContent);
+            chai_1.assert.include(testNames, 'test-suite-1', 'Should render test-suite-1');
+            return { htmlElement };
+        },
+        rendersTestSuite2: () => async ({ htmlElement }) => {
+            const testTable = htmlElement.querySelector('table');
+            const testNames = Array.from(testTable.querySelectorAll('tbody tr td:first-child'))
+                .map(el => el.textContent);
+            chai_1.assert.include(testNames, 'test-suite-2', 'Should render test-suite-2');
+            return { htmlElement };
+        },
+        unhappyPath: () => async ({ htmlElement }) => {
+            const errorAlert = htmlElement.querySelector('.alert-danger');
+            chai_1.assert.exists(errorAlert, 'Should show error alert');
+            const errorText = errorAlert === null || errorAlert === void 0 ? void 0 : errorAlert.textContent;
+            chai_1.assert.include(errorText, 'Test error message', 'Should display error message');
+            return { htmlElement };
         },
-        unhappyPath: () => async ({ container }, pm) => {
-            // expect(container.textContent).contain("Test error message");
-            chai_1.assert.equal(1, 1);
+        takeScreenshot: (name) => async ({ htmlElement }, pm) => {
             const p = await pm.page();
-            await pm.customScreenShot({ path: "unhappyPath.png" }, p);
-            return { container };
+            await pm.customScreenShot({ path: name }, p);
+            return { htmlElement };
         },
     },
 };

package/dist/common/src/components/pure/ProjectPageView.test/index.js

@@ -4,7 +4,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const web_1 = __importDefault(require("testeranto-react/src/react-dom/component/web"));
+const react_router_dom_1 = require("react-router-dom");
 const implementation_1 = require("./implementation");
 const specification_1 = require("./specification");
 const ProjectPageView_1 = require("../ProjectPageView");
-exports.default = (0, web_1.default)(implementation_1.implementation, specification_1.specification, ProjectPageView_1.ProjectPageView);
+const react_1 = __importDefault(require("react"));
+const WrappedProjectPageView = (props) => (react_1.default.createElement(react_router_dom_1.MemoryRouter, null,
+    react_1.default.createElement(ProjectPageView_1.ProjectPageView, Object.assign({}, props), " ")));
+exports.default = (0, web_1.default)(implementation_1.implementation, specification_1.specification, WrappedProjectPageView);

package/dist/common/src/components/pure/ProjectPageView.test/specification.js

@@ -8,11 +8,24 @@ const specification = (Suite, Given, When, Then) => {
                 "ProjectPageView should render",
                 "It should contain a container-fluid div",
                 "It should render the NavBar component",
-            ], [], [Then.happyPath()]),
+                "NavBar should display project title",
+                "It should render test results table",
+                "It should display test-suite-1 results",
+                "It should display test-suite-2 results",
+            ], [], [
+                Then.hasContainerFluid(),
+                Then.hasNavBar(),
+                Then.hasNavBarTitle(),
+                Then.hasTestTable(),
+                Then.rendersTestSuite1(),
+                Then.rendersTestSuite2(),
+                Then.takeScreenshot("happy-state.png"),
+            ]),
             errorHandling: Given.WithError([
                 "ProjectPageView should handle errors",
                 "It should display error messages when present",
-            ], [], [Then.unhappyPath()]),
+                "It should capture screenshots of error state",
+            ], [], [Then.unhappyPath(), Then.takeScreenshot("error-state.png")]),
         }),
     ];
 };

package/dist/common/src/components/pure/ProjectPageView.test/types.js

@@ -1,2 +1,4 @@
 "use strict";
+/* eslint-disable @typescript-eslint/no-empty-object-type */
+/* eslint-disable @typescript-eslint/no-explicit-any */
 Object.defineProperty(exports, "__esModule", { value: true });

package/dist/common/src/components/pure/ProjectsPageView.js

@@ -0,0 +1,66 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProjectsPageView = void 0;
+const react_1 = __importDefault(require("react"));
+const react_bootstrap_1 = require("react-bootstrap");
+const NavBar_1 = require("./NavBar");
+const ProjectsPageView = ({ projects, summaries, configs, loading, error, navigate }) => {
+    const getStatusIcon = (status) => {
+        switch (status) {
+            case 'success': return '✅';
+            case 'failed': return '❌';
+            case 'warning': return '⚠️';
+            default: return '❓';
+        }
+    };
+    if (loading)
+        return react_1.default.createElement("div", null, "Loading projects...");
+    if (error)
+        return react_1.default.createElement(react_bootstrap_1.Alert, { variant: "danger" },
+            "Error: ",
+            error);
+    return (react_1.default.createElement("div", { className: "p-3" },
+        react_1.default.createElement(NavBar_1.NavBar, { title: "Testeranto", backLink: undefined }),
+        react_1.default.createElement(react_bootstrap_1.Table, { striped: true, bordered: true, hover: true, responsive: true },
+            react_1.default.createElement("thead", null,
+                react_1.default.createElement("tr", null,
+                    react_1.default.createElement("th", null, "Project"),
+                    react_1.default.createElement("th", null, "Tests"),
+                    react_1.default.createElement("th", null, "Node"),
+                    react_1.default.createElement("th", null, "Web"),
+                    react_1.default.createElement("th", null, "Pure"))),
+            react_1.default.createElement("tbody", null, projects.map((project) => (react_1.default.createElement("tr", { key: project.name },
+                react_1.default.createElement("td", null,
+                    react_1.default.createElement("a", { href: "#", onClick: (e) => {
+                            e.preventDefault();
+                            navigate(`/projects/${project.name}`);
+                        } }, project.name)),
+                react_1.default.createElement("td", null,
+                    react_1.default.createElement("div", { style: { maxHeight: '200px', overflowY: 'auto' } }, summaries[project.name] ? (Object.keys(summaries[project.name]).map(testName => {
+                        var _a, _b, _c;
+                        const testData = summaries[project.name][testName];
+                        const runTime = ((_c = (_b = (_a = configs[project.name]) === null || _a === void 0 ? void 0 : _a.tests) === null || _b === void 0 ? void 0 : _b.find((t) => t[0] === testName)) === null || _c === void 0 ? void 0 : _c[1]) || 'node';
+                        const hasRuntimeErrors = testData.runTimeErrors > 0;
+                        const hasStaticErrors = testData.typeErrors > 0 || testData.staticErrors > 0;
+                        return (react_1.default.createElement("div", { key: testName },
+                            react_1.default.createElement("a", { href: `#/projects/${project.name}/tests/${encodeURIComponent(testName)}/${runTime}` },
+                                hasRuntimeErrors ? '❌ ' : hasStaticErrors ? '⚠️ ' : '',
+                                testName.split('/').pop() || testName)));
+                    })) : (react_1.default.createElement("div", null, "Loading tests...")))),
+                react_1.default.createElement("td", null,
+                    react_1.default.createElement("a", { href: `#/projects/${project.name}#node` },
+                        getStatusIcon(project.nodeStatus),
+                        " Node build logs")),
+                react_1.default.createElement("td", null,
+                    react_1.default.createElement("a", { href: `#/projects/${project.name}#web` },
+                        getStatusIcon(project.webStatus),
+                        " Web build logs")),
+                react_1.default.createElement("td", null,
+                    react_1.default.createElement("a", { href: `#/projects/${project.name}#pure` },
+                        getStatusIcon(project.pureStatus),
+                        " Pure build logs")))))))));
+};
+exports.ProjectsPageView = ProjectsPageView;

package/dist/common/src/components/pure/SettingsButton.js

@@ -0,0 +1,83 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SettingsButton = void 0;
+const react_1 = __importStar(require("react"));
+const react_bootstrap_1 = require("react-bootstrap");
+const ModalContent_1 = require("./ModalContent");
+const SunriseAnimation_1 = __importDefault(require("../SunriseAnimation"));
+const SettingsButton = ({ className }) => {
+    (0, react_1.useEffect)(() => {
+        return () => {
+            // Cleanup if needed
+        };
+    }, []);
+    const [showModal, setShowModal] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
+        let themeToApply = theme;
+        if (theme === 'system') {
+            themeToApply = window.matchMedia('(prefers-color-scheme: light)').matches ? 'light' : 'dark';
+        }
+        document.documentElement.setAttribute('data-bs-theme', themeToApply);
+    }, []);
+    const [theme, setTheme] = (0, react_1.useState)(localStorage.getItem('theme') || 'system');
+    const handleThemeChange = (e) => {
+        const newTheme = e.target.value;
+        setTheme(newTheme);
+        localStorage.setItem('theme', newTheme);
+        // Remove all theme classes first
+        // document.body.classList.remove('light-theme', 'dark-theme', 'lovely-theme', 'light-grayscale-theme', 'dark-grayscale-theme', 'sepia-theme');
+        let themeToApply = newTheme;
+        if (newTheme === 'system') {
+            themeToApply = window.matchMedia('(prefers-color-scheme: light)').matches ? 'light' : 'dark';
+        }
+        document.documentElement.setAttribute('data-bs-theme', themeToApply);
+        // Animation is now handled by SunriseAnimation component
+        // document.body.classList.add(`${themeToApply}-theme`);
+    };
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", { id: "settings-button" },
+            react_1.default.createElement("button", { className: `btn btn-sm btn-outline-secondary ${className}`, onClick: () => setShowModal(true) },
+                react_1.default.createElement("div", { id: "gear-icon-settings" }, "\u2699\uFE0F"))),
+        react_1.default.createElement(SunriseAnimation_1.default, { active: theme === 'daily' }),
+        react_1.default.createElement(react_bootstrap_1.Modal, { show: showModal, onHide: () => setShowModal(false), size: "lg" },
+            react_1.default.createElement(ModalContent_1.ModalContent, { theme: theme, handleThemeChange: handleThemeChange }),
+            react_1.default.createElement(react_bootstrap_1.Modal.Footer, { className: "border-0" },
+                react_1.default.createElement(react_bootstrap_1.Button, { variant: "btn-primary", onClick: () => setShowModal(false) }, "Done")))));
+};
+exports.SettingsButton = SettingsButton;

package/dist/common/src/components/pure/TestPageView.js

@@ -0,0 +1,134 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TestPageView = void 0;
+/* eslint-disable @typescript-eslint/no-explicit-any */
+const react_1 = __importDefault(require("react"));
+const react_bootstrap_1 = require("react-bootstrap");
+const NavBar_1 = require("./NavBar");
+const TestStatusBadge_1 = require("../TestStatusBadge");
+const TestPageView = ({ projectName, testName, decodedTestPath, runtime, testsExist, errorCounts, logs, }) => {
+    const [activeTab, setActiveTab] = react_1.default.useState('tests.json');
+    const renderTestResults = (testData) => {
+        return (react_1.default.createElement("div", { className: "test-results" }, testData.givens.map((given, i) => (react_1.default.createElement("div", { key: i, className: "mb-4 card" },
+            react_1.default.createElement("div", { className: "card-header bg-primary text-white" },
+                react_1.default.createElement("div", { className: "d-flex justify-content-between align-items-center" },
+                    react_1.default.createElement("div", null,
+                        react_1.default.createElement("h4", null,
+                            "Given: ",
+                            given.name),
+                        given.features && given.features.length > 0 && (react_1.default.createElement("div", { className: "mt-1" },
+                            react_1.default.createElement("small", null, "Features:"),
+                            react_1.default.createElement("ul", { className: "list-unstyled" }, given.features.map((feature, fi) => (react_1.default.createElement("li", { key: fi }, feature.startsWith('http') ? (react_1.default.createElement("a", { href: feature, target: "_blank", rel: "noopener noreferrer", className: "text-white" }, new URL(feature).hostname)) : (react_1.default.createElement("span", { className: "text-white" }, feature))))))))),
+                    given.artifacts && given.artifacts.length > 0 && (react_1.default.createElement("div", { className: "dropdown" },
+                        react_1.default.createElement("button", { className: "btn btn-sm btn-light dropdown-toggle", type: "button", "data-bs-toggle": "dropdown" },
+                            "Artifacts (",
+                            given.artifacts.length,
+                            ")"),
+                        react_1.default.createElement("ul", { className: "dropdown-menu dropdown-menu-end" }, given.artifacts.map((artifact, ai) => (react_1.default.createElement("li", { key: ai },
+                            react_1.default.createElement("a", { className: "dropdown-item", href: `reports/${projectName}/${testName.split('.').slice(0, -1).join('.')}/${runtime}/${artifact}`, target: "_blank", rel: "noopener noreferrer" }, artifact.split('/').pop()))))))))),
+            react_1.default.createElement("div", { className: "card-body" },
+                given.whens.map((when, j) => (react_1.default.createElement("div", { key: `w-${j}`, className: `p-3 mb-2 ${when.error ? 'bg-danger text-white' : 'bg-success text-white'}` },
+                    react_1.default.createElement("div", { className: "d-flex justify-content-between align-items-start" },
+                        react_1.default.createElement("div", null,
+                            react_1.default.createElement("div", null,
+                                react_1.default.createElement("strong", null, "When:"),
+                                " ",
+                                when.name,
+                                when.features && when.features.length > 0 && (react_1.default.createElement("div", { className: "mt-2" },
+                                    react_1.default.createElement("small", null, "Features:"),
+                                    react_1.default.createElement("ul", { className: "list-unstyled" }, when.features.map((feature, fi) => (react_1.default.createElement("li", { key: fi }, feature.startsWith('http') ? (react_1.default.createElement("a", { href: feature, target: "_blank", rel: "noopener noreferrer" }, new URL(feature).hostname)) : (feature))))))),
+                                when.error && react_1.default.createElement("pre", { className: "mt-2" }, when.error))),
+                        when.artifacts && when.artifacts.length > 0 && (react_1.default.createElement("div", { className: "ms-3" },
+                            react_1.default.createElement("strong", null, "Artifacts:"),
+                            react_1.default.createElement("ul", { className: "list-unstyled" }, when.artifacts.map((artifact, ai) => (react_1.default.createElement("li", { key: ai },
+                                react_1.default.createElement("a", { href: `reports/${projectName}/${testName.split('.').slice(0, -1).join('.')}/${runtime}/${artifact}`, target: "_blank", className: "text-white", rel: "noopener noreferrer" }, artifact.split('/').pop()))))))))))),
+                given.thens.map((then, k) => (react_1.default.createElement("div", { key: `t-${k}`, className: `p-3 mb-2 ${then.error ? 'bg-danger text-white' : 'bg-success text-white'}` },
+                    react_1.default.createElement("div", { className: "d-flex justify-content-between align-items-start" },
+                        react_1.default.createElement("div", null,
+                            react_1.default.createElement("div", null,
+                                react_1.default.createElement("strong", null, "Then:"),
+                                " ",
+                                then.name,
+                                then.features && then.features.length > 0 && (react_1.default.createElement("div", { className: "mt-2" },
+                                    react_1.default.createElement("small", null, "Features:"),
+                                    react_1.default.createElement("ul", { className: "list-unstyled" }, then.features.map((feature, fi) => (react_1.default.createElement("li", { key: fi }, feature.startsWith('http') ? (react_1.default.createElement("a", { href: feature, target: "_blank", rel: "noopener noreferrer" }, new URL(feature).hostname)) : (feature))))))),
+                                then.error && react_1.default.createElement("pre", { className: "mt-2" }, then.error))),
+                        then.artifacts && then.artifacts.length > 0 && (react_1.default.createElement("div", { className: "ms-3" },
+                            react_1.default.createElement("strong", null, "Artifacts:"),
+                            react_1.default.createElement("ul", { className: "list-unstyled" }, then.artifacts.map((artifact, ai) => (react_1.default.createElement("li", { key: ai },
+                                react_1.default.createElement("a", { href: `reports/${projectName}/${testName.split('.').slice(0, -1).join('.')}/${runtime}/${artifact}`, target: "_blank", className: "text-white", rel: "noopener noreferrer" }, artifact.split('/').pop())))))))))))))))));
+    };
+    return (react_1.default.createElement(react_bootstrap_1.Container, { fluid: true, className: "px-0" },
+        react_1.default.createElement(NavBar_1.NavBar, { title: decodedTestPath, backLink: `/projects/${projectName}`, navItems: [
+                {
+                    label: '',
+                    badge: {
+                        variant: runtime === 'node' ? 'primary' :
+                            runtime === 'web' ? 'success' :
+                                'info',
+                        text: runtime
+                    },
+                    className: 'pe-none d-flex align-items-center gap-2'
+                }
+            ], rightContent: react_1.default.createElement(react_bootstrap_1.Button, { variant: "info", onClick: async () => {
+                    try {
+                        const promptPath = `testeranto/reports/${projectName}/${testName.split('.').slice(0, -1).join('.')}/${runtime}/prompt.txt`;
+                        const messagePath = `testeranto/reports/${projectName}/${testName.split('.').slice(0, -1).join('.')}/${runtime}/message.txt`;
+                        const command = `aider --load ${promptPath} --message-file ${messagePath}`;
+                        await navigator.clipboard.writeText(command);
+                        alert("Copied aider command to clipboard!");
+                    }
+                    catch (err) {
+                        alert("Failed to copy command to clipboard");
+                        console.error("Copy failed:", err);
+                    }
+                }, className: "ms-2" }, "\uD83E\uDD16") }),
+        react_1.default.createElement(react_bootstrap_1.Row, { className: "g-0" },
+            react_1.default.createElement(react_bootstrap_1.Col, { sm: 3, className: "border-end" },
+                react_1.default.createElement(react_bootstrap_1.Nav, { variant: "pills", className: "flex-column" }, Object.keys(logs).map((logName) => {
+                    var _a;
+                    const displayName = logName.replace('.json', '').replace(/_/g, ' ');
+                    let statusIndicator = null;
+                    // Add error indicators for specific log types
+                    if (logName === 'type_errors.txt' && errorCounts.typeErrors > 0) {
+                        statusIndicator = react_1.default.createElement("span", { className: "ms-1" },
+                            "\u274C ",
+                            errorCounts.typeErrors);
+                    }
+                    else if (logName === 'lint_errors.txt' && errorCounts.staticErrors > 0) {
+                        statusIndicator = react_1.default.createElement("span", { className: "ms-1" },
+                            "\u274C ",
+                            errorCounts.staticErrors);
+                    }
+                    else if (logName === 'stderr.log' && errorCounts.runTimeErrors > 0) {
+                        statusIndicator = react_1.default.createElement("span", { className: "ms-1" },
+                            "\u274C ",
+                            errorCounts.runTimeErrors);
+                    }
+                    else if (logName === 'exit.log' && ((_a = logs['exit.log']) === null || _a === void 0 ? void 0 : _a.trim()) !== '0') {
+                        statusIndicator = react_1.default.createElement("span", { className: "ms-1" }, "\u26A0\uFE0F");
+                    }
+                    else if (logName === 'tests.json' && logs['tests.json']) {
+                        statusIndicator = react_1.default.createElement("div", { className: "ms-1" },
+                            react_1.default.createElement(TestStatusBadge_1.TestStatusBadge, { testName: decodedTestPath, testsExist: testsExist, runTimeErrors: errorCounts.runTimeErrors, typeErrors: errorCounts.typeErrors, staticErrors: errorCounts.staticErrors, variant: "compact", className: "mt-1" }));
+                    }
+                    return (react_1.default.createElement(react_bootstrap_1.Nav.Item, { key: logName },
+                        react_1.default.createElement(react_bootstrap_1.Nav.Link, { eventKey: logName, active: activeTab === logName, onClick: () => setActiveTab(logName), className: "d-flex flex-column align-items-start" },
+                            react_1.default.createElement("div", { className: "d-flex justify-content-between w-100" },
+                                react_1.default.createElement("span", { className: "text-capitalize" }, displayName),
+                                statusIndicator))));
+                }))),
+            react_1.default.createElement(react_bootstrap_1.Col, { sm: 9 },
+                react_1.default.createElement("div", { className: "p-3" }, !testsExist && activeTab === 'tests.json' ? (react_1.default.createElement(react_bootstrap_1.Alert, { variant: "danger" },
+                    react_1.default.createElement("h4", null, "Tests did not run to completion"),
+                    react_1.default.createElement("p", null, "The test results file (tests.json) was not found or could not be loaded."))) : activeTab === 'tests.json' && logs['tests.json'] ? (typeof logs['tests.json'] === 'string'
+                    ? renderTestResults(JSON.parse(logs['tests.json']))
+                    : renderTestResults(logs['tests.json'])) : logs[activeTab] ? (react_1.default.createElement("pre", { className: "bg-dark text-white p-3" },
+                    react_1.default.createElement("code", null, typeof logs[activeTab] === 'string'
+                        ? logs[activeTab]
+                        : JSON.stringify(logs[activeTab], null, 2)))) : (react_1.default.createElement(react_bootstrap_1.Alert, { variant: "info" }, "No content available for this log")))))));
+};
+exports.TestPageView = TestPageView;