133 lines
4.2 KiB
JavaScript
133 lines
4.2 KiB
JavaScript
// ── Session Edit Page ──
|
|
|
|
let _sessionImageData = null;
|
|
|
|
registerPage('session', {
|
|
async init(params) {
|
|
const sessionId = params.id;
|
|
const isNew = !sessionId;
|
|
let session = null;
|
|
|
|
if (!isNew) {
|
|
session = await apiGetSession(sessionId);
|
|
if (!session) return navigateTo('dashboard');
|
|
}
|
|
|
|
const titleEl = document.getElementById('sessionPageTitle');
|
|
const nameEl = document.getElementById('sessionName');
|
|
const descEl = document.getElementById('sessionDescription');
|
|
const contextEl = document.getElementById('sessionContext');
|
|
const workspaceEl = document.getElementById('sessionWorkspace');
|
|
const agentSelect = document.getElementById('agentSelect');
|
|
const imagePreview = document.getElementById('sessionImagePreview');
|
|
const imageInput = document.getElementById('sessionImageInput');
|
|
const imageBtn = document.getElementById('sessionImageBtn');
|
|
const imageClearBtn = document.getElementById('sessionImageClearBtn');
|
|
const saveBtn = document.getElementById('sessionSaveBtn');
|
|
const cancelBtn = document.getElementById('sessionCancelBtn');
|
|
const deleteBtn = document.getElementById('sessionDeleteBtn');
|
|
const openChatBtn = document.getElementById('openChatBtn');
|
|
|
|
_sessionImageData = null;
|
|
|
|
if (session) {
|
|
titleEl.textContent = session.name || 'Unbenannt';
|
|
nameEl.value = session.name || '';
|
|
descEl.value = session.description || '';
|
|
contextEl.value = session.context || '';
|
|
workspaceEl.value = session.workspace || '';
|
|
_sessionImageData = session.image || null;
|
|
deleteBtn.hidden = false;
|
|
openChatBtn.disabled = false;
|
|
|
|
if (session.image) {
|
|
imagePreview.innerHTML = `<img src="${session.image}" alt="">`;
|
|
}
|
|
} else {
|
|
titleEl.textContent = 'Neue Session';
|
|
deleteBtn.hidden = true;
|
|
openChatBtn.disabled = true;
|
|
}
|
|
|
|
// Agents laden
|
|
const agents = await apiGetAgents();
|
|
agentSelect.innerHTML = '<option value="">-- Kein Agent --</option>';
|
|
for (const a of agents) {
|
|
const opt = document.createElement('option');
|
|
opt.value = a.agentId;
|
|
opt.textContent = `${a.name} (${a.model})`;
|
|
agentSelect.appendChild(opt);
|
|
}
|
|
if (session && session.agentId) agentSelect.value = session.agentId;
|
|
|
|
// Bild Upload
|
|
imageBtn.addEventListener('click', () => imageInput.click());
|
|
imageInput.addEventListener('change', () => {
|
|
const file = imageInput.files[0];
|
|
if (!file) return;
|
|
const reader = new FileReader();
|
|
reader.onload = () => {
|
|
_sessionImageData = reader.result;
|
|
imagePreview.innerHTML = `<img src="${reader.result}" alt="">`;
|
|
};
|
|
reader.readAsDataURL(file);
|
|
});
|
|
|
|
imageClearBtn.addEventListener('click', () => {
|
|
_sessionImageData = null;
|
|
imagePreview.innerHTML = '?';
|
|
imageInput.value = '';
|
|
});
|
|
|
|
// Workspace Browse
|
|
const workspaceBrowse = document.getElementById('sessionWorkspaceBrowse');
|
|
if (workspaceBrowse) {
|
|
workspaceBrowse.addEventListener('click', () => {
|
|
openFolderBrowser({
|
|
startPath: workspaceEl.value.trim() || '/',
|
|
onSelect(path) {
|
|
workspaceEl.value = path;
|
|
}
|
|
});
|
|
});
|
|
}
|
|
|
|
// Speichern
|
|
saveBtn.addEventListener('click', async () => {
|
|
const data = {
|
|
name: nameEl.value.trim() || 'Unbenannt',
|
|
description: descEl.value.trim(),
|
|
image: _sessionImageData,
|
|
agentId: agentSelect.value || null,
|
|
context: contextEl.value || null,
|
|
workspace: workspaceEl.value.trim() || null
|
|
};
|
|
|
|
if (isNew) {
|
|
await apiCreateSession(data);
|
|
} else {
|
|
await apiUpdateSession(sessionId, data);
|
|
}
|
|
navigateTo('dashboard');
|
|
});
|
|
|
|
// Abbrechen
|
|
cancelBtn.addEventListener('click', () => navigateTo('dashboard'));
|
|
|
|
// Löschen
|
|
deleteBtn.addEventListener('click', async () => {
|
|
if (!confirm('Session wirklich löschen?')) return;
|
|
await apiDeleteSession(sessionId);
|
|
navigateTo('dashboard');
|
|
});
|
|
|
|
// Chat öffnen
|
|
openChatBtn.addEventListener('click', () => {
|
|
navigateTo('chat', { id: sessionId });
|
|
});
|
|
},
|
|
destroy() {
|
|
_sessionImageData = null;
|
|
}
|
|
});
|