// app/screens/Overview.jsx — landing tab · 3 layout variants. // Variants: "editorial" (default) | "dense" | "story" function OverviewScreen({ data, user, viewMode, onOpenBrief, onSwitchTab, layout = "editorial", kpiVariant = "plain" }) { // viewMode filtresi App.jsx'te merkezi olarak uygulanıyor — data.briefs zaten filtered. const active = data.briefs; const overdue = active.filter(b => b.deltaH <= 0); const today = active.filter(b => b.deltaH > 0 && b.deltaH <= 24); const week = active.filter(b => b.deltaH > 0 && b.deltaH <= 168); const stale = active.filter(b => b.stale); const review = active.filter(b => b.durum === "incelemede"); const blocked = active.filter(b => b.durum === "blokeli"); if (layout === "dense") return ; if (layout === "story") return ; return ; } // ─── EDITORIAL ────────────────────────────────────────────────────────────── function EditorialLayout({ data, user, active, overdue, today, week, stale, review, blocked, onOpenBrief, onSwitchTab, kpiVariant }) { const firstName = user.name.split(" ")[0]; const greeting = greetingFor(); return (
} /> {/* KPI grid */}

Bugün ve yarın

{today.length} brief · öncelik sırasına göre
); } // ─── DENSE ────────────────────────────────────────────────────────────────── function DenseLayout({ data, active, overdue, today, week, stale, review, blocked, onOpenBrief, onSwitchTab, kpiVariant }) { return (
} />
Geciken + bugün teslim · {overdue.length + today.length}
{review.slice(0, 5).map((b, i) => ( onOpenBrief(b)} last={i === Math.min(4, review.length - 1)}/> ))}
); } // ─── STORY (vertical narrative) ───────────────────────────────────────────── function StoryLayout({ data, active, overdue, today, week, stale, review, blocked, onOpenBrief, onSwitchTab, kpiVariant }) { return (
{/* HERO: overdue */}
Şimdi · acil
{overdue.length}
iş geciken durumda.
{overdue.slice(0, 6).map(b => ( ))}

Önümüzdeki 24 saat

{today.length} brief · öncelik sırasına göre
{review.slice(0, 4).map((b, i) => ( onOpenBrief(b)} last={i === 3}/> ))}
); } // ─── shared ───────────────────────────────────────────────────────────────── function KpiGrid({ children, cols = 6 }) { return (
{children}
); } function DeptRow({ s, color, last, compact }) { return (
{s.name}
{s.active} aktif ·{" "} {s.overdue} geciken
85 ? "var(--warning)" : "var(--ink-2)", borderRadius:999}}/>
%{s.capacity}
); } // ─── ProblemBrands — canlı brand_stats'tan ilk 3 sorunlu marka ───────────── function ProblemBrands({ data }) { const list = (data.brandStats || []) .filter(b => b.problem_label || b.overdue > 0 || b.stale || (b.active || 0) >= 3) .sort((a, b) => ((b.overdue || 0) - (a.overdue || 0)) || ((b.stale ? 1 : 0) - (a.stale ? 1 : 0)) || ((b.active || 0) - (a.active || 0)) ) .slice(0, 3); if (list.length === 0) { return (
Sorunlu marka yok — tüm markalar normal akışta ✓
); } return ( <> {list.map((b, i) => ( ))} ); } function BrandRow({ name, note, color, v, last }) { return (
{name}
{note} {v}
); } function ApprovalRow({ brief, onClick, last }) { return ( ); } function WeekStat({ label, value, trend, good, bad, last }) { const color = trend.dir === "flat" ? "var(--ink-3)" : (good ? "var(--success)" : bad ? "var(--danger)" : (trend.dir === "up" ? "var(--success)" : "var(--danger)")); return (
{label} {value} {trend.dir==="up"?"▲":trend.dir==="down"?"▼":"▬"} {trend.value}
); } function greetingFor() { const h = new Date(window.BNS_DATA.NOW).getHours(); if (h < 12) return "Günaydın"; if (h < 18) return "İyi günler"; return "İyi akşamlar"; } function greetingTimezone() { return "İstanbul"; } window.OverviewScreen = OverviewScreen; window.DeptRow_OV = DeptRow; window.ApprovalRow = ApprovalRow; window.WeekStat = WeekStat;