testeranto 0.202.0 → 0.203.0

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.js

@@ -1,79 +0,0 @@
-import React from "react";
-import { Modal } from "react-bootstrap";
-import { ThemeCard } from "./ThemeCard";
-import "../../App.scss";
-export const ModalContent = ({ theme, handleThemeChange, }) => (React.createElement(React.Fragment, null,
-    React.createElement(Modal.Header, { closeButton: true, className: "border-0" },
-        React.createElement(Modal.Title, { className: "d-flex align-items-center" },
-            React.createElement("i", { className: "bi bi-palette-fill me-2" }),
-            React.createElement("span", null, "Settings"))),
-    React.createElement("div", { className: "alert alert-warning mx-3 mt-2 mb-0" },
-        React.createElement("i", { className: "bi bi-exclamation-triangle-fill me-2" }),
-        React.createElement("strong", null, "Warning:"),
-        " Themes are an experimental feature. Only \"Business casual\" is fully supported at this time."),
-    React.createElement(Modal.Body, { className: "p-0" },
-        React.createElement("div", { className: "p-3" },
-            React.createElement("div", { className: "row g-3" },
-                React.createElement(ThemeCard, { theme: theme, handleThemeChange: handleThemeChange, value: "system", title: "9 to 5", description: "Follows your OS theme", style: {
-                        background: "linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%)",
-                        borderColor: "#adb5bd",
-                    } }),
-                React.createElement(ThemeCard, { theme: theme, handleThemeChange: handleThemeChange, value: "light", title: "Business casual", description: "Clean & professional", style: {
-                        background: "linear-gradient(135deg, #ffffff 0%, #f1f3f5 100%)",
-                        borderColor: "#ced4da",
-                        color: "#212529",
-                        borderWidth: "2px",
-                    } }),
-                React.createElement(ThemeCard, { theme: theme, handleThemeChange: handleThemeChange, value: "dark", title: "Business formal", description: "Premium & focused", style: {
-                        background: "linear-gradient(135deg, #1a1a2e 0%, #16213e 100%)",
-                        borderColor: "#4ecdc4",
-                        color: "#f8f9fa",
-                        borderWidth: "2px",
-                    } }),
-                React.createElement(ThemeCard, { theme: theme, handleThemeChange: handleThemeChange, value: "light-vibrant", title: "Office Party", description: "Colorful & fun", style: {
-                        background: "linear-gradient(135deg, #ff2d75 0%, #00e5ff 100%)",
-                        borderColor: "#ffeb3b",
-                        color: "#fff",
-                    } }),
-                React.createElement(ThemeCard, { theme: theme, handleThemeChange: handleThemeChange, value: "dark-vibrant", title: "After Party", description: "Neon nightlife", style: {
-                        background: "linear-gradient(135deg, #16213e 0%, #e94560 100%)",
-                        borderColor: "#00e5ff",
-                        color: "#fff",
-                    } }),
-                React.createElement(ThemeCard, { theme: theme, handleThemeChange: handleThemeChange, value: "sepia", title: "WFH", description: "Vintage warmth", style: {
-                        background: "linear-gradient(135deg, #f4ecd8 0%, #d0b88f 100%)",
-                        borderColor: "#8b6b4a",
-                        color: "#3a3226",
-                    } }),
-                React.createElement(ThemeCard, { theme: theme, handleThemeChange: handleThemeChange, value: "light-grayscale", title: "Serious Business", description: "Simple & distraction-free", style: {
-                        background: "linear-gradient(135deg, #f5f5f5 0%, #e0e0e0 100%)",
-                        borderColor: "#666",
-                        color: "#333",
-                        borderWidth: "2px",
-                    } }),
-                React.createElement(ThemeCard, { theme: theme, handleThemeChange: handleThemeChange, value: "dark-grayscale", title: "Very Serious business", description: "Maximum readability", style: {
-                        background: "linear-gradient(135deg, #111 0%, #333 100%)",
-                        borderColor: "#ff6b6b",
-                        color: "#e0e0e0",
-                        borderWidth: "2px",
-                    } }),
-                React.createElement(ThemeCard, { theme: theme, handleThemeChange: handleThemeChange, value: "daily", title: "Dreaming of PTO", description: "Sunrise, sunset", style: {
-                        background: "linear-gradient(135deg, #6eafff 0%, #f9fbf0 100%)",
-                        borderColor: "#f7d62e",
-                        color: "#00192d",
-                    } }),
-                React.createElement(ThemeCard, { theme: theme, handleThemeChange: handleThemeChange, value: "protanopia", title: "Protanopia", description: "Red-blind mode", style: {
-                        background: "linear-gradient(135deg, #f8f9fa 0%, #e0e8ff 100%)",
-                        borderColor: "#3366cc",
-                        color: "#333",
-                    } }),
-                React.createElement(ThemeCard, { theme: theme, handleThemeChange: handleThemeChange, value: "deuteranopia", title: "Deuteranopia", description: "Green-blind mode", style: {
-                        background: "linear-gradient(135deg, #f8f9fa 0%, #ffe0e0 100%)",
-                        borderColor: "#cc6633",
-                        color: "#333",
-                    } }),
-                React.createElement(ThemeCard, { theme: theme, handleThemeChange: handleThemeChange, value: "tritanopia", title: "Tritanopia", description: "Blue-blind mode", style: {
-                        background: "linear-gradient(135deg, #f8f9fa 0%, #e0ffe0 100%)",
-                        borderColor: "#00aa66",
-                        color: "#333",
-                    } }))))));

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

@@ -1,32 +0,0 @@
-import { assert } from "chai";
-export const implementation = {
-    suites: {
-        Default: "Modal Content Tests",
-    },
-    givens: {
-        Default: () => ({
-            theme: "light",
-            handleThemeChange: () => { },
-        }),
-    },
-    whens: {},
-    thens: {
-        hasModalHeader: () => (state) => {
-            var _a;
-            const header = (_a = state.htmlElement) === null || _a === void 0 ? void 0 : _a.querySelector('.modal-header');
-            assert.exists(header, 'Should have Modal.Header');
-            return state;
-        },
-        hasThemeCards: () => (state) => {
-            var _a;
-            const themeCards = (_a = state.htmlElement) === null || _a === void 0 ? void 0 : _a.querySelectorAll('.theme-card');
-            assert.isAtLeast(themeCards === null || themeCards === void 0 ? void 0 : themeCards.length, 1, 'Should render ThemeCard components');
-            return state;
-        },
-        takeScreenshot: (name) => async (state, pm) => {
-            // For web tests, we can use the PM's screenshot capability
-            // The actual implementation will be handled by the test runner
-            return state;
-        },
-    },
-};

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/ModalContent.test/specification.js

@@ -1,15 +0,0 @@
-export const specification = (Suite, Given, When, Then) => {
-    return [
-        Suite.Default("ModalContent Component Tests", {
-            basicRender: Given.Default([
-                "ModalContent should render",
-                "It should contain a Modal.Header",
-                "It should render the ThemeCard components",
-            ], [], [
-                Then.hasModalHeader(undefined),
-                Then.hasThemeCards(undefined),
-                Then.takeScreenshot("modal-content.png"),
-            ]),
-        }),
-    ];
-};

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

@@ -1,3 +0,0 @@
-/* eslint-disable @typescript-eslint/no-empty-object-type */
-/* eslint-disable @typescript-eslint/no-explicit-any */
-export {};

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