fix: SSE bez nazwanych zdarzen (postep stal na 0); usun tryb testowy; opcja napisow (osadz/.srt)

- jobs.controller: usun pole type z MessageEvent — onmessage w EventSource
  reaguje tylko na domyslne 'message', przez co front nie dostawal zdarzen
- usun trial (health, compose, deploy.yml, UI, zmienne Gitea)
- napisy: wybor osadzania w wideo lub osobnego pliku .srt (--convert-subs srt)

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

apps/api/src/health/health.controller.ts

@@ -8,11 +8,6 @@ export class HealthController {
       ok: true,
       service: 'vsd-api',
       version: process.env.APP_VERSION || '6.5.6',
-      trial: {
-        enabled: process.env.TRIAL_ENABLED === '1',
-        expires: process.env.TRIAL_EXPIRES || null,
-        daysLeft: process.env.TRIAL_DAYS_LEFT ? Number(process.env.TRIAL_DAYS_LEFT) : null,
-      },
     };
   }
 }

apps/api/src/jobs/dto.ts

@@ -28,4 +28,9 @@ export class CreateJobDto {
   @IsOptional()
   @IsBoolean()
   subtitles?: boolean;
+
+  // 'embed' = osadź napisy w pliku wideo; 'file' = zapisz jako osobny plik .srt
+  @IsOptional()
+  @IsIn(['embed', 'file'])
+  subsMode?: 'embed' | 'file';
 }

apps/api/src/jobs/jobs.controller.ts

@@ -30,8 +30,10 @@ export class JobsController {
 
   @Sse(':id/events')
   events(@Param('id') id: string): Observable<MessageEvent> {
+    // Bez pola `type` — inaczej Nest emituje nazwane zdarzenia (event: <kind>),
+    // a przeglądarkowy EventSource.onmessage reaguje tylko na domyślne „message”.
     return this.jobs.events(id).pipe(
-      map((ev) => ({ data: JSON.stringify(ev), type: ev.kind }) as MessageEvent),
+      map((ev) => ({ data: JSON.stringify(ev) }) as MessageEvent),
     );
   }
 

apps/api/src/jobs/jobs.service.ts

@@ -67,7 +67,14 @@ export class JobsService {
 
   private async run(job: Job, dto: CreateJobDto) {
     const outTemplate = path.join(job.workDir, '%(playlist_index&{} - |)s%(title)s.%(ext)s');
-    const args = buildArgs(dto.mode, dto.url, dto.format, !!dto.subtitles, outTemplate);
+    const args = buildArgs(
+      dto.mode,
+      dto.url,
+      dto.format,
+      !!dto.subtitles,
+      dto.subsMode || 'embed',
+      outTemplate,
+    );
     this.emit(job, { kind: 'status', status: 'running' });
     this.emit(job, { kind: 'log', line: `$ yt-dlp ${args.join(' ')}` });
 

apps/api/src/ytdlp/ytdlp.service.ts

@@ -12,6 +12,7 @@ export function buildArgs(
   url: string,
   format: string | undefined,
   subtitles: boolean,
+  subsMode: 'embed' | 'file',
   outTemplate: string,
 ): string[] {
   const base = [
@@ -25,8 +26,11 @@ export function buildArgs(
   ];
 
   // Napisy: tylko realne (bez automatycznie generowanych przez YouTube).
+  //  embed -> wtopione w plik wideo;  file -> osobny plik .srt obok wideo (do ZIP).
   const subs = subtitles
-    ? ['--write-subs', '--no-write-auto-subs', '--sub-langs', 'all', '--embed-subs']
+    ? subsMode === 'file'
+      ? ['--write-subs', '--no-write-auto-subs', '--sub-langs', 'all', '--convert-subs', 'srt']
+      : ['--write-subs', '--no-write-auto-subs', '--sub-langs', 'all', '--embed-subs']
     : [];
 
   switch (mode) {

apps/web/src/App.tsx

@@ -79,10 +79,10 @@ export default function App() {
   const [mode, setMode] = useState<Mode>('mp3');
   const [format, setFormat] = useState('320');
   const [subtitles, setSubtitles] = useState(false);
+  const [subsMode, setSubsMode] = useState<'embed' | 'file'>('embed');
   const [busy, setBusy] = useState(false);
   const [progress, setProgress] = useState(0);
   const [log, setLog] = useState<string[]>(['OK: wszystko gotowe do pobierania.']);
-  const [trial, setTrial] = useState<{ daysLeft: number | null; expires: string | null } | null>(null);
   const esRef = useRef<EventSource | null>(null);
   const jobRef = useRef<string | null>(null);
   const logEndRef = useRef<HTMLDivElement | null>(null);
@@ -94,15 +94,6 @@ export default function App() {
     setFormat(MODES.find((m) => m.key === mode)!.formats[0].value);
   }, [mode]);
 
-  useEffect(() => {
-    fetch('/api/health')
-      .then((r) => r.json())
-      .then((h) => {
-        if (h?.trial?.enabled) setTrial({ daysLeft: h.trial.daysLeft, expires: h.trial.expires });
-      })
-      .catch(() => {});
-  }, []);
-
   useEffect(() => {
     logEndRef.current?.scrollIntoView({ block: 'end' });
   }, [log]);
@@ -139,7 +130,7 @@ export default function App() {
       const res = await fetch('/api/jobs', {
         method: 'POST',
         headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({ url: url.trim(), mode, format, subtitles }),
+        body: JSON.stringify({ url: url.trim(), mode, format, subtitles, subsMode }),
       });
       if (!res.ok) throw new Error(`HTTP ${res.status}`);
       const { id } = await res.json();
@@ -262,21 +253,34 @@ export default function App() {
             </select>
           </div>
           <div className="col">
-            <label className="field-label">Zapisz do:</label>
+            <label className="field-label">Napisy:</label>
             <div className="save-to">
-              <span>Pobranie przez przeglądarkę (folder „Pobrane”)</span>
               <label className="subs">
                 <input
                   type="checkbox"
-                  checked={subtitles}
+                  checked={subtitles && mode !== 'mp3'}
                   onChange={(e) => setSubtitles(e.target.checked)}
                   disabled={mode === 'mp3'}
                 />
-                Napisy
+                Pobierz napisy
               </label>
+              <select
+                className="select subs-select"
+                value={subsMode}
+                onChange={(e) => setSubsMode(e.target.value as 'embed' | 'file')}
+                disabled={!subtitles || mode === 'mp3'}
+              >
+                <option value="embed">Osadź w pliku wideo</option>
+                <option value="file">Osobny plik (.srt)</option>
+              </select>
             </div>
           </div>
         </div>
+        <p className="hint">
+          Napisy dotyczą tylko faktycznie dostępnych napisów — nie obejmują
+          automatycznie generowanych napisów YouTube. Gotowy plik pobiera się przez
+          przeglądarkę (folder „Pobrane”).
+        </p>
 
         <div className="actions">
           <button
@@ -298,12 +302,6 @@ export default function App() {
           </div>
         )}
 
-        {trial && (
-          <div className="trial">
-            Tryb testowy: zostało {trial.daysLeft} dni. Wygasa: {trial.expires}.
-          </div>
-        )}
-
         <div className="logbox">
           <div className="logbox-title">Log</div>
           <div className="logbox-body">

apps/web/src/styles.css

@@ -89,10 +89,13 @@ body {
 .select:focus { outline: none; border-color: var(--blue-bright); }
 .save-to {
   background: var(--panel); border: 1px solid var(--border); border-radius: 10px;
-  padding: 10px 14px; color: var(--muted); font-size: 13px;
-  display: flex; align-items: center; justify-content: space-between; gap: 10px;
+  padding: 8px 12px; color: var(--muted); font-size: 13px;
+  display: flex; align-items: center; gap: 12px;
 }
-.subs { display: flex; align-items: center; gap: 6px; color: var(--text); font-size: 13px; cursor: pointer; }
+.subs { display: flex; align-items: center; gap: 6px; color: var(--text); font-size: 13px; cursor: pointer; white-space: nowrap; }
+.subs-select { flex: 1; padding: 9px 10px; font-size: 13px; }
+.subs-select:disabled { opacity: .5; }
+.hint { color: var(--muted); font-size: 12px; margin: 8px 2px 0; line-height: 1.5; }
 
 .actions { display: flex; gap: 12px; margin-top: 18px; }
 .download-btn {
@@ -109,11 +112,6 @@ body {
 .progress { margin-top: 12px; height: 6px; background: var(--panel); border-radius: 4px; overflow: hidden; }
 .progress-bar { height: 100%; background: var(--blue-bright); transition: width .2s; }
 
-.trial {
-  margin-top: 14px; background: var(--panel); border: 1px solid var(--border);
-  border-radius: 10px; padding: 12px 14px; color: var(--muted); font-size: 13px;
-}
-
 .logbox { margin-top: 16px; background: var(--panel); border: 1px solid var(--border); border-radius: 12px; padding: 14px; }
 .logbox-title { font-weight: 700; margin-bottom: 8px; }
 .logbox-body {