@rawwee/interactive-mcp 1.4.3 → 1.5.1

package/README.md

@@ -2,7 +2,11 @@
 
 [![npm version](https://img.shields.io/npm/v/%40rawwee%2Finteractive-mcp)](https://www.npmjs.com/package/@rawwee/interactive-mcp) [![npm downloads](https://img.shields.io/npm/dm/%40rawwee%2Finteractive-mcp)](https://www.npmjs.com/package/@rawwee/interactive-mcp) [![GitHub license](https://img.shields.io/github/license/josippapez/interactive-mcp-server)](https://github.com/josippapez/interactive-mcp-server/blob/main/LICENSE) [![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier) [![Platforms](https://img.shields.io/badge/Platform-Windows%20%7C%20macOS%20%7C%20Linux-blue)](https://github.com/josippapez/interactive-mcp-server) [![GitHub last commit](https://img.shields.io/github/last-commit/josippapez/interactive-mcp-server)](https://github.com/josippapez/interactive-mcp-server/commits/main)
 
-![Interactive MCP screenshot](docs/image.png)
+## Repository
+
+- GitHub: https://github.com/josippapez/interactive-mcp-server
+
+![Interactive MCP screenshot](https://raw.githubusercontent.com/josippapez/interactive-mcp-server/main/docs/image.png)
 
 A MCP Server implemented in Node.js/TypeScript, facilitating interactive communication between LLMs and users. **Note:** This server is designed to run locally alongside the MCP client (e.g., Claude Desktop, VS Code), as it needs direct access to the user's operating system to display notifications and command-line prompts.
 
@@ -19,7 +23,7 @@ This server exposes the following tools via the Model Context Protocol (MCP):
 - `stop_intensive_chat`: Closes an active intensive chat session.
 
 Prompt UIs support markdown-friendly question text (including multiline prompts, fenced code blocks, and diff snippets). When useful, you can also include VS Code-style file links in prompt text (for example, `vscode://file/<absolute-path>:<line>:<column>`).
-In TUI input mode, `Cmd/Ctrl+V` supports clipboard text plus file/image includes from pasted paths, copied file objects, and copied images (platform support varies). Files are sent as path references rather than full contents to optimize token usage—the AI can then read files directly using its available tools.
+In TUI input mode, `Cmd/Ctrl+C` copies current input, `Cmd/Ctrl+V` supports clipboard text plus file/image includes from pasted paths, copied file objects, and copied images (platform support varies), and `Cmd/Ctrl+Z` / `Cmd/Ctrl+Shift+Z` provide undo/redo. Files are sent as path references rather than full contents to optimize token usage—the AI can then read files directly using its available tools.
 
 ## Usage Scenarios
 

package/dist/commands/intensive-chat/ui.js

@@ -278,7 +278,7 @@ const App = ({ sessionId, title, outputDir, searchRoot, timeoutSeconds, onCloseS
         : 0;
     return (_jsxs("box", { flexDirection: "column", width: "100%", height: "100%", backgroundColor: "black", paddingLeft: isNarrow ? 0 : 1, paddingRight: isNarrow ? 0 : 1, children: [_jsxs("box", { marginBottom: 1, flexDirection: "column", width: "100%", paddingLeft: 1, paddingRight: 1, gap: 0, children: [_jsx("text", { fg: "magenta", children: _jsx("strong", { children: title }) }), _jsxs("text", { fg: "gray", wrapMode: "word", children: ["Session ", sessionId] }), !isNarrow && _jsx("text", { fg: "gray", children: "Waiting for prompts\u2026" })] }), _jsx("scrollbox", { ref: scrollRef, flexGrow: 1, width: "100%", scrollY: true, stickyScroll: followInput, stickyStart: followInput ? 'bottom' : undefined, viewportCulling: false, scrollbarOptions: {
                     showArrows: false,
-                }, children: _jsxs("box", { flexDirection: "column", width: "100%", paddingBottom: 1, children: [_jsx("box", { flexDirection: "column", width: "100%", gap: 2, children: chatHistory.map((msg, i) => (_jsxs("box", { flexDirection: "column", width: "100%", paddingLeft: 1, paddingRight: 1, gap: 1, children: [msg.isQuestion ? (_jsxs("box", { flexDirection: "column", width: "100%", gap: 0, children: [_jsx("text", { fg: "cyan", children: _jsx("strong", { children: "QUESTION" }) }), _jsx("box", { paddingLeft: isNarrow ? 1 : 2, children: _jsx(MarkdownText, { content: msg.text, showCodeCopyControls: true }) })] })) : null, msg.answer ? (_jsxs("box", { flexDirection: "column", width: "100%", marginTop: 0, children: [_jsx("text", { fg: "green", children: _jsx("strong", { children: "ANSWER" }) }), _jsx("box", { paddingLeft: isNarrow ? 1 : 2, children: _jsx(MarkdownText, { content: msg.answer, showCodeCopyControls: true }) })] })) : null] }, `msg-${i}`))) }), currentQuestionId && (_jsx("box", { flexDirection: "column", marginTop: 1, paddingLeft: 1, paddingRight: 1, gap: 1, children: _jsx(InteractiveInput, { question: chatHistory
+                }, children: _jsxs("box", { flexDirection: "column", width: "100%", paddingBottom: 1, children: [_jsx("box", { flexDirection: "column", width: "100%", gap: 2, children: chatHistory.map((msg, i) => (_jsxs("box", { flexDirection: "column", width: "100%", paddingLeft: 1, paddingRight: 1, gap: 1, children: [msg.isQuestion ? (_jsxs("box", { flexDirection: "column", width: "100%", gap: 0, children: [_jsx("text", { fg: "cyan", children: _jsx("strong", { children: "QUESTION" }) }), _jsx("box", { paddingLeft: isNarrow ? 1 : 2, children: _jsx(MarkdownText, { content: msg.text, showContentCopyControl: true, contentCopyLabel: "Copy question", showCodeCopyControls: true }) })] })) : null, msg.answer ? (_jsxs("box", { flexDirection: "column", width: "100%", marginTop: 0, children: [_jsx("text", { fg: "green", children: _jsx("strong", { children: "ANSWER" }) }), _jsx("box", { paddingLeft: isNarrow ? 1 : 2, children: _jsx(MarkdownText, { content: msg.answer, showContentCopyControl: true, contentCopyLabel: "Copy answer", showCodeCopyControls: true }) })] })) : null] }, `msg-${i}`))) }), currentQuestionId && (_jsx("box", { flexDirection: "column", marginTop: 1, paddingLeft: 1, paddingRight: 1, gap: 1, children: _jsx(InteractiveInput, { question: chatHistory
                                     .slice()
                                     .reverse()
                                     .find((m) => m.isQuestion && !m.answer)

package/dist/components/MarkdownText.js

@@ -233,14 +233,40 @@ export function MarkdownText({ content, streaming = false, showContentCopyContro
     const segments = useMemo(() => splitMarkdownSegments(content), [content]);
     const [clipboardHint, setClipboardHint] = useState(null);
     const [copiedSnippetIndex, setCopiedSnippetIndex] = useState(null);
+    const clipboardHintTimeoutRef = useRef(null);
     const copiedSnippetTimeoutRef = useRef(null);
     useEffect(() => {
         return () => {
+            if (clipboardHintTimeoutRef.current) {
+                clearTimeout(clipboardHintTimeoutRef.current);
+            }
             if (copiedSnippetTimeoutRef.current) {
                 clearTimeout(copiedSnippetTimeoutRef.current);
             }
         };
     }, []);
+    useEffect(() => {
+        if (!clipboardHint) {
+            if (clipboardHintTimeoutRef.current) {
+                clearTimeout(clipboardHintTimeoutRef.current);
+                clipboardHintTimeoutRef.current = null;
+            }
+            return;
+        }
+        if (clipboardHintTimeoutRef.current) {
+            clearTimeout(clipboardHintTimeoutRef.current);
+        }
+        clipboardHintTimeoutRef.current = setTimeout(() => {
+            setClipboardHint(null);
+            clipboardHintTimeoutRef.current = null;
+        }, 2000);
+        return () => {
+            if (clipboardHintTimeoutRef.current) {
+                clearTimeout(clipboardHintTimeoutRef.current);
+                clipboardHintTimeoutRef.current = null;
+            }
+        };
+    }, [clipboardHint]);
     const copyWithHint = useCallback(async (value, successMessage) => {
         if (!value) {
             setClipboardHint('Nothing to copy.');

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

@@ -23,7 +23,7 @@ export const isControlKeyShortcut = (key, letter) => {
 };
 export const isSubmitShortcut = (key) => isControlKeyShortcut(key, 's');
 export const isCopyShortcut = (key) => isControlKeyShortcut(key, 'c') ||
-    (key.ctrl && key.shift && key.name.toLowerCase() === 'c');
+    ((key.ctrl || key.meta) && key.shift && key.name.toLowerCase() === 'c');
 export const isPasteShortcut = (key) => isControlKeyShortcut(key, 'v') ||
     (key.ctrl && key.shift && key.name.toLowerCase() === 'v');
 export const isReverseTabShortcut = (key) => key.name === 'backtab' ||
@@ -64,5 +64,12 @@ export const textareaKeyBindings = [
     { name: 'a', ctrl: true, action: 'select-all' },
     { name: 'a', meta: true, action: 'select-all' },
     { name: 'a', super: true, action: 'select-all' },
+    { name: 'z', ctrl: true, action: 'undo' },
+    { name: 'z', meta: true, action: 'undo' },
+    { name: 'z', super: true, action: 'undo' },
+    { name: 'z', ctrl: true, shift: true, action: 'redo' },
+    { name: 'z', meta: true, shift: true, action: 'redo' },
+    { name: 'z', super: true, shift: true, action: 'redo' },
+    { name: 'y', ctrl: true, action: 'redo' },
     { name: 'j', ctrl: true, action: 'newline' },
 ];

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

@@ -10,7 +10,7 @@ export const OptionList = ({ mode, options, selectedIndex, onSelectOption, onAct
                         onActivateOptionMode();
                     }, 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", width: "100%", height: textareaContainerHeight, paddingLeft: 0, paddingRight: 0, 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 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
                 ? 'File suggestions • ↑/↓ or Ctrl+N/P navigate • Enter apply'
                 : 'File suggestions • ↑/↓ 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: () => {
@@ -20,7 +20,7 @@ export const SuggestionsPanel = ({ hasOptions, isIndexingFiles, fileSuggestions,
                             }, children: "\u2022 VS Code Insiders" })] }))] })) : (_jsx("text", { fg: "gray", children: hasSearchRoot
                 ? '#search: no matches'
                 : '#search: no search root configured' }))] }));
-export const QuestionBox = ({ question, MarkdownTextComponent, }) => (_jsxs("box", { flexDirection: "column", marginBottom: 0, width: "100%", gap: 0, border: true, borderStyle: "single", borderColor: "cyan", backgroundColor: "#121212", paddingLeft: 1, paddingRight: 1, paddingTop: 1, paddingBottom: 1, children: [_jsx("text", { fg: "cyan", children: _jsx("strong", { children: "PROMPT" }) }), _jsx(MarkdownTextComponent, { content: question, showCodeCopyControls: true })] }));
+export const QuestionBox = ({ question, MarkdownTextComponent, }) => (_jsxs("box", { flexDirection: "column", marginBottom: 0, gap: 0, border: true, borderStyle: "single", borderColor: "cyan", backgroundColor: "#121212", paddingLeft: 1, paddingRight: 1, paddingTop: 1, paddingBottom: 1, children: [_jsx("text", { fg: "cyan", children: _jsx("strong", { children: "PROMPT" }) }), _jsx(MarkdownTextComponent, { content: question, showContentCopyControl: true, showCodeCopyControls: true })] }));
 export const SearchStatus = ({ isIndexingFiles, repositoryFiles, searchRoot, hasSearchRoot, }) => (_jsxs("box", { flexDirection: "column", marginBottom: 0, width: "100%", children: [_jsx("text", { fg: "gray", wrapMode: "char", children: hasSearchRoot
                 ? `#search root: ${searchRoot}`
                 : '#search root: no search root' }), _jsx("text", { fg: "gray", children: isIndexingFiles
@@ -33,5 +33,5 @@ export const ClipboardStatus = ({ status }) => (_jsx("text", { fg: status.starts
 export const AttachmentsDisplay = ({ queuedAttachments, }) => (_jsxs("box", { flexDirection: "column", width: "100%", gap: 0, children: [_jsxs("text", { fg: "yellow", children: [_jsx("strong", { children: "QUEUED ATTACHMENTS" }), " (Delete placeholder text to remove)"] }), queuedAttachments.map((attachment, index) => (_jsxs("text", { fg: "gray", wrapMode: "word", children: ["[File ", index + 1, "] ", attachment.label] }, attachment.id)))] }));
 export const SendButton = () => (_jsx("box", { backgroundColor: "cyan", paddingLeft: 1, paddingRight: 1, alignSelf: "flex-start", marginBottom: 0, children: _jsxs("text", { fg: "black", children: [_jsx("strong", { children: "Send" }), " \u2303S"] }) }));
 export const HelpText = ({ hasOptions }) => (_jsx("text", { fg: "gray", wrapMode: "word", children: hasOptions
-        ? 'Enter/Ctrl+J newline (or #search apply) • #search nav: ↑/↓ or Ctrl+N/P • Tab mode switch • #path for repo file autocomplete • Cmd/Ctrl+C copy • Cmd/Ctrl+V paste/attach'
-        : 'Enter/Ctrl+J newline • #search nav: ↑/↓ or Ctrl+N/P • Enter/Tab #search apply • #path for repo file autocomplete • Cmd/Ctrl+C copy • Cmd/Ctrl+V paste/attach' }));
+        ? 'Enter/Ctrl+J newline (or #search apply) • #search nav: ↑/↓ or Ctrl+N/P • Tab mode switch • #path for repo file autocomplete • Cmd/Ctrl+C copy input • Cmd/Ctrl+V paste/attach • Cmd/Ctrl+Z undo • Cmd/Ctrl+Shift+Z redo'
+        : 'Enter/Ctrl+J newline • #search nav: ↑/↓ or Ctrl+N/P • Enter/Tab #search apply • #path for repo file autocomplete • Cmd/Ctrl+C copy input • Cmd/Ctrl+V paste/attach • Cmd/Ctrl+Z undo • Cmd/Ctrl+Shift+Z redo' }));

package/dist/index.js

@@ -1,4 +1,3 @@
-#!/usr/bin/env bun
 import { McpServer } from '@modelcontextprotocol/sdk/server/mcp.js';
 import { StdioServerTransport } from '@modelcontextprotocol/sdk/server/stdio.js';
 import notifier from 'node-notifier';
@@ -86,12 +85,13 @@ const server = new McpServer({
 // Conditionally register tools based on command-line arguments
 if (isToolEnabled('request_user_input')) {
     // Use properties from the imported tool object
-    server.tool('request_user_input', 
-    // Need to handle description potentially being a function
-    typeof requestUserInputTool.description === 'function'
-        ? requestUserInputTool.description(globalTimeoutSeconds)
-        : requestUserInputTool.description, requestUserInputTool.schema, // Use schema property
-    async (args) => {
+    server.registerTool('request_user_input', {
+        // Need to handle description potentially being a function
+        description: typeof requestUserInputTool.description === 'function'
+            ? requestUserInputTool.description(globalTimeoutSeconds)
+            : requestUserInputTool.description,
+        inputSchema: requestUserInputTool.schema, // Use schema property
+    }, async (args) => {
         // Use inferred args type
         const { projectName, message, predefinedOptions, baseDirectory } = args;
         try {
@@ -126,12 +126,13 @@ if (isToolEnabled('request_user_input')) {
 }
 if (isToolEnabled('message_complete_notification')) {
     // Use properties from the imported tool object
-    server.tool('message_complete_notification', 
-    // Description is a string here, but handle consistently
-    typeof messageCompleteNotificationTool.description === 'function'
-        ? messageCompleteNotificationTool.description(globalTimeoutSeconds) // Should not happen based on definition, but safe
-        : messageCompleteNotificationTool.description, messageCompleteNotificationTool.schema, // Use schema property
-    (args) => {
+    server.registerTool('message_complete_notification', {
+        // Description is a string here, but handle consistently
+        description: typeof messageCompleteNotificationTool.description === 'function'
+            ? messageCompleteNotificationTool.description(globalTimeoutSeconds) // Should not happen based on definition, but safe
+            : messageCompleteNotificationTool.description,
+        inputSchema: messageCompleteNotificationTool.schema, // Use schema property
+    }, (args) => {
         // Use inferred args type
         const { projectName, message } = args;
         notifier.notify({ title: projectName, message });
@@ -149,12 +150,13 @@ if (isToolEnabled('message_complete_notification')) {
 // Each tool must be checked individually based on filtered capabilities
 if (isToolEnabled('start_intensive_chat')) {
     // Use properties from the imported intensiveChatTools object
-    server.tool('start_intensive_chat', 
-    // Description is a function here
-    typeof intensiveChatTools.start.description === 'function'
-        ? intensiveChatTools.start.description(globalTimeoutSeconds)
-        : intensiveChatTools.start.description, intensiveChatTools.start.schema, // Use schema property
-    async (args) => {
+    server.registerTool('start_intensive_chat', {
+        // Description is a function here
+        description: typeof intensiveChatTools.start.description === 'function'
+            ? intensiveChatTools.start.description(globalTimeoutSeconds)
+            : intensiveChatTools.start.description,
+        inputSchema: intensiveChatTools.start.schema, // Use schema property
+    }, async (args) => {
         // Use inferred args type
         const { sessionTitle, baseDirectory } = args;
         try {
@@ -194,12 +196,13 @@ if (isToolEnabled('start_intensive_chat')) {
 }
 if (isToolEnabled('ask_intensive_chat')) {
     // Use properties from the imported intensiveChatTools object
-    server.tool('ask_intensive_chat', 
-    // Description is a string here
-    typeof intensiveChatTools.ask.description === 'function'
-        ? intensiveChatTools.ask.description(globalTimeoutSeconds) // Should not happen, but safe
-        : intensiveChatTools.ask.description, intensiveChatTools.ask.schema, // Use schema property
-    async (args) => {
+    server.registerTool('ask_intensive_chat', {
+        // Description is a string here
+        description: typeof intensiveChatTools.ask.description === 'function'
+            ? intensiveChatTools.ask.description(globalTimeoutSeconds) // Should not happen, but safe
+            : intensiveChatTools.ask.description,
+        inputSchema: intensiveChatTools.ask.schema, // Use schema property
+    }, async (args) => {
         // Use inferred args type
         const { sessionId, question, predefinedOptions, baseDirectory } = args;
         const activeSession = activeChatSessions.get(sessionId);
@@ -272,12 +275,13 @@ if (isToolEnabled('ask_intensive_chat')) {
 }
 if (isToolEnabled('stop_intensive_chat')) {
     // Use properties from the imported intensiveChatTools object
-    server.tool('stop_intensive_chat', 
-    // Description is a string here
-    typeof intensiveChatTools.stop.description === 'function'
-        ? intensiveChatTools.stop.description(globalTimeoutSeconds) // Should not happen, but safe
-        : intensiveChatTools.stop.description, intensiveChatTools.stop.schema, // Use schema property
-    async (args) => {
+    server.registerTool('stop_intensive_chat', {
+        // Description is a string here
+        description: typeof intensiveChatTools.stop.description === 'function'
+            ? intensiveChatTools.stop.description(globalTimeoutSeconds) // Should not happen, but safe
+            : intensiveChatTools.stop.description,
+        inputSchema: intensiveChatTools.stop.schema, // Use schema property
+    }, async (args) => {
         // Use inferred args type
         const { sessionId } = args;
         const activeSession = activeChatSessions.get(sessionId);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rawwee/interactive-mcp",
-  "version": "1.4.3",
+  "version": "1.5.1",
   "main": "dist/index.js",
   "type": "module",
   "bin": {
@@ -30,6 +30,14 @@
   "author": "",
   "license": "MIT",
   "description": "",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/josippapez/interactive-mcp-server.git"
+  },
+  "homepage": "https://github.com/josippapez/interactive-mcp-server#readme",
+  "bugs": {
+    "url": "https://github.com/josippapez/interactive-mcp-server/issues"
+  },
   "devDependencies": {
     "@eslint/js": "^10.0.1",
     "@semantic-release/commit-analyzer": "^13.0.1",