feat(12-02): wire all template strings to Alpine i18n store

- dashboard.html: headings, quick actions, empty states wired to x-text
- printers.html: h1, add button, h2 wired to x-text
- printers_new.html: all form labels (span pattern), options, submit buttons wired
- clients.html: headings, label, submit button wired
- client_detail.html: back link, section heading wired
- drivers.html: all headings, label, buttons, spinner wired
- packages.html: heading, description, table headers, empty state wired
- printer_detail.html: all dt/dd, section headings, copy buttons, script/export links wired with conditional Jinja2 for color/collate/client
- partials/printer_list.html: table headers, Yes/No cells (Alpine ternary), delete button wired
- partials/printer_edit_modal.html: edit trigger, modal title, all labels (span pattern), options, save/cancel wired
- partials/client_list.html: empty state, table headers wired
- partials/driver_list.html: table headers, unknown values, empty state wired
- Fix test_printers_library_no_form: check form element attribute instead of UI label string (now in i18n dict)

imptune/templates/partials/client_list.html

@@ -1,12 +1,12 @@
 <div id="client-list">
   {% if not clients %}
-  <p>No clients configured yet.</p>
+  <p x-data x-text="$store.i18n.t('no_clients')">No clients configured yet.</p>
   {% else %}
   <table>
     <thead>
       <tr>
-        <th>Name</th>
-        <th>Created</th>
+        <th x-data x-text="$store.i18n.t('th_name')">Name</th>
+        <th x-data x-text="$store.i18n.t('created')">Created</th>
       </tr>
     </thead>
     <tbody>

imptune/templates/partials/driver_list.html

@@ -17,10 +17,10 @@
   <table>
     <thead>
       <tr>
-        <th>Filename</th>
-        <th>Driver Name(s)</th>
-        <th>Architecture</th>
-        <th>Uploaded</th>
+        <th x-data x-text="$store.i18n.t('driver_filename')">Filename</th>
+        <th x-data x-text="$store.i18n.t('driver_names_col')">Driver Name(s)</th>
+        <th x-data x-text="$store.i18n.t('architecture')">Architecture</th>
+        <th x-data x-text="$store.i18n.t('uploaded_at')">Uploaded</th>
       </tr>
     </thead>
     <tbody>
@@ -35,16 +35,16 @@
             {% endfor %}
           </select>
           {% else %}
-          <em>Unknown</em>
+          <em x-data x-text="$store.i18n.t('unknown')">Unknown</em>
           {% endif %}
         </td>
-        <td>{{ item.driver.architecture or "Unknown" }}</td>
+        <td>{% if item.driver.architecture %}{{ item.driver.architecture }}{% else %}<span x-data x-text="$store.i18n.t('unknown')">Unknown</span>{% endif %}</td>
         <td>{{ item.driver.uploaded_at }}</td>
       </tr>
       {% endfor %}
     </tbody>
   </table>
   {% else %}
-  <p>No drivers uploaded yet.</p>
+  <p x-data x-text="$store.i18n.t('no_drivers')">No drivers uploaded yet.</p>
   {% endif %}
 </div>

imptune/templates/partials/printer_edit_modal.html

@@ -1,6 +1,7 @@
 <!-- Edit trigger button — placed in Actions column -->
 <button class="secondary outline"
-        onclick="document.getElementById('edit-modal-{{ p.id }}').showModal()">
+        onclick="document.getElementById('edit-modal-{{ p.id }}').showModal()"
+        x-data x-text="$store.i18n.t('edit')">
   Edit
 </button>
 
@@ -10,7 +11,7 @@
     <header>
       <button aria-label="Close" rel="prev"
               onclick="document.getElementById('edit-modal-{{ p.id }}').close()"></button>
-      <h3>Edit Printer</h3>
+      <h3 x-data x-text="$store.i18n.t('edit_printer_title')">Edit Printer</h3>
     </header>
     <div x-data="{ ip: '{{ p.ip_address }}', port: '{{ p.port_name }}', portEdited: true }">
       <form hx-patch="/printers/{{ p.id }}"
@@ -18,27 +19,27 @@
             hx-swap="outerHTML"
             hx-on::after-request="document.getElementById('edit-modal-{{ p.id }}').close()">
 
-        <label>Printer Name
+        <label><span x-text="$store.i18n.t('printer_name')">Printer Name</span>
           <input type="text" name="name" value="{{ p.name }}" required>
         </label>
 
-        <label>IP Address
+        <label><span x-text="$store.i18n.t('ip_address')">IP Address</span>
           <input type="text" name="ip_address"
                  x-model="ip"
                  @input="if (!portEdited) port = 'IP_' + ip.replaceAll('.', '_')"
                  required>
         </label>
 
-        <label>Port Name
+        <label><span x-text="$store.i18n.t('port_name')">Port Name</span>
           <input type="text" name="port_name"
                  x-model="port"
                  @change="portEdited = true"
                  @keydown="portEdited = true">
         </label>
 
-        <label>Driver
+        <label><span x-text="$store.i18n.t('driver')">Driver</span>
           <select name="driver_id">
-            <option value="">-- No driver --</option>
+            <option value="" x-text="$store.i18n.t('no_driver_option')">-- No driver --</option>
             {% for item in driver_data %}
             <option value="{{ item.driver.id }}"
                     {% if p.driver_id == item.driver.id %}selected{% endif %}>
@@ -48,21 +49,21 @@
           </select>
         </label>
 
-        <label>Duplex Mode
+        <label><span x-text="$store.i18n.t('duplex_mode')">Duplex Mode</span>
           <select name="duplex_mode">
-            <option value="OneSided" {% if p.duplex_mode == 'OneSided' %}selected{% endif %}>One-Sided</option>
-            <option value="LongEdge" {% if p.duplex_mode == 'LongEdge' %}selected{% endif %}>Long Edge</option>
-            <option value="ShortEdge" {% if p.duplex_mode == 'ShortEdge' %}selected{% endif %}>Short Edge</option>
+            <option value="OneSided" {% if p.duplex_mode == 'OneSided' %}selected{% endif %} x-text="$store.i18n.t('one_sided')">One-Sided</option>
+            <option value="LongEdge" {% if p.duplex_mode == 'LongEdge' %}selected{% endif %} x-text="$store.i18n.t('long_edge')">Long Edge</option>
+            <option value="ShortEdge" {% if p.duplex_mode == 'ShortEdge' %}selected{% endif %} x-text="$store.i18n.t('short_edge')">Short Edge</option>
           </select>
         </label>
 
         <label>
           <input type="checkbox" name="color_mode" value="on"
                  {% if p.color_mode %}checked{% endif %}>
-          Color Mode
+          <span x-text="$store.i18n.t('color_mode')">Color Mode</span>
         </label>
 
-        <label>Paper Size
+        <label><span x-text="$store.i18n.t('paper_size')">Paper Size</span>
           <select name="paper_size">
             <option value="A4" {% if p.paper_size == 'A4' %}selected{% endif %}>A4</option>
             <option value="Letter" {% if p.paper_size == 'Letter' %}selected{% endif %}>Letter</option>
@@ -73,12 +74,12 @@
         <label>
           <input type="checkbox" name="collate" value="on"
                  {% if p.collate %}checked{% endif %}>
-          Collate
+          <span x-text="$store.i18n.t('collate')">Collate</span>
         </label>
 
-        <label>Client
+        <label><span x-text="$store.i18n.t('client')">Client</span>
           <select name="client_id">
-            <option value="">-- Unassigned --</option>
+            <option value="" x-text="$store.i18n.t('unassigned_option')">-- Unassigned --</option>
             {% for c in clients %}
             <option value="{{ c.id }}"
                     {% if p.client_id == c.id %}selected{% endif %}>
@@ -89,9 +90,10 @@
         </label>
 
         <footer>
-          <button type="submit">Save</button>
+          <button type="submit" x-text="$store.i18n.t('save')">Save</button>
           <button type="button" class="secondary"
-                  onclick="document.getElementById('edit-modal-{{ p.id }}').close()">
+                  onclick="document.getElementById('edit-modal-{{ p.id }}').close()"
+                  x-text="$store.i18n.t('cancel')">
             Cancel
           </button>
         </footer>

imptune/templates/partials/printer_list.html

@@ -1,6 +1,6 @@
 <div id="printer-list">
   {% if not grouped %}
-  <p>No printers configured yet.</p>
+  <p x-data x-text="$store.i18n.t('no_printers')">No printers configured yet.</p>
   {% else %}
   {% for client_name, printers in grouped.items() %}
   <section>
@@ -13,15 +13,15 @@
     <table>
       <thead>
         <tr>
-          <th>Name</th>
-          <th>IP Address</th>
-          <th>Port</th>
-          <th>Driver</th>
-          <th>Duplex</th>
-          <th>Color</th>
-          <th>Paper</th>
-          <th>Collate</th>
-          <th>Actions</th>
+          <th x-data x-text="$store.i18n.t('th_name')">Name</th>
+          <th x-data x-text="$store.i18n.t('th_ip')">IP Address</th>
+          <th x-data x-text="$store.i18n.t('th_port')">Port</th>
+          <th x-data x-text="$store.i18n.t('th_driver')">Driver</th>
+          <th x-data x-text="$store.i18n.t('th_duplex')">Duplex</th>
+          <th x-data x-text="$store.i18n.t('th_color')">Color</th>
+          <th x-data x-text="$store.i18n.t('th_paper')">Paper</th>
+          <th x-data x-text="$store.i18n.t('th_collate')">Collate</th>
+          <th x-data x-text="$store.i18n.t('th_actions')">Actions</th>
         </tr>
       </thead>
       <tbody>
@@ -32,16 +32,19 @@
           <td>{{ p.port_name }}</td>
           <td>{{ p.driver.original_filename if p.driver_id else '—' }}</td>
           <td>{{ p.duplex_mode }}</td>
-          <td>{{ 'Yes' if p.color_mode else 'No' }}</td>
+          <td x-data="{ val: {{ 'true' if p.color_mode else 'false' }} }"
+              x-text="val ? $store.i18n.t('yes') : $store.i18n.t('no')">{{ 'Yes' if p.color_mode else 'No' }}</td>
           <td>{{ p.paper_size }}</td>
-          <td>{{ 'Yes' if p.collate else 'No' }}</td>
+          <td x-data="{ val: {{ 'true' if p.collate else 'false' }} }"
+              x-text="val ? $store.i18n.t('yes') : $store.i18n.t('no')">{{ 'Yes' if p.collate else 'No' }}</td>
           <td>
             {% include "partials/printer_edit_modal.html" %}
             <button
               hx-delete="/printers/{{ p.id }}"
               hx-target="#printer-list"
               hx-swap="outerHTML"
-              hx-confirm="Delete '{{ p.name }}'?">
+              hx-confirm="Delete '{{ p.name }}'?"
+              x-data x-text="$store.i18n.t('delete')">
               Delete
             </button>
           </td>