From b5a47c6d8a815508073c8e4f0fdf5b168ea1e00f Mon Sep 17 00:00:00 2001
From: Leonid Pershin <lpershin@syntellect.ru>
Date: Sun, 26 Jul 2026 15:55:06 +0300
Subject: [PATCH] Enhance ManualInboxDialog: add show selection dropdown for
 improved media organization and update translations for better user guidance.
 Simplify layout by removing redundant elements while maintaining user hints.

---
 .../admin/media/ManualInboxDialog.tsx         | 35 ++++++++++---------
 frontend/src/shared/lib/i18n.ts               |  2 ++
 2 files changed, 20 insertions(+), 17 deletions(-)

diff --git a/frontend/src/features/admin/media/ManualInboxDialog.tsx b/frontend/src/features/admin/media/ManualInboxDialog.tsx
index 4eebf35..b9be0fe 100644
--- a/frontend/src/features/admin/media/ManualInboxDialog.tsx
+++ b/frontend/src/features/admin/media/ManualInboxDialog.tsx
@@ -177,6 +177,23 @@ export function ManualInboxDialog({ onClose }: { onClose: () => void }) {
         </DialogHeader>
 
         <div className="flex flex-col gap-3">
+          {/* Шоу — первое решение в этом диалоге: остальные поля лишь помогают разложить файлы. */}
+          <div className="flex flex-col gap-1.5">
+            <Label>{t('admin.media.manualShow')}</Label>
+            <Select value={showId} onValueChange={setShowId}>
+              <SelectTrigger>
+                <SelectValue placeholder={t('admin.media.manualPickShow')} />
+              </SelectTrigger>
+              <SelectContent>
+                {(shows ?? []).map((show) => (
+                  <SelectItem key={show.id} value={show.id}>
+                    {show.name}
+                  </SelectItem>
+                ))}
+              </SelectContent>
+            </Select>
+          </div>
+
           <div className="grid gap-3 sm:grid-cols-3">
             <div className="flex flex-col gap-1.5">
               <Label>{t('common.search')}</Label>
@@ -375,23 +392,7 @@ export function ManualInboxDialog({ onClose }: { onClose: () => void }) {
             <p className="text-xs text-amber-500">{t('admin.media.manualTruncated')}</p>
           )}
 
-          <div className="flex flex-wrap items-center gap-2">
-            <Select value={showId} onValueChange={setShowId}>
-              <SelectTrigger className="w-72">
-                <SelectValue placeholder={t('admin.media.manualPickShow')} />
-              </SelectTrigger>
-              <SelectContent>
-                {(shows ?? []).map((show) => (
-                  <SelectItem key={show.id} value={show.id}>
-                    {show.name}
-                  </SelectItem>
-                ))}
-              </SelectContent>
-            </Select>
-            <span className="text-xs text-muted-foreground">
-              {t('admin.media.manualCleanupHint')}
-            </span>
-          </div>
+          <p className="text-xs text-muted-foreground">{t('admin.media.manualCleanupHint')}</p>
         </div>
 
         <DialogFooter>
diff --git a/frontend/src/shared/lib/i18n.ts b/frontend/src/shared/lib/i18n.ts
index c85c9da..8c7060f 100644
--- a/frontend/src/shared/lib/i18n.ts
+++ b/frontend/src/shared/lib/i18n.ts
@@ -225,6 +225,7 @@ const resources = {
           manualCleanupHint:
             'Файлы уйдут из папки, спутники (субтитры, nfo) и опустевший каталог будут удалены.',
           manualTruncated: 'Показаны первые 500 файлов — в папке есть ещё.',
+          manualShow: 'Шоу',
           manualPickShow: 'Выберите шоу',
           manualImport: 'Забрать в шоу',
           manualImported: 'Импортировано файлов: {{count}}',
@@ -915,6 +916,7 @@ const resources = {
           manualCleanupHint:
             'Files leave the folder; siblings (subtitles, nfo) and the emptied folder are removed.',
           manualTruncated: 'Showing the first 500 files — there are more in the folder.',
+          manualShow: 'Show',
           manualPickShow: 'Pick a show',
           manualImport: 'Import into show',
           manualImported: 'Files imported: {{count}}',