+ {/* Yalnız yazdırmada: kağıtta hangi kapsamın basıldığı belli olsun */}
+
+ {describeFilter(filter, {
+ period: (id) => periods.data.find((p) => p.id === id)?.name,
+ category: (id) => categories.data.find((c) => c.id === id)?.name,
+ method: (id) => methods.data.find((m) => m.id === id)?.name,
+ })}
+
+
+ {breakdown.isError ? (
+
+ ) : !breakdown.data ? (
+
+ ) : (
+
+ )}
+
+ {stats.data && (
+
+ )}
+ {portfolio.data &&
}
+
+
+
+ {title}
+
+ {(hint || note) && (
+
+ {hint}
+ {hint && note && ' · '}
+ {note}
+
+ )}
+
+
+ {csv && (
+
+ )}
+
+
+
+
+
+
+ | {firstHeader} |
+ {showCount && {s.count} | }
+ {s.share} |
+ {s.amount} |
+
+
+
+ {rows.map((r) => {
+ const ratio = total > 0 ? r.amount / total : 0
+ return (
+
+ |
+ {r.label}
+
+ |
+ {showCount && {r.count ?? ''} | }
+
+ {formatPercent(ratio)}
+ |
+
+ {formatMoney(r.amount)}
+ |
+
+ )
+ })}
+
+
+
+ | {s.total} |
+ {showCount && (
+
+ {rows.reduce((a, r) => a + (r.count ?? 0), 0)}
+ |
+ )}
+ |
+ {formatMoney(total)} |
+
+
+
+
{s.noPeriods}
+ ) : (
+ <>
+
+
+
+ {s.periodsSummary(periods.length)}
+
+
+
+
+ | {s.period} |
+ {s.income} |
+ {s.expense} |
+ {s.realized} |
+ {s.rate} |
+
+
+
+ {[...periods].reverse().map((p) => (
+
+ | {p.name} |
+
+ {formatMoney(p.income_total)}
+ |
+
+ {formatMoney(p.fixed_expense_total + p.spent)}
+ |
+
+ {formatMoney(p.realized_savings)}
+ |
+ {pct(savingsRate(p))} |
+
+ ))}
+
+
+
{s.noPeriods}
+ ) : (
+ <>
+
+
+
+ {last && (
+
+ {s.rateSummary(last.name, pct(savingsRate(last)))}
+
+ )}
+
+ )}
+
+ )
+}
+
+// ---------- Kırılımlar (filtrelere göre) ----------
+
+export function GroupsReport({ b }: { b: ReportBreakdown }) {
+ return (
+ [
+ group(r.group).label,
+ r.count,
+ csvPercent(b.total ? r.total / b.total : 0),
+ csvMoney(r.total),
+ ]),
+ }}
+ >
+ {
+ const g = group(r.group)
+ return {
+ key: r.group,
+ label: (
+
+ {g.emoji} {g.label}
+
+ ),
+ amount: r.total,
+ count: r.count,
+ color: g.className.fill,
+ }
+ })}
+ />
+
+ )
+}
+
+export function CategoriesReport({
+ b,
+ categories,
+}: {
+ b: ReportBreakdown
+ categories: CatalogItem[]
+}) {
+ const name = (id: string) => categories.find((c) => c.id === id)
+ return (
+ [
+ name(r.category_id)?.name ?? '—',
+ group(r.group).label,
+ r.count,
+ csvPercent(b.total ? r.total / b.total : 0),
+ csvMoney(r.total),
+ ]),
+ }}
+ >
+ {b.categories.length === 0 ? (
+ {s.empty}
+ ) : (
+ {
+ const c = name(r.category_id)
+ const g = group(r.group)
+ return {
+ key: r.category_id,
+ label: (
+ <>
+ {c?.emoji ? `${c.emoji} ` : ''}
+ {c?.name ?? '—'}{' '}
+ {g.label}
+
+ ),
+ amount: r.total,
+ count: r.count,
+ color: g.className.fill,
+ }
+ })}
+ />
+ )}
+
+ )
+}
+
+export function MethodsReport({ b, methods }: { b: ReportBreakdown; methods: CatalogItem[] }) {
+ const name = (id: string | null) =>
+ id ? (methods.find((m) => m.id === id)?.name ?? '—') : s.noMethod
+ return (
+ [
+ name(r.payment_method_id),
+ r.count,
+ csvPercent(b.total ? r.total / b.total : 0),
+ csvMoney(r.total),
+ ]),
+ }}
+ >
+ {b.payment_methods.length === 0 ? (
+ {s.empty}
+ ) : (
+ ({
+ key: r.payment_method_id ?? 'none',
+ label: name(r.payment_method_id),
+ amount: r.total,
+ count: r.count,
+ }))}
+ />
+ )}
+
+ )
+}
+
+export function MonthsReport({ b }: { b: ReportBreakdown }) {
+ return (
+ [formatMonth(r.month), r.count, csvMoney(r.total)]),
+ }}
+ >
+ {b.months.length === 0 ? (
+ {s.empty}
+ ) : (
+ ({
+ key: r.month,
+ label: formatMonth(r.month),
+ amount: r.total,
+ count: r.count,
+ }))}
+ />
+ )}
+
+ )
+}
+
+// ---------- Bütçe sapması (tek dönem) ----------
+
+export function DeviationReport({ period }: { period: Period | null }) {
+ if (!period) {
+ return (
+
+ {s.noDeviationPeriod}
+
+ )
+ }
+ return
+}
+
+function DeviationView({ period }: { period: Period }) {
+ const budget = useBudget(period.id)
+ const rows = budget.data ? deviation(budget.data) : []
+ const weeks = period.weeks.map((w, i) => {
+ const planned = budget.data?.reduce((a, b) => a + (b.weeks[i]?.amount ?? 0), 0) ?? 0
+ const spent = budget.data?.reduce((a, b) => a + (b.weeks[i]?.spent ?? 0), 0) ?? 0
+ return { w, planned, spent, diff: planned - spent }
+ })
+ const totals = rows.reduce(
+ (a, r) => ({ planned: a.planned + r.planned, spent: a.spent + r.spent }),
+ {
+ planned: 0,
+ spent: 0,
+ },
+ )
+ return (
+ [
+ group(r.group).label,
+ csvMoney(r.planned),
+ csvMoney(r.spent),
+ csvMoney(r.diff),
+ csvPercent(r.used),
+ ]),
+ ...weeks.map(({ w, planned, spent, diff }) => [
+ s.week(w.index, `${formatDayMonth(w.start_date)}–${formatDayMonth(w.last_date)}`),
+ csvMoney(planned),
+ csvMoney(spent),
+ csvMoney(diff),
+ csvPercent(planned ? spent / planned : null),
+ ]),
+ ],
+ }}
+ >
+ {budget.isError ? (
+
+ ) : !budget.data ? (
+
+ ) : (
+
+ {
+ const g = group(r.group)
+ return {
+ key: r.group,
+ label: (
+
+ {g.emoji} {g.label}
+
+ ),
+ ...r,
+ }
+ }),
+ ]}
+ total={{ ...totals, diff: totals.planned - totals.spent }}
+ />
+ {s.weeksTitle}
+ ({
+ key: String(w.index),
+ label: s.week(
+ w.index,
+ `${formatDayMonth(w.start_date)}–${formatDayMonth(w.last_date)}`,
+ ),
+ planned,
+ spent,
+ diff,
+ used: planned ? spent / planned : null,
+ }))}
+ />
+
+ )}
+
+ )
+}
+
+function DevTable({
+ first,
+ rows,
+ total,
+}: {
+ first: string
+ rows: {
+ key: string
+ label: ReactNode
+ planned: number
+ spent: number
+ diff: number
+ used: number | null
+ }[]
+ total?: { planned: number; spent: number; diff: number }
+}) {
+ return (
+
+
+
+ | {first} |
+ {s.planned} |
+ {s.spent} |
+ {s.diff} |
+ {s.used} |
+
+
+
+ {rows.map((r) => (
+
+ | {r.label} |
+
+ {formatMoney(r.planned)}
+ |
+ {formatMoney(r.spent)} |
+
+ {signed(r.diff)}
+ |
+ 1 && 'text-expense')}>
+ {pct(r.used)}
+ |
+
+ ))}
+
+ {total && (
+
+
+ | {s.total} |
+
+ {formatMoney(total.planned)}
+ |
+
+ {formatMoney(total.spent)}
+ |
+
+ {signed(total.diff)}
+ |
+
+ {pct(total.planned ? total.spent / total.planned : null)}
+ |
+
+
+ )}
+
+ )
+}
+
+// ---------- Varlıklar ----------
+
+export function AssetsReport({ p }: { p: Portfolio }) {
+ const items = p.items.filter((i) => i.asset.quantity_e6 > 0 || i.asset.realized_pl !== 0)
+ return (
+ [
+ i.asset.name,
+ `${formatE6(i.asset.quantity_e6)} ${i.asset.unit_label}`,
+ csvMoney(i.asset.cost),
+ i.value === null ? '' : csvMoney(i.value),
+ i.unrealized_pl === null ? '' : csvMoney(i.unrealized_pl),
+ i.unrealized_pl === null ? '' : csvPercent(plRatio(i.unrealized_pl, i.asset.cost)),
+ csvMoney(i.asset.realized_pl),
+ ]),
+ }}
+ >
+ {items.length === 0 ? (
+ {s.noAssets}
+ ) : (
+
+
+
+
+ | {s.asset} |
+ {s.cost} |
+ {s.value} |
+ {s.unrealized} |
+
+
+
+ {items.map((i) => {
+ const pl = i.unrealized_pl
+ const r = pl === null ? null : formatPlPercent(plRatio(pl, i.asset.cost))
+ return (
+
+ |
+ {i.asset.name}
+ {qty(i.asset)}
+ |
+
+ {formatMoney(i.asset.cost)}
+ |
+
+ {i.value === null ? '—' : formatMoney(i.value)}
+ |
+ 0 ? 'text-income' : (pl ?? 0) < 0 ? 'text-expense' : '',
+ )}
+ >
+ {pl === null ? '—' : signed(pl)}
+ {r && {r} }
+ |
+
+ )
+ })}
+
+
+
+ | {s.total} |
+
+ {formatMoney(p.cost_total)}
+ |
+
+ {formatMoney(p.value_total)}
+ |
+
+ {signed(p.unrealized_pl_total)}
+ |
+
+
+
+ {p.realized_pl_total !== 0 && (
+
+ {s.realizedPl}: {signed(p.realized_pl_total)}
+
+ )}
+