feat: panelden video izleme/indirme/silme + eşzamanlı yayın kapasitesi düzeltmesi

- streamIngest worker concurrency 3'ten sabit değildi, artık
  MAX_CONCURRENT_CAPTURES (varsayılan 10) ile ayarlanabiliyor. Eskiden
  3'ten fazla kanal aynı anda canlıya geçerse fazlası, ilk 3'ten biri
  bitene kadar (saatlerce) hiç kayda alınmıyordu.
- Python worker'larda (signal-detection, stt-scoring) bullmq varsayılan
  concurrency'si 1'di — WORKER_CONCURRENCY (varsayılan 5) ile
  paralelleştirildi, birden fazla kanal aynı anda segment/transkript
  üretirse sıraya takılmasın diye.
- Frontend artık shared-media volume'üne bağlı: /api/segments/[id]/video
  route'u Range destekli video stream/indirme sağlıyor. Segment ve
  kanal detay sayfalarına <video> oynatıcı, indirme linki ve onaylı
  silme (RawSegment + CandidateSegment, dosya dahil) eklendi.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

apps/frontend/app/actions.ts

@@ -1,5 +1,6 @@
 "use server";
 
+import { unlink } from "node:fs/promises";
 import { prisma } from "@streamclipper/db";
 import { revalidatePath } from "next/cache";
 
@@ -18,3 +19,22 @@ export async function addChannel(formData: FormData) {
 
   revalidatePath("/");
 }
+
+export async function deleteRawSegment(segmentId: string) {
+  const segment = await prisma.rawSegment.findUnique({ where: { id: segmentId } });
+  if (!segment) return;
+
+  await prisma.candidateSegment.deleteMany({ where: { rawSegmentId: segmentId } });
+  await prisma.rawSegment.delete({ where: { id: segmentId } });
+  await unlink(segment.filePath).catch(() => {});
+
+  revalidatePath("/segments");
+  revalidatePath("/", "layout");
+}
+
+export async function deleteCandidateSegment(candidateId: string) {
+  await prisma.candidateSegment.delete({ where: { id: candidateId } });
+
+  revalidatePath("/segments");
+  revalidatePath("/", "layout");
+}

apps/frontend/app/api/segments/[id]/video/route.ts

@@ -0,0 +1,48 @@
+import { createReadStream, statSync } from "node:fs";
+import { Readable } from "node:stream";
+import type { NextRequest } from "next/server";
+import { prisma } from "@streamclipper/db";
+
+export async function GET(req: NextRequest, { params }: { params: Promise<{ id: string }> }) {
+  const { id } = await params;
+
+  const segment = await prisma.rawSegment.findUnique({ where: { id } });
+  if (!segment) return new Response("Not found", { status: 404 });
+
+  let size: number;
+  try {
+    size = statSync(segment.filePath).size;
+  } catch {
+    return new Response("File not found on disk", { status: 404 });
+  }
+
+  const headers: Record<string, string> = {
+    "Content-Type": "video/mp4",
+    "Accept-Ranges": "bytes",
+  };
+  if (req.nextUrl.searchParams.get("download") === "1") {
+    headers["Content-Disposition"] = `attachment; filename="${id}.mp4"`;
+  }
+
+  const range = req.headers.get("range");
+  const match = range ? /bytes=(\d+)-(\d*)/.exec(range) : null;
+
+  if (match) {
+    const start = Number(match[1]);
+    const end = match[2] ? Number(match[2]) : size - 1;
+    const stream = createReadStream(segment.filePath, { start, end });
+    return new Response(Readable.toWeb(stream) as ReadableStream, {
+      status: 206,
+      headers: {
+        ...headers,
+        "Content-Range": `bytes ${start}-${end}/${size}`,
+        "Content-Length": String(end - start + 1),
+      },
+    });
+  }
+
+  const stream = createReadStream(segment.filePath);
+  return new Response(Readable.toWeb(stream) as ReadableStream, {
+    headers: { ...headers, "Content-Length": String(size) },
+  });
+}

apps/frontend/app/channels/[id]/page.tsx

@@ -2,6 +2,8 @@ import { notFound } from "next/navigation";
 import Link from "next/link";
 import { prisma } from "@streamclipper/db";
 import { fetchChannelStatuses } from "../../../lib/apiDaemon";
+import { deleteRawSegment, deleteCandidateSegment } from "../../actions";
+import { DeleteButton } from "../../components/DeleteButton";
 
 export const dynamic = "force-dynamic";
 
@@ -102,6 +104,17 @@ export default async function ChannelDetailPage({ params }: { params: Promise<{
                     <span className={`badge ${STATUS_BADGE[segment.status] ?? "muted"}`}>{segment.status}</span>
                   </div>
 
+                  <video controls preload="metadata" style={{ width: "100%", maxWidth: "480px", marginTop: "0.5rem", borderRadius: "6px" }}>
+                    <source src={`/api/segments/${segment.id}/video`} type="video/mp4" />
+                  </video>
+
+                  <div style={{ display: "flex", gap: "0.5rem", alignItems: "center", marginTop: "0.5rem" }}>
+                    <a className="badge muted" href={`/api/segments/${segment.id}/video?download=1`}>İndir</a>
+                    <form action={deleteRawSegment.bind(null, segment.id)}>
+                      <DeleteButton confirmText="Bu segmenti ve içindeki tüm aday klipleri silmek istediğine emin misin? Geri alınamaz." />
+                    </form>
+                  </div>
+
                   {segment.candidates.map((c) => (
                     <div key={c.id} style={{ marginTop: "0.5rem", paddingLeft: "0.75rem", borderLeft: "2px solid var(--border)" }}>
                       <div className="card-head">
@@ -114,6 +127,9 @@ export default async function ChannelDetailPage({ params }: { params: Promise<{
                       {transcriptPreview(c.transcriptJson) && (
                         <p className="transcript-preview">{transcriptPreview(c.transcriptJson)}</p>
                       )}
+                      <form action={deleteCandidateSegment.bind(null, c.id)} style={{ marginTop: "0.35rem" }}>
+                        <DeleteButton confirmText="Bu aday klibi silmek istediğine emin misin?" />
+                      </form>
                     </div>
                   ))}
                 </div>

apps/frontend/app/components/DeleteButton.tsx

@@ -0,0 +1,16 @@
+"use client";
+
+export function DeleteButton({ confirmText, label = "Sil" }: { confirmText: string; label?: string }) {
+  return (
+    <button
+      type="submit"
+      className="badge err"
+      style={{ border: "none", cursor: "pointer" }}
+      onClick={(e) => {
+        if (!confirm(confirmText)) e.preventDefault();
+      }}
+    >
+      {label}
+    </button>
+  );
+}

apps/frontend/app/segments/page.tsx

@@ -1,4 +1,6 @@
 import { prisma } from "@streamclipper/db";
+import { deleteRawSegment, deleteCandidateSegment } from "../actions";
+import { DeleteButton } from "../components/DeleteButton";
 
 export const dynamic = "force-dynamic";
 
@@ -40,6 +42,17 @@ export default async function SegmentsPage() {
               {segment.duration}sn · {new Date(segment.startedAt).toLocaleString("tr-TR")}
             </div>
 
+            <video controls preload="metadata" style={{ width: "100%", maxWidth: "480px", marginTop: "0.5rem", borderRadius: "6px" }}>
+              <source src={`/api/segments/${segment.id}/video`} type="video/mp4" />
+            </video>
+
+            <div style={{ display: "flex", gap: "0.5rem", alignItems: "center", marginTop: "0.5rem" }}>
+              <a className="badge muted" href={`/api/segments/${segment.id}/video?download=1`}>İndir</a>
+              <form action={deleteRawSegment.bind(null, segment.id)}>
+                <DeleteButton confirmText="Bu segmenti ve içindeki tüm aday klipleri silmek istediğine emin misin? Geri alınamaz." />
+              </form>
+            </div>
+
             {segment.candidates.length === 0 ? (
               <p className="empty" style={{ marginTop: "0.5rem" }}>
                 Bu segmentte aday klip bulunamadı.
@@ -58,6 +71,9 @@ export default async function SegmentsPage() {
                   {transcriptPreview(c.transcriptJson) && (
                     <p className="transcript-preview">{transcriptPreview(c.transcriptJson)}</p>
                   )}
+                  <form action={deleteCandidateSegment.bind(null, c.id)} style={{ marginTop: "0.35rem" }}>
+                    <DeleteButton confirmText="Bu aday klibi silmek istediğine emin misin?" />
+                  </form>
                 </div>
               ))
             )}