Keine Session ausgewählt
';
+ const notifyEmptyHtml = ' Keine (Antwort bleibt in Arbeits-Session)
';
+
+ // Session-Card click → Picker (nur Sessions mit Agent)
+ sessionCard.addEventListener('click', () => {
+ openSessionPickerModal(sessions, agentMap, sessionSelect.value, (selectedId) => {
+ sessionSelect.value = selectedId || '';
+ renderSessionSelectCard(sessionCard, selectedId ? sessionMap[selectedId] : null, sessionEmptyHtml);
+ }, { filterWithAgent: true, title: 'Session auswählen' });
+ });
+
+ // Notify-Session-Card click → Picker (alle Sessions)
+ notifyCard.addEventListener('click', () => {
+ openSessionPickerModal(sessions, agentMap, notifySelect.value, (selectedId) => {
+ notifySelect.value = selectedId || '';
+ renderSessionSelectCard(notifyCard, selectedId ? sessionMap[selectedId] : null, notifyEmptyHtml);
+ }, { filterWithAgent: false, title: 'Benachrichtigungs-Session auswählen', noneLabel: 'Keine Benachrichtigung', noneIcon: 'fa-bell-slash' });
+ });
+
// Cron-Expression Vorschau
cronInput.addEventListener('input', () => updateCronPreview(cronInput, cronPreview));
@@ -55,9 +75,11 @@ registerPage('cronjob', {
nameInput.value = job.name || '';
sessionSelect.value = job.sessionId || '';
+ renderSessionSelectCard(sessionCard, job.sessionId ? sessionMap[job.sessionId] : null, sessionEmptyHtml);
cronInput.value = job.cronExpression || '';
promptInput.value = job.prompt || '';
notifySelect.value = job.notifySessionId || '';
+ renderSessionSelectCard(notifyCard, job.notifySessionId ? sessionMap[job.notifySessionId] : null, notifyEmptyHtml);
enabledCheckbox.checked = job.isEnabled;
updateCronPreview(cronInput, cronPreview);
@@ -131,6 +153,74 @@ registerPage('cronjob', {
}
});
+function openSessionPickerModal(sessions, agentMap, currentId, onSelect, options) {
+ options = options || {};
+ const filterWithAgent = options.filterWithAgent || false;
+ const title = options.title || 'Session auswählen';
+ const noneLabel = options.noneLabel || 'Keine Session';
+ const noneIcon = options.noneIcon || 'fa-ban';
+
+ // Overlay
+ const overlay = document.createElement('div');
+ overlay.className = 'agent-picker-overlay';
+
+ const modal = document.createElement('div');
+ modal.className = 'agent-picker-modal';
+
+ // Header
+ const header = document.createElement('div');
+ header.className = 'agent-picker-header';
+ header.innerHTML = `${escapeHtml(title)}`;
+ modal.appendChild(header);
+
+ // Body
+ const body = document.createElement('div');
+ body.className = 'agent-picker-body';
+
+ // "Keine Session" Option
+ const noneCard = document.createElement('div');
+ noneCard.className = 'card agent-picker-item' + (!currentId ? ' selected' : '');
+ noneCard.innerHTML = `
+
+
+
+ `;
+ noneCard.addEventListener('click', () => {
+ onSelect(null);
+ overlay.remove();
+ });
+ body.appendChild(noneCard);
+
+ // Session Cards via Helper
+ for (const s of sessions) {
+ // Filter: nur Sessions mit Agent, wenn gewünscht
+ if (filterWithAgent && !s.agentId) continue;
+
+ const agent = s.agentId ? agentMap[s.agentId] : null;
+ const item = buildSessionCard(s, agent);
+ item.classList.add('agent-picker-item');
+ if (s.sessionId === currentId) item.classList.add('selected');
+ item.addEventListener('click', () => {
+ onSelect(s.sessionId);
+ overlay.remove();
+ });
+ body.appendChild(item);
+ }
+
+ modal.appendChild(body);
+ overlay.appendChild(modal);
+ document.body.appendChild(overlay);
+
+ // Schließen
+ header.querySelector('.agent-picker-close').addEventListener('click', () => overlay.remove());
+ overlay.addEventListener('click', (e) => {
+ if (e.target === overlay) overlay.remove();
+ });
+}
+
function updateCronPreview(input, preview) {
const expr = input.value.trim();
if (!expr) {
diff --git a/wwwroot/js/pages/dashboard.js b/wwwroot/js/pages/dashboard.js
index 9577796..3acee1c 100644
--- a/wwwroot/js/pages/dashboard.js
+++ b/wwwroot/js/pages/dashboard.js
@@ -40,39 +40,18 @@ registerPage('dashboard', {
for (const s of sessions) {
const agent = s.agentId ? agentMap[s.agentId] : null;
- const card = document.createElement('div');
- card.className = 'card';
- const msgLabel1 = s.messageCount ? `${s.messageCount} Nachrichten` : '';
- const msgLabel2 = s.archiveMessageCount ? `${s.archiveMessageCount} Nachrichten archiviert` : '';
- const workspaceLabel = s.workspace ? s.workspace : '';
+ const card = buildSessionCard(s, agent);
- const sessionBadges = [];
- if (agent) sessionBadges.push(`${esc(agent.name)}`);
- if (s.context) sessionBadges.push(``);
- if (s.telegramConfigured) sessionBadges.push(``);
-
- const scaleStyle = s.avatarScale && s.avatarScale !== 1 ? ` style="scale: ${s.avatarScale}"` : '';
- card.innerHTML = `
-
+ ${escapeHtml(noneLabel)}
+
+ ${s.image ? `
` : ''}
-
-
`);
+
// Chat deaktivieren wenn kein Agent gesetzt
const chatBtn = card.querySelector('[data-action="chat"]');
if (!agent) {
diff --git a/wwwroot/js/ui.js b/wwwroot/js/ui.js
index 203dc43..1301b5c 100644
--- a/wwwroot/js/ui.js
+++ b/wwwroot/js/ui.js
@@ -1,3 +1,42 @@
+// ── Session Card Helper ──
+// Erzeugt ein .card-Element für eine Session (wiederverwendbar für Dashboard + Picker).
+// session: Session-Objekt, agent: zugehöriges Agent-Objekt (oder null)
+// Gibt ein DOM-Element zurück (.card mit .card-image + .card-body inkl. Badges + Meta).
+
+function buildSessionCard(session, agent) {
+ const card = document.createElement('div');
+ card.className = 'card';
+
+ const scaleStyle = session.avatarScale && session.avatarScale !== 1 ? ` style="scale: ${session.avatarScale}"` : '';
+ const imageHtml = session.image ? `
- ${esc(s.name || 'Unbenannt')}
- ${sessionBadges.join('')}
-
-
-
- `;
+ ${imageHtml}
+
+
+ `;
+
+ return card;
+}
+
+
// ── Agent Card Helper ──
// Erzeugt ein .card-Element für einen Agent (wiederverwendbar für Dashboard + Picker).
// agent: Agent-Objekt, skills: Array von Skills (optional)
+ ${esc(session.name || 'Unbenannt')}
+ ${badges.join('')}
+
+ ${metaParts.length ? `` : ''}
+