Update components/PropertiesPanel.tsx

components/PropertiesPanel.tsx

@@ -1,9 +1,9 @@
-
 import React from 'react';
 import { Node } from 'reactflow';
 import { NodeData, LayerDefinition, LogEntry } from '../types';
 import { LAYER_DEFINITIONS } from '../constants';
 import { X, Trash2, Activity, Info, CheckCircle, AlertTriangle, AlertOctagon, ChevronDown } from 'lucide-react';
+import GoogleAd from './GoogleAd';
 
 interface PropertiesPanelProps {
   selectedNode: Node<NodeData> | null;
@@ -66,9 +66,12 @@ const PropertiesPanel: React.FC<PropertiesPanelProps> = ({ selectedNode, onChang
             )}
             
             <div className="pt-4 text-center">
-               <p className="text-[10px] text-slate-600">
+               <p className="text-[10px] text-slate-600 mb-4">
                  Select a node on the canvas to configure parameters.
                </p>
+               <div className="border-t border-slate-800/50 pt-2">
+                 <GoogleAd className="min-h-[100px]" />
+               </div>
             </div>
         </div>
       </div>
@@ -200,6 +203,11 @@ const PropertiesPanel: React.FC<PropertiesPanelProps> = ({ selectedNode, onChang
           {definition.parameters.length === 0 && (
              <p className="text-sm text-slate-500 text-center py-4">This layer has no configurable parameters.</p>
           )}
+
+          {/* Properties Panel Ad Spot */}
+          <div className="pt-4 border-t border-slate-800/50 mt-4">
+             <GoogleAd />
+          </div>
         </div>
       </div>
 
@@ -216,4 +224,4 @@ const PropertiesPanel: React.FC<PropertiesPanelProps> = ({ selectedNode, onChang
   );
 };
 
-export default PropertiesPanel;
+export default PropertiesPanel;