fix: Alpine.js x-data broken by inner double quotes + API list response crash

- Extract JSON data to <script> tags instead of tojson_attr in x-data attributes
- Remove literal " from CSS selector in x-data (meta[name=csrf-token])
- Move Alpine.js defer script after extra_js block in base.html
- Add isinstance(resp, dict) guard before .get("error") in measure.py and maker.py

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

client/templates/base.html

@@ -90,7 +90,7 @@
     {% with messages = get_flashed_messages(with_categories=true) %}
       {% if messages %}
         <div class="fixed top-16 right-4 z-50 flex flex-col gap-2 max-w-md w-full"
-             x-data="{ messages: {{ messages|tojson_attr }} }"
+             x-data
              x-init="setTimeout(() => { $el.remove() }, 8000)">
           {% for category, message in messages %}
             <div x-data="{ show: true }"
@@ -159,9 +159,9 @@
 
   </div>
 
-  <!-- Alpine.js CDN (defer) -->
-  <script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
-
   {% block extra_js %}{% endblock %}
+
+  <!-- Alpine.js CDN (defer) - must load AFTER extra_js so component functions are defined -->
+  <script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
 </body>
 </html>

client/templates/maker/recipe_list.html

@@ -2,9 +2,10 @@
 {% block title %}{{ _('Gestione Ricette') }} — TieMeasureFlow{% endblock %}
 
 {% block content %}
+<script>window.__recipeListData = {{ recipes|tojson }};</script>
 <div class="container mx-auto px-4 sm:px-6 lg:px-8 py-8 max-w-6xl"
      x-data="{
-       recipes: {{ recipes|tojson_attr }},
+       recipes: window.__recipeListData,
        search: '{{ search or '' }}',
        filter: 'all',
        deleteModal: false,
@@ -34,7 +35,7 @@
        },
 
        async deleteRecipe(id) {
-         const csrfToken = document.querySelector('meta[name=\"csrf-token\"]')?.content;
+         const csrfToken = document.querySelector('meta[name=csrf-token]')?.content;
          try {
            const resp = await fetch(`/maker/api/recipes/${id}`, {
              method: 'DELETE',

client/templates/measure/select_recipe.html

@@ -2,9 +2,10 @@
 {% block title %}{{ _('Seleziona Ricetta') }} — TieMeasureFlow{% endblock %}
 
 {% block content %}
+<script>window.__selectRecipeData = {{ recipes|tojson }};</script>
 <div class="container mx-auto px-4 sm:px-6 lg:px-8 py-8 max-w-7xl"
      x-data="{
-       recipes: {{ recipes|tojson_attr }},
+       recipes: window.__selectRecipeData,
        search: '{{ auto_recipe_code }}',
        lot_number: '{{ auto_lot }}',
        serial_number: '{{ auto_serial }}',