testeranto 0.202.0 → 0.203.0

package/dist/module/src/Web.js

@@ -1,54 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import { PM_Web } from "./PM/web";
-import Tiposkripto from "./lib/Tiposkripto";
-import { defaultTestResourceRequirement, } from "./lib/index.js";
-// let errorCallback = (e: any) => {};
-// let unhandledrejectionCallback = (event: PromiseRejectionEvent) => {
-//   console.log(
-//     "window.addEventListener unhandledrejection 1",
-//     JSON.stringify(event)
-//   );
-// };
-export class WebTesteranto extends Tiposkripto {
-    constructor(input, testSpecification, testImplementation, testResourceRequirement, testAdapter) {
-        super(input, testSpecification, testImplementation, testResourceRequirement, testAdapter, (cb) => {
-            // window.removeEventListener("error", errorCallback);
-            // errorCallback = (e) => {
-            //   console.log("window.addEventListener error 2", JSON.stringify(e));
-            //   cb(e);
-            //   // throw e;
-            // };
-            // window.addEventListener("error", errorCallback);
-            // window.removeEventListener(
-            //   "unhandledrejection",
-            //   unhandledrejectionCallback
-            // );
-            // /////////////////////
-            // window.removeEventListener(
-            //   "unhandledrejection",
-            //   unhandledrejectionCallback
-            // );
-            // unhandledrejectionCallback = (event: PromiseRejectionEvent) => {
-            //   console.log(
-            //     "window.addEventListener unhandledrejection 3",
-            //     JSON.stringify(event)
-            //   );
-            //   cb({ error: event.reason.message });
-            //   // throw event;
-            // };
-            // window.addEventListener(
-            //   "unhandledrejection",
-            //   unhandledrejectionCallback
-            // );
-        });
-    }
-    async receiveTestResourceConfig(partialTestResource) {
-        const t = partialTestResource; //JSON.parse(partialTestResource);
-        const pm = new PM_Web(t);
-        return await this.testJobs[0].receiveTestResourceConfig(pm);
-    }
-}
-export default async (input, testSpecification, testImplementation, testAdapter, testResourceRequirement = defaultTestResourceRequirement) => {
-    return new WebTesteranto(input, testSpecification, testImplementation, testResourceRequirement, testAdapter);
-};

package/dist/module/src/WebSidecar.js

@@ -1,10 +0,0 @@
-import { Sidecar } from "./lib/Sidecar";
-// import { PM_Node_Sidecar } from "./PM/nodeSidecar";
-export class WebSideCar extends Sidecar {
-    start(t) {
-        throw new Error("Method not implemented.");
-    }
-    stop() {
-        throw new Error("Method not implemented.");
-    }
-}

package/dist/module/src/components/DesignEditorPage.js

@@ -1,168 +0,0 @@
-import React, { useRef, useState } from 'react';
-import { DesignEditor } from '../../design-editor/DesignEditor';
-import { Button, Container, Row, Col } from 'react-bootstrap';
-import { saveAs } from 'file-saver';
-export const DesignEditorPage = () => {
-    const [projectId, setProjectId] = useState('default-project');
-    const [fileHandle, setFileHandle] = useState(null);
-    const handleSave = async () => {
-        try {
-            if (!designEditorRef.current) {
-                console.warn('Design editor ref not available');
-                return;
-            }
-            // Get and save current design state
-            const designData = designEditorRef.current.saveDesign();
-            if (!designData) {
-                console.warn('No design data to save');
-                return;
-            }
-            // Include projectId in the saved data
-            const fullDesign = Object.assign(Object.assign({}, designData), { projectId });
-            // Force immediate render after save
-            if (designEditorRef.current) {
-                designEditorRef.current.loadDesign(fullDesign);
-            }
-            let newHandle;
-            if ('showSaveFilePicker' in window && window.showSaveFilePicker) {
-                try {
-                    newHandle = await window.showSaveFilePicker({
-                        types: [{
-                                description: 'Design Files',
-                                accept: {
-                                    'application/json': ['.json'],
-                                },
-                            }],
-                        suggestedName: `${projectId}.json`
-                    });
-                }
-                catch (err) {
-                    console.warn('Error using showSaveFilePicker:', err);
-                    // Fall back to traditional download
-                    const jsonData = JSON.stringify(fullDesign, null, 2);
-                    const blob = new Blob([jsonData], { type: 'application/json' });
-                    const url = URL.createObjectURL(blob);
-                    const a = document.createElement('a');
-                    a.href = url;
-                    a.download = `${projectId}.json`;
-                    a.click();
-                    URL.revokeObjectURL(url);
-                    return;
-                }
-            }
-            else {
-                // Fall back to traditional download
-                const jsonData = JSON.stringify(fullDesign, null, 2);
-                const blob = new Blob([jsonData], { type: 'application/json' });
-                const url = URL.createObjectURL(blob);
-                const a = document.createElement('a');
-                a.href = url;
-                a.download = `${projectId}.json`;
-                a.click();
-                URL.revokeObjectURL(url);
-                return;
-            }
-            const jsonData = JSON.stringify(fullDesign, null, 2);
-            const writable = await newHandle.createWritable();
-            await writable.write(jsonData);
-            await writable.close();
-            setFileHandle(newHandle);
-            console.log('Design saved successfully:', fullDesign);
-        }
-        catch (err) {
-            console.error('Error saving file:', err);
-            if (err instanceof Error) {
-                console.error('Error details:', {
-                    name: err.name,
-                    message: err.message,
-                    stack: err.stack
-                });
-            }
-        }
-    };
-    const [design, setDesign] = useState(null);
-    const designEditorRef = useRef(null);
-    const handleOpen = async () => {
-        console.log('handleOpen triggered');
-        try {
-            if (!window.showOpenFilePicker) {
-                throw new Error('File System Access API not supported in this browser');
-            }
-            console.log('Attempting to show file picker...');
-            let handle;
-            if ('showOpenFilePicker' in window) {
-                // @ts-ignore
-                [handle] = await window.showOpenFilePicker({
-                    types: [{
-                            description: 'Design Files',
-                            accept: {
-                                'application/json': ['.json'],
-                            },
-                        }],
-                    multiple: false
-                });
-            }
-            else {
-                throw new Error('File System Access API not supported');
-            }
-            if (!handle) {
-                throw new Error('No file selected');
-            }
-            console.log('File handle obtained:', handle);
-            const file = await handle.getFile();
-            console.log('File object obtained:', file);
-            const contents = await file.text();
-            console.log('File contents loaded, length:', contents.length);
-            let loadedDesign = JSON.parse(contents);
-            console.log('Design parsed successfully:', loadedDesign);
-            // Ensure design has proper structure
-            if (!loadedDesign.objects || !loadedDesign.version) {
-                loadedDesign = Object.assign({ version: '1.0', background: '#ffffff', objects: [] }, loadedDesign);
-            }
-            // Validate objects array exists
-            if (!Array.isArray(loadedDesign.objects)) {
-                loadedDesign.objects = [];
-            }
-            const newProjectId = loadedDesign.projectId || 'default-project';
-            console.log('Setting projectId to:', newProjectId);
-            setProjectId(newProjectId);
-            console.log('Setting design state...');
-            setDesign(loadedDesign);
-            setFileHandle(handle);
-            // Load the design into the editor
-            if (designEditorRef.current) {
-                console.log('Calling loadDesign on editor ref with:', loadedDesign);
-                designEditorRef.current.loadDesign(loadedDesign);
-            }
-            else {
-                console.warn('designEditorRef.current is null');
-            }
-        }
-        catch (err) {
-            console.error('Error opening file:', err);
-            if (err instanceof Error) {
-                console.error('Error details:', {
-                    name: err.name,
-                    message: err.message,
-                    stack: err.stack
-                });
-            }
-        }
-    };
-    const handleExport = () => {
-        const designData = JSON.stringify({ projectId }, null, 2);
-        const blob = new Blob([designData], { type: 'application/json' });
-        saveAs(blob, `${projectId}.json`);
-    };
-    return (React.createElement(Container, { fluid: true },
-        React.createElement(Row, { className: "mb-3" },
-            React.createElement(Col, null,
-                React.createElement("h1", null, "Design Editor"),
-                React.createElement("div", { className: "d-flex gap-2" },
-                    React.createElement(Button, { variant: "primary", onClick: handleOpen }, "Open"),
-                    React.createElement(Button, { variant: "success", onClick: handleSave }, "Save"),
-                    React.createElement(Button, { variant: "secondary", onClick: handleExport }, "Export")))),
-        React.createElement(Row, null,
-            React.createElement(Col, null,
-                React.createElement(DesignEditor, { projectId: projectId, ref: designEditorRef })))));
-};

package/dist/module/src/components/SunriseAnimation.js

@@ -1,256 +0,0 @@
-import React, { useEffect, useState, useRef } from 'react';
-const SunriseAnimation = ({ active }) => {
-    const [position, setPosition] = useState(0);
-    const [dimensions, setDimensions] = useState({ width: 0, height: 0 });
-    const animationIdRef = useRef(null);
-    useEffect(() => {
-        // Set initial dimensions
-        setDimensions({
-            width: window.innerWidth,
-            height: window.innerHeight
-        });
-        const handleResize = () => {
-            setDimensions({
-                width: window.innerWidth,
-                height: window.innerHeight
-            });
-        };
-        window.addEventListener('resize', handleResize);
-        return () => {
-            window.removeEventListener('resize', handleResize);
-        };
-    }, []);
-    // Animation timing parameters
-    const ANIMATION_DURATION = 10000; //30000; // 30 seconds for full day/night cycle
-    const UPDATE_INTERVAL = 50; // Update every 50ms (~20fps)
-    useEffect(() => {
-        if (!active) {
-            // Clean up animation frame if active becomes false
-            if (animationIdRef.current) {
-                cancelAnimationFrame(animationIdRef.current);
-                animationIdRef.current = null;
-            }
-            return;
-        }
-        console.log('Starting animation with duration:', ANIMATION_DURATION, 'ms');
-        let startTime = performance.now();
-        let lastUpdateTime = 0;
-        const animate = (timestamp) => {
-            if (!active)
-                return;
-            const elapsed = (timestamp - startTime) % ANIMATION_DURATION;
-            const progress = elapsed / ANIMATION_DURATION;
-            // Only update if enough time has passed since last update
-            if (timestamp - lastUpdateTime >= UPDATE_INTERVAL) {
-                // Use cosine for smooth transition from -1 to 1 over full duration
-                const newPos = Math.cos(progress * Math.PI * 2);
-                setPosition(newPos);
-                lastUpdateTime = timestamp;
-            }
-            animationIdRef.current = requestAnimationFrame(animate);
-        };
-        // Start the animation loop
-        animationIdRef.current = requestAnimationFrame(animate);
-        return () => {
-            if (animationIdRef.current) {
-                cancelAnimationFrame(animationIdRef.current);
-                animationIdRef.current = null;
-            }
-        };
-    }, [active]);
-    const yPos = dimensions.height * (1 - position);
-    const normalizedPos = (position + 1) / 2; // Convert from [-1,1] to [0,1]
-    if (!active)
-        return null;
-    return (React.createElement("div", { id: "sunrise", style: {
-            width: '100vw',
-            height: '100vh',
-            position: 'fixed',
-            top: 0,
-            left: 0,
-            backgroundColor: 'transparent',
-            overflow: 'hidden',
-            pointerEvents: 'none'
-        } },
-        React.createElement("div", { id: "daily-bg", style: {
-                position: 'absolute',
-                top: 0,
-                left: 0,
-                width: '100%',
-                height: '100%',
-                backgroundColor: 'rgba(0,0,0,0.3)',
-                zIndex: -1001
-            } }),
-        "Stars Container",
-        React.createElement("div", { id: "starsContainer", style: {
-                perspective: 350,
-                perspectiveOrigin: '50% 300%',
-                overflow: 'hidden',
-                position: 'absolute',
-                top: 0,
-                left: '-50%',
-                width: '200%',
-                height: '50%',
-                zIndex: -1000,
-                opacity: Math.max(0, 0.5 - normalizedPos * 0.5)
-            } },
-            React.createElement("div", { id: "stars", style: {
-                    backgroundRepeat: 'repeat',
-                    position: 'absolute',
-                    width: '200%',
-                    height: '200%',
-                    left: '-50%',
-                    bottom: 0,
-                    opacity: 0.5,
-                    transform: 'rotateX(-90deg)'
-                } })),
-        React.createElement("div", { id: "sun", style: {
-                position: 'absolute',
-                top: 0,
-                left: '50%',
-                transform: `translateX(-50%) translateY(${yPos}px)`,
-                width: '100%',
-                height: '50%',
-                background: `radial-gradient(50% ${yPos}px, circle, rgba(242,248,247,1) 0%,rgba(249,249,28,1) 3%,rgba(247,214,46,1) 8%,rgba(248,200,95,1) 12%,rgba(201,165,132,1) 30%,rgba(115,130,133,1) 51%,rgba(46,97,122,1) 85%,rgba(24,75,106,1) 100%)`,
-                zIndex: -900,
-                opacity: 0.5
-            } }),
-        React.createElement("div", { id: "sunDay", style: {
-                position: 'absolute',
-                top: 0,
-                left: 0,
-                width: '100%',
-                height: '50%',
-                background: `radial-gradient(50% ${yPos}px, circle, rgba(252,255,251,0.9) 0%,rgba(253,250,219,0.4) 30%,rgba(226,219,197,0.01) 70%,rgba(226,219,197,0.0) 70%,rgba(201,165,132,0) 100%)`,
-                zIndex: -800,
-                opacity: Math.max(0, 1 - yPos / dimensions.height)
-            } }),
-        React.createElement("div", { id: "sunSet", style: {
-                position: 'absolute',
-                top: 0,
-                left: 0,
-                width: '100%',
-                height: '50%',
-                background: `radial-gradient(50% ${yPos}px, circle, rgba(254,255,255,0.8) 5%,rgba(236,255,0,1) 10%,rgba(253,50,41,1) 25%,rgba(243,0,0,1) 40%,rgba(93,0,0,1) 100%)`,
-                zIndex: -800,
-                opacity: Math.max(0, yPos / dimensions.height - 0.2)
-            } }),
-        React.createElement("div", { id: "sky", style: {
-                position: 'absolute',
-                top: 0,
-                left: 0,
-                width: '100%',
-                height: '50%',
-                zIndex: -700,
-                background: 'linear-gradient(to top, rgba(249,251,240,1) 10%,rgba(215,253,254,1) 20%,rgba(167,222,253,1) 40%,rgba(110,175,255,1) 100%)',
-                opacity: Math.max(0, 1 - yPos / dimensions.height)
-            } }),
-        React.createElement("div", { id: "horizon", style: {
-                position: 'absolute',
-                top: 0,
-                left: 0,
-                width: '100%',
-                height: '50%',
-                background: 'linear-gradient(to top, rgba(212,87,43,0.9) 0%,rgba(246,149,52,0.8) 20%,rgba(24,75,106,0) 100%)',
-                zIndex: -700,
-                opacity: Math.max(0, yPos > dimensions.height / 2
-                    ? (dimensions.height - yPos) / (dimensions.height / 2) + 0.2
-                    : yPos / (dimensions.height / 2))
-            } }),
-        React.createElement("div", { id: "horizonNight", style: {
-                position: 'absolute',
-                top: 0,
-                left: 0,
-                width: '100%',
-                height: '50%',
-                background: 'linear-gradient(to top, rgba(57,167,255,1) 0%,rgba(13,98,245,1) 20%,rgba(0,11,22,0.1) 60%)',
-                zIndex: -600,
-                opacity: Math.max(0, (yPos - (dimensions.height * 4 / 5)) / (dimensions.height - (dimensions.height * 4 / 5)))
-            } }),
-        React.createElement("div", { id: "moon", style: {
-                position: 'absolute',
-                top: 0,
-                left: 0,
-                width: '100%',
-                height: '50%',
-                background: 'radial-gradient(40% 55%, circle, rgba(249,249,250,1) -1%,rgba(189,255,254,1) 1%,rgba(8,49,78,1) 1%,rgba(8,26,56,1) 10%,rgba(4,16,46,1) 40%,rgba(2,8,13,1) 70%)',
-                zIndex: -500,
-                opacity: Math.max(0, (yPos - (dimensions.height * 9 / 10)) / (dimensions.height - (dimensions.height * 9 / 10)))
-            } }),
-        React.createElement("div", { id: "water", style: {
-                overflow: 'hidden',
-                position: 'absolute',
-                bottom: 0,
-                left: 0,
-                width: '100%',
-                height: '50%',
-                background: 'linear-gradient(to top, rgba(0,25,45,1) 0%,rgba(14,71,117,1) 35%,rgba(26,126,174,1) 70%,rgba(62,168,220,1) 100%)',
-                zIndex: -400
-            } }),
-        React.createElement("div", { id: "waterReflectionContainer", style: {
-                perspective: 30,
-                perspectiveOrigin: `50% ${-15 + (normalizedPos * 30)}%`,
-                overflow: 'hidden',
-                position: 'absolute',
-                top: '50%',
-                left: '-3%',
-                width: '103%',
-                height: '50%',
-                zIndex: -300,
-                transform: `translateY(${dimensions.height - yPos}px)`
-            } },
-            React.createElement("div", { id: "waterReflectionMiddle", style: {
-                    position: 'absolute',
-                    top: 0,
-                    left: '-50%',
-                    width: '200%',
-                    height: '55%',
-                    background: 'radial-gradient(50% 0px, rgba(247,177,72,1) 3%,rgba(248,175,65,1) 6%,rgba(207,62,30,0.4) 35%,rgba(176,91,48,0.1) 45%,rgba(141,88,47,0.0) 60%,rgba(116,82,63,0.0) 70%,rgba(44,65,68,0.0) 80%,rgba(7,19,31,0.0) 100%)',
-                    zIndex: -200,
-                    opacity: Math.max(0, yPos > dimensions.height / 2
-                        ? (dimensions.height - yPos) / (dimensions.height / 2) - 0.1
-                        : yPos / (dimensions.height / 2) - 0.1),
-                    transform: 'rotateX(45deg)'
-                } })),
-        React.createElement("div", { id: "waterDistance", style: {
-                position: 'absolute',
-                bottom: 0,
-                left: 0,
-                width: '100%',
-                height: '50%',
-                background: 'linear-gradient(90deg, rgba(0,0,0,0.0) 10%,rgba(0,0,0,0.20) 44%,rgba(0,0,0,0.65) 95%,rgba(0,0,0,0.62) 100%)',
-                zIndex: -100,
-                opacity: Math.max(0, yPos / dimensions.height + 0.6)
-            } }),
-        React.createElement("div", { id: "darknessOverlaySky", style: {
-                backgroundColor: '#000',
-                opacity: Math.max(0, (yPos - (dimensions.height * 7 / 10)) / (dimensions.height - (dimensions.height * 7 / 10))),
-                position: 'absolute',
-                top: 0,
-                left: 0,
-                width: '100%',
-                height: '50%',
-                zIndex: -50
-            } }),
-        React.createElement("div", { id: "darknessOverlay", style: {
-                backgroundColor: '#000',
-                opacity: Math.max(0, (yPos - (dimensions.height / 2)) / (dimensions.height / 2)),
-                position: 'absolute',
-                bottom: 0,
-                left: 0,
-                width: '100%',
-                height: '50%',
-                zIndex: -5
-            } }),
-        React.createElement("div", { id: "oceanRipple", style: {
-                backgroundImage: 'repeating-linear-gradient(175deg, rgba(165,165,165,0.08) 43%,rgba(175,175,175,0.08) 45%,rgba(235,235,235,0.08) 49%,rgba(195,195,195,0.08) 50%,rgba(165,165,165,0.08) 54%)',
-                opacity: 0.5,
-                position: 'absolute',
-                left: '0%',
-                bottom: 0,
-                width: '100%',
-                height: '50%',
-                zIndex: -10
-            } })));
-};
-export default SunriseAnimation;

package/dist/module/src/components/SunriseAnimation.test/implementation.js

@@ -1 +0,0 @@
-"use strict";

package/dist/module/src/components/SunriseAnimation.test/index.js

@@ -1 +0,0 @@
-"use strict";

package/dist/module/src/components/SunriseAnimation.test/interface.js

@@ -1,32 +0,0 @@
-import * as React from 'react';
-import * as ReactDom from 'react-dom/client';
-export const interface = {
-    beforeEach: async (subject, initializer) => {
-        const container = document.createElement('div');
-        document.body.appendChild(container);
-        const root = ReactDom.createRoot(container);
-        const props = initializer();
-        const reactElement = React.createElement(subject, props);
-        root.render(reactElement);
-        return {
-            container,
-            reactElement,
-            domRoot: root,
-            animationElement: container.querySelector('.sunrise-animation')
-        };
-    },
-    afterEach: async (store) => {
-        store.domRoot.unmount();
-        document.body.removeChild(store.container);
-        return store;
-    },
-    andWhen: async (store, whenCB) => {
-        return whenCB(store);
-    },
-    butThen: async (store, thenCB) => {
-        return thenCB(store);
-    },
-    afterAll: () => { },
-    beforeAll: () => ({}),
-    assertThis: (x) => x,
-};

package/dist/module/src/components/SunriseAnimation.test/specification.js

@@ -1 +0,0 @@
-"use strict";

package/dist/module/src/components/SunriseAnimation.test/types.js

@@ -1 +0,0 @@
-export {};

package/dist/module/src/components/TestStatusBadge.js

@@ -1,28 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import React from 'react';
-import { Badge } from 'react-bootstrap';
-export const TestStatusBadge = (props) => {
-    // Simplified status determination
-    const hasTests = props.testsExist !== false;
-    const testCompleted = props.runTimeErrors !== -1;
-    const hasRuntimeErrors = props.runTimeErrors > 0;
-    let bddStatus;
-    if (!hasTests) {
-        bddStatus = { text: '❌ No Tests', variant: 'danger' };
-    }
-    else if (!testCompleted) {
-        bddStatus = { text: '❌ No Tests', variant: 'danger' };
-    }
-    else if (hasRuntimeErrors) {
-        bddStatus = { text: `❌ BDD (${props.runTimeErrors})`, variant: 'danger' };
-    }
-    else {
-        bddStatus = { text: '✅ BDD', variant: 'success' };
-    }
-    if (props.variant === 'compact') {
-        console.groupEnd();
-        return React.createElement(Badge, { bg: bddStatus.variant }, bddStatus.text);
-    }
-    return (React.createElement("div", { className: "d-flex gap-2" },
-        React.createElement(Badge, { bg: bddStatus.variant }, bddStatus.text)));
-};

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

@@ -1,74 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
-import React from 'react';
-import { Container, Nav, OverlayTrigger, Tooltip } from 'react-bootstrap';
-import { NavLink } from 'react-router-dom';
-import { useLocation } from 'react-router-dom';
-import { useWebSocket, useTutorialMode, useAuth } from '../../App';
-export const AppFrame = ({ children, title, rightContent }) => {
-    const location = useLocation();
-    const { isConnected } = useWebSocket();
-    const { tutorialMode } = useTutorialMode();
-    const { isAuthenticated, logout } = useAuth();
-    return (React.createElement("div", { className: "d-flex min-vh-100" },
-        React.createElement("div", { className: "border-end d-flex flex-column", style: {
-                width: '60px',
-                height: '100vh',
-                position: 'sticky',
-                top: 0
-            } },
-            tutorialMode ? (React.createElement(OverlayTrigger, { placement: "right", overlay: React.createElement(Tooltip, { id: "logo-tooltip" }, "Welcome to Testeranto!") },
-                React.createElement("div", { className: "p-3 border-bottom d-flex align-items-center justify-content-center" },
-                    React.createElement("img", { src: "/logo.svg", alt: "Testeranto Logo", style: {
-                            width: '40px',
-                            height: '40px'
-                        } })))) : (React.createElement("div", { className: "p-3 border-bottom d-flex align-items-center justify-content-center" },
-                React.createElement("img", { src: "/logo.svg", alt: "Testeranto Logo", style: {
-                        width: '40px',
-                        height: '40px'
-                    } }))),
-            React.createElement(Nav, { variant: "pills", className: "flex-column p-2 flex-grow-1" },
-                React.createElement(Nav.Link, { as: NavLink, to: "/", className: `${location.pathname === '/' ? 'active' : ''} d-flex align-items-center justify-content-center`, style: { height: '40px', width: '40px' } }, tutorialMode ? (React.createElement(OverlayTrigger, { placement: "right", overlay: React.createElement(Tooltip, { id: "projects-tooltip" }, "Projects") },
-                    React.createElement("span", null, "\uD83D\uDCC1"))) : (React.createElement("span", null, "\uD83D\uDCC1"))),
-                React.createElement(Nav.Link, { as: NavLink, to: "/processes", className: `${location.pathname.startsWith('/processes') ? 'active' : ''} d-flex align-items-center justify-content-center ${!isConnected || !isAuthenticated ? 'text-muted pe-none' : ''}`, style: {
-                        height: '40px',
-                        width: '40px',
-                        opacity: isConnected && isAuthenticated ? 1 : 0.6
-                    }, onClick: (e) => {
-                        if (!isConnected || !isAuthenticated) {
-                            e.preventDefault();
-                        }
-                    } }, tutorialMode ? (React.createElement(OverlayTrigger, { placement: "right", overlay: React.createElement(Tooltip, { id: "processes-tooltip" },
-                        "Processes ",
-                        !isAuthenticated ? '(Sign in required)' : !isConnected ? '(WebSocket disconnected)' : '') },
-                    React.createElement("span", null, "\uD83D\uDCCA"))) : (React.createElement("span", null, "\uD83D\uDCCA"))),
-                React.createElement(Nav.Link, { as: NavLink, to: "/git", className: `${location.pathname === '/git' ? 'active' : ''} d-flex align-items-center justify-content-center ${!isAuthenticated ? 'text-muted pe-none' : ''}`, style: {
-                        height: '40px',
-                        width: '40px',
-                        opacity: isAuthenticated ? 1 : 0.6
-                    }, onClick: (e) => {
-                        if (!isAuthenticated) {
-                            e.preventDefault();
-                        }
-                    } }, tutorialMode ? (React.createElement(OverlayTrigger, { placement: "right", overlay: React.createElement(Tooltip, { id: "git-tooltip" },
-                        "Git Integration ",
-                        !isAuthenticated ? '(Sign in required)' : '') },
-                    React.createElement("span", null, "\uD83D\uDC19"))) : (React.createElement("span", null, "\uD83D\uDC19"))),
-                React.createElement(Nav.Link, { as: NavLink, to: "/settings", className: `${location.pathname === '/settings' ? 'active' : ''} d-flex align-items-center justify-content-center`, style: { height: '40px', width: '40px' } }, tutorialMode ? (React.createElement(OverlayTrigger, { placement: "right", overlay: React.createElement(Tooltip, { id: "settings-tooltip" }, "Settings") },
-                    React.createElement("span", null, "\u2699\uFE0F"))) : (React.createElement("span", null, "\u2699\uFE0F")))),
-            React.createElement(OverlayTrigger, { placement: "right", overlay: React.createElement(Tooltip, { id: "status-tooltip" }, isConnected ? 'Dev mode - Full access' : 'Static mode - Read only') },
-                React.createElement("div", { className: "p-2 border-top d-flex align-items-center justify-content-center" },
-                    React.createElement("span", { className: `badge rounded-circle d-flex align-items-center justify-content-center`, style: {
-                            backgroundColor: isConnected ? '#198754' : '#6c757d',
-                            width: '20px',
-                            height: '20px',
-                            fontSize: '12px'
-                        } }, isConnected ? '🟢' : '🔴'))),
-            React.createElement(OverlayTrigger, { placement: "right", overlay: React.createElement(Tooltip, { id: "footer-tooltip" },
-                    "made with \u2764\uFE0F and ",
-                    React.createElement("a", { href: "https://www.npmjs.com/package/testeranto" }, "testeranto")) },
-                React.createElement("div", { className: "p-3 border-top text-center mt-auto" },
-                    React.createElement("span", { className: "text-muted" }, "\u2764\uFE0F")))),
-        React.createElement("div", { className: "flex-grow-1 d-flex flex-column", style: { minHeight: '100vh' } },
-            React.createElement("main", { className: "flex-grow-1 p-4", style: { overflow: 'auto' } },
-                React.createElement(Container, { fluid: true, style: { height: '100%' } }, children)))));
-};