[DOP-22299] fix after review

Author: Zabilsya

src/entities/file/ui/FileNameTemplate/components/FileNameTemplateTooltipText/index.tsx

@@ -0,0 +1,16 @@
+import React from 'react';
+
+export const FileNameTemplateTooltipText = () => {
+  return (
+    <>
+      You can use the following placeholders (with brackets {'{}'}): <br />
+      <ul>
+        <li>{`{index}`} - required</li>
+        <li>{`{extension}`} - required</li>
+        <li>{`{run_created_at}`}</li>
+        <li>{`{run_id}`}</li>
+      </ul>
+      And letters, numbers, and symbols &quot;.&quot;, &quot;_&quot;, &quot;-&quot; <br />
+    </>
+  );
+};

src/entities/file/ui/FileNameTemplate/components/index.ts

@@ -0,0 +1 @@
+export * from './FileNameTemplateTooltipText';

src/entities/file/ui/FileNameTemplate/constants.ts

@@ -0,0 +1,5 @@
+/** Regexp to filename template, which must include `{extension}` and `{index}` placeholder (e.g. qwerty_{index}.{extension}) */
+export const FILE_NAME_TEMPLATE_REGEXP =
+  /^(?=.*\{index\})(?=.*\{extension\})([a-zA-Z0-9._\-]*\{(?:index|extension|run_created_at|run_id)\}[a-zA-Z0-9._\-]*)*$/;
+
+export const fileNamePlaceholder = '{run_created_at}_{index}.{extension}';

src/entities/file/ui/FileNameTemplate/constants.tsx

@@ -2,14 +2,15 @@ import { Form, Input } from 'antd';
 import React from 'react';
 import { validateFormFieldByPattern } from '@shared/utils';
 
-import { FILE_NAME_TEMPLATE_REGEXP, fileNamePlaceholder, fileNameTemplateTooltipText } from './constants';
+import { FILE_NAME_TEMPLATE_REGEXP, fileNamePlaceholder } from './constants';
+import { FileNameTemplateTooltipText } from './components';
 
 export const FileNameTemplate = () => {
   return (
     <Form.Item
       label="Filename template"
       normalize={(value) => (value.trim() === '' ? undefined : value)}
-      tooltip={fileNameTemplateTooltipText}
+      tooltip={<FileNameTemplateTooltipText />}
       name={['target_params', 'file_name_template']}
       rules={[
         {