@agents-at-scale/ark 0.1.47 → 0.1.49

package/dist/ui/ToolSelector.js

@@ -1,53 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useEffect } from 'react';
-import { Box, Text, useInput } from 'ink';
-export function ToolSelector({ arkApiClient, onSelect, onExit, }) {
-    const [selectedIndex, setSelectedIndex] = useState(0);
-    const [tools, setTools] = useState([]);
-    const [loading, setLoading] = useState(true);
-    const [error, setError] = useState(null);
-    useEffect(() => {
-        arkApiClient
-            .getTools()
-            .then((fetchedTools) => {
-            setTools(fetchedTools);
-            setLoading(false);
-        })
-            .catch((err) => {
-            setError(err.message || 'Failed to fetch tools');
-            setLoading(false);
-        });
-    }, [arkApiClient]);
-    useInput((input, key) => {
-        if (key.escape) {
-            onExit();
-        }
-        else if (key.upArrow || input === 'k') {
-            setSelectedIndex((prev) => (prev === 0 ? tools.length - 1 : prev - 1));
-        }
-        else if (key.downArrow || input === 'j') {
-            setSelectedIndex((prev) => (prev === tools.length - 1 ? 0 : prev + 1));
-        }
-        else if (key.return) {
-            onSelect(tools[selectedIndex]);
-        }
-        else {
-            // Handle number keys for quick selection
-            const num = parseInt(input, 10);
-            if (!isNaN(num) && num >= 1 && num <= tools.length) {
-                onSelect(tools[num - 1]);
-            }
-        }
-    });
-    if (loading) {
-        return (_jsx(Box, { children: _jsx(Text, { children: "Loading tools..." }) }));
-    }
-    if (error) {
-        return (_jsx(Box, { children: _jsxs(Text, { color: "red", children: ["Error: ", error] }) }));
-    }
-    if (tools.length === 0) {
-        return (_jsx(Box, { children: _jsx(Text, { children: "No tools available" }) }));
-    }
-    const selectedTool = tools[selectedIndex];
-    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "gray", paddingX: 2, paddingY: 1, children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { bold: true, children: "Select Tool" }) }), _jsx(Box, { marginBottom: 1, children: _jsx(Text, { dimColor: true, children: "Choose a tool to start a conversation with" }) }), _jsx(Box, { flexDirection: "column", children: tools.map((tool, index) => (_jsx(Box, { marginBottom: 0, children: _jsxs(Text, { color: index === selectedIndex ? 'green' : undefined, children: [index === selectedIndex ? '❯ ' : '  ', index + 1, ". ", tool.name] }) }, tool.name))) }), selectedTool && selectedTool.description && (_jsx(Box, { marginTop: 1, paddingLeft: 2, children: _jsx(Text, { dimColor: true, wrap: "wrap", children: selectedTool.description }) })), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Enter to confirm \u00B7 Number to select \u00B7 Esc to exit" }) })] }));
-}