@rawwee/interactive-mcp 1.5.3 → 1.5.4

package/dist/components/InteractiveInput.js

@@ -28,6 +28,7 @@ export function InteractiveInput({ question, questionId, predefinedOptions = [],
     const [clipboardStatus, setClipboardStatus] = useState(null);
     const [queuedAttachments, setQueuedAttachments] = useState([]);
     const textareaRef = useRef(null);
+    const suggestionsScrollRef = useRef(null);
     const latestInputValueRef = useRef(inputValue);
     const latestCaretPositionRef = useRef(caretPosition);
     const autocompleteTargetRef = useRef(null);
@@ -186,6 +187,16 @@ export function InteractiveInput({ question, questionId, predefinedOptions = [],
         textareaRenderVersion,
         width,
     ]);
+    useEffect(() => {
+        if (fileSuggestions.length === 0) {
+            return;
+        }
+        suggestionsScrollRef.current?.scrollTo?.({
+            x: 0,
+            y: selectedSuggestionIndex,
+        });
+        focusTextarea(textareaRef);
+    }, [fileSuggestions.length, selectedSuggestionIndex]);
     useEffect(() => {
         if (mode !== 'input' || repositoryFiles.length === 0) {
             autocompleteTargetRef.current = null;
@@ -407,5 +418,5 @@ export function InteractiveInput({ question, questionId, predefinedOptions = [],
         onInputActivity,
     ]);
     useKeyboard(keyboardHandler);
-    return (_jsxs(_Fragment, { children: [_jsx(QuestionBox, { question: question, MarkdownTextComponent: MarkdownText }), _jsx(ModeTabs, { mode: mode, hasOptions: hasOptions, onSelectOptionMode: setModeToOption, onSelectInputMode: recoverInputFocusFromClick }), _jsx(OptionList, { mode: mode, options: predefinedOptions, selectedIndex: selectedIndex, onSelectOption: setSelectedIndex, onActivateOptionMode: setModeToOption }), mode === 'input' && (_jsx(InputEditor, { questionId: questionId, textareaRenderVersion: textareaRenderVersion, textareaRef: textareaRef, textareaContainerHeight: textareaContainerHeight, textareaRows: textareaRows, hasSuggestions: fileSuggestions.length > 0, keyBindings: textareaBindings, onFocusRequest: recoverInputFocusFromClick, onContentSync: syncInputStateFromTextarea, onSubmitFromTextarea: handleTextareaSubmit })), mode === 'input' && activeAutocompleteTarget !== null && (_jsx(SuggestionsPanel, { hasOptions: hasOptions, isIndexingFiles: isIndexingFiles, fileSuggestions: fileSuggestions, selectedSuggestionIndex: selectedSuggestionIndex, selectedSuggestionVscodeLink: selectedSuggestionVscodeLink, hasSearchRoot: hasSearchRoot })), mode === 'input' && (_jsx(SearchStatus, { isIndexingFiles: isIndexingFiles, repositoryFiles: repositoryFiles, searchRoot: searchRoot, hasSearchRoot: hasSearchRoot })), _jsx(InputStatus, { mode: mode, isNarrow: isNarrow, inputValue: inputValue, queuedAttachments: queuedAttachments }), mode === 'input' && clipboardStatus && (_jsx(ClipboardStatus, { status: clipboardStatus })), mode === 'input' && queuedAttachments.length > 0 && (_jsx(AttachmentsDisplay, { queuedAttachments: queuedAttachments })), mode === 'input' && _jsx(SendButton, {}), mode === 'input' && _jsx(HelpText, { hasOptions: hasOptions })] }));
+    return (_jsxs(_Fragment, { children: [_jsx(QuestionBox, { question: question, MarkdownTextComponent: MarkdownText }), _jsx(ModeTabs, { mode: mode, hasOptions: hasOptions, onSelectOptionMode: setModeToOption, onSelectInputMode: recoverInputFocusFromClick }), _jsx(OptionList, { mode: mode, options: predefinedOptions, selectedIndex: selectedIndex, onSelectOption: setSelectedIndex, onActivateOptionMode: setModeToOption }), mode === 'input' && (_jsx(InputEditor, { questionId: questionId, textareaRenderVersion: textareaRenderVersion, textareaRef: textareaRef, textareaContainerHeight: textareaContainerHeight, textareaRows: textareaRows, hasSuggestions: fileSuggestions.length > 0, keyBindings: textareaBindings, onFocusRequest: recoverInputFocusFromClick, onContentSync: syncInputStateFromTextarea, onSubmitFromTextarea: handleTextareaSubmit })), mode === 'input' && activeAutocompleteTarget !== null && (_jsx(SuggestionsPanel, { hasOptions: hasOptions, isIndexingFiles: isIndexingFiles, fileSuggestions: fileSuggestions, selectedSuggestionIndex: selectedSuggestionIndex, selectedSuggestionVscodeLink: selectedSuggestionVscodeLink, hasSearchRoot: hasSearchRoot, scrollRef: suggestionsScrollRef })), mode === 'input' && (_jsx(SearchStatus, { isIndexingFiles: isIndexingFiles, repositoryFiles: repositoryFiles, searchRoot: searchRoot, hasSearchRoot: hasSearchRoot })), _jsx(InputStatus, { mode: mode, isNarrow: isNarrow, inputValue: inputValue, queuedAttachments: queuedAttachments }), mode === 'input' && clipboardStatus && (_jsx(ClipboardStatus, { status: clipboardStatus })), mode === 'input' && queuedAttachments.length > 0 && (_jsx(AttachmentsDisplay, { queuedAttachments: queuedAttachments })), mode === 'input' && _jsx(SendButton, {}), mode === 'input' && _jsx(HelpText, { hasOptions: hasOptions })] }));
 }

package/dist/components/interactive-input/autocomplete.js

@@ -5,14 +5,32 @@ const IGNORED_DIRECTORIES = new Set([
     'node_modules',
     'dist',
     'build',
+    'coverage',
+    '.cache',
+    '.bun',
+    '.yarn',
+    '.pnpm',
+    '.pnpm-store',
     '.next',
+    '.nuxt',
+    '.svelte-kit',
+    '.vercel',
     '.turbo',
+    '.output',
+    'out',
     '.idea',
     '.vscode',
+    '.history',
+    '.tmp',
+    'tmp',
+    'temp',
+    '.venv',
+    'venv',
+    '.pytest_cache',
     '.DS_Store',
 ]);
 const MAX_REPOSITORY_ENTRIES = 50000;
-const MAX_SUGGESTIONS_WITH_EMPTY_QUERY = 24;
+const MAX_VISIBLE_SUGGESTIONS = 50;
 const toPosixPath = (value) => value.replaceAll(path.sep, '/');
 const getFuzzyScore = (candidate, query) => {
     const candidateLower = candidate.toLowerCase();
@@ -41,6 +59,31 @@ const getFuzzyScore = (candidate, query) => {
     }
     return score - candidate.length * 0.1;
 };
+const isHigherRanked = (left, right) => left.score > right.score ||
+    (left.score === right.score &&
+        left.filePath.localeCompare(right.filePath) < 0);
+const collectTopRankedSuggestions = (files, query, limit) => {
+    const topRanked = [];
+    for (const filePath of files) {
+        const score = getFuzzyScore(filePath, query);
+        if (score === null) {
+            continue;
+        }
+        const scoredSuggestion = { filePath, score };
+        const insertionIndex = topRanked.findIndex((candidate) => isHigherRanked(scoredSuggestion, candidate));
+        if (insertionIndex === -1) {
+            if (topRanked.length < limit) {
+                topRanked.push(scoredSuggestion);
+            }
+            continue;
+        }
+        topRanked.splice(insertionIndex, 0, scoredSuggestion);
+        if (topRanked.length > limit) {
+            topRanked.pop();
+        }
+    }
+    return topRanked;
+};
 export const getAutocompleteTarget = (value, caret) => {
     const clampedCaret = Math.max(0, Math.min(caret, value.length));
     let start = clampedCaret;
@@ -76,16 +119,9 @@ export const getAutocompleteTarget = (value, caret) => {
 };
 export const rankFileSuggestions = (files, query) => {
     if (query.length === 0) {
-        return files.slice(0, MAX_SUGGESTIONS_WITH_EMPTY_QUERY);
+        return files.slice(0, MAX_VISIBLE_SUGGESTIONS);
     }
-    return files
-        .map((filePath) => ({
-        filePath,
-        score: getFuzzyScore(filePath, query),
-    }))
-        .filter((entry) => typeof entry.score === 'number')
-        .sort((a, b) => b.score - a.score || a.filePath.localeCompare(b.filePath))
-        .map((entry) => entry.filePath);
+    return collectTopRankedSuggestions(files, query, MAX_VISIBLE_SUGGESTIONS).map((entry) => entry.filePath);
 };
 export const readRepositoryFiles = async (repoRoot) => {
     const discoveredFiles = [];
@@ -107,6 +143,9 @@ export const readRepositoryFiles = async (repoRoot) => {
             if (IGNORED_DIRECTORIES.has(entry.name)) {
                 continue;
             }
+            if (entry.isSymbolicLink()) {
+                continue;
+            }
             const entryAbsolutePath = path.join(directoryPath, entry.name);
             const relativePath = path.relative(repoRoot, entryAbsolutePath);
             if (!relativePath || relativePath.startsWith('..')) {

package/dist/components/interactive-input/sections.js

@@ -11,9 +11,11 @@ export const OptionList = ({ mode, options, selectedIndex, onSelectOption, onAct
                     }, children: _jsxs("text", { wrapMode: "char", fg: index === selectedIndex && mode === 'option' ? 'cyan' : 'gray', children: [index === selectedIndex && mode === 'option' ? '› ' : '  ', opt] }) }, `${opt}-${index}`))) })] }));
 };
 export const InputEditor = ({ questionId, textareaRenderVersion, textareaRef, textareaContainerHeight, textareaRows, hasSuggestions, keyBindings, onFocusRequest, onContentSync, onSubmitFromTextarea, }) => (_jsxs("box", { flexDirection: "column", marginBottom: 0, width: "100%", children: [_jsx("text", { fg: "gray", children: "Input" }), _jsx("box", { border: true, borderStyle: "single", borderColor: hasSuggestions ? 'cyan' : 'gray', backgroundColor: "#1f1f1f", height: textareaContainerHeight, paddingLeft: 1, paddingRight: 1, onClick: onFocusRequest, children: _jsx("textarea", { ref: textareaRef, focused: true, height: textareaRows, wrapMode: "word", backgroundColor: "#1f1f1f", focusedBackgroundColor: "#1f1f1f", textColor: "white", focusedTextColor: "white", placeholderColor: "gray", placeholder: "Type your answer...", keyBindings: keyBindings, onContentChange: onContentSync, onCursorChange: onContentSync, onSubmit: onSubmitFromTextarea }, `textarea-${questionId}-${textareaRenderVersion}`) })] }));
-export const SuggestionsPanel = ({ hasOptions, isIndexingFiles, fileSuggestions, selectedSuggestionIndex, selectedSuggestionVscodeLink, hasSearchRoot, }) => (_jsxs("box", { flexDirection: "column", marginBottom: 0, width: "100%", gap: 0, children: [_jsx("text", { fg: "gray", children: hasOptions
+export const SuggestionsPanel = ({ hasOptions, isIndexingFiles, fileSuggestions, selectedSuggestionIndex, selectedSuggestionVscodeLink, hasSearchRoot, scrollRef, }) => (_jsxs("box", { flexDirection: "column", marginBottom: 0, width: "100%", gap: 0, children: [_jsx("text", { fg: "gray", children: hasOptions
                 ? 'Path suggestions (files + folders) • ↑/↓ or Ctrl+N/P navigate • Enter apply'
-                : 'Path suggestions (files + folders) • ↑/↓ or Ctrl+N/P navigate • Enter/Tab apply' }), isIndexingFiles ? (_jsx("text", { fg: "gray", children: "Indexing files..." })) : fileSuggestions.length > 0 ? (_jsxs("box", { flexDirection: "column", width: "100%", children: [fileSuggestions.map((suggestion, index) => (_jsx("box", { paddingLeft: 0, paddingRight: 1, gap: 0, children: _jsxs("text", { fg: index === selectedSuggestionIndex ? 'cyan' : 'gray', wrapMode: "char", children: [index === selectedSuggestionIndex ? '› ' : '  ', suggestion] }) }, suggestion))), selectedSuggestionVscodeLink && (_jsxs("box", { flexDirection: "column", width: "100%", children: [_jsx("text", { fg: "gray", wrapMode: "word", children: "open file with:" }), _jsx("text", { fg: "cyan", wrapMode: "word", onMouseUp: () => {
+                : 'Path suggestions (files + folders) • ↑/↓ or Ctrl+N/P navigate • Enter/Tab apply' }), isIndexingFiles ? (_jsx("text", { fg: "gray", children: "Indexing files..." })) : fileSuggestions.length > 0 ? (_jsxs("box", { flexDirection: "column", width: "100%", children: [_jsx("text", { fg: "gray", children: "Showing up to 50 results" }), _jsx("scrollbox", { ref: scrollRef, width: "100%", height: 6, scrollY: true, viewportCulling: true, scrollbarOptions: {
+                        showArrows: false,
+                    }, children: _jsx("box", { flexDirection: "column", width: "100%", children: fileSuggestions.map((suggestion, index) => (_jsx("box", { paddingLeft: 0, paddingRight: 1, gap: 0, children: _jsxs("text", { fg: index === selectedSuggestionIndex ? 'cyan' : 'gray', wrapMode: "char", children: [index === selectedSuggestionIndex ? '› ' : '  ', suggestion] }) }, suggestion))) }) }), selectedSuggestionVscodeLink && (_jsxs("box", { flexDirection: "column", width: "100%", children: [_jsx("text", { fg: "gray", wrapMode: "word", children: "open file with:" }), _jsx("text", { fg: "cyan", wrapMode: "word", onMouseUp: () => {
                                 void openExternalLink(selectedSuggestionVscodeLink, 'vscode');
                             }, children: "\u2022 VS Code" }), _jsx("text", { fg: "cyan", wrapMode: "word", onMouseUp: () => {
                                 void openExternalLink(selectedSuggestionVscodeLink, 'vscode-insiders');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rawwee/interactive-mcp",
-  "version": "1.5.3",
+  "version": "1.5.4",
   "main": "dist/index.js",
   "type": "module",
   "bin": {