testeranto 0.202.0 → 0.203.0

package/dist/common/src/components/stateful/ProcessManagerPage.js

@@ -1,110 +0,0 @@
-"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;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ProcessManagerPage = void 0;
-const react_1 = __importStar(require("react"));
-const react_router_dom_1 = require("react-router-dom");
-const ProcessManagerView_1 = require("../pure/ProcessManagerView");
-const App_1 = require("../../App");
-const ProcessManagerPage = () => {
-    const [processes, setProcesses] = (0, react_1.useState)([]);
-    const { ws } = (0, App_1.useWebSocket)();
-    const [loading, setLoading] = (0, react_1.useState)(false);
-    const navigate = (0, react_router_dom_1.useNavigate)();
-    // Handle WebSocket messages
-    (0, react_1.useEffect)(() => {
-        if (!ws)
-            return;
-        const handleMessage = (event) => {
-            try {
-                const data = JSON.parse(event.data);
-                if (data.type === 'runningProcesses') {
-                    // Processes should come with their full logs
-                    setProcesses(data.processes.map((p) => (Object.assign(Object.assign({}, p), { status: p.status || 'running', logs: p.logs || [] }))));
-                    setLoading(false);
-                }
-                else if (data.type === 'processStarted') {
-                    setProcesses(prev => [...prev, Object.assign(Object.assign({}, data), { status: 'running', logs: data.logs || [] })]);
-                }
-                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));
-                }
-                else if (data.type === 'processStdout' || data.type === 'processStderr') {
-                    setProcesses(prev => prev.map(p => p.processId === data.processId
-                        ? Object.assign(Object.assign({}, p), { logs: [...(p.logs || []), data.data] }) : p));
-                }
-            }
-            catch (error) {
-                console.error('Error parsing process message:', error);
-                setLoading(false);
-            }
-        };
-        ws.addEventListener('message', handleMessage);
-        // Request current processes when connected
-        if (ws.readyState === WebSocket.OPEN) {
-            setLoading(true);
-            ws.send(JSON.stringify({ type: 'getRunningProcesses' }));
-        }
-        return () => {
-            ws.removeEventListener('message', handleMessage);
-        };
-    }, [ws]);
-    const handleRefresh = (0, react_1.useCallback)(() => {
-        if (ws && ws.readyState === WebSocket.OPEN) {
-            setLoading(true);
-            ws.send(JSON.stringify({ type: 'getRunningProcesses' }));
-        }
-    }, [ws]);
-    const handleKillProcess = (0, react_1.useCallback)((processId) => {
-        if (ws && ws.readyState === WebSocket.OPEN) {
-            ws.send(JSON.stringify({
-                type: 'killProcess',
-                processId
-            }));
-        }
-    }, [ws]);
-    const handleBack = (0, react_1.useCallback)(() => {
-        navigate('/');
-    }, [navigate]);
-    return (
-    // don't put this in AppFrame- this is correct
-    react_1.default.createElement(ProcessManagerView_1.ProcessManagerView, { processes: processes, onRefresh: handleRefresh, onBack: handleBack, loading: loading, onKillProcess: handleKillProcess }));
-};
-exports.ProcessManagerPage = ProcessManagerPage;

package/dist/common/src/components/stateful/ProjectPage.js

@@ -1,102 +0,0 @@
-"use strict";
-/* eslint-disable @typescript-eslint/no-unused-vars */
-/* eslint-disable @typescript-eslint/no-explicit-any */
-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;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ProjectPage = void 0;
-const react_1 = __importStar(require("react"));
-const react_router_dom_1 = require("react-router-dom");
-const ProjectPageView_1 = require("../pure/ProjectPageView");
-const api_1 = require("../../utils/api");
-const ProjectPage = () => {
-    const [summary, setSummary] = (0, react_1.useState)(null);
-    const [nodeLogs, setNodeLogs] = (0, react_1.useState)(null);
-    const [webLogs, setWebLogs] = (0, react_1.useState)(null);
-    const [pureLogs, setPureLogs] = (0, react_1.useState)(null);
-    const [config, setConfig] = (0, react_1.useState)({});
-    const [loading, setLoading] = (0, react_1.useState)(true);
-    const [error, setError] = (0, react_1.useState)(null);
-    const [projectName, setProjectName] = (0, react_1.useState)('');
-    const navigate = (0, react_router_dom_1.useNavigate)();
-    const location = (0, react_router_dom_1.useLocation)();
-    const [route, setRoute] = (0, react_1.useState)('tests');
-    (0, react_1.useEffect)(() => {
-        const hash = location.hash.replace('#', '');
-        if (hash && ['tests', 'node', 'web', 'pure'].includes(hash)) {
-            setRoute(hash);
-        }
-        else {
-            setRoute('tests');
-        }
-    }, [location.hash]);
-    const { projectName: name } = (0, react_router_dom_1.useParams)();
-    (0, react_1.useEffect)(() => {
-        if (!name)
-            return;
-        setProjectName(name);
-        const fetchData = async () => {
-            try {
-                const [summaryRes, nodeRes, webRes, pureRes, configRes] = await Promise.all([
-                    fetch((0, api_1.summaryDotJson)(name)),
-                    fetch(`metafiles/node/${name}.json`),
-                    fetch(`metafiles/web/${name}.json`),
-                    fetch(`metafiles/pure/${name}.json`),
-                    fetch(`reports/${name}/config.json`)
-                ]);
-                const [summaryData, nodeData, webData, pureData, configData] = await Promise.all([
-                    summaryRes.ok ? summaryRes.json() : {},
-                    nodeRes.ok ? nodeRes.json() : { errors: ["Failed to load node build logs"] },
-                    webRes.ok ? webRes.json() : { errors: ["Failed to load web build logs"] },
-                    pureRes.ok ? pureRes.json() : { errors: ["Failed to load pure build logs"] },
-                    configRes.ok ? configRes.json() : { tests: [] }
-                ]);
-                setSummary(summaryData);
-                setNodeLogs(nodeData);
-                setWebLogs(webData);
-                setPureLogs(pureData);
-                setConfig(configData);
-            }
-            catch (err) {
-                setError(err instanceof Error ? err.message : 'Unknown error');
-            }
-            finally {
-                setLoading(false);
-            }
-        };
-        fetchData();
-    }, [name]);
-    return (react_1.default.createElement(ProjectPageView_1.ProjectPageView, { summary: summary, nodeLogs: nodeLogs, webLogs: webLogs, pureLogs: pureLogs, config: config, loading: loading, error: error, projectName: projectName, activeTab: route, setActiveTab: setRoute }));
-};
-exports.ProjectPage = ProjectPage;

package/dist/common/src/components/stateful/ProjectsPage.js

@@ -1,116 +0,0 @@
-"use strict";
-/* eslint-disable @typescript-eslint/no-unused-vars */
-/* eslint-disable @typescript-eslint/no-explicit-any */
-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;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ProjectsPage = void 0;
-const react_1 = __importStar(require("react"));
-const react_router_dom_1 = require("react-router-dom");
-const ProjectsPageView_1 = require("../pure/ProjectsPageView");
-const api_1 = require("../../utils/api");
-const App_1 = require("../../App");
-const ProjectsPage = () => {
-    const [projects, setProjects] = (0, react_1.useState)([]);
-    const [summaries, setSummaries] = (0, react_1.useState)({});
-    const [loading, setLoading] = (0, react_1.useState)(true);
-    const [error, setError] = (0, react_1.useState)(null);
-    const [configs, setConfigs] = (0, react_1.useState)({});
-    const navigate = (0, react_router_dom_1.useNavigate)();
-    const { ws } = (0, App_1.useWebSocket)();
-    (0, react_1.useEffect)(() => {
-        if (!ws)
-            return;
-        const handleMessage = (event) => {
-            try {
-                const data = JSON.parse(event.data);
-                if (data.type === 'summaryUpdate') {
-                    // Update summaries when we receive updates
-                    setSummaries(prev => (Object.assign(Object.assign({}, prev), data.data)));
-                }
-            }
-            catch (error) {
-                console.error('Error parsing WebSocket message:', error);
-            }
-        };
-        ws.addEventListener('message', handleMessage);
-        return () => {
-            ws.removeEventListener('message', handleMessage);
-        };
-    }, [ws]);
-    (0, react_1.useEffect)(() => {
-        const fetchProjects = async () => {
-            try {
-                const projectsRes = await fetch(`projects.json`);
-                const projectNames = await projectsRes.json();
-                const projectsData = await Promise.all(projectNames.map(async (name) => {
-                    var _a, _b, _c, _d, _e, _f;
-                    const [summaryRes, nodeRes, webRes, pureRes, configRes] = await Promise.all([
-                        fetch((0, api_1.summaryDotJson)(name)),
-                        fetch(`metafiles/node/${name}.json`),
-                        fetch(`metafiles/web/${name}.json`),
-                        fetch(`metafiles/pure/${name}.json`),
-                        fetch(`reports/${name}/config.json`),
-                    ]);
-                    const [summary, nodeData, webData, pureData, configData] = await Promise.all([
-                        summaryRes.json(),
-                        nodeRes.ok ? nodeRes.json() : { errors: ["Failed to load node build logs"] },
-                        webRes.ok ? webRes.json() : { errors: ["Failed to load web build logs"] },
-                        pureRes.ok ? pureRes.json() : { errors: ["Failed to load pure build logs"] },
-                        configRes.json(),
-                    ]);
-                    setSummaries(prev => (Object.assign(Object.assign({}, prev), { [name]: summary })));
-                    setConfigs(prev => (Object.assign(Object.assign({}, prev), { [name]: configData })));
-                    return {
-                        name,
-                        testCount: Object.keys(summary).length,
-                        nodeStatus: ((_a = nodeData.errors) === null || _a === void 0 ? void 0 : _a.length) ? 'failed' : ((_b = nodeData.warnings) === null || _b === void 0 ? void 0 : _b.length) ? 'warning' : 'success',
-                        webStatus: ((_c = webData.errors) === null || _c === void 0 ? void 0 : _c.length) ? 'failed' : ((_d = webData.warnings) === null || _d === void 0 ? void 0 : _d.length) ? 'warning' : 'success',
-                        pureStatus: ((_e = pureData.errors) === null || _e === void 0 ? void 0 : _e.length) ? 'failed' : ((_f = pureData.warnings) === null || _f === void 0 ? void 0 : _f.length) ? 'warning' : 'success',
-                    };
-                }));
-                setProjects(projectsData);
-            }
-            catch (err) {
-                setError(err instanceof Error ? err.message : 'Unknown error');
-            }
-            finally {
-                setLoading(false);
-            }
-        };
-        fetchProjects();
-    }, []);
-    return (react_1.default.createElement(ProjectsPageView_1.ProjectsPageView, { projects: projects, summaries: summaries, configs: configs, loading: loading, error: error, navigate: navigate }));
-};
-exports.ProjectsPage = ProjectsPage;

package/dist/common/src/components/stateful/SettingsPage.js

@@ -1,72 +0,0 @@
-"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;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SettingsPage = void 0;
-const react_1 = __importStar(require("react"));
-const react_bootstrap_1 = require("react-bootstrap");
-// import { AppFrame } from '../pure/AppFrame';
-const SettingsPage = () => {
-    const [theme, setTheme] = (0, react_1.useState)(localStorage.getItem('theme') || 'system');
-    (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);
-    }, [theme]);
-    const handleThemeChange = (e) => {
-        const newTheme = e.target.value;
-        setTheme(newTheme);
-        localStorage.setItem('theme', newTheme);
-        let themeToApply = newTheme;
-        if (newTheme === 'system') {
-            themeToApply = window.matchMedia('(prefers-color-scheme: light)').matches ? 'light' : 'dark';
-        }
-        document.documentElement.setAttribute('data-bs-theme', themeToApply);
-    };
-    return (react_1.default.createElement(react_bootstrap_1.Container, null,
-        react_1.default.createElement(react_bootstrap_1.Row, { className: "justify-content-center" },
-            react_1.default.createElement(react_bootstrap_1.Col, { lg: 8 },
-                react_1.default.createElement(react_bootstrap_1.Card, { className: "theme-card" },
-                    react_1.default.createElement(react_bootstrap_1.Card.Body, null,
-                        react_1.default.createElement(react_bootstrap_1.Form, null,
-                            react_1.default.createElement(react_bootstrap_1.Form.Group, { className: "mb-4" },
-                                react_1.default.createElement(react_bootstrap_1.Form.Label, { className: "h6 mb-3" }, "Theme"),
-                                react_1.default.createElement("div", { className: "d-flex flex-wrap gap-3" },
-                                    react_1.default.createElement(react_bootstrap_1.Form.Check, { type: "radio", name: "theme", id: "light-theme", label: "Light", value: "light", checked: theme === 'light', onChange: handleThemeChange, className: "theme-option" }),
-                                    react_1.default.createElement(react_bootstrap_1.Form.Check, { type: "radio", name: "theme", id: "dark-theme", label: "Dark", value: "dark", checked: theme === 'dark', onChange: handleThemeChange, className: "theme-option" }),
-                                    react_1.default.createElement(react_bootstrap_1.Form.Check, { type: "radio", name: "theme", id: "system-theme", label: "System", value: "system", checked: theme === 'system', onChange: handleThemeChange, className: "theme-option" }))))))))));
-};
-exports.SettingsPage = SettingsPage;

package/dist/common/src/components/stateful/SingleProcessPage.js

@@ -1,137 +0,0 @@
-"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;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SingleProcessPage = void 0;
-const react_1 = __importStar(require("react"));
-const react_router_dom_1 = require("react-router-dom");
-const SingleProcessView_1 = require("../pure/SingleProcessView");
-const App_1 = require("../../App");
-const SingleProcessPage = () => {
-    const [process, setProcess] = (0, react_1.useState)(null);
-    const ws = (0, App_1.useWebSocket)();
-    const [loading, setLoading] = (0, react_1.useState)(true);
-    const navigate = (0, react_router_dom_1.useNavigate)();
-    const { processId } = (0, react_router_dom_1.useParams)();
-    // Handle WebSocket messages
-    (0, react_1.useEffect)(() => {
-        if (!ws)
-            return;
-        // Set a timeout to handle cases where we don't get a response
-        const timeoutId = setTimeout(() => {
-            if (loading) {
-                setLoading(false);
-                // If we're still loading after 3 seconds, show an error
-                setProcess(null);
-            }
-        }, 3000);
-        const handleMessage = (event) => {
-            try {
-                const data = JSON.parse(event.data);
-                // Handle process data response - this should include all captured logs
-                if (data.type === "processData" && data.processId === processId) {
-                    setProcess({
-                        processId: data.processId,
-                        command: data.command,
-                        pid: data.pid,
-                        timestamp: data.timestamp,
-                        status: data.status || "running",
-                        exitCode: data.exitCode,
-                        error: data.error,
-                        // Use the logs sent from the server, which should include all captured logs
-                        logs: data.logs || [],
-                    });
-                    setLoading(false);
-                    clearTimeout(timeoutId);
-                }
-                // Handle new log messages that come after the initial data
-                else if ((data.type === "processStdout" || data.type === "processStderr") &&
-                    data.processId === processId) {
-                    setProcess((prev) => prev
-                        ? Object.assign(Object.assign({}, prev), { logs: [...(prev.logs || []), data.data] }) : null);
-                }
-                // Handle process completion
-                else if ((data.type === "processExited" || data.type === "processError") &&
-                    data.processId === processId) {
-                    setProcess((prev) => prev
-                        ? Object.assign(Object.assign({}, prev), { status: data.type === "processExited" ? "exited" : "error", exitCode: data.exitCode, error: data.error }) : null);
-                }
-            }
-            catch (error) {
-                console.error("Error parsing process message:", error);
-                setLoading(false);
-                setProcess(null);
-                clearTimeout(timeoutId);
-            }
-        };
-        ws.addEventListener("message", handleMessage);
-        // Request specific process when connected
-        if (ws.readyState === WebSocket.OPEN && processId) {
-            setLoading(true);
-            ws.send(JSON.stringify({
-                type: "getProcess",
-                processId,
-            }));
-        }
-        return () => {
-            ws.removeEventListener("message", handleMessage);
-            clearTimeout(timeoutId);
-        };
-    }, [ws, processId]);
-    // Try to find the process in the global state if WebSocket doesn't respond
-    (0, react_1.useEffect)(() => {
-        // This is a fallback - in a real implementation, you'd want to get this from a global state
-        // or through some other means
-    }, []);
-    const handleBack = (0, react_1.useCallback)(() => {
-        navigate("/processes");
-    }, [navigate]);
-    const handleKillProcess = (0, react_1.useCallback)((processId) => {
-        if (ws && ws.readyState === WebSocket.OPEN) {
-            console.log("Sending killProcess for:", processId);
-            ws.send(JSON.stringify({
-                type: "killProcess",
-                processId,
-            }));
-        }
-        else {
-            console.log("Cannot send killProcess - WebSocket not ready:", {
-                wsExists: !!ws,
-                wsReady: ws === null || ws === void 0 ? void 0 : ws.readyState,
-            });
-        }
-    }, [ws]);
-    return (react_1.default.createElement(SingleProcessView_1.SingleProcessView, { process: process, onBack: handleBack, loading: loading, onKillProcess: handleKillProcess, ws: ws }));
-};
-exports.SingleProcessPage = SingleProcessPage;