// app/App.jsx — root, owns global state and tweaks. const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{ "theme": "light", "density": "comfortable", "defaultView": "all", "tableMode": "table", "kpiVariant": "trendchart", "tabStyle": "underline", "ember": "#C24A2C", "noise": false, "overviewLayout": "editorial" }/*EDITMODE-END*/; function App() { const data = window.BNS_DATA; const [t, setTweak] = useTweaks(TWEAK_DEFAULTS); // App state const [user, setUser] = React.useState(data.ME); const [tab, setTab] = React.useState("overview"); const [viewMode, setViewMode] = React.useState(t.defaultView); const [openBrief, setOpenBrief] = React.useState(null); const [briefs, setBriefs] = React.useState(data.briefs); // mutable for live edits const [palette, setPalette] = React.useState(false); const [newBrief, setNewBrief] = React.useState(false); const [toast, setToast] = React.useState(null); // ─── viewMode filter (centralized — tüm screen'ler için) ────────────── // Bana / Departman / Tümü filtresi briefs ve completed'a uygulanır. // DEFENSIVE: brief'ler farklı kaynaklardan gelir → bazılarında lead={id,rol,..} (obj), // bazılarında leadId="U..." (string). Her iki durumu da kapsa. const filterByViewMode = React.useCallback((items) => { if (!Array.isArray(items)) return items; if (viewMode === "all" || !user) return items; // USERS lookup (ID → rol) — sadece string ID gelen brief'ler için const usersById = ((window.BNS_DATA && window.BNS_DATA.USERS) || []).reduce( (acc, u) => { acc[u.id] = u; return acc; }, {} ); // Brief'in tüm ilişkili user ID'lerini topla const collectIds = (b) => { const ids = new Set(); if (b.lead?.id) ids.add(b.lead.id); if (b.leadId) ids.add(b.leadId); (b.contributors || []).forEach(c => c?.id && ids.add(c.id)); (b.contribIds || []).forEach(id => id && ids.add(id)); if (b.reviewer?.id) ids.add(b.reviewer.id); if (b.reviewerId) ids.add(b.reviewerId); return ids; }; // Brief'in tüm ilişkili rol'lerini topla (obj'den + ID lookup'tan) const collectRoles = (b) => { const roles = new Set(); if (b.lead?.rol) roles.add(b.lead.rol); (b.contributors || []).forEach(c => c?.rol && roles.add(c.rol)); if (b.reviewer?.rol) roles.add(b.reviewer.rol); // String ID-only field'lardan rol türet const idsForRole = [b.leadId, ...(b.contribIds || []), b.reviewerId].filter(Boolean); idsForRole.forEach(id => { const u = usersById[id]; if (u?.rol) roles.add(u.rol); }); return roles; }; if (viewMode === "mine") { return items.filter(b => collectIds(b).has(user.id)); } if (viewMode === "dept") { return items.filter(b => collectRoles(b).has(user.rol)); } return items; }, [viewMode, user]); const filteredBriefs = React.useMemo(() => filterByViewMode(briefs), [filterByViewMode, briefs]); const filteredCompleted = React.useMemo(() => filterByViewMode(data.completed), [filterByViewMode, data.completed, briefs]); // Live data shape — briefs ve completed artık filtered (viewMode'a göre) const liveData = { ...data, briefs: filteredBriefs, completed: filteredCompleted, _allBriefs: briefs, _allCompleted: data.completed }; // ─── Effects: apply tweak tokens to ──────────────────────────── React.useEffect(() => { document.documentElement.setAttribute("data-theme", t.theme); }, [t.theme]); React.useEffect(() => { document.documentElement.setAttribute("data-density", t.density); }, [t.density]); React.useEffect(() => { document.documentElement.setAttribute("data-noise", t.noise ? "on" : "off"); }, [t.noise]); React.useEffect(() => { document.documentElement.style.setProperty("--ember", t.ember); document.documentElement.style.setProperty("--ember-hover", darken(t.ember, 0.12)); document.documentElement.style.setProperty("--ember-press", darken(t.ember, 0.22)); document.documentElement.style.setProperty("--ember-tint", t.ember + "1A"); }, [t.ember]); // ─── Cmd+K handler ──────────────────────────────────────────────────── React.useEffect(() => { function onKey(e) { if ((e.metaKey || e.ctrlKey) && e.key === "k") { e.preventDefault(); setPalette(true); } if (e.key === "n" && !e.metaKey && !e.ctrlKey && e.target.tagName !== "INPUT" && e.target.tagName !== "TEXTAREA" && e.target.tagName !== "SELECT") { if (!palette && !openBrief && !newBrief) { setNewBrief(true); } } } window.addEventListener("keydown", onKey); return () => window.removeEventListener("keydown", onKey); }, [palette, openBrief, newBrief]); // ─── Toast auto-hide ─────────────────────────────────────────────────── React.useEffect(() => { if (!toast) return; const id = setTimeout(() => setToast(null), 2400); return () => clearTimeout(id); }, [toast]); // ─── Live polling (Work Tracking bot → app/live-data.json) ───────────── React.useEffect(() => { let cancelled = false; let lastEtag = null; async function poll() { try { const r = await fetch("app/live-data.json?t=" + Date.now(), { cache: "no-store" }); if (!r.ok || cancelled) return; const ed = await r.json(); if (cancelled) return; // EMBEDDED_DATA güncelle (next time data.js bridge yeniden çalışsa diye) window.EMBEDDED_DATA = ed; // NOW + lastSync güncelle if (typeof ed.now === "string") window.BNS_DATA.NOW = Date.parse(ed.now); if (typeof ed.last_sync === "string") window.BNS_DATA.lastSync = ed.last_sync; // Brand list (Slack channels) — briefs hidrasyonundan ÖNCE override et if (Array.isArray(ed.bns_brands) && ed.bns_brands.length > 0) { window.BNS_DATA.BRANDS = ed.bns_brands; window.BNS_DATA.BR = Object.fromEntries(ed.bns_brands.map(b => [b.name, b])); } // User list (Slack workspace) — briefs hidrasyonundan ÖNCE if (Array.isArray(ed.bns_users) && ed.bns_users.length > 0) { window.BNS_DATA.USERS = ed.bns_users; } // Brief'leri yeniden hidrate et + state'i güncelle if (Array.isArray(ed.bns_briefs) && window.bnsHydrateBrief) { const fresh = ed.bns_briefs.map(window.bnsHydrateBrief); setBriefs(fresh); window.BNS_DATA.briefs = fresh; } if (Array.isArray(ed.bns_completed) && window.bnsHydrateCompleted) { window.BNS_DATA.completed = ed.bns_completed.map(window.bnsHydrateCompleted); } // Departman + marka istatistikleri if (ed.bns_dept_stats && typeof ed.bns_dept_stats === "object") { window.BNS_DATA.deptStats = ed.bns_dept_stats; } if (Array.isArray(ed.bns_brand_stats) && ed.bns_brand_stats.length > 0) { window.BNS_DATA.brandStats = ed.bns_brand_stats; } window.BNS_DATA.__lastPoll = Date.now(); console.info("[BNS] poll OK · source=" + ed.source + " · reason=" + ed.reason + " · briefs=" + (ed.bns_briefs?.length||0) + " · completed=" + (ed.bns_completed?.length||0)); } catch (e) { // Network/JSON hatası — bir sonraki poll'da tekrar dener. Mock kalır. } } poll(); // ilk çağrı hemen (initial script load'dan farklı timestamp olabilir) const id = setInterval(poll, 30_000); return () => { cancelled = true; clearInterval(id); }; }, []); // ─── Handlers ───────────────────────────────────────────────────────── const onOpenBrief = (b) => { const live = briefs.find(x => x.id === b.id) || b; setOpenBrief(live); }; const onCloseBrief = () => setOpenBrief(null); const onUpdateBrief = (next) => { setBriefs(arr => arr.map(b => b.id === next.id ? next : b)); setOpenBrief(next); }; const onStatusChange = (b, s) => { const next = { ...b, durum: s }; setBriefs(arr => arr.map(x => x.id === b.id ? next : x)); if (openBrief && openBrief.id === b.id) setOpenBrief(next); setToast(`${b.brand?.name || b.marka} · durum güncellendi: ${labelForStatus(s)}`); }; const onCreateBrief = (b) => { setBriefs(arr => [b, ...arr]); setToast(`Yeni brief oluşturuldu · #${b.no} ${b.marka}`); setTab("jobs"); }; // ─── Pick screen ────────────────────────────────────────────────────── let Screen; if (tab === "overview") Screen = ; else if (tab === "manager") Screen = ; else if (tab === "jobs") Screen = ; else if (tab === "profile") Screen = ; else if (tab === "gantt") Screen = ; else if (tab === "kanban") Screen = ; else if (tab === "completed")Screen = ; else if (tab === "dept-comp")Screen = ; else if (tab === "design") Screen = ; else if (tab === "editor") Screen = ; else if (tab === "ai") Screen = ; else if (tab === "timeline") Screen = ; else if (tab === "gallery") Screen = ; else if (tab === "multi") Screen = ; else if (tab === "brand") Screen = ; else if (tab === "team") Screen = ; else if (tab === "history") Screen = ; else Screen =

Not found

; return (

setTweak("theme", v)} onOpenPalette={() => setPalette(true)} onNewBrief={() => setNewBrief(true)} defaultUsers={Object.assign([...data.USERS], { onPick: (u) => setUser(u) })} />

{Screen}

{openBrief && ( )} setPalette(false)} data={data} currentTheme={t.theme} onOpenBrief={(b) => onOpenBrief(b)} onNavigate={(id) => setTab(id)} onTheme={(v) => setTweak("theme", v)} onNewBrief={() => setNewBrief(true)}/> setNewBrief(false)} data={data} onCreate={onCreateBrief}/> {toast && }

); } // ─── Tweaks panel content ───────────────────────────────────────────────── function BenseoTweaks({ t, setTweak }) { return ( setTweak("theme", v)}/> setTweak("density", v)}/> setTweak("noise", v)}/> setTweak("tabStyle", v)}/> setTweak("tableMode", v)}/> setTweak("defaultView", v)}/> setTweak("kpiVariant", v)}/> setTweak("overviewLayout", v)}/> setTweak("ember", v)}/> ); } // ─── Toast ───────────────────────────────────────────────────────────────── function Toast({ msg }) { return (

{msg}

); } // ─── Keyboard shortcuts hint card ────────────────────────────────────────── function ShortcutsHint() { const [open, setOpen] = React.useState(false); return ( <> {open && ( <>

setOpen(false)} style={{ position:"fixed", inset:0, background:"var(--overlay)", zIndex: 96, backdropFilter:"blur(4px)", WebkitBackdropFilter:"blur(4px)", animation:"bn-fade 160ms var(--ease-out-quart)" }}/>

Klavye

hızlı erişim.

)} ); } function Short({ k, l }) { return (

{l} {k}

); } function labelForStatus(s) { return {yeni:"Yeni", calisiliyor:"Çalışılıyor", incelemede:"İncelemede", blokeli:"Blokeli", tamamlandi:"Tamamlandı"}[s] || s; } function darken(hex, amt) { const m = hex.match(/^#([0-9a-f]{6})$/i); if (!m) return hex; const n = parseInt(m[1], 16); let r = (n >> 16) & 255, g = (n >> 8) & 255, b = n & 255; const f = (v) => Math.max(0, Math.min(255, Math.round(v * (1 - amt)))); return "#" + [f(r), f(g), f(b)].map(x => x.toString(16).padStart(2, "0")).join(""); } ReactDOM.createRoot(document.getElementById("root")).render();