diff --git a/src/components/Collections/SearchQuality/SearchQuality.jsx b/src/components/Collections/SearchQuality/SearchQuality.jsx
new file mode 100644
index 00000000..454c67b0
--- /dev/null
+++ b/src/components/Collections/SearchQuality/SearchQuality.jsx
@@ -0,0 +1,97 @@
+import React, { useEffect } from 'react';
+import PropTypes from 'prop-types';
+import { getSnackbarOptions } from '../../Common/utils/snackbarOptions';
+import { useClient } from '../../../context/client-context';
+import SearchQualityPannel from './SearchQualityPannel';
+import { useSnackbar } from 'notistack';
+import { Box, Card, CardHeader } from '@mui/material';
+import { CopyButton } from '../../Common/CopyButton';
+import { bigIntJSON } from '../../../common/bigIntJSON';
+import EditorCommon from '../../EditorCommon';
+import _ from 'lodash';
+
+const SearchQuality = ({ collectionName }) => {
+  const { enqueueSnackbar, closeSnackbar } = useSnackbar();
+  const { client } = useClient();
+  const [collection, setCollection] = React.useState(null);
+  const [log, setLog] = React.useState('');
+
+  const handleLogUpdate = (newLog) => {
+    const date = new Date().toLocaleString();
+    newLog = `[${date}] ${newLog}`;
+    setLog((prevLog) => {
+      return newLog + '\n' + prevLog;
+    });
+  };
+
+  const clearLogs = () => {
+    setLog('');
+  };
+
+  useEffect(() => {
+    client
+      .getCollection(collectionName)
+      .then((res) => {
+        setCollection(() => {
+          return { ...res };
+        });
+      })
+      .catch((err) => {
+        enqueueSnackbar(err.message, getSnackbarOptions('error', closeSnackbar));
+      });
+  }, []);
+
+  // Check that collection.config.params.vectors?.size exists and integer
+  const isNamedVectors = collection?.config?.params.vectors?.size && !_.isObject(collection?.config?.params?.vectors);
+  let vectors = {};
+  if (collection) {
+    vectors = isNamedVectors ? collection?.config?.params?.vectors : { '': collection?.config?.params?.vectors };
+  }
+
+  return (
+    <>
+      {collection?.config?.params?.vectors && (
+        <SearchQualityPannel
+          collectionName={collectionName}
+          vectors={vectors}
+          loggingFoo={handleLogUpdate}
+          clearLogsFoo={clearLogs}
+          sx={{ mt: 5 }}
+        />
+      )}
+
+      <Card varian="dual" sx={{ mt: 5 }}>
+        <CardHeader
+          title={'Report'}
+          variant="heading"
+          sx={{
+            flexGrow: 1,
+          }}
+          action={<CopyButton text={bigIntJSON.stringify(log)} />}
+        />
+        <Box sx={{ pt: 2, pb: 1, pr: 1 }}>
+          <EditorCommon
+            theme={'custom-language-theme'}
+            value={log}
+            options={{
+              scrollBeyondLastLine: false,
+              fontSize: 12,
+              wordWrap: 'on',
+              minimap: { enabled: false },
+              automaticLayout: true,
+              readOnly: true,
+              mouseWheelZoom: true,
+              lineNumbers: 'off',
+            }}
+          />
+        </Box>
+      </Card>
+    </>
+  );
+};
+
+SearchQuality.propTypes = {
+  collectionName: PropTypes.string,
+};
+
+export default SearchQuality;
diff --git a/src/components/Collections/SearchQuality/SearchQualityPannel.jsx b/src/components/Collections/SearchQuality/SearchQualityPannel.jsx
new file mode 100644
index 00000000..32698e95
--- /dev/null
+++ b/src/components/Collections/SearchQuality/SearchQualityPannel.jsx
@@ -0,0 +1,322 @@
+import React, { useState } from 'react';
+import PropTypes from 'prop-types';
+import {
+  Card,
+  CardHeader,
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableRow,
+  Tooltip,
+  IconButton,
+  FormControlLabel,
+  Switch,
+  CardContent,
+  LinearProgress,
+} from '@mui/material';
+import { CopyButton } from '../../Common/CopyButton';
+import { bigIntJSON } from '../../../common/bigIntJSON';
+import Typography from '@mui/material/Typography';
+import { PublishedWithChanges } from '@mui/icons-material';
+import { checkIndexPrecision } from './check-index-precision';
+import { useClient } from '../../../context/client-context';
+import CodeEditorWindow from '../../FilterEditorWindow';
+
+const VectorTableRow = ({ vectorObj, name, onCheckIndexQuality, precision, isInProgress }) => {
+  return (
+    <TableRow data-testid="vector-row">
+      <TableCell>
+        <Typography variant="subtitle1" component={'span'} color="text.secondary">
+          {name == '' ? '—' : name}
+        </Typography>
+      </TableCell>
+      <TableCell>
+        <Typography variant="subtitle1" component={'span'} color="text.secondary">
+          {vectorObj.size}
+        </Typography>
+      </TableCell>
+      <TableCell>
+        <Typography variant="subtitle1" component={'span'} color="text.secondary">
+          {vectorObj.distance}
+        </Typography>
+      </TableCell>
+      <TableCell>
+        {isInProgress && <LinearProgress />}
+        {!isInProgress && (
+          <>
+            <Typography variant="subtitle1" component={'span'} color="text.secondary">
+              {precision ? `${precision * 100}%` : '—'}
+            </Typography>
+            <Tooltip title="Check index quality">
+              <IconButton
+                aria-label="Check index quality"
+                data-testid="index-quality-check-button"
+                onClick={onCheckIndexQuality}
+                sx={{ p: 0, ml: 1 }}
+              >
+                <PublishedWithChanges color={'primary'} />
+              </IconButton>
+            </Tooltip>
+          </>
+        )}
+      </TableCell>
+    </TableRow>
+  );
+};
+
+VectorTableRow.propTypes = {
+  vectorObj: PropTypes.object,
+  name: PropTypes.string,
+  onCheckIndexQuality: PropTypes.func,
+  precision: PropTypes.number,
+  isInProgress: PropTypes.bool,
+};
+
+const SearchQualityPannel = ({ collectionName, vectors, loggingFoo, clearLogsFoo, ...other }) => {
+  const { client } = useClient();
+  const vectorsNames = Object.keys(vectors);
+  const [precision, setPrecision] = useState(() => {
+    if (vectorsNames) {
+      return vectorsNames.reduce((precision, name) => {
+        precision[name] = null;
+        return precision;
+      }, {});
+    }
+    return null;
+  });
+
+  const [advancedMod, setAdvancedMod] = useState(false);
+  const [inProgress, setInProgress] = useState(false);
+
+  const [code, setCode] = useState(`
+// Run this code to estimate search quality versus exact search
+{
+  "limit": 10,
+
+  "params": {
+    "hnsw_ef": 128
+  }
+}
+
+// You can specify filters and different vector fields
+// {
+//   "limit": 100,
+//   "using": "vector_name",
+//   "filter": {
+//     "must": {
+//       "key": "field_name",
+//       "match": {
+//         "value": "field_value"
+//       }
+//     }
+//   }
+// }
+
+  `);
+
+  const queryRequestSchema = (vectorNames) => ({
+    description: 'Filter request',
+    type: 'object',
+    properties: {
+      limit: {
+        description: 'Page size. Default: 10',
+        type: 'integer',
+        format: 'uint',
+        minimum: 1,
+        nullable: true,
+      },
+      filter: {
+        description: 'Look only for points which satisfies this conditions. If not provided - all points.',
+        anyOf: [
+          {
+            $ref: '#/components/schemas/Filter',
+          },
+          {
+            nullable: true,
+          },
+        ],
+      },
+      using: {
+        description: 'Vector field name',
+        type: 'string',
+        enum: vectorNames,
+      },
+      params: {
+        description: 'Additional search params',
+        anyOf: [
+          {
+            $ref: '#/components/schemas/SearchParams',
+          },
+          {
+            nullable: true,
+          },
+        ],
+      },
+    },
+  });
+
+  if (!vectors) {
+    return <>No vectors</>;
+  }
+
+  const onCheckIndexQuality = async ({ using = '', limit = 10, params = null, filter = null }) => {
+    setInProgress(true);
+
+    clearLogsFoo && clearLogsFoo();
+    const precisions = [];
+    try {
+      const scrollResult = await client.scroll(collectionName, {
+        with_payload: false,
+        with_vector: false,
+        limit: 100,
+      });
+
+      // todo: if exceeded timeout
+
+      const pointIds = scrollResult.points.map((point) => point.id);
+      const total = pointIds.length;
+
+      loggingFoo && loggingFoo('Starting measuring quality on ' + total + ' requests for ' + using || '---');
+
+      for (let idx = 0; idx < total; idx++) {
+        const pointId = pointIds[idx];
+        const precision = await checkIndexPrecision(
+          client,
+          collectionName,
+          pointId,
+          loggingFoo,
+          idx,
+          total,
+          filter,
+          params,
+          using,
+          limit
+        );
+        if (precision) {
+          precisions.push(precision);
+        }
+      }
+
+      // Round to 2 decimal places
+      const round = (num) => Math.round((num + Number.EPSILON) * 10000) / 10000;
+
+      const avgPrecision = round(precisions.reduce((x, val) => x + val, 0) / precisions.length);
+      const stdDev = round(
+        Math.sqrt(precisions.reduce((x, val) => x + (val - avgPrecision) ** 2, 0) / precisions.length)
+      );
+
+      loggingFoo('Mean precision@' + limit + ' for collection: ' + avgPrecision + ' ± ' + stdDev);
+
+      setPrecision((prev) => {
+        return {
+          ...prev,
+          [using]: avgPrecision,
+        };
+      });
+
+      setInProgress(false);
+    } catch (e) {
+      setInProgress(false);
+      console.error(e);
+      loggingFoo && loggingFoo(JSON.stringify(e));
+    }
+  };
+
+  const handleRunCode = async (qulityCheckParams) => {
+    onCheckIndexQuality(qulityCheckParams);
+  };
+
+  return (
+    <Card variant="dual" data-testid="vectors-info" {...other}>
+      <CardHeader
+        title={
+          <>
+            Search Quality
+            <FormControlLabel
+              sx={{ ml: 2 }}
+              control={<Switch checked={advancedMod} onChange={() => setAdvancedMod(!advancedMod)} size="small" />}
+              label={
+                <Typography component={'span'} variant={'caption'}>
+                  Advanced Mod
+                </Typography>
+              }
+            />
+          </>
+        }
+        variant="heading"
+        sx={{
+          flexGrow: 1,
+        }}
+        action={
+          <>
+            <CopyButton text={advancedMod ? code : bigIntJSON.stringify(vectors)} />
+          </>
+        }
+      />
+      {!advancedMod && (
+        <Table>
+          <TableHead>
+            <TableRow>
+              <TableCell sx={{ width: '25%' }}>
+                <Typography variant="subtitle1" fontWeight={600}>
+                  Vector Name
+                </Typography>
+              </TableCell>
+              <TableCell sx={{ width: '25%' }}>
+                <Typography variant="subtitle1" fontWeight={600}>
+                  Size
+                </Typography>
+              </TableCell>
+              <TableCell sx={{ width: '25%' }}>
+                <Typography variant="subtitle1" fontWeight={600}>
+                  Distance
+                </Typography>
+              </TableCell>
+              <TableCell sx={{ width: '25%' }}>
+                <Typography variant="subtitle1" fontWeight={600}>
+                  Precision
+                </Typography>
+              </TableCell>
+            </TableRow>
+          </TableHead>
+
+          <TableBody>
+            {Object.keys(vectors).map((vectorName) => (
+              <VectorTableRow
+                vectorObj={vectors[vectorName]}
+                name={vectorName}
+                onCheckIndexQuality={() => onCheckIndexQuality({ using: vectorName })}
+                precision={precision ? precision[vectorName] : null}
+                key={vectorName}
+                isInProgress={inProgress}
+              />
+            ))}
+          </TableBody>
+        </Table>
+      )}
+
+      {advancedMod && (
+        <CardContent sx={{ p: 0, pt: 1, height: '32vh' }}>
+          <CodeEditorWindow
+            code={code}
+            onChange={setCode}
+            onChangeResult={handleRunCode}
+            customRequestSchema={queryRequestSchema}
+            customHeight="31vh"
+          />
+        </CardContent>
+      )}
+    </Card>
+  );
+};
+
+SearchQualityPannel.propTypes = {
+  collectionName: PropTypes.string,
+  vectors: PropTypes.object.isRequired,
+  loggingFoo: PropTypes.func,
+  clearLogsFoo: PropTypes.func,
+  other: PropTypes.object,
+};
+
+export default SearchQualityPannel;
diff --git a/src/components/Collections/SearchQuality/check-index-precision.js b/src/components/Collections/SearchQuality/check-index-precision.js
new file mode 100644
index 00000000..85a6ad5d
--- /dev/null
+++ b/src/components/Collections/SearchQuality/check-index-precision.js
@@ -0,0 +1,79 @@
+export const checkIndexPrecision = async (
+  client,
+  collectionName,
+  pointId,
+  logFoo,
+  idx,
+  total,
+  filter = null,
+  params = null,
+  vectorName = null,
+  limit = 10
+) => {
+  const TIMEOUT = 20;
+
+  try {
+    const exactSearchtartTime = new Date().getTime();
+
+    const exact = await client.query(collectionName, {
+      limit: limit,
+      with_payload: false,
+      with_vectors: false,
+      query: pointId,
+      params: {
+        exact: true,
+      },
+      filter: filter,
+      using: vectorName,
+      timeout: TIMEOUT,
+    });
+
+    const exactSearchElapsed = new Date().getTime() - exactSearchtartTime;
+
+    const searchStartTime = new Date().getTime();
+
+    const hnsw = await client.query(collectionName, {
+      timeout: TIMEOUT,
+      limit: limit,
+      with_payload: false,
+      with_vectors: false,
+      query: pointId,
+      params: params,
+      filter: filter,
+      using: vectorName,
+    });
+
+    const searchElapsed = new Date().getTime() - searchStartTime;
+
+    const exactIds = exact.points.map((item) => item.id);
+    const hnswIds = hnsw.points.map((item) => item.id);
+
+    const precision = exactIds.filter((id) => hnswIds.includes(id)).length / exactIds.length;
+
+    logFoo &&
+      logFoo(
+        'Point ID ' +
+          idx +
+          '(' +
+          idx +
+          '/' +
+          total +
+          ') precision@' +
+          limit +
+          ': ' +
+          precision +
+          ' (search time exact: ' +
+          exactSearchElapsed +
+          'ms, regular: ' +
+          searchElapsed +
+          'ms)'
+      );
+
+    return precision;
+  } catch (e) {
+    console.error('Error: ', e);
+    console.error('Skipping point: ', idx);
+    // todo: throw error
+    return null;
+  }
+};
diff --git a/src/components/EditorCommon/index.jsx b/src/components/EditorCommon/index.jsx
index 096fdb5c..1721cf61 100644
--- a/src/components/EditorCommon/index.jsx
+++ b/src/components/EditorCommon/index.jsx
@@ -22,12 +22,12 @@ window.MonacoEnvironment = {
 
 loader.config({ monaco });
 
-const EditorCommon = ({ beforeMount, ...props }) => {
+const EditorCommon = ({ beforeMount, customHeight, ...props }) => {
   const monacoRef = useRef(null);
   const editorWrapper = useRef(null);
   const theme = useTheme();
   const { height } = useWindowResize();
-  const [editorHeight, setEditorHeight] = useState(0);
+  const [editorHeight, setEditorHeight] = useState(customHeight || 0);
 
   function handleEditorWillMount(monaco) {
     monacoRef.current = monaco;
@@ -52,6 +52,9 @@ const EditorCommon = ({ beforeMount, ...props }) => {
   }, [theme]);
 
   useEffect(() => {
+    if (customHeight) {
+      return;
+    }
     setEditorHeight(height - editorWrapper.current?.offsetTop);
   }, [height, editorWrapper]);
 
@@ -70,6 +73,7 @@ const EditorCommon = ({ beforeMount, ...props }) => {
 EditorCommon.propTypes = {
   height: PropTypes.string,
   beforeMount: PropTypes.func,
+  customHeight: PropTypes.number,
   ...Editor.propTypes,
 };
 
diff --git a/src/components/FilterEditorWindow/index.jsx b/src/components/FilterEditorWindow/index.jsx
index 0250fe4f..062a8afc 100644
--- a/src/components/FilterEditorWindow/index.jsx
+++ b/src/components/FilterEditorWindow/index.jsx
@@ -10,7 +10,7 @@ import { codeParse } from './config/RequestFromCode';
 import './editor.css';
 import EditorCommon from '../EditorCommon';
 
-const CodeEditorWindow = ({ onChange, code, onChangeResult, customRequestSchema }) => {
+const CodeEditorWindow = ({ onChange, code, onChangeResult, customRequestSchema, customHeight = null }) => {
   const { enqueueSnackbar } = useSnackbar();
   const editorRef = useRef(null);
   const lensesRef = useRef(null);
@@ -97,6 +97,7 @@ const CodeEditorWindow = ({ onChange, code, onChangeResult, customRequestSchema
 
   return (
     <EditorCommon
+      customHeight={customHeight}
       language={'custom-language'}
       value={code}
       theme={'custom-language-theme'}
@@ -117,5 +118,6 @@ CodeEditorWindow.propTypes = {
   code: PropTypes.string.isRequired,
   onChangeResult: PropTypes.func.isRequired,
   customRequestSchema: PropTypes.func.isRequired,
+  customHeight: PropTypes.number,
 };
 export default CodeEditorWindow;
diff --git a/src/components/Points/DataGridList.jsx b/src/components/Points/DataGridList.jsx
index f6eb657a..d4c00bf3 100644
--- a/src/components/Points/DataGridList.jsx
+++ b/src/components/Points/DataGridList.jsx
@@ -55,7 +55,7 @@ export const DataGridList = function ({ data = {}, specialCases = {}, onConditio
                   theme={theme.palette.mode}
                   value={data[key]}
                   displayDataTypes={false}
-                  defaultInspectDepth={0}
+                  defaultInspectDepth={4}
                   rootName={false}
                 />
               )}
diff --git a/src/pages/Collection.jsx b/src/pages/Collection.jsx
index c379b394..70edaa44 100644
--- a/src/pages/Collection.jsx
+++ b/src/pages/Collection.jsx
@@ -6,6 +6,7 @@ import Box from '@mui/material/Box';
 import { SnapshotsTab } from '../components/Snapshots/SnapshotsTab';
 import CollectionInfo from '../components/Collections/CollectionInfo';
 import PointsTabs from '../components/Points/PointsTabs';
+import SearchQuality from '../components/Collections/SearchQuality/SearchQuality';
 
 function Collection() {
   const { collectionName } = useParams();
@@ -33,6 +34,7 @@ function Collection() {
               <Tabs value={currentTab} onChange={handleTabChange} aria-label="basic tabs example">
                 <Tab label="Points" value={'points'} />
                 <Tab label="Info" value={'info'} />
+                <Tab label="Search Quality" value={'quality'} />
                 <Tab label="Snapshots" value={'snapshots'} />
                 <Tab label="Visualize" component={Link} to={`${location.pathname}/visualize`} />
                 <Tab label="Graph" component={Link} to={`${location.pathname}/graph`} />
@@ -42,6 +44,7 @@ function Collection() {
 
           <Grid xs={12} item>
             {currentTab === 'info' && <CollectionInfo collectionName={collectionName} />}
+            {currentTab === 'quality' && <SearchQuality collectionName={collectionName} />}
             {currentTab === 'points' && <PointsTabs collectionName={collectionName} />}
             {currentTab === 'snapshots' && <SnapshotsTab collectionName={collectionName} />}
           </Grid>