diff --git a/wwwroot/css/base.css b/wwwroot/css/base.css
index 2d409d8..019dd36 100644
--- a/wwwroot/css/base.css
+++ b/wwwroot/css/base.css
@@ -1,9 +1,15 @@
-* { margin: 0; padding: 0; box-sizing: border-box; }
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
 
 body {
   background: var(--f2-bg);
   color: var(--text);
   height: 100vh;
+  display: flex;
+  flex-direction: column;
 }
 
 body, input, select, button, textarea {
@@ -31,163 +37,24 @@ button, select, input, textarea {
   outline: none;
 }
 
-button:hover, select:hover, input:hover, textarea:hover {
+button {
+  line-height: 1.25;
+  padding: var(--s2) var(--s3);
+}
+
+button:not(:disabled) {
+  cursor: pointer;
+}
+
+button:not(:disabled):hover, select:hover, input:hover, textarea:hover {
   border-color: var(--primary);
 }
 
-button {
-  cursor: pointer;
-  line-height: 1.25;
-  padding: var(--s2) var(--s3);
+button:disabled {
+  opacity: .5;
 }
 
 textarea {
   height: 8em;
   min-height: 8em;
 }
-
-.toggle {
-  display: flex;
-  align-items: center;
-  gap: var(--s2);
-  margin-left: auto;
-}
-
-.toggle label {
-  cursor: pointer;
-}
-
-.session-rename {
-  background: var(--f2-bg);
-  border: var(--border-width) solid var(--f2-border);
-  outline: none;
-}
-
-/* ── Header ── */
-
-header {
-  padding: var(--s4) calc(var(--s4) * 2);
-  border-bottom: var(--border-width) solid var(--f1-border);
-  display: flex;
-  align-items: center;
-  gap: var(--s4);
-  flex-shrink: 0;
-}
-
-/* ── System Prompt ── */
-
-#systemPrompt {
-  display: none;
-  width: calc(100% - calc(var(--s4) * 2));
-  margin: var(--s4);
-  padding: var(--s4);
-}
-
-#systemPrompt.visible { display: block; }
-
-/* ── Meta Bar ── */
-
-.meta-bar {
-  padding: var(--s2);
-  background: var(--f1-bg);
-  border-bottom: var(--border-width) solid var(--f1-border);
-  flex-shrink: 0;
-  min-height: 2.5em;
-}
-
-/* ── Chat ── */
-
-#chat {
-  flex: 1;
-  overflow-y: auto;
-  padding: var(--s4);
-  display: flex;
-  flex-direction: column;
-  gap: var(--s4);
-}
-
-.msg {
-  padding: var(--s3) var(--s4);
-  white-space: pre-wrap;
-  word-break: break-word;
-}
-
-.msg.user {
-  align-self: flex-end;
-  background: var(--f3-bg);
-  border: var(--border-width) solid var(--f3-border);
-}
-
-.msg.assistant {
-  align-self: flex-start;
-  background: var(--f1-bg);
-  border: var(--border-width) solid var(--f1-border);
-}
-
-.msg.system-info {
-  align-self: center;
-  border: var(--border-width) solid var(--f2-border);
-  text-align: center;
-  padding: var(--s2);
-}
-
-/* ── Cursor ── */
-
-.msg .cursor {
-  display: inline-block;
-  width: .125em;
-  height: 1em;
-  background: var(--text);
-  animation: blink 0.8s infinite;
-  vertical-align: text-bottom;
-  margin-left: .125em;
-}
-
-@keyframes blink {
-  0%, 50% { opacity: 1; }
-  51%, 100% { opacity: 0; }
-}
-
-/* ── Tool Boxes ── */
-
-.tool-box {
-  align-self: center;
-  padding: var(--s2);
-  background: var(--f3-bg);
-  border: var(--border-width) solid var(--f3-border);
-}
-
-/* ── Input Area ── */
-
-.input-area {
-  border-top: var(--border-width) solid var(--f1-border);
-  display: flex;
-  flex-shrink: 0;
-  gap: var(--s4);
-  padding: var(--s4);
-}
-
-.input-area textarea {
-  flex: 1;
-}
-
-.input-area button {
-  align-self: flex-end;
-}
-
-.input-area button:disabled { opacity: 0.5; cursor: not-allowed; }
-
-/* ── Archive ── */
-
-.archive-container {
-  display: flex;
-  flex-direction: column;
-  gap: var(--s4);
-}
-
-.archived { opacity: 0.6; }
-
-.archive-load-btn {
-  display: block;
-  margin-inline: auto;
-}
diff --git a/wwwroot/css/chat.css b/wwwroot/css/chat.css
new file mode 100644
index 0000000..5faf31d
--- /dev/null
+++ b/wwwroot/css/chat.css
@@ -0,0 +1,99 @@
+#chat {
+  flex: 1;
+  overflow-y: auto;
+  padding: var(--s4);
+  display: flex;
+  flex-direction: column;
+  gap: var(--s4);
+}
+
+.meta-bar {
+  padding: var(--s2);
+  background: var(--f1-bg);
+  border-bottom: var(--border-width) solid var(--f1-border);
+  flex-shrink: 0;
+  min-height: 2.5em;
+}
+
+.msg {
+  padding: var(--s3) var(--s4);
+  white-space: pre-wrap;
+  word-break: break-word;
+}
+
+.msg.user {
+  align-self: flex-end;
+  background: var(--f3-bg);
+  border: var(--border-width) solid var(--f3-border);
+}
+
+.msg.assistant {
+  align-self: flex-start;
+  background: var(--f1-bg);
+  border: var(--border-width) solid var(--f1-border);
+}
+
+.msg.system-info {
+  align-self: center;
+  border: var(--border-width) solid var(--f2-border);
+  text-align: center;
+  padding: var(--s2);
+}
+
+.msg .cursor {
+  display: inline-block;
+  width: .125em;
+  height: 1em;
+  background: var(--text);
+  animation: blink 0.8s infinite;
+  vertical-align: text-bottom;
+  margin-left: .125em;
+}
+
+@keyframes blink {
+  0%, 50% { opacity: 1; }
+  51%, 100% { opacity: 0; }
+}
+
+.tool-box {
+  align-self: center;
+  padding: var(--s2);
+  background: var(--f3-bg);
+  border: var(--border-width) solid var(--f3-border);
+}
+
+.input-area {
+  border-top: var(--border-width) solid var(--f1-border);
+  display: flex;
+  flex-shrink: 0;
+  gap: var(--s4);
+  padding: var(--s4);
+}
+
+.input-area textarea {
+  flex: 1;
+}
+
+.input-area button {
+  align-self: flex-end;
+}
+
+.input-area button:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+.archive-container {
+  display: flex;
+  flex-direction: column;
+  gap: var(--s4);
+}
+
+.archived {
+  opacity: 0.6;
+}
+
+.archive-load-btn {
+  display: block;
+  margin-inline: auto;
+}
diff --git a/wwwroot/css/dashboard.css b/wwwroot/css/dashboard.css
new file mode 100644
index 0000000..a35f0e8
--- /dev/null
+++ b/wwwroot/css/dashboard.css
@@ -0,0 +1,88 @@
+.dashboard {
+  padding: calc(var(--s4) * 2);
+  overflow-y: auto;
+}
+
+.dashboard section {
+  margin-bottom: calc(var(--s4) * 2);
+}
+
+.section-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: var(--s4);
+}
+
+.card-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
+  gap: var(--s4);
+}
+
+.card {
+  background: var(--f3-bg);
+  border: var(--border-width) solid var(--f3-border);
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+
+.card.clickable {
+  cursor: pointer;
+}
+
+.card.clickable:hover {
+  border-color: var(--primary);
+}
+
+.card-image {
+  aspect-ratio: 1;
+  background: var(--f2-bg);
+  overflow: hidden;
+}
+
+.card-image img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.card-body {
+  padding: var(--s3);
+  display: flex;
+  flex-direction: column;
+  gap: var(--s1);
+}
+
+.card-title-row {
+  display: flex;
+  align-items: center;
+  gap: var(--s2);
+}
+
+.card-title {
+  font-weight: bold;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.card-desc {
+  display: -webkit-box;
+  overflow: hidden;
+}
+
+.badge {
+  padding: var(--s1) var(--s2);
+  background: var(--f1-bg);
+  border: var(--border-width) solid var(--f2-border);
+  white-space: nowrap;
+  flex-shrink: 0;
+}
+
+.card.placeholder {
+  border-style: dashed;
+  align-items: center;
+  justify-content: center;
+}
diff --git a/wwwroot/css/form.css b/wwwroot/css/form.css
new file mode 100644
index 0000000..b680b94
--- /dev/null
+++ b/wwwroot/css/form.css
@@ -0,0 +1,49 @@
+.form {
+  padding: calc(var(--s4) * 2);
+  overflow-y: auto;
+  display: flex;
+  flex-direction: column;
+  gap: var(--s3);
+  max-width: 600px;
+}
+
+.avatar-section {
+  display: flex;
+  align-items: center;
+  gap: var(--s4);
+}
+
+.avatar-preview {
+  width: 64px;
+  height: 64px;
+  background: var(--f2-bg);
+  border: var(--border-width) solid var(--f2-border);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 2em;
+  overflow: hidden;
+  flex-shrink: 0;
+}
+
+.avatar-preview img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.form-actions {
+  display: flex;
+  gap: var(--s4);
+  margin-top: var(--s4);
+}
+
+.danger-btn {
+  color: #ff6b6b;
+  border-color: #ff6b6b;
+}
+
+.danger-btn:hover {
+  background: #ff6b6b;
+  color: var(--f1-bg);
+}
diff --git a/wwwroot/css/main.css b/wwwroot/css/main.css
index a022f15..e31fda5 100644
--- a/wwwroot/css/main.css
+++ b/wwwroot/css/main.css
@@ -1,6 +1,10 @@
-body {
+header {
+  padding: var(--s4) calc(var(--s4) * 2);
+  border-bottom: var(--border-width) solid var(--f1-border);
   display: flex;
-  flex-direction: column;
+  align-items: center;
+  gap: var(--s4);
+  flex-shrink: 0;
 }
 
 #app {
@@ -17,219 +21,8 @@ body {
   overflow: hidden;
 }
 
-/* ── Nav ── */
-
-#nav {
-  padding: var(--s3) calc(var(--s4) * 1.5);
-  border-bottom: var(--border-width) solid var(--f2-border);
-  display: flex;
-  align-items: center;
-  gap: calc(var(--s4) * 2);
-  flex-shrink: 0;
-}
-
-.nav-links {
-  display: flex;
-  gap: var(--s4);
-}
-
-.nav-link {
-  text-decoration: none;
-  padding: var(--s1) var(--s2);
-  color: var(--text);
-}
-
-.nav-link:hover { color: var(--text); }
-.nav-link.active { color: var(--text); border-bottom: 2px solid var(--primary); }
-
-/* ── Dashboard ── */
-
-.dashboard {
-  padding: calc(var(--s4) * 2);
-  overflow-y: auto;
-}
-
-.dashboard section {
-  margin-bottom: calc(var(--s4) * 2);
-}
-
-.section-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin-bottom: var(--s4);
-}
-
-.card-grid {
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
-  gap: var(--s4);
-}
-
-.card {
-  background: var(--f3-bg);
-  border: var(--border-width) solid var(--f3-border);
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-}
-
-.card.clickable { cursor: pointer; }
-.card.clickable:hover { border-color: var(--primary); }
-
-.card-image {
-  aspect-ratio: 1;
-  background: var(--f2-bg);
-  overflow: hidden;
-}
-
-.card-image img {
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-}
-
-.card-body {
-  padding: var(--s3);
-  display: flex;
-  flex-direction: column;
-  gap: var(--s1);
-}
-
-.card-title-row {
-  display: flex;
-  align-items: center;
-  gap: var(--s2);
-}
-
-.card-title {
-  font-weight: bold;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.card-desc {
-  display: -webkit-box;
-  overflow: hidden;
-}
-
-.badge {
-  padding: var(--s1) var(--s2);
-  background: var(--f1-bg);
-  border: var(--border-width) solid var(--f2-border);
-  white-space: nowrap;
-  flex-shrink: 0;
-}
-
-.card.placeholder {
-  border-style: dashed;
-  align-items: center;
-  justify-content: center;
-}
-
-/* ── Session Page ── */
-
-.session-page {
-  display: flex;
-  flex-direction: column;
-}
-
-.session-header {
-  padding: var(--s3) calc(var(--s4) * 1.5);
-  border-bottom: var(--border-width) solid var(--f1-border);
-  display: flex;
-  align-items: center;
-  gap: var(--s4);
-  flex-shrink: 0;
-}
-
 .back-btn {
   background: none;
   border: none;
   padding: var(--s1) var(--s2);
 }
-
-.editable-title {
-  cursor: pointer;
-}
-
-.editable-title:hover {
-  text-decoration: underline;
-  text-decoration-style: dotted;
-}
-
-/* ── Placeholder Pages ── */
-
-.placeholder-page {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: var(--s4);
-}
-
-.placeholder-icon {
-  font-size: 4em;
-}
-
-/* ── Agent Form ── */
-
-.agent-form {
-  padding: calc(var(--s4) * 2);
-  overflow-y: auto;
-  display: flex;
-  flex-direction: column;
-  gap: var(--s3);
-  max-width: 600px;
-}
-
-.agent-form label {
-  font-weight: bold;
-}
-
-.agent-form textarea {
-  resize: vertical;
-}
-
-.agent-avatar-section {
-  display: flex;
-  align-items: center;
-  gap: var(--s4);
-}
-
-.agent-avatar-preview {
-  width: 64px;
-  height: 64px;
-  background: var(--f2-bg);
-  border: var(--border-width) solid var(--f2-border);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 2em;
-  overflow: hidden;
-  flex-shrink: 0;
-}
-
-.agent-avatar-preview img {
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-}
-
-.agent-form-actions {
-  display: flex;
-  gap: var(--s4);
-  margin-top: var(--s4);
-}
-
-.danger-btn {
-  color: #ff6b6b;
-  border-color: #ff6b6b;
-}
-
-.danger-btn:hover {
-  background: #ff6b6b;
-  color: var(--f1-bg);
-}
diff --git a/wwwroot/css/nav.css b/wwwroot/css/nav.css
new file mode 100644
index 0000000..b9d32ca
--- /dev/null
+++ b/wwwroot/css/nav.css
@@ -0,0 +1,28 @@
+#nav {
+  padding: var(--s3) calc(var(--s4) * 1.5);
+  border-bottom: var(--border-width) solid var(--f2-border);
+  display: flex;
+  align-items: center;
+  gap: calc(var(--s4) * 2);
+  flex-shrink: 0;
+}
+
+.nav-links {
+  display: flex;
+  gap: var(--s4);
+}
+
+.nav-link {
+  text-decoration: none;
+  padding: var(--s1) var(--s2);
+  color: var(--text);
+}
+
+.nav-link:hover {
+  color: var(--text);
+}
+
+.nav-link.active {
+  color: var(--text);
+  border-bottom: 2px solid var(--primary);
+}
diff --git a/wwwroot/css/placeholder.css b/wwwroot/css/placeholder.css
new file mode 100644
index 0000000..a0eb164
--- /dev/null
+++ b/wwwroot/css/placeholder.css
@@ -0,0 +1,12 @@
+.placeholder-content {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: var(--s4);
+}
+
+.placeholder-icon {
+  font-size: 4em;
+}
diff --git a/wwwroot/css/prototype.css b/wwwroot/css/prototype.css
deleted file mode 100644
index e876234..0000000
--- a/wwwroot/css/prototype.css
+++ /dev/null
@@ -1,57 +0,0 @@
-body {
-  display: flex;
-}
-
-main {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  min-width: 0;
-}
-
-/* ── Sidebar ── */
-
-#sidebar {
-  width: 260px;
-  background: var(--f1-bg);
-  border-right: var(--border-width) solid var(--f1-border);
-  display: flex;
-  flex-direction: column;
-  flex-shrink: 0;
-  overflow: hidden;
-}
-
-.sidebar-header {
-  padding: var(--s4);
-  border-bottom: var(--border-width) solid var(--f1-border);
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-
-#sessionList {
-  flex: 1;
-  overflow-y: auto;
-}
-
-.session-item {
-  padding: var(--s4);
-  cursor: pointer;
-  display: flex;
-  flex-direction: column;
-  border-left: 3px solid transparent;
-}
-
-.session-item:hover { background: var(--f3-bg); }
-
-.session-item.active {
-  background: var(--f3-bg);
-  border-left-color: var(--primary);
-}
-
-.session-name {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  border: var(--border-width) solid transparent;
-}
diff --git a/wwwroot/index.html b/wwwroot/index.html
index 8aab245..8dfbef8 100644
--- a/wwwroot/index.html
+++ b/wwwroot/index.html
@@ -7,6 +7,11 @@
   <link rel="stylesheet" href="css/theme.css">
   <link rel="stylesheet" href="css/base.css">
   <link rel="stylesheet" href="css/main.css">
+  <link rel="stylesheet" href="css/nav.css">
+  <link rel="stylesheet" href="css/form.css">
+  <link rel="stylesheet" href="css/dashboard.css">
+  <link rel="stylesheet" href="css/chat.css">
+  <link rel="stylesheet" href="css/placeholder.css">
 </head>
 <body>
 
@@ -35,27 +40,21 @@
       <div class="section-header">
         <h2>Agents</h2>
       </div>
-      <div class="card-grid" id="agentCards">
-        <div class="card placeholder">
-          <div class="card-icon">🤖</div>
-          <div class="card-title">Kommt bald</div>
-          <div class="card-sub">Agents werden hier aufgelistet</div>
-        </div>
-      </div>
+      <div class="card-grid" id="agentCards"></div>
     </section>
   </div>
 </template>
 
 <template id="tpl-session">
-  <div class="page session-edit-page">
-    <header class="session-header">
+  <div class="page form-page">
+    <header>
       <button class="back-btn" data-page="dashboard">←</button>
-      <h1 id="sessionPageTitle">Session</h1>
-      <button id="openChatBtn" hidden>Chat öffnen</button>
+      <h1 id="sessionPageTitle">Neue Session</h1>
+      <button id="openChatBtn" disabled>Chat öffnen</button>
     </header>
-    <div class="agent-form">
-      <div class="agent-avatar-section">
-        <div class="agent-avatar-preview" id="sessionImagePreview">?</div>
+    <div class="form">
+      <div class="avatar-section">
+        <div class="avatar-preview" id="sessionImagePreview">?</div>
         <input type="file" id="sessionImageInput" accept="image/*" hidden>
         <button id="sessionImageBtn">Bild ändern</button>
         <button id="sessionImageClearBtn">Entfernen</button>
@@ -70,7 +69,7 @@
       <textarea id="sessionContext" rows="4" placeholder="Zusätzlicher Kontext für den System-Prompt (optional)"></textarea>
       <label>Workspace</label>
       <input type="text" id="sessionWorkspace" placeholder="Absoluter Pfad zum Arbeitsverzeichnis (optional)">
-      <div class="agent-form-actions">
+      <div class="form-actions">
         <button id="sessionSaveBtn">Speichern</button>
         <button id="sessionCancelBtn">Abbrechen</button>
         <button id="sessionDeleteBtn" class="danger-btn" hidden>Löschen</button>
@@ -79,31 +78,15 @@
   </div>
 </template>
 
-<template id="tpl-chat">
-  <div class="page session-page">
-    <header class="session-header">
-      <button class="back-btn" id="chatBackBtn">←</button>
-      <h1 id="sessionTitle">Session</h1>
-      <button class="header-btn" id="archiveBtn">Archivieren</button>
-    </header>
-    <div class="meta-bar" id="meta"></div>
-    <div id="chat"></div>
-    <div class="input-area">
-      <textarea id="input" placeholder="Nachricht eingeben... (Ctrl+Enter)" rows="2"></textarea>
-      <button id="send">Senden</button>
-    </div>
-  </div>
-</template>
-
 <template id="tpl-agent">
-  <div class="page agent-page">
-    <header class="session-header">
+  <div class="page form-page">
+    <header>
       <button class="back-btn" data-page="dashboard">←</button>
       <h1 id="agentPageTitle">Neuer Agent</h1>
     </header>
-    <div class="agent-form">
-      <div class="agent-avatar-section">
-        <div class="agent-avatar-preview" id="avatarPreview">?</div>
+    <div class="form">
+      <div class="avatar-section">
+        <div class="avatar-preview" id="avatarPreview">?</div>
         <input type="file" id="avatarInput" accept="image/*" hidden>
         <button id="avatarBtn">Avatar ändern</button>
         <button id="avatarClearBtn">Entfernen</button>
@@ -121,7 +104,7 @@
       <textarea id="agentPersona" rows="6" placeholder="Persönlichkeit / Seele des Agents"></textarea>
       <label>Instructions</label>
       <textarea id="agentInstructions" rows="6" placeholder="Technische Anweisungen"></textarea>
-      <div class="agent-form-actions">
+      <div class="form-actions">
         <button id="agentSaveBtn">Speichern</button>
         <button id="agentCancelBtn">Abbrechen</button>
         <button id="agentDeleteBtn" class="danger-btn" hidden>Löschen</button>
@@ -130,13 +113,29 @@
   </div>
 </template>
 
+<template id="tpl-chat">
+  <div class="page chat-page">
+    <header>
+      <button class="back-btn" id="chatBackBtn">←</button>
+      <h1 id="sessionTitle">-</h1>
+      <button class="header-btn" id="archiveBtn">Archivieren</button>
+    </header>
+    <div class="meta-bar" id="meta"></div>
+    <div id="chat"></div>
+    <div class="input-area">
+      <textarea id="input" placeholder="Nachricht eingeben... (Ctrl+Enter)" rows="2"></textarea>
+      <button id="send">Senden</button>
+    </div>
+  </div>
+</template>
+
 <template id="tpl-settings">
   <div class="page settings-page">
-    <header class="session-header">
+    <header>
       <button class="back-btn" data-page="dashboard">←</button>
       <h1>Einstellungen</h1>
     </header>
-    <div class="placeholder-page">
+    <div class="placeholder-content">
       <div class="placeholder-icon">⚙️</div>
       <h2>Einstellungen</h2>
       <p>Hier können diverse Einstellungen getroffen werden.</p>
diff --git a/wwwroot/js/pages/session-page.js b/wwwroot/js/pages/session-page.js
index 7547d40..eb07921 100644
--- a/wwwroot/js/pages/session-page.js
+++ b/wwwroot/js/pages/session-page.js
@@ -38,7 +38,7 @@ registerPage('session', {
       workspaceEl.value = session.workspace || '';
       _sessionImageData = session.image || null;
       deleteBtn.hidden = false;
-      openChatBtn.hidden = false;
+      openChatBtn.disabled = false;
 
       if (session.image) {
         imagePreview.innerHTML = `<img src="${session.image}" alt="">`;
@@ -46,7 +46,7 @@ registerPage('session', {
     } else {
       titleEl.textContent = 'Neue Session';
       deleteBtn.hidden = true;
-      openChatBtn.hidden = true;
+      openChatBtn.disabled = true;
     }
 
     // Agents laden
diff --git a/wwwroot/prototype.html b/wwwroot/prototype.html
deleted file mode 100644
index 7cb8a6c..0000000
--- a/wwwroot/prototype.html
+++ /dev/null
@@ -1,127 +0,0 @@
-<!DOCTYPE html>
-<html lang="de">
-<head>
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <title>Gott - Debug Console</title>
-  <link rel="stylesheet" href="css/theme.css">
-  <link rel="stylesheet" href="css/base.css">
-  <link rel="stylesheet" href="css/prototype.css">
-</head>
-<body>
-
-<aside id="sidebar">
-  <div class="sidebar-header">
-    <h2>Sessions</h2>
-    <button id="newSessionBtn" title="Neue Session">+</button>
-  </div>
-  <div id="sessionList"></div>
-</aside>
-
-<main>
-  <header>
-    <h1>// gott</h1>
-    <select id="model">
-      <option value="sonnet">Sonnet 4.6</option>
-      <option value="opus">Opus 4.6</option>
-    </select>
-    <button class="clear-btn" id="clearBtn">Archivieren</button>
-    <div class="toggle">
-      <input type="checkbox" id="showSystem">
-      <label for="showSystem">System Prompt</label>
-    </div>
-  </header>
-
-  <textarea id="systemPrompt" placeholder="System Prompt (SOUL.md Inhalt etc.)"></textarea>
-  <div class="meta-bar" id="meta"></div>
-  <div id="chat"></div>
-
-  <div class="input-area">
-    <textarea id="input" placeholder="Nachricht eingeben... (Ctrl+Enter)" rows="2"></textarea>
-    <button id="send">Senden</button>
-  </div>
-</main>
-
-<script src="js/ui.js"></script>
-<script src="js/api.js"></script>
-<script src="js/session.js"></script>
-<script src="js/chat.js"></script>
-<script src="js/history.js"></script>
-<script>
-document.addEventListener('DOMContentLoaded', async () => {
-  // Session aus localStorage oder neue erstellen
-  const stored = localStorage.getItem('sessionId');
-  if (stored) {
-    currentSessionId = stored;
-  } else {
-    const session = await apiCreateSession();
-    currentSessionId = session.sessionId;
-    localStorage.setItem('sessionId', currentSessionId);
-  }
-
-  $('#showSystem').addEventListener('change', () => {
-    $('#systemPrompt').classList.toggle('visible', $('#showSystem').checked);
-  });
-
-  $('#send').addEventListener('click', sendMessage);
-  $('#clearBtn').addEventListener('click', clearChat);
-  $('#newSessionBtn').addEventListener('click', async () => {
-    const session = await apiCreateSession();
-    currentSessionId = session.sessionId;
-    localStorage.setItem('sessionId', currentSessionId);
-    messages.length = 0;
-    chatEl().innerHTML = '';
-    lastKnownMessageId = 0;
-    loadedArchiveCount = 0;
-    setMeta('');
-    await refreshSessionList();
-    await loadHistory();
-  });
-
-  $('#input').addEventListener('keydown', (e) => {
-    if (e.ctrlKey && e.key === 'Enter') sendMessage();
-  });
-
-  $('#input').addEventListener('input', function () {
-    this.style.height = 'auto';
-    this.style.height = Math.min(this.scrollHeight, 150) + 'px';
-  });
-
-  await refreshSessionList();
-  await loadHistory();
-});
-
-async function refreshSessionList() {
-  const sessions = await apiGetSessions();
-  const list = $('#sessionList');
-  list.innerHTML = '';
-  for (const s of sessions) {
-    const div = document.createElement('div');
-    div.className = 'session-item' + (s.sessionId === currentSessionId ? ' active' : '');
-    const name = document.createElement('span');
-    name.className = 'session-name';
-    name.textContent = s.name || 'Unbenannt';
-    const date = document.createElement('span');
-    date.className = 'session-date';
-    date.textContent = new Date(s.updatedAt).toLocaleString('de-AT', {
-      day: '2-digit', month: '2-digit', hour: '2-digit', minute: '2-digit'
-    });
-    div.appendChild(name);
-    div.appendChild(date);
-    div.addEventListener('click', async () => {
-      currentSessionId = s.sessionId;
-      localStorage.setItem('sessionId', currentSessionId);
-      messages.length = 0;
-      chatEl().innerHTML = '';
-      lastKnownMessageId = 0;
-      loadedArchiveCount = 0;
-      setMeta('');
-      await refreshSessionList();
-      await loadHistory();
-    });
-    list.appendChild(div);
-  }
-}
-</script>
-</body>
-</html>