// =================================================================
// pw-screens-operator.jsx — Platform Operator §9–12
// OpOverview · SaasPlans · Brands · DiscountTemplates · PublisherConfig
// =================================================================
// =================================================================
// Operator overview
// =================================================================
const OpOverviewScreen = ({ data }) => {
const totalSubs = data.publishers.reduce((a, p) => a + p.subscribers, 0);
const activeBrands = data.advertisers.filter(b => b.status === "active").length;
const liveTemplates = data.discountTemplates.filter(t => t.status === "active").length;
const mrr = data.publishers.reduce((a, p) => {
const plan = data.platformPlans.find(pl => pl.plan_code === p.plan_code);
return a + (plan?.price_fiat || 0);
}, 0);
return (
} onClick={() => window.__nav("publishers")}/>
}/>
}/>
}/>
{/* No delta. "+6.2%" was hardcoded in this JSX — it was never computed from anything, so it
claimed growth beside whatever the real MRR turned out to be, including $0.00. Nothing
here tracks MRR over time yet; when something does, the delta can come from it. */}
}/>
{/* The tenant list and its Create button moved to their own screen (#/publishers, Tenants in
the nav). Overview is a summary; an actionable table on it was easy to scroll past, and
provisioning was something you had to already know was there. The KPI above links across. */}
);
};
// =================================================================
// §9 SaaS Plans
// =================================================================
const SaasPlanModal = ({ open, onClose, plan, onSave }) => {
const [f, setF] = React.useState(plan || {});
React.useEffect(() => { if (open) setF(plan ? { ...plan, _features: plan.features.join("\n") } : {}); }, [open, plan]);
const set = (patch) => setF(prev => ({ ...prev, ...patch }));
if (!plan) return null;
return (
Cancel { onSave({ ...f, features: (f._features || "").split("\n").map(s => s.trim()).filter(Boolean) }); onClose(); }}>Save plan}>
set({ name: e.target.value })}/>