docs: add Radarr workflow screenshots and update quickstart

- Add 03-radarr-filter.png: browse + filter movies by partial title
- Add 04-radarr-selected.png: movie selected in browse panel
- Add 05-mapped.png: completed drag-and-drop title mapping
- Update 03-title-mapping.png to completed-state screenshot
- docs/integrations/radarr.md: add workflow section with 3 annotated screenshots
- docs/quickstart.md: rewrite step 5 with browse/filter/drag workflow
- README.md and docs/index.md: use completed-mapping screenshot

README.md

@@ -20,9 +20,9 @@ No npm packages. No Python. No config files to edit by hand — just a browser,
 
 ## Screenshots
 
-![Discarr — main UI](docs/screenshots/01-main.png)
+![Discarr: main UI showing scan source and encode history](docs/screenshots/01-main.png)
 
-![Discarr — title mapping](docs/screenshots/03-title-mapping.png)
+![Discarr: title mapping with completed drag-and-drop assignment](docs/screenshots/05-mapped.png)
 
 ---
 

docs/index.md

@@ -8,9 +8,9 @@ Discarr is a self-hosted web UI that bridges disc ripping (VIDEO_TS / BDMV / ISO
 
 ## Screenshots
 
-![Discarr main UI — scan source and encode history](screenshots/01-main.png)
+![Discarr main UI: scan source and encode history](screenshots/01-main.png)
 
-![Title mapping — map disc titles to Sonarr episodes](screenshots/03-title-mapping.png)
+![Title mapping: completed drag-and-drop assignment with Review & Queue active](screenshots/05-mapped.png)
 
 ## How it works
 

docs/integrations/radarr.md

@@ -24,7 +24,31 @@ RADARR_API_KEY=your-radarr-api-key
 
 Find your API key in Radarr under **Settings → General → Security → API Key**.
 
-## 3. How it works
+## 3. Map disc titles to movies
+
+When you scan a disc in Discarr, each title needs to be mapped to a Radarr movie before it can be queued for encoding.
+
+### Browse Radarr movies
+
+Click **Browse Radarr** to open your movie library, then use the search box to filter by title:
+
+![Radarr browse panel — search box filtering results to show matching movies](../screenshots/03-radarr-filter.png)
+
+### Select and map
+
+Click the movie to select it. The title card on the left automatically links to the selected movie:
+
+![Radarr movie selected — disc title mapped to Crouching Tiger, Hidden Dragon](../screenshots/04-radarr-selected.png)
+
+### Drag a title to confirm the mapping
+
+Drag the title card from the left panel and drop it onto the matching movie slot on the right. A green border confirms the mapping:
+
+![Title mapping complete — disc title dragged to movie slot, Review & Queue button active](../screenshots/05-mapped.png)
+
+Once all titles are mapped, click **Review & Queue →** to start encoding.
+
+## 4. How it works
 
 ```
 Encode completes
@@ -37,6 +61,6 @@ radarr-notify.sh
 Radarr imports file
 ```
 
-## 4. Test the connection
+## 5. Test the connection
 
 Click **Test** on the connection in Radarr. To test end-to-end, queue a movie encode in Discarr and watch **Activity → Queue** in Radarr for the import.

docs/quickstart.md

@@ -59,15 +59,21 @@ Open **http://localhost:8603**.
 
 ## 5. Map titles to arr items
 
-![Title mapping — disc titles on the left, Sonarr/Radarr search on the right](screenshots/03-title-mapping.png)
-
-
 For each title:
 
 1. Choose **TV (Sonarr)** or **Movie (Radarr)**
-2. Search for the series or movie name
-3. For TV: select the season and episode(s) the title maps to
-4. Click **Queue**
+2. Click **Browse Sonarr** or **Browse Radarr** to open your library
+3. Type a partial title in the search box to filter results
+
+    ![Browse Radarr: filtering by partial title](screenshots/03-radarr-filter.png)
+
+4. Drag the title card from the left panel and drop it onto the slot on the right
+
+    ![Title mapping complete: disc title mapped, Review & Queue button active](screenshots/05-mapped.png)
+
+    A green border confirms the mapping. The counter updates (e.g. "1 of 2 title(s) mapped").
+
+5. Repeat for each unmapped title, then click **Review & Queue →**
 
 ## 6. Monitor the encode