ultimate-jekyll-manager 1.9.4 → 1.9.6

package/CLAUDE.md

@@ -2,6 +2,8 @@
 
 > **Note for contributors and Claude:** This file is the architectural overview — identity, top-level conventions, and a map to deep references. The **meat** (per-subsystem APIs, page customization recipes, theming, behavior tables, defaults lists) lives in `docs/<topic>.md`. When extending or adding content, write it in the matching `docs/*.md` file and cross-link from here — do NOT inline it. If a topic doesn't have a doc yet, create one. Goal: keep this file under 250 lines.
 
+> **Mirrored structure:** BEM, UJM, BXM, and EM CLAUDE.md files mirror each other — shared sections (Supply-Chain Security, Development Workflow, File Conventions, etc.) appear in the **same order at the same position** across all four. When adding a section that applies to multiple frameworks, insert it in the same spot in all of them.
+
 ## Identity
 
 Ultimate Jekyll Manager (UJM) is a comprehensive framework for building modern Jekyll-powered static sites. Sister project to Electron Manager (EM) and Browser Extension Manager (BXM). Provides:
@@ -176,6 +178,10 @@ Note: `-t` short alias belongs to `translation`. The `test` command uses `--test
 - **🚫 NEVER run `npm start` in a consumer project** — the user runs the dev server; running it again kills theirs. Assume it's already running; if it isn't, **instruct the user to run it** rather than running it yourself. Instead, **check `logs/dev.log`** after editing files to confirm the watcher recompiled successfully (`Reloading Browsers...` = success; `errored` = fix the error) — never tail/attach to the process. If editing multiple files, check the log once after the last edit. A change that breaks the build is not a completed change. Running `npx mgr test` is fine.
 - **Live-test UI changes via CDP.** After code changes compile, use the `chrome-devtools` MCP tools (screenshots, click, evaluate JS, console logs) to verify the change works in the running browser. This is the primary way to confirm UI changes — type-checking and test suites verify code correctness, not feature correctness. Read the URL from the consumer's `.temp/_config_browsersync.yml`. Prefer `https://localhost:4000`; fall back to the local network IP (e.g. `https://192.168.x.x:4000`) if localhost doesn't connect. See [docs/cdp-debugging.md](docs/cdp-debugging.md) + `~/.claude/mcp-server/servers/chrome-devtools/CLAUDE.md`.
 
+## Supply-Chain Security
+
+All `npm install` calls in CLI commands (`npx mgr i`, `npx mgr setup`) route through the `safeInstall()` helper (`src/lib/safe-install.js`). It prefixes `sfw` (Socket Firewall) when installed — blocking confirmed malware at the network level before packages reach disk. Falls back to plain npm if sfw isn't available. CI workflows install sfw globally and run `sfw npm install`. Installs will **fail if sfw detects confirmed malware** in any package in the dependency tree; non-critical CVEs and quality warnings pass through.
+
 ## File Conventions
 
 - **CommonJS** in build-time / Node files (gulp tasks, commands, lib/). **ESM** in `src/index.js` (frontend Manager — webpack-bundled).

package/dist/assets/css/core/_utilities.scss

@@ -13,8 +13,10 @@
 .disabled,
 [disabled],
 :disabled,
+[aria-disabled="true"],
 [data-page-loading] button.btn,
-[data-page-loading] .btn-action {
+[data-page-loading] .btn-action,
+form[data-form-state]:not([data-form-state="ready"]) [type="submit"] {
   cursor: not-allowed !important;
   pointer-events: all !important;
 
@@ -26,7 +28,8 @@
 }
 
 [data-page-loading] button.btn,
-[data-page-loading] .btn-action {
+[data-page-loading] .btn-action,
+form[data-form-state]:not([data-form-state="ready"]) [type="submit"] {
   opacity: var(--bs-btn-disabled-opacity);
   color: var(--bs-btn-disabled-color);
 }

package/dist/assets/js/libs/form-manager.js

@@ -93,20 +93,19 @@ export class FormManager {
    * Initialize the form manager
    */
   _init() {
-    // Snapshot elements that are disabled in HTML markup BEFORE the first
-    // blanket disable. These are business-logic disabled (e.g. "coming soon"
-    // options) and must stay disabled through every state transition.
-    // Submit buttons are excluded — disabled submit buttons in HTML are
-    // loading guards that FM takes over.
+    // Set the form state attribute for debugging and consumer CSS hooks.
+    this.$form.setAttribute('data-form-state', this.state);
+
+    // Snapshot elements that are disabled in HTML markup. These are
+    // business-logic disabled (e.g. "coming soon" options) and must stay
+    // disabled through every state transition. Submit buttons are excluded
+    // — disabled submit buttons in HTML are loading guards that FM takes over.
     this.$form.querySelectorAll('button, input, select, textarea').forEach(($el) => {
       if ($el.disabled && $el.type !== 'submit') {
         this._permanentlyDisabled.add($el);
       }
     });
 
-    // Disable form during initialization
-    this._setDisabled(true);
-
     // Attach submit handler
     this.$form.addEventListener('submit', (e) => this._handleSubmit(e));
 

package/dist/commands/install.js

@@ -1,7 +1,7 @@
 // Libraries
 const Manager = new (require('../build.js'));
 const logger = Manager.logger('install');
-const { execute } = require('node-powertools');
+const { safeInstall } = require('../lib/safe-install');
 const os = require('os');
 
 // Load package
@@ -48,5 +48,5 @@ module.exports = async function (options) {
 };
 
 function install(command) {
-  return execute(command, { log: true });
+  return safeInstall(command);
 }

package/dist/commands/setup.js

@@ -6,6 +6,7 @@ const jetpack = require('fs-jetpack');
 const version = require('wonderful-version');
 const fetch = require('wonderful-fetch');
 const { execute } = require('node-powertools');
+const { safeInstall } = require('../lib/safe-install');
 const NPM = require('npm-api');
 const glob = require('glob').globSync;
 const detectGitHubRepository = require('../gulp/tasks/utils/detect-github-repo');
@@ -652,7 +653,7 @@ function npmInstall(pkg, ver, location) {
 
   logger.log('Installing:', command);
 
-  return execute(command, { log: true })
+  return safeInstall(command)
     .then(() => {
       const projectUpdated = jetpack.read(path.join(process.cwd(), 'package.json'), 'json');
 

package/dist/defaults/.github/workflows/build.yml

@@ -60,8 +60,10 @@ jobs:
         uses: actions/setup-node@v4
         with:
           node-version: ${{ env.NODE_VERSION }}
+      - name: Install Socket Firewall
+        run: npm install -g sfw
       - name: Run node install
-        run: npm install
+        run: sfw npm install
       - name: Log dependency versions
         run: |
           echo "🖥️ Unix Versions: "

package/dist/defaults/dist/_includes/core/body.html

@@ -96,22 +96,16 @@
 <script type="text/javascript">
   (function() {
     'use strict';
-    // Attach click listener immediately to prevent clicks on disabled elements
     document.addEventListener('click', function(e) {
       var target = e.target;
-
-      // Check if click is on a disabled element OR a button/form element during page load
       if (
-        target.closest('*[disabled], *.disabled, :disabled')
+        target.closest('*[disabled], *.disabled, :disabled, [aria-disabled="true"]')
         || (
           document.documentElement.hasAttribute('data-page-loading')
           && target.closest('button, input[type="submit"], input[type="button"], input[type="reset"], .btn-action')
         )
       ) {
-        // Log the click for debugging
         console.log('Click prevented (disabled):', target);
-
-        // Prevent all actions
         e.preventDefault();
         e.stopImmediatePropagation();
         e.stopPropagation();

package/dist/defaults/dist/_includes/themes/classy/frontend/sections/footer.html

@@ -86,7 +86,15 @@
               </button>
               <ul class="dropdown-menu">
                 {% assign default_language = site.translation.default | default: "en" %}
-                {% if site.translation.enabled and site.translation.languages.size > 0 %}
+                {% assign page_excluded_from_translation = false %}
+                {% for exclude in site.translation.exclude %}
+                  {% assign exclude_folder = "/" | append: exclude | append: "/" %}
+                  {% assign exclude_page = "/" | append: exclude %}
+                  {% if page.url == exclude_page or page.url contains exclude_folder %}
+                    {% assign page_excluded_from_translation = true %}
+                  {% endif %}
+                {% endfor %}
+                {% if site.translation.enabled and site.translation.languages.size > 0 and page_excluded_from_translation != true %}
                   {% assign all_languages = site.translation.languages | push: default_language %}
                 {% else %}
                   {% assign all_languages = "" | split: "" | push: default_language %}

package/dist/defaults/dist/_layouts/blueprint/admin/calendar/index.html

@@ -85,7 +85,7 @@ prerender_icons:
         <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
       </div>
       <div class="modal-body">
-        <form id="campaign-editor-form" novalidate onsubmit="return false">
+        <form id="campaign-editor-form" novalidate data-form-state="initializing" onsubmit="return false">
 
           <!-- Campaign Type -->
           <h6 class="mb-3">

package/dist/defaults/dist/_layouts/blueprint/admin/firebase/index.html

@@ -87,7 +87,7 @@ prerender_icons:
         <hr class="my-2">
 
         <!-- Custom Collection Input -->
-        <form id="collection-form" onsubmit="return false">
+        <form id="collection-form" data-form-state="initializing" onsubmit="return false">
           <div class="input-group input-group-sm">
             <input type="text" class="form-control" name="collection.path" placeholder="Collection path..." aria-label="Collection path" required>
             <button type="submit" class="btn btn-outline-adaptive">
@@ -104,7 +104,7 @@ prerender_icons:
         <h6 class="mb-0">{% uj_icon "magnifying-glass", "fa-sm me-2" %} Query</h6>
       </div>
       <div class="card-body">
-        <form id="query-form" onsubmit="return false">
+        <form id="query-form" data-form-state="initializing" onsubmit="return false">
           <div class="mb-2">
             <label for="query-field" class="form-label small mb-1">Field</label>
             <input type="text" class="form-control form-control-sm" name="query.field" id="query-field" placeholder="e.g. auth.email" required>

package/dist/defaults/dist/_layouts/blueprint/admin/studio/index.html

@@ -36,7 +36,7 @@ web_manager:
     <div class="studio-clips" id="studio-clips">
       <!-- Populated by JS from registered clips -->
     </div>
-    <form id="studio-controls-form" class="studio-controls">
+    <form id="studio-controls-form" class="studio-controls" data-form-state="initializing" onsubmit="return false">
       <fieldset id="studio-fieldset">
         <!-- Aspect ratio toggle -->
         <label class="studio-label">

package/dist/defaults/dist/_layouts/blueprint/admin/users/index.html

@@ -101,7 +101,7 @@ prerender_icons:
 </div>
 
 <!-- Search Form -->
-<form id="user-search-form" onsubmit="return false">
+<form id="user-search-form" data-form-state="initializing" onsubmit="return false">
   <div class="row mb-3">
     <div class="col">
       <div class="input-group">
@@ -252,7 +252,7 @@ prerender_icons:
         <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
       </div>
       <div class="modal-body">
-        <form id="user-edit-form" onsubmit="return false">
+        <form id="user-edit-form" data-form-state="initializing" onsubmit="return false">
           <!-- UID (read-only) -->
           <div class="mb-3">
             <label class="form-label small text-muted">UID</label>

package/dist/defaults/dist/_layouts/blueprint/admin/users/new.html

@@ -39,7 +39,7 @@ meta:
         <h5 class="mb-0">Create new user</h5>
       </div>
       <div class="card-body">
-        <form id="create-user-form" novalidate onsubmit="return false">
+        <form id="create-user-form" novalidate data-form-state="initializing" onsubmit="return false">
           <div class="mb-3">
             <label for="email" class="form-label">Email address <span class="text-danger">*</span></label>
             <input type="email" class="form-control" id="email" name="user.email" required autofocus>

package/dist/defaults/dist/_layouts/themes/classy/frontend/pages/account/index.html

@@ -239,7 +239,7 @@ badges:
       <section id="profile-section" class="account-section d-none">
         <h2 class="h3 mb-4" >My profile</h2>
 
-        <form id="profile-form" novalidate onsubmit="return false">
+        <form id="profile-form" novalidate data-form-state="initializing" onsubmit="return false">
           <!-- Avatar and Edit Button -->
           <div class="mb-4">
             <div class="d-flex align-items-center">
@@ -799,7 +799,7 @@ badges:
                     </div>
                   </div>
                   <div class="flex-shrink-0">
-                    <form id="signin-method-{{ method.id }}-form" class="d-grid d-sm-inline-block" novalidate onsubmit="return false">
+                    <form id="signin-method-{{ method.id }}-form" class="d-grid d-sm-inline-block" novalidate data-form-state="initializing" onsubmit="return false">
                       <input type="hidden" name="method" value="{{ method.id }}">
                       {% if method.id == "password" %}
                         <button type="submit" class="btn btn-primary btn-sm" data-action="change">
@@ -841,7 +841,7 @@ badges:
           <div class="card-body">
             <div class="d-flex justify-content-between align-items-center mb-3">
               <h5 class="card-title mb-0">Active sessions</h5>
-              <form id="signout-all-sessions-form" class="d-inline" novalidate onsubmit="return false">
+              <form id="signout-all-sessions-form" class="d-inline" novalidate data-form-state="initializing" onsubmit="return false">
                 <input type="hidden" name="action" value="signout-all">
                 <button type="submit" class="btn btn-outline-danger btn-sm">
                   {% uj_icon "right-from-bracket", "me-1" %}
@@ -967,7 +967,7 @@ badges:
                     </div>
                     <div class="text-start text-sm-end flex-shrink-0">
                       <div>
-                        <form id="connection-form-{{ connection.id }}" class="d-grid d-sm-inline-block" novalidate onsubmit="return false">
+                        <form id="connection-form-{{ connection.id }}" class="d-grid d-sm-inline-block" novalidate data-form-state="initializing" onsubmit="return false">
                           <input type="hidden" name="provider" value="{{ connection.id }}">
                           <!-- Connect button -->
                           <button type="submit" class="btn btn-sm btn-primary" data-action="connect">
@@ -1109,7 +1109,7 @@ badges:
                 If you cancel, your subscription will remain active until the end of your current billing period. After that, you'll be downgraded to the free plan and will lose access to premium features. You can resubscribe at any time.
               </p>
 
-              <form id="cancel-subscription-form" novalidate onsubmit="return false">
+              <form id="cancel-subscription-form" novalidate data-form-state="initializing" onsubmit="return false">
                 <!-- Cancellation Reasons (randomized by JS) -->
                 <div class="mb-3">
                   <label class="form-label">Why are you cancelling?</label>
@@ -1261,7 +1261,7 @@ badges:
           <div class="card-body">
             <h5 class="card-title">Email preferences</h5>
 
-            <form id="marketing-emails-form" novalidate>
+            <form id="marketing-emails-form" novalidate data-form-state="initializing" onsubmit="return false">
               <div class="form-check form-switch mb-3">
                 <input class="form-check-input" type="checkbox" id="marketing-emails" name="enabled">
                 <label class="form-check-label" for="marketing-emails">
@@ -1285,7 +1285,7 @@ badges:
             </div>
             <p class="text-muted small mb-3">Receive push notifications in your browser for important updates.</p>
 
-            <form id="push-subscribe-form" novalidate onsubmit="return false" style="display:none">
+            <form id="push-subscribe-form" novalidate data-form-state="initializing" onsubmit="return false" style="display:none">
               <button type="submit" class="btn btn-adaptive btn-sm" id="push-subscribe-btn">
                 {% uj_icon "bell", "me-1" %}
                 <span class="button-text">Enable push notifications</span>
@@ -1318,7 +1318,7 @@ badges:
           <div class="card-body">
             <div class="d-flex justify-content-between align-items-center mb-3">
               <h5 class="card-title mb-0">Your API key</h5>
-              <form id="reset-api-key-form" class="d-inline" novalidate onsubmit="return false">
+              <form id="reset-api-key-form" class="d-inline" novalidate data-form-state="initializing" onsubmit="return false">
                 <button type="submit" class="btn btn-outline-danger btn-sm" id="reset-api-key-btn">
                   {% uj_icon "rotate", "me-1" %}
                   <span class="button-text">
@@ -1619,7 +1619,7 @@ badges:
               </h5>
               <p id="data-request-status-message" class="card-text text-muted"></p>
               <div id="data-request-download" class="d-none">
-                <form id="data-request-download-form" onsubmit="return false">
+                <form id="data-request-download-form" data-form-state="initializing" onsubmit="return false">
                   <button type="submit" class="btn btn-primary btn-sm" id="data-request-download-btn">
                     {% uj_icon "download", "fa-sm me-2" %}
                     <span class="button-text">Download your data</span>
@@ -1627,7 +1627,7 @@ badges:
                 </form>
               </div>
               <div id="data-request-cancel" class="d-none">
-                <form id="data-request-cancel-form" onsubmit="return false">
+                <form id="data-request-cancel-form" data-form-state="initializing" onsubmit="return false">
                   <button type="submit" class="btn btn-primary btn-sm" id="data-request-cancel-btn">
                     {% uj_icon "rotate-left", "fa-sm me-2" %}
                     <span class="button-text">Request withdrawal</span>
@@ -1648,7 +1648,7 @@ badges:
                   Confirm data request
                 </h5>
 
-                <form id="data-request-form" novalidate onsubmit="return false">
+                <form id="data-request-form" novalidate data-form-state="initializing" onsubmit="return false">
                   <div class="mb-3">
                     <div class="form-check">
                       <input class="form-check-input" type="checkbox" id="data-request-confirm-checkbox" name="confirm_processing_time" required>
@@ -1751,7 +1751,7 @@ badges:
                 Confirm account deletion
               </h5>
 
-              <form id="delete-account-form" novalidate onsubmit="return false">
+              <form id="delete-account-form" novalidate data-form-state="initializing" onsubmit="return false">
                 <div class="mb-3">
                   <label for="delete-reason" class="form-label">Reason for leaving</label>
                   <textarea class="form-control" id="delete-reason" name="reason" rows="3" placeholder="Help us improve by sharing why you're leaving..."></textarea>
@@ -1879,7 +1879,7 @@ badges:
                 Confirm refund request
               </h5>
 
-              <form id="refund-form" novalidate onsubmit="return false">
+              <form id="refund-form" novalidate data-form-state="initializing" onsubmit="return false">
                 <!-- Refund reasons (randomized by JS) -->
                 <div class="mb-3">
                   <label class="form-label">Why are you requesting a refund? <span class="text-danger">*</span></label>

package/dist/defaults/dist/_layouts/themes/classy/frontend/pages/auth/reset.html

@@ -25,12 +25,12 @@ layout: themes/[ site.theme.id ]/frontend/core/cover
       {% capture initializing_spinner %}<span class="spinner-border spinner-border-sm me-2 form-initializing-spinner"></span>{% endcapture %}
 
       <!-- Reset Form -->
-      <form id="auth-form" autocomplete="on" novalidate onsubmit="return false">
+      <form id="auth-form" autocomplete="on" novalidate data-form-state="initializing" onsubmit="return false">
         <div class="mb-4 text-start">
           <label for="email" class="form-label fw-semibold">
             Email <span class="text-danger">*</span>
           </label>
-          <input type="email" class="form-control form-control-md" id="email" name="email" placeholder="Enter your email" autocomplete="email" autofocus required disabled>
+          <input type="email" class="form-control form-control-md" id="email" name="email" placeholder="Enter your email" autocomplete="email" autofocus required>
         </div>
 
         <button type="submit" class="btn btn-success _btn-lg w-100 mb-4" data-provider="email" disabled>

package/dist/defaults/dist/_layouts/themes/classy/frontend/pages/auth/signin.html

@@ -40,7 +40,7 @@ social_signin:
       {% capture initializing_spinner %}<span class="spinner-border spinner-border-sm me-2 form-initializing-spinner"></span>{% endcapture %}
 
       <!-- Sign in Form -->
-      <form id="auth-form" autocomplete="on" novalidate onsubmit="return false">
+      <form id="auth-form" autocomplete="on" novalidate data-form-state="initializing" onsubmit="return false">
         <!-- Hidden default submit button for Enter key -->
         <button type="submit" class="d-none" data-provider="email" aria-hidden="true" tabindex="-1"></button>
 
@@ -67,7 +67,7 @@ social_signin:
           <label for="email" class="form-label fw-semibold">
             Email <span class="text-danger">*</span>
           </label>
-          <input type="email" class="form-control form-control-md" id="email" name="email" placeholder="Enter your email" autocomplete="email" autofocus disabled>
+          <input type="email" class="form-control form-control-md" id="email" name="email" placeholder="Enter your email" autocomplete="email" autofocus>
         </div>
 
         <div class="mb-3 text-start">
@@ -75,7 +75,7 @@ social_signin:
             Password <span class="text-danger">*</span>
           </label>
           <div class="input-group">
-            <input type="password" class="form-control form-control-md" id="password" name="password" placeholder="Enter your password" autocomplete="current-password" disabled>
+            <input type="password" class="form-control form-control-md" id="password" name="password" placeholder="Enter your password" autocomplete="current-password">
             <button class="btn border uj-password-toggle px-3" type="button" aria-label="Toggle password visibility">
               <span class="uj-password-show">{% uj_icon "eye", "fa-fw" %}</span>
               <span class="uj-password-hide d-none">{% uj_icon "eye-slash", "fa-fw" %}</span>

package/dist/defaults/dist/_layouts/themes/classy/frontend/pages/auth/signup.html

@@ -40,7 +40,7 @@ social_signup:
       {% capture initializing_spinner %}<span class="spinner-border spinner-border-sm me-2 form-initializing-spinner"></span>{% endcapture %}
 
       <!-- Sign up Form -->
-      <form id="auth-form" autocomplete="on" novalidate onsubmit="return false">
+      <form id="auth-form" autocomplete="on" novalidate data-form-state="initializing" onsubmit="return false">
         <!-- Hidden default submit button for Enter key -->
         <button type="submit" class="d-none" data-provider="email" aria-hidden="true" tabindex="-1"></button>
 
@@ -77,7 +77,7 @@ social_signup:
           <label for="email" class="form-label fw-semibold">
             Email <span class="text-danger">*</span>
           </label>
-          <input type="email" class="form-control form-control-md" id="email" name="email" placeholder="Enter your email" autocomplete="email" autofocus disabled>
+          <input type="email" class="form-control form-control-md" id="email" name="email" placeholder="Enter your email" autocomplete="email" autofocus>
         </div>
 
         <div class="mb-3 text-start">
@@ -85,7 +85,7 @@ social_signup:
             Password <span class="text-danger">*</span>
           </label>
           <div class="input-group">
-            <input type="password" class="form-control form-control-md" id="password" name="password" placeholder="Create a strong password" autocomplete="new-password" disabled>
+            <input type="password" class="form-control form-control-md" id="password" name="password" placeholder="Create a strong password" autocomplete="new-password">
             <button class="btn border uj-password-toggle px-3" type="button" aria-label="Toggle password visibility">
               <span class="uj-password-show">{% uj_icon "eye", "fa-fw" %}</span>
               <span class="uj-password-hide d-none">{% uj_icon "eye-slash", "fa-fw" %}</span>

package/dist/defaults/dist/_layouts/themes/classy/frontend/pages/blog/index.html

@@ -340,7 +340,7 @@ newsletter_cta:
         {% endiftruthy %}
 
         <!-- Newsletter Form -->
-        <form id="newsletter-form" class="newsletter-form" novalidate onsubmit="return false">
+        <form id="newsletter-form" class="newsletter-form" novalidate data-form-state="initializing" onsubmit="return false">
           <div class="row g-3 justify-content-center">
             <div class="col-md-7">
               <input

package/dist/defaults/dist/_layouts/themes/classy/frontend/pages/contact.html

@@ -178,7 +178,7 @@ faqs:
               {% endiftruthy %}
             </div>
 
-            <form id="contact-form" autocomplete="on" onsubmit="return false">
+            <form id="contact-form" autocomplete="on" data-form-state="initializing" onsubmit="return false">
               <div class="row g-3 mb-4">
                 <div class="col-md-6">
                   <label for="first_name" class="form-label fw-semibold">First name <span class="text-danger">*</span></label>

package/dist/defaults/dist/_layouts/themes/classy/frontend/pages/download.html

@@ -351,7 +351,7 @@ cta:
               {% else %}
                 {% if platform.id == "android" or platform.id == "ios" %}
                   <div class="mb-4 text-start">
-                    <form id="mobile-email-form-{{ platform.id }}" class="mobile-email-form" data-platform="{{ platform.id }}" onsubmit="return false">
+                    <form id="mobile-email-form-{{ platform.id }}" class="mobile-email-form" data-platform="{{ platform.id }}" data-form-state="initializing" onsubmit="return false">
                       <label for="email-{{ platform.id }}" class="form-label">Email address</label>
                       <div class="row g-3">
                         <div class="col-12 col-md-8">

package/dist/defaults/dist/_layouts/themes/classy/frontend/pages/feedback.html

@@ -84,7 +84,7 @@ prerender_icons:
               {% endiftruthy %}
             </div>
 
-            <form id="feedback-form" autocomplete="off" onsubmit="return false">
+            <form id="feedback-form" autocomplete="off" data-form-state="initializing" onsubmit="return false">
               <!-- Rating Selection -->
               <div class="feedback-rating-group mb-4">
                 <input type="hidden" name="rating" id="feedback-rating-input" required>

package/dist/defaults/dist/_layouts/themes/classy/frontend/pages/index.html

@@ -226,7 +226,7 @@ cta:
     <!-- Input Demo: Single input with button -->
     <div class="card bg-glassy border-0 {% unless is_side_layout %}mx-auto{% endunless %} {{ demo.options.class }}">
       <div class="card-body">
-        <form id="hero-demo-form" class="d-flex flex-column {% unless is_side_layout %}flex-sm-row justify-content-center{% endunless %} gap-3" {% iftruthy demo.options.redirect %}data-redirect="{{ demo.options.redirect }}"{% endiftruthy %} onsubmit="return false">
+        <form id="hero-demo-form" class="d-flex flex-column {% unless is_side_layout %}flex-sm-row justify-content-center{% endunless %} gap-3" {% iftruthy demo.options.redirect %}data-redirect="{{ demo.options.redirect }}"{% endiftruthy %} data-form-state="initializing" onsubmit="return false">
           <input
             type="{{ demo.options.input_type | default: 'text' }}"
             name="{{ demo.options.name | default: 'input' }}"
@@ -234,7 +234,6 @@ cta:
             placeholder="{{ demo.options.placeholder }}"
             {% iftruthy demo.options.required %}required{% endiftruthy %}
             autofocus
-            disabled
           >
           {% assign demo_btn_class = demo.options.button.class | default: "btn-adaptive-inverse" %}
           <button type="submit" class="btn {{ demo_btn_class }} btn-lg text-nowrap flex-shrink-0" disabled>
@@ -250,7 +249,7 @@ cta:
   {% elsif demo.type == "form" %}
     <!-- Form Demo: Multiple fields with card styling -->
     <div class="{% unless is_side_layout %}mx-auto{% endunless %} {{ demo.options.class }}">
-      <form id="hero-demo-form" {% iftruthy demo.options.redirect %}data-redirect="{{ demo.options.redirect }}"{% endiftruthy %} onsubmit="return false">
+      <form id="hero-demo-form" {% iftruthy demo.options.redirect %}data-redirect="{{ demo.options.redirect }}"{% endiftruthy %} data-form-state="initializing" onsubmit="return false">
         <div class="row g-3 {% unless is_side_layout %}justify-content-center{% endunless %}">
           {% assign autofocus_set = false %}
           {% for field in demo.options.fields %}
@@ -273,7 +272,6 @@ cta:
                       name="{{ field.name }}"
                       class="form-select form-select-lg border-0"
                       {% iftruthy field.required %}required{% endiftruthy %}
-                      disabled
                     >
                       <option value="" disabled selected>{{ field.placeholder }}</option>
                       {% for option in field.options %}
@@ -289,7 +287,6 @@ cta:
                       rows="{{ field.rows | default: 3 }}"
                       {% iftruthy field.required %}required{% endiftruthy %}
                       {% unless autofocus_set %}autofocus{% assign autofocus_set = true %}{% endunless %}
-                      disabled
                     ></textarea>
                   {% else %}
                     <input
@@ -300,7 +297,6 @@ cta:
                       placeholder="{{ field.placeholder }}"
                       {% iftruthy field.required %}required{% endiftruthy %}
                       {% unless autofocus_set %}autofocus{% assign autofocus_set = true %}{% endunless %}
-                      disabled
                     >
                   {% endif %}
                 </div>

package/dist/defaults/dist/_layouts/themes/classy/frontend/pages/payment/checkout.html

@@ -164,7 +164,7 @@ web_manager:
       </div> -->
 
       <!-- Main Checkout Form -->
-      <form id="checkout-form" autocomplete="on" novalidate onsubmit="return false">
+      <form id="checkout-form" autocomplete="on" novalidate data-form-state="initializing" onsubmit="return false">
         <!-- Content Row -->
         <div class="row d-lg-flex">
           <!-- Section 1: Billing Cycle & Customer Info -->

package/dist/defaults/dist/_layouts/themes/classy/frontend/pages/portal/email-preferences.html

@@ -45,7 +45,7 @@ prerender_icons:
         </div>
 
         <!-- Email preferences Form -->
-        <form id="email-preferences-form" autocomplete="off" onsubmit="return false">
+        <form id="email-preferences-form" autocomplete="off" data-form-state="initializing" onsubmit="return false">
           <!-- Action selector -->
           <div class="mb-4">
             <div class="d-flex gap-2">
@@ -78,8 +78,7 @@ prerender_icons:
               placeholder="Type your email to confirm"
               autocomplete="email"
               autofocus
-              required
-              disabled>
+              required>
             <div class="invalid-feedback"></div>
           </div>
 

package/dist/defaults/dist/_layouts/themes/classy/frontend/pages/status.html

@@ -255,7 +255,7 @@ build_info:
                 {% endiftruthy %}
               </div>
               <div class="col-lg-5">
-                <form id="status-subscribe-form" class="d-flex flex-column flex-sm-row gap-2" novalidate onsubmit="return false">
+                <form id="status-subscribe-form" class="d-flex flex-column flex-sm-row gap-2" novalidate data-form-state="initializing" onsubmit="return false">
                   <input
                     type="email"
                     class="form-control flex-grow-1"

package/dist/defaults/dist/_layouts/themes/newsflash/frontend/pages/blog/index.html

@@ -332,7 +332,7 @@ newsletter_cta:
         {% endiftruthy %}
 
         <!-- Newsletter Form -->
-        <form id="newsletter-form" class="newsletter-form" novalidate onsubmit="return false">
+        <form id="newsletter-form" class="newsletter-form" novalidate data-form-state="initializing" onsubmit="return false">
           <div class="row g-3 justify-content-center">
             <div class="col-md-7">
               <input

package/dist/defaults/dist/_layouts/themes/newsflash/frontend/pages/contact.html

@@ -183,7 +183,7 @@ faqs:
               {% endiftruthy %}
             </div>
 
-            <form id="contact-form" autocomplete="on" onsubmit="return false">
+            <form id="contact-form" autocomplete="on" data-form-state="initializing" onsubmit="return false">
               <div class="row g-3 mb-4">
                 <div class="col-md-6">
                   <label for="first_name" class="form-label fw-semibold">First name <span class="text-danger">*</span></label>