diff --git a/templates/index.html b/templates/index.html
index 3680a74..0663394 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -1,445 +1,187 @@
 <!DOCTYPE html>
 <html lang="de">
 <head>
-    <meta charset="UTF-8">
-    <title>Pi-Orchestrator AI Dashboard</title>
-    <script src="https://cdn.tailwindcss.com"></script>
-    
-    <link href="/static/gridstack.min.css" rel="stylesheet"/>
-    <script src="/static/gridstack-all.js"></script>
+<meta charset="UTF-8">
+<title>Node Dashboard</title>
+<script src="https://cdn.tailwindcss.com"></script>
 
-    <link rel="stylesheet" href="/static/xterm.css" />
-    <script src="/static/xterm.js"></script>
-    <script src="/static/xterm-addon-fit.js"></script>
-    <script src="/static/marked.min.js"></script>
-    
-    <style>
-        .grid-stack { background: #0f172a; min-height: 100vh; padding: 10px; }
-        .grid-stack-item-content {
-            background: #1e293b;
-            color: white;
-            border: 1px solid #334155;
-            border-radius: 8px;
-            display: flex;
-            flex-direction: column;
-            overflow: hidden;
-        }
-        
-        .terminal-container, #terminal { 
-            flex: 1; 
-            width: 100%;
-            height: 100%; 
-            background: black; 
-        }
-        
-        #install-log { 
-            flex: 1;
-            font-family: monospace; 
-            font-size: 11px; 
-            color: #4ade80; 
-            padding: 10px; 
-            overflow-y: auto; 
-            background: #0f172a;
-        }
-
-        .widget-header {
-            background: #334155;
-            padding: 8px 12px;
-            cursor: move;
-            font-size: 12px;
-            font-weight: bold;
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            user-select: none;
-        }
-
-        body {
-            margin: 0; 
-            padding-top: 60px; /* Platz für die Toolbar */
-        }
-
-        .top-toolbar {
-            position: fixed;
-            top: 0;
-            left: 0;
-            width: 100%;
-            background-color: #1e293b;
-            color: white;
-            height: 55px;
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-            padding: 0 20px;
-            box-sizing: border-box;
-            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3);
-            z-index: 1000;
-            border-bottom: 1px solid #334155;
-        }
-
-        .toolbar-title {
-            font-weight: bold;
-            font-size: 1.1em;
-            color: #38bdf8;
-        }
-
-        .toolbar-controls {
-            display: flex;
-            align-items: center;
-            gap: 10px;
-        }
-
-        .toolbar-controls label {
-            white-space: nowrap;
-            font-size: 12px;
-            color: #94a3b8;
-        }
-
-        #ollama-url-container {
-            display: none;
-            align-items: center;
-            gap: 8px;
-            border-left: 1px solid #475569;
-            padding-left: 12px;
-        }
-
-        .toolbar-controls select, 
-        .toolbar-controls input {
-            height: 32px;
-            background: #0f172a;
-            color: white;
-            border: 1px solid #475569;
-            border-radius: 4px;
-            padding: 0 8px;
-            font-size: 12px;
-            outline: none;
-        }
-
-        .toolbar-controls select:focus, 
-        .toolbar-controls input:focus {
-            border-color: #38bdf8;
-        }
-
-        /* Schicke Toolbar-Buttons */
-        .btn-tool {
-            height: 32px;
-            padding: 0 12px;
-            border-radius: 4px;
-            font-size: 12px;
-            font-weight: bold;
-            transition: all 0.2s;
-            display: flex;
-            align-items: center;
-            gap: 5px;
-        }
-
-        .save-btn {
-            background-color: #059669;
-            color: white;
-        }
-
-        .save-btn:hover { background-color: #10b981; }
-
-        .add-node-btn {
-            background-color: #2563eb;
-            color: white;
-        }
-
-        .add-node-btn:hover { background-color: #3b82f6; }
-
-        #settings-status {
-            color: #10b981;
-            font-size: 11px;
-            min-width: 80px;
-        }
-
-        .markdown-content pre { background: #000; padding: 8px; border-radius: 4px; border: 1px solid #334155; overflow-x: auto; margin: 8px 0; }
-        .markdown-content code { font-family: monospace; color: #4ade80; }
-        .markdown-content p { margin-bottom: 8px; }
-    </style>
+<style>
+body{background:#0f172a;color:white}
+.node-card{background:#1e293b;border:1px solid #334155;border-radius:10px;padding:12px}
+.badge{font-size:10px;padding:2px 6px;border-radius:6px;background:#334155}
+.status-dot{width:8px;height:8px;border-radius:50%}
+</style>
 </head>
-<body class="bg-slate-950 text-white overflow-hidden">
-    
-    <div class="top-toolbar">
-        <div class="toolbar-title">🤖 KI-Orchestrator</div>
-        
-        <div class="toolbar-controls">
-            <button onclick="addNode()" class="btn-tool add-node-btn">
-                <span>+</span> Node hinzufügen
-            </button>
 
-            <div class="h-6 w-px bg-slate-700 mx-2"></div>
+<body class="p-6">
 
-            <label for="ai-provider">Provider:</label>
-            <select id="ai-provider" onchange="updateModelDropdown(false)">
-                <option value="google">Google Gemini</option>
-                <option value="openai">OpenAI</option>
-                <option value="ollama">Ollama</option>
-            </select>
-            
-            <label for="ai-model">Modell:</label>
-            <select id="ai-model"></select>
-            
-            <div id="ollama-url-container">
-                <label for="ollama-url">URL:</label>
-                <input type="text" id="ollama-url" onblur="updateModelDropdown(false)" placeholder="http://192.168.x.x:11434/v1">
-            </div>
-            
-            <button class="btn-tool save-btn" onclick="saveSettings()">Speichern</button>
-            <span id="settings-status"></span>
-        </div>
-    </div>
+<div class="flex justify-between mb-6">
+<h1 class="text-xl font-bold">🖥 Node Cluster</h1>
+<button onclick="openAddNode()" class="bg-blue-600 px-3 py-2 rounded text-sm">+ Node</button>
+</div>
 
-    <div class="flex h-screen">
-        <div class="w-64 bg-slate-900 border-r border-slate-800 p-4 flex flex-col">
-<!--            <h2 class="text-xl font-bold mb-4 flex items-center gap-2">
-                <span class="text-blue-400">📍</span> Nodes
-            </h2> -->
-            <div id="node-list" class="flex-1 overflow-y-auto space-y-2">
-                {% for node in nodes %}
-                    <div class="p-3 bg-slate-800 rounded border border-slate-700 relative group" id="node-card-{{ node.id }}">
-                        <div class="flex justify-between items-start">
-                            <div class="text-sm font-bold">{{ node.name }}</div>
-                            <form action="/remove_node/{{ node.id }}" method="post">
-                                <button type="submit" class="text-slate-500 hover:text-red-500 text-xs">✕</button>
-                            </form>
-                        </div>
-                        <div class="text-[10px] text-slate-500 font-mono flex justify-between items-center">
-                            {{ node.ip }}
-                            <button onclick="refreshNodeStatus({{ node.id }})" class="hover:text-blue-400">🔄</button>
-                        </div>
-                        <div class="mt-1 flex items-center gap-2">
-                            <span id="led-{{ node.id }}" class="h-2 w-2 rounded-full {% if node.status == 'Docker Aktiv' %} bg-blue-500 shadow-[0_0_8px_#3b82f6] {% else %} bg-yellow-500 {% endif %}"></span>
-                            <span id="badge-{{ node.id }}" class="text-[9px] uppercase font-mono text-slate-300">{{ node.status }}</span>
-                        </div>
-                        <button onclick="openTerminal('{{ node.ip }}')" class="mt-2 w-full text-[10px] bg-slate-700 hover:bg-slate-600 py-1 rounded transition-colors">Konsole öffnen</button>
-                    </div>
-                {% endfor %}
-            </div>
-            <button onclick="localStorage.removeItem('pi-orch-layout-v2'); location.reload();" class="mt-4 text-[10px] text-slate-500 hover:text-white uppercase text-center w-full">Layout Reset</button>
-        </div>
+<div id="nodes" class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
+{% for node in nodes %}
 
-        <div class="flex-1 overflow-y-auto">
-            <div class="grid-stack">
-                <div class="grid-stack-item" gs-id="chat-widget" gs-w="6" gs-h="5" gs-x="0" gs-y="0">
-                    <div class="grid-stack-item-content">
-                        <div class="widget-header"><span>💬 KI Chat</span> <span>⠿</span></div>
-                        <div id="chat-window" class="flex-1 p-4 overflow-y-auto text-sm space-y-2 bg-[#0f172a]/50"></div>
-                        <div class="p-2 border-t border-slate-700 flex bg-slate-800">
-                            <input id="user-input" type="text" class="flex-1 bg-slate-900 p-2 rounded text-xs outline-none border border-slate-700 focus:border-blue-500" placeholder="Nachricht (Enter zum Senden)..." autocomplete="off">
-                            <button onclick="sendMessage()" class="ml-2 bg-blue-600 hover:bg-blue-500 px-4 py-1 rounded text-xs transition-colors">Senden</button>
-                        </div>
-                    </div>
-                </div>
+<div class="node-card" onclick="editNode({{node.id}})">
 
-                <div class="grid-stack-item" gs-id="logs-widget" gs-w="6" gs-h="5" gs-x="6" gs-y="0">
-                    <div class="grid-stack-item-content">
-                        <div class="widget-header"><span>📜 System Logs</span> <span>⠿</span></div>
-                        <div id="install-log">Warte auf Aufgaben...</div>
-                    </div>
-                </div>
+<div class="flex justify-between items-center mb-2">
+<div class="font-bold text-sm">{{node.name}}</div>
 
-                <div class="grid-stack-item" gs-id="term-widget" gs-w="12" gs-h="6" gs-x="0" gs-y="5">
-                    <div class="grid-stack-item-content">
-                        <div class="widget-header"><span>🖥️ Live Terminal</span> <span>⠿</span></div>
-                        <div id="terminal" class="terminal-container"></div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
+{% if node.status == 'Online' %}
+<div class="status-dot bg-green-500"></div>
+{% else %}
+<div class="status-dot bg-red-500"></div>
+{% endif %}
+</div>
 
-    <div id="add-node-modal" class="hidden fixed inset-0 bg-black/80 flex items-center justify-center z-[2000]">
-        <div class="bg-slate-800 p-6 rounded-lg border border-slate-600 w-96">
-            <h3 class="text-lg font-bold mb-4">Neuen Node hinzufügen</h3>
-            <form action="/add_node" method="post" class="space-y-4">
-                <input type="text" name="name" placeholder="Name (z.B. Pi-Worker-1)" class="w-full bg-slate-900 border border-slate-700 p-2 rounded text-sm" required>
-                <input type="text" name="ip" placeholder="IP Adresse" class="w-full bg-slate-900 border border-slate-700 p-2 rounded text-sm" required>
-                <input type="text" name="user" placeholder="SSH Benutzer" class="w-full bg-slate-900 border border-slate-700 p-2 rounded text-sm" required>
-                <input type="password" name="password" placeholder="SSH Passwort" class="w-full bg-slate-900 border border-slate-700 p-2 rounded text-sm" required>
-                <div class="flex justify-end gap-2 pt-2">
-                    <button type="button" onclick="closeAddNode()" class="px-4 py-2 text-sm text-slate-400">Abbrechen</button>
-                    <button type="submit" class="bg-blue-600 px-4 py-2 text-sm rounded font-bold">Koppeln</button>
-                </div>
-            </form>
-        </div>
-    </div>
+<div class="text-xs text-slate-400 font-mono mb-2">
+{{node.ip}}
+</div>
 
-    <script>
-        let currentSettings = {};
-        let termDataDisposable = null;
-        const modelOptions = { google: [], openai: [], ollama: [] }; // Wird vom Backend befüllt
+<div class="flex flex-wrap gap-1 mb-2">
 
-        // 1. CHAT LOGIK (Mit Enter und Fokus)
-        function initChat(chatWs) {
-            const input = document.getElementById('user-input');
-            
-            window.sendMessage = function() {
-                const msg = input.value.trim();
-                if(!msg) return;
-                chatWs.send(msg);
-                appendChat("Du", msg, "text-slate-400 font-bold");
-                input.value = '';
-                input.focus(); // Fokus zurücksetzen
-            };
+<span class="badge">{{node.os}}</span>
+<span class="badge">{{node.architecture}}</span>
 
-            input.addEventListener('keydown', (e) => {
-                if (e.key === 'Enter') {
-                    e.preventDefault();
-                    sendMessage();
-                }
-            });
-        }
+{% if node.docker_installed %}
+<span class="badge">🐳 Docker</span>
+{% endif %}
 
-        // 2. NODE MODAL LOGIK
-        window.addNode = function() {
-            document.getElementById('add-node-modal').classList.remove('hidden');
-        };
-        window.closeAddNode = function() {
-            document.getElementById('add-node-modal').classList.add('hidden');
-        };
+<span class="badge">🔐 SSH</span>
 
-        // 3. Node Status aktualisieren ---
-        window.refreshNodeStatus = async function(nodeId) {
-            const badge = document.getElementById(`badge-${nodeId}`);
-            const led = document.getElementById(`led-${nodeId}`);
-            const card = document.getElementById(`node-card-${nodeId}`);
-            
-            // Optisches Feedback: Karte leicht ausgrauen und Text ändern
-            badge.textContent = "PRÜFE...";
-            card.style.opacity = "0.7";
-            
-            try {
-                const response = await fetch(`/refresh_status/${nodeId}`);
-                const data = await response.json();
-                
-                // Status Text aktualisieren
-                badge.textContent = data.status;
-                
-                // LED Farbe dynamisch anpassen
-                if (data.status === "Docker Aktiv") {
-                    led.className = "h-2 w-2 rounded-full bg-blue-500 shadow-[0_0_8px_#3b82f6]";
-                } else if (data.status === "Offline/Fehler") {
-                    led.className = "h-2 w-2 rounded-full bg-red-500 shadow-[0_0_8px_#ef4444]";
-                } else {
-                    led.className = "h-2 w-2 rounded-full bg-yellow-500";
-                }
-            } catch (e) {
-                badge.textContent = "FEHLER";
-                led.className = "h-2 w-2 rounded-full bg-red-500";
-            } finally {
-                card.style.opacity = "1";
-            }
-        };
+{% if node.vnc_available %}
+<span class="badge">🖥 VNC</span>
+{% endif %}
 
-        // 4. SETTINGS & MODEL LOGIK
-        async function loadSettings() {
-            try {
-                const res = await fetch('/api/settings');
-                currentSettings = await res.json();
-                document.getElementById('ai-provider').value = currentSettings.provider;
-                document.getElementById('ollama-url').value = currentSettings.ollama_base_url || "http://127.0.0.1:11434/v1";
-                updateModelDropdown(true);
-            } catch (e) { console.error("Load Settings Error", e); }
-        }
+</div>
 
-        async function updateModelDropdown(isInitialLoad = false) {
-            const provider = document.getElementById('ai-provider').value;
-            const modelSelect = document.getElementById('ai-model');
-            const urlContainer = document.getElementById('ollama-url-container');
-            const ollamaUrl = document.getElementById('ollama-url').value;
+<div class="flex justify-between">
 
-            urlContainer.style.display = (provider === "ollama") ? "flex" : "none";
-            modelSelect.innerHTML = '<option>Lade...</option>';
+<button onclick="event.stopPropagation();openTerminal('{{node.ip}}')" class="text-xs bg-slate-700 px-2 py-1 rounded">Terminal</button>
 
-            try {
-                const res = await fetch(`/api/models?provider=${provider}&url=${encodeURIComponent(ollamaUrl)}`);
-                const data = await res.json();
-                modelSelect.innerHTML = '';
-                
-                if (data.models && data.models.length > 0) {
-                    data.models.forEach(m => {
-                        const opt = document.createElement('option');
-                        opt.value = opt.textContent = m;
-                        modelSelect.appendChild(opt);
-                    });
-                    
-                    const savedModel = currentSettings[`${provider}_model`];
-                    if (isInitialLoad && savedModel) modelSelect.value = savedModel;
-                }
-            } catch (e) { modelSelect.innerHTML = '<option>Fehler beim Laden</option>'; }
-        }
+<button onclick="event.stopPropagation();refreshNode({{node.id}})" class="text-xs bg-slate-700 px-2 py-1 rounded">Refresh</button>
 
-        async function saveSettings() {
-            const provider = document.getElementById('ai-provider').value;
-            const model = document.getElementById('ai-model').value;
-            const ollama_base_url = document.getElementById('ollama-url').value;
-            const statusEl = document.getElementById('settings-status');
+<form action="/remove_node/{{node.id}}" method="post" onclick="event.stopPropagation()">
+<button class="text-xs bg-red-600 px-2 py-1 rounded">Delete</button>
+</form>
 
-            try {
-                await fetch('/api/settings', {
-                    method: 'POST',
-                    headers: { 'Content-Type': 'application/json' },
-                    body: JSON.stringify({ provider, model, ollama_base_url })
-                });
-                statusEl.textContent = "✅ Gespeichert";
-                setTimeout(() => statusEl.textContent = "", 2000);
-            } catch (e) { statusEl.textContent = "❌ Fehler"; }
-        }
+</div>
 
-        // 5. INITIALISIERUNG
-        document.addEventListener('DOMContentLoaded', function() {
-            // GridStack mit allen Resize-Handles
-            var grid = GridStack.init({
-                cellHeight: 80, margin: 10, float: true, 
-                handle: '.widget-header',
-                resizable: { handles: 'all' } // Erlaubt Resize an allen Seiten
-            });
+</div>
 
-            const savedLayout = localStorage.getItem('pi-orch-layout-v2');
-            if (savedLayout) { try { grid.load(JSON.parse(savedLayout)); } catch(e){} }
-            grid.on('resizestop dragstop', () => {
-                localStorage.setItem('pi-orch-layout-v2', JSON.stringify(grid.save(false)));
-            });
+{% endfor %}
+</div>
 
-            // Terminal & WebSockets
-            const term = new Terminal({ theme: { background: '#000' }, fontSize: 13, convertEol: true });
-            const fitAddon = new FitAddon.FitAddon();
-            term.loadAddon(fitAddon);
-            term.open(document.getElementById('terminal'));
-            
-            const logWs = new WebSocket(`ws://${location.host}/ws/install_logs`);
-            logWs.onmessage = (ev) => {
-                const div = document.createElement('div');
-                div.textContent = `> ${ev.data}`;
-                document.getElementById('install-log').appendChild(div);
-                document.getElementById('install-log').scrollTop = document.getElementById('install-log').scrollHeight;
-            };
 
-            const chatWs = new WebSocket(`ws://${location.host}/ws/chat`);
-            chatWs.onmessage = (ev) => appendChat("KI", ev.data, "text-blue-400 font-bold");
-            initChat(chatWs);
+<!-- ADD NODE MODAL -->
 
-            window.appendChat = function(user, msg, classes) {
-                const win = document.getElementById('chat-window');
-                let formattedMsg = (user === "KI") ? marked.parse(msg) : msg;
-                win.innerHTML += `<div class="mb-4"><span class="${classes} block mb-1 text-[10px] uppercase">${user}</span><div class="markdown-content text-slate-300 text-sm">${formattedMsg}</div></div>`;
-                win.scrollTop = win.scrollHeight;
-            };
+<div id="addModal" class="hidden fixed inset-0 bg-black/80 flex items-center justify-center">
 
-            window.openTerminal = function(ip) {
-                if (window.termWs) window.termWs.close();
-                if (termDataDisposable) termDataDisposable.dispose();
-                term.clear();
-                window.termWs = new WebSocket(`ws://${location.host}/ws/terminal/${ip}`);
-                window.termWs.onmessage = (ev) => term.write(ev.data);
-                termDataDisposable = term.onData(data => {
-                    if (window.termWs?.readyState === WebSocket.OPEN) window.termWs.send(data);
-                });
-            };
+<div class="bg-slate-800 p-6 rounded w-96">
+<h2 class="mb-4 font-bold">Node hinzufügen</h2>
+
+<form action="/add_node" method="post" class="space-y-3">
+
+<input name="name" placeholder="Name" class="w-full bg-slate-900 p-2 rounded text-sm" required>
+
+<input name="ip" placeholder="IP" class="w-full bg-slate-900 p-2 rounded text-sm" required>
+
+<input name="user" placeholder="User" class="w-full bg-slate-900 p-2 rounded text-sm" required>
+
+<input name="password" type="password" placeholder="SSH Passwort" class="w-full bg-slate-900 p-2 rounded text-sm" required>
+
+<div class="flex justify-end gap-2 pt-2">
+<button type="button" onclick="closeAddNode()">Abbrechen</button>
+<button class="bg-blue-600 px-3 py-1 rounded">Add</button>
+</div>
+
+</form>
+
+</div>
+
+</div>
+
+
+<!-- EDIT NODE MODAL -->
+
+<div id="editModal" class="hidden fixed inset-0 bg-black/80 flex items-center justify-center">
+
+<div class="bg-slate-800 p-6 rounded w-96">
+<h2 class="mb-4 font-bold">Node bearbeiten</h2>
+
+<form id="editForm" method="post" class="space-y-3">
+
+<input id="edit_name" name="name" class="w-full bg-slate-900 p-2 rounded text-sm">
+<input id="edit_ip" name="ip" class="w-full bg-slate-900 p-2 rounded text-sm">
+<input id="edit_user" name="user" class="w-full bg-slate-900 p-2 rounded text-sm">
+
+<div class="flex justify-end gap-2">
+<button type="button" onclick="closeEdit()">Cancel</button>
+<button class="bg-blue-600 px-3 py-1 rounded">Save</button>
+</div>
+
+</form>
+
+</div>
+
+</div>
+
+
+<script>
+
+function openAddNode(){
+
+ document.getElementById("addModal").classList.remove("hidden")
+
+}
+
+function closeAddNode(){
+
+ document.getElementById("addModal").classList.add("hidden")
+
+}
+
+
+async function refreshNode(id){
+
+ const r = await fetch(`/refresh_status/${id}`)
+ const data = await r.json()
+
+ location.reload()
+
+}
+
+
+async function editNode(id){
+
+ const r = await fetch(`/node/${id}`)
+ const node = await r.json()
+
+ document.getElementById("edit_name").value = node.name
+ document.getElementById("edit_ip").value = node.ip
+ document.getElementById("edit_user").value = node.user
+
+ document.getElementById("editForm").action = `/update_node/${id}`
+
+ document.getElementById("editModal").classList.remove("hidden")
+
+}
+
+function closeEdit(){
+
+ document.getElementById("editModal").classList.add("hidden")
+
+}
+
+
+function openTerminal(ip){
+
+ window.open(`/terminal/${ip}`)
+
+}
+
+</script>
 
-            loadSettings();
-        });
-    </script>
 </body>
-</html>
\ No newline at end of file
+</html>
