Refine UX: center lock icon and force scroll to top

Two refinements to improve AI feature UX:

1. Lock Icon Centering (Types.php)
   - Re-added flexbox with center alignment (justify-content: center)
   - Positioned near top using align-items: flex-start with 60px padding
   - Icon is now centered horizontally and positioned at top without text overlap

2. Scroll Position Fix (Types.php + frame.js)
   - Added inline JavaScript to force scroll to top on page load
   - Uses both DOMContentLoaded and load events to ensure scroll stays at top
   - Overrides any cached JavaScript that might cause auto-scroll
   - Cleaned up frame.js by removing obsolete commented code

This ensures the AI image upload section is always visible when opening
the chart creation modal, regardless of browser caching.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

Author: vytisbulkevicius

classes/Visualizer/Render/Page/Types.php

@@ -78,7 +78,7 @@ protected function _renderContent() {
 
 		if ( $show_api_lock ) {
 			// Show API key configuration lock (for PRO users without API keys)
-			echo '<div style="position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255,255,255,0.9); border-radius: 8px; z-index: 10; padding-top: 40px;">';
+			echo '<div style="position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255,255,255,0.9); border-radius: 8px; z-index: 10; display: flex; align-items: flex-start; justify-content: center; padding-top: 60px;">';
 			echo '<div style="text-align: center; padding: 20px;">';
 			echo '<span class="dashicons dashicons-lock" style="font-size: 48px; color: #999; margin-bottom: 10px; display: block;"></span>';
 			echo '<h3 style="margin: 10px 0; color: #666;">' . esc_html__( 'AI Features - API Key Required', 'visualizer' ) . '</h3>';
@@ -169,6 +169,12 @@ protected function _renderContent() {
 			echo '</div>';
 		}
 		echo '</div>';
+
+		// Ensure the view scrolls to top when loaded (keep AI image upload section visible)
+		echo '<script type="text/javascript">';
+		echo 'window.addEventListener("DOMContentLoaded", function() { window.scrollTo(0, 0); });';
+		echo 'window.addEventListener("load", function() { window.scrollTo(0, 0); });';
+		echo '</script>';
 	}
 
 	/**

js/frame.js

@@ -7,14 +7,7 @@
 /* global vizHaveSettingsChanged */
 
 (function ($) {
-    $(window).on('load', function(){
-        // Removed auto-scroll to chart-select to keep the image upload section visible
-        // let chart_select = $('#chart-select');
-        // if(chart_select.length > 0){
-        //     // scroll to the selected chart type.
-        //     $('#chart-select')[0].scrollIntoView();
-        // }
-    });
+    // Auto-scroll removed - scroll position is now managed in Types.php to keep AI image upload visible
 
     $(document).ready(function () {
         onReady();