NEWS: Neu im Admin, zentrale Verwaltung für Passwörter und Schlüssel

[Agrippinenser]

wie bekommt man die abgeschnittenen Untertitel im Frontend weg?

Frontend:

Editor:

[dering]

@Agrippinenser erstelle dazu Mal ein issue inkl Widget export

[lesiflo]

@dering sagte:

@Agrippinenser erstelle dazu Mal ein issue inkl Widget export

Das wäre gut. Aktuell muß man das Widget grösser ziehen um es passend zu bekommen. Schöner wäre es wenn sich der Zeilenabstand dem Widget anpasst.

[ple]

Junge Junge, da hast du aber was auf die Beine gestellt. Respekt.
Bin auch durch zufall drauf gekommen. Eigentlich sollte Grok-build mir eben was zusammenhacken mit REACT und so ne kram.
Da ich MCP gelesen hatte, habe ich direkt mal Grok-build drauf losgelassen. iobroker war eh schon angebunden per mcp, weil er mir schöne Scripte schreibt und das logging überprüft.
Nach so 3 Minuten war das Dashboard und 2 Räumen + Technik fertig. Die meisten States kommen aus dem KNX Bereich, das konnte er einfach mappen.
Was mir fehlt, da ich nicht mal einen runden Kreis zeichnen kann ;-), sind so Vorlagen, die man immer wiederverwenden kann und wenn man die Vorlage abändert, sich alle andere sich auch ändern. Sowas hatte mich immer gestört.
Gibt es schon eine Sammlung an Widgets, die man einfach importieren kann? Ich fang so ne Card beim Home Assistant recht cool, wo im Hintergrund ein Graph war von Temperatur z.b. und dann noch andere Werte wie Feuchte, CO2, Behaglichkeit usw.

Mal so als Idee, da ja immer das Problem ist mit mobil unterwegs und ich will auf die Vis drauf zugreifen.
Kennt schon wer Supabase? Ich nutze das für andere Sachen, aber es wäre ja schon cool, wenn man die States, die man in der Vis benutzt eventuell mit Supabase synchronisiert und über die Supabase adresse die Vis bedienen könnte, also grob gesagt ;-) Ich hatte auch mal die überlegung meine Agenten auf den SQL Adapter loszulassen um Supabase zu integrieren, dann bräuchte man keine Influx mehr. RLS und Sicherheit wäre auch relativ einfach anbindbar. Supabase hat auch einen MCP Server, macht es recht einfach für die KI.

Was ich die Tage noch mal testen will ist folgendes. Ich habe Grok-Bot, das ist eine VM in der Cloud. Man kann sich Bots anlegen, die dann irgendwas machen sollen.
Aktuell habe ich einen, der hat Netbird installiert und verbindet sich mit meiner VM wo der iobroker drauf läuft. Wenn ich den Bot (1 Agent) sage, gib mir alle Temperaturen aus dem Haus, dann holt er diese und gibt mir die im Chatfentster aus. Der Bot greift per MCP auf dem iobroker.
Ich mache mir jetzt einen 2ten Bot, der soll die Skills haben, die Visualisierung zu ändern, hat dann auch zugriff auf den MCP vom iobroker und Aura. Dann kann ich mit dem Bot chatten, was er ändern soll und ich kann meine Vis unterwegs bauen oder auch ändern, und das per Chat. Ist halt mein Mitarbeiter für VIS :-)
Nur mal so ein Gedanke für andere, die Grok Bot nicht kennen :-)
Ja, ich kenne auch Claude, habe aber zum proggen mit Grok-build bessere Ergebnisse erzielt und bei weit aus weniger Tokens.

[icebear]

Ich hab jetzt auch mal die Zeit gefunden und hab MCP bei mir eingerichtet und aktiviert.
Ich muß sagen, was ich beim ersten Test gesehen hab find ich schon beeindruckend, ich hab ähnlich wie @jojo58 Claude als erstes einen MCP-Test Tab anlegen lassen. Das ging ruckzuck, dann habe ich Claude gesagt er möge mir ein Widget für mein Nuki-Türschloss erstellen: Prompt > "Erstelle im MCP Tab ein Widget für mein NUKI Türschloss, verwende dafür die Datenpunkte aus der nuki-extended Instanz" und nach einigen Bestätigungen und ca 2,5 min später war schwupdiwup das Widget auf dem MCP-Test Tab erstellt.

@dering Respekt für deine Arbeit, wirklich grandiose Leistung und vielen Dank dafür.

[ple]

Wirklich spannend was man per MCP so machen kann.
Mal ein Beispiel, weil ich keine Einstellung dazu gefunden habe.
Ich wollte, dass neben den Menübutton das aktive Menü steht und nicht ein statischer Text.

Grok-Bot hat dann mal eben das hier gemacht. Der html Teil ist eigentlich über.

Naja, das war leider nicht alles, was er gemacht hatte. Er hat noch CustomCSS eingefügt, da man sonst den Titel nicht ausblenden kann, oder ich habe die Funktion nicht gefunden. Custom CSS und Javascript muss ich für den Bot noch sperren, es soll ja erstmal die Standard Einstellungen versuchen.

Vielleicht wäre die Funktion was für ein kommendes Update, dass man neben den Menüpunkt die aktive Sektion anzeigt, ohne auf einen Datenpunkt zu verweisen.

Habe mir noch einen weiteren Bot eingerichtet, der die VIS auf Unstimmigkeiten prüft. Verrückte neue Welt.

[flkontakt]

Hallo zusammen, ich hoffe es hat jemand einen Tipp für mich:

Ich möchte mir icons z.B. aus dem Adapter Pirate-Weather anzeigen lassen, habe hierfür das Widget Bild gewählt. Wenn ich den Datenpunkt eintrage, erhalte ich die Meldung Ladefehler, siehe auch Bilder. Die icons snd im Objektbau verfügbar, werden unter Dateien angezeigt, sind auch per direkter URL aufrufbar. Was kann/muss ich hier tun, um die Bilder angezeigt zu bekommen? Vielen Dank!

[dering]

@flkontakt Öffne im Frontend mal die Console (F12). Wird dort ein Fehler angezeigt?

[flkontakt]

@dering sagte:

@flkontakt Öffne im Frontend mal die Console (F12). Wird dort ein Fehler angezeigt?

Hier der Screenshot, hatte es bereits hier https://github.com/hdering/ioBroker.aura/issues/519 angefragt, bin da aber leider auch nicht weitergekommen

[JoJo58]

@flkontakt Moin,

kurze Frage, läuft dein IoBroker auf "Redis" oder auf "JSONL"?

Gruß, Johannes

[flkontakt]

@JoJo58 vielen Dank für deine Rückfrage, laut Konsole Objects und States auf jsonl

[icebear]

@flkontakt

Also auch wenns dir nicht wirklich weiterhilft, aber bei mir funktioniert das einwandfrei.

zeig mal was in deinem DP steht.

[flkontakt]

@icebear

[acteck77]

Hallo zusammen,
kommen von Lovelace und bin total begeistert von Aura. Experimentiere herum und habe bisher keine Fehler gefunden. Hier eine kleine Anregung:
Wenn man eine statische Liste macht und einen Datenpunkt anfügt, dann wäre es schön, wenn dieser neue Datenpunkt ausgewählt ist. Sonst fängt man an zu customizen und merkt nicht, dass man einen bereits vorhandenen DP bearbeitet. Ich teste weiter. Danke!!!

[lesiflo]

@acteck77 sagte:

Hallo zusammen,
kommen von Lovelace und bin total begeistert von Aura. Experimentiere herum und habe bisher keine Fehler gefunden. Hier eine kleine Anregung:
Wenn man eine statische Liste macht und einen Datenpunkt anfügt, dann wäre es schön, wenn dieser neue Datenpunkt ausgewählt ist. Sonst fängt man an zu customizen und merkt nicht, dass man einen bereits vorhandenen DP bearbeitet. Ich teste weiter. Danke!!!

Neue Datenpunkte werden doch immer ans Ende der Liste gehängt.

[JoJo58]

@flkontakt sagte:

@JoJo58 vielen Dank für deine Rückfrage, laut Konsole Objects und States auf jsonl

Dann kann es nicht an Redis liegen.

Habe auf meinem Testserver jetzt auch mal Piraten Wetter installiert und auch bei mir wird das Icon sofort angezeigt.

Da bin ich also auch ratlos.

Hast du mal einen anderen Browser ausprobiert?

Wird denn ein anderes Icon angezeigt, beispielsweise vom Datenpunkt:

pirate-weather.0.weather.currently.iconUrl

Gruß, Johannes

[Skippy07]

Wo ist der Unterschied zwischen Jalousie / Raffstore und Rollladen / Markise?
Ich sehe keine Unterschiede im Bearbeiten Menü.

[dering]

@flkontakt — dein Screenshot aus dem Issue hat den entscheidenden Hinweis, ich hatte ihn nur bisher überlesen:

:8095/webfs/adapter/…ly-cloudy-day.svg 404 (Not Found)

Aura hat den Datenpunktwert /adapter/pirate-weather/icons/icebear/cloudy.svg korrekt umgeschrieben und holt ihn über seinen eigenen Server (8095) ab. Der 404 kommt aus der Weiterleitung dahinter.

Hintergrund: Solche /adapter/...-Pfade liegen nicht auf Auras Server, sondern werden vom ioBroker web-Adapter ausgeliefert (der löst /adapter/pirate-weather/… auf die Dateiablage pirate-weather.admin/… auf — genau dort liegt dein Icon). Aura reicht diese Anfragen deshalb an die Instanz durch, die in den Aura-Instanzeinstellungen unter „ioBroker Socket-Port" eingetragen ist (Standard 8082).

Und da passt bei dir etwas nicht zusammen: Dein Bild ist laut deinem eigenen Screenshot unter 192.168.178.20:8089 erreichbar — deine web-Instanz läuft also auf 8089. Ein 404 (und nicht „Verbindung abgelehnt") heißt außerdem: Auf dem eingetragenen Port antwortet zwar jemand, der liefert aber keine Adapter-Dateien aus. Das ist typisch für eine socketio-Instanz — die Socket-Verbindung läuft damit einwandfrei (dein Dashboard funktioniert ja komplett), nur Dateien kennt sie nicht.

Bitte prüf mal diese drei Dinge:

1. Aura-Instanzeinstellungen → „ioBroker Socket-Port": Steht da 8082, deine web-Instanz läuft aber auf 8089? Dann auf 8089 stellen und Aura neu starten.
2. Aura-Log direkt nach dem Start, die Zeile:
   aura: socket.io backend http://<host>:<port> (via system.adapter.XXX.0, …)
   Steht dort socketio.0 statt web.0, ist das die Ursache.
3. Gegenprobe im Browser:
   http://192.168.178.20:8095/webfs/adapter/pirate-weather/icons/icebear/cloudy.svg
   → 404, während http://192.168.178.20:8089/adapter/pirate-weather/icons/icebear/cloudy.svg das Bild zeigt? Dann ist es bestätigt.

Unabhängig davon baue ich das gerade so um, dass Aura Adapter-Dateien direkt aus der ioBroker-Dateiablage liest, statt sie über den web-Adapter zu holen. Dann ist es egal, welcher Port dort eingetragen ist und ob dahinter web oder socketio sitzt — kommt mit dem nächsten Release.

[dering]

@Skippy07 du hast Recht. Beide haben den gleichen Widget-Typen Rolladen. Ich korrigiere das.

[dering]

Hallo zusammen,

seit dem letzten Update-Post Anfang September ist wieder einiges zusammengekommen – von 0.52 auf 0.64. Die wichtigsten Punkte:

↩️ Rückgängig / Wiederherstellen im Editor
Der Editor kennt jetzt eine echte Historie: jeder Schritt einzeln zurück mit Strg+Z / Strg+Y oder den Pfeilen in der Speicherleiste, auch nach dem Speichern. „Verwerfen" nimmt alle ungespeicherten Änderungen zurück und ist selbst wieder rückgängig zu machen. Das Historien-Menü listet alle Schritte der Sitzung beim Namen, dazu die gespeicherten Stände aus den Auto-Backups – ein Klick stellt einen davon wieder her (mit Sicherheits-Backup vorher). Die Historie übersteht auch einen Reload des Admins. Dazu aufgeräumt: ungespeicherte Änderungen werden beim Reload nicht mehr heimlich gespeichert, und ein Frontend-Tab im selben Browser zeigt nicht mehr live mit, was man im Admin gerade schiebt.

🎨 Eigene Themes
„Theme folgt dem Browser" lässt sich jetzt getrennt einstellen: hell und dunkel jeweils mit eigenem Preset und eigenen CSS-Variablen. Eigene Themes können gespeichert, umbenannt, dupliziert, exportiert und importiert werden und stehen überall zur Auswahl, wo ein Theme gewählt wird. Navigation und Header stehen oben in der Farbliste, die Navigations-Icons haben eigene Farben (aktiv/inaktiv), die Navigation kann einen Schatten werfen – und die Design-Seite öffnet auf der Helligkeit, die gerade auf dem Schirm ist.

🧭 Navigation und Menü
Header, Tab-Leiste und Bereichs-Menü nehmen jetzt Listen statt einzelner Slots: beliebig viele Uhren, Datenpunkte und Texte, links neben dem Titel oder rechts. Ein Menü-Element kann außerdem jedes beliebige Widget sein – als Verweis auf ein vorhandenes oder als eigene Instanz, inklusive Bedingungen, Badges und Klick-Aktionen. Die Fußleiste markiert den aktiven Tab mit einer Linie über dem Icon, die Menü-Position „Gleichmäßig" verteilt die Einträge über die volle Breite. Das Menü-Widget hat einen neuen Modus „Übersicht": alle Bereiche eines Layouts mit ihren Tabs als klickbare Chips, optional mit Suchfeld. Und die Admin-Seite „Layouts" ist als Master-Detail neu gebaut – Baum links, Details rechts, mit Standard-Bereich, Standard-Tab, Sichtbarkeit und Drag-Sortierung.

🔒 PIN-Schutz jetzt wirklich serverseitig
Der PIN-Schutz aus dem letzten Post war Browser-Sache – das ist er nicht mehr. PIN und geschützte Widgets bleiben im Adapter und kommen erst nach geprüftem Code in den Browser (scrypt-Hash plus Bremse gegen Durchprobieren), das hält also auch gegen die Dev-Tools. Der Admin-Login wird ebenfalls serverseitig geprüft. Wichtig: das Admin-Passwort muss nach dem Update einmal neu gesetzt werden. Pro Bereich/Tab gibt es einen Schalter „Per MCP bearbeitbar", der eine geschützte Ansicht für die KI freigibt, ohne die PIN preiszugeben.

⚡ Energie
Das evcc-Widget heißt jetzt „Energiefluss" und kann weit mehr als evcc: die Datenquelle ist eine Liste der tatsächlich installierten Energie-Instanzen (evcc, SMA, Fronius, E3/DC, Kostal, SENEC, sonnen, Victron, Shelly …) oder „manuell". Auswahl genügt, die Datenpunkte werden gesucht und eingetragen. Mit eigenen Datenpunkten für Erzeugung, Hausverbrauch, Netz, Batterie und Wallbox zeichnet das Widget jede PV-Anlage auch ganz ohne evcc; kW wird aus der Einheit des Datenpunkts umgerechnet.
Der Füllstand hat verschiebbare Grenzlinien bekommen – beliebig viele, jede aus ihrem eigenen Datenpunkt, direkt im Dashboard ziehbar und sofort zurückgeschrieben (Ladeschluss, Entladeschluss, Schwellen). Die Abschnitte zwischen zwei Grenzen haben eigene Farbe und eigenes Icon, dazu ein neues Layout „Balken" und optionale Datenpunkte für Laden und Verbindung (Blitz, Blink-/Knight-Rider-Effekt, ausgegraut bei Verbindungsverlust).

🆕 Neue Widgets
Countdown: Restzeit als hh:mm:ss mit Start/Pause/Stop, ±-Tasten und Vorgabe-Chips. Die Uhr läuft im Adapter, schaltet am Anfang und am Ende einen Datenpunkt und ist über ihren cmd-State skriptbar – oder sie zeigt einfach eine fremde Restzeit an (z. B. mytime).
Klimaanlage: Daikin (daikin-cloud) ist als Hersteller wählbar und füllt alle Datenpunkte aus einem Gerät; Sollwert, Lüfterstufe und Lamellen folgen dem Betriebsmodus, Lamellenpositionen, Powerful-Taste und Raumfeuchte sind dabei.

🧩 Quer durch die Widgets
Jedes Widget kann eingeklappt starten – die Karte schrumpft auf eine Zeile mit Icon und Titel, ein Tipp klappt sie auf, die Widgets darunter rücken nach. Dazu: Vollbild-Knopf pro Widget (Diagramm oder Liste füllt den Schirm), Textumbruch über bis zu 4 Zeilen statt Abschneiden, Suchfeld im „Neues Widget"-Dialog, Rechtsklick-Menü im Editor mit „Aussehen kopieren/einfügen", gesperrte Bedienelemente beim Designen (der Klick nimmt die Karte auf, statt das echte Gerät zu schalten).
Checkbox statt Schiebeschalter – wahlweise beim Schalter, Dimmer, in Listenzeilen, in Zellen des Universal-Widgets und am Gruppen-Hauptschalter. Das Auswahlfeld kann eine Rückfrage vor dem Schreiben stellen und bekommt einstellbare Größe und feste Breite. Der Schieberegler kann eine Skala mit den Stufenwerten zeigen. Das Eingabefeld hat eine Einheit neben dem Feld. In der zweiten Zeile einer Liste lässt sich statt des Werts anzeigen, wann er sich zuletzt geändert hat. {{parent2}}, {{parent3}} … greifen weiter oben im Objektbaum (z. B. auf den HomeMatic-Wartungskanal). Bedingungen: UND/ODER pro Zeile statt für die ganze Regel, Klammern, eine Vorschauzeile im Klartext – und die Regeln lassen sich nachträglich per Griff sortieren.
Der Datenpunkt-Wähler zeigt auf Wunsch den ioBroker-Objektbaum statt der flachen Liste.

🖼️ iFrame und HTML
Die eingebettete Seite lässt sich zoomen: eine Stufe für alle Geräte im Editor, dazu optionale Knöpfe am Widget, deren Stufe pro Gerät gemerkt wird; wo der Inhalt gesperrt ist, zoomen zwei Finger direkt. Der iframe folgt außerdem Auras Hell/Dunkel statt der Geräteeinstellung. Im HTML-Widget können eigene Knöpfe und Regler jetzt Datenpunkte schreiben: aura.setState / toggle / getState / subscribe / sendTo, mit fertigen Beispielen im Editor.

📊 Diagramme
Das erweiterte Diagramm folgt komplett dem Theme – Serienfarben, Achsenbeschriftung, Achsen- und Gitterlinien, Legende; helle Themes gewinnen am meisten, die Gitterlinien waren vorher fast schwarz. Neu außerdem: Start auf dem laufenden Kalendertag (00:00–24:00) statt des rollenden Zeitraums, eine mehrzeilige Legende verdeckt den Plot nicht mehr, und einige Fixes an den Rändern (doppelter erster Balken, zurückknickende Kurve am Ende).

📱 Handy, Tablet, Stabilität
Icons liefert jetzt Aura selbst statt der öffentlichen Iconify-Server – damit erscheinen sie auch in Samsung Internet, Opera, Fully Kiosk und auf Tablets ohne Internet. Der sichere Bereich des Schirms wird respektiert (Notch, Gestenleiste). Eine Neuzeichen-Schleife, die auf manchen Handys das Dashboard dutzendfach pro Sekunde neu gebaut hat, ist weg. Für Fehlerberichte gibt es ?diag=1: ein Bericht direkt auf dem Gerät – welche Icons, welches Bundle, was über die Leitung geht, welche Hintergrund-Tabs noch streamen. Und Node.js 26 ist getestet.

🤖 KI-Assistent (MCP)
Der Assistent aus dem letzten Post hat vor allem an Verlässlichkeit gewonnen: Höhen werden echt gemessen statt geschätzt (aura_measure rechnet mit Schriftskalierung und Innenabstand des Dashboards), aura_rendered misst auch einen Tab, den gerade niemand offen hat, aura_review prüft die gespeicherte Konfiguration gegen das Schema, aura_compact räumt Editor-Überlappungen weg, und mehrere Widgets lassen sich in einem geprüften Schreibvorgang ändern. Diagramm-Serien auf Datenpunkten ohne History werden gemeldet, statt still geschrieben zu werden. Die Theme-Palette wird mitgegeben, damit generierte Widgets var(--accent-green) benutzen statt eines festen Hex-Werts. Und für Claude Desktop gibt es einen fertigen Client-Block über mcp-remote.

… und noch ein paar Kleinigkeiten: Popups mit eigener Hintergrundfarbe und einstellbarem Innenabstand, Kalender-Custom-Layout über alle sichtbaren Termine (Endzeit, Zeitspanne, KW), „Auto-Rückkehr" mit Pause-Element und Steuerung per Datenpunkt, feste Geräte-IDs (?client=wohnzimmer-tablet), Hinweis auf eine neuere Adapter-Version im Admin und im Frontend, Referenzseite mit allen CSS-Klassen für eigenes CSS, Bilder aus dem ioBroker-Dateispeicher (z. B. Pirate-Weather-Icons) und ein „Backend prüfen"-Knopf, der im Klartext sagt, was an Web-Instanz, Socket oder Dateiauslieferung klemmt.

Installation und Doku: https://github.com/hdering/ioBroker.aura – Feedback und Issues wie immer sehr willkommen, der allergrößte Teil der obigen Liste kam genau von dort.