Dashboard: Session message counts, workspace path, Agent persona

wwwroot/js/pages/dashboard.js

@@ -15,6 +15,11 @@ registerPage('dashboard', {
       const agent = s.agentId ? agentMap[s.agentId] : null;
       const card = document.createElement('div');
       card.className = 'card clickable';
+      const msgLabel = s.messageCount !== undefined
+        ? `${s.messageCount}${s.totalMessageCount !== s.messageCount ? ` (${s.totalMessageCount})` : ''} Nachrichten`
+        : '';
+      const workspaceLabel = s.workspace ? s.workspace : '';
+
       card.innerHTML = `
         <div class="card-image">${s.image ? `<img src="${s.image}" alt="">` : ''}</div>
         <div class="card-body">
@@ -23,6 +28,10 @@ registerPage('dashboard', {
             ${agent ? `<span class="badge">${esc(agent.name)}</span>` : ''}
           </div>
           ${s.description ? `<div class="card-desc">${esc(s.description)}</div>` : ''}
+          <div class="card-meta">
+            ${msgLabel ? `<span class="card-meta-item">💬 ${esc(msgLabel)}</span>` : ''}
+            ${workspaceLabel ? `<span class="card-meta-item card-workspace" title="${esc(workspaceLabel)}">📁 ${esc(workspaceLabel)}</span>` : ''}
+          </div>
         </div>
       `;
       card.addEventListener('click', () => navigateTo('session', { id: s.sessionId }));
@@ -34,7 +43,7 @@ registerPage('dashboard', {
     newSession.className = 'card placeholder clickable';
     newSession.innerHTML = '<div class="card-body"><div class="card-title">+ Neue Session</div></div>';
     newSession.addEventListener('click', () => navigateTo('session'));
-    grid.appendChild(newSession);
+    document.getElementById('newSessionCard').appendChild(newSession);
 
     // Agents
     const agentGrid = document.getElementById('agentCards');
@@ -51,6 +60,7 @@ registerPage('dashboard', {
             <span class="badge">${esc(a.model)}</span>
           </div>
           ${a.description ? `<div class="card-desc">${esc(a.description)}</div>` : ''}
+          ${a.persona ? `<div class="card-meta"><span class="card-meta-item card-persona">🎭 ${esc(a.persona)}</span></div>` : ''}
         </div>
       `;
       card.addEventListener('click', () => navigateTo('agent', { id: a.agentId }));
@@ -61,7 +71,7 @@ registerPage('dashboard', {
     placeholder.className = 'card placeholder clickable';
     placeholder.innerHTML = '<div class="card-body"><div class="card-title">+ Neuer Agent</div></div>';
     placeholder.addEventListener('click', () => navigateTo('agent'));
-    agentGrid.appendChild(placeholder);
+    document.getElementById('newAgentCard').appendChild(placeholder);
   },
   destroy() {}
 });