testeranto 0.202.0 → 0.205.0

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)))));
-};

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

@@ -1,11 +0,0 @@
-import React from 'react';
-import { Button } from 'react-bootstrap';
-import { githubAuthService } from '../../services/GitHubAuthService';
-export const GitHubLoginButton = ({ className, variant = 'outline-dark', size, }) => {
-    const handleLogin = () => {
-        githubAuthService.initiateLogin();
-    };
-    return (React.createElement(Button, { className: className, variant: variant, size: size, onClick: handleLogin },
-        React.createElement("i", { className: "bi bi-github me-2" }),
-        "Sign in with GitHub"));
-};

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

@@ -1,305 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
-import React, { useState, useEffect } from 'react';
-import { Container, Row, Col, Card, Button, Badge, Alert, Spinner } from 'react-bootstrap';
-import { getFileService } from '../../services/FileService';
-import { useGitMode } from '../../hooks/useGitMode';
-export const GitIntegrationView = () => {
-    const { mode, setMode, isStatic, isDev, isGit } = useGitMode();
-    const [changes, setChanges] = useState([]);
-    const [isLoading, setIsLoading] = useState(true);
-    const [error, setError] = useState(null);
-    const [commitSummary, setCommitSummary] = useState('');
-    const [commitDescription, setCommitDescription] = useState('');
-    const [remoteStatus, setRemoteStatus] = useState({ ahead: 0, behind: 0 });
-    const [currentBranch, setCurrentBranch] = useState('main');
-    const [isCommitting, setIsCommitting] = useState(false);
-    const [isPushing, setIsPushing] = useState(false);
-    const [isPulling, setIsPulling] = useState(false);
-    const [fileService, setFileService] = useState(() => getFileService(mode));
-    useEffect(() => {
-        const newFileService = getFileService(mode);
-        setFileService(newFileService);
-        // We can't call loadChanges and loadGitStatus here directly because they use fileService state
-        // Instead, we'll set up a separate effect to trigger when fileService changes
-    }, [mode]);
-    // Add a new effect to load data when fileService changes
-    useEffect(() => {
-        var _a, _b, _c;
-        if (fileService && mode === 'dev') {
-            const devFileService = fileService;
-            // Set up real-time updates for dev mode
-            const unsubscribeChanges = (_a = devFileService.onChanges) === null || _a === void 0 ? void 0 : _a.call(devFileService, (newChanges) => {
-                setChanges(newChanges);
-            });
-            const unsubscribeStatus = (_b = devFileService.onStatusUpdate) === null || _b === void 0 ? void 0 : _b.call(devFileService, (newStatus) => {
-                setRemoteStatus(newStatus);
-            });
-            const unsubscribeBranch = (_c = devFileService.onBranchUpdate) === null || _c === void 0 ? void 0 : _c.call(devFileService, (newBranch) => {
-                setCurrentBranch(newBranch);
-            });
-            const loadData = async () => {
-                try {
-                    setIsLoading(true);
-                    await loadChanges();
-                    await loadGitStatus();
-                }
-                catch (err) {
-                    console.warn('Failed to load data:', err);
-                }
-                finally {
-                    setIsLoading(false);
-                }
-            };
-            loadData();
-            return () => {
-                unsubscribeChanges === null || unsubscribeChanges === void 0 ? void 0 : unsubscribeChanges();
-                unsubscribeStatus === null || unsubscribeStatus === void 0 ? void 0 : unsubscribeStatus();
-                unsubscribeBranch === null || unsubscribeBranch === void 0 ? void 0 : unsubscribeBranch();
-            };
-        }
-        else if (fileService) {
-            // For non-dev modes, just load data once
-            const loadData = async () => {
-                try {
-                    setIsLoading(true);
-                    await loadChanges();
-                    await loadGitStatus();
-                }
-                catch (err) {
-                    console.warn('Failed to load data:', err);
-                }
-                finally {
-                    setIsLoading(false);
-                }
-            };
-            loadData();
-        }
-    }, [fileService, mode]);
-    const loadChanges = async (event) => {
-        // Prevent default behavior if event exists
-        if (event) {
-            event.preventDefault();
-        }
-        try {
-            setIsLoading(true);
-            setError(null);
-            const changes = await fileService.getChanges();
-            setChanges(changes);
-        }
-        catch (err) {
-            const errorMessage = err instanceof Error ? err.message : 'Failed to load changes';
-            console.error('Failed to load changes:', err);
-            setError(errorMessage);
-        }
-        finally {
-            setIsLoading(false);
-        }
-    };
-    const loadGitStatus = async (event) => {
-        // Prevent default behavior if event exists
-        if (event) {
-            event.preventDefault();
-        }
-        try {
-            setError(null);
-            const branch = await fileService.getCurrentBranch();
-            const status = await fileService.getRemoteStatus();
-            setCurrentBranch(branch);
-            setRemoteStatus(status);
-        }
-        catch (err) {
-            const errorMessage = err instanceof Error ? err.message : 'Failed to load git status';
-            console.error('Failed to load git status:', err);
-            setError(errorMessage);
-        }
-    };
-    const handleSaveChanges = async () => {
-        if (!commitSummary.trim()) {
-            setError('Please provide a commit summary');
-            return;
-        }
-        try {
-            setIsCommitting(true);
-            setError(null);
-            await fileService.commitChanges(commitSummary, commitDescription);
-            setCommitSummary('');
-            setCommitDescription('');
-            await loadChanges();
-            await loadGitStatus();
-        }
-        catch (err) {
-            const errorMessage = err instanceof Error ? err.message : 'Failed to commit changes';
-            console.error('Failed to commit changes:', err);
-            setError(errorMessage);
-        }
-        finally {
-            setIsCommitting(false);
-        }
-    };
-    const handleShareChanges = async () => {
-        if (!commitSummary.trim()) {
-            setError('Please provide a commit summary');
-            return;
-        }
-        try {
-            setIsCommitting(true);
-            setIsPushing(true);
-            setError(null);
-            await fileService.commitChanges(commitSummary, commitDescription);
-            await fileService.pushChanges();
-            setCommitSummary('');
-            setCommitDescription('');
-            await loadChanges();
-            await loadGitStatus();
-        }
-        catch (err) {
-            const errorMessage = err instanceof Error ? err.message : 'Failed to share changes';
-            console.error('Failed to share changes:', err);
-            setError(errorMessage);
-        }
-        finally {
-            setIsCommitting(false);
-            setIsPushing(false);
-        }
-    };
-    const handleGetUpdates = async () => {
-        try {
-            setIsPulling(true);
-            setError(null);
-            await fileService.pullChanges();
-            await loadChanges();
-            await loadGitStatus();
-        }
-        catch (err) {
-            const errorMessage = err instanceof Error ? err.message : 'Failed to get updates';
-            console.error('Failed to get updates:', err);
-            setError(errorMessage);
-        }
-        finally {
-            setIsPulling(false);
-        }
-    };
-    const getStatusBadgeVariant = (status) => {
-        switch (status) {
-            case 'modified': return 'warning';
-            case 'added': return 'success';
-            case 'deleted': return 'danger';
-            case 'conflicted': return 'danger';
-            default: return 'secondary';
-        }
-    };
-    const getSyncStatusText = () => {
-        if (remoteStatus.ahead > 0 && remoteStatus.behind > 0) {
-            return `${remoteStatus.ahead} ahead, ${remoteStatus.behind} behind`;
-        }
-        else if (remoteStatus.ahead > 0) {
-            return `${remoteStatus.ahead} ahead`;
-        }
-        else if (remoteStatus.behind > 0) {
-            return `${remoteStatus.behind} behind`;
-        }
-        else {
-            return 'Up to date';
-        }
-    };
-    const getSyncStatusVariant = () => {
-        if (remoteStatus.behind > 0)
-            return 'warning';
-        if (remoteStatus.ahead > 0)
-            return 'info';
-        return 'success';
-    };
-    // if (error) console.error(error);
-    return (React.createElement(Container, { fluid: true },
-        React.createElement(Row, { className: "mb-4" },
-            React.createElement(Col, null,
-                React.createElement("h2", null, "Git Integration"),
-                React.createElement("div", { className: "d-flex align-items-center gap-2" },
-                    React.createElement(Badge, { bg: mode === 'static' ? 'secondary' : mode === 'dev' ? 'success' : 'primary' },
-                        mode.toUpperCase(),
-                        " MODE"),
-                    React.createElement("select", { className: "form-select form-select-sm", style: { width: 'auto' }, value: mode, onChange: (e) => setMode(e.target.value) },
-                        React.createElement("option", { value: "static" }, "Static (Read-only)"),
-                        React.createElement("option", { value: "dev" }, "Development (Read-write)"),
-                        React.createElement("option", { value: "git" }, "Git Remote"))),
-                mode === 'static' && (React.createElement(Alert, { variant: "info", className: "mt-2" },
-                    React.createElement("small", null, "Static mode: Read-only access. Git operations are not available in this mode."))),
-                mode === 'git' && (React.createElement(Alert, { variant: "warning", className: "mt-2" },
-                    React.createElement("small", null, "Git Remote mode: Git-based collaboration. Some features may be limited."))))),
-        error && (React.createElement(Alert, { variant: "danger", onClose: () => setError(null), dismissible: true }, error)),
-        mode !== 'static' && (React.createElement(Row, null,
-            React.createElement(Col, { md: 4 },
-                React.createElement(Card, null,
-                    React.createElement(Card.Header, { className: "d-flex justify-content-between align-items-center" },
-                        React.createElement("h5", { className: "mb-0" }, "Changes"),
-                        React.createElement(Button, { variant: "outline-secondary", size: "sm", onClick: loadChanges, disabled: isLoading }, isLoading ? React.createElement(Spinner, { animation: "border", size: "sm" }) : '↻')),
-                    React.createElement(Card.Body, { style: { maxHeight: '400px', overflowY: 'auto' } }, isLoading ? (React.createElement("div", { className: "text-center" },
-                        React.createElement(Spinner, { animation: "border" }),
-                        React.createElement("div", null, "Loading changes..."))) : changes.length === 0 ? (React.createElement("div", { className: "text-center text-muted" }, "No changes detected")) : (React.createElement("div", null, changes.map((change, index) => (React.createElement("div", { key: index, className: "d-flex align-items-center mb-2" },
-                        React.createElement(Badge, { bg: getStatusBadgeVariant(change.status), className: "me-2" }, change.status.charAt(0).toUpperCase() + change.status.slice(1)),
-                        React.createElement("span", { className: "small text-truncate" }, change.path))))))))),
-            React.createElement(Col, { md: 4 },
-                React.createElement(Card, null,
-                    React.createElement(Card.Header, null,
-                        React.createElement("h5", null, "Commit Changes")),
-                    React.createElement(Card.Body, null,
-                        React.createElement("div", { className: "mb-3" },
-                            React.createElement("label", { htmlFor: "summary", className: "form-label" }, "Summary *"),
-                            React.createElement("input", { type: "text", className: "form-control", id: "summary", placeholder: "What did you change?", value: commitSummary, onChange: (e) => setCommitSummary(e.target.value), disabled: mode === 'static' }),
-                            React.createElement("div", { className: "form-text" },
-                                commitSummary.length,
-                                "/72 characters")),
-                        React.createElement("div", { className: "mb-3" },
-                            React.createElement("label", { htmlFor: "description", className: "form-label" }, "Description"),
-                            React.createElement("textarea", { className: "form-control", id: "description", rows: 3, placeholder: "Why did you change it?", value: commitDescription, onChange: (e) => setCommitDescription(e.target.value), disabled: mode === 'static' })),
-                        React.createElement("div", { className: "d-grid gap-2" },
-                            React.createElement(Button, { variant: "primary", onClick: handleSaveChanges, disabled: mode === 'static' || isCommitting || changes.length === 0 || !commitSummary.trim() }, isCommitting ? (React.createElement(React.Fragment, null,
-                                React.createElement(Spinner, { animation: "border", size: "sm", className: "me-2" }),
-                                "Saving...")) : ('Save to Computer')),
-                            React.createElement(Button, { variant: "success", onClick: handleShareChanges, disabled: mode === 'static' || isCommitting || isPushing || changes.length === 0 || !commitSummary.trim() }, isPushing ? (React.createElement(React.Fragment, null,
-                                React.createElement(Spinner, { animation: "border", size: "sm", className: "me-2" }),
-                                "Sharing...")) : ('Save & Share')))))),
-            React.createElement(Col, { md: 4 },
-                React.createElement(Card, null,
-                    React.createElement(Card.Header, { className: "d-flex justify-content-between align-items-center" },
-                        React.createElement("h5", { className: "mb-0" }, "Sync with Remote"),
-                        React.createElement(Button, { variant: "outline-secondary", size: "sm", onClick: (e) => loadGitStatus(e) }, "\u21BB")),
-                    React.createElement(Card.Body, null,
-                        React.createElement("div", { className: "text-center mb-3" },
-                            React.createElement(Badge, { bg: getSyncStatusVariant() }, getSyncStatusText()),
-                            React.createElement("div", { className: "small text-muted mt-1" },
-                                "Branch: ",
-                                currentBranch)),
-                        React.createElement("div", { className: "d-grid gap-2" },
-                            React.createElement(Button, { variant: "outline-primary", onClick: handleGetUpdates, disabled: mode === 'static' || isPulling }, isPulling ? (React.createElement(React.Fragment, null,
-                                React.createElement(Spinner, { animation: "border", size: "sm", className: "me-2" }),
-                                "Updating...")) : ('Get Updates')),
-                            React.createElement(Button, { variant: "outline-success", disabled: mode === 'static' || remoteStatus.ahead === 0, onClick: async (e) => {
-                                    e.preventDefault();
-                                    try {
-                                        setIsPushing(true);
-                                        setError(null);
-                                        await fileService.pushChanges();
-                                        await loadGitStatus();
-                                    }
-                                    catch (err) {
-                                        const errorMessage = err instanceof Error ? err.message : 'Failed to push changes';
-                                        console.error('Failed to push changes:', err);
-                                        setError(errorMessage);
-                                    }
-                                    finally {
-                                        setIsPushing(false);
-                                    }
-                                } }, isPushing ? (React.createElement(React.Fragment, null,
-                                React.createElement(Spinner, { animation: "border", size: "sm", className: "me-2" }),
-                                "Sharing...")) : (`Share Changes (${remoteStatus.ahead})`))),
-                        React.createElement("div", { className: "mt-3" },
-                            React.createElement("small", { className: "text-muted" },
-                                "Connected to: origin/",
-                                currentBranch))))))),
-        mode === 'static' && (React.createElement(Row, null,
-            React.createElement(Col, null,
-                React.createElement(Alert, { variant: "info", className: "text-center" },
-                    React.createElement("h5", null, "Git Operations Not Available"),
-                    React.createElement("p", null, "Git functionality is disabled in Static Mode. Switch to Development or Git Remote mode to access version control features.")))))));
-};

package/dist/module/src/components/pure/ModalContent.test/index.js

@@ -1,53 +0,0 @@
-import Testeranto from "testeranto-react/src/react-dom/component/web";
-import { implementation } from "./implementation";
-import { specification } from "./specification";
-import { ModalContent } from "../ModalContent";
-import React from "react";
-import ReactDOM from "react-dom/client";
-const testAdapter = {
-    beforeAll: async (input, testResource, pm) => {
-        // The subject is the component itself, which we'll use to create instances
-        return ModalContent;
-    },
-    beforeEach: async (subject, initializer, testResource, initialValues, pm) => {
-        // Create a container and mount the component
-        const container = document.createElement('div');
-        document.body.appendChild(container);
-        const props = initializer();
-        const root = ReactDOM.createRoot(container);
-        const reactElement = React.createElement(subject, props);
-        root.render(reactElement);
-        // Wait for the component to render
-        await new Promise(resolve => setTimeout(resolve, 0));
-        return {
-            htmlElement: container,
-            reactElement: reactElement,
-            domRoot: root
-        };
-    },
-    andWhen: async (store, whenCB, testResource, pm) => {
-        return whenCB(store, pm);
-    },
-    butThen: async (store, thenCB, testResource, pm) => {
-        return thenCB(store, pm);
-    },
-    afterEach: async (store, key, pm) => {
-        // Cleanup
-        if (store.domRoot) {
-            store.domRoot.unmount();
-        }
-        if (store.htmlElement && store.htmlElement.parentNode) {
-            store.htmlElement.parentNode.removeChild(store.htmlElement);
-        }
-        return store;
-    },
-    afterAll: async (store, pm) => {
-        // No-op for now
-    },
-    assertThis: (assertion) => {
-        // The assertions are handled in the then implementations
-        // This can be a no-op or can wrap the assertion if needed
-        return assertion;
-    }
-};
-export default Testeranto(ModalContent, specification, implementation, testAdapter);

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

@@ -1,37 +0,0 @@
-import React from 'react';
-import { Navbar, Container, Nav, Badge } from 'react-bootstrap';
-import { Link, useLocation } from 'react-router-dom';
-export const NavBar = ({ title, backLink, navItems = [], rightContent, }) => {
-    const location = useLocation();
-    return (React.createElement(Navbar, { bg: "light", expand: "lg", className: "mb-2", sticky: "top", expanded: false },
-        React.createElement(Container, { fluid: true },
-            backLink && (React.createElement(Nav.Link, { as: Link, to: backLink, className: "me-2 fs-3 text-primary", style: {
-                    padding: '0.25rem 0.75rem',
-                    border: '2px solid var(--bs-primary)',
-                    borderRadius: '50%',
-                    display: 'inline-flex',
-                    alignItems: 'center',
-                    justifyContent: 'center',
-                    width: '2.5rem',
-                    height: '2.5rem'
-                }, title: "Go up one level" }, "\u2191")),
-            React.createElement(Navbar.Brand, { className: backLink ? 'ms-2' : '' }, title),
-            React.createElement(Navbar.Toggle, { "aria-controls": "basic-navbar-nav", style: { display: 'none' } }),
-            React.createElement(Navbar.Collapse, { id: "basic-navbar-nav" },
-                navItems.length > 0 && (React.createElement(Nav, { className: "me-auto" }, navItems.map((item, i) => {
-                    const className = [
-                        item.className,
-                        item.active ? 'text-primary fw-bold border-bottom border-2 border-primary' : '',
-                        typeof item.label === 'string' && item.label.includes('❌') ? 'text-danger fw-bold' : '',
-                        typeof item.label === 'string' && item.label.includes('✅') ? 'text-success fw-bold' : '',
-                        !item.active && typeof item.label !== 'string' ? 'text-secondary' : ''
-                    ].filter(Boolean).join(' ');
-                    return (React.createElement(Nav.Link, { key: i, as: item.to ? Link : 'div', to: item.to, active: item.active, className: className, title: typeof item.label === 'string' ? item.label : undefined },
-                        item.icon && React.createElement("span", { className: "me-2" }, item.icon),
-                        item.label,
-                        item.badge && (React.createElement(Badge, { bg: item.badge.variant, className: "ms-2" }, item.badge.text))));
-                }))),
-                rightContent && (React.createElement(Nav, null, React.Children.map(rightContent, (child) => {
-                    return child;
-                })))))));
-};

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

@@ -1,76 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-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"))));
-};