From de9b7b46f95079d96bbba45e39b27f4eb3b7a58c Mon Sep 17 00:00:00 2001 From: duffyduck Date: Wed, 13 May 2026 02:36:51 +0200 Subject: [PATCH] feat(diag): Memory-Anhaenge in der UI (Stufe B) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Diagnostic-Gehirn-Tab kann jetzt Bilder/Dateien an Memory-Eintraege haengen — drag+drop ueber den File-Input im Memory-Modal. Memory-Modal (Edit-Modus): - Neuer Block "📎 Anhaenge" unter Pinned-Checkbox, nur sichtbar wenn Memory eine ID hat (Edit). Bei "Neue Memory" stattdessen Hinweis "Anhaenge nach Speichern hinzufuegbar". - "⬆ Datei waehlen" oeffnet File-Picker (multiple), Upload via multipart/form-data POST an /memory/{id}/attachments/upload. - Liste zeigt pro Anhang: Thumbnail (Bilder) oder 📄-Icon, Filename, Mime + Groesse, 🗑 Loeschen-Button. - Bild-Thumbnails sind klickbar → openLightbox. - Status-Zeile zeigt Upload-Progress + Erfolgsmeldung. Memory-Liste: - 📎N-Badge erscheint hinter dem Titel wenn N > 0 Anhaenge da sind. Diagnostic-Server: - Brain-Reverse-Proxy-Timeout dynamisch: 120s fuer /attachments-Routen (Upload), 60s sonst (vorher pauschal 30s — zu wenig fuer chat/distill). - multipart-Body wird ueber req.pipe(proxyReq) durchgereicht (FastAPI liest File via UploadFile, Content-Type-Header bleibt erhalten). Co-Authored-By: Claude Opus 4.7 (1M context) --- diagnostic/index.html | 121 +++++++++++++++++++++++++++++++++++++++++- diagnostic/server.js | 7 ++- 2 files changed, 126 insertions(+), 2 deletions(-) diff --git a/diagnostic/index.html b/diagnostic/index.html index 89571fc..6fa6bfd 100644 --- a/diagnostic/index.html +++ b/diagnostic/index.html @@ -1043,6 +1043,26 @@ 📌 Pinned (Hot Memory — IMMER im System-Prompt) + + + + +
@@ -3849,9 +3869,11 @@ const preview = (m.content || '').slice(0, 140).replace(/\n/g, ' '); const score = withScore && typeof m.score === 'number' ? `${m.score.toFixed(2)}` : ''; const typeBadge = withScore ? `${escapeHtml(BRAIN_TYPE_LABELS[m.type] || m.type)}` : ''; + const attCount = Array.isArray(m.attachments) ? m.attachments.length : 0; + const attBadge = attCount > 0 ? `📎${attCount}` : ''; return `
-
${typeBadge}${pin}${escapeHtml(m.title || '(ohne Titel)')}${score} +
${typeBadge}${pin}${escapeHtml(m.title || '(ohne Titel)')}${score}${attBadge} ${m.category ? `[${escapeHtml(m.category)}]` : ''}
${escapeHtml(preview)}${m.content && m.content.length > 140 ? '...' : ''}
@@ -4044,6 +4066,13 @@ const errEl = document.getElementById('memory-modal-error'); errEl.style.display = 'none'; + const attBlock = document.getElementById('memory-attachments-block'); + const attHint = document.getElementById('memory-attachments-hint'); + const attStatus = document.getElementById('memory-attachment-status'); + if (attStatus) attStatus.textContent = ''; + const attInput = document.getElementById('memory-attachment-input'); + if (attInput) attInput.value = ''; + if (id && brainMemoryCache[id]) { const m = brainMemoryCache[id]; titleEl.textContent = 'Memory bearbeiten'; @@ -4054,6 +4083,10 @@ document.getElementById('memory-category').value = m.category || ''; document.getElementById('memory-tags').value = (m.tags || []).join(', '); document.getElementById('memory-pinned').checked = !!m.pinned; + // Anhang-Block sichtbar — Liste rendern + if (attBlock) attBlock.style.display = 'block'; + if (attHint) attHint.style.display = 'none'; + renderMemoryAttachmentsList(m.attachments || []); } else { titleEl.textContent = 'Neue Memory'; idEl.value = ''; @@ -4063,10 +4096,96 @@ document.getElementById('memory-category').value = ''; document.getElementById('memory-tags').value = ''; document.getElementById('memory-pinned').checked = false; + // Bei neuem Memory: nur Hinweis, dass Anhaenge nach Save gehen + if (attBlock) attBlock.style.display = 'none'; + if (attHint) attHint.style.display = 'block'; } modal.classList.add('open'); } + function renderMemoryAttachmentsList(atts) { + const el = document.getElementById('memory-attachments-list'); + if (!el) return; + const id = document.getElementById('memory-edit-id').value; + if (!Array.isArray(atts) || atts.length === 0) { + el.innerHTML = '
(noch keine Anhaenge)
'; + return; + } + el.innerHTML = atts.map(a => { + const name = escapeHtml(a.name || '?'); + const mime = a.mime || 'application/octet-stream'; + const size = a.size ? `${(a.size / 1024).toFixed(0)} KB` : ''; + const isImage = mime.startsWith('image/'); + const url = `/api/brain/memory/${encodeURIComponent(id)}/attachments/${encodeURIComponent(a.name)}`; + const preview = isImage + ? `` + : `📄`; + return `
+ ${preview} + ${name} + ${escapeHtml(mime)}, ${size} + +
`; + }).join(''); + } + + async function uploadMemoryAttachments(files) { + if (!files || !files.length) return; + const id = document.getElementById('memory-edit-id').value; + if (!id) return; + const status = document.getElementById('memory-attachment-status'); + let lastResult = null; + let n = 0; + for (const file of files) { + if (status) status.textContent = `⏳ Lade ${file.name} (${(file.size/1024).toFixed(0)} KB)...`; + try { + const form = new FormData(); + form.append('file', file, file.name); + const r = await fetch(`/api/brain/memory/${encodeURIComponent(id)}/attachments/upload`, { + method: 'POST', + body: form, + }); + if (!r.ok) { + const txt = await r.text(); + throw new Error('HTTP ' + r.status + ': ' + txt.slice(0, 200)); + } + lastResult = await r.json(); + n += 1; + } catch (e) { + if (status) status.textContent = `🔴 ${file.name}: ${e.message}`; + break; + } + } + if (lastResult) { + brainMemoryCache[id] = lastResult; + renderMemoryAttachmentsList(lastResult.attachments || []); + if (status) status.textContent = `✓ ${n} Anhang${n === 1 ? '' : '/Anhaenge'} hochgeladen`; + // Eingabe-File-List reset damit erneutes Anwaehlen derselben Datei feuert + const inp = document.getElementById('memory-attachment-input'); + if (inp) inp.value = ''; + } + } + + async function deleteMemoryAttachment(filenameEncoded) { + const id = document.getElementById('memory-edit-id').value; + if (!id) return; + const name = decodeURIComponent(filenameEncoded); + if (!confirm(`Anhang "${name}" wirklich loeschen?`)) return; + try { + const r = await fetch(`/api/brain/memory/${encodeURIComponent(id)}/attachments/${filenameEncoded}`, { + method: 'DELETE', + }); + if (!r.ok) throw new Error('HTTP ' + r.status); + const updated = await r.json(); + brainMemoryCache[id] = updated; + renderMemoryAttachmentsList(updated.attachments || []); + const status = document.getElementById('memory-attachment-status'); + if (status) status.textContent = `✓ "${name}" geloescht`; + } catch (e) { + alert('Loeschen fehlgeschlagen: ' + e.message); + } + } + function closeMemoryModal() { document.getElementById('memory-modal').classList.remove('open'); } diff --git a/diagnostic/server.js b/diagnostic/server.js index ddc7de9..11beae0 100644 --- a/diagnostic/server.js +++ b/diagnostic/server.js @@ -1644,13 +1644,18 @@ const server = http.createServer((req, res) => { // Reverse-Proxy zum aria-brain Container (intern auf 8080, nicht expose'd). // Frontend ruft z.B. /api/brain/health → http://aria-brain:8080/health const targetPath = req.url.replace(/^\/api\/brain/, ""); + // Uploads brauchen laenger als die 30s default — Memory-Anhang-Endpoints + // koennen bis zu 20 MB tragen, plus chat/distill-Calls dauern manchmal + // mehr als eine Minute. + const isUpload = /\/attachments(\/upload)?$/.test(targetPath); + const timeout = isUpload ? 120000 : 60000; const proxyReq = http.request({ host: "aria-brain", port: 8080, path: targetPath, method: req.method, headers: req.headers, - timeout: 30000, + timeout, }, (proxyRes) => { res.writeHead(proxyRes.statusCode, proxyRes.headers); proxyRes.pipe(res);