// ──── REPORTS ──── function Reports({ data }) { const { Card, Tag, fmtTRY } = window.DentUI; const I = window.DentIcons; // Real clinic stats from patient data const clinicStats = React.useMemo(() => { return data.CLINICS.map(c => { let earned = 0, paid = 0; data.PATIENTS.filter(p => p.clinicId === c.id).forEach(p => { let rem = p.paid || 0; (p.plan || []).filter(s => s.status === "Tamamlandı" && s.fee > 0).forEach(s => { const sh = s.share || Math.round(s.fee * (c.share || 50) / 100); earned += sh; if (rem >= s.fee) paid += sh; rem = Math.max(0, rem - s.fee); }); }); return { clinic: c, earned, paid, pending: Math.max(0, earned - paid) }; }); }, [data.PATIENTS, data.CLINICS]); const maxEarn = Math.max(...clinicStats.map(s => s.earned), 1); const allDone = data.PATIENTS.flatMap(p => (p.plan || []).filter(s => s.status === "Tamamlandı" && s.fee > 0)); const totalEarned = clinicStats.reduce((a, b) => a + b.earned, 0); const avgFee = allDone.length ? Math.round(allDone.reduce((a, s) => a + s.fee, 0) / allDone.length) : 0; const avgShare = data.CLINICS.length ? Math.round(data.CLINICS.reduce((a, c) => a + (c.share || 50), 0) / data.CLINICS.length) : 0; // Shared helper: transaction rows function getTxRows() { const rows = [["Klinik","Hasta","İşlem","Tarih","Ücret (₺)","Hakediş (₺)","Durum"]]; data.PATIENTS.forEach(p => { const c = data.CLINICS.find(cc => cc.id === p.clinicId); if (!c) return; let rem = p.paid || 0; (p.plan || []).filter(s => s.status === "Tamamlandı" && s.fee > 0).forEach(s => { const sh = s.share || Math.round(s.fee * (c.share || 50) / 100); const isPaid = rem >= s.fee; rem = Math.max(0, rem - s.fee); rows.push([c.name, p.name, s.procedure, s.date || "", s.fee, sh, isPaid ? "Tahsil" : "Bekliyor"]); }); }); return rows; } function saveWb(wb, filename) { XLSX.writeFile(wb, `${filename}_${new Date().toISOString().slice(0,10)}.xlsx`); } function mkSheet(rows, widths) { const ws = XLSX.utils.aoa_to_sheet(rows); ws["!cols"] = widths.map(w=>({wch:w})); return ws; } const exports = { r1() { const wb = XLSX.utils.book_new(); XLSX.utils.book_append_sheet(wb, mkSheet(getTxRows(), [22,22,28,12,14,14,12]), "Aylık Hakediş"); saveWb(wb, "DentSide_AylikHakedis"); }, r2() { const rows = [["Klinik","Hakediş Oranı (%)","Toplam Hakediş (₺)","Tahsil (₺)","Bekleyen (₺)"]]; clinicStats.forEach(s => rows.push([s.clinic.name, s.clinic.share||50, s.earned, s.paid, s.pending])); const wb = XLSX.utils.book_new(); XLSX.utils.book_append_sheet(wb, mkSheet(rows, [22,18,20,16,16]), "Klinik Gelir"); saveWb(wb, "DentSide_KlinikGelir"); }, r3() { const rows = [["Hasta","Klinik","Tedavi","Toplam (₺)","Ödenen (₺)","Bakiye (₺)","Durum"]]; data.PATIENTS.forEach(p => { const c = data.CLINICS.find(cc => cc.id === p.clinicId); rows.push([p.name, c?.name||"", p.treatment||"", p.totalFee||0, p.paid||0, p.balance||0, p.status||""]); }); const wb = XLSX.utils.book_new(); XLSX.utils.book_append_sheet(wb, mkSheet(rows, [22,22,28,14,14,14,14]), "Hasta Tedaviler"); saveWb(wb, "DentSide_HastaTedavi"); }, r4() { const rows = [["Klinik","Hasta","İşlem","Tarih","Ücret (₺)","Hakediş (₺)"]]; data.PATIENTS.forEach(p => { const c = data.CLINICS.find(cc => cc.id === p.clinicId); if (!c) return; let rem = p.paid || 0; (p.plan || []).filter(s => s.status === "Tamamlandı" && s.fee > 0).forEach(s => { const sh = s.share || Math.round(s.fee * (c.share || 50) / 100); const isPaid = rem >= s.fee; rem = Math.max(0, rem - s.fee); if (!isPaid) rows.push([c.name, p.name, s.procedure, s.date||"", s.fee, sh]); }); }); const wb = XLSX.utils.book_new(); XLSX.utils.book_append_sheet(wb, mkSheet(rows, [22,22,28,12,14,14]), "Bekleyen Alacaklar"); saveWb(wb, "DentSide_Bekleyen"); }, r5() { const pm = {}; data.PATIENTS.forEach(p => { const c = data.CLINICS.find(cc => cc.id === p.clinicId); if (!c) return; (p.plan || []).filter(s => s.status === "Tamamlandı" && s.fee > 0).forEach(s => { const k = s.procedure || "Diğer"; if (!pm[k]) pm[k] = { count:0, fee:0, share:0 }; pm[k].count++; pm[k].fee += s.fee; pm[k].share += s.share || Math.round(s.fee * (c.share||50) / 100); }); }); const rows = [["İşlem","Seans","Toplam Ücret (₺)","Toplam Hakediş (₺)","Ort. Ücret (₺)"]]; Object.entries(pm).sort((a,b)=>b[1].fee-a[1].fee).forEach(([k,d])=> rows.push([k, d.count, d.fee, d.share, Math.round(d.fee/d.count)])); const wb = XLSX.utils.book_new(); XLSX.utils.book_append_sheet(wb, mkSheet(rows, [28,12,18,18,16]), "İşlem Analizi"); saveWb(wb, "DentSide_IslemAnaliz"); }, r6() { const rows = [["Hasta","Klinik","Tedavi","Toplam Seans","Tamamlanan","Ücret (₺)","Ödenen (₺)"]]; data.PATIENTS.forEach(p => { const c = data.CLINICS.find(cc => cc.id === p.clinicId); const total = (p.plan||[]).length; const done = (p.plan||[]).filter(s=>s.status==="Tamamlandı").length; rows.push([p.name, c?.name||"", p.treatment||"", total, done, p.totalFee||0, p.paid||0]); }); const wb = XLSX.utils.book_new(); XLSX.utils.book_append_sheet(wb, mkSheet(rows, [22,22,28,14,14,16,16]), "Tedavi Performansı"); saveWb(wb, "DentSide_TedaviPerf"); }, all() { const wb = XLSX.utils.book_new(); const s1 = [["Klinik","Hakediş %","Kazanılan (₺)","Tahsil (₺)","Bekleyen (₺)"]]; clinicStats.forEach(s => s1.push([s.clinic.name, s.clinic.share||50, s.earned, s.paid, s.pending])); XLSX.utils.book_append_sheet(wb, mkSheet(s1, [22,12,18,16,16]), "Klinik Özeti"); XLSX.utils.book_append_sheet(wb, mkSheet(getTxRows(), [22,22,28,12,14,14,12]), "İşlem Hareketleri"); const s3 = [["Hasta","Klinik","Tedavi","Toplam (₺)","Ödenen (₺)","Bakiye (₺)","Durum"]]; data.PATIENTS.forEach(p => { const c = data.CLINICS.find(cc => cc.id === p.clinicId); s3.push([p.name, c?.name||"", p.treatment||"", p.totalFee||0, p.paid||0, p.balance||0, p.status||""]); }); XLSX.utils.book_append_sheet(wb, mkSheet(s3, [22,22,28,14,14,14,14]), "Hastalar"); saveWb(wb, "DentSide_TamRapor"); }, }; const reportTemplates = [ { id:"r1", title:"Aylık hakediş raporu", desc:"Tüm kliniklerden tamamlanan seans ve hakediş özeti" }, { id:"r2", title:"Klinik bazlı gelir", desc:"Klinik başına hakediş, tahsil ve bekleyen alacak" }, { id:"r3", title:"Hasta bazlı tedavi", desc:"Hasta bazında işlem ve ödeme dökümü" }, { id:"r4", title:"Ödenmeyen işlemler", desc:"Klinik bazında bekleyen alacak listesi" }, { id:"r5", title:"İşlem bazlı analiz", desc:"İşlem tipine göre seans sayısı ve gelir dağılımı" }, { id:"r6", title:"Tedavi performansı", desc:"Seans sayısı, tamamlanma oranı ve ödeme durumu" }, ]; const yTicks = [1, 0.75, 0.5, 0.25, 0]; return (

Raporlar

Gerçek verilerden otomatik üretilen raporları indir veya dışa aktar.

Klinik bazlı hakediş karşılaştırması

Tüm zamanlar · tamamlanan seanslar

{/* Y-axis */}
{yTicks.map((r, i) => (
{r === 0 ? "₺0" : fmtTRY(Math.round(maxEarn * r))}
))}
{/* Chart body */}
{yTicks.map((r, i) => (
))}
{clinicStats.map(s => { const totalPct = (s.earned / maxEarn) * 100; const pendingPct = s.earned > 0 ? (s.pending / s.earned) * 100 : 0; const paidPct = 100 - pendingPct; const hasPending = s.pending > 0; return (
{s.earned > 0 && {fmtTRY(s.earned)}}
0?3:0}}/>
{s.clinic.name.split(" ")[0]}
); })}
Tahsil Bekleyen

Hızlı özet

Tüm zamanlar

  • Toplam hakediş{fmtTRY(totalEarned)}
  • Tamamlanan seans{allDone.length}
  • Tamamlanan hasta{data.PATIENTS.filter(p=>p.status==="Tamamlandı").length}
  • Aktif tedavi{data.PATIENTS.filter(p=>p.status==="Devam ediyor").length}
  • Ort. seans ücreti{fmtTRY(avgFee)}
  • Ort. hakediş oranı%{avgShare}

Rapor şablonları

Excel formatında indir

{reportTemplates.map(r => (

{r.title}

{r.desc}

Excel
))}
); } // ──── PLACEHOLDER ──── function Placeholder({ title, desc }) { const I = window.DentIcons; return (

{title}

{desc}

Bu modül yakında geliyor. Bekleme listesine eklemek için iletişime geç.

); } // ──── SETTINGS ──── function Settings({ tweaks, setTweak, data }) { const { Card } = window.DentUI; const I = window.DentIcons; const [form, setForm] = React.useState(() => { try { return JSON.parse(localStorage.getItem("DentSide_account") || "{}"); } catch(e) { return {}; } }); const [saved, setSaved] = React.useState(false); const [notifs, setNotifs] = React.useState(() => { try { return JSON.parse(localStorage.getItem("DentSide_notifs") || "{}"); } catch(e) { return {}; } }); const setF = (k, v) => setForm(f => ({ ...f, [k]: v })); const saveAccount = () => { localStorage.setItem("DentSide_account", JSON.stringify(form)); setSaved(true); setTimeout(() => setSaved(false), 2000); }; const toggleNotif = (key) => { const next = { ...notifs, [key]: !notifs[key] }; setNotifs(next); localStorage.setItem("DentSide_notifs", JSON.stringify(next)); }; const exportAll = () => { const wb = XLSX.utils.book_new(); const mkS = (rows, ws) => { const s = XLSX.utils.aoa_to_sheet(rows); s["!cols"] = ws.map(w=>({wch:w})); return s; }; const s1 = [["Klinik","Hakediş %","Aktif Hasta"]]; data.CLINICS.forEach(c => { const active = data.PATIENTS.filter(p => p.clinicId === c.id && p.status === "Devam ediyor").length; s1.push([c.name, c.share||50, active]); }); XLSX.utils.book_append_sheet(wb, mkS(s1,[22,14,14]), "Klinikler"); const s2 = [["Hasta","Klinik","Tedavi","Toplam (₺)","Ödenen (₺)","Bakiye (₺)","Durum"]]; data.PATIENTS.forEach(p => { const c = data.CLINICS.find(cc => cc.id === p.clinicId); s2.push([p.name, c?.name||"", p.treatment||"", p.totalFee||0, p.paid||0, p.balance||0, p.status||""]); }); XLSX.utils.book_append_sheet(wb, mkS(s2,[22,22,28,14,14,14,14]), "Hastalar"); XLSX.writeFile(wb, `DentSide_TamVeri_${new Date().toISOString().slice(0,10)}.xlsx`); }; const PALETTE_OPTS = [ { value:"blue", label:"Klinik Mavi" }, { value:"teal", label:"Teal" }, { value:"indigo", label:"Indigo" }, { value:"forest", label:"Forest" }, ]; const NOTIF_ITEMS = [ { key:"apptReminder", label:"Randevu hatırlatıcısı", desc:"Randevudan 1 saat önce bildirim" }, { key:"paymentAlert", label:"Ödeme bildirimi", desc:"Yeni ödeme alındığında bildir" }, { key:"pendingAlert", label:"Bekleyen alacak uyarısı", desc:"30 günden eski bekleyen alacaklar" }, { key:"newPatient", label:"Yeni hasta bildirimi", desc:"Sisteme yeni hasta eklendiğinde" }, ]; return (

Tercihler

Hesap bilgileri, görünüm ve bildirim ayarları.

{/* Hesap */}

Hesap

Hekim profil bilgileri

setF("name",e.target.value)} placeholder="Dr. Ad Soyad"/>
setF("specialty",e.target.value)} placeholder="Diş Hekimi"/>
setF("email",e.target.value)} placeholder="hekim@example.com"/>
setF("phone",e.target.value)} placeholder="+90 5xx xxx xx xx"/>
{/* Görünüm */}

Görünüm

Tema ve yoğunluk tercihleri

Dil
Sidebar teması
Yoğunluk
Renk paleti
{PALETTE_OPTS.map(p => ( ))}
{/* Bildirimler */}

Bildirimler

Uygulama içi bildirim tercihleri

{NOTIF_ITEMS.map(n => (
{n.label}
{n.desc}
))}
{/* Veri yönetimi */}

Veri Yönetimi

Dışa aktarma ve sıfırlama

Tüm verileri dışa aktar
Hasta ve klinik verilerini Excel'e aktar
Görünüm ayarlarını sıfırla
Dil, tema ve renk ayarlarını varsayılana döndür
); } // ──── HELP ──── function Help() { const { Card } = window.DentUI; const [openFaq, setOpenFaq] = React.useState(null); const steps = [ { num:1, icon:"🏥", title:"Klinik ekle", desc:"Sol menüden Klinikler'e gir, Klinik Ekle butonuna tıkla. Klinik adı, şehir ve hakediş oranını gir." }, { num:2, icon:"👤", title:"Hasta ekle", desc:"Hastalar sekmesine geç ve Yeni Hasta butonuna tıkla. Ad, yaş, telefon ve tedavi kategorisini seç." }, { num:3, icon:"📋", title:"Tedavi planı oluştur", desc:"Hasta kaydını aç, Tedavi Planı sekmesine geç, seansları ekle ve ücretleri belirle." }, { num:4, icon:"📅", title:"Randevu oluştur", desc:"Takvim bölümünden gün, hafta veya ay görünümünü seç ve Yeni Randevu butonuna tıkla." }, { num:5, icon:"💰", title:"Ödeme kaydet", desc:"Hasta kaydını aç, Ödemeler sekmesine geç ve ödemeyi ekle." }, { num:6, icon:"📊", title:"Rapor al", desc:"Raporlar bölümünden istediğin şablonun indirme butonuna tıkla veya Toplu İndir butonunu kullan." }, ]; const faqs = [ { q:"Excel ile hasta nasıl içe aktarılır?", a:"Hastalar sayfasında İçe Aktar butonuna tıkla. Şablon dosyasını indir, doldur (ad, yaş, cinsiyet, telefon, klinik adı) ve yükle. Sistemde olmayan klinik adları otomatik oluşturulur." }, { q:"Klinik hakediş oranı nasıl değiştirilir?", a:"Klinikler sekmesine gir, ilgili kliniğin kalem ikonuna tıkla. Sözleşme tipi ve hakediş oranını güncelle, kaydet." }, { q:"Randevuya kayıtsız hasta nasıl eklenir?", a:"Takvim'de yeni randevu oluştururken Yeni Hasta seçeneğini işaretle. Sadece isim yazman yeterli, kayıt oluşturulmaz." }, { q:"Ödeme 'Bekliyor' olarak görünüyor, neden?", a:"Tamamlanan seans ücretleri hastanın toplam ödemesiyle sırayla karşılaştırılır. Ödenen tutar seans ücretini karşılamıyorsa Bekliyor olarak görünür." }, { q:"Birden fazla klinikle çalışıyorum, nasıl yönetirim?", a:"Her klinik için Klinikler bölümünde ayrı kayıt oluştur. Hastalara klinik ataması yap; raporlar ve finans bölümü otomatik olarak klinik bazında ayırır." }, { q:"Verilerimi kaybeder miyim?", a:"Veriler tarayıcı belleğinde tutulur; sayfayı kapatınca sıfırlanır. Tercihler - Veri Yönetimi bölümünden veya Raporlar bölümünden düzenli Excel yedek alman önerilir." }, ]; const changelog = [ { version:"1.5", date:"May 2026", changes:["Tercihler sayfası: hesap, görünüm, bildirimler, veri yönetimi", "Yardım Merkezi: hızlı başlangıç, SSS, sürüm notları", "Raporlar: Y-eksenli grafik ve 6 çalışan Excel şablonu"] }, { version:"1.4", date:"May 2026", changes:["Finans: hem seanslar hem doğrudan ödemeler listeleniyor", "Raporlar bölümü yeniden yazıldı"] }, { version:"1.3", date:"May 2026", changes:["Klinik düzenleme ve silme eklendi", "Klinik liste görünümü düzeltildi", "Takvim Gün/Hafta/Ay görünümleri yeniden yazıldı"] }, { version:"1.2", date:"May 2026", changes:["Excel import: bilinmeyen klinikler otomatik oluşturuluyor", "Finans filtre paneli ve 3 sayfalı Excel export"] }, { version:"1.1", date:"May 2026", changes:["Randevuya 'Yeni Hasta' modu", "Klinik ekleme modalı (sözleşme tipleri)", "Duplicate klinik bug'ı düzeltildi"] }, { version:"1.0", date:"May 2026", changes:["İlk sürüm: Dashboard, Hastalar, Klinikler, Finans, Takvim, Tedaviler, Raporlar"] }, ]; return (

Yardım Merkezi

Hızlı başlangıç rehberi, sık sorulan sorular ve sürüm notları.

Hızlı Başlangıç

DentSide'u kullanmaya başlamak için 6 adım

{steps.map(s => (
{s.num}
{s.icon}
{s.title}
{s.desc}
))}

Sık Sorulan Sorular

{faqs.map((f, i) => (
{openFaq===i &&
{f.a}
}
))}

Sürüm Notları

{changelog.map(c => (
v{c.version} {c.date}
    {c.changes.map((ch,i) =>
  • {ch}
    • )}
))}
); } function Stock({ data }) { const { Card, fmtDate } = window.DentUI; const I = window.DentIcons; const XLSX = window.XLSX; const initStock = () => { try { return JSON.parse(localStorage.getItem("ds_stock")) || (data.STOCK || []); } catch(e) { return data.STOCK || []; } }; const [records, setRecords] = React.useState(initStock); const [firmaFilter, setFirmaFilter] = React.useState("all"); const [showAdd, setShowAdd] = React.useState(false); const [addTip, setAddTip] = React.useState("siparis"); const EMPTY = { firma:"", malzeme:"", adet:"1", siparisTarihi:"", birimFiyat:"", birim:"TRY", kimeYapildi:"", nerdenOdendi:"", odemeTarihi:"", yapilanOdeme:"" }; const [form, setForm] = React.useState(EMPTY); const set = (k, v) => setForm(f => ({ ...f, [k]: v })); const saveRecords = (list) => { setRecords(list); localStorage.setItem("ds_stock", JSON.stringify(list)); }; const firmalar = [...new Set(records.map(r => r.firma).filter(Boolean))]; const filtered = firmaFilter === "all" ? records : records.filter(r => r.firma === firmaFilter); const fmtN = (n, birim) => n != null ? `${Number(n).toLocaleString("tr-TR")} ${birim || ""}`.trim() : "—"; const tryTutar = records.filter(r => r.tip === "siparis" && r.birim === "TRY").reduce((a, r) => a + (r.tutar || 0), 0); const usdTutar = records.filter(r => r.tip === "siparis" && r.birim === "USD").reduce((a, r) => a + (r.tutar || 0), 0); const tryOdeme = records.filter(r => r.tip === "odeme" && r.yapilanOdeme > 0).reduce((a, r) => a + r.yapilanOdeme, 0); const handleAdd = (e) => { e.preventDefault(); const adet = parseFloat(form.adet) || 0; const birimFiyat = parseFloat(form.birimFiyat) || 0; const newRec = { id: "stk_" + Date.now(), tip: addTip, firma: form.firma, malzeme: form.malzeme, adet: addTip === "siparis" ? adet : null, siparisTarihi: form.siparisTarihi, birimFiyat: addTip === "siparis" ? birimFiyat : null, tutar: addTip === "siparis" ? adet * birimFiyat : null, birim: form.birim, kimeYapildi: form.kimeYapildi, nerdenOdendi: form.nerdenOdendi, odemeTarihi: form.odemeTarihi, yapilanOdeme: addTip === "odeme" ? (parseFloat(form.yapilanOdeme) || 0) : 0, }; saveRecords([...records, newRec]); setForm(EMPTY); setShowAdd(false); }; const handleDelete = (id) => { if (confirm("Kayıt silinsin mi?")) saveRecords(records.filter(r => r.id !== id)); }; const handleExport = () => { const rows = [ ["Firma","Malzeme","Adet","Sipariş Tarihi","Birim Fiyat","Tutar","Birim","Kime yapıldı","Nereden ödendi","Ödeme Tarihi","Yapılan Ödeme"], ...records.map(r => [r.firma,r.malzeme,r.adet ?? "",r.siparisTarihi,r.birimFiyat ?? "",r.tutar ?? "",r.birim,r.kimeYapildi,r.nerdenOdendi,r.odemeTarihi,r.yapilanOdeme || ""]), ]; const ws = XLSX.utils.aoa_to_sheet(rows); ws["!cols"] = [24,32,6,14,12,12,7,22,16,14,14].map(w => ({ wch: w })); const wb = XLSX.utils.book_new(); XLSX.utils.book_append_sheet(wb, ws, "Stok"); XLSX.writeFile(wb, `DentSide_Stok_${new Date().toISOString().slice(0,10)}.xlsx`); }; return (

Stok & Malzeme

{records.length} kayıt · {firmalar.length} tedarikçi

TRY Siparişler
{tryTutar.toLocaleString("tr-TR")}₺
USD Siparişler
${usdTutar.toLocaleString("tr-TR")}
TRY Ödenen
{tryOdeme.toLocaleString("tr-TR")}₺
Tedarikçiler
{firmalar.length}
{showAdd && (
set("firma", e.target.value)} required list="stk-firma-list"/> {firmalar.map(f =>
set("malzeme", e.target.value)}/>
{addTip === "siparis" && (
set("adet", e.target.value)}/>
set("birimFiyat", e.target.value)}/>
set("siparisTarihi", e.target.value)}/>
)} {addTip === "odeme" && (
set("yapilanOdeme", e.target.value)}/>
set("kimeYapildi", e.target.value)}/>
set("nerdenOdendi", e.target.value)}/>
set("odemeTarihi", e.target.value)}/>
)}
)}
{firmalar.map(f => ( ))}
Firma Malzeme Adet Sipariş Tarihi Birim Fiyat Tutar Kime / Nereden Ödeme Tarihi Yapılan Ödeme
{filtered.length === 0 && (
Kayıt bulunamadı.
)} {filtered.map(r => (
{r.firma} {r.malzeme} {r.adet != null ? r.adet : "—"} {r.siparisTarihi ? fmtDate(r.siparisTarihi) : "—"} {r.birimFiyat != null ? fmtN(r.birimFiyat, r.birim) : "—"} {r.tutar != null ? fmtN(r.tutar, r.birim) : "—"} {r.kimeYapildi &&
{r.kimeYapildi}
} {r.nerdenOdendi &&
{r.nerdenOdendi}
} {!r.kimeYapildi && !r.nerdenOdendi && —} {r.odemeTarihi ? fmtDate(r.odemeTarihi) : "—"} 0 ? "var(--mint)" : r.yapilanOdeme < 0 ? "var(--coral)" : "var(--text-mute)", fontWeight: r.yapilanOdeme ? 600 : 400}}> {r.yapilanOdeme ? r.yapilanOdeme.toLocaleString("tr-TR") : "—"}
))}
); } window.DentViews = { Clinics: window._dsClinic, Finance: window._dsFinance, Schedule: window._dsSchedule, Treatments: window._dsTreatments, Reports, Settings, Help, Stock, Placeholder };