@@ -506,6 +568,12 @@ function handleRoute() {
subtitle = 'ערר ' + caseNum;
currentCaseNumber = caseNum;
loadCaseView(caseNum);
+ } else if (hash === '#/skills') {
+ document.getElementById('page-skills').classList.add('active');
+ document.getElementById('navSkills').classList.add('active');
+ subtitle = 'Paperclip Skills';
+ loadSkillList();
+ setupSkillUpload();
} else if (hash === '#/upload') {
document.getElementById('page-upload').classList.add('active');
document.getElementById('navUpload').classList.add('active');
@@ -1210,6 +1278,138 @@ function toast(msg, type = '') {
setTimeout(() => el.className = 'toast', 3000);
}
+// ── Skills Management ───────────────────────────────────
+async function loadSkillList() {
+ const list = document.getElementById('skillList');
+ try {
+ const res = await fetch(API + '/admin/skills');
+ const skills = await res.json();
+ if (!skills.length) {
+ list.innerHTML = '
אין skills מותקנים
';
+ return;
+ }
+ list.innerHTML = skills.map(s => {
+ const fileCount = s.file_inventory ? s.file_inventory.length : 0;
+ const updatedStr = s.updated_at ? new Date(s.updated_at).toLocaleDateString('he-IL') : '—';
+ const inDb = s.db_markdown_chars > 0;
+ const onDisk = s.disk_exists;
+ return `
+
+
🔌
+
+
${esc(s.name)}
+
+ ${fileCount} files
+ ${s.db_markdown_chars.toLocaleString()} chars
+ Updated: ${updatedStr}
+ ${s.disk_skill_md_bytes ? `Disk: ${formatSize(s.disk_skill_md_bytes)}` : ''}
+
+
+
+ ${inDb ? 'DB' : 'No DB'}
+ ${onDisk ? 'Disk' : 'No Disk'}
+
+
`;
+ }).join('');
+ } catch (e) {
+ list.innerHTML = '
שגיאה בטעינת skills
';
+ }
+}
+
+function setupSkillUpload() {
+ const dropZone = document.getElementById('skillDropZone');
+ const fileInput = document.getElementById('skillFileInput');
+
+ const newDrop = dropZone.cloneNode(true);
+ dropZone.parentNode.replaceChild(newDrop, dropZone);
+ const newInput = newDrop.querySelector('input[type="file"]');
+
+ newDrop.addEventListener('click', () => newInput.click());
+ newDrop.addEventListener('dragover', e => { e.preventDefault(); newDrop.classList.add('dragover'); });
+ newDrop.addEventListener('dragleave', () => newDrop.classList.remove('dragover'));
+ newDrop.addEventListener('drop', e => {
+ e.preventDefault();
+ newDrop.classList.remove('dragover');
+ if (e.dataTransfer.files.length) installSkill(e.dataTransfer.files[0]);
+ });
+ newInput.addEventListener('change', () => {
+ if (newInput.files.length) installSkill(newInput.files[0]);
+ newInput.value = '';
+ });
+}
+
+async function installSkill(file) {
+ if (!file.name.toLowerCase().endsWith('.zip')) {
+ return toast('Only ZIP files are supported', 'error');
+ }
+
+ const resultDiv = document.getElementById('skillInstallResult');
+ resultDiv.innerHTML = '
Installing...
';
+
+ const formData = new FormData();
+ formData.append('file', file);
+
+ try {
+ const res = await fetch(API + '/admin/skills/install', {
+ method: 'POST', body: formData,
+ });
+ const data = await res.json();
+ if (!res.ok) {
+ resultDiv.innerHTML = `
${esc(data.detail || 'Installation failed')}
`;
+ toast('Installation failed', 'error');
+ return;
+ }
+
+ const actionLabel = data.action === 'updated' ? 'Updated' : 'Installed';
+ resultDiv.innerHTML = `
+
+ ${actionLabel}: ${esc(data.slug)}
+ ${data.files_extracted} files extracted · ${data.markdown_chars.toLocaleString()} chars
+
+ Restart required to apply changes
+
`;
+ toast(actionLabel + ': ' + data.slug, 'success');
+ loadSkillList();
+ } catch (e) {
+ resultDiv.innerHTML = `
Network error
`;
+ toast('Network error', 'error');
+ }
+}
+
+function confirmRestart() {
+ if (!confirm('Restart Paperclip?')) return;
+ restartPaperclip();
+}
+
+async function restartPaperclip() {
+ const btn = document.getElementById('restartPaperclipBtn');
+ const status = document.getElementById('restartStatus');
+ btn.disabled = true;
+ btn.textContent = 'Restarting...';
+ status.textContent = '';
+
+ try {
+ const res = await fetch(API + '/admin/paperclip/restart', { method: 'POST' });
+ const data = await res.json();
+ if (!res.ok) {
+ status.textContent = 'Error: ' + (data.detail || 'failed');
+ status.style.color = '#e94560';
+ toast('Restart failed', 'error');
+ } else {
+ status.textContent = 'Restarted successfully';
+ status.style.color = '#27ae60';
+ toast('Paperclip restarted', 'success');
+ }
+ } catch (e) {
+ status.textContent = 'Network error';
+ status.style.color = '#e94560';
+ toast('Network error', 'error');
+ } finally {
+ btn.disabled = false;
+ btn.textContent = 'Restart Paperclip';
+ }
+}
+
// Init legacy upload listeners
setupLegacyUpload();