envmgr-cli 1.0.0

package/dist/commands/sync.js

@@ -0,0 +1,122 @@
+import fs from 'fs';
+import path from 'path';
+import chalk from 'chalk';
+import { fetchVariables } from '../api/service.js';
+export async function sync(options = {}) {
+    try {
+        const configPath = path.join(process.cwd(), '.envmgr', 'config.json');
+        if (!fs.existsSync(configPath)) {
+            console.error(chalk.red('Error: No local configuration found. Please link a project first.'));
+            process.exit(1);
+        }
+        const config = JSON.parse(fs.readFileSync(configPath, 'utf-8'));
+        const filePath = path.join(process.cwd(), config.envFilePath);
+        if (options.dryRun) {
+            console.log(chalk.bold(`\nDry Run: Syncing ${chalk.cyan(config.projectName)} (${chalk.yellow(config.environmentName)}) to ${chalk.dim(config.envFilePath)}\n`));
+        }
+        else {
+            console.log(chalk.bold(`\nSyncing ${chalk.cyan(config.projectName)} (${chalk.yellow(config.environmentName)}) to ${chalk.dim(config.envFilePath)}...`));
+        }
+        const { data: remoteVars } = await fetchVariables(config.environmentId);
+        const remoteMap = new Map();
+        remoteVars.forEach((v) => remoteMap.set(v.key, v.value));
+        const localMap = new Map();
+        if (fs.existsSync(filePath)) {
+            const localContent = fs.readFileSync(filePath, 'utf-8');
+            localContent.split('\n').forEach(line => {
+                const [key, ...rest] = line.split('=');
+                if (key && key.trim()) {
+                    localMap.set(key.trim(), rest.join('=').trim());
+                }
+            });
+        }
+        const added = [];
+        const modified = [];
+        const removed = [];
+        const unchanged = [];
+        remoteMap.forEach((value, key) => {
+            if (!localMap.has(key)) {
+                added.push(key);
+            }
+            else if (localMap.get(key) !== value) {
+                modified.push(key);
+            }
+            else {
+                unchanged.push(key);
+            }
+        });
+        localMap.forEach((_, key) => {
+            if (!remoteMap.has(key)) {
+                removed.push(key);
+            }
+        });
+        if (options.dryRun) {
+            if (added.length === 0 && modified.length === 0 && removed.length === 0) {
+                console.log(chalk.green('No changes detected. Local file is up to date.'));
+            }
+            else {
+                added.forEach(key => console.log(`${chalk.green('+')} ${key}`));
+                modified.forEach(key => console.log(`${chalk.yellow('~')} ${key}`));
+                removed.forEach(key => console.log(`${chalk.red('-')} ${key}`));
+                console.log(`\nSummary: ${chalk.green(added.length + ' added')}, ${chalk.yellow(modified.length + ' modified')}, ${chalk.red(removed.length + ' removed')}`);
+                console.log(chalk.dim('\nThis was a dry run. No files were modified.'));
+            }
+        }
+        else {
+            const resolvedMap = new Map();
+            const { select } = await import('@inquirer/prompts');
+            // Process remote variables
+            for (const [key, remoteValue] of remoteMap) {
+                const localValue = localMap.get(key);
+                if (localValue !== undefined && localValue !== remoteValue && process.stdout.isTTY) {
+                    console.log(chalk.yellow(`\nConflict detected for ${chalk.bold(key)}`));
+                    console.log(`${chalk.dim('  Local: ')} ${localValue}`);
+                    console.log(`${chalk.dim('  Remote:')} ${remoteValue}`);
+                    const choice = await select({
+                        message: 'Action:',
+                        choices: [
+                            { name: 'Use remote', value: 'remote' },
+                            { name: 'Keep local', value: 'local' },
+                            { name: 'Skip', value: 'skip' }
+                        ]
+                    });
+                    if (choice === 'remote')
+                        resolvedMap.set(key, remoteValue);
+                    else if (choice === 'local')
+                        resolvedMap.set(key, localValue);
+                    // skip = don't include in final map
+                }
+                else {
+                    // No conflict or non-interactive: use remote value
+                    resolvedMap.set(key, remoteValue);
+                }
+            }
+            // Handle local-only variables (optional: user might want to keep them)
+            const localOnly = Array.from(localMap.keys()).filter(key => !remoteMap.has(key));
+            for (const key of localOnly) {
+                if (process.stdout.isTTY) {
+                    console.log(chalk.blue(`\nLocal-only variable found: ${chalk.bold(key)}`));
+                    const choice = await select({
+                        message: 'Action:',
+                        choices: [
+                            { name: 'Remove (Sync with remote)', value: 'remove' },
+                            { name: 'Keep local-only', value: 'keep' }
+                        ]
+                    });
+                    if (choice === 'keep')
+                        resolvedMap.set(key, localMap.get(key));
+                }
+            }
+            const content = Array.from(resolvedMap.entries())
+                .map(([key, value]) => `${key}=${value}`)
+                .join('\n');
+            fs.writeFileSync(filePath, content);
+            console.log(chalk.green('\n✓ Sync complete!'));
+        }
+        console.log('');
+    }
+    catch (err) {
+        console.error(chalk.red(`\nError: ${err.message}`));
+        process.exit(1);
+    }
+}

package/dist/config/config.js

@@ -0,0 +1,40 @@
+import fs from "fs";
+import os from "os";
+import path from "path";
+const CONFIG_DIR = path.join(os.homedir(), ".envmgr");
+const CONFIG_FILE = path.join(CONFIG_DIR, "config.json");
+function readConfig() {
+    if (!fs.existsSync(CONFIG_FILE))
+        return {};
+    return JSON.parse(fs.readFileSync(CONFIG_FILE, "utf-8"));
+}
+function writeConfig(config) {
+    if (!fs.existsSync(CONFIG_DIR)) {
+        fs.mkdirSync(CONFIG_DIR, { recursive: true });
+    }
+    fs.writeFileSync(CONFIG_FILE, JSON.stringify(config, null, 2));
+}
+export function saveToken(token) {
+    const config = readConfig();
+    writeConfig({ ...config, token });
+}
+export function getToken() {
+    return readConfig().token ?? null;
+}
+export function clearToken() {
+    const config = readConfig();
+    delete config.token;
+    writeConfig(config);
+}
+export function setApiUrl(apiUrl) {
+    const config = readConfig();
+    writeConfig({ ...config, apiUrl });
+}
+export function getApiUrl() {
+    return readConfig().apiUrl ?? null;
+}
+export function clearAll() {
+    if (fs.existsSync(CONFIG_FILE)) {
+        fs.unlinkSync(CONFIG_FILE);
+    }
+}

package/dist/config/guard.js

@@ -0,0 +1,8 @@
+import { getApiUrl } from "./config.js";
+export function requireApiConfig() {
+    const apiUrl = getApiUrl() || process.env.ENVMGR_API_URL;
+    if (!apiUrl) {
+        throw new Error("API URL not configured. Please run 'configure' first.");
+    }
+    return apiUrl;
+}

package/dist/constants.js

@@ -0,0 +1 @@
+export const DEFAULT_API_URL = "https://envmgr.vercel.app";

package/dist/index.js

@@ -0,0 +1,61 @@
+#!/usr/bin/env node
+import "dotenv/config";
+import React from 'react';
+import { render } from 'ink';
+import { App } from './ui/components/App.js';
+async function main() {
+    const [command] = process.argv.slice(2);
+    const args = process.argv.slice(2);
+    const isJson = args.includes('--json');
+    const isDebug = args.includes('--debug') || process.env.ENVMGR_DEBUG === '1';
+    const isDryRun = args.includes('--dry-run');
+    if (isDebug) {
+        process.env.ENVMGR_DEBUG = '1';
+    }
+    const uiCommands = ['login', 'configure', 'link', 'sync', 'status', 'logout', 'create-env', 'push'];
+    // Command mapping for convenience
+    let activeCommand = command;
+    if (command === 'env' && args[1] === 'create')
+        activeCommand = 'create-env';
+    if (command === 'var' && args[1] === 'add') {
+        const { importVariables } = await import('./commands/import.js');
+        await importVariables();
+        process.exit(0);
+    }
+    const isHelp = args.includes('--help') || command === 'help';
+    if (isHelp) {
+        const { help } = await import('./commands/help.js');
+        help();
+        process.exit(0);
+    }
+    if (!activeCommand || uiCommands.includes(activeCommand)) {
+        if (activeCommand === 'status' && (isJson || !process.stdout.isTTY)) {
+            const { status } = await import('./commands/status.js');
+            await status({ json: isJson });
+        }
+        else {
+            const shouldExit = !!activeCommand;
+            render(React.createElement(App, {
+                initialView: activeCommand || 'dashboard',
+                isDryRun,
+                shouldExit
+            }));
+        }
+    }
+    else if (activeCommand === 'switch') {
+        const { handleSwitch } = await import('./commands/switch.js');
+        await handleSwitch(process.argv.slice(3));
+    }
+    else if (command === 'doctor') {
+        const { doctor } = await import('./commands/doctor.js');
+        await doctor();
+    }
+    else {
+        console.log(`Unknown command: ${command}`);
+        process.exit(1);
+    }
+}
+main().catch((err) => {
+    console.error("Unexpected error", err);
+    process.exit(1);
+});

package/dist/ui/components/AddVarsFlow.js

@@ -0,0 +1,88 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import { Box, Text, useInput } from 'ink';
+import TextInput from 'ink-text-input';
+import Spinner from 'ink-spinner';
+import SelectInput from 'ink-select-input';
+import { Screen } from './Screen.js';
+import { bulkCreateVariables } from '../../api/service.js';
+import fs from 'fs';
+import path from 'path';
+export const AddVarsFlow = ({ onCancel }) => {
+    const [step, setStep] = useState('mode');
+    const [inputContent, setInputContent] = useState('');
+    const [error, setError] = useState(null);
+    const [config, setConfig] = useState(null);
+    const [parsedVars, setParsedVars] = useState([]);
+    useEffect(() => {
+        try {
+            const configPath = path.join(process.cwd(), '.envmgr', 'config.json');
+            if (fs.existsSync(configPath)) {
+                setConfig(JSON.parse(fs.readFileSync(configPath, 'utf-8')));
+            }
+        }
+        catch (err) {
+            setError('Failed to load project configuration');
+            setStep('error');
+        }
+    }, []);
+    useInput((input, key) => {
+        if (step === 'success' || (step === 'error' && key.escape)) {
+            onCancel();
+        }
+    });
+    const parseVariables = (text) => {
+        const lines = text.split('\n');
+        const vars = [];
+        lines.forEach(line => {
+            const trimmed = line.trim();
+            if (!trimmed || trimmed.startsWith('#'))
+                return;
+            // Handle KEY=VALUE or KEY: VALUE
+            let key = '', value = '';
+            if (trimmed.includes('=')) {
+                const [k, ...v] = trimmed.split('=');
+                key = k.trim();
+                value = v.join('=').trim();
+            }
+            else if (trimmed.includes(':')) {
+                const [k, ...v] = trimmed.split(':');
+                key = k.trim();
+                value = v.join(':').trim();
+            }
+            if (key) {
+                // Basic heuristic for secrets: if key contains SECRET, KEY, PASS, TOKEN, etc.
+                const isSecret = /SECRET|PASSWORD|TOKEN|KEY|AUTH|CREDENTIAL|PRIVATE/i.test(key);
+                vars.push({ key, value, isSecret });
+            }
+        });
+        return vars;
+    };
+    const handleSubmit = async () => {
+        const vars = parseVariables(inputContent);
+        if (vars.length === 0) {
+            setError('No variables found in input. Use KEY=VALUE format.');
+            setStep('error');
+            return;
+        }
+        setParsedVars(vars);
+        setStep('submitting');
+        try {
+            await bulkCreateVariables(config.environmentId, vars);
+            setStep('success');
+        }
+        catch (err) {
+            setError(err.message || 'Failed to add variables');
+            setStep('error');
+        }
+    };
+    return (_jsx(Screen, { children: _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsxs(Text, { bold: true, color: "cyan", children: ["Add Variables to ", config?.environmentName] }), _jsxs(Text, { dimColor: true, children: ["Project: ", config?.projectName] }), _jsxs(Box, { marginTop: 1, children: [step === 'mode' && (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { children: "Select input mode:" }), _jsx(Box, { marginTop: 1, children: _jsx(SelectInput, { items: [
+                                            { label: 'Paste multiple variables (KEY=VALUE)', value: 'paste' },
+                                            { label: 'Cancel', value: 'cancel' }
+                                        ], onSelect: (item) => {
+                                            if (item.value === 'paste')
+                                                setStep('paste');
+                                            else
+                                                onCancel();
+                                        } }) })] })), step === 'paste' && (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, children: "Paste your variables below and press Enter twice to confirm:" }), _jsx(Box, { borderStyle: "round", borderColor: "dim", paddingX: 1, marginTop: 1, children: _jsx(TextInput, { value: inputContent, onChange: setInputContent, onSubmit: handleSubmit, placeholder: "DB_URL=postgres://...\nAPI_KEY=sk_test_..." }) }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, italic: true, children: "Note: Secret status is automatically detected for keys like API_KEY, PASSWORD, etc." }) }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Press Escape to cancel" }) })] })), step === 'submitting' && (_jsx(Box, { flexDirection: "column", children: _jsxs(Text, { color: "yellow", children: [_jsx(Spinner, { type: "dots" }), " Adding ", parsedVars.length, " variables..."] }) })), step === 'success' && (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { color: "green", bold: true, children: ["\u2713 ", parsedVars.length, " variables added successfully!"] }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [parsedVars.slice(0, 5).map((v, i) => (_jsxs(Text, { dimColor: true, children: ["  + ", v.key] }, i))), parsedVars.length > 5 && _jsxs(Text, { dimColor: true, children: ["  ... and ", parsedVars.length - 5, " more"] })] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, italic: true, children: "Press any key to return to menu" }) })] })), step === 'error' && (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { color: "red", children: ["Error: ", error] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, italic: true, children: "Press Escape to go back" }) })] }))] })] }) }));
+};

package/dist/ui/components/App.js

@@ -0,0 +1,110 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useState } from 'react';
+import { useApp } from 'ink';
+import fs from 'fs';
+import path from 'path';
+import { DEFAULT_API_URL } from '../../constants.js';
+import { Dashboard } from './Dashboard.js';
+import { LoginForm } from './LoginForm.js';
+import { ConfigureForm } from './ConfigureForm.js';
+import { Status } from './Status.js';
+import { Logout } from './Logout.js';
+import { LinkFlow } from './LinkFlow.js';
+import { SyncFlow } from './SyncFlow.js';
+import { CreateEnvFlow } from './CreateEnvFlow.js';
+import { PushFlow } from './PushFlow.js';
+export const App = ({ initialView = 'dashboard', isDryRun = false, shouldExit = false }) => {
+    const [view, setView] = useState(initialView);
+    const [isLoggedIn, setIsLoggedIn] = useState(false);
+    const [isConfigured, setIsConfigured] = useState(false);
+    const [isLinked, setIsLinked] = useState(false);
+    const [localConfig, setLocalConfig] = useState(null);
+    const { exit } = useApp();
+    const handleCancel = () => {
+        if (shouldExit) {
+            exit();
+        }
+        else {
+            setView('dashboard');
+        }
+    };
+    React.useEffect(() => {
+        async function checkStatus() {
+            const { getToken, getApiUrl } = await import('../../config/config.js');
+            setIsLoggedIn(!!getToken());
+            setIsConfigured(!!getApiUrl());
+            const configPath = path.join(process.cwd(), '.envmgr', 'config.json');
+            let linked = false;
+            if (fs.existsSync(configPath)) {
+                try {
+                    const config = JSON.parse(fs.readFileSync(configPath, 'utf-8'));
+                    setLocalConfig(config);
+                    linked = !!config.projectId;
+                }
+                catch (e) {
+                    console.error('Failed to parse config');
+                }
+            }
+            setIsLinked(linked);
+        }
+        checkStatus();
+    }, [view]);
+    const handleAction = (item) => {
+        if (item.value === 'exit') {
+            exit();
+            return;
+        }
+        setView(item.value);
+    };
+    const handleLogin = async (email, pass) => {
+        const { requireApiConfig } = await import('../../config/guard.js');
+        const { saveToken } = await import('../../config/config.js');
+        const apiUrl = requireApiConfig();
+        const res = await fetch(`${apiUrl}/api/auth/login`, {
+            method: "POST",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify({
+                email,
+                password: pass,
+                client: "cli",
+            }),
+        });
+        const data = await res.json();
+        if (!res.ok) {
+            if (res.status === 401) {
+                throw new Error('Incorrect email or password. Please try again.');
+            }
+            throw new Error(data.message || 'Login failed');
+        }
+        saveToken(data.data.token);
+        // Wait a bit before returning to dashboard or exiting
+        setTimeout(() => handleCancel(), 2000);
+    };
+    const handleConfigure = async (apiUrl) => {
+        const { setApiUrl } = await import('../../config/config.js');
+        setApiUrl(apiUrl);
+        // Wait a bit before returning to dashboard or exiting
+        setTimeout(() => handleCancel(), 2000);
+    };
+    switch (view) {
+        case 'login':
+            return _jsx(LoginForm, { onSubmit: handleLogin, onCancel: handleCancel });
+        case 'configure':
+            return (_jsx(ConfigureForm, { onSubmit: handleConfigure, onCancel: handleCancel, defaultUrl: DEFAULT_API_URL, config: localConfig, isLoggedIn: isLoggedIn, onEditProject: () => setView('link') }));
+        case 'status':
+            return _jsx(Status, { onBack: handleCancel });
+        case 'logout':
+            return _jsx(Logout, { onComplete: handleCancel });
+        case 'link':
+            return _jsx(LinkFlow, { onCancel: handleCancel, isSwitching: isLinked, onSyncRequest: () => setView('sync') });
+        case 'sync':
+            return _jsx(SyncFlow, { onCancel: handleCancel, isDryRun: isDryRun });
+        case 'create-env':
+            return _jsx(CreateEnvFlow, { onCancel: handleCancel });
+        case 'push':
+            return _jsx(PushFlow, { onCancel: handleCancel });
+        case 'dashboard':
+        default:
+            return _jsx(Dashboard, { onSelect: handleAction, isLoggedIn: isLoggedIn, isConfigured: isConfigured, isLinked: isLinked });
+    }
+};

package/dist/ui/components/ConfigureForm.js

@@ -0,0 +1,80 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Box, Text, useInput } from 'ink';
+import TextInput from 'ink-text-input';
+import SelectInput from 'ink-select-input';
+import { Screen } from './Screen.js';
+import fs from 'fs';
+import path from 'path';
+export const ConfigureForm = ({ onSubmit, onCancel, defaultUrl, config, isLoggedIn, onEditProject }) => {
+    const [step, setStep] = useState((isLoggedIn && config) ? 'choice' : 'hosted-choice');
+    const [apiUrl, setApiUrl] = useState('');
+    const [targetFile, setTargetFile] = useState(config?.envFilePath || '.env.local');
+    const [error, setError] = useState(null);
+    useInput((input, key) => {
+        if (step === 'success') {
+            onCancel();
+            return;
+        }
+        if (key.escape || input === '\u001b') {
+            onCancel();
+        }
+    });
+    const handleChoiceSelect = (item) => {
+        if (item.value === 'api')
+            setStep('hosted-choice');
+        else if (item.value === 'file')
+            setStep('edit-file');
+        else if (item.value === 'project')
+            onEditProject?.();
+        else
+            onCancel();
+    };
+    const handleHostedSelect = (item) => {
+        if (item.value === 'default') {
+            onSubmit(defaultUrl);
+            setStep('success');
+        }
+        else {
+            setStep('custom-url');
+        }
+    };
+    const handleUrlSubmit = () => {
+        try {
+            new URL(apiUrl);
+            onSubmit(apiUrl);
+            setStep('success');
+        }
+        catch {
+            setError('Please enter a valid URL');
+        }
+    };
+    const handleFileSubmit = () => {
+        if (!targetFile) {
+            setError('Please enter a filename');
+            return;
+        }
+        try {
+            const configPath = path.join(process.cwd(), '.envmgr', 'config.json');
+            const currentConfig = JSON.parse(fs.readFileSync(configPath, 'utf-8'));
+            currentConfig.envFilePath = targetFile;
+            fs.writeFileSync(configPath, JSON.stringify(currentConfig, null, 2));
+            setStep('success');
+        }
+        catch (err) {
+            setError(err.message || 'Failed to update config');
+        }
+    };
+    if (step === 'success') {
+        return (_jsx(Screen, { children: _jsxs(Box, { flexDirection: "column", alignItems: "center", justifyContent: "center", flexGrow: 1, children: [_jsx(Text, { color: "green", bold: true, children: "\u2713 Configuration updated!" }), _jsx(Text, { dimColor: true, children: "Returning to menu..." })] }) }));
+    }
+    return (_jsx(Screen, { children: _jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Text, { bold: true, color: "magenta", children: "Configure EnvMgr" }), step === 'choice' && (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Text, { children: "What would you like to configure?" }), _jsx(Box, { marginTop: 1, children: _jsx(SelectInput, { items: [
+                                    { label: 'API Server URL', value: 'api' },
+                                    { label: 'Target File (.env)', value: 'file' },
+                                    { label: 'Project & Environment', value: 'project' },
+                                    { label: 'Back', value: 'back' }
+                                ], onSelect: handleChoiceSelect }) })] })), step === 'hosted-choice' && (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Text, { children: "Which EnvMgr instance are you using?" }), _jsx(Box, { marginTop: 1, children: _jsx(SelectInput, { items: [
+                                    { label: 'Cloud (envmgr.vercel.app)', value: 'default' },
+                                    { label: 'Self-hosted Instance', value: 'custom' },
+                                ], onSelect: handleHostedSelect }) }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Press Escape to go back" }) })] })), step === 'custom-url' && (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsxs(Box, { children: [_jsx(Text, { bold: true, children: "API URL:" }), _jsx(TextInput, { value: apiUrl, onChange: setApiUrl, onSubmit: handleUrlSubmit, placeholder: "https://api.your-instance.com" })] }), error && _jsx(Text, { color: "red", children: error }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Press Escape to go back" }) })] })), step === 'edit-file' && (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsxs(Box, { children: [_jsx(Text, { bold: true, children: "Target File Path:" }), _jsx(TextInput, { value: targetFile, onChange: setTargetFile, onSubmit: handleFileSubmit, placeholder: ".env.local" })] }), error && _jsx(Text, { color: "red", children: error }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Press Enter to save \u2022 Escape to go back" }) })] }))] }) }));
+};

package/dist/ui/components/CreateEnvFlow.js

@@ -0,0 +1,58 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import { Box, Text, useInput } from 'ink';
+import TextInput from 'ink-text-input';
+import Spinner from 'ink-spinner';
+import { Screen } from './Screen.js';
+import { ProjectPicker } from './ProjectPicker.js';
+import { createEnvironment } from '../../api/service.js';
+import fs from 'fs';
+import path from 'path';
+export const CreateEnvFlow = ({ onCancel }) => {
+    const [step, setStep] = useState('project');
+    const [selectedProject, setSelectedProject] = useState(null);
+    const [envName, setEnvName] = useState('');
+    const [error, setError] = useState(null);
+    useEffect(() => {
+        // Check if we already have a linked project to pre-select it
+        try {
+            const configPath = path.join(process.cwd(), '.envmgr', 'config.json');
+            if (fs.existsSync(configPath)) {
+                const config = JSON.parse(fs.readFileSync(configPath, 'utf-8'));
+                setSelectedProject({ id: config.projectId, name: config.projectName });
+                setStep('name');
+            }
+        }
+        catch (err) {
+            // Ignore
+        }
+    }, []);
+    useInput((input, key) => {
+        if (step === 'success') {
+            onCancel();
+            return;
+        }
+        if (key.escape && step !== 'submitting') {
+            onCancel();
+            return;
+        }
+        // Fallback for some terminals where key.escape might not be detected
+        if (input === '\u001b' && step !== 'submitting') {
+            onCancel();
+        }
+    });
+    const handleCreate = async () => {
+        if (!selectedProject || !envName.trim())
+            return;
+        setStep('submitting');
+        try {
+            await createEnvironment(envName.trim(), selectedProject.id);
+            setStep('success');
+        }
+        catch (err) {
+            setError(err.message || 'Failed to create environment');
+            setStep('error');
+        }
+    };
+    return (_jsx(Screen, { children: _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { bold: true, color: "cyan", children: "Add New Environment" }), _jsxs(Box, { marginTop: 1, children: [step === 'project' && (_jsx(ProjectPicker, { onSelect: (p) => { setSelectedProject(p); setStep('name'); }, onCancel: onCancel })), step === 'name' && (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { children: ["Project: ", _jsx(Text, { color: "green", children: selectedProject?.name })] }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { bold: true, children: "Environment Name: " }), _jsx(TextInput, { value: envName, onChange: setEnvName, onSubmit: handleCreate, placeholder: "e.g. staging, testing" })] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, italic: true, children: "Press Enter to create \u2022 Esc to cancel" }) })] })), step === 'submitting' && (_jsxs(Text, { color: "yellow", children: [_jsx(Spinner, { type: "dots" }), " Creating environment..."] })), step === 'success' && (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { color: "green", bold: true, children: ["\u2713 Environment \"", envName, "\" created successfully!"] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, italic: true, children: "Press any key to return to menu" }) })] })), step === 'error' && (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { color: "red", children: ["Error: ", error] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, italic: true, children: "Press Escape to go back" }) })] }))] })] }) }));
+};

package/dist/ui/components/Dashboard.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+import SelectInput from 'ink-select-input';
+import { Screen } from './Screen.js';
+export const Dashboard = ({ onSelect, isLoggedIn, isConfigured, isLinked }) => {
+    const items = [
+        isLoggedIn && isLinked && { label: 'Sync Variables', value: 'sync' },
+        isLoggedIn && isLinked && { label: 'Push Variables', value: 'push' },
+        isLoggedIn && isLinked && { label: 'Add Environment', value: 'create-env' },
+        isLoggedIn && { label: isLinked ? 'Switch Environment' : 'Link Project', value: 'link' },
+        isLoggedIn && { label: 'Status', value: 'status' },
+        !isLoggedIn && isConfigured && { label: 'Login', value: 'login' },
+        { label: 'Configure', value: 'configure' },
+        isLoggedIn && { label: 'Logout', value: 'logout' },
+        { label: 'Exit', value: 'exit' },
+    ].filter(Boolean);
+    return (_jsx(Screen, { children: _jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Text, { bold: true, color: "yellow", children: "Main Menu" }), _jsx(Box, { marginTop: 1, children: _jsx(SelectInput, { items: items, onSelect: onSelect }) })] }) }));
+};

package/dist/ui/components/EnvironmentPicker.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import { Box, Text, useInput } from 'ink';
+import SelectInput from 'ink-select-input';
+import Spinner from 'ink-spinner';
+import { fetchEnvironments } from '../../api/service.js';
+export const EnvironmentPicker = ({ projectId, projectName, onSelect, onCancel, activeId }) => {
+    const [envs, setEnvs] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const [error, setError] = useState(null);
+    useEffect(() => {
+        async function loadEnvs() {
+            try {
+                const res = await fetchEnvironments(projectId);
+                setEnvs(res.data.map((e) => ({
+                    label: e.id === activeId ? `${e.name} (active)` : e.name,
+                    value: e.id
+                })));
+                setLoading(false);
+            }
+            catch (err) {
+                setError(err.message || 'Failed to fetch environments');
+                setLoading(false);
+            }
+        }
+        loadEnvs();
+    }, [projectId, activeId]);
+    useInput((input, key) => {
+        if (key.escape)
+            onCancel();
+    });
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { children: [_jsx(Text, { bold: true, color: "cyan", children: "Select Environment for " }), _jsx(Text, { bold: true, color: "yellow", children: projectName })] }), _jsx(Box, { marginTop: 1, flexDirection: "column", minHeight: 8, children: loading ? (_jsxs(Text, { color: "yellow", children: [_jsx(Spinner, { type: "dots" }), " Loading environments..."] })) : error ? (_jsxs(Text, { color: "red", children: ["Error: ", error] })) : envs.length === 0 ? (_jsx(Text, { dimColor: true, children: "No environments found" })) : (_jsx(SelectInput, { items: envs, onSelect: (item) => onSelect({ id: item.value, name: item.label }) })) }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Esc to go back" }) })] }));
+};

package/dist/ui/components/Header.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+const LOGO = `
+  ███████╗███╗   ██╗██╗   ██╗███╗   ███╗ ██████╗ ██████╗ 
+  ██╔════╝████╗  ██║██║   ██║████╗ ████║██╔════╝ ██╔══██╗
+  █████╗  ██╔██╗ ██║██║   ██║██╔████╔██║██║  ███╗██████╔╝
+  ██╔══╝  ██║╚██╗██║╚██╗ ██╔╝██║╚██╔╝██║██║   ██║██╔══██╗
+  ███████╗██║ ╚████║ ╚████╔╝ ██║ ╚═╝ ██║╚██████╔╝██║  ██║
+  ╚══════╝╚═╝  ╚═══╝  ╚═══╝  ╚═╝     ╚═╝ ╚═════╝ ╚═╝  ╚═╝`;
+export const Header = () => {
+    return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, paddingX: 1, children: [_jsx(Box, { children: _jsx(Text, { color: "#34B27B", bold: true, children: LOGO }) }), _jsxs(Box, { marginTop: 1, paddingX: 2, flexDirection: "row", justifyContent: "space-between", width: 65, children: [_jsx(Text, { dimColor: true, bold: true, children: "WORKSPACE CONSOLE" }), _jsx(Text, { dimColor: true, italic: true, children: "Unified Management \u2022 v1.0.0" })] }), _jsx(Box, { borderStyle: "single", borderTop: true, borderBottom: false, borderLeft: false, borderRight: false, borderColor: "gray", borderDimColor: true, marginTop: 1, width: 65 })] }));
+};