\n \n \n {\" \"}\n Loading commands...\n

\n )}\n\n {error && (\n

\n {error}\n

\n )}\n\n {!loading && !error && filteredCommands.slice(0, 10).map((command, index) => (\n handleCommandSelect(command)}\n onMouseEnter={() => setSelectedIndex(index)}\n >\n

\n \n {command.type === \"prompt\" ? : }\n \n /{command.name}\n {command.serverName}\n

\n {command.description && (\n

\n {command.description}\n

\n )}\n {command.type === \"prompt\" && (command.data as MCPPrompt).arguments?.length > 0 && (\n

\n Args: {(command.data as MCPPrompt).arguments!.map(arg =>\n `${arg.name}${arg.required ? \"*\" : \"\"}`\n ).join(\", \")}\n

\n )}\n {command.type === \"tool\" && (command.data as MCPTool).inputSchema?.properties && (\n

\n Input: {Object.keys((command.data as MCPTool).inputSchema.properties).join(\", \")}\n

\n )}\n \n ))}\n \n\n {/* Argument Dialog */}\n {showArgumentDialog && selectedCommand && (\n setShowArgumentDialog(false)}\n >\n e.stopPropagation()}\n style={{\n position: \"absolute\",\n bottom: position.bottom,\n left: position.left,\n right: \"1em\",\n maxWidth: \"500px\",\n }}\n >\n

\n {selectedCommand.type === \"prompt\"\n ? \n : } {selectedCommand.name}\n

\n setShowArgumentDialog(false)}\n >\n ✕\n \n

\n\n

\n {selectedCommand.description &&

{selectedCommand.description}

}\n\n {selectedCommand.type === \"prompt\" && (\n

\n {(selectedCommand.data as MCPPrompt).arguments?.map((arg, index) => (\n

\n \n {arg.name}\n {arg.required && \"*\"}\n {arg.description && - {arg.description}}\n \n {\n if (el)\n argumentInputRefs.current.set(arg.name, el);\n }}\n type=\"text\"\n value={argumentValues[arg.name] || \"\"}\n onChange={(e) =>\n setArgumentValues(prev => ({\n ...prev,\n [arg.name]: e.target.value,\n }))}\n placeholder={`Enter ${arg.name}...`}\n required={arg.required}\n onKeyDown={(e) => {\n if (\n e.key === \"Enter\" && index === (selectedCommand.data as MCPPrompt).arguments!.length - 1\n ) {\n e.preventDefault();\n handleArgumentSubmit();\n }\n }}\n />\n

\n ))}\n

\n )}\n\n {selectedCommand.type === \"tool\" && (selectedCommand.data as MCPTool).inputSchema?.properties && (\n

\n {Object.entries((selectedCommand.data as MCPTool).inputSchema.properties).map((\n [key, schema]: [string, any],\n index,\n arr,\n ) => (\n

\n \n {key}\n {(selectedCommand.data as MCPTool).inputSchema.required?.includes(key) && \"*\"}\n {schema.description && - {schema.description}}\n \n {\n if (el) argumentInputRefs.current.set(key, el);\n }}\n type={schema.type === \"number\" ? \"number\" : \"text\"}\n value={argumentValues[key] || \"\"}\n onChange={(e) =>\n setArgumentValues(prev => ({\n ...prev,\n [key]: e.target.value,\n }))}\n placeholder={`Enter ${key}...`}\n required={(selectedCommand.data as MCPTool).inputSchema.required?.includes(key)}\n onKeyDown={(e) => {\n if (e.key === \"Enter\" && index === arr.length - 1) {\n e.preventDefault();\n handleArgumentSubmit();\n }\n }}\n />\n

\n ))}\n

\n )}\n

\n\n

\n setShowArgumentDialog(false)}\n >\n Cancel\n \n \n {loading ? \"Executing...\" : \"Execute\"}\n \n

\n \n \n )}\n \n );\n}","deleted","label",[170,171,153],"frontend","components","permalink","https://www.val.town/x/AIWB/Chat/code/frontend/components/EnhancedCommandPalette.tsx","extension","actionData","errors"]