Enhance EntryTraceDialog component by refactoring data display logic into dedicated summary functions for improved readability and maintainability. Update GridTab to streamline checkbox state management with a new toggle function. Refactor RulesCard to simplify window removal logic. Adjust CollectionsPanel, GenresPanel, GroupsPanel, RolesPanel, ShowsPanel, and UsersPanel to import sorting utilities from a centralized location, enhancing code organization. Update ThemeProvider to utilize a shared theme context for better consistency across the application.

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

@@ -1,6 +1,7 @@
 import { useQuery } from '@tanstack/react-query'
 import { qk } from '@/shared/api/query-keys'
 import { useTranslation } from 'react-i18next'
+import type { EntryTraceDto } from '@/shared/api/types'
 import {
   Dialog,
   DialogContent,
@@ -42,52 +43,11 @@ export function EntryTraceDialog({
 
         {data && (
           <dl className="grid grid-cols-[110px_1fr] gap-x-3 gap-y-1.5 text-sm">
-            <Row label={t('admin.channels.traceLayer')}>
-              {data.layerName
-                ? `${data.layerName}${data.layerPriority !== null ? ` (${t('admin.channels.priority')} ${data.layerPriority})` : ''}`
-                : null}
-            </Row>
-            <Row label={t('admin.channels.traceSlot')}>
-              {data.slotTitle
-                ? [
-                    data.slotTitle,
-                    data.slotWeekday === null
-                      ? t('admin.channels.everyDay')
-                      : t(`admin.channels.weekdays.${data.slotWeekday}`),
-                    data.slotTargetStart?.slice(0, 5),
-                    data.slotDurationMinutes ? `${data.slotDurationMinutes} мин` : null,
-                    data.driftMinutes !== 0
-                      ? t('admin.channels.traceDrift', { minutes: data.driftMinutes })
-                      : null,
-                    data.snapped ? t('admin.channels.traceSnapped') : null,
-                  ]
-                    .filter(Boolean)
-                    .join(' · ')
-                : null}
-            </Row>
-            <Row label={t('admin.channels.traceGroup')}>
-              {data.groupName
-                ? `${data.groupName}${data.groupItemCount !== null ? ` (${data.groupItemCount})` : ''}`
-                : null}
-            </Row>
+            <Row label={t('admin.channels.traceLayer')}>{layerSummary(data, t)}</Row>
+            <Row label={t('admin.channels.traceSlot')}>{slotSummary(data, t)}</Row>
+            <Row label={t('admin.channels.traceGroup')}>{groupSummary(data)}</Row>
             <Row label={t('admin.channels.traceCollection')}>{data.collectionName}</Row>
-            <Row label={t('admin.channels.traceStrategy')}>
-              {data.strategy
-                ? [
-                    t(`admin.channels.strategies.${data.strategy}`),
-                    data.cooldownDays
-                      ? t('admin.channels.traceCooldown', { days: data.cooldownDays })
-                      : null,
-                    data.candidatesAfterCooldown !== null
-                      ? t('admin.channels.traceCandidates', {
-                          count: data.candidatesAfterCooldown,
-                        })
-                      : null,
-                  ]
-                    .filter(Boolean)
-                    .join(' · ')
-                : null}
-            </Row>
+            <Row label={t('admin.channels.traceStrategy')}>{strategySummary(data, t)}</Row>
             <Row label={t('admin.channels.traceJunction')}>{data.junctionName}</Row>
           </dl>
         )}
@@ -96,6 +56,49 @@ export function EntryTraceDialog({
   )
 }
 
+type Translate = ReturnType<typeof useTranslation>['t']
+
+/** Склейка непустых частей строки трейса; пусто — значит строка не заполнена (покажем «—»). */
+const joinParts = (parts: (string | null | undefined)[]) => parts.filter(Boolean).join(' · ') || null
+
+function layerSummary(data: EntryTraceDto, t: Translate) {
+  if (!data.layerName) return null
+  const priority =
+    data.layerPriority !== null ? ` (${t('admin.channels.priority')} ${data.layerPriority})` : ''
+  return `${data.layerName}${priority}`
+}
+
+function slotSummary(data: EntryTraceDto, t: Translate) {
+  if (!data.slotTitle) return null
+  return joinParts([
+    data.slotTitle,
+    data.slotWeekday === null
+      ? t('admin.channels.everyDay')
+      : t(`admin.channels.weekdays.${data.slotWeekday}`),
+    data.slotTargetStart?.slice(0, 5),
+    data.slotDurationMinutes ? `${data.slotDurationMinutes} мин` : null,
+    data.driftMinutes !== 0 ? t('admin.channels.traceDrift', { minutes: data.driftMinutes }) : null,
+    data.snapped ? t('admin.channels.traceSnapped') : null,
+  ])
+}
+
+function groupSummary(data: EntryTraceDto) {
+  if (!data.groupName) return null
+  const count = data.groupItemCount !== null ? ` (${data.groupItemCount})` : ''
+  return `${data.groupName}${count}`
+}
+
+function strategySummary(data: EntryTraceDto, t: Translate) {
+  if (!data.strategy) return null
+  return joinParts([
+    t(`admin.channels.strategies.${data.strategy}`),
+    data.cooldownDays ? t('admin.channels.traceCooldown', { days: data.cooldownDays }) : null,
+    data.candidatesAfterCooldown !== null
+      ? t('admin.channels.traceCandidates', { count: data.candidatesAfterCooldown })
+      : null,
+  ])
+}
+
 function Row({ label, children }: { label: string; children: React.ReactNode }) {
   return (
     <>

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

@@ -55,6 +55,9 @@ export function GridTab({
   const [copyTargets, setCopyTargets] = useState<number[]>([])
   const [copyFromChannel, setCopyFromChannel] = useState('')
 
+  const toggleCopyTarget = (day: number, checked: boolean) =>
+    setCopyTargets((current) => (checked ? [...current, day] : current.filter((d) => d !== day)))
+
   const { data: channels } = useQuery({ queryKey: qk.channels.all, queryFn: listChannels })
 
   const addLayerMutation = useMutation({
@@ -318,13 +321,7 @@ export function GridTab({
                         <input
                           type="checkbox"
                           checked={copyTargets.includes(day)}
-                          onChange={(e) =>
-                            setCopyTargets((current) =>
-                              e.target.checked
-                                ? [...current, day]
-                                : current.filter((d) => d !== day),
-                            )
-                          }
+                          onChange={(e) => toggleCopyTarget(day, e.target.checked)}
                         />
                         {t(`admin.channels.weekdays.${day}`)}
                       </label>

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

@@ -87,6 +87,9 @@ export function RulesCard({
     onError,
   })
 
+  const removeWindow = (key: string) =>
+    setWindows((current) => current.filter((row) => row.key !== key))
+
   const patchWindow = (key: string, part: Partial<AudienceWindow>) =>
     setWindows((current) =>
       current.map((row) =>
@@ -156,7 +159,7 @@ export function RulesCard({
                   <Button
                     size="sm"
                     variant="ghost"
-                    onClick={() => setWindows((c) => c.filter((row) => row.key !== key))}
+                    onClick={() => removeWindow(key)}
                   >
                     <Trash2 className="h-4 w-4" />
                   </Button>

frontend/src/features/admin/collections/CollectionsPanel.tsx

@@ -7,7 +7,8 @@ import { qk } from '@/shared/api/query-keys'
 import { useApiError } from '@/shared/lib/use-api-error'
 import { Button } from '@/shared/ui/button'
 import { Input } from '@/shared/ui/input'
-import { SortHeader, sortRows, useTableSort } from '@/shared/ui/sortable'
+import { sortRows, useTableSort } from '@/shared/lib/table-sort'
+import { SortHeader } from '@/shared/ui/sortable'
 import { createCollection, deleteCollection, listCollections } from './api'
 
 export function CollectionsPanel() {

frontend/src/features/admin/genres/GenresPanel.tsx

@@ -19,7 +19,8 @@ import {
 } from '@/shared/ui/dialog'
 import { Input } from '@/shared/ui/input'
 import { Label } from '@/shared/ui/label'
-import { SortHeader, sortRows, useTableSort } from '@/shared/ui/sortable'
+import { sortRows, useTableSort } from '@/shared/lib/table-sort'
+import { SortHeader } from '@/shared/ui/sortable'
 import { createGenre, deleteGenre, listGenres, updateGenre } from './api'
 
 const createSchema = z.object({

frontend/src/features/admin/groups/GroupsPanel.tsx

@@ -7,7 +7,8 @@ import { useApiError } from '@/shared/lib/use-api-error'
 import { Badge } from '@/shared/ui/badge'
 import { Button } from '@/shared/ui/button'
 import { Input } from '@/shared/ui/input'
-import { SortHeader, sortRows, useTableSort } from '@/shared/ui/sortable'
+import { sortRows, useTableSort } from '@/shared/lib/table-sort'
+import { SortHeader } from '@/shared/ui/sortable'
 import { createGroup, deleteGroup, listGroups } from './api'
 import { DurationLabel } from './DurationLabel'
 

frontend/src/features/admin/interstitials/BlockBuilder.tsx

@@ -51,6 +51,8 @@ export function BlockBuilder({
     setItems((current) => [...current, item])
   }
 
+  const removeAt = (index: number) => setItems((current) => current.filter((_, i) => i !== index))
+
   /** Перестановка внутри черновика — до сохранения всё живёт в состоянии, запросов нет. */
   const reorder = (target: number) => {
     if (dragged === null || dragged === target) return
@@ -110,7 +112,7 @@ export function BlockBuilder({
                 <Button
                   size="sm"
                   variant="ghost"
-                  onClick={() => setItems((c) => c.filter((_, i) => i !== index))}
+                  onClick={() => removeAt(index)}
                 >
                   <Trash2 className="h-4 w-4" />
                 </Button>

frontend/src/features/admin/media/ManualInboxDialog.tsx

@@ -188,6 +188,11 @@ export function ManualInboxDialog({ onClose }: { onClose: () => void }) {
       current.includes(path) ? current.filter((p) => p !== path) : [...current, path],
     )
 
+  const toggleCollapsed = (folder: string) =>
+    setCollapsed((current) =>
+      current.includes(folder) ? current.filter((f) => f !== folder) : [...current, folder],
+    )
+
   const toggleFolder = (files: ManualInboxFileDto[]) => {
     const paths = files.filter((f) => !f.alreadyImported).map((f) => f.relativePath)
     const allSelected = paths.every((p) => selected.includes(p))
@@ -355,11 +360,7 @@ export function ManualInboxDialog({ onClose }: { onClose: () => void }) {
                     <button
                       type="button"
                       className="text-muted-foreground hover:text-foreground"
-                      onClick={() =>
-                        setCollapsed((c) =>
-                          c.includes(folder) ? c.filter((f) => f !== folder) : [...c, folder],
-                        )
-                      }
+                      onClick={() => toggleCollapsed(folder)}
                     >
                       {isCollapsed ? (
                         <ChevronRight className="h-4 w-4" />

frontend/src/features/admin/media/MediaPanel.tsx

@@ -9,8 +9,10 @@ import { Badge, type BadgeProps } from '@/shared/ui/badge'
 import { Button } from '@/shared/ui/button'
 import { Pager } from '@/shared/ui/pager'
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/shared/ui/select'
-import { SortHeader, useTableSort } from '@/shared/ui/sortable'
+import { useTableSort } from '@/shared/lib/table-sort'
+import { SortHeader } from '@/shared/ui/sortable'
 import { deleteMedia, getMediaStats, listMedia } from './api'
+import { formatDuration } from './format'
 import { ManualInboxDialog } from './ManualInboxDialog'
 import { UploadToShowDialog } from './UploadToShowDialog'
 import { useUploadStore } from './upload-store'
@@ -28,16 +30,6 @@ const filterStatuses: Record<MediaFilter, MediaAssetStatus[]> = {
   Failed: ['Failed'],
 }
 
-export function formatDuration(seconds: number | null): string {
-  if (seconds == null) return '—'
-  const total = Math.round(seconds)
-  const h = Math.floor(total / 3600)
-  const m = Math.floor((total % 3600) / 60)
-  const s = total % 60
-  const pad = (n: number) => String(n).padStart(2, '0')
-  return h > 0 ? `${h}:${pad(m)}:${pad(s)}` : `${m}:${pad(s)}`
-}
-
 const statusVariant: Record<MediaAssetStatus, BadgeProps['variant']> = {
   Ready: 'default',
   Processing: 'muted',

frontend/src/features/admin/media/episode-parse.ts

@@ -7,54 +7,60 @@ type ParseOptions = {
 
 export type ParsedEpisode = { season: number | null; episode: number | null }
 
+/** Встроенные шаблоны: SxxEyy, NxNN, ведущий номер серии. */
+function parseBuiltin(name: string): ParsedEpisode {
+  const se = name.match(/[Ss](\d{1,2})[ ._-]*[Ee](\d{1,3})/)
+  if (se) return { season: Number(se[1]), episode: Number(se[2]) }
+
+  const nx = name.match(/(?:^|[^\d])(\d{1,2})x(\d{1,3})(?:[^\d]|$)/i)
+  if (nx) return { season: Number(nx[1]), episode: Number(nx[2]) }
+
+  // Ведущий номер серии: «01. Название», «02 - Название», «03_Название», «4) Название».
+  const lead = name.match(/^\s*(\d{1,3})[\s._)\]-]/)
+  return { season: null, episode: lead ? Number(lead[1]) : null }
+}
+
+/**
+ * Пользовательский regex: 1 группа = серия, 2 группы = (сезон, серия). <c>null</c> — шаблон не
+ * сработал (или невалиден), распознанное встроенными шаблонами остаётся как есть. <c>season: null</c>
+ * при одной группе означает «сезон не трогаем».
+ */
+function parseCustom(name: string, pattern: string): ParsedEpisode | null {
+  let match: RegExpMatchArray | null
+  try {
+    match = name.match(new RegExp(pattern, 'i'))
+  } catch {
+    return null // невалидный regex — просто игнорируем
+  }
+  if (!match) return null
+  if (match.length >= 3 && match[1] != null && match[2] != null) {
+    return { season: Number(match[1]), episode: Number(match[2]) }
+  }
+  return match[1] != null ? { season: null, episode: Number(match[1]) } : null
+}
+
+const finiteOrNull = (value: number | null) =>
+  value != null && Number.isFinite(value) ? value : null
+
 /**
  * Пытается распознать сезон/серию из имени файла. Сначала встроенные шаблоны (SxxEyy, NxNN), затем —
  * пользовательский regex (перебивает серию, а при двух группах и сезон), в конце — ручной сезон.
  * Если серия распознана, а сезон нет — сезон считается первым.
  */
 export function parseEpisodeName(name: string, opts?: ParseOptions): ParsedEpisode {
-  let season: number | null = null
-  let episode: number | null = null
-
-  const se = name.match(/[Ss](\d{1,2})[ ._-]*[Ee](\d{1,3})/)
-  if (se) {
-    season = Number(se[1])
-    episode = Number(se[2])
-  } else {
-    const nx = name.match(/(?:^|[^\d])(\d{1,2})x(\d{1,3})(?:[^\d]|$)/i)
-    if (nx) {
-      season = Number(nx[1])
-      episode = Number(nx[2])
-    } else {
-      // Ведущий номер серии: «01. Название», «02 - Название», «03_Название», «4) Название».
-      const lead = name.match(/^\s*(\d{1,3})[\s._)\]-]/)
-      if (lead) episode = Number(lead[1])
-    }
-  }
+  let { season, episode } = parseBuiltin(name)
 
   const rawRegex = opts?.episodeRegex?.trim()
-  if (rawRegex) {
-    try {
-      const match = name.match(new RegExp(rawRegex, 'i'))
-      if (match) {
-        if (match.length >= 3 && match[1] != null && match[2] != null) {
-          season = Number(match[1])
-          episode = Number(match[2])
-        } else if (match[1] != null) {
-          episode = Number(match[1])
-        }
-      }
-    } catch {
-      // невалидный regex — просто игнорируем
-    }
+  const custom = rawRegex ? parseCustom(name, rawRegex) : null
+  if (custom) {
+    episode = custom.episode
+    if (custom.season != null) season = custom.season
   }
 
   if (opts?.seasonOverride != null) season = opts.seasonOverride
   if (episode != null && season == null) season = 1
 
-  if (episode != null && !Number.isFinite(episode)) episode = null
-  if (season != null && !Number.isFinite(season)) season = null
-  return { season, episode }
+  return { season: finiteOrNull(season), episode: finiteOrNull(episode) }
 }
 
 const pad2 = (n: number) => String(n).padStart(2, '0')

frontend/src/features/admin/media/format.ts

@@ -0,0 +1,10 @@
+/** Длительность в «ч:мм:сс» (часы — только когда есть); null — прочерк. */
+export function formatDuration(seconds: number | null): string {
+  if (seconds == null) return '—'
+  const total = Math.round(seconds)
+  const h = Math.floor(total / 3600)
+  const m = Math.floor((total % 3600) / 60)
+  const s = total % 60
+  const pad = (n: number) => String(n).padStart(2, '0')
+  return h > 0 ? `${h}:${pad(m)}:${pad(s)}` : `${m}:${pad(s)}`
+}

frontend/src/features/admin/media/upload-store.ts

@@ -5,6 +5,7 @@ import { queryClient } from '@/shared/api/query-client'
 import { importInterstitials } from '@/features/admin/interstitials/api'
 import { addEpisode } from '@/features/admin/shows/api'
 import { toast } from '@/shared/ui/toast-store'
+import type { CreatedIdResponse } from '@/shared/api/types'
 import { listMedia, uploadMedia } from './api'
 
 export type UploadItem = {
@@ -67,71 +68,81 @@ const patch = (id: string, changes: Partial<UploadItem>) =>
     items: s.items.map((i) => (i.id === id ? { ...i, ...changes } : i)),
   }))
 
+/**
+ * Стоит ли повторить попытку: отмена — нет; истёкший access-токен (XHR идёт мимо авто-refresh) —
+ * обновляем и повторяем сразу; прочие временные сбои — после паузы.
+ */
+async function shouldRetry(error: unknown, attempt: number, signal: AbortSignal): Promise<boolean> {
+  if (isAbort(error) || signal.aborted) return false
+  if (attempt >= MAX_ATTEMPTS) return false
+  if (error instanceof HttpError && error.status === 401) return await refreshAccessToken()
+  if (!isTransient(error)) return false
+  await delay(RETRY_DELAY_MS)
+  return true
+}
+
+/** Аплоад с ретраями временных сбоев (например, 502 от прокси) — до MAX_ATTEMPTS попыток. */
+async function uploadWithRetries(
+  job: Job,
+  signal: AbortSignal,
+): Promise<{ created: CreatedIdResponse | null; lastError: unknown }> {
+  let lastError: unknown = null
+  for (let attempt = 1; attempt <= MAX_ATTEMPTS; attempt++) {
+    patch(job.id, { status: 'uploading', percent: 0 })
+    try {
+      const created = await uploadMedia(job.file, (percent) => patch(job.id, { percent }), signal)
+      return { created, lastError: null }
+    } catch (error) {
+      lastError = error
+      if (!(await shouldRetry(error, attempt, signal))) break
+    }
+  }
+  return { created: null, lastError }
+}
+
+/** Что делаем со свежим ассетом: привязка к шоу серией (порядок — как в очереди) либо ролик. */
+async function linkUploaded(job: Job, assetId: string) {
+  if (job.showId) {
+    try {
+      await addEpisode(job.showId, assetId)
+      void queryClient.invalidateQueries({ queryKey: qk.shows.all })
+    } catch {
+      toast.error(`${job.file.name}: не удалось добавить в шоу`)
+    }
+  } else if (job.interstitial) {
+    // Ролик заводится сразу после аплоада: длительность подтянется, когда ассет обработается.
+    try {
+      await importInterstitials([assetId])
+      void queryClient.invalidateQueries({ queryKey: qk.interstitials.all })
+    } catch {
+      toast.error(`${job.file.name}: не удалось завести ролик`)
+    }
+  }
+}
+
+async function runJob(job: Job) {
+  const controller = new AbortController()
+  controllers.set(job.id, controller)
+  const { created, lastError } = await uploadWithRetries(job, controller.signal)
+  controllers.delete(job.id)
+
+  if (created) {
+    patch(job.id, { status: 'done', percent: 100 })
+    void queryClient.invalidateQueries({ queryKey: qk.media.all })
+    await linkUploaded(job, created.id)
+  } else if (!isAbort(lastError) && !controller.signal.aborted) {
+    // Отмена — тихо: элемент уже убран из списка; всё остальное оставляем для ручного повтора.
+    failed.set(job.id, job)
+    patch(job.id, { status: 'error' })
+  }
+}
+
 async function pump() {
   if (running) return
   running = true
   useUploadStore.setState({ active: true, minimized: false })
 
-  while (queue.length > 0) {
-    const job = queue.shift()!
-    const controller = new AbortController()
-    controllers.set(job.id, controller)
-
-    let created: { id: string } | null = null
-    let lastError: unknown = null
-    // Ретраим временные сбои (например, 502 от прокси) — до MAX_ATTEMPTS попыток.
-    for (let attempt = 1; attempt <= MAX_ATTEMPTS; attempt++) {
-      patch(job.id, { status: 'uploading', percent: 0 })
-      try {
-        created = await uploadMedia(
-          job.file,
-          (percent) => patch(job.id, { percent }),
-          controller.signal,
-        )
-        lastError = null
-        break
-      } catch (error) {
-        lastError = error
-        if (isAbort(error) || controller.signal.aborted) break
-        // Истёк access-токен (XHR идёт мимо авто-refresh) — обновляем и повторяем сразу.
-        if (error instanceof HttpError && error.status === 401 && attempt < MAX_ATTEMPTS) {
-          if (await refreshAccessToken()) continue
-          break
-        }
-        if (attempt < MAX_ATTEMPTS && isTransient(error)) await delay(RETRY_DELAY_MS)
-        else break
-      }
-    }
-    controllers.delete(job.id)
-
-    if (created) {
-      patch(job.id, { status: 'done', percent: 100 })
-      void queryClient.invalidateQueries({ queryKey: qk.media.all })
-
-      // Привязка к шоу: добавляем свежий ассет серией (порядок — как в очереди).
-      if (job.showId) {
-        try {
-          await addEpisode(job.showId, created.id)
-          void queryClient.invalidateQueries({ queryKey: qk.shows.all })
-        } catch {
-          toast.error(`${job.file.name}: не удалось добавить в шоу`)
-        }
-      } else if (job.interstitial) {
-        // Ролик заводится сразу после аплоада: длительность подтянется, когда ассет обработается.
-        try {
-          await importInterstitials([created.id])
-          void queryClient.invalidateQueries({ queryKey: qk.interstitials.all })
-        } catch {
-          toast.error(`${job.file.name}: не удалось завести ролик`)
-        }
-      }
-    } else if (isAbort(lastError) || controller.signal.aborted) {
-      // Отмена — тихо: элемент уже убран из списка.
-    } else {
-      failed.set(job.id, job) // сохраняем для ручного повтора
-      patch(job.id, { status: 'error' })
-    }
-  }
+  while (queue.length > 0) await runJob(queue.shift()!)
 
   running = false
   useUploadStore.setState({ active: false })

frontend/src/features/admin/roles/RolesPanel.tsx

@@ -19,7 +19,8 @@ import {
 } from '@/shared/ui/dialog'
 import { Input } from '@/shared/ui/input'
 import { Label } from '@/shared/ui/label'
-import { SortHeader, sortRows, useTableSort } from '@/shared/ui/sortable'
+import { sortRows, useTableSort } from '@/shared/lib/table-sort'
+import { SortHeader } from '@/shared/ui/sortable'
 import { createRole, deleteRole, listRoles, updateRole } from './api'
 
 const schema = z.object({ name: z.string().min(1).max(64) })

frontend/src/features/admin/shows/ShowDetail.tsx

@@ -24,7 +24,7 @@ import {
   formatSeasonEpisode,
   parseEpisodeName,
 } from '@/features/admin/media/episode-parse'
-import { formatDuration } from '@/features/admin/media/MediaPanel'
+import { formatDuration } from '@/features/admin/media/format'
 import { ShowGenresField } from './ShowGenresField'
 import { ShowMetadataCard } from './ShowMetadataCard'
 import { imageUrl } from '@/features/admin/images/api'

frontend/src/features/admin/shows/ShowsPanel.tsx

@@ -15,7 +15,8 @@ import { Button } from '@/shared/ui/button'
 import { Input } from '@/shared/ui/input'
 import { Pager } from '@/shared/ui/pager'
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/shared/ui/select'
-import { SortHeader, sortRows, useTableSort } from '@/shared/ui/sortable'
+import { sortRows, useTableSort } from '@/shared/lib/table-sort'
+import { SortHeader } from '@/shared/ui/sortable'
 import { listGenres } from '@/features/admin/genres/api'
 import { createShow, deleteShow, listShows } from './api'
 

frontend/src/features/admin/users/UsersPanel.tsx

@@ -16,7 +16,8 @@ import {
 import { Input } from '@/shared/ui/input'
 import { Label } from '@/shared/ui/label'
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/shared/ui/select'
-import { SortHeader, useTableSort } from '@/shared/ui/sortable'
+import { useTableSort } from '@/shared/lib/table-sort'
+import { SortHeader } from '@/shared/ui/sortable'
 import { toast } from '@/shared/ui/toast-store'
 import type { UserSummaryDto } from '@/shared/api/types'
 import { changeUserRole } from '@/features/admin/roles/api'