feat: Restore full assimilation logic and UI refinements for HF push

backend/nlp_api.py

@@ -556,11 +556,20 @@ def create_learning_summary():
             if score >= hl:
                 total_earned_base_pts += resource.get('base_points', 50)
     
+    # ──── XP SYNC & REWARD CALCULATION ──────────────────────────
+    # Ensure backend Reward stays synced with frontend. 
+    current_reward = session.get('totalReward', 0)
+    base_visited_reward = sum(r.get('reward', 50) for r in visited_resources)
+    
+    # Calculate summary quality bonus
     high_line_sum = max(0.1, high_line_sum)
-    xp_earned = int(total_earned_base_pts * (current_polyline_sum / high_line_sum))
+    summary_bonus = int(total_earned_base_pts * (current_polyline_sum / high_line_sum))
+    
+    # Final XP Earned (ensure participation reward)
+    xp_earned = max(25, summary_bonus)
     
-    # Update session with new XP
-    session['totalReward'] = session.get('totalReward', 0) + xp_earned
+    # Update session (ensuring no point loss)
+    session['totalReward'] = max(current_reward, base_visited_reward) + xp_earned
     session = sync_agent_progression(session)
     update_session(session_id, session)
     
@@ -631,10 +640,13 @@ def create_learning_summary():
             'name': 'Current Average Knowledge',
             'module_scores': avg_scores,
             'isActive': True,
-            'color': 'rgba(59, 130, 246, 0.8)'
+            'color': 'rgba(59, 130, 246, 0.8)',
+            'assimilation_position': radial_mapper.polyline_to_grid(avg_scores, num_topics=len(ordered_modules))
         },
         'next_recommendation': new_polyline['next_recommendation'],
-        'keywords_found': keywords_found
+        'keywords_found': keywords_found,
+        'totalReward': session['totalReward'],
+        'xp_earned': xp_earned
     })
 
 
@@ -642,7 +654,6 @@ def create_learning_summary():
 # POLYLINE ENDPOINTS
 # =============================================
 
-@app.route('/api/polylines', methods=['GET'])
 @app.route('/api/polylines', methods=['GET'])
 def get_polylines_route():
     """Get all polylines including dynamically generated High Line and Current Average polylines"""

src/components/GridVisualization.tsx

@@ -507,7 +507,7 @@ export const GridVisualization: React.FC<GridVisualizationProps> = ({
                 <div className={`
                   relative flex items-center justify-center
                   w-10 h-10 transform transition-all duration-300
-                  ${selectedResource?.id === resource.id ? 'scale-110' : 'hover:scale-110 hover:-translate-y-1'}
+                  ${currentResource?.id === resource.id ? 'scale-150 z-50 animate-pulse' : (selectedResource?.id === resource.id ? 'scale-110' : 'hover:scale-110 hover:-translate-y-1')}
                 `}>
                   {/* Outer Glow */}
                   <div className={`absolute inset-0 rounded-full blur-[8px] opacity-25 ${
@@ -528,6 +528,11 @@ export const GridVisualization: React.FC<GridVisualizationProps> = ({
                   `}>
                     <ResourceIcon type={resource.type} />
                   </div>
+                  
+                  {/* Current Resource "Pop-out" Highlight */}
+                  {currentResource?.id === resource.id && (
+                    <div className="absolute inset-[-12px] rounded-full bg-blue-400/20 blur-xl animate-pulse pointer-events-none" />
+                  )}
 
                   {/* Current Resource Highlight - pulsing golden ring */}
                   {currentResource?.id === resource.id && (
@@ -851,16 +856,29 @@ export const GridVisualization: React.FC<GridVisualizationProps> = ({
                   }}
                   transition={{ duration: 2.5, repeat: Infinity, ease: 'easeInOut' }}
                 />
-                {/* Diamond marker */}
-                <div
-                  className="relative w-5 h-5 flex items-center justify-center"
-                  style={{ transform: 'rotate(45deg)' }}
-                >
+                {/* Icon/Marker Rendering */}
+                {point.id === 'current_average' ? (
+                  /* Avatar Icon for Average Knowledge */
+                  <div className="relative w-10 h-10 rounded-full border-2 border-white shadow-xl overflow-hidden bg-white p-0.5 animate-in zoom-in-50 duration-500">
+                    <img 
+                      src={avatar} 
+                      alt="Current Average" 
+                      className="w-full h-full rounded-full object-cover"
+                    />
+                    <div className="absolute bottom-0 right-0 w-2.5 h-2.5 bg-blue-500 border border-white rounded-full shadow-sm" />
+                  </div>
+                ) : (
+                  /* Standard Diamond for Peak Potential */
                   <div
-                    className="w-4 h-4 rounded-sm shadow-lg border-2 border-white"
-                    style={{ backgroundColor: point.color }}
-                  />
-                </div>
+                    className="relative w-5 h-5 flex items-center justify-center"
+                    style={{ transform: 'rotate(45deg)' }}
+                  >
+                    <div
+                      className="w-4 h-4 rounded-sm shadow-lg border-2 border-white"
+                      style={{ backgroundColor: point.color }}
+                    />
+                  </div>
+                )}
                 {/* Label tooltip below */}
                 <div
                   className="absolute top-[calc(100%+2px)] left-1/2 -translate-x-1/2 whitespace-nowrap"