snow-ai 0.3.4 → 0.3.6

package/dist/ui/pages/ConfigProfileScreen.js

@@ -1,300 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { Box, Text, useInput } from 'ink';
-import Gradient from 'ink-gradient';
-import { Alert } from '@inkjs/ui';
-import TextInput from 'ink-text-input';
-import { getAllProfiles, switchProfile, createProfile, deleteProfile, renameProfile, } from '../../utils/configManager.js';
-import ConfigScreen from './ConfigScreen.js';
-const focusEventTokenRegex = /(?:\x1b)?\[[0-9;]*[IO]/g;
-const isFocusEventInput = (value) => {
-    if (!value) {
-        return false;
-    }
-    if (value === '\x1b[I' ||
-        value === '\x1b[O' ||
-        value === '[I' ||
-        value === '[O') {
-        return true;
-    }
-    const trimmed = value.trim();
-    if (!trimmed) {
-        return false;
-    }
-    const tokens = trimmed.match(focusEventTokenRegex);
-    if (!tokens) {
-        return false;
-    }
-    const normalized = trimmed.replace(/\s+/g, '');
-    const tokensCombined = tokens.join('');
-    return tokensCombined === normalized;
-};
-const stripFocusArtifacts = (value) => {
-    if (!value) {
-        return '';
-    }
-    return value
-        .replace(/\x1b\[[0-9;]*[IO]/g, '')
-        .replace(/\[[0-9;]*[IO]/g, '')
-        .replace(/[\x00-\x08\x0B\x0C\x0E-\x1F\x7F]/g, '');
-};
-export default function ConfigProfileScreen({ onBack, onSelectProfile, }) {
-    const [profiles, setProfiles] = useState([]);
-    const [selectedIndex, setSelectedIndex] = useState(0);
-    const [mode, setMode] = useState('list');
-    const [inputValue, setInputValue] = useState('');
-    const [error, setError] = useState('');
-    // Load profiles on mount
-    useEffect(() => {
-        refreshProfiles();
-    }, []);
-    const refreshProfiles = () => {
-        const loadedProfiles = getAllProfiles();
-        setProfiles(loadedProfiles);
-        // Find active profile and set selected index
-        const activeIndex = loadedProfiles.findIndex(p => p.isActive);
-        if (activeIndex !== -1) {
-            setSelectedIndex(activeIndex);
-        }
-    };
-    const handleCreateProfile = () => {
-        const cleaned = stripFocusArtifacts(inputValue).trim();
-        if (!cleaned) {
-            setError('Profile name cannot be empty');
-            return;
-        }
-        try {
-            createProfile(cleaned);
-            refreshProfiles();
-            setMode('list');
-            setInputValue('');
-            setError('');
-        }
-        catch (err) {
-            setError(err instanceof Error ? err.message : 'Failed to create profile');
-        }
-    };
-    const handleRenameProfile = () => {
-        const cleaned = stripFocusArtifacts(inputValue).trim();
-        const currentProfile = profiles[selectedIndex];
-        if (!currentProfile) {
-            setError('No profile selected');
-            return;
-        }
-        if (!cleaned) {
-            setError('Profile name cannot be empty');
-            return;
-        }
-        try {
-            renameProfile(currentProfile.name, cleaned);
-            refreshProfiles();
-            setMode('list');
-            setInputValue('');
-            setError('');
-        }
-        catch (err) {
-            setError(err instanceof Error ? err.message : 'Failed to rename profile');
-        }
-    };
-    const handleDeleteProfile = () => {
-        const currentProfile = profiles[selectedIndex];
-        if (!currentProfile) {
-            return;
-        }
-        try {
-            deleteProfile(currentProfile.name);
-            refreshProfiles();
-            setMode('list');
-            setError('');
-            setSelectedIndex(Math.max(0, selectedIndex - 1));
-        }
-        catch (err) {
-            setError(err instanceof Error ? err.message : 'Failed to delete profile');
-            setMode('list');
-        }
-    };
-    const handleSwitchProfile = () => {
-        const currentProfile = profiles[selectedIndex];
-        if (!currentProfile) {
-            return;
-        }
-        try {
-            switchProfile(currentProfile.name);
-            onSelectProfile(currentProfile.name);
-        }
-        catch (err) {
-            setError(err instanceof Error ? err.message : 'Failed to switch profile');
-        }
-    };
-    const handleEditProfile = () => {
-        const currentProfile = profiles[selectedIndex];
-        if (!currentProfile) {
-            return;
-        }
-        // Switch to this profile first to make it active for editing
-        try {
-            switchProfile(currentProfile.name);
-            setMode('edit');
-            setError('');
-        }
-        catch (err) {
-            setError(err instanceof Error ? err.message : 'Failed to edit profile');
-        }
-    };
-    const handleEditComplete = () => {
-        // Refresh profiles to show updated config
-        refreshProfiles();
-        setMode('list');
-        setError('');
-    };
-    useInput((rawInput, key) => {
-        const input = stripFocusArtifacts(rawInput);
-        if (!input && isFocusEventInput(rawInput)) {
-            return;
-        }
-        if (isFocusEventInput(rawInput)) {
-            return;
-        }
-        // Handle text input modes
-        if (mode === 'create' || mode === 'rename') {
-            if (key.return) {
-                if (mode === 'create') {
-                    handleCreateProfile();
-                }
-                else if (mode === 'rename') {
-                    handleRenameProfile();
-                }
-            }
-            else if (key.escape) {
-                setMode('list');
-                setInputValue('');
-                setError('');
-            }
-            return;
-        }
-        // Handle edit mode - don't intercept input
-        if (mode === 'edit') {
-            // ConfigScreen handles all input
-            return;
-        }
-        // Handle delete confirmation
-        if (mode === 'delete-confirm') {
-            if (input === 'y' || input === 'Y') {
-                handleDeleteProfile();
-            }
-            else if (input === 'n' || input === 'N' || key.escape) {
-                setMode('list');
-                setError('');
-            }
-            return;
-        }
-        // Handle list mode
-        if (mode === 'list') {
-            if (key.escape) {
-                onBack();
-            }
-            else if (key.upArrow) {
-                setSelectedIndex(Math.max(0, selectedIndex - 1));
-                setError('');
-            }
-            else if (key.downArrow) {
-                setSelectedIndex(Math.min(profiles.length - 1, selectedIndex + 1));
-                setError('');
-            }
-            else if (key.return) {
-                handleSwitchProfile();
-            }
-            else if (input === 'n' || input === 'N') {
-                setMode('create');
-                setInputValue('');
-                setError('');
-            }
-            else if (input === 'e' || input === 'E') {
-                handleEditProfile();
-            }
-            else if (input === 'r' || input === 'R') {
-                const currentProfile = profiles[selectedIndex];
-                if (currentProfile) {
-                    setInputValue(currentProfile.name);
-                    setMode('rename');
-                    setError('');
-                }
-            }
-            else if (input === 'd' || input === 'D') {
-                const currentProfile = profiles[selectedIndex];
-                if (currentProfile && currentProfile.name !== 'default') {
-                    setMode('delete-confirm');
-                    setError('');
-                }
-                else if (currentProfile?.name === 'default') {
-                    setError('Cannot delete the default profile');
-                }
-            }
-        }
-    });
-    // Render input mode
-    if (mode === 'create' || mode === 'rename') {
-        return (React.createElement(Box, { flexDirection: "column", padding: 1 },
-            React.createElement(Box, { marginBottom: 1, borderStyle: "double", borderColor: "cyan", paddingX: 2 },
-                React.createElement(Box, { flexDirection: "column" },
-                    React.createElement(Gradient, { name: "rainbow" }, mode === 'create' ? 'Create New Profile' : 'Rename Profile'),
-                    React.createElement(Text, { color: "gray", dimColor: true }, mode === 'create'
-                        ? 'Enter a name for the new profile'
-                        : 'Enter a new name for the profile'))),
-            React.createElement(Box, { flexDirection: "column" },
-                React.createElement(Text, { color: "cyan" }, "Profile Name:"),
-                React.createElement(Box, { marginLeft: 2 },
-                    React.createElement(TextInput, { value: inputValue, onChange: value => setInputValue(stripFocusArtifacts(value)), placeholder: "e.g., work, personal, test" }))),
-            error && (React.createElement(Box, { marginTop: 1 },
-                React.createElement(Text, { color: "red" },
-                    "Error: ",
-                    error))),
-            React.createElement(Box, { marginTop: 1 },
-                React.createElement(Alert, { variant: "info" }, "Press Enter to save, Esc to cancel"))));
-    }
-    // Render delete confirmation
-    if (mode === 'delete-confirm') {
-        const currentProfile = profiles[selectedIndex];
-        return (React.createElement(Box, { flexDirection: "column", padding: 1 },
-            React.createElement(Box, { marginBottom: 1, borderStyle: "double", borderColor: "cyan", paddingX: 2 },
-                React.createElement(Box, { flexDirection: "column" },
-                    React.createElement(Gradient, { name: "rainbow" }, "Delete Profile"),
-                    React.createElement(Text, { color: "gray", dimColor: true }, "Confirm profile deletion"))),
-            React.createElement(Box, { flexDirection: "column" },
-                React.createElement(Text, { color: "yellow" },
-                    "Are you sure you want to delete the profile \"",
-                    currentProfile?.displayName,
-                    "\"?"),
-                React.createElement(Text, { color: "gray", dimColor: true }, "This action cannot be undone.")),
-            React.createElement(Box, { marginTop: 1 },
-                React.createElement(Alert, { variant: "warning" }, "Press Y to confirm, N or Esc to cancel"))));
-    }
-    // Render edit mode
-    if (mode === 'edit') {
-        return (React.createElement(ConfigScreen, { onBack: handleEditComplete, onSave: handleEditComplete, inlineMode: false }));
-    }
-    // Render profile list
-    return (React.createElement(Box, { flexDirection: "column", padding: 1 },
-        React.createElement(Box, { marginBottom: 1, borderStyle: "double", borderColor: "cyan", paddingX: 2 },
-            React.createElement(Box, { flexDirection: "column" },
-                React.createElement(Gradient, { name: "rainbow" }, "Configuration Profiles"),
-                React.createElement(Text, { color: "gray", dimColor: true }, "Manage multiple configuration profiles"))),
-        React.createElement(Box, { flexDirection: "column" },
-            React.createElement(Text, { color: "cyan", bold: true }, "Available Profiles:"),
-            profiles.map((profile, index) => (React.createElement(Box, { key: profile.name, flexDirection: "column", marginLeft: 1 },
-                React.createElement(Text, { color: index === selectedIndex ? 'green' : 'white', bold: profile.isActive },
-                    index === selectedIndex ? '❯ ' : '  ',
-                    profile.displayName,
-                    profile.isActive && (React.createElement(Text, { color: "cyan", dimColor: true },
-                        ' ',
-                        "(Active)"))),
-                index === selectedIndex && (React.createElement(Box, { marginLeft: 3 },
-                    React.createElement(Text, { color: "gray", dimColor: true },
-                        "API: ",
-                        profile.config.snowcfg.baseUrl))))))),
-        error && (React.createElement(Box, { marginTop: 1 },
-            React.createElement(Text, { color: "red" },
-                "Error: ",
-                error))),
-        React.createElement(Box, { flexDirection: "column", marginTop: 1 },
-            React.createElement(Alert, { variant: "info" }, "\u2191\u2193: Navigate \u2022 Enter: Switch \u2022 E: Edit \u2022 N: New \u2022 R: Rename \u2022 D: Delete \u2022 Esc: Back"))));
-}