UI-Refactoring: Transitions vereinheitlicht, Card-Navigation auf Menü umgestellt, openChatBtn entfernt, Chat-Back navigiert zum Dashboard

This commit is contained in:
Meleki committed 2026-03-01 11:32:12 +01:00
1 parent 92b1c8a9bc
commit 8f12e8dc1a
9 files changed
+11 -42

No files matched your search

+2 -2
View File
@@ -176,10 +176,10 @@ registerPage('chat', {
addCmdSection(sessionCmds, 'Session');
}
// Zurück zur Session-Edit-Seite
// Zurück zum Dashboard
const backBtn = document.getElementById('chatBackBtn');
if (backBtn) {
backBtn.addEventListener('click', () => navigateTo('session', { id: sessionId }));
backBtn.addEventListener('click', () => navigateTo('dashboard'));
}
// Send
+2 -10
View File
@@ -17,7 +17,7 @@ registerPage('dashboard', {
for (const s of sessions) {
const agent = s.agentId ? agentMap[s.agentId] : null;
const card = document.createElement('div');
card.className = 'card clickable';
card.className = 'card';
const msgLabel = s.messageCount !== undefined
? `${s.messageCount}${s.totalMessageCount !== s.messageCount ? ` (${s.totalMessageCount})` : ''} Nachrichten`
: '';
@@ -44,10 +44,6 @@ registerPage('dashboard', {
</div>
</div>
`;
card.addEventListener('click', (e) => {
if (e.target.closest('.card-menu')) return;
navigateTo('session', { id: s.sessionId });
});
const menuTrigger = card.querySelector('.card-menu-trigger');
const menuDropdown = card.querySelector('.card-menu-dropdown');
menuTrigger.addEventListener('click', (e) => {
@@ -119,7 +115,7 @@ registerPage('dashboard', {
for (const a of agents) {
const card = document.createElement('div');
card.className = 'card clickable';
card.className = 'card';
card.innerHTML = `
<div class="card-image">${a.avatar ? `<img src="${a.avatar}" alt="">` : ''}</div>
<div class="card-body">
@@ -137,10 +133,6 @@ registerPage('dashboard', {
</div>
</div>
`;
card.addEventListener('click', (e) => {
if (e.target.closest('.card-menu')) return;
navigateTo('agent', { id: a.agentId });
});
const menuTrigger = card.querySelector('.card-menu-trigger');
const menuDropdown = card.querySelector('.card-menu-dropdown');
menuTrigger.addEventListener('click', (e) => {
-8
View File
@@ -27,7 +27,6 @@ registerPage('session', {
const saveBtn = document.getElementById('sessionSaveBtn');
const cancelBtn = document.getElementById('sessionCancelBtn');
const deleteBtn = document.getElementById('sessionDeleteBtn');
const openChatBtn = document.getElementById('openChatBtn');
const commandsList = document.getElementById('customCommandsList');
const addCommandBtn = document.getElementById('addCommandBtn');
@@ -41,7 +40,6 @@ registerPage('session', {
workspaceEl.value = session.workspace || '';
_sessionImageData = session.image || null;
deleteBtn.hidden = false;
openChatBtn.disabled = false;
if (session.image) {
imagePreview.innerHTML = `<img src="${session.image}" alt="">`;
@@ -52,7 +50,6 @@ registerPage('session', {
} else {
titleEl.textContent = 'Neue Session';
deleteBtn.hidden = true;
openChatBtn.disabled = true;
}
// Befehl hinzufügen
@@ -151,11 +148,6 @@ registerPage('session', {
await apiDeleteSession(sessionId);
navigateTo('dashboard');
});
// Chat öffnen
openChatBtn.addEventListener('click', () => {
navigateTo('chat', { id: sessionId });
});
},
destroy() {
if (_sessionPasteHandler) {