feat: initial commit – Frankenbot Multi-Agent Orchestration System

- Flask Web-App mit Dashboard, Chat, Orchestrator, Tasks, Dateien, Emails, Agenten, Settings
- Email-Poller (IMAP) mit SQLite-Journal als Failsafe (kein Emailverlust bei Absturz)
- Failsafe-Fenster und Poll-Intervall zur Laufzeit via /settings konfigurierbar
- TaskWorker: IMAP Seen-Flag erst nach erfolgreichem Task-Abschluss
- Whitelist-Filter: eric.fischer, p.dyderski, georg.tschare (gmail + signtime.media), *@diversityball.at
- 9 Agenten: researcher, tax_advisor, document_editor, location_manager, program_manager,
  catering_manager, musik_rechte_advisor, zusammenfasser, orchestration_ui
- Diversity Ball Wien 2026 – Wissensdatenbank, Sponsoringverträge, Email-Vorlagen

templates/orchestrator.html

@@ -0,0 +1,157 @@
+{% extends "base.html" %}
+{% block title %}Orchestrator{% endblock %}
+
+{% block content %}
+<div class="page-header">
+  <h1>Master-Orchestrator</h1>
+  <p>Delegiert automatisch an den passenden Agenten</p>
+</div>
+
+{% if knowledge_loaded %}
+<div class="alert alert-success mb-4">
+  <strong>Wissensdatenbank geladen</strong> · Agenten-Prompts initialisiert
+</div>
+{% endif %}
+
+<div class="row g-4">
+  <!-- Sidebar -->
+  <div class="col-lg-4">
+    <div class="card mb-3">
+      <div class="card-header bg-dark">
+        <h5 class="mb-0">Prompt eingeben</h5>
+      </div>
+      <div class="card-body">
+        <form id="promptForm" method="POST" action="/orchestrator">
+          <div class="mb-3">
+            <label for="prompt" class="form-label">Ihre Anfrage</label>
+            <textarea class="form-control" id="prompt" name="prompt" rows="5"
+              placeholder="Was soll erledigt werden?" required></textarea>
+          </div>
+          <button type="button" class="btn btn-primary w-100 mb-2" id="streamBtn"
+            onclick="sendPromptWithStream()">Live-Antwort anfordern</button>
+          <button type="submit" class="btn btn-secondary w-100">Klassisch senden</button>
+        </form>
+      </div>
+    </div>
+
+    <div class="card">
+      <div class="card-header bg-secondary">
+        <h6 class="mb-0">Aktive Agenten</h6>
+      </div>
+      <div class="card-body p-0">
+        <ul class="list-group list-group-flush">
+          {% for key, agent in agents.items() %}
+          <li class="list-group-item d-flex justify-content-between align-items-center">
+            <span style="font-size:.85rem;">{{ agent.name }}</span>
+            <span class="badge bg-success" style="font-size:.65rem;">aktiv</span>
+          </li>
+          {% endfor %}
+        </ul>
+      </div>
+    </div>
+  </div>
+
+  <!-- Chat -->
+  <div class="col-lg-8">
+    <div class="card">
+      <div class="card-header bg-dark d-flex justify-content-between align-items-center">
+        <h5 class="mb-0">Orchestrator-Chat</h5>
+        <small style="color:var(--text-muted);">Automatische Agenten-Delegation</small>
+      </div>
+      <div class="card-body chat-container" id="chatContainer">
+        {% if chat_history %}
+          {% for chat in chat_history %}
+          <div class="chat-message">
+            <div class="chat-timestamp">
+              {{ chat.timestamp }} ·
+              <span class="badge bg-primary" style="font-size:.65rem;">{{ chat.agent }}</span>
+            </div>
+            <div class="chat-prompt mt-1"><strong>Sie:</strong> {{ chat.user_prompt }}</div>
+            <div class="chat-response mt-1"><strong>Orchestrator:</strong> {{ chat.response }}</div>
+          </div>
+          {% endfor %}
+        {% else %}
+          <div class="text-center py-5" style="color:var(--text-muted);" id="emptyState">
+            <p style="font-size:2rem;margin-bottom:.5rem;">🤖</p>
+            <p>Noch keine Anfragen.<br>Der Orchestrator delegiert automatisch an den passenden Agenten.</p>
+            <hr>
+            <p style="font-size:.8rem;">
+              ✓ Immer zuerst delegieren · ✓ Neuen Agenten erstellen falls nötig · ✓ Niemals selbst ausführen
+            </p>
+          </div>
+        {% endif %}
+      </div>
+    </div>
+  </div>
+</div>
+{% endblock %}
+
+{% block scripts %}
+<script>
+function sendPromptWithStream() {
+  const prompt = document.getElementById('prompt').value.trim();
+  const streamBtn = document.getElementById('streamBtn');
+  if (!prompt) { alert('Bitte Anfrage eingeben!'); return; }
+
+  streamBtn.disabled = true;
+  streamBtn.textContent = '⏳ Agent arbeitet…';
+
+  const chatContainer = document.getElementById('chatContainer');
+  const emptyState = document.getElementById('emptyState');
+  if (emptyState) emptyState.remove();
+
+  const msgDiv = document.createElement('div');
+  msgDiv.className = 'chat-message';
+  msgDiv.innerHTML = `
+    <div class="chat-timestamp">${new Date().toLocaleTimeString()} · <span class="badge bg-primary" style="font-size:.65rem;" id="agentBadge">wird ausgewählt…</span></div>
+    <div class="chat-prompt mt-1"><strong>Sie:</strong> ${prompt}</div>
+    <div class="chat-response mt-1" id="responseDiv"><strong>Orchestrator:</strong> <span id="responseText">⏳ Agent arbeitet…</span></div>
+  `;
+  chatContainer.insertBefore(msgDiv, chatContainer.firstChild);
+
+  fetch('/api/agent-stream', {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify({ prompt })
+  }).then(response => {
+    const reader = response.body.getReader();
+    const decoder = new TextDecoder();
+    let buffer = '';
+
+    function read() {
+      reader.read().then(({ done, value }) => {
+        if (done) {
+          streamBtn.disabled = false;
+          streamBtn.textContent = 'Live-Antwort anfordern';
+          return;
+        }
+        buffer += decoder.decode(value, { stream: true });
+        const lines = buffer.split('\n');
+        buffer = lines.pop();
+        for (const line of lines) {
+          if (!line.startsWith('data: ')) continue;
+          try {
+            const event = JSON.parse(line.slice(6));
+            if (event.type === 'agent_selected') {
+              document.getElementById('agentBadge').textContent = event.agent;
+            } else if (event.type === 'response_chunk') {
+              const t = document.getElementById('responseText');
+              if (t.textContent.startsWith('⏳')) t.textContent = '';
+              t.textContent += event.text;
+            } else if (event.type === 'error') {
+              document.getElementById('responseText').textContent = '❌ ' + event.message;
+            }
+          } catch(e) {}
+        }
+        read();
+      });
+    }
+    read();
+  }).catch(err => {
+    document.getElementById('responseText').textContent = '❌ ' + err.message;
+    streamBtn.disabled = false;
+    streamBtn.textContent = 'Live-Antwort anfordern';
+  });
+}
+</script>
+{% endblock %}