org level commission distribution for each member

src/pages/owner/OwnerSnapshot.jsx

@@ -7,6 +7,7 @@ import UrgentItemsPanel from '../../components/owner/UrgentItemsPanel';
 import FinancialDetailsModal from '../../components/owner/FinancialDetailsModal';
 import ActionCenterModal from '../../components/owner/ActionCenterModal';
 import TeamManagementPanel from '../../components/owner/TeamManagementPanel';
+import CommissionDistributionPanel from '../../components/owner/CommissionDistributionPanel';
 import { SpotlightCard } from '../../components/SpotlightCard';
 import {
     BarChart, Bar, XAxis, YAxis, Tooltip, ResponsiveContainer, PieChart, Pie, Cell, Legend
@@ -384,6 +385,25 @@ const OwnerSnapshot = () => {
                         </SpotlightCard>
                     </section>
                 )}
+
+                {/* ── Owner's Box — Org-Wide Commission Distribution ── */}
+                {ownerProjects.length > 0 && (
+                    <section>
+                        <h2 className="text-xl font-bold text-zinc-900 dark:text-white/90 mb-4 flex items-center">
+                            <span className="w-2 h-8 bg-emerald-500 rounded-full mr-3"></span>
+                           Organization Commission Overview
+                        </h2>
+                        <SpotlightCard className="p-5 lg:p-6" spotlightColor="rgba(16, 185, 129, 0.06)">
+                            <CommissionDistributionPanel
+                                ownerProjects={ownerProjects}
+                                orgCommissionDefaults={orgCommissionDefaults}
+                                userCommissionOverrides={userCommissionOverrides}
+                                roleCommissionOverrides={roleCommissionOverrides}
+                                orgMembers={orgMembers}
+                            />
+                        </SpotlightCard>
+                    </section>
+                )}
             </div>
 
             {/* Interactive Modals */}