Refactor ShowAudience handling across the application to align with MPAA rating system. Update ShowAudience enum to reflect new ratings (G, PG, PG-13, R, NC-17) and adjust related data models, API types, and frontend components to support nullable audience values. Enhance metadata handling to incorporate content ratings from external sources, ensuring proper audience filtering in scheduling logic. Update documentation to clarify changes in audience categorization and its implications for content management.

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

@@ -3,7 +3,12 @@ import { Link } from '@tanstack/react-router'
 import { useMemo, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import { qk } from '@/shared/api/query-keys'
-import { SHOW_AUDIENCES, type ShowAudience, type ShowKind } from '@/shared/api/types'
+import {
+  AUDIENCE_UNSET,
+  SHOW_AUDIENCES,
+  type ShowAudience,
+  type ShowKind,
+} from '@/shared/api/types'
 import { useApiError } from '@/shared/lib/use-api-error'
 import { Badge } from '@/shared/ui/badge'
 import { Button } from '@/shared/ui/button'
@@ -22,7 +27,8 @@ export function ShowsPanel() {
   const [name, setName] = useState('')
   const [originalName, setOriginalName] = useState('')
   const [kind, setKind] = useState<ShowKind>('Series')
-  const [audience, setAudience] = useState<ShowAudience>('General')
+  // Новое шоу заводится без рейтинга: проставят метаданные либо админ руками.
+  const [audience, setAudience] = useState<ShowAudience | null>(null)
   const [query, setQuery] = useState('')
   const [page, setPage] = useState(1)
   const { sort, toggle } = useTableSort('name', false)
@@ -52,7 +58,8 @@ export function ShowsPanel() {
     return sortRows(matched, sort, {
       name: (s) => s.name.toLowerCase(),
       kind: (s) => s.kind,
-      audience: (s) => s.audience,
+      // Без рейтинга — в начало: пустое значение сортируется раньше любого кода.
+      audience: (s) => s.audience ?? '',
       genre: (s) => (s.primaryGenre ?? '').toLowerCase(),
       seasons: (s) => s.seasonCount,
       episodes: (s) => s.episodeCount,
@@ -106,11 +113,15 @@ export function ShowsPanel() {
             <SelectItem value="Single">{t('admin.shows.kinds.Single')}</SelectItem>
           </SelectContent>
         </Select>
-        <Select value={audience} onValueChange={(v) => setAudience(v as ShowAudience)}>
-          <SelectTrigger className="w-40">
+        <Select
+          value={audience ?? AUDIENCE_UNSET}
+          onValueChange={(v) => setAudience(v === AUDIENCE_UNSET ? null : (v as ShowAudience))}
+        >
+          <SelectTrigger className="w-48">
             <SelectValue />
           </SelectTrigger>
           <SelectContent>
+            <SelectItem value={AUDIENCE_UNSET}>{t('admin.shows.audienceUnset')}</SelectItem>
             {SHOW_AUDIENCES.map((value) => (
               <SelectItem key={value} value={value}>
                 {t(`admin.shows.audiences.${value}`)}
@@ -224,7 +235,13 @@ export function ShowsPanel() {
                   <Badge variant="muted">{t(`admin.shows.kinds.${show.kind}`)}</Badge>
                 </td>
                 <td className="px-4 py-2">
-                  <Badge variant="muted">{t(`admin.shows.audiences.${show.audience}`)}</Badge>
+                  {/* В таблице показываем сам код MPAA: он короткий и одинаков во всех локалях,
+                      а расшифровка есть в селекте на карточке шоу. */}
+                  {show.audience ? (
+                    <Badge variant="muted">{show.audience}</Badge>
+                  ) : (
+                    <span className="text-muted-foreground">—</span>
+                  )}
                 </td>
                 <td className="px-4 py-2 text-muted-foreground">{show.primaryGenre ?? '—'}</td>
                 <td className="px-4 py-2 text-muted-foreground">{show.seasonCount}</td>