refactor: Agent-Auswahl in Session-Form als Card + Picker-Modal

- buildAgentCard() Helper in ui.js erstellt (wiederverwendbar für Dashboard + Picker)
- Session-Form: select-Dropdown durch klickbare Agent-Card ersetzt
- Agent-Picker-Modal zeigt alle Agents mit identischen Cards wie am Dashboard
- Dashboard refactored: nutzt buildAgentCard() statt dupliziertem Inline-HTML
- Kein duplizierter Code mehr für Agent-Card-Rendering (Badges, Skills, Avatar)

wwwroot/js/ui.js

@@ -1,3 +1,50 @@
+// ── Agent Card Helper ──
+// Erzeugt ein .card-Element für einen Agent (wiederverwendbar für Dashboard + Picker).
+// agent: Agent-Objekt, skills: Array von Skills (optional)
+// Gibt ein DOM-Element zurück (.card mit .card-image + .card-body inkl. Badges).
+
+function buildAgentCard(agent, skills) {
+  const card = document.createElement('div');
+  card.className = 'card';
+
+  const scaleStyle = agent.avatarScale && agent.avatarScale !== 1 ? ` style="transform: scale(${agent.avatarScale})"` : '';
+  const imageHtml = agent.avatar ? `<img src="${agent.avatar}" alt=""${scaleStyle}>` : '';
+
+  // Badges
+  const badges = [];
+  if (agent.toolChoice === 'any') badges.push('<span class="badge badge-forced-feature" title="Tool-Nutzung erzwingen"><i class="fa fa-wrench"></i> Erzwungen</span>');
+  if (agent.autoCommit === 'mention') badges.push('<span class="badge badge-feature" title="Git-Commits nur auf Anweisung"><i class="fa fa-code-fork"></i> Anmerken</span>');
+  if (agent.autoCommit === 'enforce') badges.push('<span class="badge badge-forced-feature" title="Git-Commits nach jeder Änderung erzwungen"><i class="fa fa-code-fork"></i> Erzwungen</span>');
+  if (agent.autoCommit === 'forbid') badges.push('<span class="badge badge-forced-feature" title="Git-Commits strikt verboten"><i class="fa fa-code-fork"></i> Verboten</span>');
+  if (agent.useSoul) badges.push('<span class="badge badge-feature" title="Hat eine Seele (SOUL.md)"><i class="fa fa-heart"></i> Seele</span>');
+  if (agent.useIdentity) badges.push('<span class="badge badge-feature" title="Hat eine Identität (IDENTITY.md)"><i class="fa fa-id-badge"></i> Ich</span>');
+  if (agent.useUserInfo) badges.push('<span class="badge badge-feature" title="Kennt sein Gegenüber (Benutzer-Persona)"><i class="fa fa-user"></i> Du</span>');
+  if (agent.useMemory) badges.push('<span class="badge badge-feature" title="Zugriff auf Erinnerungen (Memory-Tools)"><i class="fa fa-database"></i> Erinnerungen</span>');
+  if (agent.webSearchVersion) {
+    const wsYear = agent.webSearchVersion.includes('2025') ? 'Version 2025' : 'v2026';
+    badges.push(`<span class="badge badge-feature" title="Web-Suche - ${wsYear}"><i class="fa fa-search"></i> Web-Suche</span>`);
+  }
+
+  if (skills) {
+    for (const skill of skills) {
+      badges.push(`<span class="badge badge-skill" title="${esc(skill.description || skill.slug)}"><i class="fa fa-puzzle-piece"></i> ${esc(skill.name)}</span>`);
+    }
+  }
+
+  card.innerHTML = `
+    <div class="card-image">${imageHtml}</div>
+    <div class="card-body">
+      <div class="card-title-row">
+        <span class="card-title">${esc(agent.name)}</span>
+        <span class="badge">${prettyModelName(agent.model)}</span>
+      </div>
+      ${badges.length ? `<div class="card-badges">${badges.join('')}</div>` : ''}
+    </div>
+  `;
+
+  return card;
+}
+
 // ── Toast Notifications ──
 
 function showToast(message, type) {