Similarity search field now accepts key:value filters that contain colon ":" in the value + fix bug on "Load More" when search filter is active (#221)

* Similarity search field now accepts key:value filters that contain a colon ":" in the value

* Fixed "Load More" action when a search filter is active

Author: fschuh

src/components/Points/PointsTabs.jsx

@@ -25,9 +25,7 @@ const PointsTabs = ({ collectionName, client }) => {
     }
     setOffset(null);
     setConditions(conditions);
-    if (conditions.length === 0) {
-      setPoints({ points: [] });
-    }
+    setPoints({ points: [] });
   };
 
   const deletePoint = (collectionName, pointIds) => {
@@ -98,15 +96,16 @@ const PointsTabs = ({ collectionName, client }) => {
             setErrorMessage(null);
           } else if (filters.length !== 0) {
             const newPoints = await qdrantClient.scroll(collectionName, {
+              offset,
               filter: {
                 must: filters,
               },
-              limit: pageSize + (offset || 0),
+              limit: pageSize,
               with_payload: true,
               with_vector: true,
             });
             setPoints({
-              points: [...(newPoints?.points || [])],
+              points: [...(points?.points || []), ...(newPoints?.points || [])],
             });
             setNextPageOffset(newPoints?.next_page_offset);
             setErrorMessage(null);

src/components/Points/SimilarSerachfield.jsx

@@ -11,20 +11,20 @@ function SimilarSerachfield({ conditions, onConditionChange, vectors, usingVecto
 
   const handleAddChip = (chip) => {
     setErrorMessage(null);
-    const keyValue = chip.split(':');
-    if (keyValue.length !== 2) {
+    const keyValue = chip.split(/:(.*)/);
+    if (keyValue.length < 2 || !keyValue[0].trim()) {
       setErrorMessage('Invalid format of key:value pair');
       return;
     }
     const key = keyValue[0].trim();
-    const parseToPrimitive = (keyValue) => {
+    const parseToPrimitive = (value) => {
       try {
-        return bigIntJSON.parse(keyValue[1].trim());
+        return bigIntJSON.parse(value);
       } catch (e) {
-        return keyValue[1].trim();
+        return value;
       }
     };
-    const value = parseToPrimitive(keyValue);
+    const value = parseToPrimitive(keyValue[1].trim());
     if (key === 'id') {
       if (value && (typeof value === 'number' || typeof value === 'bigint' || validateUuid(value))) {
         const id = {