subcontractor payments table added in owners box

src/pages/owner/OwnerSnapshot.jsx

@@ -8,6 +8,7 @@ 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 SubcontractorPaymentsPanel from '../../components/owner/SubcontractorPaymentsPanel';
 import { SpotlightCard } from '../../components/SpotlightCard';
 import {
     BarChart, Bar, XAxis, YAxis, Tooltip, ResponsiveContainer, PieChart, Pie, Cell, Legend
@@ -24,6 +25,7 @@ const OwnerSnapshot = () => {
         orgCommissionDefaults, userCommissionOverrides,
         roleCommissionOverrides, orgMembers,
         addJobTeamMember, removeJobTeamMember, updateJobTeamMember,
+        subcontractorTasks, subcontractors,
     } = useMockStore();
 
     // Find the current owner profile
@@ -404,6 +406,23 @@ const OwnerSnapshot = () => {
                         </SpotlightCard>
                     </section>
                 )}
+
+                {/* ── Owner's Box — Subcontractor Payments ── */}
+                {subcontractorTasks?.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-amber-500 rounded-full mr-3"></span>
+                            Subcontractor Payments
+                        </h2>
+                        <SpotlightCard className="p-5 lg:p-6" spotlightColor="rgba(245, 158, 11, 0.06)">
+                            <SubcontractorPaymentsPanel
+                                subcontractorTasks={subcontractorTasks}
+                                subcontractors={subcontractors}
+                                projects={projects}
+                            />
+                        </SpotlightCard>
+                    </section>
+                )}
             </div>
 
             {/* Interactive Modals */}