snow-ai 0.4.16 → 0.4.17

package/dist/ui/pages/SubAgentConfigScreen.js

@@ -1,435 +0,0 @@
-import React, { useState, useCallback, useMemo, useEffect } from 'react';
-import { Box, Text, useInput } from 'ink';
-import TextInput from 'ink-text-input';
-import { Alert, Spinner } from '@inkjs/ui';
-import { getMCPServicesInfo } from '../../utils/mcpToolsManager.js';
-import { createSubAgent, updateSubAgent, getSubAgent, validateSubAgent, } from '../../utils/subAgentConfig.js';
-import { useI18n } from '../../i18n/index.js';
-import { useTheme } from '../contexts/ThemeContext.js';
-// Focus event handling - prevent terminal focus events from appearing as input
-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 SubAgentConfigScreen({ onBack, onSave, inlineMode = false, agentId, }) {
-    const { theme } = useTheme();
-    const { t } = useI18n();
-    const [agentName, setAgentName] = useState('');
-    const [description, setDescription] = useState('');
-    const [role, setRole] = useState('');
-    const [selectedTools, setSelectedTools] = useState(new Set());
-    const [currentField, setCurrentField] = useState('name');
-    const [selectedCategoryIndex, setSelectedCategoryIndex] = useState(0);
-    const [selectedToolIndex, setSelectedToolIndex] = useState(0);
-    const [showSuccess, setShowSuccess] = useState(false);
-    const [saveError, setSaveError] = useState(null);
-    const [isLoadingMCP, setIsLoadingMCP] = useState(true);
-    const [mcpServices, setMcpServices] = useState([]);
-    const [loadError, setLoadError] = useState(null);
-    const isEditMode = !!agentId;
-    // Tool categories with translations
-    const toolCategories = [
-        {
-            name: t.subAgentConfig.filesystemTools,
-            tools: [
-                'filesystem-read',
-                'filesystem-create',
-                'filesystem-edit',
-                'filesystem-edit_search',
-            ],
-        },
-        {
-            name: t.subAgentConfig.aceTools,
-            tools: [
-                'ace-find_definition',
-                'ace-find_references',
-                'ace-semantic_search',
-                'ace-text_search',
-                'ace-file_outline',
-                'ace-index_stats',
-                'ace-clear_cache',
-            ],
-        },
-        {
-            name: t.subAgentConfig.codebaseTools,
-            tools: ['codebase-search'],
-        },
-        {
-            name: t.subAgentConfig.terminalTools,
-            tools: ['terminal-execute'],
-        },
-        {
-            name: t.subAgentConfig.todoTools,
-            tools: [
-                'todo-create',
-                'todo-get',
-                'todo-update',
-                'todo-add',
-                'todo-delete',
-            ],
-        },
-        {
-            name: t.subAgentConfig.webSearchTools,
-            tools: ['websearch-search', 'websearch-fetch'],
-        },
-        {
-            name: t.subAgentConfig.ideTools,
-            tools: ['ide-get_diagnostics'],
-        },
-    ];
-    // Load existing agent data in edit mode
-    useEffect(() => {
-        if (agentId) {
-            const agent = getSubAgent(agentId);
-            if (agent) {
-                setAgentName(agent.name);
-                setDescription(agent.description);
-                setRole(agent.role || '');
-                setSelectedTools(new Set(agent.tools));
-            }
-        }
-    }, [agentId]);
-    // Load MCP services on mount
-    useEffect(() => {
-        const loadMCPServices = async () => {
-            try {
-                setIsLoadingMCP(true);
-                setLoadError(null);
-                const services = await getMCPServicesInfo();
-                setMcpServices(services);
-            }
-            catch (error) {
-                setLoadError(error instanceof Error
-                    ? error.message
-                    : 'Failed to load MCP services');
-            }
-            finally {
-                setIsLoadingMCP(false);
-            }
-        };
-        loadMCPServices();
-    }, []);
-    // Combine built-in and MCP tool categories
-    const allToolCategories = useMemo(() => {
-        const categories = [...toolCategories];
-        // Add custom MCP services as separate categories
-        for (const service of mcpServices) {
-            if (!service.isBuiltIn && service.connected && service.tools.length > 0) {
-                categories.push({
-                    name: `${service.serviceName} ${t.subAgentConfig.categoryMCP}`,
-                    tools: service.tools.map(t => t.name),
-                });
-            }
-        }
-        return categories;
-    }, [mcpServices, toolCategories, t]);
-    // Get all available tools
-    const allTools = useMemo(() => allToolCategories.flatMap(cat => cat.tools), [allToolCategories]);
-    const handleToggleTool = useCallback((tool) => {
-        setSelectedTools(prev => {
-            const newSet = new Set(prev);
-            if (newSet.has(tool)) {
-                newSet.delete(tool);
-            }
-            else {
-                newSet.add(tool);
-            }
-            return newSet;
-        });
-    }, []);
-    const handleToggleCategory = useCallback(() => {
-        const category = allToolCategories[selectedCategoryIndex];
-        if (!category)
-            return;
-        const allSelected = category.tools.every(tool => selectedTools.has(tool));
-        setSelectedTools(prev => {
-            const newSet = new Set(prev);
-            if (allSelected) {
-                // Deselect all in category
-                category.tools.forEach(tool => newSet.delete(tool));
-            }
-            else {
-                // Select all in category
-                category.tools.forEach(tool => newSet.add(tool));
-            }
-            return newSet;
-        });
-    }, [selectedCategoryIndex, selectedTools, allToolCategories]);
-    const handleToggleCurrentTool = useCallback(() => {
-        const category = allToolCategories[selectedCategoryIndex];
-        if (!category)
-            return;
-        const tool = category.tools[selectedToolIndex];
-        if (tool) {
-            handleToggleTool(tool);
-        }
-    }, [
-        selectedCategoryIndex,
-        selectedToolIndex,
-        handleToggleTool,
-        allToolCategories,
-    ]);
-    const handleSave = useCallback(() => {
-        setSaveError(null);
-        // Validate
-        const errors = validateSubAgent({
-            name: agentName,
-            description: description,
-            tools: Array.from(selectedTools),
-        });
-        if (errors.length > 0) {
-            setSaveError(errors[0] || t.subAgentConfig.validationFailed);
-            return;
-        }
-        try {
-            if (isEditMode && agentId) {
-                // Update existing agent
-                updateSubAgent(agentId, {
-                    name: agentName,
-                    description: description,
-                    role: role || undefined,
-                    tools: Array.from(selectedTools),
-                });
-            }
-            else {
-                // Create new agent
-                createSubAgent(agentName, description, Array.from(selectedTools), role || undefined);
-            }
-            setShowSuccess(true);
-            setTimeout(() => {
-                setShowSuccess(false);
-                onSave();
-            }, 1500);
-        }
-        catch (error) {
-            setSaveError(error instanceof Error ? error.message : t.subAgentConfig.saveError);
-        }
-    }, [
-        agentName,
-        description,
-        role,
-        selectedTools,
-        onSave,
-        isEditMode,
-        agentId,
-        t,
-    ]);
-    useInput((rawInput, key) => {
-        const input = stripFocusArtifacts(rawInput);
-        // Ignore focus events completely
-        if (!input && isFocusEventInput(rawInput)) {
-            return;
-        }
-        if (isFocusEventInput(rawInput)) {
-            return;
-        }
-        if (key.escape) {
-            onBack();
-            return;
-        }
-        // Global navigation with up/down arrows
-        if (key.upArrow) {
-            if (currentField === 'name') {
-                // At top, do nothing or cycle to bottom
-                return;
-            }
-            else if (currentField === 'description') {
-                setCurrentField('name');
-                return;
-            }
-            else if (currentField === 'role') {
-                setCurrentField('description');
-                return;
-            }
-            else if (currentField === 'tools') {
-                // Navigate within tools
-                if (selectedToolIndex > 0) {
-                    setSelectedToolIndex(prev => prev - 1);
-                }
-                else if (selectedCategoryIndex > 0) {
-                    const prevCategory = allToolCategories[selectedCategoryIndex - 1];
-                    setSelectedCategoryIndex(prev => prev - 1);
-                    setSelectedToolIndex(prevCategory ? prevCategory.tools.length - 1 : 0);
-                }
-                else {
-                    // At top of tools, go to role
-                    setCurrentField('role');
-                }
-                return;
-            }
-        }
-        if (key.downArrow) {
-            if (currentField === 'name') {
-                setCurrentField('description');
-                return;
-            }
-            else if (currentField === 'description') {
-                setCurrentField('role');
-                return;
-            }
-            else if (currentField === 'role') {
-                setCurrentField('tools');
-                setSelectedCategoryIndex(0);
-                setSelectedToolIndex(0);
-                return;
-            }
-            else if (currentField === 'tools') {
-                // Navigate within tools
-                const currentCategory = allToolCategories[selectedCategoryIndex];
-                if (!currentCategory)
-                    return;
-                if (selectedToolIndex < currentCategory.tools.length - 1) {
-                    setSelectedToolIndex(prev => prev + 1);
-                }
-                else if (selectedCategoryIndex < allToolCategories.length - 1) {
-                    setSelectedCategoryIndex(prev => prev + 1);
-                    setSelectedToolIndex(0);
-                }
-                // At bottom of tools, stay there
-                return;
-            }
-        }
-        // Tool-specific controls
-        if (currentField === 'tools') {
-            if (key.leftArrow) {
-                // Navigate to previous category
-                if (selectedCategoryIndex > 0) {
-                    setSelectedCategoryIndex(prev => prev - 1);
-                    setSelectedToolIndex(0);
-                }
-                return;
-            }
-            if (key.rightArrow) {
-                // Navigate to next category
-                if (selectedCategoryIndex < allToolCategories.length - 1) {
-                    setSelectedCategoryIndex(prev => prev + 1);
-                    setSelectedToolIndex(0);
-                }
-                return;
-            }
-            if (input === ' ') {
-                // Toggle current tool
-                handleToggleCurrentTool();
-                return;
-            }
-            if (input === 'a' || input === 'A') {
-                // Toggle all in category
-                handleToggleCategory();
-                return;
-            }
-        }
-        // Save with Enter key
-        if (key.return) {
-            handleSave();
-            return;
-        }
-    });
-    const renderToolSelection = () => {
-        return (React.createElement(Box, { flexDirection: "column" },
-            React.createElement(Text, { bold: true, color: theme.colors.menuInfo }, t.subAgentConfig.toolSelection),
-            isLoadingMCP && (React.createElement(Box, null,
-                React.createElement(Spinner, { label: t.subAgentConfig.loadingMCP }))),
-            loadError && (React.createElement(Box, null,
-                React.createElement(Text, { color: theme.colors.warning },
-                    t.subAgentConfig.mcpLoadError,
-                    " ",
-                    loadError))),
-            allToolCategories.map((category, catIndex) => {
-                const isCurrent = catIndex === selectedCategoryIndex;
-                const selectedInCategory = category.tools.filter(tool => selectedTools.has(tool)).length;
-                return (React.createElement(Box, { key: category.name, flexDirection: "column" },
-                    React.createElement(Box, null,
-                        React.createElement(Text, { color: isCurrent && currentField === 'tools' ? theme.colors.menuSelected : theme.colors.menuNormal, bold: isCurrent && currentField === 'tools' },
-                            isCurrent && currentField === 'tools' ? '▶ ' : '  ',
-                            category.name,
-                            " (",
-                            selectedInCategory,
-                            "/",
-                            category.tools.length,
-                            ")")),
-                    isCurrent && currentField === 'tools' && (React.createElement(Box, { flexDirection: "column", marginLeft: 2 }, category.tools.map((tool, toolIndex) => {
-                        const isCurrentTool = toolIndex === selectedToolIndex;
-                        return (React.createElement(Box, { key: tool },
-                            React.createElement(Text, { color: isCurrentTool ? theme.colors.menuInfo : theme.colors.menuNormal, bold: isCurrentTool },
-                                isCurrentTool ? '❯ ' : '  ',
-                                selectedTools.has(tool) ? '[✓]' : '[ ]',
-                                " ",
-                                tool)));
-                    })))));
-            }),
-            React.createElement(Text, { color: theme.colors.menuSecondary, dimColor: true },
-                t.subAgentConfig.selectedTools,
-                " ",
-                selectedTools.size,
-                " /",
-                ' ',
-                allTools.length,
-                " ",
-                t.subAgentConfig.toolsCount)));
-    };
-    return (React.createElement(Box, { flexDirection: "column", padding: 1 },
-        !inlineMode && (React.createElement(Box, { marginBottom: 1 },
-            React.createElement(Text, { bold: true, color: theme.colors.menuInfo },
-                "\u2746",
-                ' ',
-                isEditMode
-                    ? t.subAgentConfig.titleEdit
-                    : t.subAgentConfig.titleNew,
-                ' ',
-                t.subAgentConfig.title))),
-        showSuccess && (React.createElement(Box, { marginBottom: 1 },
-            React.createElement(Alert, { variant: "success" },
-                "Sub-agent",
-                ' ',
-                isEditMode
-                    ? t.subAgentConfig.saveSuccessEdit
-                    : t.subAgentConfig.saveSuccessCreate,
-                ' ',
-                "successfully!"))),
-        saveError && (React.createElement(Box, { marginBottom: 1 },
-            React.createElement(Alert, { variant: "error" }, saveError))),
-        React.createElement(Box, { flexDirection: "column" },
-            React.createElement(Box, { flexDirection: "column" },
-                React.createElement(Text, { bold: true, color: currentField === 'name' ? theme.colors.menuSelected : theme.colors.menuNormal }, t.subAgentConfig.agentName),
-                React.createElement(Box, { marginLeft: 2 },
-                    React.createElement(TextInput, { value: agentName, onChange: value => setAgentName(stripFocusArtifacts(value)), placeholder: t.subAgentConfig.agentNamePlaceholder, focus: currentField === 'name' }))),
-            React.createElement(Box, { flexDirection: "column" },
-                React.createElement(Text, { bold: true, color: currentField === 'description' ? theme.colors.menuSelected : theme.colors.menuNormal }, t.subAgentConfig.description),
-                React.createElement(Box, { marginLeft: 2 },
-                    React.createElement(TextInput, { value: description, onChange: value => setDescription(stripFocusArtifacts(value)), placeholder: t.subAgentConfig.descriptionPlaceholder, focus: currentField === 'description' }))),
-            React.createElement(Box, { flexDirection: "column" },
-                React.createElement(Text, { bold: true, color: currentField === 'role' ? theme.colors.menuSelected : theme.colors.menuNormal }, t.subAgentConfig.roleOptional),
-                React.createElement(Box, { marginLeft: 2 },
-                    React.createElement(TextInput, { value: role, onChange: value => setRole(stripFocusArtifacts(value)), placeholder: t.subAgentConfig.rolePlaceholder, focus: currentField === 'role' }))),
-            renderToolSelection(),
-            React.createElement(Box, { marginTop: 1 },
-                React.createElement(Text, { color: theme.colors.menuSecondary, dimColor: true }, t.subAgentConfig.navigationHint)))));
-}

package/dist/ui/pages/SubAgentListScreen.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-type Props = {
-    onBack: () => void;
-    onAdd: () => void;
-    onEdit: (agentId: string) => void;
-    inlineMode?: boolean;
-};
-export default function SubAgentListScreen({ onBack, onAdd, onEdit, inlineMode, }: Props): React.JSX.Element;
-export {};

package/dist/ui/pages/SubAgentListScreen.js

@@ -1,131 +0,0 @@
-import React, { useState, useCallback, useEffect } from 'react';
-import { Box, Text, useInput } from 'ink';
-import { Alert } from '@inkjs/ui';
-import { getSubAgents, deleteSubAgent, } from '../../utils/subAgentConfig.js';
-import { useTerminalSize } from '../../hooks/useTerminalSize.js';
-import { useTheme } from '../contexts/ThemeContext.js';
-export default function SubAgentListScreen({ onBack, onAdd, onEdit, inlineMode = false, }) {
-    const { theme } = useTheme();
-    const { columns } = useTerminalSize();
-    const [agents, setAgents] = useState([]);
-    const [selectedIndex, setSelectedIndex] = useState(0);
-    const [showDeleteConfirm, setShowDeleteConfirm] = useState(false);
-    const [deleteSuccess, setDeleteSuccess] = useState(false);
-    // Truncate text based on terminal width
-    const truncateText = useCallback((text, prefixLength = 0) => {
-        if (!text)
-            return text;
-        // Reserve space for indentation (3), prefix text, padding (5), and ellipsis (3)
-        const maxLength = Math.max(20, columns - prefixLength - 3 - 5 - 3);
-        if (text.length <= maxLength)
-            return text;
-        return text.substring(0, maxLength) + '...';
-    }, [columns]);
-    // Load agents on mount
-    useEffect(() => {
-        loadAgents();
-    }, []);
-    const loadAgents = useCallback(() => {
-        const loadedAgents = getSubAgents();
-        setAgents(loadedAgents);
-        if (selectedIndex >= loadedAgents.length && loadedAgents.length > 0) {
-            setSelectedIndex(loadedAgents.length - 1);
-        }
-    }, [selectedIndex]);
-    const handleDelete = useCallback(() => {
-        if (agents.length === 0)
-            return;
-        const agent = agents[selectedIndex];
-        if (!agent)
-            return;
-        const success = deleteSubAgent(agent.id);
-        if (success) {
-            setDeleteSuccess(true);
-            setTimeout(() => setDeleteSuccess(false), 2000);
-            loadAgents();
-        }
-        setShowDeleteConfirm(false);
-    }, [agents, selectedIndex, loadAgents]);
-    useInput((input, key) => {
-        if (key.escape) {
-            if (showDeleteConfirm) {
-                setShowDeleteConfirm(false);
-            }
-            else {
-                onBack();
-            }
-            return;
-        }
-        if (showDeleteConfirm) {
-            if (input === 'y' || input === 'Y') {
-                handleDelete();
-            }
-            else if (input === 'n' || input === 'N') {
-                setShowDeleteConfirm(false);
-            }
-            return;
-        }
-        if (key.upArrow) {
-            setSelectedIndex(prev => (prev > 0 ? prev - 1 : agents.length - 1));
-        }
-        else if (key.downArrow) {
-            setSelectedIndex(prev => (prev < agents.length - 1 ? prev + 1 : 0));
-        }
-        else if (key.return) {
-            if (agents.length > 0) {
-                const agent = agents[selectedIndex];
-                if (agent) {
-                    onEdit(agent.id);
-                }
-            }
-        }
-        else if (input === 'a' || input === 'A') {
-            onAdd();
-        }
-        else if (input === 'd' || input === 'D') {
-            if (agents.length > 0) {
-                setShowDeleteConfirm(true);
-            }
-        }
-    });
-    return (React.createElement(Box, { flexDirection: "column", padding: 1 },
-        !inlineMode && (React.createElement(Box, { marginBottom: 1 },
-            React.createElement(Text, { bold: true, color: theme.colors.menuInfo }, "\u2746 Sub-Agent Management"))),
-        deleteSuccess && (React.createElement(Box, { marginBottom: 1 },
-            React.createElement(Alert, { variant: "success" }, "Sub-agent deleted successfully!"))),
-        showDeleteConfirm && agents[selectedIndex] && (React.createElement(Box, { marginBottom: 1 },
-            React.createElement(Alert, { variant: "warning" },
-                "Delete \"",
-                agents[selectedIndex].name,
-                "\"? (Y/N)"))),
-        React.createElement(Box, { flexDirection: "column" },
-            agents.length === 0 ? (React.createElement(Box, { flexDirection: "column" },
-                React.createElement(Text, { color: theme.colors.menuSecondary }, "No sub-agents configured yet."),
-                React.createElement(Text, { color: theme.colors.menuSecondary }, "Press 'A' to add a new sub-agent."))) : (React.createElement(Box, { flexDirection: "column" },
-                React.createElement(Text, { bold: true, color: theme.colors.menuInfo },
-                    "Sub-Agents (",
-                    agents.length,
-                    "):"),
-                agents.map((agent, index) => {
-                    const isSelected = index === selectedIndex;
-                    return (React.createElement(Box, { key: agent.id, flexDirection: "column" },
-                        React.createElement(Box, null,
-                            React.createElement(Text, { color: isSelected ? theme.colors.menuSelected : theme.colors.menuNormal, bold: isSelected },
-                                isSelected ? '❯ ' : '  ',
-                                agent.name)),
-                        isSelected && (React.createElement(Box, { flexDirection: "column", marginLeft: 3 },
-                            React.createElement(Text, { color: theme.colors.menuSecondary },
-                                "Description:",
-                                ' ',
-                                truncateText(agent.description || 'No description', 'Description: '.length)),
-                            React.createElement(Text, { color: theme.colors.menuSecondary },
-                                "Tools: ",
-                                agent.tools.length,
-                                " selected"),
-                            React.createElement(Text, { color: theme.colors.menuSecondary, dimColor: true },
-                                "Updated: ",
-                                new Date(agent.updatedAt).toLocaleString())))));
-                }))),
-            React.createElement(Box, { marginTop: 1 },
-                React.createElement(Text, { color: theme.colors.menuSecondary, dimColor: true }, "\u2191\u2193: Navigate | Enter: Edit | A: Add New | D: Delete | Esc: Back")))));
-}

package/dist/ui/pages/SystemPromptConfigScreen.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-type Props = {
-    onBack: () => void;
-};
-export default function SystemPromptConfigScreen({ onBack }: Props): React.JSX.Element | null;
-export {};