Replace command filter from startsWith to includes (#1824)

- Sort commands based on the start index of the included string
Chainlit · Feb 5, 2025 · cf5d5ad · cf5d5ad
1 parent c981730
commit cf5d5ad
Showing 1 changed file with 9 additions and 3 deletions.
diff --git a/frontend/src/components/chat/MessageComposer/Input.tsx b/frontend/src/components/chat/MessageComposer/Input.tsx
@@ -218,9 +218,15 @@ const Input = forwardRef<InputMethods, Props>(
       }
     }, [selectedCommand, onChange]);
 
-    const filteredCommands = commands.filter((command) =>
-      command.id.toLowerCase().startsWith(commandInput.toLowerCase().slice(1))
-    );
+    const normalizedInput = commandInput.toLowerCase().slice(1);
+
+    const filteredCommands = commands
+      .filter((command) => command.id.toLowerCase().includes(normalizedInput))
+      .sort((a, b) => {
+        const indexA = a.id.toLowerCase().indexOf(normalizedInput);
+        const indexB = b.id.toLowerCase().indexOf(normalizedInput);
+        return indexA - indexB;
+      });
 
     useEffect(() => {
       const textarea = contentEditableRef.current;