Fix AI features visibility and menu registration

Critical fixes for AI features not appearing:

1. **Add AI Settings menu item**:
   - Register submenu page in Admin::registerAdminMenu()
   - Add Admin::renderAISettingsPage() method
   - Menu now appears under Visualizer menu

2. **Fix AI chat sidebar visibility**:
   - Call _renderAIConfigurationGroup() from _renderGeneralSettings()
   - Added to both Google.php and ChartJS.php sidebars
   - AI chat now shows in chart editor for all chart types

3. **Fix page URL references**:
   - Changed 'viz-ai-settings' to 'visualizer-ai-settings'
   - Updated links in Sidebar.php and Types.php
   - "Configure AI Settings" buttons now work correctly

Fixes reported issues:
- AI Settings menu not visible
- Permission denied error (wrong page slug)
- AI chat interface not showing in sidebar

Author: vytisbulkevicius

classes/Visualizer/Module/Admin.php

@@ -746,6 +746,16 @@ public function registerAdminMenu() {
 			'admin.php?page=' . Visualizer_Plugin::NAME . '&vaction=addnew'
 		);
 
+		// Add AI Settings submenu
+		add_submenu_page(
+			Visualizer_Plugin::NAME,
+			__( 'AI Settings', 'visualizer' ),
+			__( 'AI Settings', 'visualizer' ),
+			'edit_posts',
+			'visualizer-ai-settings',
+			array( $this, 'renderAISettingsPage' )
+		);
+
 		$this->_supportPage = add_submenu_page(
 			Visualizer_Plugin::NAME,
 			__( 'Support', 'visualizer' ),
@@ -969,6 +979,19 @@ public function renderSupportPage() {
 		include_once VISUALIZER_ABSPATH . '/templates/support.php';
 	}
 
+	/**
+	 * Renders AI Settings page.
+	 *
+	 * @since 3.12.0
+	 *
+	 * @access public
+	 * @return void
+	 */
+	public function renderAISettingsPage() {
+		$render = new Visualizer_Render_Page_AISettings();
+		$render->render();
+	}
+
 	/**
 	 * Renders visualizer library page.
 	 *

classes/Visualizer/Render/Page/Types.php

@@ -83,7 +83,7 @@ protected function _renderContent() {
 			echo '<span class="dashicons dashicons-lock" style="font-size: 48px; color: #999; margin-bottom: 10px;"></span>';
 			echo '<h3 style="margin: 10px 0; color: #666;">' . esc_html__( 'AI Features - API Key Required', 'visualizer' ) . '</h3>';
 			echo '<p style="margin: 10px 0; color: #666;">' . esc_html__( 'Configure your AI API key to use AI-powered chart creation from images.', 'visualizer' ) . '</p>';
-			echo '<a href="' . admin_url( 'admin.php?page=viz-ai-settings' ) . '" class="button button-primary" style="margin-top: 10px;">';
+			echo '<a href="' . admin_url( 'admin.php?page=visualizer-ai-settings' ) . '" class="button button-primary" style="margin-top: 10px;">';
 			echo esc_html__( 'Configure AI Settings', 'visualizer' );
 			echo '</a>';
 			echo '</div>';

classes/Visualizer/Render/Sidebar.php

@@ -864,7 +864,7 @@ protected function _renderAIConfigurationGroup() {
 			sprintf(
 				// translators: %1$s - HTML link tag, %2$s - HTML closing link tag.
 				esc_html__( 'Chat with AI to customize your chart. Ask questions, get suggestions, or describe what you want. The AI understands your chart type and current configuration. %1$sConfigure API keys%2$s', 'visualizer' ),
-				'<a href="' . admin_url( 'admin.php?page=viz-ai-settings' ) . '" target="_blank">',
+				'<a href="' . admin_url( 'admin.php?page=visualizer-ai-settings' ) . '" target="_blank">',
 				'</a>'
 			)
 		);

classes/Visualizer/Render/Sidebar/ChartJS.php

@@ -198,6 +198,9 @@ protected function _renderChartTitleSettings() {
 	 * @access protected
 	 */
 	protected function _renderGeneralSettings() {
+		// AI Configuration Group - render first
+		$this->_renderAIConfigurationGroup();
+
 		self::_renderGroupStart( esc_html__( 'General Settings', 'visualizer' ) );
 			self::_renderSectionStart();
 				self::_renderSectionDescription( esc_html__( 'Configure title, font styles, tooltip, legend and else settings for the chart.', 'visualizer' ) );

classes/Visualizer/Render/Sidebar/Google.php

@@ -171,6 +171,9 @@ protected function _renderRoleField( $index ) {
 	 * @access protected
 	 */
 	protected function _renderGeneralSettings() {
+		// AI Configuration Group - render first
+		$this->_renderAIConfigurationGroup();
+
 		self::_renderGroupStart( esc_html__( 'General Settings', 'visualizer' ) );
 			self::_renderSectionStart();
 				self::_renderSectionDescription( esc_html__( 'Configure title, font styles, tooltip, legend and else settings for the chart.', 'visualizer' ) );