fix: various small fixes (TODO, CSS z-index, telegram status styling, settings prompt)

TODO.md

@@ -10,7 +10,7 @@
 - [ ] Neuer Message-Tag: `[canvas:<title>:<height (optional)>]...[/canvas]`
 - [x] Websearch Tool
 - [x] Anfrage/Stream abbrechen
-- [ ] Telegram-Intergration
+- [x] Telegram-Intergration
 - [x] Refactoring: Agent/Session-Einstellungen, die den System-Prompt bzw. das Tool Use bearbeiten
 - [ ] Cronjobs: Planung, ob cron von Debian/Linux verwendet werden soll, oder ein eigener Worker/Service in der App selbst, der das übernimmt
 - [x] Weiteres Modell hinzufügen: "Haiku 4.5"

wwwroot/css/chat.css

@@ -290,6 +290,7 @@
   background: var(--f2-bg);
   border: var(--border-width) solid var(--f2-border);
   border-radius: var(--border-radius);
+  z-index: 1;
 }
 
 .msg-reply-btn {

wwwroot/css/dashboard.css

@@ -379,22 +379,18 @@
 
 .telegram-status-box {
   margin: 0 0 var(--box-spacing) 0;
-  border: var(--border-width) solid var(--f1-border);
+  background: var(--f3-bg);
+  border: var(--border-width) solid var(--f3-border);
   border-radius: var(--border-radius);
-  overflow: hidden;
+  padding: var(--box-padding);
+  display: flex;
+  flex-direction: column;
+  gap: var(--badge-spacing);
 }
 
 .tg-status-row {
   display: flex;
-  align-items: baseline;
+  gap: var(--badge-spacing);
-  gap: var(--box-spacing);
-  padding: calc(var(--box-padding) * 0.6) var(--box-padding);
-  border-bottom: var(--border-width) solid var(--f1-border);
-  font-size: var(--font-size);
-}
-
-.tg-status-row:last-child {
-  border-bottom: none;
 }
 
 .tg-status-row.tg-error {
@@ -402,34 +398,25 @@
 }
 
 .tg-label {
-  flex-shrink: 0;
+  flex: 1;
-  width: 160px;
+  overflow: hidden;
-  color: var(--text-muted, var(--semi-transparent));
+  text-overflow: ellipsis;
-  opacity: var(--semi-transparent);
+  white-space: nowrap;
-  font-size: calc(var(--font-size) * 0.9);
 }
 
 .tg-value {
-  flex: 1;
+  flex: 3;
-  word-break: break-all;
+  overflow: hidden;
-  font-family: var(--font-mono, monospace);
+  text-overflow: ellipsis;
-  font-size: calc(var(--font-size) * 0.9);
+  white-space: nowrap;
-}
-
-.tg-badge {
-  display: inline-block;
-  padding: 2px 8px;
-  border-radius: 99px;
-  font-family: var(--font-sans, sans-serif);
-  font-size: calc(var(--font-size) * 0.85);
 }
 
 .tg-badge-ok {
-  background: color-mix(in srgb, var(--success, #22c55e) 15%, transparent);
+  background: color-mix(in srgb, var(--success) 15%, transparent);
-  color: var(--success, #22c55e);
+  color: var(--success);
 }
 
 .tg-badge-off {
-  background: color-mix(in srgb, var(--warning, #f59e0b) 15%, transparent);
+  background: color-mix(in srgb, var(--warning) 15%, transparent);
-  color: var(--warning, #f59e0b);
+  color: var(--warning);
 }

wwwroot/js/pages/settings-page.js

@@ -144,7 +144,7 @@ registerPage('settings', {
 
         // Webhook registrieren
         registerBtn.addEventListener('click', async () => {
-          const baseUrl = prompt('Base-URL der App (z.B. https://deine-domain.de):', window.location.origin);
+          const baseUrl = prompt('Base-URL der App (z.B. ' + window.location.origin + '):', window.location.origin);
           if (!baseUrl) return;
           registerBtn.disabled = true;
           registerBtn.textContent = 'Wird registriert...';