@y4wee/nupo 0.1.0

package/dist/screens/StartServiceScreen.js

@@ -0,0 +1,386 @@
+import React, { useState, useRef, useEffect } from 'react';
+import { Box, Text, useInput } from 'ink';
+import TextInput from 'ink-text-input';
+import { spawn } from 'child_process';
+import { join } from 'path';
+import { getPrimaryColor, getSecondaryColor, getTextColor, getCursorColor } from '../types/index.js';
+import { LeftPanel } from '../components/LeftPanel.js';
+import { useTerminalSize } from '../hooks/useTerminalSize.js';
+const ARGS_ITEMS = [
+    { key: 'shell', label: 'shell', type: 'toggle' },
+    { key: 'db', label: '-d <database>', type: 'input' },
+    { key: 'module', label: '-u <module>', type: 'input' },
+    { key: 'install', label: '-i <module>', type: 'input' },
+    { key: 'stop_after_init', label: '--stop-after-init', type: 'toggle' },
+    { key: 'launch', label: 'Lancer →', type: 'action' },
+];
+// ── Helpers ──────────────────────────────────────────────────────────────────
+function httpPortForBranch(branch) {
+    const m = branch.match(/(\d+)\./);
+    return m ? 8000 + parseInt(m[1], 10) : 8069;
+}
+function buildAddonsPaths(service) {
+    const paths = [join(service.versionPath, 'community', 'addons')];
+    if (service.useEnterprise)
+        paths.push(join(service.versionPath, 'enterprise'));
+    for (const f of service.customFolders)
+        paths.push(join(service.versionPath, 'custom', f));
+    return paths;
+}
+function buildLaunchCmd(service, opts) {
+    const python = join(service.versionPath, '.venv', 'bin', 'python3');
+    const odooBin = join(service.versionPath, 'community', 'odoo-bin');
+    const args = [odooBin];
+    if (opts.shell)
+        args.push('shell');
+    args.push('-c', service.confPath);
+    args.push('--addons-path', buildAddonsPaths(service).join(','));
+    if (opts.db)
+        args.push('-d', opts.db);
+    if (opts.module)
+        args.push('-u', opts.module);
+    if (opts.install)
+        args.push('-i', opts.install);
+    if (opts.stopAfterInit)
+        args.push('--stop-after-init');
+    return { cmd: python, args };
+}
+const LEVEL_COLORS = {
+    INFO: 'green',
+    WARNING: 'yellow',
+    ERROR: 'red',
+    CRITICAL: 'red',
+    DEBUG: 'gray',
+};
+function LogLine({ line, idx }) {
+    const match = line.match(/\b(INFO|WARNING|ERROR|CRITICAL|DEBUG)\b/);
+    if (!match || match.index === undefined) {
+        return React.createElement(Text, { key: idx, color: "white", wrap: "wrap" }, line);
+    }
+    const level = match[0];
+    const before = line.slice(0, match.index);
+    const after = line.slice(match.index + level.length);
+    return (React.createElement(Text, { key: idx, color: "white", wrap: "wrap" },
+        before,
+        React.createElement(Text, { color: LEVEL_COLORS[level] }, level),
+        after));
+}
+// ── Component ────────────────────────────────────────────────────────────────
+export function StartServiceScreen({ config, leftWidth, onBack, onServiceRunning, onServiceStopped, autoStart, }) {
+    const { rows } = useTerminalSize();
+    const services = Object.values(config.odoo_services ?? {});
+    const textColor = getTextColor(config);
+    const cursorColor = getCursorColor(config);
+    const [step, setStep] = useState('select');
+    const [selected, setSelected] = useState(0);
+    const [argsCursor, setArgsCursor] = useState(0);
+    const [useShell, setUseShell] = useState(false);
+    const [dbName, setDbName] = useState('');
+    const [moduleName, setModuleName] = useState('');
+    const [installName, setInstallName] = useState('');
+    const [stopAfterInit, setStopAfterInit] = useState(false);
+    const [inputValue, setInputValue] = useState('');
+    const [logs, setLogs] = useState([]);
+    const [exitCode, setExitCode] = useState(null);
+    const [scrollOffset, setScrollOffset] = useState(0);
+    const [filterText, setFilterText] = useState('');
+    const [filterMode, setFilterMode] = useState(false);
+    const [autoStartError, setAutoStartError] = useState(null);
+    const childRef = useRef(null);
+    const mountedRef = useRef(true);
+    const activeServiceRef = useRef(null);
+    const userStoppedRef = useRef(false);
+    const maxScrollRef = useRef(0);
+    useEffect(() => {
+        return () => {
+            mountedRef.current = false;
+            childRef.current?.kill('SIGTERM');
+        };
+    }, []);
+    const service = services[selected];
+    const warnNoDb = !!(moduleName || installName) && !dbName;
+    // Fixed rows consumed outside the log box:
+    // App borders(2) + Header(2) + running view padY(2) + gaps(4)
+    // + header row(1) + urls box(4) + filter box(3) + controls(1) + log borders(2) = 21
+    const logBoxHeight = Math.max(5, rows - 19); // outer height incl. borders
+    const visibleLines = Math.max(3, logBoxHeight - 2); // inner content lines
+    // ── Launch ────────────────────────────────────────────────────────────────
+    const launchService = (svc, overrideOpts) => {
+        const target = svc ?? service;
+        if (!target)
+            return;
+        const opts = overrideOpts ?? { shell: useShell, db: dbName, module: moduleName, install: installName, stopAfterInit };
+        activeServiceRef.current = target;
+        setLogs([]);
+        setExitCode(null);
+        setScrollOffset(0);
+        setStep('running');
+        onServiceRunning(target);
+        const { cmd, args } = buildLaunchCmd(target, opts);
+        const proc = spawn(cmd, args);
+        childRef.current = proc;
+        const appendChunk = (chunk) => {
+            if (!mountedRef.current)
+                return;
+            const lines = chunk.toString().split('\n').filter(l => l.length > 0);
+            setLogs(prev => [...prev, ...lines].slice(-(config.log_buffer_size ?? 500)));
+        };
+        proc.stdout?.on('data', appendChunk);
+        proc.stderr?.on('data', appendChunk);
+        proc.on('close', code => {
+            childRef.current = null;
+            if (!mountedRef.current)
+                return;
+            if (userStoppedRef.current) {
+                userStoppedRef.current = false;
+                setLogs([]);
+                setExitCode(null);
+                setScrollOffset(0);
+                setStep('args_list');
+            }
+            else {
+                setExitCode(code ?? -1);
+            }
+            onServiceStopped();
+        });
+    };
+    // ── Auto-start from CLI ────────────────────────────────────────────────────
+    useEffect(() => {
+        if (!autoStart)
+            return;
+        const svc = services.find(s => s.name === autoStart.serviceName);
+        if (!svc) {
+            setAutoStartError(`Service introuvable : "${autoStart.serviceName}"`);
+            return;
+        }
+        launchService(svc, {
+            shell: autoStart.shell,
+            db: autoStart.db ?? '',
+            module: autoStart.module ?? '',
+            install: autoStart.install ?? '',
+            stopAfterInit: autoStart.stopAfterInit,
+        });
+    }, []); // eslint-disable-line react-hooks/exhaustive-deps
+    // ── Input hooks ───────────────────────────────────────────────────────────
+    useInput((_char, key) => {
+        if (key.escape) {
+            onBack();
+            return;
+        }
+        if (autoStartError)
+            return;
+        if (services.length === 0)
+            return;
+        if (key.upArrow)
+            setSelected(p => Math.max(0, p - 1));
+        if (key.downArrow)
+            setSelected(p => Math.min(services.length - 1, p + 1));
+        if (key.return && service)
+            setStep('args_list');
+    }, { isActive: step === 'select' });
+    useInput((char, key) => {
+        if (key.escape) {
+            setStep('select');
+            return;
+        }
+        if (key.upArrow)
+            setArgsCursor(p => Math.max(0, p - 1));
+        if (key.downArrow)
+            setArgsCursor(p => Math.min(ARGS_ITEMS.length - 1, p + 1));
+        if (key.return || char === ' ') {
+            const item = ARGS_ITEMS[argsCursor];
+            switch (item.key) {
+                case 'shell':
+                    setUseShell(p => !p);
+                    break;
+                case 'stop_after_init':
+                    setStopAfterInit(p => !p);
+                    break;
+                case 'db':
+                    setInputValue(dbName);
+                    setStep('input_db');
+                    break;
+                case 'module':
+                    setInputValue(moduleName);
+                    setStep('input_module');
+                    break;
+                case 'install':
+                    setInputValue(installName);
+                    setStep('input_install');
+                    break;
+                case 'launch':
+                    launchService();
+                    break;
+            }
+        }
+    }, { isActive: step === 'args_list' });
+    useInput((_char, key) => {
+        if (key.escape)
+            setStep('args_list');
+    }, { isActive: step === 'input_db' });
+    useInput((_char, key) => {
+        if (key.escape)
+            setStep('args_list');
+    }, { isActive: step === 'input_module' });
+    useInput((_char, key) => {
+        if (key.escape)
+            setStep('args_list');
+    }, { isActive: step === 'input_install' });
+    useInput((char, key) => {
+        if (exitCode !== null) {
+            if (key.escape) {
+                setStep('args_list');
+                setLogs([]);
+                setExitCode(null);
+                setScrollOffset(0);
+            }
+            return;
+        }
+        if (key.ctrl && char === 'c') {
+            userStoppedRef.current = true;
+            childRef.current?.kill('SIGTERM');
+            return;
+        }
+        if (char === '/') {
+            setFilterMode(true);
+        }
+    }, { isActive: step === 'running' && !filterMode });
+    // Filter mode input — Escape exits filter mode
+    useInput((_char, key) => {
+        if (key.escape) {
+            setFilterMode(false);
+        }
+    }, { isActive: step === 'running' && filterMode });
+    // Mouse wheel scroll — active only while running and not in filter mode
+    useEffect(() => {
+        if (step !== 'running' || filterMode)
+            return;
+        // Enable mouse reporting (basic + SGR extended mode)
+        process.stdout.write('\x1B[?1000h\x1B[?1006h');
+        const handleData = (data) => {
+            const str = data.toString();
+            // SGR format: ESC[<64;x;yM = scroll up, ESC[<65;x;yM = scroll down
+            if (/\x1B\[<6[45];/.test(str)) {
+                if (str.includes('\x1B[<64;'))
+                    setScrollOffset(p => Math.min(maxScrollRef.current, p + 1));
+                if (str.includes('\x1B[<65;'))
+                    setScrollOffset(p => Math.max(0, p - 1));
+                return;
+            }
+            // X10 fallback: ESC[M + 3 bytes, button byte 96=scroll up, 97=scroll down
+            if (str.startsWith('\x1B[M') && str.length >= 6) {
+                const btn = str.charCodeAt(3) - 32;
+                if (btn === 64)
+                    setScrollOffset(p => Math.min(maxScrollRef.current, p + 1));
+                if (btn === 65)
+                    setScrollOffset(p => Math.max(0, p - 1));
+            }
+        };
+        process.stdin.on('data', handleData);
+        return () => {
+            process.stdout.write('\x1B[?1000l\x1B[?1006l');
+            process.stdin.off('data', handleData);
+        };
+    }, [step, filterMode]);
+    // Reset scroll when filter changes
+    useEffect(() => { setScrollOffset(0); }, [filterText]);
+    // ── Log window ────────────────────────────────────────────────────────────
+    const filteredLogs = filterText
+        ? logs.filter(l => l.toLowerCase().includes(filterText.toLowerCase()))
+        : logs;
+    const maxScroll = Math.max(0, filteredLogs.length - visibleLines);
+    maxScrollRef.current = maxScroll;
+    const offset = Math.min(scrollOffset, maxScroll);
+    const end = filteredLogs.length - offset;
+    const start = Math.max(0, end - visibleLines);
+    const visibleLogs = filteredLogs.slice(start, end);
+    // ── Render helpers ────────────────────────────────────────────────────────
+    const argIsSet = {
+        shell: useShell,
+        db: !!dbName,
+        module: !!moduleName,
+        install: !!installName,
+        stop_after_init: stopAfterInit,
+    };
+    const argDisplay = { db: dbName, module: moduleName, install: installName };
+    const activeService = activeServiceRef.current;
+    // ── JSX ───────────────────────────────────────────────────────────────────
+    if (step === 'running' && activeService) {
+        return (React.createElement(Box, { flexGrow: 1, flexDirection: "column", paddingX: 2, paddingY: 1, gap: 1 },
+            React.createElement(Box, { borderStyle: "round", borderColor: "gray", paddingX: 2, paddingY: 0, flexDirection: "column" },
+                React.createElement(Text, { color: "yellow" }, `http://localhost:${httpPortForBranch(activeService.branch)}`),
+                React.createElement(Text, { color: "yellow" }, `http://localhost:${httpPortForBranch(activeService.branch)}/web/database/manager`)),
+            React.createElement(Box, { borderStyle: "round", borderColor: filterMode ? 'cyan' : 'gray', paddingX: 2, paddingY: 0, flexDirection: "row", gap: 1 },
+                React.createElement(Text, { color: textColor, dimColor: true }, 'filtre ›'),
+                filterMode ? (React.createElement(TextInput, { value: filterText, onChange: setFilterText, onSubmit: () => setFilterMode(false), placeholder: "rechercher dans les logs\u2026" })) : (React.createElement(Text, { color: filterText ? 'white' : 'gray', dimColor: !filterText }, filterText || 'appuyer sur / pour filtrer')),
+                filterText !== '' && (React.createElement(Text, { color: textColor, dimColor: true },
+                    "(",
+                    filteredLogs.length,
+                    ")"))),
+            React.createElement(Box, { borderStyle: "round", borderColor: "gray", paddingX: 1, flexDirection: "column", height: logBoxHeight, overflow: "hidden" }, visibleLogs.length === 0 ? (React.createElement(Text, { color: textColor, dimColor: true }, "En attente des logs\u2026")) : (visibleLogs.map((line, i) => React.createElement(LogLine, { key: start + i, line: line, idx: start + i })))),
+            React.createElement(Box, null, filterMode ? (React.createElement(Text, { color: textColor, dimColor: true }, "taper pour filtrer  \u00B7  \u21B5 valider  \u00B7  \u00C9chap quitter filtre")) : exitCode === null ? (React.createElement(Text, { color: textColor, dimColor: true }, "scroll d\u00E9filer  \u00B7  / filtrer  \u00B7  Ctrl+C arr\u00EAter")) : (React.createElement(Text, { color: textColor, dimColor: true }, "scroll d\u00E9filer  \u00B7  / filtrer  \u00B7  \u00C9chap retour")))));
+    }
+    return (React.createElement(Box, { flexDirection: "row", flexGrow: 1 },
+        React.createElement(LeftPanel, { width: leftWidth, primaryColor: getPrimaryColor(config), textColor: textColor }),
+        React.createElement(Box, { flexGrow: 1, flexDirection: "column", paddingX: 3, paddingY: 2, gap: 1 },
+            React.createElement(Text, { color: getSecondaryColor(config), bold: true }, "D\u00E9marrer Service Odoo"),
+            autoStartError && (React.createElement(Box, { flexDirection: "column", gap: 1, marginTop: 1 },
+                React.createElement(Text, { color: "red" }, autoStartError),
+                React.createElement(Text, { color: textColor, dimColor: true },
+                    "Services disponibles :",
+                    ' ',
+                    services.length === 0
+                        ? 'aucun'
+                        : services.map(s => s.name).join(', ')),
+                React.createElement(Box, { marginTop: 1 },
+                    React.createElement(Text, { color: textColor, dimColor: true }, "\u00C9chap retour")))),
+            !autoStartError && step === 'select' && services.length === 0 && (React.createElement(Box, { flexDirection: "column", gap: 1, marginTop: 1 },
+                React.createElement(Text, { color: "yellow" }, "Aucun service configur\u00E9."),
+                React.createElement(Text, { color: textColor, dimColor: true }, "Cr\u00E9ez d'abord un service via \u00AB Configurer Service Odoo \u00BB."),
+                React.createElement(Box, { marginTop: 1 },
+                    React.createElement(Text, { color: textColor, dimColor: true }, "\u00C9chap retour")))),
+            !autoStartError && step === 'select' && services.length > 0 && (React.createElement(Box, { flexDirection: "column", gap: 0, marginTop: 1 },
+                services.map((svc, i) => {
+                    const isSel = i === selected;
+                    return (React.createElement(Text, { key: svc.name, color: isSel ? 'black' : 'white', backgroundColor: isSel ? cursorColor : undefined, bold: isSel },
+                        ` ${isSel ? '▶' : ' '} ${svc.name}  `,
+                        React.createElement(Text, { color: isSel ? 'black' : 'gray', dimColor: !isSel },
+                            svc.branch,
+                            svc.useEnterprise ? ' · Enterprise' : '')));
+                }),
+                React.createElement(Box, { marginTop: 1 },
+                    React.createElement(Text, { color: textColor, dimColor: true }, "\u2191\u2193 naviguer  \u00B7  \u21B5 s\u00E9lectionner  \u00B7  \u00C9chap retour")))),
+            step === 'args_list' && (React.createElement(Box, { flexDirection: "column", gap: 0, marginTop: 1 },
+                React.createElement(Text, { color: "white" }, "Arguments suppl\u00E9mentaires :"),
+                React.createElement(Box, { flexDirection: "column", gap: 0, marginTop: 1 }, ARGS_ITEMS.map((item, i) => {
+                    const isSel = i === argsCursor;
+                    const isAction = item.type === 'action';
+                    const isSet = argIsSet[item.key] ?? false;
+                    const display = argDisplay[item.key] ?? '';
+                    return (React.createElement(Box, { key: item.key, flexDirection: "row", gap: 1 }, isAction ? (React.createElement(Text, { color: isSel ? 'black' : 'green', backgroundColor: isSel ? 'green' : undefined, bold: true }, ` ${isSel ? '▶' : ' '} ${item.label}`)) : (React.createElement(React.Fragment, null,
+                        React.createElement(Text, { color: isSel ? 'black' : 'white', backgroundColor: isSel ? cursorColor : undefined, bold: isSel }, ` ${isSel ? '▶' : ' '} ${isSet ? '[✓]' : '[ ]'} ${item.label}`),
+                        display && React.createElement(Text, { color: getPrimaryColor(config) }, display)))));
+                })),
+                warnNoDb && (React.createElement(Box, { marginTop: 1 },
+                    React.createElement(Text, { color: "yellow" }, "\u26A0  -u/-i n\u00E9cessite un -d (base de donn\u00E9es non d\u00E9finie)"))),
+                React.createElement(Box, { marginTop: 1 },
+                    React.createElement(Text, { color: textColor, dimColor: true }, "\u2191\u2193 naviguer  \u00B7  \u21B5/Espace basculer  \u00B7  \u00C9chap retour")))),
+            step === 'input_db' && (React.createElement(Box, { flexDirection: "column", gap: 1, marginTop: 1 },
+                React.createElement(Text, { color: "white" }, "Base de donn\u00E9es (-d) :"),
+                React.createElement(Box, null,
+                    React.createElement(Text, { color: textColor, dimColor: true }, '› '),
+                    React.createElement(TextInput, { value: inputValue, onChange: setInputValue, onSubmit: v => { setDbName(v.trim()); setStep('args_list'); }, placeholder: "ma_base" })),
+                React.createElement(Text, { color: textColor, dimColor: true }, "\u21B5 valider  \u00B7  \u00C9chap retour"))),
+            step === 'input_module' && (React.createElement(Box, { flexDirection: "column", gap: 1, marginTop: 1 },
+                React.createElement(Text, { color: "white" }, "Module \u00E0 mettre \u00E0 jour (-u) :"),
+                React.createElement(Box, null,
+                    React.createElement(Text, { color: textColor, dimColor: true }, '› '),
+                    React.createElement(TextInput, { value: inputValue, onChange: setInputValue, onSubmit: v => { setModuleName(v.trim()); setStep('args_list'); }, placeholder: "mon_module" })),
+                React.createElement(Text, { color: textColor, dimColor: true }, "\u21B5 valider  \u00B7  \u00C9chap retour"))),
+            step === 'input_install' && (React.createElement(Box, { flexDirection: "column", gap: 1, marginTop: 1 },
+                React.createElement(Text, { color: "white" }, "Module \u00E0 installer (-i) :"),
+                React.createElement(Box, null,
+                    React.createElement(Text, { color: textColor, dimColor: true }, '› '),
+                    React.createElement(TextInput, { value: inputValue, onChange: setInputValue, onSubmit: v => { setInstallName(v.trim()); setStep('args_list'); }, placeholder: "mon_module" })),
+                React.createElement(Text, { color: textColor, dimColor: true }, "\u21B5 valider  \u00B7  \u00C9chap retour"))))));
+}

package/dist/screens/UpgradeVersionScreen.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { NupoConfig } from '../types/index.js';
+interface UpgradeVersionScreenProps {
+    config: NupoConfig;
+    leftWidth: number;
+    onBack: () => void;
+}
+export declare function UpgradeVersionScreen({ config, leftWidth, onBack }: UpgradeVersionScreenProps): React.JSX.Element;
+export {};

package/dist/screens/UpgradeVersionScreen.js

@@ -0,0 +1,259 @@
+import React, { useState, useEffect, useCallback, useRef, useReducer } from 'react';
+import { Box, Text, useInput } from 'ink';
+import { stat } from 'fs/promises';
+import { join } from 'path';
+import { getPrimaryColor, getSecondaryColor, getTextColor, getCursorColor } from '../types/index.js';
+import { getLocalCommit, getRemoteCommit, updateRepo, ODOO_COMMUNITY_URL, } from '../services/git.js';
+import { LeftPanel } from '../components/LeftPanel.js';
+import { StepsPanel } from '../components/StepsPanel.js';
+import { ErrorPanel } from '../components/ErrorPanel.js';
+import { ProgressBar } from '../components/ProgressBar.js';
+function stepReducer(state, action) {
+    if (action.type === 'RESET')
+        return action.steps;
+    return state.map(s => s.id === action.id ? { ...s, status: action.status, errorMessage: action.errorMessage } : s);
+}
+async function dirExists(p) {
+    try {
+        return (await stat(p)).isDirectory();
+    }
+    catch {
+        return false;
+    }
+}
+export function UpgradeVersionScreen({ config, leftWidth, onBack }) {
+    const versions = Object.values(config.odoo_versions);
+    const textColor = getTextColor(config);
+    const cursorColor = getCursorColor(config);
+    const [phase, setPhase] = useState('list');
+    const [selected, setSelected] = useState(0);
+    const [statusMap, setStatusMap] = useState({});
+    const [confirmAction, setConfirmAction] = useState(0);
+    const [steps, dispatch] = useReducer(stepReducer, []);
+    const [currentStepIdx, setCurrentStepIdx] = useState(0);
+    const [retryCount, setRetryCount] = useState(0);
+    const [errorAction, setErrorAction] = useState(0);
+    const [fetchProgress, setFetchProgress] = useState(null);
+    const selectedVersionRef = useRef(null);
+    const stepsRef = useRef(steps);
+    const dispatchRef = useRef(dispatch);
+    stepsRef.current = steps;
+    dispatchRef.current = dispatch;
+    // ── Vérification du statut de chaque version au montage ──────────────────
+    useEffect(() => {
+        if (versions.length === 0)
+            return;
+        const initial = {};
+        for (const v of versions)
+            initial[v.branch] = { checking: true, upToDate: null };
+        setStatusMap(initial);
+        for (const v of versions) {
+            const communityPath = join(v.path, 'community');
+            void Promise.all([
+                getLocalCommit(communityPath),
+                getRemoteCommit(ODOO_COMMUNITY_URL, v.branch),
+            ]).then(([local, remote]) => {
+                const upToDate = local !== null && remote !== null ? local === remote : null;
+                setStatusMap(prev => ({ ...prev, [v.branch]: { checking: false, upToDate } }));
+            });
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    // ── Input : liste ─────────────────────────────────────────────────────────
+    useInput((_char, key) => {
+        if (key.escape) {
+            onBack();
+            return;
+        }
+        if (key.upArrow)
+            setSelected(p => (p - 1 + versions.length) % versions.length);
+        if (key.downArrow)
+            setSelected(p => (p + 1) % versions.length);
+        if (key.return && versions[selected]) {
+            selectedVersionRef.current = versions[selected];
+            setConfirmAction(0);
+            setPhase('confirm');
+        }
+    }, { isActive: phase === 'list' && versions.length > 0 });
+    useInput((_char, key) => { if (key.escape)
+        onBack(); }, { isActive: phase === 'list' && versions.length === 0 });
+    // ── Input : confirmation ──────────────────────────────────────────────────
+    useInput((_char, key) => {
+        if (key.escape) {
+            setPhase('list');
+            return;
+        }
+        if (key.leftArrow)
+            setConfirmAction(0);
+        if (key.rightArrow)
+            setConfirmAction(1);
+        if (key.return) {
+            if (confirmAction === 1) {
+                setPhase('list');
+                return;
+            }
+            void startUpgrade();
+        }
+    }, { isActive: phase === 'confirm' });
+    // ── Input : erreur / retry ────────────────────────────────────────────────
+    const errorStep = steps.find(s => s.status === 'error');
+    useInput((_char, key) => {
+        if (key.escape) {
+            setPhase('list');
+            return;
+        }
+        if (key.leftArrow)
+            setErrorAction(0);
+        if (key.rightArrow)
+            setErrorAction(1);
+        if (key.return) {
+            if (errorAction === 0) {
+                const step = stepsRef.current[currentStepIdx];
+                if (step) {
+                    dispatchRef.current({ type: 'SET_STATUS', id: step.id, status: 'pending', errorMessage: undefined });
+                    setRetryCount(c => c + 1);
+                }
+            }
+            else {
+                setPhase('list');
+            }
+        }
+    }, { isActive: phase === 'upgrading' && !!errorStep });
+    // ── Input : terminé ───────────────────────────────────────────────────────
+    useInput((_char, key) => { if (key.escape)
+        onBack(); }, { isActive: phase === 'done' });
+    // ── Démarrage de la mise à jour ───────────────────────────────────────────
+    const startUpgrade = useCallback(async () => {
+        const version = selectedVersionRef.current;
+        if (!version)
+            return;
+        const enterprisePath = join(version.path, 'enterprise');
+        const hasEnterprise = await dirExists(enterprisePath);
+        const initialSteps = [
+            { id: 'update_community', label: 'Mise à jour community', status: 'pending' },
+            ...(hasEnterprise
+                ? [{ id: 'update_enterprise', label: 'Mise à jour enterprise', status: 'pending' }]
+                : []),
+        ];
+        dispatchRef.current({ type: 'RESET', steps: initialSteps });
+        setCurrentStepIdx(0);
+        setRetryCount(0);
+        setErrorAction(0);
+        setPhase('upgrading');
+    }, []);
+    // ── Exécution des étapes ──────────────────────────────────────────────────
+    useEffect(() => {
+        if (phase !== 'upgrading')
+            return;
+        const version = selectedVersionRef.current;
+        if (!version)
+            return;
+        const step = stepsRef.current[currentStepIdx];
+        if (!step)
+            return;
+        void (async () => {
+            dispatchRef.current({ type: 'SET_STATUS', id: step.id, status: 'running', errorMessage: undefined });
+            setFetchProgress(null);
+            const repoPath = step.id === 'update_community'
+                ? join(version.path, 'community')
+                : join(version.path, 'enterprise');
+            const r = await updateRepo(repoPath, version.branch, progress => {
+                setFetchProgress(progress);
+            });
+            setFetchProgress(null);
+            if (r.ok) {
+                dispatchRef.current({ type: 'SET_STATUS', id: step.id, status: 'success', errorMessage: repoPath });
+                const nextIdx = currentStepIdx + 1;
+                if (nextIdx < stepsRef.current.length) {
+                    setCurrentStepIdx(nextIdx);
+                }
+                else {
+                    setPhase('done');
+                    // Re-vérifier le statut de la version mise à jour
+                    const communityPath = join(version.path, 'community');
+                    void Promise.all([
+                        getLocalCommit(communityPath),
+                        getRemoteCommit(ODOO_COMMUNITY_URL, version.branch),
+                    ]).then(([local, remote]) => {
+                        const upToDate = local !== null && remote !== null ? local === remote : null;
+                        setStatusMap(prev => ({ ...prev, [version.branch]: { checking: false, upToDate } }));
+                    });
+                }
+            }
+            else {
+                dispatchRef.current({ type: 'SET_STATUS', id: step.id, status: 'error', errorMessage: r.error });
+            }
+        })();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [phase, currentStepIdx, retryCount]);
+    // ── Render ────────────────────────────────────────────────────────────────
+    return (React.createElement(Box, { flexDirection: "column", flexGrow: 1 },
+        React.createElement(Box, { flexDirection: "row", flexGrow: 1 },
+            React.createElement(LeftPanel, { width: leftWidth, primaryColor: getPrimaryColor(config), textColor: textColor }),
+            React.createElement(Box, { flexGrow: 1, flexDirection: "column", paddingX: 3, paddingY: 2, gap: 1 },
+                React.createElement(Text, { color: getSecondaryColor(config), bold: true }, "Mise \u00E0 niveau"),
+                versions.length === 0 && (React.createElement(Box, { flexDirection: "column", gap: 1, marginTop: 1 },
+                    React.createElement(Text, { color: textColor }, "Aucune version Odoo install\u00E9e."),
+                    React.createElement(Text, { color: textColor, dimColor: true }, "\u00C9chap retour"))),
+                phase === 'list' && versions.length > 0 && (React.createElement(Box, { flexDirection: "column", gap: 0, marginTop: 1 },
+                    versions.map((v, i) => {
+                        const status = statusMap[v.branch];
+                        const isSelected = i === selected;
+                        let icon = '⟳';
+                        let iconColor = 'gray';
+                        if (status && !status.checking) {
+                            if (status.upToDate === true) {
+                                icon = '✓';
+                                iconColor = 'green';
+                            }
+                            else if (status.upToDate === false) {
+                                icon = '!';
+                                iconColor = 'yellow';
+                            }
+                            else {
+                                icon = '?';
+                                iconColor = 'red';
+                            }
+                        }
+                        return (React.createElement(Box, { key: v.branch, flexDirection: "row", gap: 1, alignItems: "center" },
+                            React.createElement(Text, { color: isSelected ? 'black' : 'white', backgroundColor: isSelected ? cursorColor : undefined, bold: isSelected },
+                                ` ${isSelected ? '▶' : ' '} ${v.branch}  `,
+                                React.createElement(Text, { color: isSelected ? 'black' : 'gray', dimColor: !isSelected }, v.path)),
+                            React.createElement(Text, { color: iconColor }, icon)));
+                    }),
+                    React.createElement(Box, { marginTop: 1 },
+                        React.createElement(Text, { color: textColor, dimColor: true }, '↑↓ naviguer  ·  ↵ sélectionner  ·  Échap retour')))),
+                phase === 'confirm' && (React.createElement(Box, { flexDirection: "column", gap: 1, marginTop: 1 },
+                    React.createElement(Text, { color: "white" },
+                        'Mettre à jour ',
+                        React.createElement(Text, { color: getPrimaryColor(config), bold: true }, selectedVersionRef.current?.branch),
+                        ' ?'),
+                    React.createElement(Box, { flexDirection: "row", gap: 2 },
+                        React.createElement(Text, { color: confirmAction === 0 ? 'black' : 'white', backgroundColor: confirmAction === 0 ? cursorColor : undefined, bold: confirmAction === 0 }, ' ✓ Oui '),
+                        React.createElement(Text, { color: confirmAction === 1 ? 'black' : 'white', backgroundColor: confirmAction === 1 ? 'gray' : undefined, bold: confirmAction === 1 }, ' ✗ Non ')),
+                    React.createElement(Text, { color: textColor, dimColor: true }, '◀▶ choisir  ·  ↵ confirmer  ·  Échap retour'))),
+                phase === 'upgrading' && !errorStep && (React.createElement(Box, { flexDirection: "column", marginTop: 1, gap: 0 },
+                    React.createElement(Text, { color: textColor },
+                        'Mise à jour de ',
+                        React.createElement(Text, { color: getPrimaryColor(config), bold: true }, selectedVersionRef.current?.branch),
+                        '…'),
+                    fetchProgress && (React.createElement(Box, { flexDirection: "column", marginTop: 1, gap: 0 },
+                        React.createElement(ProgressBar, { percent: fetchProgress.percent, textColor: textColor }),
+                        React.createElement(Text, { color: textColor, dimColor: true },
+                            fetchProgress.phase === 'receiving' ? 'Receiving objects' : 'Resolving deltas ',
+                            fetchProgress.speed ? `  ${fetchProgress.speed}` : ''))),
+                    !fetchProgress && phase === 'upgrading' && (React.createElement(Text, { color: textColor, dimColor: true }, "\u27F3 Connexion au d\u00E9p\u00F4t\u2026")))),
+                phase === 'upgrading' && errorStep && (React.createElement(Box, { flexDirection: "column", gap: 1, marginTop: 1 },
+                    React.createElement(Box, { flexDirection: "row", gap: 2 },
+                        React.createElement(Text, { color: errorAction === 0 ? 'black' : 'white', backgroundColor: errorAction === 0 ? cursorColor : undefined, bold: errorAction === 0 }, ' ↺ Relancer '),
+                        React.createElement(Text, { color: errorAction === 1 ? 'black' : 'white', backgroundColor: errorAction === 1 ? 'gray' : undefined, bold: errorAction === 1 }, ' ← Retour ')),
+                    React.createElement(Text, { color: textColor, dimColor: true }, '◀▶ choisir  ·  ↵ confirmer  ·  Échap retour'))),
+                phase === 'done' && (React.createElement(Box, { flexDirection: "column", gap: 1, marginTop: 1 },
+                    React.createElement(Text, { color: "green" },
+                        '✓ ',
+                        React.createElement(Text, { bold: true }, selectedVersionRef.current?.branch),
+                        ' mis à jour avec succès.'),
+                    React.createElement(Text, { color: textColor, dimColor: true }, "\u00C9chap retour"))))),
+        phase === 'upgrading' && React.createElement(StepsPanel, { steps: steps, textColor: textColor }),
+        phase === 'upgrading' && React.createElement(ErrorPanel, { steps: steps })));
+}