feat(diagnostic): Datei einem Projekt zuordnen im Datei-Manager

Der /api/files-set-project-Endpoint existierte, aber es fehlte die UI. Jede
Datei-Zeile hat jetzt ein Projekt-Dropdown (Hauptchat + alle Projekte, aktueller
Wert vorausgewaehlt, gruen wenn getaggt). Aenderung schreibt via
/api/files-set-project ins Manifest, aktualisiert den lokalen Cache und rendert
neu (respektiert den aktiven Projekt-Filter).

Damit lassen sich auch alt-hochgeladene (untagged) Dateien nachtraeglich einem
Projekt zuordnen — die projectId-Zuordnung beim Upload passiert automatisch
(596d0bb), das hier ist die manuelle Korrektur/Nachpflege.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-07-06 21:28:18 +02:00
parent 596d0bb243
commit dfd357ee91
+37
View File
@@ -4328,6 +4328,7 @@
// ── Datei-Manager ──────────────────────────────────────
let filesCache = [];
let diagFileProjectsList = []; // [{id, name}] fuer das Zuordnungs-Dropdown pro Datei
const filesSelected = new Set(); // Set of paths
async function loadFiles() {
@@ -4345,6 +4346,8 @@
const pr = await fetch('/api/brain/projects/list?include_archived=true');
const pdata = await pr.json();
const projects = pdata?.projects || [];
// Fuer das Pro-Datei-Zuordnungs-Dropdown merken.
diagFileProjectsList = projects.map(p => ({ id: p.id, name: p.name }));
const sel = document.getElementById('files-filter-project');
if (sel) {
const current = sel.value;
@@ -4439,12 +4442,25 @@
: '<span style="background:#34C75922;color:#34C759;padding:1px 6px;border-radius:3px;font-size:10px;margin-right:6px;">User</span>';
const checked = filesSelected.has(f.path) ? 'checked' : '';
const pathEsc = escapeHtml(f.path);
const curPid = f.projectId || '';
// Pro-Datei Projekt-Zuordnung: Hauptchat ('') + alle Projekte. Auch
// eine unbekannte (geloeschtes Projekt) ID als Option behalten, damit
// der aktuelle Wert nicht still verlorengeht.
const projOpts = [{ id: '', name: '💬 Hauptchat' }, ...diagFileProjectsList];
if (curPid && !projOpts.some(p => p.id === curPid)) {
projOpts.push({ id: curPid, name: `📁 ${curPid} (gelöscht?)` });
}
const projSelect = `<select onchange="assignFileProject('${pathEsc}', this.value)" title="Projekt-Zuordnung"
style="background:#080810;color:${curPid ? '#34C759' : '#8888AA'};border:1px solid #1E1E2E;padding:2px 4px;border-radius:4px;font-family:inherit;font-size:10px;max-width:130px;flex-shrink:0;">
${projOpts.map(p => `<option value="${escapeHtml(p.id)}" ${p.id === curPid ? 'selected' : ''}>${escapeHtml(p.name)}</option>`).join('')}
</select>`;
return `<div style="padding:8px 0;border-bottom:1px solid #1E1E2E;display:flex;gap:8px;align-items:center;">
<input type="checkbox" ${checked} onchange="toggleFileSelect('${pathEsc}')" style="cursor:pointer;flex-shrink:0;">
<div style="flex:1;min-width:0;">
<div style="color:#E0E0F0;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">${badge}<strong>${escapeHtml(f.name)}</strong></div>
<div style="color:#555570;font-size:10px;">${fmtSize(f.size)} · ${fmtDate(f.mtime)}</div>
</div>
${projSelect}
<button class="btn secondary" onclick="openFileInline('${encodeURIComponent(f.path)}')" style="padding:2px 8px;font-size:10px;" title="Öffnen">👁</button>
<button class="btn secondary" onclick="downloadFile('${encodeURIComponent(f.path)}')" style="padding:2px 8px;font-size:10px;" title="Herunterladen"></button>
<button class="btn secondary" onclick="showVersions('${escapeHtml(f.name)}')" style="padding:2px 8px;font-size:10px;" title="Versionen">🕒</button>
@@ -4453,6 +4469,27 @@
}).join('');
}
// Datei einem Projekt zuordnen (oder leer = Hauptchat). Schreibt ins
// Manifest via /api/files-set-project, aktualisiert den lokalen Cache und
// rendert neu (respektiert den aktiven Projekt-Filter).
async function assignFileProject(path, projectId) {
try {
const r = await fetch('/api/files-set-project', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ path, projectId: projectId || '' }),
});
const d = await r.json();
if (!d.ok) throw new Error(d.error || 'Fehler');
const f = filesCache.find(x => x.path === path);
if (f) f.projectId = projectId || '';
renderFilesList();
} catch (e) {
alert('Zuordnung fehlgeschlagen: ' + e.message);
renderFilesList(); // Dropdown auf alten Wert zuruecksetzen
}
}
// ── Versions-Modal ──────────────────────────────────────
async function showVersions(fileName) {
// path-relative-to-/shared/uploads ist hier == fileName, weil unser