PrintVault: full native rewrite — local storage, MariaDB, Three.js viewer

- All files stored in HouseHub (/uploads/printvault/), zero dependency on external service
- PHP parsers: binary/ascii STL (dimensions + volume), 3MF (XML bounding box), GCode metadata
- Three.js viewer (STL + 3MF) in printvault-viewer.php with importmap CDN
  · OrbitControls, metallic material, environment lighting, grid floor
  · Screenshot button saves thumbnail back to HouseHub
- printvault.php: model grid + upload drag&drop + detail modal + edit modal
- API: models CRUD, categories, file serve (inline for viewer), thumb save
- pf_pv_models + pf_pv_categories tables added to schema

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

printvault.php

@@ -22,15 +22,11 @@ require __DIR__ . '/header.php';
         <input type="text" id="pv-search" placeholder="Rechercher…">
       </div>
     </div>
-
-    <!-- Type filter chips -->
     <div class="pv-type-chips">
-      <span class="pv-chip stl"  data-type="stl"   onclick="setType('stl')">STL</span>
-      <span class="pv-chip 3mf"  data-type="3mf"   onclick="setType('3mf')">3MF</span>
-      <span class="pv-chip gcode" data-type="gcode" onclick="setType('gcode')">GCode</span>
+      <span class="pv-chip stl"   data-type="stl"   onclick="setType('stl')">STL</span>
+      <span class="pv-chip 3mf"   data-type="3mf"   onclick="setType('3mf')">3MF</span>
+      <span class="pv-chip gcode" data-type="gcode"  onclick="setType('gcode')">GCode</span>
     </div>
-
-    <!-- Categories nav -->
     <div id="pv-sidebar-nav"></div>
   </aside>
 
@@ -41,17 +37,10 @@ require __DIR__ . '/header.php';
         <h2>🖨️ PrintVault</h2>
         <div class="pv-subtitle" id="pv-subtitle"></div>
       </div>
-      <div style="display:flex;gap:.5rem">
-        <a href="https://printvault.nas.percolouco.com" target="_blank" class="btn btn-secondary btn-sm">Ouvrir PrintVault ↗</a>
-        <button class="btn btn-primary btn-sm" onclick="openUpload()">+ Upload</button>
-      </div>
+      <button class="btn btn-primary btn-sm" onclick="openUpload()">+ Upload</button>
     </div>
-
     <div class="pv-grid" id="pv-grid">
-      <div class="pv-empty" style="grid-column:1/-1">
-        <div class="icon">🖨️</div>
-        <p>Chargement…</p>
-      </div>
+      <div class="pv-empty" style="grid-column:1/-1"><div class="icon">🖨️</div><p>Chargement…</p></div>
     </div>
   </div>
 </div>
@@ -66,8 +55,44 @@ require __DIR__ . '/header.php';
     <div class="pv-modal-body" id="pv-detail-body"></div>
     <div class="pv-modal-footer">
       <button class="btn btn-danger btn-sm" id="pv-detail-del-btn" style="margin-right:auto">🗑 Supprimer</button>
+      <button class="btn btn-secondary btn-sm" id="pv-detail-edit-btn">✏️ Modifier</button>
       <a class="btn btn-secondary btn-sm" id="pv-detail-dl-btn" download>⬇ Télécharger</a>
-      <button class="btn btn-primary btn-sm" id="pv-detail-3d-btn">🎮 Voir en 3D</button>
+      <button class="btn btn-primary btn-sm" id="pv-detail-3d-btn">🎮 Vue 3D</button>
+    </div>
+  </div>
+</div>
+
+<!-- ── MODAL : ÉDITION ─────────────────────────────────────────────────────── -->
+<div class="pv-modal-backdrop" id="pv-edit-modal">
+  <div class="pv-modal">
+    <div class="pv-modal-header">
+      <h3>Modifier le modèle</h3>
+      <button class="pv-modal-close" onclick="document.getElementById('pv-edit-modal').classList.remove('show')">×</button>
+    </div>
+    <div class="pv-modal-body">
+      <input type="hidden" id="pv-edit-id">
+      <div class="form-group">
+        <label class="form-label">Nom *</label>
+        <input type="text" id="pv-edit-name" class="form-control">
+      </div>
+      <div class="form-group">
+        <label class="form-label">Description</label>
+        <input type="text" id="pv-edit-desc" class="form-control">
+      </div>
+      <div style="display:grid;grid-template-columns:1fr 1fr;gap:.75rem">
+        <div class="form-group">
+          <label class="form-label">Catégorie</label>
+          <select id="pv-edit-cat" class="form-control"></select>
+        </div>
+        <div class="form-group">
+          <label class="form-label">Tags</label>
+          <input type="text" id="pv-edit-tags" class="form-control" placeholder="tag1, tag2">
+        </div>
+      </div>
+    </div>
+    <div class="pv-modal-footer">
+      <button class="btn btn-secondary" onclick="document.getElementById('pv-edit-modal').classList.remove('show')">Annuler</button>
+      <button class="btn btn-primary" onclick="saveEdit()">Enregistrer</button>
     </div>
   </div>
 </div>
@@ -80,25 +105,21 @@ require __DIR__ . '/header.php';
       <button class="pv-modal-close" onclick="document.getElementById('pv-upload-modal').classList.remove('show')">×</button>
     </div>
     <div class="pv-modal-body">
-
       <div class="pv-drop-zone" id="pv-drop-zone">
         <div class="icon">📁</div>
-        <div>Glissez un fichier ici ou cliquez pour choisir</div>
-        <div style="font-size:.75rem;margin-top:.25rem">STL · 3MF · GCode</div>
+        <div>Glissez un fichier ici ou cliquez</div>
+        <div style="font-size:.75rem;margin-top:.25rem;color:var(--text-muted)">STL · 3MF · GCode</div>
         <div class="pv-file-chosen" id="pv-upload-filename"></div>
         <input type="file" id="pv-file-input" accept=".stl,.3mf,.gcode,.gco,.g" style="display:none">
       </div>
-
       <div class="form-group">
         <label class="form-label">Nom *</label>
         <input type="text" id="pv-upload-name" class="form-control" placeholder="Nom du modèle">
       </div>
-
       <div class="form-group">
         <label class="form-label">Description</label>
         <input type="text" id="pv-upload-desc" class="form-control" placeholder="Optionnel">
       </div>
-
       <div style="display:grid;grid-template-columns:1fr 1fr;gap:.75rem">
         <div class="form-group">
           <label class="form-label">Catégorie</label>
@@ -109,9 +130,9 @@ require __DIR__ . '/header.php';
           <input type="text" id="pv-upload-tags" class="form-control" placeholder="tag1, tag2">
         </div>
       </div>
-
       <div id="pv-upload-progress" style="display:none">
         <div class="pv-progress"><div class="pv-progress-bar" id="pv-upload-bar" style="width:0%"></div></div>
+        <div style="font-size:.75rem;color:var(--text-muted);margin-top:.3rem">Upload en cours… (parsing géométrie)</div>
       </div>
     </div>
     <div class="pv-modal-footer">