Changeset 3442776

Timestamp:

01/19/2026 07:43:18 PM (2 months ago)

Author:

webdevmattcrom

Message:

Release version 1.3.0

Location:

synced-pattern-popups

Files:

• tags/1.3.0 (added)
• tags/1.3.0/assets (added)
• tags/1.3.0/assets/css (added)
• tags/1.3.0/assets/css/admin.css (added)
• tags/1.3.0/assets/css/modal.css (added)
• tags/1.3.0/assets/js (added)
• tags/1.3.0/assets/js/admin.js (added)
• tags/1.3.0/assets/js/command-palette.js (added)
• tags/1.3.0/assets/js/gallery-editor.js (added)
• tags/1.3.0/assets/js/gallery.js (added)
• tags/1.3.0/assets/js/modal.js (added)
• tags/1.3.0/assets/patterns (added)
• tags/1.3.0/assets/patterns/pattern-more-details.html (added)
• tags/1.3.0/assets/patterns/pattern-terms-conditions.html (added)
• tags/1.3.0/includes (added)
• tags/1.3.0/includes/class-sppopups-abilities.php (added)
• tags/1.3.0/includes/class-sppopups-admin.php (added)
• tags/1.3.0/includes/class-sppopups-ajax.php (added)
• tags/1.3.0/includes/class-sppopups-asset-collector.php (added)
• tags/1.3.0/includes/class-sppopups-cache.php (added)
• tags/1.3.0/includes/class-sppopups-command-palette.php (added)
• tags/1.3.0/includes/class-sppopups-gallery.php (added)
• tags/1.3.0/includes/class-sppopups-pattern.php (added)
• tags/1.3.0/includes/class-sppopups-plugin.php (added)
• tags/1.3.0/includes/class-sppopups-review-notice.php (added)
• tags/1.3.0/includes/class-sppopups-settings.php (added)
• tags/1.3.0/includes/class-sppopups-shipped-patterns.php (added)
• tags/1.3.0/includes/class-sppopups-tldr.php (added)
• tags/1.3.0/includes/class-sppopups-trigger-parser.php (added)
• tags/1.3.0/languages (added)
• tags/1.3.0/languages/synced-pattern-popups.pot (added)
• tags/1.3.0/readme.txt (added)
• tags/1.3.0/sppopups.php (added)
• trunk/assets/css/admin.css (modified) (1 diff)
• trunk/assets/css/modal.css (modified) (14 diffs)
• trunk/assets/js/admin.js (modified) (7 diffs)
• trunk/assets/js/command-palette.js (added)
• trunk/assets/js/gallery.js (modified) (2 diffs)
• trunk/assets/js/modal.js (modified) (5 diffs)
• trunk/includes/class-sppopups-admin.php (modified) (8 diffs)
• trunk/includes/class-sppopups-command-palette.php (added)
• trunk/includes/class-sppopups-plugin.php (modified) (2 diffs)
• trunk/includes/class-sppopups-review-notice.php (modified) (2 diffs)
• trunk/includes/class-sppopups-settings.php (modified) (9 diffs)
• trunk/languages/synced-pattern-popups.pot (modified) (12 diffs)
• trunk/readme.txt (modified) (3 diffs)
• trunk/sppopups.php (modified) (3 diffs)

synced-pattern-popups/trunk/assets/css/admin.css

@@ -1041 +1041 @@
 
 /* Gallery Block Editor Styles - Using standard TextControl, no custom styles needed */
+
+/* Defaults Accordion Styles */
+.sppopups-defaults-accordion {
+    border: 1px solid #dcdcde;
+    border-radius: 4px;
+    background: #fff;
+    overflow: hidden;
+}
+
+.sppopups-defaults-accordion-header {
+    border-bottom: 1px solid #dcdcde;
+}
+
+.sppopups-defaults-accordion:last-of-type {
+    margin-bottom: 20px;
+}
+
+.sppopups-defaults-accordion-trigger {
+    width: 100%;
+    padding: 16px 24px;
+    background: #f6f7f7;
+    border: none;
+    cursor: pointer;
+    text-align: left;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    font-size: 16px;
+    font-weight: 600;
+    color: #1d2327;
+    transition: background-color 0.15s ease, color 0.15s ease;
+    position: relative;
+}
+
+.sppopups-defaults-accordion-trigger:hover {
+    background: #f0f0f1;
+    color: #2271b1;
+}
+
+.sppopups-defaults-accordion-trigger:focus {
+    outline: none;
+    box-shadow: inset 0 0 0 1px #2271b1;
+}
+
+.sppopups-defaults-accordion-trigger[aria-expanded="true"] {
+    background: #f6f7f7;
+    border-bottom: 1px solid #dcdcde;
+}
+
+.sppopups-defaults-accordion-title {
+    flex: 1;
+}
+
+.sppopups-defaults-accordion-icon {
+    width: 20px;
+    height: 20px;
+    position: relative;
+    flex-shrink: 0;
+    margin-left: 12px;
+    transition: transform 0.3s ease;
+}
+
+.sppopups-defaults-accordion-icon::before,
+.sppopups-defaults-accordion-icon::after {
+    content: '';
+    position: absolute;
+    background: currentColor;
+    transition: transform 0.3s ease;
+}
+
+.sppopups-defaults-accordion-icon::before {
+    width: 12px;
+    height: 2px;
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%, -50%);
+}
+
+.sppopups-defaults-accordion-icon::after {
+    width: 2px;
+    height: 12px;
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%, -50%);
+}
+
+.sppopups-defaults-accordion-trigger[aria-expanded="true"] .sppopups-defaults-accordion-icon::after {
+    transform: translate(-50%, -50%) rotate(90deg);
+    opacity: 0;
+}
+
+.sppopups-defaults-accordion-content {
+    overflow: hidden;
+    transition: opacity 0.3s ease;
+    opacity: 0;
+    max-height: 0;
+}
+
+.sppopups-defaults-accordion-content.is-open {
+    opacity: 1;
+    max-height: none;
+}

synced-pattern-popups/trunk/assets/css/modal.css

@@ -42 +42 @@
     width: 100%;
     height: 100%;
-    background: rgba(0, 0, 0, 0.1);
-    backdrop-filter: blur(8px);
-    -webkit-backdrop-filter: blur(8px);
+    background: var(--sppopups-overlay-color, rgba(0, 0, 0, 0.1));
+    backdrop-filter: blur(var(--sppopups-backdrop-blur, 8px));
+    -webkit-backdrop-filter: blur(var(--sppopups-backdrop-blur, 8px));
 }
 
@@ -50 +50 @@
     position: relative;
     width: 100%;
-    max-width: 600px;
-    max-height: 90vh;
+    max-width: var(--sppopups-max-width, 600px);
+    /* 
+     * Height behavior: 
+     * - No explicit height allows container to shrink to content naturally (small content = small modal)
+     * - max-height constraint ensures it doesn't exceed viewport when content is tall
+     * - display: flex with flex-direction: column enables proper height constraint propagation
+     * - When content is small: container shrinks, card shrinks, no scrollbar
+     * - When content is tall: container hits max-height, card is constrained via flex, content scrolls
+     * 
+     * IMPORTANT: Flex container here allows card (flex child) to respect the max-height constraint
+     * while still allowing natural shrinking when content is small.
+     */
+    display: flex;
+    flex-direction: column;
+    max-height: var(--sppopups-max-height-vh, 90vh);
     z-index: 1;
-    /* Fixed 6px border radius */
-    border-radius: 6px;
+    /* Border radius from CSS variable */
+    border-radius: var(--sppopups-border-radius, 6px);
     /* Ensure inline max-width from JavaScript is respected */
     box-sizing: border-box;
@@ -71 +84 @@
     right: -3px;
     bottom: -3px;
-    border-radius: 9px;
+    border-radius: calc(var(--sppopups-border-radius, 6px) + 3px);
     background: conic-gradient(
         from 0deg,
@@ -132 +145 @@
 }
 
+/* Hide footer close button if setting is disabled */
+.sppopups-modal:not([data-show-footer-close="true"]) .sppopups-close-footer {
+    display: none;
+}
+
 .sppopups-close-footer:hover {
     color: #000;
@@ -144 +162 @@
 .sppopups-card {
     background: #ffffff;
-    border-radius: 8px;
+    border-radius: calc(var(--sppopups-border-radius, 6px) + 2px);
     box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
     position: relative;
     padding: 0;
     animation: sppopups-fade-in 0.3s ease-out;
-    /* Ensure content doesn't overflow */
+    /* Ensure content doesn't overflow the card boundaries */
     overflow: hidden;
     border: none;
-    /* Flexbox for footer positioning */
+    /* 
+     * Flexbox column layout enables:
+     * - Content area to flex and scroll when constrained
+     * - Footer to stick to bottom (flex-shrink: 0)
+     * - Natural height growth for small content
+     */
     display: flex;
     flex-direction: column;
-    height: 100%;
-    max-height: 90vh;
+    /* 
+     * Height behavior as flex child of container:
+     * - flex: 1 1 auto allows card to grow/shrink naturally
+     * - min-height: 0 is CRITICAL - allows card to shrink below content size when constrained
+     * - When container is small: card shrinks to content, no scroll needed
+     * - When container hits max-height: card is constrained, content area scrolls
+     * 
+     * IMPORTANT: min-height: 0 is required for flex items to shrink below their content size.
+     * Without it, the card won't respect the container's max-height constraint.
+     */
+    flex: 1 1 auto;
+    min-height: 0;
     z-index: 1;
 }
@@ -211 +244 @@
 }
 
+/* Hide icon close button if setting is disabled */
+.sppopups-modal:not([data-show-icon-close="true"]) .sppopups-close {
+    display: none;
+}
+
 .sppopups-close:hover {
     color: #000;
@@ -233 +271 @@
 .sppopups-content {
     width: 100%;
-    min-height: 200px;
     position: relative;
     z-index: 1;
-    /* Make content scrollable */
+    /* 
+     * Overflow behavior: auto enables scrollbar only when content exceeds available space.
+     * This works because:
+     * - Small content: card/container grow naturally, no scrollbar needed
+     * - Tall content: container hits max-height, card constrained, content scrolls
+     */
     overflow-y: auto;
     overflow-x: hidden;
-    flex: 1;
+    /* 
+     * Flex: 1 allows content to fill available space in flex column.
+     * min-height: 0 is CRITICAL - without it, flex items won't shrink below content size,
+     * preventing scrolling. This is a flexbox quirk that must be set.
+     */
+    flex: 1 1 auto;
+    min-height: 0;
 
     /* Smooth scrolling on iOS */
@@ -317 +365 @@
     .sppopups-container {
         max-width: 100%;
-        max-height: calc(100vh - 20px);
-        max-height: calc(100vh - max(20px, env(safe-area-inset-top)) - max(20px, env(safe-area-inset-bottom)));
-        border-radius: 6px;
+        /* Use CSS variable if set (percentage converted to vh), otherwise calculate from viewport */
+        max-height: var(--sppopups-max-height-vh, calc(100vh - max(20px, env(safe-area-inset-top)) - max(20px, env(safe-area-inset-bottom))));
+        border-radius: var(--sppopups-border-radius, 6px);
     }
 
     .sppopups-container::before {
-        border-radius: 8px;
+        border-radius: calc(var(--sppopups-border-radius, 6px) + 3px);
     }
 
@@ -369 +417 @@
     .sppopups-container {
         max-width: 90%;
-        max-height: 85vh;
+        /* Use CSS variable if set (percentage converted to vh), otherwise use 85vh */
+        max-height: var(--sppopups-max-height-vh, 85vh);
     }
 
@@ -384 +433 @@
 @media screen and (min-width: 769px) {
     .sppopups-container {
-        max-width: 600px;
+        max-width: var(--sppopups-max-width, 600px);
     }
 }
@@ -404 +453 @@
 
     .sppopups-container {
-        max-height: calc(100vh - 20px);
-        max-height: calc(100vh - max(20px, env(safe-area-inset-top)) - max(20px, env(safe-area-inset-bottom)));
+        /* Use CSS variable if set (percentage converted to vh), otherwise calculate from viewport */
+        max-height: var(--sppopups-max-height-vh, calc(100vh - max(20px, env(safe-area-inset-top)) - max(20px, env(safe-area-inset-bottom))));
         margin-top: 10px;
-        border-radius: 6px;
+        border-radius: var(--sppopups-border-radius, 6px);
     }
 
     .sppopups-container::before {
-        border-radius: 8px;
+        border-radius: calc(var(--sppopups-border-radius, 6px) + 3px);
     }
 
@@ -500 +549 @@
     box-sizing: border-box;
     opacity: 0;
-    transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1);
+    transition: opacity var(--sppopups-gallery-transition-duration, 500ms) cubic-bezier(0.4, 0, 0.2, 1);
     pointer-events: none;
     z-index: 1;
+}
+
+/* Disable crossfade transition if setting is disabled */
+.sppopups-modal:not([data-gallery-crossfade="true"]) .sppopups-gallery-image-wrapper {
+    transition: opacity 0ms;
 }
 
@@ -592 +646 @@
 }
 
+/* Always show navigation buttons if hover setting is disabled */
+.sppopups-modal:not([data-gallery-nav-hover="true"]) .sppopups-gallery-nav {
+    opacity: 1;
+    pointer-events: auto;
+}
+
 .sppopups-gallery-nav:hover {
     color: #000;
@@ -676 +736 @@
 }
 
+/* Hide captions if setting is disabled */
+.sppopups-modal:not([data-gallery-show-captions="true"]) .sppopups-gallery-caption {
+    display: none;
+}
+
 /* If caption contains HTML, allow it to display properly */
 .sppopups-gallery-caption p {

synced-pattern-popups/trunk/assets/js/admin.js

@@ -150 +150 @@
                 window.location.hash = '#' + tabId;
             }
+
+            // Update form tab fields when tab switches
+            if (typeof window.sppopupsUpdateTabFields === 'function') {
+                window.sppopupsUpdateTabFields();
+            }
         }
 
@@ -176 +181 @@
         function handleInitialTab() {
             var hash      = window.location.hash.substring( 1 );
-            var validTabs = ['patterns', 'tldr', 'how-to-use'];
+            var validTabs = ['patterns', 'tldr', 'defaults', 'how-to-use'];
 
             if (hash && validTabs.indexOf( hash ) !== -1) {
@@ -189 +194 @@
         function handleHashChange() {
             var hash      = window.location.hash.substring( 1 );
-            var validTabs = ['patterns', 'tldr', 'how-to-use'];
+            var validTabs = ['patterns', 'tldr', 'defaults', 'how-to-use'];
 
             if (hash && validTabs.indexOf( hash ) !== -1) {
@@ -205 +210 @@
                 if (target && target.getAttribute( 'href' ) && target.getAttribute( 'href' ).startsWith( '#' )) {
                     var hash      = target.getAttribute( 'href' ).substring( 1 );
-                    var validTabs = ['patterns', 'tldr', 'how-to-use'];
+                    var validTabs = ['patterns', 'tldr', 'defaults', 'how-to-use'];
 
                     if (validTabs.indexOf( hash ) !== -1) {
@@ -339 +344 @@
         );
 
+        // Initialize form tab persistence first (so it's available when tabs initialize)
+        initFormTabPersistence();
+
         // Initialize tabs
         initTabs();
@@ -347 +355 @@
         // Initialize TLDR prompt type toggle
         initTldrPromptToggle();
+
+        // Initialize defaults inheritance toggles
+        initDefaultsInheritanceToggles();
+
+        // Initialize defaults accordions
+        initDefaultsAccordions();
+    }
+
+    /**
+     * Initialize defaults accordions
+     */
+    function initDefaultsAccordions() {
+        var accordionTriggers = document.querySelectorAll( '.sppopups-defaults-accordion-trigger' );
+
+        accordionTriggers.forEach(
+            function (trigger) {
+                trigger.addEventListener(
+                    'click',
+                    function () {
+                        var isExpanded = trigger.getAttribute( 'aria-expanded' ) === 'true';
+                        var contentId = trigger.getAttribute( 'aria-controls' );
+                        var content = document.getElementById( contentId );
+
+                        if ( ! content) {
+                            return;
+                        }
+
+                        // Toggle state
+                        var newExpanded = ! isExpanded;
+                        trigger.setAttribute( 'aria-expanded', newExpanded.toString() );
+
+                        // Toggle content visibility
+                        if (newExpanded) {
+                            // Set display first, then trigger transition
+                            content.style.display = 'block';
+                            // Force reflow to ensure display is applied
+                            content.offsetHeight;
+                            // Add class to trigger transition
+                            content.classList.add( 'is-open' );
+                        } else {
+                            // Remove class to trigger transition
+                            content.classList.remove( 'is-open' );
+                            // Wait for transition to complete before hiding
+                            setTimeout(
+                                function () {
+                                    if ( ! content.classList.contains( 'is-open' )) {
+                                        content.style.display = 'none';
+                                    }
+                                },
+                                300
+                            );
+                        }
+                    }
+                );
+            }
+        );
     }
 
@@ -462 +526 @@
     // Initialize review notice dismiss functionality
     initReviewNoticeDismiss();
+
+    /**
+     * Initialize defaults inheritance toggles
+     */
+    function initDefaultsInheritanceToggles() {
+        // TLDR inheritance toggles
+        var tldrModalAppearanceRadios = document.querySelectorAll( 'input[name="sppopups_defaults_tldr[inheritModalAppearance]"]' );
+        var tldrOverlayRadios = document.querySelectorAll( 'input[name="sppopups_defaults_tldr[inheritOverlay]"]' );
+        var tldrCloseButtonsRadios = document.querySelectorAll( 'input[name="sppopups_defaults_tldr[inheritCloseButtons]"]' );
+
+        // Gallery inheritance toggles
+        var galleryModalAppearanceRadios = document.querySelectorAll( 'input[name="sppopups_defaults_gallery[inheritModalAppearance]"]' );
+        var galleryOverlayRadios = document.querySelectorAll( 'input[name="sppopups_defaults_gallery[inheritOverlay]"]' );
+        var galleryCloseButtonsRadios = document.querySelectorAll( 'input[name="sppopups_defaults_gallery[inheritCloseButtons]"]' );
+
+        // Toggle function for TLDR modal appearance
+        function toggleTldrModalAppearance() {
+            var selectedValue = '';
+            tldrModalAppearanceRadios.forEach(
+                function (radio) {
+                    if (radio.checked) {
+                        selectedValue = radio.value;
+                    }
+                }
+            );
+
+            var customWrapper = document.getElementById( 'tldr-modal-appearance-custom' );
+            if (customWrapper) {
+                customWrapper.style.display = (selectedValue === '0') ? 'block' : 'none';
+            }
+        }
+
+        // Toggle function for TLDR overlay
+        function toggleTldrOverlay() {
+            var selectedValue = '';
+            tldrOverlayRadios.forEach(
+                function (radio) {
+                    if (radio.checked) {
+                        selectedValue = radio.value;
+                    }
+                }
+            );
+
+            var customWrapper = document.getElementById( 'tldr-overlay-custom' );
+            if (customWrapper) {
+                customWrapper.style.display = (selectedValue === '0') ? 'block' : 'none';
+            }
+        }
+
+        // Toggle function for TLDR close buttons
+        function toggleTldrCloseButtons() {
+            var selectedValue = '';
+            tldrCloseButtonsRadios.forEach(
+                function (radio) {
+                    if (radio.checked) {
+                        selectedValue = radio.value;
+                    }
+                }
+            );
+
+            var customWrapper = document.getElementById( 'tldr-close-buttons-custom' );
+            if (customWrapper) {
+                customWrapper.style.display = (selectedValue === '0') ? 'block' : 'none';
+            }
+        }
+
+        // Toggle function for Gallery modal appearance
+        function toggleGalleryModalAppearance() {
+            var selectedValue = '';
+            galleryModalAppearanceRadios.forEach(
+                function (radio) {
+                    if (radio.checked) {
+                        selectedValue = radio.value;
+                    }
+                }
+            );
+
+            var customWrapper = document.getElementById( 'gallery-modal-appearance-custom' );
+            if (customWrapper) {
+                customWrapper.style.display = (selectedValue === '0') ? 'block' : 'none';
+            }
+        }
+
+        // Toggle function for Gallery overlay
+        function toggleGalleryOverlay() {
+            var selectedValue = '';
+            galleryOverlayRadios.forEach(
+                function (radio) {
+                    if (radio.checked) {
+                        selectedValue = radio.value;
+                    }
+                }
+            );
+
+            var customWrapper = document.getElementById( 'gallery-overlay-custom' );
+            if (customWrapper) {
+                customWrapper.style.display = (selectedValue === '0') ? 'block' : 'none';
+            }
+        }
+
+        // Toggle function for Gallery close buttons
+        function toggleGalleryCloseButtons() {
+            var selectedValue = '';
+            galleryCloseButtonsRadios.forEach(
+                function (radio) {
+                    if (radio.checked) {
+                        selectedValue = radio.value;
+                    }
+                }
+            );
+
+            var customWrapper = document.getElementById( 'gallery-close-buttons-custom' );
+            if (customWrapper) {
+                customWrapper.style.display = (selectedValue === '0') ? 'block' : 'none';
+            }
+        }
+
+        // Set initial state
+        toggleTldrModalAppearance();
+        toggleTldrOverlay();
+        toggleTldrCloseButtons();
+        toggleGalleryModalAppearance();
+        toggleGalleryOverlay();
+        toggleGalleryCloseButtons();
+
+        // Listen for changes
+        tldrModalAppearanceRadios.forEach(
+            function (radio) {
+                radio.addEventListener( 'change', toggleTldrModalAppearance );
+            }
+        );
+
+        tldrOverlayRadios.forEach(
+            function (radio) {
+                radio.addEventListener( 'change', toggleTldrOverlay );
+            }
+        );
+
+        tldrCloseButtonsRadios.forEach(
+            function (radio) {
+                radio.addEventListener( 'change', toggleTldrCloseButtons );
+            }
+        );
+
+        galleryModalAppearanceRadios.forEach(
+            function (radio) {
+                radio.addEventListener( 'change', toggleGalleryModalAppearance );
+            }
+        );
+
+        galleryOverlayRadios.forEach(
+            function (radio) {
+                radio.addEventListener( 'change', toggleGalleryOverlay );
+            }
+        );
+
+        galleryCloseButtonsRadios.forEach(
+            function (radio) {
+                radio.addEventListener( 'change', toggleGalleryCloseButtons );
+            }
+        );
+    }
+
+    /**
+     * Initialize form tab persistence
+     * Updates hidden tab fields before form submission to preserve current tab
+     */
+    function initFormTabPersistence() {
+        // Get all hidden tab input fields
+        var tabFields = document.querySelectorAll( 'input[name="sppopups_current_tab"]' );
+
+        if ( ! tabFields.length) {
+            return;
+        }
+
+        // Function to get current tab from URL hash or active tab
+        function getCurrentTab() {
+            // First, try to get from URL hash
+            var hash = window.location.hash.substring( 1 );
+            var validTabs = ['patterns', 'tldr', 'defaults', 'how-to-use'];
+            if (hash && validTabs.indexOf( hash ) !== -1) {
+                return hash;
+            }
+
+            // If no hash, try to detect active tab from DOM
+            var activeTabLink = document.querySelector( '.sppopups-tab-nav-link.active' );
+            if (activeTabLink) {
+                var href = activeTabLink.getAttribute( 'href' );
+                if (href && href.startsWith( '#' )) {
+                    var tabId = href.substring( 1 );
+                    if (validTabs.indexOf( tabId ) !== -1) {
+                        return tabId;
+                    }
+                }
+            }
+
+            // Check which tab content is visible
+            var activeTabContent = document.querySelector( '.sppopups-tab-content.active' );
+            if (activeTabContent) {
+                var tabId = activeTabContent.id.replace( 'sppopups-tab-', '' );
+                if (validTabs.indexOf( tabId ) !== -1) {
+                    return tabId;
+                }
+            }
+
+            // Default to patterns if nothing found
+            return 'patterns';
+        }
+
+        // Update all hidden tab fields with current tab
+        function updateTabFields() {
+            var currentTab = getCurrentTab();
+            tabFields.forEach(
+                function (field) {
+                    field.value = currentTab;
+                }
+            );
+        }
+
+        // Make updateTabFields available globally so switchTab can call it
+        window.sppopupsUpdateTabFields = updateTabFields;
+
+        // Update on page load (with a small delay to ensure tabs are initialized)
+        setTimeout(
+            function () {
+                updateTabFields();
+            },
+            100
+        );
+
+        // Update when hash changes (tab switch)
+        window.addEventListener(
+            'hashchange',
+            function () {
+                updateTabFields();
+            }
+        );
+
+        // Update before form submission to ensure we have the latest tab
+        tabFields.forEach(
+            function (field) {
+                var form = field.closest( 'form' );
+                if (form) {
+                    form.addEventListener(
+                        'submit',
+                        function (e) {
+                            // Update immediately before submission
+                            updateTabFields();
+                        },
+                        false
+                    );
+                }
+            }
+        );
+    }
 })();

synced-pattern-popups/trunk/assets/js/gallery.js

@@ -30 +30 @@
         closeModal: null,
         setupModalState: null,
+        applyModalDefaults: null,
+        getDefaultsForType: null,
         getTitleElement: null,
         focusWithoutScroll: null,
@@ -525 +527 @@
         currentGalleryData.settings = settings;
 
-        // Set modal size
+        // Get gallery defaults
+        var galleryDefaults = null;
+        if (dependencies.getDefaultsForType) {
+            galleryDefaults = dependencies.getDefaultsForType( 'gallery' );
+        }
+
+        // Apply defaults to modal (overrides with gallery-specific settings if provided)
+        var overrides = {};
+        if (settings.modalSize) {
+            overrides.maxWidth = settings.modalSize;
+        }
+        if (dependencies.applyModalDefaults && dependencies.modal) {
+            dependencies.applyModalDefaults( dependencies.modal, 'gallery', overrides );
+        }
+
+        // Set modal size (may be overridden by defaults)
         if (dependencies.container) {
-            dependencies.container.style.maxWidth = settings.modalSize + 'px';
+            var finalMaxWidth = overrides.maxWidth || (galleryDefaults && galleryDefaults.maxWidth) || settings.modalSize || 600;
+            dependencies.container.style.maxWidth = finalMaxWidth + 'px';
             if (dependencies.setCurrentMaxWidth) {
-                dependencies.setCurrentMaxWidth( settings.modalSize );
-            }
-        }
-
-        // Show/hide close buttons based on setting
-        if (dependencies.closeBtn) {
-            dependencies.closeBtn.style.display = (settings.closeButtons === 'icon' || settings.closeButtons === 'both') ? '' : 'none';
-        }
-
-        // Use common modal setup
-        dependencies.setupModalState( settings.modalSize, '' );
+                dependencies.setCurrentMaxWidth( finalMaxWidth );
+            }
+        }
+
+        // Use common modal setup with gallery type
+        dependencies.setupModalState( settings.modalSize || null, '', 'gallery' );
 
         // Create container for gallery images

synced-pattern-popups/trunk/assets/js/modal.js

@@ -561 +561 @@
 
     /**
+     * Get defaults for a popup type with inheritance logic applied
+     *
+     * @param {string} popupType Popup type: 'pattern', 'tldr', or 'gallery'
+     * @return {object} Complete defaults object with inheritance resolved
+     */
+    function getDefaultsForType(popupType) {
+        // Check if defaults are available
+        if ( ! sppopups || ! sppopups.defaults || ! sppopups.defaults[popupType]) {
+            // Log warning if defaults not available (helps with debugging)
+            if (window.console && console.warn) {
+                console.warn( 'SPPopups: Defaults not available for type', popupType, '- using fallback defaults' );
+            }
+            // Fallback to hardcoded defaults if not available
+            return {
+                maxWidth: 600,
+                borderRadius: 6,
+                maxHeight: 90,
+                overlayColor: 'rgba(0, 0, 0, 0.1)',
+                backdropBlur: 8,
+                showIconClose: true,
+                showFooterClose: true,
+                footerCloseText: 'Close →'
+            };
+        }
+
+        return sppopups.defaults[popupType];
+    }
+
+    /**
+     * Apply CSS variables and data attributes to modal based on defaults
+     *
+     * @param {HTMLElement} modalElement Modal element
+     * @param {string} popupType Popup type: 'pattern', 'tldr', or 'gallery'
+     * @param {object} overrides Optional overrides (e.g., custom max-width from trigger)
+     * @return {object} Applied defaults object
+     */
+    function applyModalDefaults(modalElement, popupType, overrides) {
+        var defaults = getDefaultsForType(popupType);
+
+        // Apply overrides if provided
+        if (overrides) {
+            defaults = Object.assign( {}, defaults, overrides);
+        }
+
+        // Set CSS variables
+        modalElement.style.setProperty( '--sppopups-max-width', defaults.maxWidth + 'px' );
+        modalElement.style.setProperty( '--sppopups-border-radius', defaults.borderRadius + 'px' );
+        // Convert percentage to viewport height units for proper scrolling
+        modalElement.style.setProperty( '--sppopups-max-height', defaults.maxHeight + '%' );
+        modalElement.style.setProperty( '--sppopups-max-height-vh', defaults.maxHeight + 'vh' );
+        modalElement.style.setProperty( '--sppopups-overlay-color', defaults.overlayColor );
+        modalElement.style.setProperty( '--sppopups-backdrop-blur', defaults.backdropBlur + 'px' );
+
+        // Set data attributes for conditional CSS
+        modalElement.setAttribute( 'data-show-icon-close', defaults.showIconClose ? 'true' : 'false' );
+        modalElement.setAttribute( 'data-show-footer-close', defaults.showFooterClose ? 'true' : 'false' );
+
+        // Gallery-specific attributes
+        if (popupType === 'gallery') {
+            modalElement.setAttribute( 'data-gallery-crossfade', defaults.crossfadeTransition ? 'true' : 'false' );
+            modalElement.setAttribute( 'data-gallery-show-captions', defaults.showCaptions ? 'true' : 'false' );
+            modalElement.setAttribute( 'data-gallery-nav-hover', defaults.showNavOnHover ? 'true' : 'false' );
+            if (defaults.transitionDuration !== undefined) {
+                modalElement.style.setProperty( '--sppopups-gallery-transition-duration', defaults.transitionDuration + 'ms' );
+            }
+        }
+
+        // Update footer close button text if available
+        if (defaults.footerCloseText && closeFooterBtn) {
+            closeFooterBtn.textContent = defaults.footerCloseText;
+        }
+
+        return defaults;
+    }
+
+    /**
      * Setup modal state (common initialization logic)
      *
      * @param {number|null} maxWidth Optional max-width in pixels
      * @param {string} loadingContent HTML content to show while loading
-     */
-    function setupModalState(maxWidth, loadingContent) {
+     * @param {string} popupType Optional popup type for applying defaults
+     */
+    function setupModalState(maxWidth, loadingContent, popupType) {
         // Save scroll position BEFORE any DOM changes (for all screen sizes)
         savedScrollPosition = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
@@ -573 +650 @@
         lastActiveElement = document.activeElement;
 
-        // Store the requested max-width for resize handling
-        currentMaxWidth = maxWidth;
-
-        // Calculate and apply max-width with 6% margin
+        // Apply defaults if popup type is provided
+        var finalMaxWidth = maxWidth;
+        var overrides = {};
         if (maxWidth !== null) {
-            var calculatedWidth      = calculateMaxWidth( maxWidth );
+            overrides.maxWidth = maxWidth;
+        }
+
+        if (popupType) {
+            var appliedDefaults = applyModalDefaults( modal, popupType, overrides );
+            // Use the applied max-width from defaults (or override)
+            finalMaxWidth = appliedDefaults.maxWidth;
+            // Debug: log applied defaults (remove in production if desired)
+            if (window.console && console.log) {
+                console.log( 'SPPopups: Applied defaults for', popupType, appliedDefaults );
+            }
+        } else {
+            // Legacy behavior: use provided maxWidth or default
+            if (maxWidth === null) {
+                finalMaxWidth = 600; // Legacy default
+            }
+        }
+
+        // Store the final max-width for resize handling
+        currentMaxWidth = finalMaxWidth;
+
+        // Apply max-width to container (with 6% margin calculation)
+        if (finalMaxWidth !== null) {
+            var calculatedWidth      = calculateMaxWidth( finalMaxWidth );
             container.style.maxWidth = calculatedWidth + 'px';
         } else {
@@ -639 +738 @@
         }
 
-        setupModalState( maxWidth, loadingHtml );
+        setupModalState( maxWidth, loadingHtml, 'pattern' );
 
         // Prepare form data for POST request
@@ -1126 +1225 @@
         }
 
-        // Use common modal setup (no custom max-width for TLDR)
-        setupModalState( null, '<div class="sppopups-loading"><div class="sppopups-spinner"></div><p>Generating TLDR</p></div>' );
+        // Get TLDR defaults for loading text and title
+        var tldrDefaults = getDefaultsForType( 'tldr' );
+        var loadingText = tldrDefaults.loadingText || 'Generating TLDR';
+        var titleText = tldrDefaults.titleText || 'TLDR';
+
+        // Use common modal setup with TLDR defaults
+        setupModalState( null, '<div class="sppopups-loading"><div class="sppopups-spinner"></div><p>' + loadingText + '</p></div>', 'tldr' );
+
+        // Set title if available
+        var titleEl = getTitleElement();
+        if (titleEl) {
+            titleEl.textContent = titleText;
+        }
 
         // Prepare form data
@@ -1212 +1322 @@
                 closeModal: closeModal,
                 setupModalState: setupModalState,
+                applyModalDefaults: applyModalDefaults,
+                getDefaultsForType: getDefaultsForType,
                 getTitleElement: getTitleElement,
                 focusWithoutScroll: focusWithoutScroll,

synced-pattern-popups/trunk/includes/class-sppopups-admin.php

@@ -199 +199 @@
                 }
 
-                wp_safe_redirect( admin_url( 'themes.php?page=simplest-popup-patterns&tldr_settings_saved=1' ) );
+                // Get current tab from form submission, default to 'tldr' if not provided.
+                $current_tab = isset( $_POST['sppopups_current_tab'] ) ? sanitize_text_field( wp_unslash( $_POST['sppopups_current_tab'] ) ) : 'tldr';
+                // Ensure tab is valid.
+                $valid_tabs = array( 'patterns', 'tldr', 'defaults', 'how-to-use' );
+                if ( ! in_array( $current_tab, $valid_tabs, true ) ) {
+                    $current_tab = 'tldr';
+                }
+                wp_safe_redirect( admin_url( 'themes.php?page=simplest-popup-patterns&tldr_settings_saved=1#' . $current_tab ) );
+                exit;
+            }
+        }
+
+        // Handle defaults settings save.
+        if ( isset( $_POST['save_defaults_settings'] ) && isset( $_POST['sppopups_defaults_settings_nonce'] ) ) {
+            if ( ! wp_verify_nonce( sanitize_text_field( wp_unslash( $_POST['sppopups_defaults_settings_nonce'] ) ), 'sppopups_save_defaults_settings' ) ) {
+                wp_die( esc_html__( 'Security check failed.', 'synced-pattern-popups' ) );
+            }
+
+            if ( current_user_can( 'manage_options' ) ) {
+                $settings = new SPPopups_Settings();
+
+                // Save pattern defaults.
+                if ( isset( $_POST['sppopups_defaults_pattern'] ) && is_array( $_POST['sppopups_defaults_pattern'] ) ) {
+                    // phpcs:ignore WordPress.Security.ValidatedSanitizedInput.InputNotSanitized -- Sanitized via sanitize_pattern_defaults callback
+                    $pattern_defaults = $settings->sanitize_pattern_defaults( wp_unslash( $_POST['sppopups_defaults_pattern'] ) );
+                    update_option( 'sppopups_defaults_pattern', $pattern_defaults );
+                }
+
+                // Save TLDR defaults.
+                if ( isset( $_POST['sppopups_defaults_tldr'] ) && is_array( $_POST['sppopups_defaults_tldr'] ) ) {
+                    // phpcs:ignore WordPress.Security.ValidatedSanitizedInput.InputNotSanitized -- Sanitized via sanitize_tldr_defaults callback
+                    $tldr_defaults = $settings->sanitize_tldr_defaults( wp_unslash( $_POST['sppopups_defaults_tldr'] ) );
+                    update_option( 'sppopups_defaults_tldr', $tldr_defaults );
+                }
+
+                // Save gallery defaults.
+                if ( isset( $_POST['sppopups_defaults_gallery'] ) && is_array( $_POST['sppopups_defaults_gallery'] ) ) {
+                    // phpcs:ignore WordPress.Security.ValidatedSanitizedInput.InputNotSanitized -- Sanitized via sanitize_gallery_defaults callback
+                    $gallery_defaults = $settings->sanitize_gallery_defaults( wp_unslash( $_POST['sppopups_defaults_gallery'] ) );
+                    update_option( 'sppopups_defaults_gallery', $gallery_defaults );
+                }
+
+                // Clear all transients when defaults are saved (defaults affect modal appearance).
+                $deleted_count = $this->cache_service->clear_all();
+
+                // Get current tab from form submission, default to 'defaults' if not provided.
+                $current_tab = isset( $_POST['sppopups_current_tab'] ) ? sanitize_text_field( wp_unslash( $_POST['sppopups_current_tab'] ) ) : 'defaults';
+                // Ensure tab is valid.
+                $valid_tabs = array( 'patterns', 'tldr', 'defaults', 'how-to-use' );
+                if ( ! in_array( $current_tab, $valid_tabs, true ) ) {
+                    $current_tab = 'defaults';
+                }
+                wp_safe_redirect( admin_url( 'themes.php?page=simplest-popup-patterns&defaults_settings_saved=1&cache_cleared=1&deleted=' . absint( $deleted_count ) . '#' . $current_tab ) );
                 exit;
             }
@@ -233 +285 @@
         $cache_cleared        = isset( $_GET['cache_cleared'] ) ? sanitize_text_field( wp_unslash( $_GET['cache_cleared'] ) ) : '';
         $deleted_count        = isset( $_GET['deleted'] ) ? absint( $_GET['deleted'] ) : 0;
-        $tldr_settings_saved  = isset( $_GET['tldr_settings_saved'] ) ? sanitize_text_field( wp_unslash( $_GET['tldr_settings_saved'] ) ) : '';
-        $transient_deleted    = isset( $_GET['transient_deleted'] ) ? sanitize_text_field( wp_unslash( $_GET['transient_deleted'] ) ) : '';
-        $transient_pattern_id = isset( $_GET['pattern_id'] ) ? absint( $_GET['pattern_id'] ) : 0;
+        $tldr_settings_saved     = isset( $_GET['tldr_settings_saved'] ) ? sanitize_text_field( wp_unslash( $_GET['tldr_settings_saved'] ) ) : '';
+        $defaults_settings_saved = isset( $_GET['defaults_settings_saved'] ) ? sanitize_text_field( wp_unslash( $_GET['defaults_settings_saved'] ) ) : '';
+        $transient_deleted       = isset( $_GET['transient_deleted'] ) ? sanitize_text_field( wp_unslash( $_GET['transient_deleted'] ) ) : '';
+        $transient_pattern_id    = isset( $_GET['pattern_id'] ) ? absint( $_GET['pattern_id'] ) : 0;
         // phpcs:enable WordPress.Security.NonceVerification.Recommended
 
@@ -267 +320 @@
         if ( '1' === $tldr_settings_saved ) {
             echo '<div class="notice notice-success is-dismissible"><p>' . esc_html__( 'TLDR settings saved successfully.', 'synced-pattern-popups' ) . '</p></div>';
+        }
+
+        if ( '1' === $defaults_settings_saved ) {
+            echo '<div class="notice notice-success is-dismissible"><p>' . esc_html__( 'Defaults settings saved successfully.', 'synced-pattern-popups' ) . '</p></div>';
         }
 
@@ -290 +347 @@
                 <a href="#tldr" class="sppopups-tab-nav-link" role="tab" aria-selected="false" aria-controls="sppopups-tab-tldr">
                     <?php esc_html_e( 'TLDR', 'synced-pattern-popups' ); ?>
+                </a>
+                <a href="#defaults" class="sppopups-tab-nav-link" role="tab" aria-selected="false" aria-controls="sppopups-tab-defaults">
+                    <?php esc_html_e( 'Defaults', 'synced-pattern-popups' ); ?>
                 </a>
                 <a href="#how-to-use" class="sppopups-tab-nav-link" role="tab" aria-selected="false" aria-controls="sppopups-tab-how-to-use">
@@ -405 +465 @@
                                             <div class="sppopups-trigger-code-wrapper">
                                                 <span class="sppopups-trigger-code-text"><?php echo esc_html( $trigger_code ); ?></span>
-                                                <button 
-                                                    type="button" 
-                                                    class="button button-small sppopups-copy-trigger-icon" 
+                                                <button
+                                                    type="button"
+                                                    class="button button-small sppopups-copy-trigger-icon"
                                                     data-copy="<?php echo esc_attr( $trigger_code ); ?>"
                                                     title="<?php esc_attr_e( 'Copy to Clipboard', 'synced-pattern-popups' ); ?>"
@@ -426 +486 @@
                                                     <?php endif; ?>
                                                     <?php if ( current_user_can( 'delete_post', $pattern_id ) ) : ?>
-                                                        <a 
-                                                            href="<?php echo esc_url( $delete_url ); ?>" 
+                                                        <a
+                                                            href="<?php echo esc_url( $delete_url ); ?>"
                                                             class="button button-small delete-pattern"
                                                             onclick="return confirm('<?php echo esc_js( __( 'Are you sure you want to delete this pattern?', 'synced-pattern-popups' ) ); ?>');"
@@ -441 +501 @@
                                                 );
                                                 ?>
-                                                <a 
-                                                    href="<?php echo esc_url( $delete_transient_url ); ?>" 
+                                                <a
+                                                    href="<?php echo esc_url( $delete_transient_url ); ?>"
                                                     class="button button-small delete-transient sppopups-action-transient"
                                                     onclick="return confirm('
@@ -475 +535 @@
                 </div>
 
+                <!-- Defaults Tab -->
+                <div id="sppopups-tab-defaults" class="sppopups-tab-content" role="tabpanel" aria-labelledby="defaults">
+                    <?php
+                    // Render defaults settings section.
+                    $settings = new SPPopups_Settings();
+                    $settings->render_defaults_section();
+                    ?>
+                </div>
+
                 <!-- How to Use Tab -->
                 <div id="sppopups-tab-how-to-use" class="sppopups-tab-content" role="tabpanel" aria-labelledby="how-to-use">

synced-pattern-popups/trunk/includes/class-sppopups-plugin.php

@@ -86 +86 @@
             $this->abilities = new SPPopups_Abilities( $this->pattern_service, $this->cache_service, $this->style_collector );
             $this->abilities->init();
+        }
+
+        // Initialize Command Palette integration (WP 6.3+ only)
+        // This will gracefully skip if Command Palette API is not available.
+        if ( version_compare( get_bloginfo( 'version' ), '6.3', '>=' ) && is_admin() ) {
+            $command_palette = new SPPopups_Command_Palette( $this->pattern_service, $this->cache_service );
+            $command_palette->init();
         }
 
@@ -386 +393 @@
                 'styleUrls'  => $style_urls,
                 'scriptUrls' => $script_urls,
+                'defaults'   => array(
+                    'pattern' => SPPopups_Settings::get_pattern_defaults(),
+                    'tldr'    => SPPopups_Settings::get_tldr_defaults(),
+                    'gallery' => SPPopups_Settings::get_gallery_defaults(),
+                ),
                 'strings'    => array(
                     'loading'  => __( 'Loading content...', 'synced-pattern-popups' ),

synced-pattern-popups/trunk/includes/class-sppopups-review-notice.php

@@ -175 +175 @@
                     ?>
                 </h3>
-                
+
                 <p class="sppopups-review-notice-subheading">
                     <?php esc_html_e( 'Leave us a kind review on WordPress.org', 'synced-pattern-popups' ); ?>
                 </p>
-                
+
                 <div class="sppopups-review-notice-stars">
                     ⭐⭐⭐⭐⭐
                 </div>
-                
+
                 <div class="sppopups-review-notice-actions">
                     <a href="<?php echo esc_url( $review_url ); ?>" target="_blank" rel="noopener noreferrer" class="sppopups-review-notice-button">
@@ -192 +192 @@
                     </a>
                 </div>
-                
+
                 <p class="sppopups-review-notice-footer">
                     <em><?php esc_html_e( 'Your review and feedback keeps us developing this plugin for more users like you!', 'synced-pattern-popups' ); ?></em>

synced-pattern-popups/trunk/includes/class-sppopups-settings.php

@@ -75 +75 @@
             )
         );
+
+        // Register defaults settings.
+        register_setting(
+            $this->option_group,
+            'sppopups_defaults_pattern',
+            array(
+                'type'              => 'array',
+                'sanitize_callback' => array( $this, 'sanitize_pattern_defaults' ),
+                'default'           => $this->get_default_pattern_defaults(),
+            )
+        );
+
+        register_setting(
+            $this->option_group,
+            'sppopups_defaults_tldr',
+            array(
+                'type'              => 'array',
+                'sanitize_callback' => array( $this, 'sanitize_tldr_defaults' ),
+                'default'           => $this->get_default_tldr_defaults(),
+            )
+        );
+
+        register_setting(
+            $this->option_group,
+            'sppopups_defaults_gallery',
+            array(
+                'type'              => 'array',
+                'sanitize_callback' => array( $this, 'sanitize_gallery_defaults' ),
+                'default'           => $this->get_default_gallery_defaults(),
+            )
+        );
     }
 
@@ -85 +116 @@
     public function sanitize_boolean( $value ) {
         return (bool) $value;
+    }
+
+    /**
+     * Get default pattern defaults
+     *
+     * @return array Default pattern defaults
+     */
+    private function get_default_pattern_defaults() {
+        return array(
+            'maxWidth'        => 600,
+            'borderRadius'    => 6,
+            'maxHeight'       => 90,
+            'overlayColor'    => 'rgba(0, 0, 0, 0.1)',
+            'backdropBlur'    => 8,
+            'showIconClose'   => true,
+            'showFooterClose' => true,
+            'footerCloseText' => 'Close →',
+        );
+    }
+
+    /**
+     * Get default TLDR defaults
+     *
+     * @return array Default TLDR defaults
+     */
+    private function get_default_tldr_defaults() {
+        return array(
+            'inheritModalAppearance' => true,
+            'inheritOverlay'         => true,
+            'inheritCloseButtons'    => true,
+            'maxWidth'               => 600,
+            'borderRadius'           => 6,
+            'maxHeight'              => 90,
+            'overlayColor'           => 'rgba(0, 0, 0, 0.1)',
+            'backdropBlur'           => 8,
+            'showIconClose'          => true,
+            'showFooterClose'        => true,
+            'footerCloseText'        => 'Close →',
+            'loadingText'            => 'Generating TLDR',
+            'titleText'              => 'TLDR',
+        );
+    }
+
+    /**
+     * Get default gallery defaults
+     *
+     * @return array Default gallery defaults
+     */
+    private function get_default_gallery_defaults() {
+        return array(
+            'inheritModalAppearance' => true,
+            'inheritOverlay'         => true,
+            'inheritCloseButtons'    => true,
+            'maxWidth'               => 600,
+            'borderRadius'           => 6,
+            'maxHeight'              => 90,
+            'overlayColor'           => 'rgba(0, 0, 0, 0.1)',
+            'backdropBlur'           => 8,
+            'showIconClose'          => true,
+            'showFooterClose'        => true,
+            'footerCloseText'        => 'Close →',
+            'imageNavigation'        => 'both',
+            'showCaptions'           => true,
+            'crossfadeTransition'    => true,
+            'transitionDuration'     => 500,
+            'preloadAdjacentImages'  => true,
+            'showNavOnHover'         => true,
+        );
+    }
+
+    /**
+     * Sanitize rgba color value
+     *
+     * @param string $value Color value to sanitize.
+     * @return string Sanitized color value or default.
+     */
+    private function sanitize_rgba_color( $value ) {
+        if ( ! is_string( $value ) ) {
+            return 'rgba(0, 0, 0, 0.1)';
+        }
+
+        // Validate rgba format: rgba(r, g, b, a) where r,g,b are 0-255 and a is 0-1.
+        $pattern = '/^rgba\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(0|1|0?\.\d+)\s*\)$/';
+        if ( preg_match( $pattern, $value ) ) {
+            return $value;
+        }
+
+        return 'rgba(0, 0, 0, 0.1)';
+    }
+
+    /**
+     * Sanitize number with range validation
+     *
+     * @param mixed  $value Value to sanitize.
+     * @param int    $min   Minimum value.
+     * @param int    $max   Maximum value.
+     * @param int    $default Default value if invalid.
+     * @return int Sanitized number.
+     */
+    private function sanitize_number_range( $value, $min, $max, $default ) {
+        $value = absint( $value );
+        if ( $value < $min || $value > $max ) {
+            return $default;
+        }
+        return $value;
+    }
+
+    /**
+     * Sanitize pattern defaults
+     *
+     * @param mixed $value Value to sanitize.
+     * @return array Sanitized pattern defaults.
+     */
+    public function sanitize_pattern_defaults( $value ) {
+        if ( ! is_array( $value ) ) {
+            return $this->get_default_pattern_defaults();
+        }
+
+        $defaults = $this->get_default_pattern_defaults();
+        $sanitized = array();
+
+        // Sanitize maxWidth (100-5000).
+        $sanitized['maxWidth'] = isset( $value['maxWidth'] ) ? $this->sanitize_number_range( $value['maxWidth'], 100, 5000, $defaults['maxWidth'] ) : $defaults['maxWidth'];
+
+        // Sanitize borderRadius (0-50).
+        $sanitized['borderRadius'] = isset( $value['borderRadius'] ) ? $this->sanitize_number_range( $value['borderRadius'], 0, 50, $defaults['borderRadius'] ) : $defaults['borderRadius'];
+
+        // Sanitize maxHeight (50-100).
+        $sanitized['maxHeight'] = isset( $value['maxHeight'] ) ? $this->sanitize_number_range( $value['maxHeight'], 50, 100, $defaults['maxHeight'] ) : $defaults['maxHeight'];
+
+        // Sanitize overlayColor.
+        $sanitized['overlayColor'] = isset( $value['overlayColor'] ) ? $this->sanitize_rgba_color( $value['overlayColor'] ) : $defaults['overlayColor'];
+
+        // Sanitize backdropBlur (0-20).
+        $sanitized['backdropBlur'] = isset( $value['backdropBlur'] ) ? $this->sanitize_number_range( $value['backdropBlur'], 0, 20, $defaults['backdropBlur'] ) : $defaults['backdropBlur'];
+
+        // Sanitize booleans.
+        // Note: Unchecked checkboxes don't appear in POST data, so we use array_key_exists to detect if they were present.
+        // If the key exists, use the value; if not, it means unchecked, so set to false.
+        $sanitized['showIconClose'] = array_key_exists( 'showIconClose', $value ) ? (bool) $value['showIconClose'] : false;
+        $sanitized['showFooterClose'] = array_key_exists( 'showFooterClose', $value ) ? (bool) $value['showFooterClose'] : false;
+
+        // Sanitize footerCloseText.
+        $sanitized['footerCloseText'] = isset( $value['footerCloseText'] ) ? sanitize_text_field( wp_unslash( $value['footerCloseText'] ) ) : $defaults['footerCloseText'];
+
+        return $sanitized;
+    }
+
+    /**
+     * Sanitize TLDR defaults
+     *
+     * @param mixed $value Value to sanitize.
+     * @return array Sanitized TLDR defaults.
+     */
+    public function sanitize_tldr_defaults( $value ) {
+        if ( ! is_array( $value ) ) {
+            return $this->get_default_tldr_defaults();
+        }
+
+        $defaults = $this->get_default_tldr_defaults();
+        $sanitized = array();
+
+        // Sanitize inheritance flags.
+        $sanitized['inheritModalAppearance'] = isset( $value['inheritModalAppearance'] ) ? (bool) $value['inheritModalAppearance'] : $defaults['inheritModalAppearance'];
+        $sanitized['inheritOverlay'] = isset( $value['inheritOverlay'] ) ? (bool) $value['inheritOverlay'] : $defaults['inheritOverlay'];
+        $sanitized['inheritCloseButtons'] = isset( $value['inheritCloseButtons'] ) ? (bool) $value['inheritCloseButtons'] : $defaults['inheritCloseButtons'];
+
+        // Only sanitize modal appearance if not inheriting.
+        if ( ! $sanitized['inheritModalAppearance'] ) {
+            $sanitized['maxWidth'] = isset( $value['maxWidth'] ) ? $this->sanitize_number_range( $value['maxWidth'], 100, 5000, $defaults['maxWidth'] ) : $defaults['maxWidth'];
+            $sanitized['borderRadius'] = isset( $value['borderRadius'] ) ? $this->sanitize_number_range( $value['borderRadius'], 0, 50, $defaults['borderRadius'] ) : $defaults['borderRadius'];
+            $sanitized['maxHeight'] = isset( $value['maxHeight'] ) ? $this->sanitize_number_range( $value['maxHeight'], 50, 100, $defaults['maxHeight'] ) : $defaults['maxHeight'];
+        } else {
+            $sanitized['maxWidth'] = $defaults['maxWidth'];
+            $sanitized['borderRadius'] = $defaults['borderRadius'];
+            $sanitized['maxHeight'] = $defaults['maxHeight'];
+        }
+
+        // Only sanitize overlay if not inheriting.
+        if ( ! $sanitized['inheritOverlay'] ) {
+            $sanitized['overlayColor'] = isset( $value['overlayColor'] ) ? $this->sanitize_rgba_color( $value['overlayColor'] ) : $defaults['overlayColor'];
+            $sanitized['backdropBlur'] = isset( $value['backdropBlur'] ) ? $this->sanitize_number_range( $value['backdropBlur'], 0, 20, $defaults['backdropBlur'] ) : $defaults['backdropBlur'];
+        } else {
+            $sanitized['overlayColor'] = $defaults['overlayColor'];
+            $sanitized['backdropBlur'] = $defaults['backdropBlur'];
+        }
+
+        // Only sanitize close buttons if not inheriting.
+        if ( ! $sanitized['inheritCloseButtons'] ) {
+            // Note: Unchecked checkboxes don't appear in POST data, so we use array_key_exists to detect if they were present.
+            // If the key exists, use the value; if not, it means unchecked, so set to false.
+            $sanitized['showIconClose'] = array_key_exists( 'showIconClose', $value ) ? (bool) $value['showIconClose'] : false;
+            $sanitized['showFooterClose'] = array_key_exists( 'showFooterClose', $value ) ? (bool) $value['showFooterClose'] : false;
+            $sanitized['footerCloseText'] = isset( $value['footerCloseText'] ) ? sanitize_text_field( wp_unslash( $value['footerCloseText'] ) ) : $defaults['footerCloseText'];
+        } else {
+            $sanitized['showIconClose'] = $defaults['showIconClose'];
+            $sanitized['showFooterClose'] = $defaults['showFooterClose'];
+            $sanitized['footerCloseText'] = $defaults['footerCloseText'];
+        }
+
+        // TLDR-specific settings.
+        $sanitized['loadingText'] = isset( $value['loadingText'] ) ? sanitize_text_field( wp_unslash( $value['loadingText'] ) ) : $defaults['loadingText'];
+        $sanitized['titleText'] = isset( $value['titleText'] ) ? sanitize_text_field( wp_unslash( $value['titleText'] ) ) : $defaults['titleText'];
+
+        return $sanitized;
+    }
+
+    /**
+     * Sanitize gallery defaults
+     *
+     * @param mixed $value Value to sanitize.
+     * @return array Sanitized gallery defaults.
+     */
+    public function sanitize_gallery_defaults( $value ) {
+        if ( ! is_array( $value ) ) {
+            return $this->get_default_gallery_defaults();
+        }
+
+        $defaults = $this->get_default_gallery_defaults();
+        $sanitized = array();
+
+        // Sanitize inheritance flags.
+        $sanitized['inheritModalAppearance'] = isset( $value['inheritModalAppearance'] ) ? (bool) $value['inheritModalAppearance'] : $defaults['inheritModalAppearance'];
+        $sanitized['inheritOverlay'] = isset( $value['inheritOverlay'] ) ? (bool) $value['inheritOverlay'] : $defaults['inheritOverlay'];
+        $sanitized['inheritCloseButtons'] = isset( $value['inheritCloseButtons'] ) ? (bool) $value['inheritCloseButtons'] : $defaults['inheritCloseButtons'];
+
+        // Only sanitize modal appearance if not inheriting.
+        if ( ! $sanitized['inheritModalAppearance'] ) {
+            $sanitized['maxWidth'] = isset( $value['maxWidth'] ) ? $this->sanitize_number_range( $value['maxWidth'], 100, 5000, $defaults['maxWidth'] ) : $defaults['maxWidth'];
+            $sanitized['borderRadius'] = isset( $value['borderRadius'] ) ? $this->sanitize_number_range( $value['borderRadius'], 0, 50, $defaults['borderRadius'] ) : $defaults['borderRadius'];
+            $sanitized['maxHeight'] = isset( $value['maxHeight'] ) ? $this->sanitize_number_range( $value['maxHeight'], 50, 100, $defaults['maxHeight'] ) : $defaults['maxHeight'];
+        } else {
+            $sanitized['maxWidth'] = $defaults['maxWidth'];
+            $sanitized['borderRadius'] = $defaults['borderRadius'];
+            $sanitized['maxHeight'] = $defaults['maxHeight'];
+        }
+
+        // Only sanitize overlay if not inheriting.
+        if ( ! $sanitized['inheritOverlay'] ) {
+            $sanitized['overlayColor'] = isset( $value['overlayColor'] ) ? $this->sanitize_rgba_color( $value['overlayColor'] ) : $defaults['overlayColor'];
+            $sanitized['backdropBlur'] = isset( $value['backdropBlur'] ) ? $this->sanitize_number_range( $value['backdropBlur'], 0, 20, $defaults['backdropBlur'] ) : $defaults['backdropBlur'];
+        } else {
+            $sanitized['overlayColor'] = $defaults['overlayColor'];
+            $sanitized['backdropBlur'] = $defaults['backdropBlur'];
+        }
+
+        // Only sanitize close buttons if not inheriting.
+        if ( ! $sanitized['inheritCloseButtons'] ) {
+            // Note: Unchecked checkboxes don't appear in POST data, so we use array_key_exists to detect if they were present.
+            // If the key exists, use the value; if not, it means unchecked, so set to false.
+            $sanitized['showIconClose'] = array_key_exists( 'showIconClose', $value ) ? (bool) $value['showIconClose'] : false;
+            $sanitized['showFooterClose'] = array_key_exists( 'showFooterClose', $value ) ? (bool) $value['showFooterClose'] : false;
+            $sanitized['footerCloseText'] = isset( $value['footerCloseText'] ) ? sanitize_text_field( wp_unslash( $value['footerCloseText'] ) ) : $defaults['footerCloseText'];
+        } else {
+            $sanitized['showIconClose'] = $defaults['showIconClose'];
+            $sanitized['showFooterClose'] = $defaults['showFooterClose'];
+            $sanitized['footerCloseText'] = $defaults['footerCloseText'];
+        }
+
+        // Gallery-specific settings.
+        $allowed_navigation = array( 'image', 'footer', 'both' );
+        $sanitized['imageNavigation'] = isset( $value['imageNavigation'] ) && in_array( $value['imageNavigation'], $allowed_navigation, true ) ? $value['imageNavigation'] : $defaults['imageNavigation'];
+
+        // Note: Unchecked checkboxes don't appear in POST data, so we use array_key_exists to detect if they were present.
+        // If the key exists, use the value; if not, it means unchecked, so set to false.
+        $sanitized['showCaptions'] = array_key_exists( 'showCaptions', $value ) ? (bool) $value['showCaptions'] : false;
+        $sanitized['crossfadeTransition'] = array_key_exists( 'crossfadeTransition', $value ) ? (bool) $value['crossfadeTransition'] : false;
+        $sanitized['transitionDuration'] = isset( $value['transitionDuration'] ) ? $this->sanitize_number_range( $value['transitionDuration'], 0, 2000, $defaults['transitionDuration'] ) : $defaults['transitionDuration'];
+        $sanitized['preloadAdjacentImages'] = array_key_exists( 'preloadAdjacentImages', $value ) ? (bool) $value['preloadAdjacentImages'] : false;
+        $sanitized['showNavOnHover'] = array_key_exists( 'showNavOnHover', $value ) ? (bool) $value['showNavOnHover'] : false;
+
+        return $sanitized;
     }
 
@@ -240 +543 @@
                 <?php esc_html_e( 'AI TLDR Settings', 'synced-pattern-popups' ); ?>
             </h2>
-            
+
             <?php if ( ! $ai_available['plugin_active'] ) : ?>
                 <div class="notice notice-warning inline" style="margin: 0 0 20px 0;">
@@ -257 +560 @@
             <form method="post" action="">
                 <?php wp_nonce_field( 'sppopups_save_tldr_settings', 'sppopups_tldr_settings_nonce' ); ?>
-                
+                <input type="hidden" name="sppopups_current_tab" id="sppopups-tldr-current-tab-alt" value="tldr" />
+
                 <table class="form-table" role="presentation">
                     <tbody>
@@ -322 +626 @@
                     </tbody>
                 </table>
-                
+
                 <?php submit_button( __( 'Save TLDR Settings', 'synced-pattern-popups' ), 'primary', 'save_tldr_settings', false ); ?>
             </form>
@@ -338 +642 @@
         <div class="sppopups-tab-content-inner">
             <h2><?php esc_html_e( 'AI TLDR Settings', 'synced-pattern-popups' ); ?></h2>
-            
+
             <?php if ( ! $all_requirements_met ) : ?>
                 <p class="description">
@@ -351 +655 @@
                 <form method="post" action="">
                     <?php wp_nonce_field( 'sppopups_save_tldr_settings', 'sppopups_tldr_settings_nonce' ); ?>
-                    
+                    <input type="hidden" name="sppopups_current_tab" id="sppopups-tldr-current-tab" value="tldr" />
+
                     <table class="form-table" role="presentation">
                         <tbody>
@@ -416 +721 @@
                         </tbody>
                     </table>
-                    
+
                     <?php submit_button( __( 'Save TLDR Settings', 'synced-pattern-popups' ), 'primary', 'save_tldr_settings', false ); ?>
                 </form>
@@ -557 +862 @@
         return $hours * HOUR_IN_SECONDS;
     }
+
+    /**
+     * Render defaults section for admin page
+     */
+    public function render_defaults_section() {
+        ?>
+        <div class="sppopups-tab-content-inner">
+            <h2><?php esc_html_e( 'Popup Defaults', 'synced-pattern-popups' ); ?></h2>
+            <p class="description">
+                <?php esc_html_e( 'Configure default appearance and behavior settings for all popup types. These settings will be used unless overridden by individual popups.', 'synced-pattern-popups' ); ?>
+            </p>
+
+            <form method="post" action="">
+                <?php wp_nonce_field( 'sppopups_save_defaults_settings', 'sppopups_defaults_settings_nonce' ); ?>
+                <input type="hidden" name="sppopups_current_tab" id="sppopups-defaults-current-tab" value="defaults" />
+
+                <?php $this->render_pattern_defaults_section(); ?>
+                <?php $this->render_tldr_defaults_section(); ?>
+                <?php $this->render_gallery_defaults_section(); ?>
+
+                <?php submit_button( __( 'Save Defaults', 'synced-pattern-popups' ), 'primary', 'save_defaults_settings', false ); ?>
+            </form>
+        </div>
+        <?php
+    }
+
+    /**
+     * Render pattern defaults section
+     */
+    private function render_pattern_defaults_section() {
+        $defaults = $this->get_default_pattern_defaults();
+        $saved = get_option( 'sppopups_defaults_pattern', array() );
+        $values = wp_parse_args( $saved, $defaults );
+        ?>
+        <div class="sppopups-defaults-accordion" style="margin-top: 30px;">
+            <div class="sppopups-defaults-accordion-header">
+                <button type="button" class="sppopups-defaults-accordion-trigger" aria-expanded="false" aria-controls="sppopups-defaults-pattern-content">
+                    <span class="sppopups-defaults-accordion-title"><?php esc_html_e( 'Pattern Popups Defaults', 'synced-pattern-popups' ); ?></span>
+                    <span class="sppopups-defaults-accordion-icon" aria-hidden="true"></span>
+                </button>
+            </div>
+            <div id="sppopups-defaults-pattern-content" class="sppopups-defaults-accordion-content" style="display: none; padding: 24px; background: #f6f7f7; border: 1px solid #dcdcde; border-top: none; border-radius: 0 0 4px 4px;">
+
+            <table class="form-table" role="presentation">
+                <tbody>
+                    <tr>
+                        <th scope="row">
+                            <label for="pattern_max_width">
+                                <?php esc_html_e( 'Default Width', 'synced-pattern-popups' ); ?>
+                            </label>
+                        </th>
+                        <td>
+                            <input type="number" name="sppopups_defaults_pattern[maxWidth]" id="pattern_max_width" value="<?php echo esc_attr( $values['maxWidth'] ); ?>" min="100" max="5000" step="1" style="width: 100px;" />
+                            <span style="margin-left: 8px;"><?php esc_html_e( 'px', 'synced-pattern-popups' ); ?></span>
+                            <p class="description">
+                                <?php esc_html_e( 'Default modal width in pixels (100-5000).', 'synced-pattern-popups' ); ?>
+                            </p>
+                        </td>
+                    </tr>
+                    <tr>
+                        <th scope="row">
+                            <label for="pattern_border_radius">
+                                <?php esc_html_e( 'Border Radius', 'synced-pattern-popups' ); ?>
+                            </label>
+                        </th>
+                        <td>
+                            <input type="number" name="sppopups_defaults_pattern[borderRadius]" id="pattern_border_radius" value="<?php echo esc_attr( $values['borderRadius'] ); ?>" min="0" max="50" step="1" style="width: 100px;" />
+                            <span style="margin-left: 8px;"><?php esc_html_e( 'px', 'synced-pattern-popups' ); ?></span>
+                            <p class="description">
+                                <?php esc_html_e( 'Modal border radius in pixels (0-50).', 'synced-pattern-popups' ); ?>
+                            </p>
+                        </td>
+                    </tr>
+                    <tr>
+                        <th scope="row">
+                            <label for="pattern_max_height">
+                                <?php esc_html_e( 'Max Height', 'synced-pattern-popups' ); ?>
+                            </label>
+                        </th>
+                        <td>
+                            <input type="number" name="sppopups_defaults_pattern[maxHeight]" id="pattern_max_height" value="<?php echo esc_attr( $values['maxHeight'] ); ?>" min="50" max="100" step="1" style="width: 100px;" />
+                            <span style="margin-left: 8px;"><?php esc_html_e( '%', 'synced-pattern-popups' ); ?></span>
+                            <p class="description">
+                                <?php esc_html_e( 'Maximum modal height as percentage of viewport (50-100).', 'synced-pattern-popups' ); ?>
+                            </p>
+                        </td>
+                    </tr>
+                    <tr>
+                        <th scope="row">
+                            <label for="pattern_overlay_color">
+                                <?php esc_html_e( 'Overlay Color', 'synced-pattern-popups' ); ?>
+                            </label>
+                        </th>
+                        <td>
+                            <input type="text" name="sppopups_defaults_pattern[overlayColor]" id="pattern_overlay_color" value="<?php echo esc_attr( $values['overlayColor'] ); ?>" class="regular-text" placeholder="rgba(0, 0, 0, 0.1)" />
+                            <p class="description">
+                                <?php esc_html_e( 'Overlay background color in rgba format (e.g., rgba(0, 0, 0, 0.1)).', 'synced-pattern-popups' ); ?>
+                            </p>
+                        </td>
+                    </tr>
+                    <tr>
+                        <th scope="row">
+                            <label for="pattern_backdrop_blur">
+                                <?php esc_html_e( 'Backdrop Blur', 'synced-pattern-popups' ); ?>
+                            </label>
+                        </th>
+                        <td>
+                            <input type="number" name="sppopups_defaults_pattern[backdropBlur]" id="pattern_backdrop_blur" value="<?php echo esc_attr( $values['backdropBlur'] ); ?>" min="0" max="20" step="1" style="width: 100px;" />
+                            <span style="margin-left: 8px;"><?php esc_html_e( 'px', 'synced-pattern-popups' ); ?></span>
+                            <p class="description">
+                                <?php esc_html_e( 'Backdrop blur amount in pixels (0-20).', 'synced-pattern-popups' ); ?>
+                            </p>
+                        </td>
+                    </tr>
+                    <tr>
+                        <th scope="row">
+                            <?php esc_html_e( 'Close Buttons', 'synced-pattern-popups' ); ?>
+                        </th>
+                        <td>
+                            <fieldset>
+                                <label>
+                                    <input type="checkbox" name="sppopups_defaults_pattern[showIconClose]" value="1" <?php checked( $values['showIconClose'], true ); ?> />
+                                    <?php esc_html_e( 'Show icon close button', 'synced-pattern-popups' ); ?>
+                                </label>
+                                <br />
+                                <label>
+                                    <input type="checkbox" name="sppopups_defaults_pattern[showFooterClose]" value="1" <?php checked( $values['showFooterClose'], true ); ?> />
+                                    <?php esc_html_e( 'Show footer close button', 'synced-pattern-popups' ); ?>
+                                </label>
+                            </fieldset>
+                        </td>
+                    </tr>
+                    <tr>
+                        <th scope="row">
+                            <label for="pattern_footer_close_text">
+                                <?php esc_html_e( 'Footer Button Text', 'synced-pattern-popups' ); ?>
+                            </label>
+                        </th>
+                        <td>
+                            <input type="text" name="sppopups_defaults_pattern[footerCloseText]" id="pattern_footer_close_text" value="<?php echo esc_attr( $values['footerCloseText'] ); ?>" class="regular-text" />
+                            <p class="description">
+                                <?php esc_html_e( 'Text displayed on the footer close button.', 'synced-pattern-popups' ); ?>
+                            </p>
+                        </td>
+                    </tr>
+                </tbody>
+            </table>
+            </div>
+        </div>
+        <?php
+    }
+
+    /**
+     * Render TLDR defaults section
+     */
+    private function render_tldr_defaults_section() {
+        $defaults = $this->get_default_tldr_defaults();
+        $saved = get_option( 'sppopups_defaults_tldr', array() );
+        $values = wp_parse_args( $saved, $defaults );
+        $pattern_defaults = self::get_pattern_defaults();
+        ?>
+        <div class="sppopups-defaults-accordion" style="margin-top: 30px;">
+            <div class="sppopups-defaults-accordion-header">
+                <button type="button" class="sppopups-defaults-accordion-trigger" aria-expanded="false" aria-controls="sppopups-defaults-tldr-content">
+                    <span class="sppopups-defaults-accordion-title"><?php esc_html_e( 'TLDR Popups Defaults', 'synced-pattern-popups' ); ?></span>
+                    <span class="sppopups-defaults-accordion-icon" aria-hidden="true"></span>
+                </button>
+            </div>
+            <div id="sppopups-defaults-tldr-content" class="sppopups-defaults-accordion-content" style="display: none; padding: 24px; background: #f6f7f7; border: 1px solid #dcdcde; border-top: none; border-radius: 0 0 4px 4px;">
+
+            <table class="form-table" role="presentation">
+                <tbody>
+                    <tr>
+                        <th scope="row">
+                            <?php esc_html_e( 'Modal Appearance', 'synced-pattern-popups' ); ?>
+                        </th>
+                        <td>
+                            <fieldset>
+                                <label>
+                                    <input type="radio" name="sppopups_defaults_tldr[inheritModalAppearance]" value="1" <?php checked( $values['inheritModalAppearance'], true ); ?> class="tldr-inherit-modal-appearance" />
+                                    <?php esc_html_e( 'Inherit from Pattern Modal', 'synced-pattern-popups' ); ?>
+                                </label>
+                                <br />
+                                <label>
+                                    <input type="radio" name="sppopups_defaults_tldr[inheritModalAppearance]" value="0" <?php checked( $values['inheritModalAppearance'], false ); ?> class="tldr-inherit-modal-appearance" />
+                                    <?php esc_html_e( 'Custom', 'synced-pattern-popups' ); ?>
+                                </label>
+                            </fieldset>
+                            <div id="tldr-modal-appearance-custom" style="margin-top: 12px; <?php echo $values['inheritModalAppearance'] ? 'display: none;' : ''; ?>">
+                                <table class="form-table" role="presentation" style="margin-top: 0;">
+                                    <tbody>
+                                        <tr>
+                                            <th scope="row">
+                                                <label for="tldr_max_width">
+                                                    <?php esc_html_e( 'Default Width', 'synced-pattern-popups' ); ?>
+                                                </label>
+                                            </th>
+                                            <td>
+                                                <input type="number" name="sppopups_defaults_tldr[maxWidth]" id="tldr_max_width" value="<?php echo esc_attr( $values['maxWidth'] ); ?>" min="100" max="5000" step="1" style="width: 100px;" />
+                                                <span style="margin-left: 8px;"><?php esc_html_e( 'px', 'synced-pattern-popups' ); ?></span>
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <th scope="row">
+                                                <label for="tldr_border_radius">
+                                                    <?php esc_html_e( 'Border Radius', 'synced-pattern-popups' ); ?>
+                                                </label>
+                                            </th>
+                                            <td>
+                                                <input type="number" name="sppopups_defaults_tldr[borderRadius]" id="tldr_border_radius" value="<?php echo esc_attr( $values['borderRadius'] ); ?>" min="0" max="50" step="1" style="width: 100px;" />
+                                                <span style="margin-left: 8px;"><?php esc_html_e( 'px', 'synced-pattern-popups' ); ?></span>
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <th scope="row">
+                                                <label for="tldr_max_height">
+                                                    <?php esc_html_e( 'Max Height', 'synced-pattern-popups' ); ?>
+                                                </label>
+                                            </th>
+                                            <td>
+                                                <input type="number" name="sppopups_defaults_tldr[maxHeight]" id="tldr_max_height" value="<?php echo esc_attr( $values['maxHeight'] ); ?>" min="50" max="100" step="1" style="width: 100px;" />
+                                                <span style="margin-left: 8px;"><?php esc_html_e( '%', 'synced-pattern-popups' ); ?></span>
+                                            </td>
+                                        </tr>
+                                    </tbody>
+                                </table>
+                            </div>
+                        </td>
+                    </tr>
+                    <tr>
+                        <th scope="row">
+                            <?php esc_html_e( 'Overlay', 'synced-pattern-popups' ); ?>
+                        </th>
+                        <td>
+                            <fieldset>
+                                <label>
+                                    <input type="radio" name="sppopups_defaults_tldr[inheritOverlay]" value="1" <?php checked( $values['inheritOverlay'], true ); ?> class="tldr-inherit-overlay" />
+                                    <?php esc_html_e( 'Inherit from Pattern Modal', 'synced-pattern-popups' ); ?>
+                                </label>
+                                <br />
+                                <label>
+                                    <input type="radio" name="sppopups_defaults_tldr[inheritOverlay]" value="0" <?php checked( $values['inheritOverlay'], false ); ?> class="tldr-inherit-overlay" />
+                                    <?php esc_html_e( 'Custom', 'synced-pattern-popups' ); ?>
+                                </label>
+                            </fieldset>
+                            <div id="tldr-overlay-custom" style="margin-top: 12px; <?php echo $values['inheritOverlay'] ? 'display: none;' : ''; ?>">
+                                <table class="form-table" role="presentation" style="margin-top: 0;">
+                                    <tbody>
+                                        <tr>
+                                            <th scope="row">
+                                                <label for="tldr_overlay_color">
+                                                    <?php esc_html_e( 'Overlay Color', 'synced-pattern-popups' ); ?>
+                                                </label>
+                                            </th>
+                                            <td>
+                                                <input type="text" name="sppopups_defaults_tldr[overlayColor]" id="tldr_overlay_color" value="<?php echo esc_attr( $values['overlayColor'] ); ?>" class="regular-text" placeholder="rgba(0, 0, 0, 0.1)" />
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <th scope="row">
+                                                <label for="tldr_backdrop_blur">
+                                                    <?php esc_html_e( 'Backdrop Blur', 'synced-pattern-popups' ); ?>
+                                                </label>
+                                            </th>
+                                            <td>
+                                                <input type="number" name="sppopups_defaults_tldr[backdropBlur]" id="tldr_backdrop_blur" value="<?php echo esc_attr( $values['backdropBlur'] ); ?>" min="0" max="20" step="1" style="width: 100px;" />
+                                                <span style="margin-left: 8px;"><?php esc_html_e( 'px', 'synced-pattern-popups' ); ?></span>
+                                            </td>
+                                        </tr>
+                                    </tbody>
+                                </table>
+                            </div>
+                        </td>
+                    </tr>
+                    <tr>
+                        <th scope="row">
+                            <?php esc_html_e( 'Close Buttons', 'synced-pattern-popups' ); ?>
+                        </th>
+                        <td>
+                            <fieldset>
+                                <label>
+                                    <input type="radio" name="sppopups_defaults_tldr[inheritCloseButtons]" value="1" <?php checked( $values['inheritCloseButtons'], true ); ?> class="tldr-inherit-close-buttons" />
+                                    <?php esc_html_e( 'Inherit from Pattern Modal', 'synced-pattern-popups' ); ?>
+                                </label>
+                                <br />
+                                <label>
+                                    <input type="radio" name="sppopups_defaults_tldr[inheritCloseButtons]" value="0" <?php checked( $values['inheritCloseButtons'], false ); ?> class="tldr-inherit-close-buttons" />
+                                    <?php esc_html_e( 'Custom', 'synced-pattern-popups' ); ?>
+                                </label>
+                            </fieldset>
+                            <div id="tldr-close-buttons-custom" style="margin-top: 12px; <?php echo $values['inheritCloseButtons'] ? 'display: none;' : ''; ?>">
+                                <table class="form-table" role="presentation" style="margin-top: 0;">
+                                    <tbody>
+                                        <tr>
+                                            <th scope="row">
+                                                <?php esc_html_e( 'Options', 'synced-pattern-popups' ); ?>
+                                            </th>
+                                            <td>
+                                                <fieldset>
+                                                    <label>
+                                                        <input type="checkbox" name="sppopups_defaults_tldr[showIconClose]" value="1" <?php checked( $values['showIconClose'], true ); ?> />
+                                                        <?php esc_html_e( 'Show icon close button', 'synced-pattern-popups' ); ?>
+                                                    </label>
+                                                    <br />
+                                                    <label>
+                                                        <input type="checkbox" name="sppopups_defaults_tldr[showFooterClose]" value="1" <?php checked( $values['showFooterClose'], true ); ?> />
+                                                        <?php esc_html_e( 'Show footer close button', 'synced-pattern-popups' ); ?>
+                                                    </label>
+                                                </fieldset>
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <th scope="row">
+                                                <label for="tldr_footer_close_text">
+                                                    <?php esc_html_e( 'Footer Button Text', 'synced-pattern-popups' ); ?>
+                                                </label>
+                                            </th>
+                                            <td>
+                                                <input type="text" name="sppopups_defaults_tldr[footerCloseText]" id="tldr_footer_close_text" value="<?php echo esc_attr( $values['footerCloseText'] ); ?>" class="regular-text" />
+                                            </td>
+                                        </tr>
+                                    </tbody>
+                                </table>
+                            </div>
+                        </td>
+                    </tr>
+                    <tr>
+                        <th scope="row">
+                            <label for="tldr_loading_text">
+                                <?php esc_html_e( 'Loading Text', 'synced-pattern-popups' ); ?>
+                            </label>
+                        </th>
+                        <td>
+                            <input type="text" name="sppopups_defaults_tldr[loadingText]" id="tldr_loading_text" value="<?php echo esc_attr( $values['loadingText'] ); ?>" class="regular-text" />
+                            <p class="description">
+                                <?php esc_html_e( 'Text displayed while generating TLDR summary.', 'synced-pattern-popups' ); ?>
+                            </p>
+                        </td>
+                    </tr>
+                    <tr>
+                        <th scope="row">
+                            <label for="tldr_title_text">
+                                <?php esc_html_e( 'Title Text', 'synced-pattern-popups' ); ?>
+                            </label>
+                        </th>
+                        <td>
+                            <input type="text" name="sppopups_defaults_tldr[titleText]" id="tldr_title_text" value="<?php echo esc_attr( $values['titleText'] ); ?>" class="regular-text" />
+                            <p class="description">
+                                <?php esc_html_e( 'Title displayed in TLDR modal header.', 'synced-pattern-popups' ); ?>
+                            </p>
+                        </td>
+                    </tr>
+                </tbody>
+            </table>
+            </div>
+        </div>
+        <?php
+    }
+
+    /**
+     * Render gallery defaults section
+     */
+    private function render_gallery_defaults_section() {
+        $defaults = $this->get_default_gallery_defaults();
+        $saved = get_option( 'sppopups_defaults_gallery', array() );
+        $values = wp_parse_args( $saved, $defaults );
+        $pattern_defaults = self::get_pattern_defaults();
+        ?>
+        <div class="sppopups-defaults-accordion" style="margin-top: 30px;">
+            <div class="sppopups-defaults-accordion-header">
+                <button type="button" class="sppopups-defaults-accordion-trigger" aria-expanded="false" aria-controls="sppopups-defaults-gallery-content">
+                    <span class="sppopups-defaults-accordion-title"><?php esc_html_e( 'Gallery Popups Defaults', 'synced-pattern-popups' ); ?></span>
+                    <span class="sppopups-defaults-accordion-icon" aria-hidden="true"></span>
+                </button>
+            </div>
+            <div id="sppopups-defaults-gallery-content" class="sppopups-defaults-accordion-content" style="display: none; padding: 24px; background: #f6f7f7; border: 1px solid #dcdcde; border-top: none; border-radius: 0 0 4px 4px;">
+
+            <table class="form-table" role="presentation">
+                <tbody>
+                    <tr>
+                        <th scope="row">
+                            <?php esc_html_e( 'Modal Appearance', 'synced-pattern-popups' ); ?>
+                        </th>
+                        <td>
+                            <fieldset>
+                                <label>
+                                    <input type="radio" name="sppopups_defaults_gallery[inheritModalAppearance]" value="1" <?php checked( $values['inheritModalAppearance'], true ); ?> class="gallery-inherit-modal-appearance" />
+                                    <?php esc_html_e( 'Inherit from Pattern Modal', 'synced-pattern-popups' ); ?>
+                                </label>
+                                <br />
+                                <label>
+                                    <input type="radio" name="sppopups_defaults_gallery[inheritModalAppearance]" value="0" <?php checked( $values['inheritModalAppearance'], false ); ?> class="gallery-inherit-modal-appearance" />
+                                    <?php esc_html_e( 'Custom', 'synced-pattern-popups' ); ?>
+                                </label>
+                            </fieldset>
+                            <div id="gallery-modal-appearance-custom" style="margin-top: 12px; <?php echo $values['inheritModalAppearance'] ? 'display: none;' : ''; ?>">
+                                <table class="form-table" role="presentation" style="margin-top: 0;">
+                                    <tbody>
+                                        <tr>
+                                            <th scope="row">
+                                                <label for="gallery_max_width">
+                                                    <?php esc_html_e( 'Default Width', 'synced-pattern-popups' ); ?>
+                                                </label>
+                                            </th>
+                                            <td>
+                                                <input type="number" name="sppopups_defaults_gallery[maxWidth]" id="gallery_max_width" value="<?php echo esc_attr( $values['maxWidth'] ); ?>" min="100" max="5000" step="1" style="width: 100px;" />
+                                                <span style="margin-left: 8px;"><?php esc_html_e( 'px', 'synced-pattern-popups' ); ?></span>
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <th scope="row">
+                                                <label for="gallery_border_radius">
+                                                    <?php esc_html_e( 'Border Radius', 'synced-pattern-popups' ); ?>
+                                                </label>
+                                            </th>
+                                            <td>
+                                                <input type="number" name="sppopups_defaults_gallery[borderRadius]" id="gallery_border_radius" value="<?php echo esc_attr( $values['borderRadius'] ); ?>" min="0" max="50" step="1" style="width: 100px;" />
+                                                <span style="margin-left: 8px;"><?php esc_html_e( 'px', 'synced-pattern-popups' ); ?></span>
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <th scope="row">
+                                                <label for="gallery_max_height">
+                                                    <?php esc_html_e( 'Max Height', 'synced-pattern-popups' ); ?>
+                                                </label>
+                                            </th>
+                                            <td>
+                                                <input type="number" name="sppopups_defaults_gallery[maxHeight]" id="gallery_max_height" value="<?php echo esc_attr( $values['maxHeight'] ); ?>" min="50" max="100" step="1" style="width: 100px;" />
+                                                <span style="margin-left: 8px;"><?php esc_html_e( '%', 'synced-pattern-popups' ); ?></span>
+                                            </td>
+                                        </tr>
+                                    </tbody>
+                                </table>
+                            </div>
+                        </td>
+                    </tr>
+                    <tr>
+                        <th scope="row">
+                            <?php esc_html_e( 'Overlay', 'synced-pattern-popups' ); ?>
+                        </th>
+                        <td>
+                            <fieldset>
+                                <label>
+                                    <input type="radio" name="sppopups_defaults_gallery[inheritOverlay]" value="1" <?php checked( $values['inheritOverlay'], true ); ?> class="gallery-inherit-overlay" />
+                                    <?php esc_html_e( 'Inherit from Pattern Modal', 'synced-pattern-popups' ); ?>
+                                </label>
+                                <br />
+                                <label>
+                                    <input type="radio" name="sppopups_defaults_gallery[inheritOverlay]" value="0" <?php checked( $values['inheritOverlay'], false ); ?> class="gallery-inherit-overlay" />
+                                    <?php esc_html_e( 'Custom', 'synced-pattern-popups' ); ?>
+                                </label>
+                            </fieldset>
+                            <div id="gallery-overlay-custom" style="margin-top: 12px; <?php echo $values['inheritOverlay'] ? 'display: none;' : ''; ?>">
+                                <table class="form-table" role="presentation" style="margin-top: 0;">
+                                    <tbody>
+                                        <tr>
+                                            <th scope="row">
+                                                <label for="gallery_overlay_color">
+                                                    <?php esc_html_e( 'Overlay Color', 'synced-pattern-popups' ); ?>
+                                                </label>
+                                            </th>
+                                            <td>
+                                                <input type="text" name="sppopups_defaults_gallery[overlayColor]" id="gallery_overlay_color" value="<?php echo esc_attr( $values['overlayColor'] ); ?>" class="regular-text" placeholder="rgba(0, 0, 0, 0.1)" />
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <th scope="row">
+                                                <label for="gallery_backdrop_blur">
+                                                    <?php esc_html_e( 'Backdrop Blur', 'synced-pattern-popups' ); ?>
+                                                </label>
+                                            </th>
+                                            <td>
+                                                <input type="number" name="sppopups_defaults_gallery[backdropBlur]" id="gallery_backdrop_blur" value="<?php echo esc_attr( $values['backdropBlur'] ); ?>" min="0" max="20" step="1" style="width: 100px;" />
+                                                <span style="margin-left: 8px;"><?php esc_html_e( 'px', 'synced-pattern-popups' ); ?></span>
+                                            </td>
+                                        </tr>
+                                    </tbody>
+                                </table>
+                            </div>
+                        </td>
+                    </tr>
+                    <tr>
+                        <th scope="row">
+                            <?php esc_html_e( 'Close Buttons', 'synced-pattern-popups' ); ?>
+                        </th>
+                        <td>
+                            <fieldset>
+                                <label>
+                                    <input type="radio" name="sppopups_defaults_gallery[inheritCloseButtons]" value="1" <?php checked( $values['inheritCloseButtons'], true ); ?> class="gallery-inherit-close-buttons" />
+                                    <?php esc_html_e( 'Inherit from Pattern Modal', 'synced-pattern-popups' ); ?>
+                                </label>
+                                <br />
+                                <label>
+                                    <input type="radio" name="sppopups_defaults_gallery[inheritCloseButtons]" value="0" <?php checked( $values['inheritCloseButtons'], false ); ?> class="gallery-inherit-close-buttons" />
+                                    <?php esc_html_e( 'Custom', 'synced-pattern-popups' ); ?>
+                                </label>
+                            </fieldset>
+                            <div id="gallery-close-buttons-custom" style="margin-top: 12px; <?php echo $values['inheritCloseButtons'] ? 'display: none;' : ''; ?>">
+                                <table class="form-table" role="presentation" style="margin-top: 0;">
+                                    <tbody>
+                                        <tr>
+                                            <th scope="row">
+                                                <?php esc_html_e( 'Options', 'synced-pattern-popups' ); ?>
+                                            </th>
+                                            <td>
+                                                <fieldset>
+                                                    <label>
+                                                        <input type="checkbox" name="sppopups_defaults_gallery[showIconClose]" value="1" <?php checked( $values['showIconClose'], true ); ?> />
+                                                        <?php esc_html_e( 'Show icon close button', 'synced-pattern-popups' ); ?>
+                                                    </label>
+                                                    <br />
+                                                    <label>
+                                                        <input type="checkbox" name="sppopups_defaults_gallery[showFooterClose]" value="1" <?php checked( $values['showFooterClose'], true ); ?> />
+                                                        <?php esc_html_e( 'Show footer close button', 'synced-pattern-popups' ); ?>
+                                                    </label>
+                                                </fieldset>
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <th scope="row">
+                                                <label for="gallery_footer_close_text">
+                                                    <?php esc_html_e( 'Footer Button Text', 'synced-pattern-popups' ); ?>
+                                                </label>
+                                            </th>
+                                            <td>
+                                                <input type="text" name="sppopups_defaults_gallery[footerCloseText]" id="gallery_footer_close_text" value="<?php echo esc_attr( $values['footerCloseText'] ); ?>" class="regular-text" />
+                                            </td>
+                                        </tr>
+                                    </tbody>
+                                </table>
+                            </div>
+                        </td>
+                    </tr>
+                    <tr>
+                        <th scope="row">
+                            <label for="gallery_image_navigation">
+                                <?php esc_html_e( 'Image Navigation', 'synced-pattern-popups' ); ?>
+                            </label>
+                        </th>
+                        <td>
+                            <select name="sppopups_defaults_gallery[imageNavigation]" id="gallery_image_navigation">
+                                <option value="image" <?php selected( $values['imageNavigation'], 'image' ); ?>><?php esc_html_e( 'Image', 'synced-pattern-popups' ); ?></option>
+                                <option value="footer" <?php selected( $values['imageNavigation'], 'footer' ); ?>><?php esc_html_e( 'Footer', 'synced-pattern-popups' ); ?></option>
+                                <option value="both" <?php selected( $values['imageNavigation'], 'both' ); ?>><?php esc_html_e( 'Both', 'synced-pattern-popups' ); ?></option>
+                            </select>
+                            <p class="description">
+                                <?php esc_html_e( 'Where to display navigation controls for gallery images.', 'synced-pattern-popups' ); ?>
+                            </p>
+                        </td>
+                    </tr>
+                    <tr>
+                        <th scope="row">
+                            <?php esc_html_e( 'Gallery Options', 'synced-pattern-popups' ); ?>
+                        </th>
+                        <td>
+                            <fieldset>
+                                <label>
+                                    <input type="checkbox" name="sppopups_defaults_gallery[showCaptions]" value="1" <?php checked( $values['showCaptions'], true ); ?> />
+                                    <?php esc_html_e( 'Show captions', 'synced-pattern-popups' ); ?>
+                                </label>
+                                <br />
+                                <label>
+                                    <input type="checkbox" name="sppopups_defaults_gallery[crossfadeTransition]" value="1" <?php checked( $values['crossfadeTransition'], true ); ?> />
+                                    <?php esc_html_e( 'Crossfade transition', 'synced-pattern-popups' ); ?>
+                                </label>
+                                <br />
+                                <label>
+                                    <input type="checkbox" name="sppopups_defaults_gallery[preloadAdjacentImages]" value="1" <?php checked( $values['preloadAdjacentImages'], true ); ?> />
+                                    <?php esc_html_e( 'Preload adjacent images', 'synced-pattern-popups' ); ?>
+                                </label>
+                                <br />
+                                <label>
+                                    <input type="checkbox" name="sppopups_defaults_gallery[showNavOnHover]" value="1" <?php checked( $values['showNavOnHover'], true ); ?> />
+                                    <?php esc_html_e( 'Show navigation on hover/touch', 'synced-pattern-popups' ); ?>
+                                </label>
+                            </fieldset>
+                        </td>
+                    </tr>
+                    <tr>
+                        <th scope="row">
+                            <label for="gallery_transition_duration">
+                                <?php esc_html_e( 'Transition Duration', 'synced-pattern-popups' ); ?>
+                            </label>
+                        </th>
+                        <td>
+                            <input type="number" name="sppopups_defaults_gallery[transitionDuration]" id="gallery_transition_duration" value="<?php echo esc_attr( $values['transitionDuration'] ); ?>" min="0" max="2000" step="1" style="width: 100px;" />
+                            <span style="margin-left: 8px;"><?php esc_html_e( 'ms', 'synced-pattern-popups' ); ?></span>
+                            <p class="description">
+                                <?php esc_html_e( 'Transition duration in milliseconds (0-2000).', 'synced-pattern-popups' ); ?>
+                            </p>
+                        </td>
+                    </tr>
+                </tbody>
+            </table>
+            </div>
+        </div>
+        <?php
+    }
+
+    /**
+     * Get pattern defaults with fallbacks
+     *
+     * @return array Pattern defaults
+     */
+    public static function get_pattern_defaults() {
+        $instance = new self();
+        $defaults = $instance->get_default_pattern_defaults();
+        $saved = get_option( 'sppopups_defaults_pattern', array() );
+
+        if ( ! is_array( $saved ) || empty( $saved ) ) {
+            return $defaults;
+        }
+
+        return wp_parse_args( $saved, $defaults );
+    }
+
+    /**
+     * Get TLDR defaults with inheritance logic applied
+     *
+     * @return array TLDR defaults with inheritance resolved
+     */
+    public static function get_tldr_defaults() {
+        $instance = new self();
+        $pattern_defaults = self::get_pattern_defaults();
+        $tldr_defaults = $instance->get_default_tldr_defaults();
+        $saved = get_option( 'sppopups_defaults_tldr', array() );
+
+        if ( ! is_array( $saved ) || empty( $saved ) ) {
+            $saved = $tldr_defaults;
+        }
+
+        $result = wp_parse_args( $saved, $tldr_defaults );
+
+        // Apply inheritance from pattern defaults.
+        if ( ! empty( $result['inheritModalAppearance'] ) ) {
+            $result['maxWidth'] = $pattern_defaults['maxWidth'];
+            $result['borderRadius'] = $pattern_defaults['borderRadius'];
+            $result['maxHeight'] = $pattern_defaults['maxHeight'];
+        }
+
+        if ( ! empty( $result['inheritOverlay'] ) ) {
+            $result['overlayColor'] = $pattern_defaults['overlayColor'];
+            $result['backdropBlur'] = $pattern_defaults['backdropBlur'];
+        }
+
+        if ( ! empty( $result['inheritCloseButtons'] ) ) {
+            $result['showIconClose'] = $pattern_defaults['showIconClose'];
+            $result['showFooterClose'] = $pattern_defaults['showFooterClose'];
+            $result['footerCloseText'] = $pattern_defaults['footerCloseText'];
+        }
+
+        return $result;
+    }
+
+    /**
+     * Get gallery defaults with inheritance logic applied
+     *
+     * @return array Gallery defaults with inheritance resolved
+     */
+    public static function get_gallery_defaults() {
+        $instance = new self();
+        $pattern_defaults = self::get_pattern_defaults();
+        $gallery_defaults = $instance->get_default_gallery_defaults();
+        $saved = get_option( 'sppopups_defaults_gallery', array() );
+
+        if ( ! is_array( $saved ) || empty( $saved ) ) {
+            $saved = $gallery_defaults;
+        }
+
+        $result = wp_parse_args( $saved, $gallery_defaults );
+
+        // Apply inheritance from pattern defaults.
+        if ( ! empty( $result['inheritModalAppearance'] ) ) {
+            $result['maxWidth'] = $pattern_defaults['maxWidth'];
+            $result['borderRadius'] = $pattern_defaults['borderRadius'];
+            $result['maxHeight'] = $pattern_defaults['maxHeight'];
+        }
+
+        if ( ! empty( $result['inheritOverlay'] ) ) {
+            $result['overlayColor'] = $pattern_defaults['overlayColor'];
+            $result['backdropBlur'] = $pattern_defaults['backdropBlur'];
+        }
+
+        if ( ! empty( $result['inheritCloseButtons'] ) ) {
+            $result['showIconClose'] = $pattern_defaults['showIconClose'];
+            $result['showFooterClose'] = $pattern_defaults['showFooterClose'];
+            $result['footerCloseText'] = $pattern_defaults['footerCloseText'];
+        }
+
+        return $result;
+    }
 }
 

synced-pattern-popups/trunk/languages/synced-pattern-popups.pot

@@ -3 +3 @@
 msgid ""
 msgstr ""
-"Project-Id-Version: Synced Pattern Popups 1.2.1\n"
+"Project-Id-Version: Synced Pattern Popups 1.3.0\n"
 "Report-Msgid-Bugs-To: https://wordpress.org/support/plugin/synced-pattern-popups\n"
 "Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
@@ -10 +10 @@
 "Content-Type: text/plain; charset=UTF-8\n"
 "Content-Transfer-Encoding: 8bit\n"
-"POT-Creation-Date: 2026-01-14T23:10:03+00:00\n"
+"POT-Creation-Date: 2026-01-19T18:07:00+00:00\n"
 "PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
 "X-Generator: WP-CLI 2.12.0\n"
@@ -18 +18 @@
 #: sppopups.php
 #: includes/class-sppopups-abilities.php:83
-#: includes/class-sppopups-admin.php:532
+#: includes/class-sppopups-admin.php:587
 #: assets/js/gallery-editor.js:229
 msgid "Synced Pattern Popups"
@@ -101 +101 @@
 #: includes/class-sppopups-abilities.php:224
 #: includes/class-sppopups-abilities.php:305
-#: includes/class-sppopups-admin.php:381
+#: includes/class-sppopups-admin.php:427
 msgid "(no title)"
 msgstr ""
@@ -122 +122 @@
 
 #: includes/class-sppopups-abilities.php:322
+#: includes/class-sppopups-command-palette.php:111
 msgid "Clear Popup Cache"
 msgstr ""
@@ -189 +190 @@
 #: includes/class-sppopups-admin.php:77
 #: includes/class-sppopups-admin.php:78
-#: includes/class-sppopups-admin.php:275
+#: includes/class-sppopups-admin.php:318
 msgid "Synced Patterns"
 msgstr ""
@@ -202 +203 @@
 
 #: includes/class-sppopups-admin.php:174
+#: includes/class-sppopups-admin.php:209
 msgid "Security check failed."
 msgstr ""
 
-#: includes/class-sppopups-admin.php:241
+#: includes/class-sppopups-admin.php:280
 msgid "Pattern deleted successfully."
 msgstr ""
 
 #. translators: %d: number of cache entries deleted
-#: includes/class-sppopups-admin.php:247
+#: includes/class-sppopups-admin.php:286
 #, php-format
 msgid "Cache cleared successfully. %d entry deleted."
@@ -218 +220 @@
 
 #. translators: %d: Pattern ID
-#: includes/class-sppopups-admin.php:261
+#: includes/class-sppopups-admin.php:300
 #, php-format
 msgid "Transient cache deleted successfully for pattern #%d."
 msgstr ""
 
-#: includes/class-sppopups-admin.php:268
+#: includes/class-sppopups-admin.php:307
 msgid "TLDR settings saved successfully."
 msgstr ""
 
-#: includes/class-sppopups-admin.php:280
+#: includes/class-sppopups-admin.php:311
+msgid "Defaults settings saved successfully."
+msgstr ""
+
+#: includes/class-sppopups-admin.php:323
 msgid "Learn more about Synced Pattern Popups"
 msgstr ""
 
-#: includes/class-sppopups-admin.php:288
+#: includes/class-sppopups-admin.php:331
 msgid "Patterns"
 msgstr ""
 
-#: includes/class-sppopups-admin.php:291
+#: includes/class-sppopups-admin.php:334
 #: includes/class-sppopups-ajax.php:374
 msgid "TLDR"
 msgstr ""
 
-#: includes/class-sppopups-admin.php:294
+#: includes/class-sppopups-admin.php:337
+msgid "Defaults"
+msgstr ""
+
+#: includes/class-sppopups-admin.php:340
 msgid "How to Use"
 msgstr ""
 
-#: includes/class-sppopups-admin.php:297
+#: includes/class-sppopups-admin.php:343
 msgid "Get Support"
 msgstr ""
 
-#: includes/class-sppopups-admin.php:306
+#: includes/class-sppopups-admin.php:352
 msgid "Add New"
 msgstr ""
 
-#: includes/class-sppopups-admin.php:315
+#: includes/class-sppopups-admin.php:361
 msgid "Clear Transient Cache"
 msgstr ""
 
-#: includes/class-sppopups-admin.php:320
+#: includes/class-sppopups-admin.php:366
 msgid "Manage synced patterns that can be used as popups. Only synced patterns are available for popup triggers."
 msgstr ""
 
-#: includes/class-sppopups-admin.php:326
+#: includes/class-sppopups-admin.php:372
 msgid "No synced patterns found."
 msgstr ""
 
-#: includes/class-sppopups-admin.php:328
+#: includes/class-sppopups-admin.php:374
 msgid "Create your first synced pattern"
 msgstr ""
 
-#: includes/class-sppopups-admin.php:337
-#: includes/class-sppopups-admin.php:375
+#: includes/class-sppopups-admin.php:383
+#: includes/class-sppopups-admin.php:421
 msgid "ID"
 msgstr ""
 
-#: includes/class-sppopups-admin.php:338
-#: includes/class-sppopups-admin.php:378
+#: includes/class-sppopups-admin.php:384
+#: includes/class-sppopups-admin.php:424
 msgid "Title"
 msgstr ""
 
-#: includes/class-sppopups-admin.php:339
-#: includes/class-sppopups-admin.php:392
+#: includes/class-sppopups-admin.php:385
+#: includes/class-sppopups-admin.php:438
 msgid "Status"
 msgstr ""
 
-#: includes/class-sppopups-admin.php:340
-#: includes/class-sppopups-admin.php:404
+#: includes/class-sppopups-admin.php:386
+#: includes/class-sppopups-admin.php:450
 msgid "Trigger Code"
 msgstr ""
 
-#: includes/class-sppopups-admin.php:341
-#: includes/class-sppopups-admin.php:419
+#: includes/class-sppopups-admin.php:387
+#: includes/class-sppopups-admin.php:465
 msgid "Actions"
 msgstr ""
 
-#: includes/class-sppopups-admin.php:411
-#: includes/class-sppopups-admin.php:412
+#: includes/class-sppopups-admin.php:457
+#: includes/class-sppopups-admin.php:458
 msgid "Copy to Clipboard"
 msgstr ""
 
-#: includes/class-sppopups-admin.php:424
+#: includes/class-sppopups-admin.php:470
 msgid "Edit"
 msgstr ""
 
-#: includes/class-sppopups-admin.php:431
+#: includes/class-sppopups-admin.php:477
 msgid "Are you sure you want to delete this pattern?"
 msgstr ""
 
-#: includes/class-sppopups-admin.php:433
+#: includes/class-sppopups-admin.php:479
 msgid "Delete"
 msgstr ""
 
 #. translators: %d: Pattern ID
-#: includes/class-sppopups-admin.php:449
+#: includes/class-sppopups-admin.php:495
 #, php-format
 msgid "Are you sure you want to delete the transient cache for pattern #%d?"
@@ -317 +327 @@
 
 #. translators: %d: Pattern ID
-#: includes/class-sppopups-admin.php:455
+#: includes/class-sppopups-admin.php:501
 #, php-format
 msgid "Delete Transient #%d"
 msgstr ""
 
-#: includes/class-sppopups-admin.php:480
+#: includes/class-sppopups-admin.php:535
 msgid "How to Use Synced Pattern Popups"
 msgstr ""
 
-#: includes/class-sppopups-admin.php:482
+#: includes/class-sppopups-admin.php:537
 msgid "There are two ways to trigger a popup on your site:"
 msgstr ""
 
-#: includes/class-sppopups-admin.php:486
+#: includes/class-sppopups-admin.php:541
 msgid "Method 1: Class Name"
 msgstr ""
 
-#: includes/class-sppopups-admin.php:487
+#: includes/class-sppopups-admin.php:542
 msgid "Add the class"
 msgstr ""
 
-#: includes/class-sppopups-admin.php:487
+#: includes/class-sppopups-admin.php:542
 msgid "to any clickable element, where"
 msgstr ""
 
-#: includes/class-sppopups-admin.php:487
+#: includes/class-sppopups-admin.php:542
 msgid "is the numeric ID of your Synced Pattern."
 msgstr ""
 
-#: includes/class-sppopups-admin.php:488
+#: includes/class-sppopups-admin.php:543
 msgid "Examples:"
 msgstr ""
 
-#: includes/class-sppopups-admin.php:489
-#: includes/class-sppopups-admin.php:497
+#: includes/class-sppopups-admin.php:544
+#: includes/class-sppopups-admin.php:552
 msgid "Open Popup"
 msgstr ""
 
-#: includes/class-sppopups-admin.php:490
+#: includes/class-sppopups-admin.php:545
 msgid "Click Me"
 msgstr ""
 
-#: includes/class-sppopups-admin.php:494
+#: includes/class-sppopups-admin.php:549
 msgid "Method 2: Href Attribute"
 msgstr ""
 
-#: includes/class-sppopups-admin.php:495
+#: includes/class-sppopups-admin.php:550
 msgid "Set the"
 msgstr ""
 
-#: includes/class-sppopups-admin.php:495
+#: includes/class-sppopups-admin.php:550
 msgid "attribute to"
 msgstr ""
 
-#: includes/class-sppopups-admin.php:495
+#: includes/class-sppopups-admin.php:550
 msgid "on any link element. This is especially useful in the WordPress Block Editor where you can't easily add custom classes."
 msgstr ""
 
-#: includes/class-sppopups-admin.php:496
-#: includes/class-sppopups-admin.php:503
+#: includes/class-sppopups-admin.php:551
+#: includes/class-sppopups-admin.php:558
 msgid "Example:"
 msgstr ""
 
-#: includes/class-sppopups-admin.php:501
+#: includes/class-sppopups-admin.php:556
 msgid "Custom Width"
 msgstr ""
 
-#: includes/class-sppopups-admin.php:502
+#: includes/class-sppopups-admin.php:557
 msgid "You can specify a custom modal width by adding a width suffix:"
 msgstr ""
 
-#: includes/class-sppopups-admin.php:502
+#: includes/class-sppopups-admin.php:557
 msgid "where width is in pixels (100-5000px)."
 msgstr ""
 
-#: includes/class-sppopups-admin.php:504
+#: includes/class-sppopups-admin.php:559
 msgid "Open 800px Modal"
 msgstr ""
 
-#: includes/class-sppopups-admin.php:508
+#: includes/class-sppopups-admin.php:563
 msgid "Finding Pattern IDs"
 msgstr ""
 
-#: includes/class-sppopups-admin.php:509
+#: includes/class-sppopups-admin.php:564
 msgid "Go to WordPress Admin → Appearance → Synced Patterns. The ID column shows the pattern ID prominently. You can also click the \"Copy Trigger\" button in the Actions column to copy the complete trigger code."
 msgstr ""
 
-#: includes/class-sppopups-admin.php:564
+#: includes/class-sppopups-admin.php:619
 msgid "Modal Assets:"
 msgstr ""
 
-#: includes/class-sppopups-admin.php:569
-#: includes/class-sppopups-admin.php:585
+#: includes/class-sppopups-admin.php:624
+#: includes/class-sppopups-admin.php:640
 msgid "Auto-Detect"
 msgstr ""
 
-#: includes/class-sppopups-admin.php:573
-#: includes/class-sppopups-admin.php:589
+#: includes/class-sppopups-admin.php:628
+#: includes/class-sppopups-admin.php:644
 msgid "Loaded"
 msgstr ""
 
-#: includes/class-sppopups-admin.php:580
+#: includes/class-sppopups-admin.php:635
 msgid "Gallery Assets:"
 msgstr ""
 
-#: includes/class-sppopups-admin.php:663
+#: includes/class-sppopups-admin.php:718
 msgid "You do not have permission to install plugins."
 msgstr ""
 
 #. translators: %s: Error message
-#: includes/class-sppopups-admin.php:701
+#: includes/class-sppopups-admin.php:756
 #, php-format
 msgid "Error retrieving plugin information: %s"
 msgstr ""
 
-#: includes/class-sppopups-admin.php:711
+#: includes/class-sppopups-admin.php:766
 msgid "Filesystem credentials are required to install plugins."
 msgstr ""
 
-#: includes/class-sppopups-admin.php:715
+#: includes/class-sppopups-admin.php:770
 msgid "Filesystem initialization failed."
 msgstr ""
 
 #. translators: %s: Error message
-#: includes/class-sppopups-admin.php:730
+#: includes/class-sppopups-admin.php:785
 #, php-format
 msgid "Plugin installation failed: %s"
 msgstr ""
 
-#: includes/class-sppopups-admin.php:737
+#: includes/class-sppopups-admin.php:792
 msgid "Plugin installation failed. Please try again."
 msgstr ""
 
-#: includes/class-sppopups-admin.php:806
+#: includes/class-sppopups-admin.php:861
 msgid "Go to Synced Pattern Popups"
 msgstr ""
 
-#: includes/class-sppopups-admin.php:852
+#: includes/class-sppopups-admin.php:907
 msgid "Settings"
 msgstr ""
@@ -499 +509 @@
 msgstr ""
 
-#: includes/class-sppopups-plugin.php:389
-#: includes/class-sppopups-plugin.php:417
+#: includes/class-sppopups-command-palette.php:110
+msgid "Go to: Appearance > Synced Patterns"
+msgstr ""
+
+#: includes/class-sppopups-plugin.php:401
+#: includes/class-sppopups-plugin.php:429
 msgid "Loading content..."
 msgstr ""
 
-#: includes/class-sppopups-plugin.php:390
+#: includes/class-sppopups-plugin.php:402
 msgid "Error loading content. Please try again."
 msgstr ""
 
-#: includes/class-sppopups-plugin.php:391
+#: includes/class-sppopups-plugin.php:403
 msgid "Content not found."
 msgstr ""
 
-#: includes/class-sppopups-plugin.php:408
+#: includes/class-sppopups-plugin.php:420
 msgid "Press Escape to close. Tab stays within the popup."
 msgstr ""
 
-#: includes/class-sppopups-plugin.php:409
 #: includes/class-sppopups-plugin.php:421
+#: includes/class-sppopups-plugin.php:433
 msgid "Close modal"
 msgstr ""
 
-#: includes/class-sppopups-plugin.php:422
+#: includes/class-sppopups-plugin.php:434
 msgid "Close"
 msgstr ""
@@ -563 +577 @@
 msgstr ""
 
-#: includes/class-sppopups-settings.php:104
+#: includes/class-sppopups-settings.php:399
 msgid "Configure the AI-powered TLDR feature that generates page summaries on-demand."
 msgstr ""
 
-#: includes/class-sppopups-settings.php:107
-#: includes/class-sppopups-settings.php:245
+#: includes/class-sppopups-settings.php:402
+#: includes/class-sppopups-settings.php:540
 msgid "AI Experiments plugin is not active. TLDR feature requires the AI Experiments plugin to be installed and activated."
 msgstr ""
 
-#: includes/class-sppopups-settings.php:111
-#: includes/class-sppopups-settings.php:249
+#: includes/class-sppopups-settings.php:406
+#: includes/class-sppopups-settings.php:544
 msgid "AI credentials are not configured. Please configure AI credentials in Settings → AI Experiments."
 msgstr ""
 
-#: includes/class-sppopups-settings.php:115
-#: includes/class-sppopups-settings.php:253
+#: includes/class-sppopups-settings.php:410
+#: includes/class-sppopups-settings.php:548
 msgid "AI Experiments plugin is active and credentials are configured."
 msgstr ""
 
-#: includes/class-sppopups-settings.php:129
-#: includes/class-sppopups-settings.php:271
-#: includes/class-sppopups-settings.php:365
+#: includes/class-sppopups-settings.php:424
+#: includes/class-sppopups-settings.php:566
+#: includes/class-sppopups-settings.php:660
 msgid "Enable AI-powered TLDR feature"
 msgstr ""
 
-#: includes/class-sppopups-settings.php:132
-#: includes/class-sppopups-settings.php:274
-#: includes/class-sppopups-settings.php:368
+#: includes/class-sppopups-settings.php:427
+#: includes/class-sppopups-settings.php:569
+#: includes/class-sppopups-settings.php:663
 msgid "When enabled, users can click elements with class \"spp-trigger-tldr\" to generate and display AI-powered summaries of the current page."
 msgstr ""
 
-#: includes/class-sppopups-settings.php:145
-#: includes/class-sppopups-settings.php:304
-#: includes/class-sppopups-settings.php:398
+#: includes/class-sppopups-settings.php:440
+#: includes/class-sppopups-settings.php:599
+#: includes/class-sppopups-settings.php:693
 msgid "The prompt template used to generate TLDR summaries. The page content will be automatically appended to your prompt."
 msgstr ""
 
-#: includes/class-sppopups-settings.php:158
+#: includes/class-sppopups-settings.php:453
 msgid "How long to cache generated TLDR summaries (in hours). Default: 12 hours."
 msgstr ""
 
-#: includes/class-sppopups-settings.php:240
-#: includes/class-sppopups-settings.php:339
+#: includes/class-sppopups-settings.php:535
+#: includes/class-sppopups-settings.php:634
 msgid "AI TLDR Settings"
 msgstr ""
 
-#: includes/class-sppopups-settings.php:265
-#: includes/class-sppopups-settings.php:359
+#: includes/class-sppopups-settings.php:560
+#: includes/class-sppopups-settings.php:654
 msgid "Enable TLDR Feature"
 msgstr ""
 
-#: includes/class-sppopups-settings.php:281
-#: includes/class-sppopups-settings.php:375
+#: includes/class-sppopups-settings.php:576
+#: includes/class-sppopups-settings.php:670
 msgid "TLDR Prompt"
 msgstr ""
 
-#: includes/class-sppopups-settings.php:293
-#: includes/class-sppopups-settings.php:387
+#: includes/class-sppopups-settings.php:588
+#: includes/class-sppopups-settings.php:682
 msgid "Default"
 msgstr ""
 
-#: includes/class-sppopups-settings.php:297
-#: includes/class-sppopups-settings.php:391
+#: includes/class-sppopups-settings.php:592
+#: includes/class-sppopups-settings.php:686
+#: includes/class-sppopups-settings.php:1029
+#: includes/class-sppopups-settings.php:1086
+#: includes/class-sppopups-settings.php:1131
+#: includes/class-sppopups-settings.php:1231
+#: includes/class-sppopups-settings.php:1288
+#: includes/class-sppopups-settings.php:1333
 msgid "Custom"
 msgstr ""
 
-#: includes/class-sppopups-settings.php:311
-#: includes/class-sppopups-settings.php:405
+#: includes/class-sppopups-settings.php:606
+#: includes/class-sppopups-settings.php:700
 msgid "Cache Duration"
 msgstr ""
 
-#: includes/class-sppopups-settings.php:316
-#: includes/class-sppopups-settings.php:410
+#: includes/class-sppopups-settings.php:611
+#: includes/class-sppopups-settings.php:705
 msgid "hours"
 msgstr ""
 
-#: includes/class-sppopups-settings.php:318
-#: includes/class-sppopups-settings.php:412
+#: includes/class-sppopups-settings.php:613
+#: includes/class-sppopups-settings.php:707
 msgid "How long to cache generated TLDR summaries. Default: 12 hours."
 msgstr ""
 
-#: includes/class-sppopups-settings.php:325
-#: includes/class-sppopups-settings.php:419
+#: includes/class-sppopups-settings.php:620
+#: includes/class-sppopups-settings.php:714
 msgid "Save TLDR Settings"
 msgstr ""
 
-#: includes/class-sppopups-settings.php:343
+#: includes/class-sppopups-settings.php:638
 msgid "The AI-powered TLDR feature generates concise summaries of your page content on-demand. To use this feature, you need to complete the following requirements:"
 msgstr ""
 
-#: includes/class-sppopups-settings.php:348
+#: includes/class-sppopups-settings.php:643
 msgid "AI Experiments plugin is active and credentials are configured. You can now configure the TLDR feature settings below."
 msgstr ""
 
-#: includes/class-sppopups-settings.php:440
+#: includes/class-sppopups-settings.php:735
 msgid "Step 1"
 msgstr ""
 
-#: includes/class-sppopups-settings.php:442
+#: includes/class-sppopups-settings.php:737
 msgid "AI Experiments plugin installed"
 msgstr ""
 
-#: includes/class-sppopups-settings.php:446
+#: includes/class-sppopups-settings.php:741
 msgid "Install the AI Experiments plugin from the WordPress repository"
 msgstr ""
 
-#: includes/class-sppopups-settings.php:458
+#: includes/class-sppopups-settings.php:753
 msgid "Install"
 msgstr ""
 
-#: includes/class-sppopups-settings.php:474
+#: includes/class-sppopups-settings.php:769
 msgid "Step 2"
 msgstr ""
 
-#: includes/class-sppopups-settings.php:476
+#: includes/class-sppopups-settings.php:771
 msgid "AI Experiments plugin activated"
 msgstr ""
 
-#: includes/class-sppopups-settings.php:480
+#: includes/class-sppopups-settings.php:775
 msgid "Activate the AI Experiments plugin to enable AI features"
 msgstr ""
 
-#: includes/class-sppopups-settings.php:492
+#: includes/class-sppopups-settings.php:787
 msgid "Activate"
 msgstr ""
 
-#: includes/class-sppopups-settings.php:503
+#: includes/class-sppopups-settings.php:798
 msgid "Step 3"
 msgstr ""
 
-#: includes/class-sppopups-settings.php:505
+#: includes/class-sppopups-settings.php:800
 msgid "AI credentials saved in settings"
 msgstr ""
 
-#: includes/class-sppopups-settings.php:509
+#: includes/class-sppopups-settings.php:804
 msgid "Configure your AI API credentials in the plugin settings"
 msgstr ""
 
-#: includes/class-sppopups-settings.php:515
+#: includes/class-sppopups-settings.php:810
 msgid "Start"
 msgstr ""
 
-#: includes/class-sppopups-tldr.php:49
-msgid "Invalid post ID."
-msgstr ""
-
-#: includes/class-sppopups-tldr.php:54
-msgid "TLDR feature is disabled."
-msgstr ""
-
-#: includes/class-sppopups-tldr.php:66
-msgid "AI service is not available. Please check AI Experiments plugin configuration."
-msgstr ""
-
-#: includes/class-sppopups-tldr.php:76
-msgid "No content found to generate TLDR."
-msgstr ""
-
-#: includes/class-sppopups-tldr.php:157
-msgid "AI Client is not available."
-msgstr ""
-
-#: includes/class-sppopups-tldr.php:167
-msgid "Format your response using Markdown syntax (use **bold** for emphasis, * for lists, ## for headings, etc.)."
-msgstr ""
-
-#: includes/class-sppopups-tldr.php:189
-msgid "Invalid response from AI service."
-msgstr ""
-
-#: includes/class-sppopups-tldr.php:191
-msgid "Failed to generate TLDR: "
-msgstr ""
-
-#: assets/js/gallery-editor.js:235
-msgid "Modal Size"
-msgstr ""
-
-#: assets/js/gallery-editor.js:242
-msgid "Width in pixels"
-msgstr ""
-
+#: includes/class-sppopups-settings.php:861
+msgid "Popup Defaults"
+msgstr ""
+
+#: includes/class-sppopups-settings.php:863
+msgid "Configure default appearance and behavior settings for all popup types. These settings will be used unless overridden by individual popups."
+msgstr ""
+
+#: includes/class-sppopups-settings.php:873
+msgid "Save Defaults"
+msgstr ""
+
+#: includes/class-sppopups-settings.php:889
+msgid "Pattern Popups Defaults"
+msgstr ""
+
+#: includes/class-sppopups-settings.php:897
+#: includes/class-sppopups-settings.php:1038
+#: includes/class-sppopups-settings.php:1240
+msgid "Default Width"
+msgstr ""
+
+#: includes/class-sppopups-settings.php:902
+#: includes/class-sppopups-settings.php:916
+#: includes/class-sppopups-settings.php:957
+#: includes/class-sppopups-settings.php:1043
+#: includes/class-sppopups-settings.php:1054
+#: includes/class-sppopups-settings.php:1110
+#: includes/class-sppopups-settings.php:1245
+#: includes/class-sppopups-settings.php:1256
+#: includes/class-sppopups-settings.php:1312
+msgid "px"
+msgstr ""
+
+#: includes/class-sppopups-settings.php:904
+msgid "Default modal width in pixels (100-5000)."
+msgstr ""
+
+#: includes/class-sppopups-settings.php:911
+#: includes/class-sppopups-settings.php:1049
+#: includes/class-sppopups-settings.php:1251
+msgid "Border Radius"
+msgstr ""
+
+#: includes/class-sppopups-settings.php:918
+msgid "Modal border radius in pixels (0-50)."
+msgstr ""
+
+#: includes/class-sppopups-settings.php:925
+#: includes/class-sppopups-settings.php:1060
+#: includes/class-sppopups-settings.php:1262
+msgid "Max Height"
+msgstr ""
+
+#: includes/class-sppopups-settings.php:930
+#: includes/class-sppopups-settings.php:1065
+#: includes/class-sppopups-settings.php:1267
+msgid "%"
+msgstr ""
+
+#: includes/class-sppopups-settings.php:932
+msgid "Maximum modal height as percentage of viewport (50-100)."
+msgstr ""
+
+#: includes/class-sppopups-settings.php:939
+#: includes/class-sppopups-settings.php:1095
+#: includes/class-sppopups-settings.php:1297
+msgid "Overlay Color"
+msgstr ""
+
+#: includes/class-sppopups-settings.php:945
+msgid "Overlay background color in rgba format (e.g., rgba(0, 0, 0, 0.1))."
+msgstr ""
+
+#: includes/class-sppopups-settings.php:952
+#: includes/class-sppopups-settings.php:1105
+#: includes/class-sppopups-settings.php:1307
+msgid "Backdrop Blur"
+msgstr ""
+
+#: includes/class-sppopups-settings.php:959
+msgid "Backdrop blur amount in pixels (0-20)."
+msgstr ""
+
+#: includes/class-sppopups-settings.php:965
+#: includes/class-sppopups-settings.php:1120
+#: includes/class-sppopups-settings.php:1322
 #: assets/js/gallery-editor.js:249
 msgid "Close Buttons"
 msgstr ""
 
-#: assets/js/gallery-editor.js:253
-msgid "X icon"
-msgstr ""
-
-#: assets/js/gallery-editor.js:254
-msgid "Close Button"
-msgstr ""
-
+#: includes/class-sppopups-settings.php:971
+#: includes/class-sppopups-settings.php:1145
+#: includes/class-sppopups-settings.php:1347
+msgid "Show icon close button"
+msgstr ""
+
+#: includes/class-sppopups-settings.php:976
+#: includes/class-sppopups-settings.php:1150
+#: includes/class-sppopups-settings.php:1352
+msgid "Show footer close button"
+msgstr ""
+
+#: includes/class-sppopups-settings.php:984
+#: includes/class-sppopups-settings.php:1158
+#: includes/class-sppopups-settings.php:1360
+msgid "Footer Button Text"
+msgstr ""
+
+#: includes/class-sppopups-settings.php:990
+msgid "Text displayed on the footer close button."
+msgstr ""
+
+#: includes/class-sppopups-settings.php:1011
+msgid "TLDR Popups Defaults"
+msgstr ""
+
+#: includes/class-sppopups-settings.php:1018
+#: includes/class-sppopups-settings.php:1220
+msgid "Modal Appearance"
+msgstr ""
+
+#: includes/class-sppopups-settings.php:1024
+#: includes/class-sppopups-settings.php:1081
+#: includes/class-sppopups-settings.php:1126
+#: includes/class-sppopups-settings.php:1226
+#: includes/class-sppopups-settings.php:1283
+#: includes/class-sppopups-settings.php:1328
+msgid "Inherit from Pattern Modal"
+msgstr ""
+
+#: includes/class-sppopups-settings.php:1075
+#: includes/class-sppopups-settings.php:1277
+msgid "Overlay"
+msgstr ""
+
+#: includes/class-sppopups-settings.php:1139
+#: includes/class-sppopups-settings.php:1341
+msgid "Options"
+msgstr ""
+
+#: includes/class-sppopups-settings.php:1173
+msgid "Loading Text"
+msgstr ""
+
+#: includes/class-sppopups-settings.php:1179
+msgid "Text displayed while generating TLDR summary."
+msgstr ""
+
+#: includes/class-sppopups-settings.php:1186
+msgid "Title Text"
+msgstr ""
+
+#: includes/class-sppopups-settings.php:1192
+msgid "Title displayed in TLDR modal header."
+msgstr ""
+
+#: includes/class-sppopups-settings.php:1213
+msgid "Gallery Popups Defaults"
+msgstr ""
+
+#: includes/class-sppopups-settings.php:1375
+#: assets/js/gallery-editor.js:263
+msgid "Image Navigation"
+msgstr ""
+
+#: includes/class-sppopups-settings.php:1380
+msgid "Image"
+msgstr ""
+
+#: includes/class-sppopups-settings.php:1381
+msgid "Footer"
+msgstr ""
+
+#: includes/class-sppopups-settings.php:1382
 #: assets/js/gallery-editor.js:255
 #: assets/js/gallery-editor.js:269
@@ -762 +905 @@
 msgstr ""
 
-#: assets/js/gallery-editor.js:263
-msgid "Image Navigation"
+#: includes/class-sppopups-settings.php:1385
+msgid "Where to display navigation controls for gallery images."
+msgstr ""
+
+#: includes/class-sppopups-settings.php:1391
+msgid "Gallery Options"
+msgstr ""
+
+#: includes/class-sppopups-settings.php:1397
+msgid "Show captions"
+msgstr ""
+
+#: includes/class-sppopups-settings.php:1402
+msgid "Crossfade transition"
+msgstr ""
+
+#: includes/class-sppopups-settings.php:1407
+msgid "Preload adjacent images"
+msgstr ""
+
+#: includes/class-sppopups-settings.php:1412
+msgid "Show navigation on hover/touch"
+msgstr ""
+
+#: includes/class-sppopups-settings.php:1420
+msgid "Transition Duration"
+msgstr ""
+
+#: includes/class-sppopups-settings.php:1425
+msgid "ms"
+msgstr ""
+
+#: includes/class-sppopups-settings.php:1427
+msgid "Transition duration in milliseconds (0-2000)."
+msgstr ""
+
+#: includes/class-sppopups-tldr.php:49
+msgid "Invalid post ID."
+msgstr ""
+
+#: includes/class-sppopups-tldr.php:54
+msgid "TLDR feature is disabled."
+msgstr ""
+
+#: includes/class-sppopups-tldr.php:66
+msgid "AI service is not available. Please check AI Experiments plugin configuration."
+msgstr ""
+
+#: includes/class-sppopups-tldr.php:76
+msgid "No content found to generate TLDR."
+msgstr ""
+
+#: includes/class-sppopups-tldr.php:157
+msgid "AI Client is not available."
+msgstr ""
+
+#: includes/class-sppopups-tldr.php:167
+msgid "Format your response using Markdown syntax (use **bold** for emphasis, * for lists, ## for headings, etc.)."
+msgstr ""
+
+#: includes/class-sppopups-tldr.php:189
+msgid "Invalid response from AI service."
+msgstr ""
+
+#: includes/class-sppopups-tldr.php:191
+msgid "Failed to generate TLDR: "
+msgstr ""
+
+#: assets/js/gallery-editor.js:235
+msgid "Modal Size"
+msgstr ""
+
+#: assets/js/gallery-editor.js:242
+msgid "Width in pixels"
+msgstr ""
+
+#: assets/js/gallery-editor.js:253
+msgid "X icon"
+msgstr ""
+
+#: assets/js/gallery-editor.js:254
+msgid "Close Button"
 msgstr ""
 

synced-pattern-popups/trunk/readme.txt

@@ -1 @@
-=== Synced Pattern Popups ===
+=== Synced Pattern Popups ===
 Contributors: webdevmattcrom
 Tags: popup, modal, synced-patterns, ai, tldr
 Requires at least: 5.8
 Tested up to: 6.9
-Stable tag: 1.2.1
+Stable tag: 1.3.0
 License: GPLv2 or later
 License URI: https://www.gnu.org/licenses/gpl-2.0.html
@@ -198 +198 @@
 
 == Changelog ==
+
+= 1.3.0 =
+* New: Default Settings page for configuring popup appearance defaults (Pattern, TLDR, and Gallery popups)
+* New: Settings inheritance system - TLDR and Gallery popups can inherit from Pattern defaults
+* New: Command Palette integration for quick access to plugin features
+* New: Comprehensive testing infrastructure (PHPUnit and Jest) to ensure defaults are respected
+* New: CI/CD workflows for automated testing on every commit
+* Improved: Modal scrolling behavior - modals now properly scroll long content instead of extending beyond viewport
+* Improved: CSS refactored to use custom properties for dynamic styling based on settings
+* Improved: Frontend defaults application with proper inheritance and override support
+* Fixed: Modal height constraints now work correctly with max-height settings
+* Fixed: Default width settings now properly apply to all popup types
 
 = 1.2.0 =
@@ -271 +283 @@
 == Upgrade Notice ==
 
+= 1.3.0 =
+Major update introducing default settings page and Command Palette integration. Configure default popup appearance (width, height, colors, close buttons) for Pattern, TLDR, and Gallery popups. TLDR and Gallery can inherit from Pattern defaults. Improved modal scrolling. Recommended for all users.
+
 = 1.2.0 =
 Major refactor of modal state management for improved stability, maintainability, and debugging. Fixes an issue with gallery random order. Addresses Plugin Check warnings. Recommended for all users.

synced-pattern-popups/trunk/sppopups.php

@@ -1 @@
-<?php
+<?php
 /**
  * Plugin Name: Synced Pattern Popups
  * Description: A lightweight modal popup system that loads WordPress Synced Pattern content on demand. Trigger with class "spp-trigger-{id}".
- * Version: 1.2.1
+ * Version: 1.3.0
  * Author: Matt Cromwell
  * Author URI: https://www.mattcromwell.com
@@ -21 +21 @@
 
 // Define plugin constants.
-define( 'SPPOPUPS_VERSION', '1.2.1' );
+define( 'SPPOPUPS_VERSION', '1.3.0' );
 define( 'SPPOPUPS_PLUGIN_DIR', plugin_dir_path( __FILE__ ) );
 define( 'SPPOPUPS_PLUGIN_URL', plugin_dir_url( __FILE__ ) );
@@ -40 +40 @@
 require_once SPPOPUPS_PLUGIN_DIR . 'includes/class-sppopups-shipped-patterns.php';
 require_once SPPOPUPS_PLUGIN_DIR . 'includes/class-sppopups-gallery.php';
+require_once SPPOPUPS_PLUGIN_DIR . 'includes/class-sppopups-command-palette.php';
 
 // Register activation hook to set review notice trigger date and ensure shipped patterns.