Add local model pack import manager

app.js

@@ -57,11 +57,14 @@ function renderModels() {
   list.innerHTML = '';
   lanes.innerHTML = '';
   state.manifest.models.forEach(model => {
+    const installed = JSON.parse(localStorage.getItem(`aide.model.${model.id}`) || 'null');
+    const visibleStatus = installed ? 'imported' : model.status;
     const roles = model.roles.join(' / ');
     const item = document.createElement('button');
     item.className = 'model-item';
-    item.innerHTML = `<span class="status ${model.status}"></span><span>${esc(model.name)}</span><small>${esc(model.format)} | ${esc(model.status)}</small>`;
+    item.innerHTML = `<span class="status ${visibleStatus}"></span><span>${esc(model.name)}</span><small>${esc(model.format)} | ${esc(visibleStatus)} | ${esc(roles)}</small><strong class="pack-action">${installed ? 'REPLACE' : 'IMPORT'}</strong>`;
     item.onclick = () => selectModel(model);
+    item.querySelector('.pack-action').onclick = event => { event.stopPropagation(); importModel(model); };
     list.appendChild(item);
     const lane = document.createElement('button');
     lane.className = `lane ${model.status}`;
@@ -71,6 +74,23 @@ function renderModels() {
   });
 }
 
+async function importModel(model) {
+  const input = $('#model-file-input');
+  input.value = '';
+  input.onchange = async () => {
+    const file = input.files?.[0];
+    if (!file) return;
+    const digest = await crypto.subtle.digest('SHA-256', await file.arrayBuffer());
+    const hash = [...new Uint8Array(digest)].map(byte => byte.toString(16).padStart(2, '0')).join('');
+    const record = { id: model.id, name: file.name, bytes: file.size, sha256: hash, imported_at: new Date().toISOString(), source_repo: model.source_revision };
+    localStorage.setItem(`aide.model.${model.id}`, JSON.stringify(record));
+    appendLog('MODEL PACK', `${model.name} imported locally. SHA-256: ${hash}. Runtime attachment is still required before inference.`);
+    renderModels();
+    selectModel(model);
+  };
+  input.click();
+}
+
 function selectModel(model) {
   state.selected = model;
   $('#selected-model').textContent = model.name;

index.html

@@ -85,5 +85,6 @@
     </aside>
   </main>
   <script src="app.js"></script>
+  <input id="model-file-input" type="file" accept=".gguf,.safetensors" hidden>
 </body>
 </html>