Refactor various components to improve code clarity and maintainability. Update ListUsersQueryHandler to utilize UserListFilter for parameter handling. Refactor BumperSpecFactory and related classes to encapsulate input parameters into dedicated records, enhancing readability. Adjust MediaAsset and Slot classes to streamline content updates with new content models. Improve BumperRenderBackgroundService and MediaProcessingBackgroundService to use MediaReadyInfo for asset readiness, ensuring consistent parameter management across the application.

frontend/src/features/admin/channels/components/JunctionsCard.tsx

@@ -39,6 +39,23 @@ const KIND_COLORS: Record<JunctionElementKind, string> = {
   Filler: 'bg-muted-foreground/40',
 }
 
+type Translate = ReturnType<typeof useTranslation>['t']
+
+/** Что уточняет подпись врезки: имя блока заставки либо объём («×3» / «×5 мин»). */
+function elementSuffix(element: JunctionElementDto, t: Translate) {
+  if (element.kind === 'Bumper')
+    return element.bumperTemplateName ? ` · ${element.bumperTemplateName}` : ''
+
+  const units = element.amountMode === 'Duration' ? t('admin.channels.minutesShort') : ''
+  return ` ×${element.amountValue}${units}`
+}
+
+/** Подсказка сегмента линейки: вид врезки и её оценочная длительность. */
+function elementTitle(element: JunctionElementDto, seconds: number, t: Translate) {
+  const kind = t(`admin.channels.junctionKinds.${element.kind}`)
+  return `${kind} · ${formatClock(seconds)}`
+}
+
 /**
  * Прикидка длины врезки для линейки. По длительности — точная, по количеству — среднее единицы
  * группы: в смешанной группе «одна единица» это то ли ролик, то ли блок, поэтому число заведомо
@@ -280,11 +297,7 @@ function JunctionChain({
               )}
             >
               {t(`admin.channels.junctionKinds.${element.kind}`)}
-              {element.kind === 'Bumper'
-                ? element.bumperTemplateName
-                  ? ` · ${element.bumperTemplateName}`
-                  : ''
-                : ` ×${element.amountValue}${element.amountMode === 'Duration' ? t('admin.channels.minutesShort') : ''}`}
+              {elementSuffix(element, t)}
               {element.isRequired && ' *'}
             </button>
           </span>
@@ -303,7 +316,7 @@ function JunctionChain({
               key={element.id}
               className={KIND_COLORS[element.kind]}
               style={{ width: `${(estimates[index].seconds / total) * 100}%` }}
-              title={`${t(`admin.channels.junctionKinds.${element.kind}`)} · ${formatClock(estimates[index].seconds)}`}
+              title={elementTitle(element, estimates[index].seconds, t)}
             />
           ))}
         </div>

frontend/src/features/admin/channels/components/SchedulePreview.tsx

@@ -4,6 +4,53 @@ import type { ScheduleEntryDto } from '@/shared/api/types'
 import { Badge } from '@/shared/ui/badge'
 import { formatTime } from '../lib/format'
 
+/** Что стоит в строке расписания: реклама, заставка-переход или программа с номером серии. */
+function EntryLabel({ entry }: { entry: ScheduleEntryDto }) {
+  const { t } = useTranslation()
+
+  if (entry.kind === 'Ad') return <Badge variant="muted">{t('air.ad')}</Badge>
+
+  if (entry.kind === 'Bumper')
+    return (
+      <span className="flex min-w-0 items-center gap-2">
+        <Badge variant="muted" className="shrink-0">
+          {t('air.bumper')}
+        </Badge>
+        {(entry.bumperName || entry.bumperText) && (
+          <span className="min-w-0 truncate text-muted-foreground">
+            {entry.bumperName}
+            {entry.bumperName && entry.bumperText ? ' · ' : ''}
+            {entry.bumperText}
+          </span>
+        )}
+      </span>
+    )
+
+  return (
+    <span>
+      {entry.showName ?? '—'}
+      <EpisodeSuffix entry={entry} />
+    </span>
+  )
+}
+
+/** «· S02E05» либо «· серия N» — что удалось распознать; ничего, если ни того ни другого нет. */
+function EpisodeSuffix({ entry }: { entry: ScheduleEntryDto }) {
+  const { t } = useTranslation()
+
+  if (entry.seasonEpisode)
+    return <span className="text-muted-foreground"> · {entry.seasonEpisode}</span>
+
+  if (entry.episodeIndex == null) return null
+
+  return (
+    <span className="text-muted-foreground">
+      {' '}
+      · {t('air.episode')} {entry.episodeIndex + 1}
+    </span>
+  )
+}
+
 export function SchedulePreview({
   entries,
   onShowTrace,
@@ -22,36 +69,7 @@ export function SchedulePreview({
           <span className="shrink-0 whitespace-nowrap tabular-nums text-muted-foreground">
             {formatTime(e.startsAtUtc)}
           </span>
-          {e.kind === 'Ad' ? (
-            <Badge variant="muted">{t('air.ad')}</Badge>
-          ) : e.kind === 'Bumper' ? (
-            <span className="flex min-w-0 items-center gap-2">
-              <Badge variant="muted" className="shrink-0">
-                {t('air.bumper')}
-              </Badge>
-              {(e.bumperName || e.bumperText) && (
-                <span className="min-w-0 truncate text-muted-foreground">
-                  {e.bumperName}
-                  {e.bumperName && e.bumperText ? ' · ' : ''}
-                  {e.bumperText}
-                </span>
-              )}
-            </span>
-          ) : (
-            <span>
-              {e.showName ?? '—'}
-              {e.seasonEpisode ? (
-                <span className="text-muted-foreground"> · {e.seasonEpisode}</span>
-              ) : (
-                e.episodeIndex != null && (
-                  <span className="text-muted-foreground">
-                    {' '}
-                    · {t('air.episode')} {e.episodeIndex + 1}
-                  </span>
-                )
-              )}
-            </span>
-          )}
+          <EntryLabel entry={e} />
           <button
             type="button"
             title={t('admin.channels.whyHere')}

frontend/src/features/admin/channels/components/TemplatePreview.tsx

@@ -21,7 +21,7 @@ const KIND_COLORS: Record<PlannedItemKind, string> = {
 }
 
 /** Что видит зритель как программу — врезки в программу передач не попадают. */
-const PROGRAMME_KINDS: PlannedItemKind[] = ['Program', 'Fallback', 'SignOff']
+const PROGRAMME_KINDS = new Set<PlannedItemKind>(['Program', 'Fallback', 'SignOff'])
 
 /**
  * Предпросмотр (см. 6.4): прогон генератора по текущим правилам без записи и без продвижения
@@ -99,7 +99,7 @@ export function TemplatePreview({ channelId }: { channelId: string }) {
 
 function Programme({ preview }: { preview: SchedulePreviewDto }) {
   const { t } = useTranslation()
-  const items = preview.items.filter((i) => PROGRAMME_KINDS.includes(i.kind))
+  const items = preview.items.filter((i) => PROGRAMME_KINDS.has(i.kind))
 
   if (items.length === 0)
     return <p className="text-sm text-muted-foreground">{t('admin.channels.noSchedule')}</p>
@@ -202,11 +202,14 @@ function TapeRow({ item, preview }: { item: PreviewItemDto; preview: SchedulePre
 /** Предупреждения, сгруппированные по виду: десять однотипных строк читаются как одна проблема. */
 function Problems({ preview }: { preview: SchedulePreviewDto }) {
   const { t } = useTranslation()
+  // Ключ строки — «вид + порядковый номер внутри вида»: у предупреждения нет своего id, а текст
+  // повторяется (одна и та же причина на разных слотах), и позиция здесь — единственное, что его
+  // отличает. Считаем ключ при группировке, чтобы список не пересобирался на каждый рендер.
   const grouped = useMemo(() => {
-    const map = new Map<string, string[]>()
+    const map = new Map<string, { key: string; text: string }[]>()
     for (const warning of preview.warnings) {
       const list = map.get(warning.kind) ?? []
-      list.push(warning.details)
+      list.push({ key: `${warning.kind}#${list.length}`, text: warning.details })
       map.set(warning.kind, list)
     }
     return [...map.entries()]
@@ -223,9 +226,9 @@ function Problems({ preview }: { preview: SchedulePreviewDto }) {
               <span className="font-medium text-amber-500">
                 {t(`admin.channels.warnings.${kind}`)} · {details.length}
               </span>
-              {details.slice(0, 20).map((detail, index) => (
-                <span key={index} className="text-muted-foreground">
-                  {detail}
+              {details.slice(0, 20).map((detail) => (
+                <span key={detail.key} className="text-muted-foreground">
+                  {detail.text}
                 </span>
               ))}
               {details.length > 20 && (