Changeset 357015

Timestamp:

11/03/2026 06:49:35 PM (4 hours ago)

Author:

themedropbox

Message:

New version of Blogger Mag - 0.8

Location:

blogger-mag/0.8

Files:

• . (copied) (copied from blogger-mag/0.7 )
• admin/admin.php (added)
• admin/blogger-mag-admin-plugin-install.php (modified) (5 diffs)
• admin/css/admin.css (modified) (6 diffs)
• admin/images (added)
• admin/images/an-icon.jpg (added)
• admin/images/ansar-icon.png (added)
• admin/images/ansar-import-logo.png (added)
• admin/images/blogger-mag.svg (added)
• admin/images/demos.avif (added)
• admin/js/blogger-mag-admin-script.js (modified) (2 diffs)
• admin/tabs (added)
• admin/tabs/compare.php (added)
• admin/tabs/right-sidebar.php (added)
• admin/tabs/starter-sites.php (added)
• archive.php (added)
• css/core.css (modified) (2 diffs)
• footer.php (modified) (1 diff)
• functions.php (modified) (7 diffs)
• header.php (modified) (2 diffs)
• images/notice-img.png (deleted)
• images/notice-img.webp (added)
• inc/customizer.php (modified) (1 diff)
• inc/customizer/defaults.php (modified) (1 diff)
• inc/customizer/sanitizations.php (modified) (1 diff)
• inc/customizer/settings/customize-options.php (modified) (1 diff)
• index.php (modified) (1 diff)
• parts (added)
• parts/sidebar.html (added)
• patterns (added)
• patterns/archive-pattern.php (added)
• patterns/footer-pattern.php (added)
• patterns/header-pattern.php (added)
• patterns/single-post-pattern.php (added)
• readme.txt (modified) (2 diffs)
• single.php (modified) (1 diff)
• style.css (modified) (2 diffs)
• templates (added)
• templates/fullwidth.php (added)
• theme.json (added)

blogger-mag/0.8/admin/blogger-mag-admin-plugin-install.php

@@ -39 +39 @@
                         <?php
                             echo wp_kses_post( sprintf(
+                                /* translators: 1: Theme Name, 2: Ansar Import link, 3: Theme Name */
                                 __(
-                                    'Thank you for choosing %1$s theme. To take full advantage of the complete features of the theme, click Get Started and install and activate the %2$s & %3$s plugins, then use the demo importer and install the %4$s demo according to your need.',
+                                    'Thank you for choosing %1$s theme. To take full advantage of the complete features of the theme, click Get Started to install and activate the %2$s plugin, then use the demo importer to import your favorite %3$s starter site (required plugins are handled automatically by Ansar Import).',
                                     'blogger-mag'
                                 ),
-                                esc_html($theme_info->Name),
-                                '<a href="https://wordpress.org/plugins/ansar-import" target="_blank">' . esc_html__('Ansar Import', 'blogger-mag') . '</a>',
-                                '<a href="https://wordpress.org/plugins/ansar-elements" target="_blank">' . esc_html__('Ansar Elements', 'blogger-mag') . '</a>',
-                                esc_html($theme_info->Name)
+                                esc_html( $theme_info->Name ),
+                                '<a href="https://wordpress.org/plugins/ansar-import/" target="_blank" rel="noopener noreferrer">' . esc_html__( 'Ansar Import', 'blogger-mag' ) . '</a>',
+                                esc_html( $theme_info->Name )
                             ) );
                             ?>
@@ -53 +53 @@
                         <div class="panel-column-6">
                             <div class="blogger-mag-notice-buttons">
-                                <a class="blogger-mag-btn-get-started button button-primary button-hero blogger-mag-button-padding" href="#" data-name="" data-slug=""><span aria-hidden="true" class="dashicons dashicons-external"></span><?php esc_html_e( 'Get Started', 'blogger-mag' ) ?></a>
-                                <a class="blogger-mag-btn-demos button button-secondary button-hero blogger-mag-button-padding" href="<?php echo esc_url('https://themeansar.com/ansar-elements/starter-sites/')?>" data-name="" data-slug=""><span aria-hidden="true" class="dashicons dashicons-images-alt"></span><?php esc_html_e( 'View Demos', 'blogger-mag' ) ?></a>
+                                <?php if ( function_exists( 'is_plugin_active' ) && is_plugin_active( 'ansar-import/ansar-import.php' ) ) : ?>
+                                    <a class="button button-primary button-hero blogger-mag-button-padding" href="<?php echo esc_url( admin_url( 'admin.php?page=blogger_mag_admin_menu&tab=starter-sites' ) ); ?>"><span aria-hidden="true" class="dashicons dashicons-images-alt"></span><?php esc_html_e( 'Get Started', 'blogger-mag' ); ?></a>
+                                <?php else : ?>
+                                    <a class="blogger-mag-btn-get-started button button-primary button-hero blogger-mag-button-padding" href="#" data-name="ansar-import" data-slug="ansar-import"><span aria-hidden="true" class="dashicons dashicons-external"></span><?php esc_html_e( 'Get Started', 'blogger-mag' ); ?></a>
+                                <?php endif; ?>
+                                <a class="blogger-mag-btn-demos button button-secondary button-hero blogger-mag-button-padding" href="<?php echo esc_url( admin_url( 'admin.php?page=blogger_mag_admin_menu' ) ); ?>"><span aria-hidden="true" class="dashicons dashicons-dashboard"></span><?php esc_html_e( 'Theme Dashboard', 'blogger-mag' ); ?></a>
                             </div>
                             <div class="blogger-mag-notice-links">
@@ -74 +78 @@
                     <div class="blogger-mag-notice_image">
                     <?php 
-                    $image_url = get_theme_file_uri( '/images/notice-img.png' );
+                    $image_url = get_theme_file_uri( '/images/notice-img.webp' );
                     // Check if the file exists
-                    if ( file_exists( get_theme_file_path( '/images/notice-img.png' ) ) ) { ?>
+                    if ( file_exists( get_theme_file_path( '/images/notice-img.webp' ) ) ) { ?>
                         <img class="blogger-mag-screenshot" src="<?php echo esc_url( $image_url ); ?>" alt="<?php esc_attr_e( 'Blogger Mag', 'blogger-mag' ); ?>" />
                     <?php } ?>
@@ -106 +110 @@
     include_once ABSPATH . 'wp-admin/includes/plugin.php';
 
-    // List of plugins to install and activate
+    // Only install and activate ansar-import; demo-specific required plugins are handled by ansar-import.
     $plugins = array(
-        'elementor' => 'elementor/elementor.php',
-        'ansar-elements' => 'ansar-elements/ansar-elements.php',
         'ansar-import' => 'ansar-import/ansar-import.php',
     );
@@ -138 +140 @@
         if ( current_user_can( 'activate_plugins' ) ) {
             activate_plugin( $main_file );
-
-            // Elementor redirect skip (only once)
-            if ( 'elementor' === $slug ) {
-
-                if ( get_option( 'elementor_onboarded' ) ) {
-                    delete_option( 'elementor_onboarded' );
-                }
-
-                if ( ! get_option( 'blogger_mag_elementor_skip_done', false ) ) {
-                    delete_transient( 'elementor_activation_redirect' );
-                    update_option( 'blogger_mag_elementor_skip_done', true );
-                }
-            }
         }
     }
 
-    wp_send_json_success( array( 'message' => __( 'All plugins installed and activated successfully.', 'blogger-mag' ) ) );
+    wp_send_json_success( array( 'message' => __( 'Ansar Import installed and activated successfully.', 'blogger-mag' ) ) );
 }

blogger-mag/0.8/admin/css/admin.css

@@ +1 @@
+/* ==========================================================================
+   1. Admin Notice & Customizer Section Styles (Existing)
+   ========================================================================== */
 .blogger-mag-notice {
   position: relative;
@@ -25 +28 @@
   position: relative;
 }
-.blogger-mag-notice-links>.blogger-mag-videos {
-    display: none;
+.blogger-mag-notice-links > .blogger-mag-videos {
+  display: none;
 }
 .blogger-mag-notice-content .blogger-mag-notice_image .blogger-mag-screenshot {
@@ -38 +41 @@
   line-height: 1.4;
 }
-.blogger-mag-notice_text .panel-column-6{
+.blogger-mag-notice_text .panel-column-6 {
   display: flex;
   align-items: center;
@@ -47 +50 @@
   margin-top: 16px;
 }
-.panel-column-6 .blogger-mag-notice-buttons{
+.panel-column-6 .blogger-mag-notice-buttons {
   display: flex;
   gap: 10px;
-  /* margin-top: 10px; */
   flex-wrap: wrap;
 }
@@ -59 +61 @@
   flex-wrap: wrap;
 }
-.blogger-mag-notice_text .notice p, .notice-title, div.updated p, div.error p, .form-table td .notice p  {padding-right: 25px; font-size: 15px;}
-.blogger-mag-notice-link{ 
-  display:inline;
+.blogger-mag-notice_text .notice p,
+.notice-title,
+div.updated p,
+div.error p,
+.form-table td .notice p {
+  padding-right: 25px;
+  font-size: 15px;
+}
+.blogger-mag-notice-link {
+  display: inline;
   color: var(--wp-admin-theme-color);
 }
-.admin-bar .blogger-mag-btn-get-started, .admin-bar .blogger-mag-btn-demos, .admin-bar .blogger-mag-btn-demos{
+.admin-bar .blogger-mag-btn-get-started,
+.admin-bar .blogger-mag-btn-demos {
   display: flex;
   align-items: center;
@@ -70 +80 @@
   gap: 5px;
 }
-.admin-bar .blogger-mag-notice-buttons :is( .blogger-mag-btn-get-started, .blogger-mag-btn-demos) .dashicons{
+.admin-bar .blogger-mag-notice-buttons :is(.blogger-mag-btn-get-started, .blogger-mag-btn-demos) .dashicons {
   line-height: 1.2;
   color: inherit !important;
 }
 
-#accordion-section-theme_info_section{
+#accordion-section-theme_info_section {
   display: inherit !important;
 }
-#accordion-section-theme_info_section button.accordion-trigger{
+#accordion-section-theme_info_section button.accordion-trigger {
   padding-right: 14px;
 }
-#accordion-section-theme_info_section .accordion-section-title::after{
+#accordion-section-theme_info_section .accordion-section-title::after {
   display: none;
 }
-#accordion-section-theme_info_section .accordion-section-title{
+#accordion-section-theme_info_section .accordion-section-title {
   border-left-color: var(--wp-admin-theme-color);
   color: var(--wp-admin-theme-color);
-  pointer-events: none
-}
+  pointer-events: none;
+}
+
+/* ==========================================================================
+   2. Theme Admin Menu & Dashboard — Timeless Modern Design System
+   ========================================================================== */
+:root {
+  --bm-accent: #2563eb;
+  --bm-accent-hover: #1d4ed8;
+  --bm-accent-soft: #eff6ff;
+  --bm-accent-border: #bfdbfe;
+  --bm-pro-amber: #d97706;
+  --bm-pro-soft: #fffbeb;
+  --bm-heading: #0f172a;
+  --bm-text: #334155;
+  --bm-muted: #64748b;
+  --bm-bg-canvas: #f8fafc;
+  --bm-bg-surface: #ffffff;
+  --bm-bg-subtle: #f1f5f9;
+  --bm-border: #e2e8f0;
+  --bm-border-hover: #cbd5e1;
+  --bm-shadow-xs: 0 1px 2px rgba(15, 23, 42, 0.04);
+  --bm-shadow-sm: 0 1px 3px rgba(15, 23, 42, 0.04), 0 4px 12px rgba(15, 23, 42, 0.03);
+  --bm-shadow-md: 0 4px 6px -1px rgba(15, 23, 42, 0.05), 0 12px 24px -4px rgba(15, 23, 42, 0.08);
+  --bm-radius-sm: 8px;
+  --bm-radius-md: 12px;
+  --bm-radius-lg: 16px;
+}
+
+#bm-upgrade-menu-item {
+  color: #fbbf24;
+  font-weight: 600;
+}
+
+#adminmenu [class*="toplevel_page_"][class*="_admin_menu"] .wp-menu-image.dashicons-before img,
+#adminmenu [class*="toplevel_page_"][class*="_admin_menu"] .wp-menu-image img {
+  padding-top: 6px;
+  width: 20px;
+  height: 20px;
+  max-width: 20px;
+  object-fit: contain;
+  opacity: 0.95;
+}
+
+/* Full-bleed modern slate canvas on the Theme Dashboard screen */
+body[class*="toplevel_page_"][class*="_admin_menu"] {
+  background: var(--bm-bg-canvas);
+}
+
+body[class*="toplevel_page_"][class*="_admin_menu"] #wpcontent {
+  padding-inline-start: 0;
+}
+
+body[class*="toplevel_page_"][class*="_admin_menu"] #wpbody-content {
+  padding-bottom: 48px;
+}
+
+#bm-dashboard {
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+  font-size: 14.5px;
+  color: var(--bm-text);
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  box-sizing: border-box;
+}
+
+#bm-dashboard *,
+#bm-dashboard *::before,
+#bm-dashboard *::after {
+  box-sizing: border-box;
+}
+
+#bm-dashboard h1,
+#bm-dashboard h2,
+#bm-dashboard h3,
+#bm-dashboard h4,
+#bm-dashboard h5,
+#bm-dashboard h6 {
+  color: var(--bm-heading);
+  margin: 0 0 10px 0;
+  font-weight: 600;
+  letter-spacing: -0.015em;
+  line-height: 1.3;
+}
+
+#bm-dashboard p {
+  font-size: 13.75px;
+  line-height: 1.65;
+  color: var(--bm-muted);
+  margin: 0;
+}
+
+/* --------------------------------------------------------------------------
+   Buttons
+   -------------------------------------------------------------------------- */
+.bm-button {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  min-height: 38px;
+  padding: 7px 16px;
+  font-family: inherit;
+  font-size: 13px;
+  font-weight: 500;
+  line-height: 1.2;
+  color: var(--bm-heading);
+  background: #ffffff;
+  border: 1px solid var(--bm-border);
+  border-radius: var(--bm-radius-sm);
+  box-shadow: var(--bm-shadow-xs);
+  cursor: pointer;
+  text-decoration: none;
+  transition: all 0.16s cubic-bezier(0.16, 1, 0.3, 1);
+}
+
+.bm-button:hover,
+.bm-button:focus {
+  color: var(--bm-heading);
+  background: #f8fafc;
+  border-color: var(--bm-border-hover);
+  box-shadow: 0 2px 5px rgba(15, 23, 42, 0.06);
+  outline: none;
+}
+
+.bm-button-primary {
+  color: #ffffff;
+  background: var(--bm-accent);
+  border-color: var(--bm-accent);
+  box-shadow: 0 1px 2px rgba(37, 99, 235, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.15);
+}
+
+.bm-button-primary:hover,
+.bm-button-primary:focus {
+  color: #ffffff;
+  background: var(--bm-accent-hover);
+  border-color: var(--bm-accent-hover);
+  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.28);
+  transform: translateY(-1px);
+}
+
+.bm-button-pro {
+  width: 100%;
+  color: #0f172a;
+  background: linear-gradient(180deg, #fcd34d 0%, #fbbf24 100%);
+  border-color: #f59e0b;
+  font-weight: 600;
+  min-height: 42px;
+  box-shadow: 0 2px 8px rgba(245, 158, 11, 0.25);
+}
+
+.bm-button-pro:hover,
+.bm-button-pro:focus {
+  color: #0f172a;
+  background: linear-gradient(180deg, #fbbf24 0%, #f59e0b 100%);
+  border-color: #d97706;
+  transform: translateY(-1px);
+}
+
+.bm-button-sm {
+  min-height: 34px;
+  padding: 5px 13px;
+  font-size: 12.5px;
+}
+
+.bm-button-lg {
+  min-height: 42px;
+  padding: 9px 20px;
+  font-size: 13.75px;
+  font-weight: 600;
+}
+
+.bm-button[disabled],
+.bm-button.btn-disabled {
+  opacity: 0.65;
+  pointer-events: none;
+  background: #f1f5f9;
+  color: #64748b;
+  border-color: #e2e8f0;
+  box-shadow: none;
+  transform: none;
+}
+
+/* --------------------------------------------------------------------------
+   Compact Sticky Single-Bar Header (`.bm-dashboard-header`)
+   -------------------------------------------------------------------------- */
+.bm-dashboard-header {
+  position: sticky;
+  top: 32px;
+  z-index: 40;
+  background: rgba(255, 255, 255, 0.88);
+  backdrop-filter: saturate(180%) blur(14px);
+  -webkit-backdrop-filter: saturate(180%) blur(14px);
+  border-bottom: 1px solid var(--bm-border);
+  padding: 0 28px;
+}
+
+.bm-header-inner {
+  max-width: 1280px;
+  min-height: 64px;
+  margin: 0 auto;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 20px;
+  .bm-dashboard-navigation{
+    li:has(#bm-tab-compare, #bm-tab-change-log){
+      display: none;
+    }
+  }
+  .bm-header-quick-links .bm-button{
+    display: none;
+  }
+}
+
+.bm-header-brand {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  flex-shrink: 0;
+}
+
+.bm-brand-link {
+  display: inline-flex;
+  align-items: center;
+  gap: 10px;
+  text-decoration: none;
+  color: var(--bm-heading);
+  font-weight: 700;
+  font-size: 15.5px;
+  letter-spacing: -0.02em;
+}
+
+.bm-brand-link:focus {
+  outline: none;
+  box-shadow: none;
+}
+
+.bm-brand-logo {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--bm-accent);
+}
+
+.bm-brand-logo svg,
+.bm-brand-logo img {
+  width: 28px;
+  height: 28px;
+  display: block;
+  object-fit: contain;
+}
+
+.bm-version-pill {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
+  font-size: 11px;
+  font-weight: 600;
+  font-variant-numeric: tabular-nums;
+  line-height: 1;
+  color: #475569;
+  background: linear-gradient(180deg, #ffffff 0%, #f1f5f9 100%);
+  border: 1px solid #cbd5e1;
+  padding: 4px 9px 4px 7px;
+  border-radius: 999px;
+  letter-spacing: -0.01em;
+  text-decoration: none;
+  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), inset 0 1px 0 rgba(255, 255, 255, 0.85);
+  transition: all 0.18s cubic-bezier(0.16, 1, 0.3, 1);
+}
+
+.bm-version-pill:hover,
+.bm-version-pill:focus {
+  color: var(--bm-accent);
+  background: var(--bm-accent-soft);
+  border-color: var(--bm-accent-border);
+  box-shadow: 0 2px 6px rgba(37, 99, 235, 0.12);
+  transform: translateY(-0.5px);
+  outline: none;
+}
+
+.bm-version-dot {
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  background: #10b981;
+  box-shadow: 0 0 0 2px rgba(16, 185, 129, 0.18);
+  flex-shrink: 0;
+  transition: background-color 0.18s ease, box-shadow 0.18s ease;
+}
+
+.bm-version-pill:hover .bm-version-dot,
+.bm-version-pill:focus .bm-version-dot {
+  background: var(--bm-accent);
+  box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.2);
+}
+
+.bm-version-label {
+  display: inline-block;
+}
+
+/* Center Segmented/Underline Tab Bar inside Compact Header */
+.bm-dashboard-navigation {
+  display: flex;
+  align-items: center;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  gap: 4px;
+}
+
+.bm-dashboard-navigation li {
+  margin: 0;
+}
+
+.bm-dashboard-navigation .bm-nav-tab {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 7px; 
+  padding: 6px 14px;
+  color: var(--bm-muted);
+  font-size: 13.5px;
+  font-weight: 500;
+  text-decoration: none;
+  box-shadow: none;
+  outline: none;
+  transition: color 0.16s ease;
+  border-radius: var(--bm-radius-sm);
+}
+
+.bm-dashboard-navigation .bm-nav-tab:hover:not(.is-active) {
+  color: var(--bm-heading);
+}
+
+.bm-dashboard-navigation .bm-nav-tab.is-active,
+.bm-dashboard-navigation .bm-nav-tab[aria-current="page"] {
+  background: var(--bm-accent-soft);
+  color: var(--bm-accent);
+  font-weight: 600;
+}
+
+.bm-dashboard-navigation .bm-nav-tab.is-active::after,
+.bm-dashboard-navigation .bm-nav-tab[aria-current="page"]::after {
+  background: var(--bm-accent);
+}
+
+.bm-tab-icon {
+  display: inline-flex;
+  align-items: center;
+  opacity: 0.85;
+}
+
+.bm-dashboard-navigation .bm-nav-tab.is-active .bm-tab-icon {
+  opacity: 1;
+}
+
+.bm-header-quick-links {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  flex-shrink: 0;
+}
+
+.bm-header-link {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  padding: 6px 11px;
+  border-radius: var(--bm-radius-sm);
+  border: 1px solid var(--bm-border);
+  font-size: 12.75px;
+  font-weight: 500;
+  color: var(--bm-text);
+  text-decoration: none;
+  transition: background 0.15s ease, color 0.15s ease;
+}
+
+.bm-header-link:hover {
+  background: var(--bm-bg-subtle);
+  color: var(--bm-heading);
+}
+
+.bm-header-cta {
+  margin-inline-start: 4px;
+}
+
+/* --------------------------------------------------------------------------
+   Main Layout & Grid
+   -------------------------------------------------------------------------- */
+.bm-dashboard-main {
+  max-width: 1280px;
+  margin: 0 auto;
+  padding: 36px 28px 64px;
+}
+
+.bm-tab-panel[hidden] {
+  display: none !important;
+}
+
+.bm-dashboard-grid {
+  display: grid;
+  gap: 28px;
+  align-items: start;
+}
+
+@media (min-width: 1024px) {
+  .bm-dashboard-grid[data-columns="2"] {
+    grid-template-columns: minmax(0, 1fr) 330px;
+  }
+}
+
+.bm-dashboard-primary {
+  display: flex;
+  flex-direction: column;
+  gap: 40px;
+  min-width: 0;
+}
+
+/* --------------------------------------------------------------------------
+   Welcome Hero Card — Modern Editorial Banner
+   -------------------------------------------------------------------------- */
+.bm-welcome-hero {
+  position: relative;
+  display: grid;
+  gap: 28px;
+  padding: 32px;
+  background:
+    radial-gradient(circle at 0% 0%, rgba(37, 99, 235, 0.06) 0%, transparent 50%),
+    radial-gradient(circle at 100% 100%, rgba(99, 102, 241, 0.05) 0%, transparent 50%),
+    #ffffff;
+  border: 1px solid var(--bm-border);
+  border-radius: var(--bm-radius-lg);
+  align-items: center;
+  box-shadow: var(--bm-shadow-sm);
+}
+
+@media (min-width: 783px) {
+  .bm-welcome-hero {
+    grid-template-columns: 1.15fr 0.85fr;
+  }
+}
+
+.bm-welcome-eyebrow {
+  margin-bottom: 12px;
+}
+
+.bm-greeting-badge {
+  display: inline-flex;
+  align-items: center;
+  gap: 7px;
+  font-size: 11.5px;
+  font-weight: 600;
+  color: var(--bm-accent);
+  background: var(--bm-accent-soft);
+  border: 1px solid var(--bm-accent-border);
+  padding: 4px 12px;
+  border-radius: 999px;
+  text-decoration: none;
+  transition: all 0.18s cubic-bezier(0.16, 1, 0.3, 1);
+}
+
+.bm-greeting-badge[hidden] {
+  display: none !important;
+}
+
+.bm-greeting-badge.is-setup-badge {
+  color: #b45309;
+  background: #fffbeb;
+  border-color: #fde68a;
+  box-shadow: 0 1px 2px rgba(180, 83, 9, 0.05);
+}
+
+.bm-greeting-step-dot {
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  background: #f59e0b;
+  box-shadow: 0 0 0 2px rgba(245, 158, 11, 0.22);
+  flex-shrink: 0;
+}
+
+.bm-greeting-badge.is-edition-badge:hover,
+.bm-greeting-badge.is-edition-badge:focus {
+  color: var(--bm-accent-hover);
+  background: #dbeafe;
+  border-color: #93c5fd;
+  transform: translateY(-0.5px);
+  outline: none;
+}
+
+.bm-greeting-badge.is-pro-edition {
+  color: #065f46;
+  background: #ecfdf5;
+  border-color: #a7f3d0;
+}
+
+.bm-greeting-badge-cta {
+  padding-inline-start: 7px;
+  margin-inline-start: 2px;
+  border-inline-start: 1px solid rgba(37, 99, 235, 0.22);
+  color: var(--bm-accent-hover);
+  font-weight: 600;
+  display: none;
+}
+
+.bm-greeting-badge svg {
+  width: 13px;
+  height: 13px;
+  flex-shrink: 0;
+}
+
+.bm-welcome-title {
+  font-size: 24px;
+  font-weight: 700 !important;
+  margin-bottom: 10px !important;
+}
+
+.bm-welcome-desc {
+  font-size: 14px !important;
+  margin-bottom: 24px !important;
+  color: var(--bm-text) !important;
+  max-width: 540px;
+}
+
+.bm-welcome-actions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 10px;
+}
+
+.bm-video-frame,
+.bm-img-frame {
+  padding: 6px;
+  background: var(--bm-bg-subtle);
+  border: 1px solid var(--bm-border);
+  border-radius: var(--bm-radius-md);
+  box-shadow: var(--bm-shadow-xs);
+}
+
+.bm-img-frame img {
+  display: block;
+  width: 100%;
+  height: auto;
+  border-radius: var(--bm-radius-sm);
+  object-fit: cover;
+}
+
+.bm-video-frame iframe {
+  display: block;
+  width: 100%;
+  height: 205px;
+  border: 0;
+  border-radius: var(--bm-radius-sm);
+  background: #0f172a;
+}
+
+/* --------------------------------------------------------------------------
+   Section Headers & Segmented Filter Pills
+   -------------------------------------------------------------------------- */
+.bm-section-header {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
+  gap: 16px;
+  margin-bottom: 20px;
+}
+
+.bm-section-title {
+  font-size: 17px;
+  font-weight: 700 !important;
+  margin-bottom: 3px !important;
+}
+
+.bm-section-subtitle {
+  font-size: 13.5px;
+}
+
+/* --------------------------------------------------------------------------
+   Customizer Shortcut Cards (Free / Core Theme Controls)
+   -------------------------------------------------------------------------- */
+.bm-shortcuts-grid {
+  display: grid;
+  gap: 14px;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+@media (min-width: 600px) {
+  .bm-shortcuts-grid {
+    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
+  }
+}
+
+.bm-shortcut-card {
+  display: flex;
+  flex-direction: column;
+  margin: 0;
+  padding: 16px 18px;
+  background: #ffffff;
+  border-radius: var(--bm-radius-md);
+  border: 1px solid var(--bm-border);
+  box-shadow: var(--bm-shadow-xs);
+  transition: transform 0.18s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.18s ease, border-color 0.18s ease;
+}
+
+.bm-shortcut-card:hover {
+  border-color: var(--bm-border-hover);
+  box-shadow: var(--bm-shadow-md);
+  transform: translateY(-2px);
+}
+
+.bm-shortcut-card.is-pro-card {
+  border-color: rgba(217, 119, 6, 0.22);
+}
+
+.bm-shortcut-card-top {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 10px;
+  margin-bottom: 10px;
+}
+
+.bm-card-icon-badge {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 30px;
+  height: 30px;
+  border-radius: 8px;
+  background: var(--bm-accent-soft);
+  color: var(--bm-accent);
+}
+
+.bm-card-icon-badge.is-free {
+  background: var(--bm-accent-soft);
+  color: var(--bm-accent);
+}
+
+.bm-card-icon-badge.is-pro {
+  background: var(--bm-pro-soft);
+  color: var(--bm-pro-amber);
+}
+
+.bm-card-icon-badge svg {
+  width: 14px;
+  height: 14px;
+}
+
+.bm-badge {
+  display: inline-flex;
+  align-items: center;
+  padding: 2px 7px;
+  font-size: 10px;
+  font-weight: 600;
+  border-radius: 99px;
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+  flex-shrink: 0;
+}
+
+.bm-badge-free {
+  background: #f1f5f9;
+  color: #475569;
+}
+
+.bm-badge-pro {
+  background: #fef3c7;
+  color: #b45309;
+}
+
+.bm-shortcut-title {
+  font-size: 14px;
+  font-weight: 600 !important;
+  margin: 0 0 12px 0 !important;
+  color: var(--bm-heading);
+  line-height: 1.35;
+}
+
+.bm-shortcut-actions {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 10px;
+  padding-top: 10px;
+  border-top: 1px solid #f1f5f9;
+  margin-top: auto;
+}
+
+.bm-shortcut-link {
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  font-size: 12.5px;
+  font-weight: 500;
+  color: var(--bm-muted);
+  text-decoration: none;
+  transition: color 0.15s ease;
+}
+
+.bm-shortcut-link svg {
+  transition: transform 0.16s ease;
+}
+
+.bm-shortcut-link:hover {
+  color: var(--bm-heading);
+}
+
+.bm-shortcut-link.bm-link-customize {
+  color: var(--bm-accent);
+  font-weight: 600;
+}
+
+.bm-shortcut-link.bm-link-customize:hover svg,
+.bm-shortcut-link.bm-link-pro:hover svg {
+  transform: translateX(3px);
+}
+
+.bm-shortcut-link.bm-link-pro {
+  color: var(--bm-pro-amber);
+  font-weight: 600;
+}
+
+/* --------------------------------------------------------------------------
+   Companion Plugin Cards
+   -------------------------------------------------------------------------- */
+.bm-plugins-grid {
+  display: grid;
+  gap: 20px;
+  grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
+}
+
+.bm-plugin-card {
+  display: flex;
+  flex-direction: column;
+  padding: 22px;
+  background: #ffffff;
+  border-radius: var(--bm-radius-md);
+  border: 1px solid var(--bm-border);
+  box-shadow: var(--bm-shadow-xs);
+  transition: box-shadow 0.18s ease, border-color 0.18s ease;
+}
+
+.bm-plugin-card[hidden] {
+  display: none !important;
+}
+
+.bm-plugin-card:hover {
+  border-color: var(--bm-border-hover);
+  box-shadow: var(--bm-shadow-md);
+}
+
+.bm-plugin-card-head {
+  display: flex;
+  align-items: flex-start;
+  gap: 14px;
+  margin-bottom: 12px;
+}
+
+.bm-plugin-icon {
+  flex: 0 0 48px;
+  width: 48px;
+  height: 48px;
+  border-radius: 10px;
+  overflow: hidden;
+  border: 1px solid var(--bm-border);
+  background: #f8fafc;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.bm-plugin-icon img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.bm-plugin-heading {
+  flex: 1;
+  min-width: 0;
+}
+
+.bm-plugin-title-row {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 5px;
+}
+
+.bm-plugin-title-row h4 {
+  font-size: 14.5px;
+  margin: 0 !important;
+  line-height: 1.35;
+}
+
+.bm-plugin-status-pill {
+  font-size: 10.5px;
+  font-weight: 600;
+  padding: 2px 8px;
+  border-radius: 99px;
+}
+
+.bm-plugin-status-pill.is-install {
+  background: #f1f5f9;
+  color: #64748b;
+}
+
+.bm-plugin-status-pill.is-activate {
+  background: #fef3c7;
+  color: #b45309;
+}
+
+.bm-plugin-status-pill.is-activated {
+  background: #dcfce7;
+  color: #15803d;
+}
+
+.bm-plugin-description {
+  font-size: 13px !important;
+  line-height: 1.6 !important;
+  margin-bottom: 18px !important;
+  flex: 1;
+}
+
+.bm-plugin-actions {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  padding-top: 14px;
+  border-top: 1px solid #f1f5f9;
+  margin-top: auto;
+}
+
+.bm-more-detail-link {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  font-size: 12.5px;
+  font-weight: 500;
+  color: var(--bm-muted);
+  text-decoration: none;
+}
+
+.bm-more-detail-link:hover {
+  color: var(--bm-accent);
+}
+
+/* --------------------------------------------------------------------------
+   Right Sidebar — Pro Spotlight + Modern Resource Card Stack
+   -------------------------------------------------------------------------- */
+.bm-dashboard-sidebar {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  position: sticky;
+  top: 112px;
+}
+
+.bm-pro-sidebar-card {
+  display: none;
+  position: relative;
+  overflow: hidden;
+  padding: 24px;
+  background:
+    radial-gradient(circle at 100% 0%, rgba(59, 130, 246, 0.28) 0%, transparent 55%),
+    linear-gradient(160deg, #0f172a 0%, #1e293b 100%);
+  color: #ffffff;
+  border-radius: var(--bm-radius-md);
+  box-shadow: var(--bm-shadow-md);
+}
+
+.bm-pro-sidebar-head {
+  margin-bottom: 10px;
+}
+
+.bm-pro-pill {
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  background: rgba(251, 191, 36, 0.16);
+  border: 1px solid rgba(251, 191, 36, 0.35);
+  color: #fbbf24;
+  font-size: 10.5px;
+  font-weight: 700;
+  padding: 3px 9px;
+  border-radius: 99px;
+  letter-spacing: 0.05em;
+}
+
+.bm-pro-sidebar-title {
+  color: #ffffff !important;
+  font-size: 17px;
+  margin-bottom: 8px !important;
+}
+
+.bm-pro-sidebar-desc {
+  color: #94a3b8 !important;
+  font-size: 13px !important;
+  margin-bottom: 16px !important;
+}
+
+.bm-pro-perks {
+  list-style: none;
+  margin: 0 0 20px 0;
+  padding: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.bm-pro-perks li {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin: 0;
+  font-size: 12.75px;
+  color: #e2e8f0;
+}
+
+.bm-pro-perks .dashicons {
+  color: #34d399;
+  font-size: 17px;
+  width: 17px;
+  height: 17px;
+}
+
+.bm-resources-stack {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.bm-resource-card {
+  padding: 18px 20px;
+  background: #ffffff;
+  border: 1px solid var(--bm-border);
+  border-radius: var(--bm-radius-md);
+  box-shadow: var(--bm-shadow-xs);
+  transition: border-color 0.16s ease, box-shadow 0.16s ease;
+}
+
+.bm-resource-card:hover {
+  border-color: var(--bm-border-hover);
+  box-shadow: var(--bm-shadow-sm);
+}
+
+.bm-resource-head {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  margin-bottom: 8px;
+}
+
+.bm-resource-head h4 {
+  font-size: 14px;
+  margin: 0 !important;
+}
+
+.bm-resource-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 30px;
+  height: 30px;
+  flex: 0 0 30px;
+  border-radius: 8px;
+  background: var(--bm-accent-soft);
+  color: var(--bm-accent);
+}
+
+.bm-resource-card[data-resource="rate_us"] .bm-resource-icon {
+  background: #fef3c7;
+  color: #d97706;
+}
+
+.bm-resource-card p {
+  font-size: 12.75px !important;
+  line-height: 1.55 !important;
+  margin-bottom: 12px !important;
+}
+
+.bm-resource-link {
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  font-size: 12.5px;
+  font-weight: 600;
+  color: var(--bm-accent);
+  text-decoration: none;
+}
+
+.bm-resource-link svg {
+  transition: transform 0.16s ease;
+}
+
+.bm-resource-link:hover svg {
+  transform: translateX(3px);
+}
+
+/* --------------------------------------------------------------------------
+   Free vs Pro Comparison Table
+   -------------------------------------------------------------------------- */
+.bm-cta-banner-small {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
+  gap: 20px;
+  padding: 22px 26px;
+  margin-bottom: 24px;
+  background: #ffffff;
+  border: 1px solid var(--bm-border);
+  border-radius: var(--bm-radius-md);
+  box-shadow: var(--bm-shadow-xs);
+}
+
+.bm-cta-banner-small h2 {
+  font-size: 16.5px;
+  margin-bottom: 4px !important;
+}
+
+.bm-comparison-table ul {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  border: 1px solid var(--bm-border);
+  border-radius: var(--bm-radius-md);
+  background: #ffffff;
+  overflow: hidden;
+  box-shadow: var(--bm-shadow-xs);
+}
+
+.bm-comparison-table ul li {
+  display: grid;
+  grid-template-columns: 3fr 1fr 1fr;
+  align-items: center;
+  padding: 14px 22px;
+  font-size: 13.75px;
+  margin: 0;
+}
+
+.bm-comparison-table ul li:not(:first-child) {
+  border-bottom: 1px solid #f1f5f9;
+}
+
+.bm-comparison-table ul li:not(.bm-table-heading):hover {
+  background: #f8fafc;
+}
+
+.bm-comparison-table ul li:last-child {
+  border-bottom: 0;
+}
+
+.bm-comparison-table ul li > span {
+  text-align: center;
+}
+
+.bm-comparison-table ul li > span:first-child {
+  text-align: start;
+  font-weight: 500;
+  color: var(--bm-heading);
+}
+
+.bm-comparison-table .bm-table-heading {
+  color: var(--bm-heading);
+  font-size: 13px;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+  background: #f8fafc;
+  border-bottom: 1px solid var(--bm-border);
+}
+
+.bm-comparison-table .bm-col-pro {
+  color: var(--bm-accent);
+}
+
+.bm-comparison-table .bm-icon-yes {
+  color: #16a34a;
+  font-size: 20px;
+  width: 20px;
+  height: 20px;
+}
+
+.bm-comparison-table .bm-icon-no {
+  color: #cbd5e1;
+  font-size: 20px;
+  width: 20px;
+  height: 20px;
+}
+
+.bm-feature-text {
+  font-size: 12px;
+  color: var(--bm-muted);
+  background: #f1f5f9;
+  padding: 2px 8px;
+  border-radius: 99px;
+}
+
+.bm-feature-text.is-pro {
+  color: var(--bm-accent);
+  background: var(--bm-accent-soft);
+}
+
+.bm-comparison-footer {
+  margin-top: 28px;
+  padding: 32px;
+  text-align: center;
+  background: #ffffff;
+  border: 1px solid var(--bm-border);
+  border-radius: var(--bm-radius-md);
+  box-shadow: var(--bm-shadow-xs);
+}
+
+.bm-comparison-footer p {
+  max-width: 520px;
+  margin: 0 auto 18px !important;
+}
+
+/* --------------------------------------------------------------------------
+   Changelog Tab
+   -------------------------------------------------------------------------- */
+.bm-changelog-wrapper {
+  background: #ffffff;
+  border: 1px solid var(--bm-border);
+  border-radius: var(--bm-radius-md);
+  padding: 28px 32px;
+  box-shadow: var(--bm-shadow-xs);
+}
+
+.bm-changelog-info {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
+  gap: 16px;
+  padding-bottom: 20px;
+  margin-bottom: 28px;
+  border-bottom: 1px solid var(--bm-border);
+}
+
+.bm-changelog-explanation {
+  display: flex;
+  align-items: center;
+  gap: 18px;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  font-size: 13px;
+  font-weight: 500;
+}
+
+.bm-changelog-explanation li {
+  display: inline-flex;
+  align-items: center;
+  gap: 7px;
+  margin: 0;
+}
+
+.bm-cl-badge {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 20px;
+  height: 20px;
+  flex: 0 0 20px;
+  border-radius: 6px;
+}
+
+.bm-cl-badge::before {
+  font-size: 10px;
+  font-weight: 700;
+}
+
+.bm-cl-badge.new {
+  background: #dcfce7;
+  color: #15803d;
+}
+.bm-cl-badge.new::before {
+  content: "N";
+}
+
+.bm-cl-badge.fix {
+  background: var(--bm-accent-soft);
+  color: var(--bm-accent);
+}
+.bm-cl-badge.fix::before {
+  content: "F";
+}
+
+.bm-cl-badge.improvement {
+  background: #fef3c7;
+  color: #b45309;
+}
+.bm-cl-badge.improvement::before {
+  content: "I";
+}
+
+.bm-changelog-release:not(:last-of-type) {
+  margin-bottom: 28px;
+  padding-bottom: 28px;
+  border-bottom: 1px solid #f1f5f9;
+}
+
+.bm-changelog-release h2 {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-size: 16px;
+  margin-bottom: 14px !important;
+}
+
+.bm-release-date {
+  font-size: 12.5px;
+  font-weight: 400;
+  color: var(--bm-muted);
+}
+
+.bm-release-changes {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+.bm-release-changes li {
+  display: flex;
+  align-items: flex-start;
+  gap: 10px;
+  margin-bottom: 10px;
+  line-height: 1.5;
+  font-size: 13.75px;
+  color: var(--bm-text);
+}
+
+.bm-release-changes li:last-child {
+  margin-bottom: 0;
+}
+
+/* --------------------------------------------------------------------------
+   Dynamic Action Button (.bm-editor-action-btn)
+   -------------------------------------------------------------------------- */
+.bm-editor-action-btn {
+  transition: all 0.18s cubic-bezier(0.16, 1, 0.3, 1);
+}
+
+.bm-editor-action-btn .bm-btn-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  line-height: 1;
+}
+
+.bm-editor-action-btn .bm-btn-icon svg {
+  display: block;
+}
+
+/* --------------------------------------------------------------------------
+   Starter Sites Tab & Modal
+   -------------------------------------------------------------------------- */
+.bm-modal-main {
+  position: relative;
+  border-radius: var(--bm-radius-lg);
+  overflow: hidden;
+  border: 1px solid var(--bm-border);
+  min-height: 440px;
+  background: #ffffff;
+}
+
+.bm-modal-main .bm-modal-image.overlay {
+  filter: blur(6px);
+  position: relative;
+}
+
+.bm-modal-main .bm-modal-image.overlay::after {
+  content: "";
+  position: absolute;
+  inset: 0;
+  background: rgba(248, 250, 252, 0.55);
+}
+
+.bm-modal-main .bm-modal-image img {
+  width: 100%;
+  display: block;
+}
+
+.bm-modal-popup {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  width: 92%;
+  max-width: 500px;
+  z-index: 2;
+}
+
+.bm-modal-popup-content {
+  background: rgba(255, 255, 255, 0.95);
+  backdrop-filter: blur(18px);
+  padding: 38px 32px;
+  border-radius: var(--bm-radius-lg);
+  border: 1px solid var(--bm-border);
+  box-shadow: var(--bm-shadow-md);
+  text-align: center;
+}
+
+.bm-modal-icon img {
+  width: 56px;
+  height: auto;
+  margin-bottom: 14px;
+}
+
+.bm-modal-popup-content h4 {
+  font-size: 20px;
+  margin-bottom: 10px !important;
+}
+
+.bm-modal-popup-content p {
+  margin-bottom: 22px !important;
+  color: var(--bm-text) !important;
+}
+
+.bm-modal-actions {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  gap: 10px;
+}
+
+/* Responsive adjustments */
+@media (max-width: 960px) {
+  .bm-dashboard-header {
+    position: static;
+    padding: 12px 16px 0;
+  }
+  .bm-header-inner {
+    flex-wrap: wrap;
+    min-height: auto;
+    gap: 12px;
+  }
+  .bm-dashboard-navigation {
+    order: 3;
+    width: 100%;
+    overflow-x: auto;
+    border-top: 1px solid var(--bm-border);
+  }
+  .bm-dashboard-navigation .bm-nav-tab {
+    height: 46px;
+    white-space: nowrap;
+  }
+}
+
+@media (max-width: 782px) {
+  .bm-dashboard-main {
+    padding: 24px 16px 48px;
+  }
+  .bm-comparison-table ul li {
+    grid-template-columns: 2fr 1fr 1fr;
+    padding: 12px 14px;
+  }
+}

blogger-mag/0.8/admin/js/blogger-mag-admin-script.js

@@ -1 +1 @@
 (function ($) {
+  'use strict';
+
+  var ajaxConfig = window.blogger_mag_ajax_object || {};
+  var i18n = ajaxConfig.i18n || {
+    installing: 'Installing…',
+    activating: 'Activating…',
+    activated: 'Activated',
+    failed: 'Failed — Retry',
+    error: 'Error — Retry'
+  };
+
+  /**
+   * Switch active dashboard tab without page reload, syncing ARIA states,
+   * URL query parameter, and WP admin left-sidebar submenu highlight.
+   */
+  function switchDashboardTab(tabKey, pushHistory) {
+    if (!tabKey) {
+      return;
+    }
+
+    var $tabs = $('.bm-dashboard-navigation .bm-nav-tab');
+    var $targetTab = $tabs.filter('[data-bm-tab="' + tabKey + '"]');
+    var $panels = $('.bm-tab-panel');
+    var $targetPanel = $('#bm-panel-' + tabKey);
+
+    if (!$targetTab.length || !$targetPanel.length) {
+      return;
+    }
+
+    // Update tab buttons
+    $tabs
+      .removeClass('is-active')
+      .attr('aria-selected', 'false')
+      .removeAttr('aria-current');
+
+    $targetTab
+      .addClass('is-active')
+      .attr('aria-selected', 'true')
+      .attr('aria-current', 'page');
+
+    // Update tab panels
+    $panels.removeClass('is-active').attr('hidden', 'hidden');
+    $targetPanel.addClass('is-active').removeAttr('hidden');
+
+    // Update browser URL cleanly
+    if (pushHistory !== false && window.history && window.history.replaceState) {
+      var url = new URL(window.location.href);
+      url.searchParams.set('tab', tabKey);
+      window.history.replaceState({ tab: tabKey }, '', url.toString());
+    }
+
+    // Sync WordPress left admin submenu highlight
+    var menuSlug = ajaxConfig.menu_slug || 'blogger_mag_admin_menu';
+    var $topMenu = $('#toplevel_page_' + menuSlug);
+    if ($topMenu.length) {
+      $topMenu.find('.wp-submenu li').removeClass('current');
+      $topMenu.find('.wp-submenu a').removeClass('current').removeAttr('aria-current');
+
+      var targetHref =
+        tabKey === 'starter-sites'
+          ? 'admin.php?page=' + menuSlug + '&tab=starter-sites'
+          : 'admin.php?page=' + menuSlug;
+
+      var $matchingLink = $topMenu.find('.wp-submenu a[href="' + targetHref + '"]');
+      if ($matchingLink.length) {
+        $matchingLink.addClass('current').attr('aria-current', 'page');
+        $matchingLink.closest('li').addClass('current');
+      }
+    }
+
+    // Re-sync editor-dependent cards when switching tabs
+    var detected = detectEditorFromStarterSites();
+    if (detected) {
+      updateProSidebarCard(detected, true);
+    } else {
+      updateProSidebarCard(currentEditor, false);
+    }
+  }
+
+  /**
+   * Normalize editor key ('elementor', 'gutenberg', or 'customizer')
+   * Supports Ansar Import's canonical values ('default-theme', 'block-editor', 'elementor')
+   * as well as URL queries and standard aliases.
+   */
+  function normalizeEditorType(rawEditor) {
+    if (!rawEditor) {
+      return 'customizer';
+    }
+    var val = String(rawEditor).toLowerCase().trim();
+
+    // If a full URL is passed (like option.value in Ansar Import), extract query param
+    if (val.indexOf('http') === 0 || val.indexOf('admin.php') !== -1 || val.indexOf('?') !== -1) {
+      try {
+        var urlObj = new URL(val, window.location.origin);
+        var param = urlObj.searchParams.get('editor') || urlObj.searchParams.get('builder');
+        if (param) {
+          val = param.toLowerCase().trim();
+        }
+      } catch (e) {
+        var match = val.match(/[?&](?:editor|builder)=([^&#]+)/i);
+        if (match && match[1]) {
+          val = decodeURIComponent(match[1]).toLowerCase().trim();
+        }
+      }
+    }
+
+    // 1. Elementor check
+    if (val.indexOf('elementor') !== -1 || val.indexOf('ansar-elements') !== -1) {
+      return 'elementor';
+    }
+
+    // 2. Gutenberg / Block Editor check
+    if (
+      val.indexOf('gutenberg') !== -1 ||
+      val.indexOf('block') !== -1 ||
+      val.indexOf('ansar-blocks') !== -1 ||
+      val.indexOf('ansarbl') !== -1
+    ) {
+      return 'gutenberg';
+    }
+
+    // 3. Classic / Customizer / Default Theme check
+    if (
+      val.indexOf('classic') !== -1 ||
+      val.indexOf('customizer') !== -1 ||
+      val.indexOf('default') !== -1
+    ) {
+      return 'customizer';
+    }
+
+    return 'customizer';
+  }
+
+  var currentEditor = normalizeEditorType(ajaxConfig.active_editor || 'customizer');
+
+  /**
+   * Persist selected editor to cookie & localStorage so PHP and JS stay in sync
+   */
+  function persistSelectedEditor(normalized) {
+    try {
+      if (window.localStorage) {
+        window.localStorage.setItem('bm_selected_editor', normalized);
+      }
+      document.cookie =
+        'bm_selected_editor=' +
+        encodeURIComponent(normalized) +
+        '; path=/; max-age=31536000; SameSite=Lax';
+    } catch (e) {}
+  }
+
+  /**
+   * Inspect Ansar Import Starter Sites DOM & storage for currently selected editor.
+   * Prioritizes Ansar Import's .ansar-editor-switcher component.
+   */
+  function detectEditorFromStarterSites() {
+    // 0. Explicit check for URL query parameter (?editor= or ?builder=)
+    try {
+      var urlParams = new URLSearchParams(window.location.search);
+      var paramEditor = urlParams.get('editor') || urlParams.get('builder');
+      if (paramEditor) {
+        return normalizeEditorType(paramEditor);
+      }
+    } catch (e) {}
+
+    // 1. Primary Check: Ansar Import's .ansar-editor-switcher (select, container data attribute, option)
+    var $switcher = $('.ansar-editor-switcher, [data-ansar-editor-switcher]');
+    if ($switcher.length) {
+      // 1a. Check container data-active-editor
+      var activeAttr = $switcher.attr('data-active-editor') || $switcher.data('active-editor');
+      if (activeAttr) {
+        return normalizeEditorType(activeAttr);
+      }
+
+      // 1b. Check select inside switcher (or switcher if it is a select)
+      var $sel = $switcher.is('select') ? $switcher : $switcher.find('select');
+      if ($sel.length) {
+        var $opt = $sel.find('option:selected');
+        if ($opt.length) {
+          var optEditor = $opt.attr('data-editor') || $opt.attr('data-builder');
+          if (optEditor) {
+            return normalizeEditorType(optEditor);
+          }
+          var optText = $.trim($opt.text());
+          if (optText && /(elementor|gutenberg|block|classic|customizer|default)/i.test(optText)) {
+            return normalizeEditorType(optText);
+          }
+          var selVal = $opt.val() || $sel.val();
+          if (selVal) {
+            return normalizeEditorType(selVal);
+          }
+        }
+      }
+
+      // 1c. Check checked input
+      var $checked = $switcher.find('input:checked');
+      if ($checked.length) {
+        var chkVal = $checked.attr('data-editor') || $checked.attr('data-builder') || $checked.val();
+        if (chkVal) {
+          return normalizeEditorType(chkVal);
+        }
+      }
+
+      // 1d. Check active / selected items
+      var $activeItem = $switcher
+        .filter('.active, .is-active, .selected, .is-selected, .current, [aria-selected="true"]')
+        .add(
+          $switcher.find(
+            '.active, .is-active, .selected, .is-selected, .current, [aria-selected="true"]'
+          )
+        );
+      if ($activeItem.length) {
+        var itemHint =
+          $activeItem.attr('data-editor') ||
+          $activeItem.attr('data-builder') ||
+          $activeItem.attr('data-active-editor') ||
+          $activeItem.attr('data-value') ||
+          $.trim($activeItem.clone().children().remove().end().text()) ||
+          $.trim($activeItem.text());
+        if (itemHint && /(elementor|gutenberg|block|classic|customizer|default)/i.test(itemHint)) {
+          return normalizeEditorType(itemHint);
+        }
+      }
+    }
+
+    // 2. Check any builder/editor select inside .bm-starter-sites-wrap
+    var foundEditor = '';
+    $(
+      '.bm-starter-sites-wrap select, select[name*="editor"], select[id*="editor"], select[name*="builder"], select[id*="builder"], .ansar-editor-select, [data-bm-editor-select]'
+    ).each(function () {
+      var $select = $(this);
+      var $selected = $select.find('option:selected');
+      var rawVal = String(
+        $selected.attr('data-editor') ||
+          $selected.attr('data-builder') ||
+          $select.val() ||
+          $selected.text() ||
+          ''
+      );
+      if (rawVal && /(elementor|gutenberg|block|classic|customizer|default)/i.test(rawVal)) {
+        foundEditor = normalizeEditorType(rawVal);
+        return false;
+      }
+    });
+    if (foundEditor) {
+      return foundEditor;
+    }
+
+    // 3. Check checked radio/checkbox inputs inside .bm-starter-sites-wrap
+    $('.bm-starter-sites-wrap input[type="radio"]:checked, .bm-starter-sites-wrap input[type="checkbox"]:checked').each(function () {
+      var $input = $(this);
+      var id = $input.attr('id');
+      var labelText = id ? $('label[for="' + id + '"]').text() : $input.closest('label').text();
+      var rawVal = String(
+        $input.attr('data-editor') ||
+          $input.attr('data-builder') ||
+          $input.val() ||
+          labelText ||
+          ''
+      );
+      if (rawVal && /(elementor|gutenberg|block|classic|customizer|default)/i.test(rawVal)) {
+        foundEditor = normalizeEditorType(rawVal);
+        return false;
+      }
+    });
+    if (foundEditor) {
+      return foundEditor;
+    }
+
+    // 4. Check active/selected buttons, pills, tabs inside .bm-starter-sites-wrap
+    $('.bm-starter-sites-wrap')
+      .find(
+        '.active, .is-active, .selected, .is-selected, .current, [aria-selected="true"], [aria-pressed="true"], [data-selected="true"]'
+      )
+      .each(function () {
+        var $el = $(this);
+        var attrHint =
+          $el.attr('data-editor') ||
+          $el.attr('data-builder') ||
+          $el.attr('data-page-builder') ||
+          $el.attr('data-type') ||
+          $el.attr('data-filter') ||
+          $el.attr('data-value') ||
+          $el.attr('data-slug') ||
+          '';
+        var textHint =
+          $.trim($el.clone().children().remove().end().text()) ||
+          $.trim($el.text());
+        var candidate = attrHint || (textHint.length <= 30 ? textHint : '');
+        if (
+          candidate &&
+          /(elementor|gutenberg|block|classic|customizer|default)/i.test(candidate)
+        ) {
+          foundEditor = normalizeEditorType(candidate);
+          return false;
+        }
+      });
+    if (foundEditor) {
+      return foundEditor;
+    }
+
+    // 5. Check cookies
+    var cookieMatch = document.cookie.match(/(?:^|;\s*)(?:bm_selected_editor|ansar_preferred_editor|ansar_selected_editor)=([^;]+)/);
+    if (cookieMatch && cookieMatch[1]) {
+      var decodedCookie = decodeURIComponent(cookieMatch[1]);
+      if (decodedCookie) {
+        return normalizeEditorType(decodedCookie);
+      }
+    }
+
+    // 6. Check localStorage / sessionStorage keys written by Ansar Import or Blogger Mag
+    try {
+      if (window.localStorage) {
+        var saved = window.localStorage.getItem('bm_selected_editor');
+        if (saved) {
+          return normalizeEditorType(saved);
+        }
+      }
+    } catch (e) {}
+
+    return '';
+  }
+
+  /**
+   * Smartly update .bm-pro-sidebar-card and .bm-plugins-grid based on selected editor
+   */
+  function updateProSidebarCard(editorKey, shouldPersist) {
+    var proCards = ajaxConfig.pro_cards || {};
+    var normalized = normalizeEditorType(editorKey);
+    currentEditor = normalized;
+
+    if (shouldPersist !== false) {
+      persistSelectedEditor(normalized);
+    }
+
+    var targetPluginEditor = normalized === 'gutenberg' ? 'gutenberg' : 'elementor';
+
+    // 1. Sync .bm-plugins-grid cards (keep ansar-import always, toggle ansar-blocks vs ansar-elements)
+    $('.bm-plugins-grid .bm-plugin-card').each(function () {
+      var $pluginCard = $(this);
+      var cardEditor = $pluginCard.attr('data-bm-plugin-editor') || 'all';
+      if (cardEditor === 'all' || cardEditor === targetPluginEditor) {
+        $pluginCard.removeAttr('hidden');
+      } else {
+        $pluginCard.attr('hidden', 'hidden');
+      }
+    });
+
+    // 2. Sync .bm-pro-sidebar-card content & CTA link
+    var cardData = proCards[normalized] || proCards.customizer;
+    if (!cardData) {
+      return;
+    }
+
+    $('.bm-pro-sidebar-card').each(function () {
+      var $card = $(this);
+      $card.attr('data-bm-editor', normalized);
+
+      if (cardData.badge) {
+        $card.find('.bm-pro-pill-text').text(cardData.badge);
+      }
+      if (cardData.title) {
+        $card.find('.bm-pro-sidebar-title').text(cardData.title);
+      }
+      if (cardData.description) {
+        $card.find('.bm-pro-sidebar-desc').text(cardData.description);
+      }
+      if ($.isArray(cardData.perks) && cardData.perks.length) {
+        var $perksList = $card.find('.bm-pro-perks');
+        if ($perksList.length) {
+          $perksList.empty();
+          $.each(cardData.perks, function (_, perkText) {
+            var $li = $('<li></li>');
+            $li.append('<span class="dashicons dashicons-yes-alt" aria-hidden="true"></span> ');
+            $li.append($('<span class="bm-pro-perk-text"></span>').text(perkText));
+            $perksList.append($li);
+          });
+        }
+      }
+      if (cardData.button_text) {
+        $card.find('.bm-pro-btn-label').text(cardData.button_text);
+      }
+      if (cardData.url) {
+        $card.find('.bm-button-pro').attr('href', cardData.url);
+      }
+    });
+
+    // 3. Sync .bm-header-cta href as per selected editor
+    var headerUrl = (cardData && cardData.url) ? cardData.url : (ajaxConfig.pro_url || 'https://themeansar.com/themes/blogger-mag-pro/');
+    $('.bm-header-cta')
+      .attr('href', headerUrl)
+      .attr('data-bm-editor', normalized);
+
+    // 4. Sync .bm-editor-action-btn (.bm-button.bm-button-lg) to matched editor
+    updateEditorActionButtons(normalized);
+  }
+
+  /**
+   * Update the secondary hero & toolbar action button (.bm-button.bm-button-lg.bm-editor-action-btn)
+   * based on the selected editor in Starter Sites (via Ansar Import's .ansar-editor-switcher):
+   * - Classic / Customizer: Open Customizer -> admin_url('customize.php')
+   * - Elementor: Open Theme Builder -> admin_url('admin.php?page=ansar_elements_admin_menu&tab=theme-builder')
+   * - Block Editor / Gutenberg: Open Theme Builder -> admin_url('admin.php?page=ansarbl-admin&tab=theme-builder')
+   */
+  function updateEditorActionButtons(normalized) {
+    var editorButtons = ajaxConfig.editor_buttons || {};
+    var btnConfig = editorButtons[normalized] || editorButtons.customizer;
+
+    var adminBase = (ajaxConfig.ajax_url || '').replace(/admin-ajax\.php.*$/, '');
+    if (!btnConfig) {
+      if (normalized === 'elementor') {
+        btnConfig = {
+          label: 'Open Theme Builder',
+          url: adminBase + 'admin.php?page=ansar_elements_admin_menu&tab=theme-builder'
+        };
+      } else if (normalized === 'gutenberg') {
+        btnConfig = {
+          label: 'Open Theme Builder',
+          url: adminBase + 'admin.php?page=ansarbl-admin&tab=theme-builder'
+        };
+      } else {
+        btnConfig = {
+          label: 'Open Customizer',
+          url: adminBase + 'customize.php'
+        };
+      }
+    }
+
+    var $actionButtons = $(
+      '.bm-editor-action-btn, .bm-welcome-actions .bm-button.bm-button-lg:not(.bm-button-primary)'
+    );
+
+    $actionButtons.each(function () {
+      var $btn = $(this);
+      $btn.attr('href', btnConfig.url);
+      $btn.attr('data-bm-editor', normalized);
+
+      var $label = $btn.find('.bm-btn-label');
+      if ($label.length) {
+        $label.text(btnConfig.label);
+      } else {
+        var $span = $btn.find('span:last');
+        if ($span.length) {
+          $span.text(btnConfig.label);
+        }
+      }
+
+      if (btnConfig.icon) {
+        var $icon = $btn.find('.bm-btn-icon');
+        if ($icon.length) {
+          $icon.html(btnConfig.icon);
+        } else {
+          var $svg = $btn.find('svg');
+          if ($svg.length) {
+            $svg.replaceWith(btnConfig.icon);
+          }
+        }
+      }
+    });
+  }
+
+  /**
+   * Reusable 2-step AJAX Plugin Installer & Activator
+   */
+  function handlePluginAction($btn, options) {
+    var slug = options.slug;
+    var pluginFile = options.pluginFile;
+    var status = options.status;
+    var redirectUrl = options.redirectUrl || '';
+    var $card = options.$card || null;
+
+    if (!slug || !pluginFile) {
+      return;
+    }
+
+    function activatePlugin() {
+      $btn.text(i18n.activating).prop('disabled', true).addClass('is-loading');
+
+      $.ajax({
+        url: ajaxConfig.ajax_url || window.ajaxurl,
+        type: 'POST',
+        data: {
+          action: 'blogger_mag_activate_plugin',
+          nonce: ajaxConfig.plugin_nonce,
+          plugin_file: pluginFile
+        },
+        success: function (response) {
+          if (!response || !response.success) {
+            $btn.text(i18n.failed).prop('disabled', false).removeClass('is-loading');
+            return;
+          }
+
+          $btn
+            .removeClass('btn-install btn-activate bm-button-primary is-loading')
+            .addClass('btn-disabled')
+            .text(i18n.activated)
+            .prop('disabled', true);
+
+          if ($card && $card.length) {
+            $card.attr('data-status', 'activated');
+            $card
+              .find('.bm-plugin-status-pill')
+              .removeClass('is-install is-activate')
+              .addClass('is-activated')
+              .text('Active');
+          }
+
+          // Switch .bm-greeting-badge from Setup Progress (#4) to Edition Status Pill (#2) when ansar-import activates
+          if (slug.indexOf('ansar-import') !== -1) {
+            $('.bm-greeting-badge[data-bm-badge-state="setup"]').attr('hidden', 'hidden');
+            $('.bm-greeting-badge[data-bm-badge-state="edition"]').removeAttr('hidden');
+          }
+
+          // Smartly sync Pro sidebar card if an editor/builder plugin was activated
+          if (slug.indexOf('elementor') !== -1 || slug.indexOf('ansar-elements') !== -1) {
+            updateProSidebarCard('elementor');
+          } else if (slug.indexOf('gutenberg') !== -1 || slug.indexOf('block') !== -1) {
+            updateProSidebarCard('gutenberg');
+          }
+
+          if (redirectUrl) {
+            setTimeout(function () {
+              window.location.href = redirectUrl;
+            }, 500);
+          }
+        },
+        error: function () {
+          $btn.text(i18n.error).prop('disabled', false).removeClass('is-loading');
+        }
+      });
+    }
+
+    // Case 1: Already installed -> Activate directly
+    if (status === 'activate' || $btn.hasClass('btn-activate')) {
+      activatePlugin();
+      return;
+    }
+
+    // Case 2: Not installed -> Install first, then Activate
+    $btn.text(i18n.installing).prop('disabled', true).addClass('is-loading');
+
+    $.ajax({
+      url: ajaxConfig.ajax_url || window.ajaxurl,
+      type: 'POST',
+      data: {
+        action: 'blogger_mag_install_plugin',
+        nonce: ajaxConfig.plugin_nonce,
+        slug: slug
+      },
+      success: function (response) {
+        if (!response || !response.success) {
+          $btn.text(i18n.failed).prop('disabled', false).removeClass('is-loading');
+          return;
+        }
+        activatePlugin();
+      },
+      error: function () {
+        $btn.text(i18n.error).prop('disabled', false).removeClass('is-loading');
+      }
+    });
+  }
+
   $(document).ready(function () {
-    $('.blogger-mag-btn-get-started').on('click', function (e) {
+    // 1. Open Upgrade submenu item in a new tab
+    $('#bm-upgrade-menu-item').closest('a').attr({
+      target: '_blank',
+      rel: 'noopener noreferrer'
+    });
+
+    // 2. Dashboard Tab Navigation (Click + Keyboard Arrows)
+    $(document).on('click', '.bm-dashboard-navigation .bm-nav-tab', function (e) {
+      var tabKey = $(this).data('bm-tab');
+      if (tabKey) {
+        e.preventDefault();
+        switchDashboardTab(tabKey, true);
+      }
+    });
+
+    $(document).on('click', '[data-bm-switch-tab]', function (e) {
+      var tabKey = $(this).data('bm-switch-tab');
+      if (tabKey && $('#bm-panel-' + tabKey).length) {
+        e.preventDefault();
+        switchDashboardTab(tabKey, true);
+        window.scrollTo({ top: 0, behavior: 'smooth' });
+      }
+    });
+
+    $(document).on('keydown', '.bm-dashboard-navigation .bm-nav-tab', function (e) {
+      var $tabs = $('.bm-dashboard-navigation .bm-nav-tab');
+      var index = $tabs.index(this);
+      var nextIndex = -1;
+
+      if (e.key === 'ArrowRight') {
+        nextIndex = (index + 1) % $tabs.length;
+      } else if (e.key === 'ArrowLeft') {
+        nextIndex = (index - 1 + $tabs.length) % $tabs.length;
+      } else if (e.key === 'Home') {
+        nextIndex = 0;
+      } else if (e.key === 'End') {
+        nextIndex = $tabs.length - 1;
+      }
+
+      if (nextIndex !== -1) {
+        e.preventDefault();
+        var $nextTab = $tabs.eq(nextIndex);
+        $nextTab.trigger('focus');
+        switchDashboardTab($nextTab.data('bm-tab'), true);
+      }
+    });
+
+    // 3. Plugin Cards Install / Activate
+    $(document).on('click', '.bm-plugin-card .btn-install, .bm-plugin-card .btn-activate', function (e) {
       e.preventDefault();
-      if (!blogger_mag_ajax_object.can_install) {
+      var $btn = $(this);
+      var $card = $btn.closest('.bm-plugin-card');
+
+      handlePluginAction($btn, {
+        slug: $.trim($card.data('slug')),
+        pluginFile: $.trim($card.data('plugin')),
+        status: $.trim($card.attr('data-status')),
+        redirectUrl: $.trim($card.data('redirect')),
+        $card: $card
+      });
+    });
+
+    // 4. Starter Sites Quick Install Button (Welcome Hero & Starter Sites Modal)
+    $(document).on('click', '.bm-install-starter-plugin', function (e) {
+      e.preventDefault();
+      var $btn = $(this);
+      var $label = $btn.find('span').length ? $btn.find('span') : $btn;
+
+      handlePluginAction($label, {
+        slug: $.trim($btn.data('slug')),
+        pluginFile: $.trim($btn.data('plugin')),
+        status: $.trim($btn.data('status')),
+        redirectUrl: $.trim($btn.data('redirect')) || ajaxConfig.starter_url
+      });
+    });
+
+    // 5. Welcome Admin Notice "Get Started" Bulk Installer
+    $(document).on('click', '.blogger-mag-btn-get-started', function (e) {
+      e.preventDefault();
+      if (!ajaxConfig.can_install) {
         alert('Sorry, you are not allowed to access this page.');
         return;
@@ -9 +647 @@
       var $btn = $(this);
       $btn.html('Processing.. Please wait').addClass('updating-message');
-      $.post(blogger_mag_ajax_object.ajax_url, {
-        action: 'install_act_plugin',
-        security: blogger_mag_ajax_object.install_nonce
-      }, function (response) {
-        if (response.success) {
-          window.location.href = 'admin.php?page=ansar_elements_admin_menu&tab=starter-sites';
-        } else {
-          alert(response.data?.message || 'Installation failed.');
-          $btn.html('Try Again').removeClass('updating-message');
-        }
-      }).fail(function () {
+      $.post(
+        ajaxConfig.ajax_url || window.ajaxurl,
+        {
+          action: 'install_act_plugin',
+          security: ajaxConfig.install_nonce
+        },
+        function (response) {
+          if (response && response.success) {
+            window.location.href =
+              ajaxConfig.starter_url ||
+              'admin.php?page=blogger_mag_admin_menu&tab=starter-sites';
+          } else {
+            alert((response && response.data && response.data.message) || 'Installation failed.');
+            $btn.html('Try Again').removeClass('updating-message');
+          }
+        }
+      ).fail(function () {
         alert('Something went wrong. Please try again.');
         $btn.html('Try Again').removeClass('updating-message');
       });
     });
+
+    // 6. Dismissible Admin Notice Handler
+    $(document).on('click', '.notice-get-started-class .notice-dismiss', function () {
+      var type = $(this).closest('.notice-get-started-class').data('notice');
+      $.post(ajaxConfig.ajax_url || window.ajaxurl, {
+        action: 'blogger_mag_dismissed_notice_handler',
+        type: type
+      });
+    });
+
+    // 7. Direct Event Listeners for Ansar Import Editor Switcher (.ansar-editor-switcher)
+    $(document).on(
+      'change',
+      '.ansar-editor-switcher, .ansar-editor-switcher select, .ansar-editor-switcher input, #ansar-editor-switcher',
+      function () {
+        var $el = $(this);
+        var rawVal = '';
+        if ($el.is('select')) {
+          var $selectedOpt = $el.find('option:selected');
+          rawVal =
+            $selectedOpt.attr('data-editor') ||
+            $selectedOpt.attr('data-builder') ||
+            $selectedOpt.text() ||
+            $el.val();
+        } else if ($el.is('input')) {
+          rawVal = $el.attr('data-editor') || $el.attr('data-builder') || $el.val();
+        } else {
+          rawVal = $el.attr('data-active-editor') || $el.attr('data-editor');
+        }
+        if (rawVal) {
+          updateProSidebarCard(rawVal, true);
+        } else {
+          setTimeout(syncFromStarterSitesDOM, 30);
+        }
+      }
+    );
+
+    $(document).on(
+      'click',
+      '.ansar-editor-switcher, .ansar-editor-switcher *',
+      function (e) {
+        var $target = $(e.target).closest(
+          '.ansar-editor-switcher button, .ansar-editor-switcher a, .ansar-editor-switcher li, .ansar-editor-switcher [role="tab"], .ansar-editor-switcher [role="option"], .ansar-editor-switcher label, [data-editor], [data-builder]'
+        );
+        if ($target.length) {
+          var rawVal =
+            $target.attr('data-editor') ||
+            $target.attr('data-builder') ||
+            $target.attr('data-page-builder') ||
+            $target.attr('data-active-editor') ||
+            $target.attr('data-value') ||
+            $target.attr('data-slug') ||
+            $.trim($target.clone().children().remove().end().text()) ||
+            $.trim($target.text());
+          if (rawVal) {
+            updateProSidebarCard(rawVal, true);
+            return;
+          }
+        }
+        setTimeout(syncFromStarterSitesDOM, 40);
+      }
+    );
+
+    // 8. Smart Real-Time Editor Detection & Sync (Ansar Import Select / Dropdown / Buttons / MutationObserver)
+    function syncFromStarterSitesDOM() {
+      var detected = detectEditorFromStarterSites();
+      if (detected) {
+        updateProSidebarCard(detected, true);
+      } else {
+        updateProSidebarCard(currentEditor, false);
+      }
+    }
+
+    // Initial sync on page load
+    syncFromStarterSitesDOM();
+
+    // Capture-phase change listener so stopPropagation() inside plugins cannot block it
+    document.addEventListener(
+      'change',
+      function (e) {
+        var target = e.target;
+        if (!target) {
+          return;
+        }
+        var $target = $(target);
+        if (
+          $target.is('select') ||
+          $target.is('input[type="radio"], input[type="checkbox"]')
+        ) {
+          var $opt = $target.is('select') ? $target.find('option:selected') : $target;
+          var rawHint = String(
+            $opt.attr('data-editor') ||
+              $opt.attr('data-builder') ||
+              $opt.text() ||
+              $target.val() ||
+              ''
+          );
+          if (rawHint && /(elementor|gutenberg|block|classic|customizer|default)/i.test(rawHint)) {
+            updateProSidebarCard(rawHint, true);
+          }
+        }
+      },
+      true
+    );
+
+    // Capture-phase click listener for custom dropdowns, pills, or buttons in Starter Sites
+    document.addEventListener(
+      'click',
+      function (e) {
+        var target = e.target;
+        if (!target) {
+          return;
+        }
+        var $el = $(target).closest(
+          '.ansar-editor-switcher, .ansar-editor-switcher *, [data-editor], [data-builder], [data-page-builder], [data-active-editor], [data-value], [data-filter], [data-slug], .bm-starter-sites-wrap button, .bm-starter-sites-wrap a, .bm-starter-sites-wrap li, .bm-starter-sites-wrap label, .bm-starter-sites-wrap [role="option"], .bm-starter-sites-wrap [role="tab"]'
+        );
+        if ($el.length) {
+          var attrHint =
+            $el.attr('data-editor') ||
+            $el.attr('data-builder') ||
+            $el.attr('data-page-builder') ||
+            $el.attr('data-active-editor') ||
+            $el.attr('data-value') ||
+            $el.attr('data-filter') ||
+            $el.attr('data-slug') ||
+            '';
+          var textHint =
+            $.trim($el.clone().children('ul, ol').remove().end().text()) ||
+            $.trim($el.text());
+          var candidate = attrHint || (textHint.length <= 28 ? textHint : '');
+          if (
+            candidate &&
+            /(elementor|gutenberg|block|classic|customizer|default)/i.test(candidate)
+          ) {
+            updateProSidebarCard(candidate, true);
+            return;
+          }
+        }
+        if ($(target).closest('.ansar-editor-switcher, .bm-starter-sites-wrap').length) {
+          setTimeout(syncFromStarterSitesDOM, 60);
+        }
+      },
+      true
+    );
+
+    // Observe DOM changes inside .bm-starter-sites-wrap when Ansar Import initializes or updates
+    var starterWrapEl = document.querySelector('.bm-starter-sites-wrap');
+    if (starterWrapEl && window.MutationObserver) {
+      var observerTimer = null;
+      var observer = new MutationObserver(function () {
+        if (observerTimer) {
+          clearTimeout(observerTimer);
+        }
+        observerTimer = setTimeout(syncFromStarterSitesDOM, 100);
+      });
+      observer.observe(starterWrapEl, {
+        childList: true,
+        subtree: true,
+        attributes: true,
+        attributeFilter: ['class', 'aria-selected', 'data-editor', 'data-builder', 'value']
+      });
+    }
   });
-$(document).on('click', '.notice-get-started-class .notice-dismiss', function () {
-  var type = $(this).closest('.notice-get-started-class').data('notice');
-  $.post(ajaxurl, {
-    action: 'blogger_mag_dismissed_notice_handler',
-    type: type,
-  });
-});
 })(jQuery);

blogger-mag/0.8/css/core.css

@@ -1 +1 @@
 /*---------------------------------------
-        Core Wordpress
+        Core WordPress
 -----------------------------------------*/
 table {
@@ -314 +314 @@
   clear: right;
 }
-.wp-block-button .wp-block-button__link {
-  font-size: 16px;
-  border: 2px solid;
-  margin-bottom: 1rem;
-}
 :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
   border: none;

blogger-mag/0.8/footer.php

@@ -14 +14 @@
 
 ?>
-<footer class="blogger-mag-footer">
-  <div class="copyright">
-  <?php
-    $theme_data = wp_get_theme();
-    
-    printf( __( '<p> <span class="copyright-text">Copyright © All rights reserved</span> | %1$s by  <a href="%2$s">%3$s.</a></p>', 'blogger-mag' ), esc_html( $theme_data->Name ), esc_url( 'https://themeansar.com/' ), $theme_data->Author );
-    ?>
-  </div>
-</footer>
+<?php
+// 1. Check if Ansar Elements has an active footer template for the current page
+$has_ansar_footer = class_exists( 'Ansar_Elements_Theme_Builder_Elementor' ) 
+    && Ansar_Elements_Theme_Builder_Elementor::instance()->foot_template_id();
+
+if ( $has_ansar_footer ) {
+    // Render Ansar Elements Footer
+    do_action( 'ansarel_foot' );
+} else {
+    // 2. Fallback to a Gutenberg Block Pattern
+    // Replace 'blogger-mag/footer-pattern' with your actual registered pattern slug
+    echo do_blocks( '<!-- wp:pattern {"slug":"blogger-mag/footer-pattern"} /-->' );
+}
+?>
 <?php wp_footer(); ?>
 </body>

blogger-mag/0.8/functions.php

@@ -63 +63 @@
      */
     private function includes() {
-        // Include admin plugin installer
+        // Include admin plugin installer and theme admin dashboard
         require_once BLOGGER_MAG_PATH . 'admin/blogger-mag-admin-plugin-install.php';
+        if ( is_admin() ) {
+            require_once BLOGGER_MAG_PATH . 'admin/admin.php';
+        }
         
         // Include customizer and template functions
@@ -82 +85 @@
         add_filter( 'excerpt_length', array( $this, 'blogger_mag_excerpt_length' ), 999 );
         add_action( 'after_setup_theme', array( $this, 'add_editor_styles' ) );
+        add_action( 'init', array( $this, 'register_pattern_categories' ) );
     }
 
@@ -90 +94 @@
         wp_enqueue_style( 'blogger-mag-theme-style', get_stylesheet_uri() );
         
-        // Add Google Font
+        // Add Google Fonts (Figtree & Inter)
         wp_enqueue_style( 
             'google-fonts', 
-            'https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap', 
+            'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap', 
             array(), 
             null 
@@ -117 +121 @@
             BLOGGER_MAG_URI . 'admin/js/blogger-mag-admin-script.js',
             array( 'jquery' ),
-            '',
+            BLOGGER_MAG_VERSION,
             true
         );
@@ -126 +130 @@
                 'ajax_url'      => admin_url( 'admin-ajax.php' ),
                 'install_nonce' => wp_create_nonce( 'blogger_mag_install_plugin_nonce' ),
+                'plugin_nonce'  => wp_create_nonce( 'blogger_mag_plugin_nonce' ),
                 'can_install'   => current_user_can( 'install_plugins' ),
+                'menu_slug'     => 'blogger_mag_admin_menu',
+                'starter_url'   => admin_url( 'admin.php?page=blogger_mag_admin_menu&tab=starter-sites' ),
             )
         );
-        wp_enqueue_style( 'blogger-mag-admin', BLOGGER_MAG_URI . 'admin/css/admin.css' );
+        wp_enqueue_style( 'blogger-mag-admin', BLOGGER_MAG_URI . 'admin/css/admin.css', array(), BLOGGER_MAG_VERSION );
     }
 
@@ -171 +178 @@
         ) );
         add_theme_support( "wp-block-styles" );
+
+        add_theme_support(
+            'ansar-starter-sites',
+            array(
+                'pro_url'              => 'https://themeansar.com/themes/blogger-mag-pro/',
+                'doc_url'              => 'https://docs.themeansar.com/docs/ansar-elements/',
+                'demo_fallback_search' => 'Newsup',
+                'starter_sites_url'    => admin_url( 'admin.php?page=blogger_mag_admin_menu&tab=starter-sites' ),
+            )
+        );
     }
 
@@ -213 +230 @@
         return 20;
     }
+
+    /**
+     * Register theme block pattern category.
+     */
+    public function register_pattern_categories() {
+        if ( function_exists( 'register_block_pattern_category' ) ) {
+            register_block_pattern_category(
+                'blogger-mag',
+                array( 'label' => __( 'Blogger Mag', 'blogger-mag' ) )
+            );
+        }
+    }
 }
 

blogger-mag/0.8/header.php

@@ -1 +1 @@
 <?php
-
 /**
  * The header for our theme.
@@ -16 +15 @@
 <!DOCTYPE html>
 <html <?php language_attributes(); ?>>
+<head>
+    <meta charset="<?php bloginfo( 'charset' ); ?>">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="profile" href="https://gmpg.org/xfn/11">
+    <?php wp_head(); ?>
+</head>
+<body <?php body_class(); ?>>
+<?php wp_body_open(); ?>
 
-<head>
-  <meta charset="<?php bloginfo('charset'); ?>">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <link rel="profile" href="http://gmpg.org/xfn/11">
-  <?php wp_head(); ?>
-</head>
+<?php
+// 1. Check if Ansar Elements has an active header template for the current page
+$has_ansar_header = class_exists( 'Ansar_Elements_Theme_Builder_Elementor' ) 
+    && Ansar_Elements_Theme_Builder_Elementor::instance()->head_template_id();
 
-<body <?php body_class(); ?>>
-  <?php wp_body_open(); ?>
-  <div id="page" class="site">
-    <a class="skip-link screen-reader-text" href="#content">
-      <?php _e('Skip to content', 'blogger-mag'); ?></a>
-    <div class="wrapper">
-      <header class="blogger-mag-header">
-        <div class="blogger-magader-logo">
-          <?php the_custom_logo();
-          $header_text = get_theme_mod('header_text', true);
-          $header_tagline = get_theme_mod('header_tagline', true);
-          if ( $header_text || $header_tagline) { ?>
-            <div class="blogger-mag-site-branding">
-              <?php if( $header_text == true) { ?>
-                <h1 class="site-title"><a href="<?php echo esc_url(home_url('/')); ?>" rel="home"><?php echo esc_html(get_bloginfo('name')); ?></a></h1>
-              <?php }
-              if( $header_tagline == true ) { ?>
-                <p class="site-description"><?php echo esc_html(get_bloginfo('description')); ?></p>
-              <?php } ?>
-            </div>
-          <?php } ?>
-        </div>
-        <div class="blogger-mag-header-menu">
-          <nav id="main-nav" class="main_nav">
-            <input type="checkbox" id="dropdown" class="blogger-mag-toggle-checkbox" />
-            <label for="dropdown" class="blogger-mag-toggle">
-              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path d="M96 160C96 142.3 110.3 128 128 128L512 128C529.7 128 544 142.3 544 160C544 177.7 529.7 192 512 192L128 192C110.3 192 96 177.7 96 160zM96 320C96 302.3 110.3 288 128 288L512 288C529.7 288 544 302.3 544 320C544 337.7 529.7 352 512 352L128 352C110.3 352 96 337.7 96 320zM544 480C544 497.7 529.7 512 512 512L128 512C110.3 512 96 497.7 96 480C96 462.3 110.3 448 128 448L512 448C529.7 448 544 462.3 544 480z"/></svg>
-              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path d="M183.1 137.4C170.6 124.9 150.3 124.9 137.8 137.4C125.3 149.9 125.3 170.2 137.8 182.7L275.2 320L137.9 457.4C125.4 469.9 125.4 490.2 137.9 502.7C150.4 515.2 170.7 515.2 183.2 502.7L320.5 365.3L457.9 502.6C470.4 515.1 490.7 515.1 503.2 502.6C515.7 490.1 515.7 469.8 503.2 457.3L365.8 320L503.1 182.6C515.6 170.1 515.6 149.8 503.1 137.3C490.6 124.8 470.3 124.8 457.8 137.3L320.5 274.7L183.1 137.4z"/></svg>
-            </label>
-           <?php 
-              if ( has_nav_menu('primary') ) {
-                wp_nav_menu(array(
-                'theme_location'  => 'primary',
-                'menu_class'     => 'blogger-mag-menu',          
-              )); 
-            } ?>
-          </nav>
-        </div>
-      </header>
-      <div class="clearfix"></div>
+if ( $has_ansar_header ) {
+    // Render Ansar Elements Header
+    do_action( 'ansarel_head' );
+} else {
+    // 2. Fallback to a Gutenberg Block Pattern
+    // Replace 'blogger-mag/header-pattern' with your actual registered pattern slug
+    echo do_blocks( '<!-- wp:pattern {"slug":"blogger-mag/header-pattern"} /-->' );
+}
+?>

blogger-mag/0.8/inc/customizer.php

@@ -119 +119 @@
             foreach ( $properties as $setting ) {
                 $key         = $setting['key'];
-                $default_val = isset( $defaults[ $key ] ) ? $defaults[ $key ] : '';
+                $default_val = isset( $all_defaults[ $key ] ) ? $all_defaults[ $key ] : '';
 
                 $blogger_mag_css .= blogger_mag_range_css(

blogger-mag/0.8/inc/customizer/defaults.php

@@ -18 +18 @@
     
     $defaults['side_main_logo_width'] = wp_json_encode( array( 'desktop' => '250', 'tablet'  => '200','mobile'  => '150', 'unit' => 'px',) ) ;
-    $defaults['simple_border_radius'] = wp_json_encode( array( 'desktop' => '15', 'unit' => 'px',) ) ;
     
     // filter.

blogger-mag/0.8/inc/customizer/sanitizations.php

@@ -39 +39 @@
     return is_numeric( $input ) ? floatval( $input ) : '';
 }
-
-function blogger_mag_json( $string ) {
-    return is_string( $string ) && is_array( json_decode( $string, true ) ) ? true : false;
-}

blogger-mag/0.8/inc/customizer/settings/customize-options.php

@@ -3 +3 @@
 include_once ABSPATH . 'wp-admin/includes/plugin.php';
 
-if ( class_exists('ANSAR_ELEMENTS') ) {
+if ( function_exists( 'is_plugin_active' ) && is_plugin_active( 'ansar-import/ansar-import.php' ) ) {
 
-    $demo_import = 'class="button button-primary" href="' . admin_url( 'admin.php?page=ansar_elements_admin_menu&tab=starter-sites' ) . '"';
+    $demo_import = 'class="button button-primary" href="' . esc_url( admin_url( 'admin.php?page=blogger_mag_admin_menu&tab=starter-sites' ) ) . '"';
     
 } else {

blogger-mag/0.8/index.php

@@ -16 +16 @@
 }
 
-get_header(); ?>
-<main id="content" class="main-section">
-  <?php get_template_part('template-parts/content'); ?>
-</main>
-<?php get_footer(); ?>
+get_header();
+
+// 1. Check if Ansar Elements has an active page template for the current page
+$has_ansar_page = class_exists( 'Ansar_Elements_Theme_Builder_Elementor' ) 
+    && Ansar_Elements_Theme_Builder_Elementor::instance()->full_page_template_id();
+
+if ( $has_ansar_page ) {
+    // Render Ansar Elements Page Template
+    do_action( 'ansarel_full_page' );
+} else {
+    // 2. Fallback to a Gutenberg Block Pattern
+    // Replace 'blogger-mag/archive-pattern' with your actual registered pattern slug
+    echo do_blocks( '<!-- wp:pattern {"slug":"blogger-mag/archive-pattern"} /-->' );
+}
+
+get_footer(); ?>

blogger-mag/0.8/readme.txt

@@ -2 +2 @@
 Contributors: themeansar
 Author: themeansar
-Requires at least: WordPress 6.6
-Tested up to: WordPress 7.0
+Requires at least: WordPress 6.0
+Tested up to: WordPress 7.1
 Requires PHP: 7.4
-Stable tag: 0.7
-Version: 0.7
+Stable tag: 0.8
+Version: 0.8
 License: GPLv2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
@@ -70 +70 @@
 * Added Logo Width Option.
 * Added Site Title and Tagline visibility options.
+
+= Version 0.8
+* Added theme.json.
+* Added patterns.

blogger-mag/0.8/single.php

@@ -1 @@
-<!-- =========================
-     Page Breadcrumb   
-============================== -->
-<?php 
+<?php
+/**
+ * The template for displaying all single posts.
+ *
+ * @package Blogger-Mag
+ */
+
 if ( ! defined( 'ABSPATH' ) ) {
         exit; // Exit if accessed directly.
 }
-get_header(); ?>
-<!--==================== main content section ====================-->
-<!-- =========================
-     Page Content Section      
-============================== -->
-<main id="content" class="main-section single-section">  
-  <?php if(have_posts())
-  {
-    while(have_posts()) { the_post(); ?>
-    <div class="blogger-mag-blog-post-box"> 
-      <div class="blogger-magog-post-inner">
-        <div class="blogger-mag-blog-category"> 
-          <?php $cat_list = get_the_category_list();
-            if(!empty($cat_list)) {  
-              the_category('&nbsp'); 
-            } ?>
-        </div>
-        <h1 class="blogger-mag-title single">
-          <?php the_title(); ?>
-        </h1>
-        <div class="post-meta">
-          <a href="<?php echo esc_url(get_day_link(get_post_time('Y'), get_post_time('m'), get_post_time('j')));  ?>">
-              <span class="post-date"><?php the_time( get_option( 'date_format' ) ); ?></span>
-          </a>
-          <span class="meta-sep">/</span>
-          <?php comments_popup_link( esc_html__( 'No Comments', 'blogger-mag' ), esc_html__( '1 Comment', 'blogger-mag' ), '% '. esc_html__( 'Comments', 'blogger-mag' ), 'post-comments'); ?>
-        </div>
-        <?php if (has_tag()) {
-          the_tags(); 
-        }
-        ?>
-      </div>
-      <?php
-      if(has_post_thumbnail()){
-        echo the_post_thumbnail( '', array( 'class'=>'img-responsive' ) );
-      } ?>
-      <div class="blogger-mag-blog-post-inner single">
-        <?php the_content(); ?>
-      </div>
-    </div>
-  <?php } } ?>
-  <div class="blogger-mag-blog-comment"> 
-    <?php comments_template('',true); ?> 
-  </div>
-</main>
-<?php get_footer(); ?>
+
+get_header();
+
+// 1. Check if Ansar Elements has an active page template for the current page
+$has_ansar_page = class_exists( 'Ansar_Elements_Theme_Builder_Elementor' ) 
+    && Ansar_Elements_Theme_Builder_Elementor::instance()->full_page_template_id();
+
+if ( $has_ansar_page ) {
+    // Render Ansar Elements Page Template
+    do_action( 'ansarel_full_page' );
+} else {
+    // 2. Fallback to a Gutenberg Block Pattern
+    // Replace 'blogger-mag/single-post-pattern' with your actual registered pattern slug
+    echo do_blocks( '<!-- wp:pattern {"slug":"blogger-mag/single-post-pattern"} /-->' );
+}
+
+get_footer();

blogger-mag/0.8/style.css

@@ -5 +5 @@
 Author URI: https://themeansar.com
 Description: Blogger Mag is a fast, modern, and customizable WordPress theme for news sites, magazines, and blogs. It features a mobile-friendly design, SEO optimization, multiple blog layouts, featured sections, and compatibility with Elementor and Gutenberg. Perfect for creating clean and engaging content websites. Live preview : https://sites.themeansar.com/ae/lite
-Version: 0.7
-Tested up to: 7.0
-Requires at least: 6.6
+Version: 0.8
+Tested up to: 7.1
+Requires at least: 6.0
 Requires PHP: 7.4
 Tags: right-sidebar, flexible-header, custom-background, custom-header, custom-menu, editor-style, featured-images, footer-widgets,  theme-options, threaded-comments, rtl-language-support, translation-ready, full-width-template, custom-logo, blog, news
@@ -69 +69 @@
   border-style: solid;
   transition: all 0.4s ease-in-out 0s;
-  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
   color: #ff184e;
   border-color: #ff184e;