iobroker.statechart 0.0.0-stage → 0.1.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 IggePop
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,3 +1,560 @@
-# Temporary Holding Version
+![Logo](admin/statechart.png)
+# ioBroker.statechart
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+[![NPM version](https://img.shields.io/npm/v/iobroker.statechart.svg)](https://www.npmjs.com/package/iobroker.statechart)
+[![Downloads](https://img.shields.io/npm/dm/iobroker.statechart.svg)](https://www.npmjs.com/package/iobroker.statechart)
+![Number of Installations](https://iobroker.live/badges/statechart-installed.svg)
+![Current version in stable repository](https://iobroker.live/badges/statechart-stable.svg)
+
+[![NPM](https://nodei.co/npm/iobroker.statechart.png?downloads=true)](https://nodei.co/npm/iobroker.statechart/)
+
+**Tests:** ![Test and Release](https://github.com/IggePop/ioBroker.statechart/workflows/Test%20and%20Release/badge.svg)
+
+**[English](#english) | [Deutsch](#deutsch)**
+
+---
+
+<a id="english"></a>
+
+## State machine adapter for ioBroker
+
+Model your automations as **state machines** (statecharts) in a graphical editor, similar to the
+chart editors known from model based development. States, transitions with events, conditions and
+actions, timers and function blocks are drawn in the ioBroker admin and executed by the adapter.
+
+### Features
+
+- Graphical editor as its own entry in the admin side bar
+- States with `entry`, `during` and `exit` actions
+- Transitions with labels in the well-known syntax `event[condition]{action}`
+- Timers: `after(5, sec)`
+- Function blocks with your own JavaScript functions, usable in all conditions and actions
+- Inputs and outputs mapped to any ioBroker states
+- Live view: the active state is highlighted in the editor
+- Code editor with syntax highlighting, error checking (e.g. unknown variables) and completion
+- Several independent charts per instance
+- Import and export of charts as JSON files
+- Comments on states, transitions and function blocks, and notes on the canvas
+- Per input: wake up on every update or only on changes, filter by ack, debounce
+- Helper functions: setState, setStateDelayed, sendTo, isTimeBetween, isDaytime, astroTime
+- Undo/redo (Ctrl+Z, Ctrl+Y), copy/cut/paste of states and function blocks (Ctrl+C, Ctrl+X, Ctrl+V), also between charts, and a warning about unsaved changes
+- **Show code**: the JavaScript generated from the chart, showing exactly how the adapter executes it
+
+### Installation
+
+The adapter is not in the ioBroker repositories yet, but can be installed directly from GitHub:
+
+- **Admin:** tab **Adapters** → icon **Install from custom URL** (GitHub cat) → tab **Custom** →
+  URL `https://github.com/IggePop/ioBroker.statechart` → **Install**
+- **or on the console** of the ioBroker system:
+  ```bash
+  iobroker url https://github.com/IggePop/ioBroker.statechart
+  ```
+
+Then add an instance of **State Machine**. This installs the current development version, which may
+still change incompatibly.
+
+Requirements: Node.js 22 or newer, js-controller 6.0.11 or newer, admin 7.6.17 or newer.
+
+### Getting started
+
+1. Open **State Machine** in the admin side bar.
+2. Create a chart with **+** in the list on the left.
+3. Define the variables in the tab **Variables** on the right:
+   - **Input**: read from an ioBroker state, every change wakes up the chart
+   - **Output**: written to an ioBroker state when an action changes it
+   - **Local**: only exists inside the chart, with an initial value
+4. Add states with **Add state**. The state marked with the dot and arrow is the initial state
+   (can be changed in the properties of a state).
+5. Draw transitions by dragging from the border of a state to another state (or to itself).
+6. Select a state or transition (or double click it) to edit its actions or label on the right.
+7. Click **Save**. New charts are paused: start the chart with ▶ in the chart list. After saving, the adapter
+   restarts a running chart immediately.
+
+### Example: light with motion detector
+
+| Variable | Scope | State |
+|---|---|---|
+| `motion` | Input | e.g. `hm-rpc.0.ABC123.1.MOTION` |
+| `light` | Output | e.g. `hue.0.hallway.on` |
+
+| State | entry |
+|---|---|
+| Off (initial state) | `light = false;` |
+| On | `light = true;` |
+
+| Transition | Label |
+|---|---|
+| Off → On | `motion[motion == true]` |
+| On → Off | `after(2, min)[!motion]` |
+
+### Transition labels
+
+```
+event[condition]{action}
+```
+
+All parts are optional and may span several lines.
+
+| Part | Meaning | Example |
+|---|---|---|
+| `event` | Name of an input: the transition is only checked when this input changes | `motion` |
+| `after(n, unit)` | Instead of an event: valid from *n* units after entering the state on. Then a timer wakes up the chart, and the condition is checked again on every following wakeup. Units: `msec`, `sec`, `min` | `after(30, sec)` |
+| `[condition]` | JavaScript expression, the transition is only taken if it is true | `[temp > 21 && !window]` |
+| `{action}` | JavaScript, executed when the transition is taken | `{count++; light = true;}` |
+
+Without event, a transition is checked whenever any input changes. If a state has several outgoing
+transitions, they are checked in the order of their **priority** (shown at the arrow).
+
+### When inputs wake up the chart
+
+Every input has three settings in the tab **Variables**:
+
+| Setting | Values | Default |
+|---|---|---|
+| **Wake up on** | every update / value changes only | every update |
+| **Acknowledged (ack)** | any / confirmed values only (`ack=true`) / commands only (`ack=false`) | any |
+| **Debounce (ms)** | the chart wakes up only after the input had no update for this time, with its last value | 0 (off) |
+
+Updates filtered out by ack do not change the variable, so it e.g. only contains confirmed values.
+
+### Actions
+
+Actions and conditions are JavaScript. All variables of the chart can be used directly by their name,
+plus `Math`, `Date`, `JSON` etc. and `log("text")` to write to the ioBroker log.
+
+| Action | Executed |
+|---|---|
+| `entry` | when the state is entered |
+| `during` | on every wakeup of the chart while the state is active and none of its outgoing transitions is taken |
+| `exit` | when the state is left |
+
+### Nested states
+
+Drop a state into another state to make it a **sub state**, drag it out again to undo it. While dragging,
+the state it would be moved into is highlighted. Every level has its own initial state (dot with arrow).
+
+- Entering a super state also enters its initial sub state (or the sub state the transition points to).
+  Leaving it leaves the active sub state first.
+- On every wakeup, each active state is processed in this order, starting with the outermost one:
+  1. transitions leaving the state, 2. its `during` action, 3. its **inner transitions**, 4. its active sub state.
+  So the transitions of a super state have priority over those of its sub states.
+- A transition from a state to one of its own sub states is an **inner transition** (dot at its start):
+  the state stays active, only its active sub state is left, its own `entry`/`exit` are not executed.
+  With the option **Leave and enter the parent state again**, it is left and entered again instead.
+
+### Helper functions
+
+In conditions, actions and function blocks:
+
+| Function | Purpose |
+|---|---|
+| `log(message, level)` | writes to the ioBroker log, level `"debug"`, `"info"` (default), `"warn"` or `"error"` |
+| `setState(id, value, ack)` | writes any ioBroker state, `ack` is `false` by default |
+| `setStateDelayed(id, value, delayMs, ack)` | writes after a delay, cancelled when the chart stops |
+| `sendTo(instance, command, message)` | sends a message to an adapter, e.g. `sendTo("telegram.0", "send", { text: "Window open" })` |
+| `isTimeBetween("22:00", "06:00")` | true if the current time is in the range, also over midnight |
+| `isDaytime()` | true between sunrise and sunset |
+| `astroTime("sunset", offsetMinutes)` | time of an astro event today as `Date`: `sunrise`, `sunset`, `dawn`, `dusk`, `solarNoon`, ... |
+
+`isDaytime()` and `astroTime()` use the location of the ioBroker system settings. To read other states, add
+them as inputs: their variables are always up to date and wake up the chart. Time based functions do not wake up
+the chart by themselves, they are evaluated when it wakes up.
+
+### Function blocks
+
+**Add function** creates a block for your own JavaScript. It is executed once when the chart starts,
+all functions and constants declared in it can be used in every condition and action of the chart:
+
+```js
+const LIMIT = 22;
+
+function tooWarm(temp) {
+    return temp > LIMIT;
+}
+```
+
+Transition label: `[tooWarm(temperature)]{heating = false;}`
+
+### Comments and notes
+
+- **Comment:** states, transitions, function blocks and the chart itself have a field **Comment** in their properties.
+  A speech bubble on the canvas shows that there is a comment, the comment is shown as tooltip.
+- **Notes** (icon **Add note** in the toolbar) are free texts on the canvas, like sticky notes. Drop a note into a
+  state, so it moves together with it.
+
+Comments and notes have no influence on the execution. They are included in the generated code and in exported
+files, and changing them does not prevent restoring the state after a restart.
+
+### Import and export
+
+- **Export chart** (last icon in the toolbar of the editor) saves the chart as JSON file, including unsaved changes.
+- **Export all charts** (icon above the chart list) saves all saved charts in one file.
+- **Import charts** (icon above the chart list) adds the charts of such a file as new charts, existing charts are not
+  changed. The file is checked before (structure, IDs, references between states and transitions).
+
+Imported charts are **paused**: their variables may refer to states of another system. Check them in the tab
+**Variables**, then start the chart with the button in the chart list.
+
+### States created by the adapter
+
+For every chart, the adapter creates below `statechart.<instance>.charts.<chart>`:
+
+| State | Content |
+|---|---|
+| `activeState` | Name of the active state, nested states as `Parent.Child` |
+| `activeStateIds` | IDs of all active states as JSON |
+| `snapshot` | Stored state of the chart (active states, when they were entered, locals), see below |
+
+The chart itself is stored in the object `statechart.<instance>.charts.<chart>`.
+
+### Restart of the adapter
+
+After a restart of the adapter or of ioBroker, every chart continues in the states which were active
+before, with its local variables. The entry actions are not executed again, and timers continue with
+their remaining time. A timer which expired while the adapter was stopped is taken right after the start.
+
+The chart starts in its initial state instead if it was changed meanwhile (positions in the editor do not
+count), after saving it in the editor, after pausing it, and if the option **Restore the state after a
+restart** in the chart properties is switched off. Variables declared in function blocks are not restored.
+
+### Execution model and differences to other statechart tools
+
+- The adapter uses [XState](https://stately.ai/docs/xstate) to execute the charts.
+- Every change of an input wakes up the chart once. Transitions without event are checked on every wakeup.
+- `{action}` is executed while the transition is taken, i.e. after `exit` of the old and before `entry` of
+  the new state. A separate condition action and `/action` are not supported (yet).
+- Transitions are selected like in Stateflow (outer before inner, see above), XState only executes them.
+  Pure XState would check the transitions of sub states first.
+- Temporal logic is limited to `after(n, msec|sec|min)`, measured in real time.
+- Conditions and actions use JavaScript, not MATLAB/C syntax.
+
+### Limitations
+
+- Parallel states (AND), history junctions and connective junctions are not supported yet.
+- Deleting a super state also deletes its sub states.
+- Unsaved changes are lost when you select another chart.
+- Conditions and actions run in a separate JavaScript context with a time limit of 1 second, but this
+  is **no security sandbox**: everyone who may edit charts can execute any code in the adapter,
+  just like with the JavaScript adapter.
+
+---
+
+<a id="deutsch"></a>
+
+## Zustandsautomaten-Adapter für ioBroker
+
+Bilde deine Automatisierungen als **Zustandsautomaten** (Statecharts) in einem grafischen Editor ab,
+ähnlich den Chart-Editoren aus der modellbasierten Entwicklung. Zustände, Übergänge mit Events,
+Bedingungen und Aktionen, Timer und Funktionsblöcke werden im ioBroker-Admin gezeichnet und vom
+Adapter ausgeführt.
+
+### Funktionen
+
+- Grafischer Editor als eigener Eintrag in der Seitenleiste des Admins
+- Zustände mit `entry`-, `during`- und `exit`-Aktionen
+- Übergänge mit Beschriftungen in der bekannten Syntax `event[bedingung]{aktion}`
+- Timer: `after(5, sec)`
+- Funktionsblöcke mit eigenen JavaScript-Funktionen, nutzbar in allen Bedingungen und Aktionen
+- Eingänge und Ausgänge, die mit beliebigen ioBroker-Datenpunkten verbunden sind
+- Live-Ansicht: Der aktive Zustand wird im Editor hervorgehoben
+- Code-Editor mit Syntax-Hervorhebung, Fehlerprüfung (z.B. unbekannte Variablen) und Autovervollständigung
+- Mehrere unabhängige Charts pro Instanz
+- Import und Export von Charts als JSON-Dateien
+- Kommentare zu Zuständen, Übergängen und Funktionsblöcken sowie Notizen auf der Zeichenfläche
+- Pro Eingang: Aufwecken bei jeder Aktualisierung oder nur bei Änderung, Filter nach ack, Entprellen
+- Hilfsfunktionen: setState, setStateDelayed, sendTo, isTimeBetween, isDaytime, astroTime
+- Rückgängig/Wiederholen (Strg+Z, Strg+Y), Kopieren/Ausschneiden/Einfügen von Zuständen und Funktionsblöcken (Strg+C, Strg+X, Strg+V), auch zwischen Charts, und eine Warnung bei ungespeicherten Änderungen
+- **Code anzeigen**: das aus dem Chart generierte JavaScript, das genau zeigt, wie der Adapter es ausführt
+
+### Installation
+
+Der Adapter ist noch nicht in den ioBroker-Repositories, lässt sich aber direkt von GitHub installieren:
+
+- **Admin:** Reiter **Adapter** → Symbol **Aus eigener URL installieren** (GitHub-Katze) → Reiter
+  **Benutzerdefiniert** → URL `https://github.com/IggePop/ioBroker.statechart` → **Installieren**
+- **oder auf der Konsole** des ioBroker-Systems:
+  ```bash
+  iobroker url https://github.com/IggePop/ioBroker.statechart
+  ```
+
+Danach eine Instanz von **Zustandsmaschine** hinzufügen. Installiert wird der aktuelle
+Entwicklungsstand, der sich noch inkompatibel ändern kann.
+
+Voraussetzungen: Node.js 22 oder neuer, js-controller 6.0.11 oder neuer, Admin 7.6.17 oder neuer.
+
+### Erste Schritte
+
+1. In der Seitenleiste des Admins **Zustandsmaschine** öffnen.
+2. Links in der Liste mit **+** ein Chart anlegen.
+3. Rechts im Reiter **Variablen** die Variablen festlegen:
+   - **Eingang**: wird aus einem ioBroker-Datenpunkt gelesen, jede Änderung weckt das Chart auf
+   - **Ausgang**: wird in einen ioBroker-Datenpunkt geschrieben, wenn eine Aktion ihn ändert
+   - **Lokal**: gibt es nur im Chart, mit einem Startwert
+4. Mit **Zustand hinzufügen** Zustände anlegen. Der Zustand mit Punkt und Pfeil ist der Startzustand
+   (änderbar in den Eigenschaften eines Zustands).
+5. Übergänge zeichnen: vom Rand eines Zustands zu einem anderen Zustand (oder zu sich selbst) ziehen.
+6. Einen Zustand oder Übergang anklicken (oder doppelklicken), um rechts seine Aktionen bzw. seine
+   Beschriftung zu bearbeiten.
+7. **Speichern** klicken. Neue Charts sind angehalten: Starte das Chart mit ▶ in der Chart-Liste. Nach dem
+   Speichern startet der Adapter ein laufendes Chart sofort neu.
+
+### Beispiel: Licht mit Bewegungsmelder
+
+| Variable | Art | Datenpunkt |
+|---|---|---|
+| `motion` | Eingang | z.B. `hm-rpc.0.ABC123.1.MOTION` |
+| `light` | Ausgang | z.B. `hue.0.flur.on` |
+
+| Zustand | entry |
+|---|---|
+| Aus (Startzustand) | `light = false;` |
+| An | `light = true;` |
+
+| Übergang | Beschriftung |
+|---|---|
+| Aus → An | `motion[motion == true]` |
+| An → Aus | `after(2, min)[!motion]` |
+
+### Beschriftung von Übergängen
+
+```
+event[bedingung]{aktion}
+```
+
+Alle Teile sind optional und dürfen über mehrere Zeilen gehen.
+
+| Teil | Bedeutung | Beispiel |
+|---|---|---|
+| `event` | Name eines Eingangs: Der Übergang wird nur geprüft, wenn sich dieser Eingang ändert | `motion` |
+| `after(n, einheit)` | Statt eines Events: gültig ab *n* Einheiten nach Betreten des Zustands. Dann weckt ein Timer das Chart, und die Bedingung wird bei jedem weiteren Aufwecken erneut geprüft. Einheiten: `msec`, `sec`, `min` | `after(30, sec)` |
+| `[bedingung]` | JavaScript-Ausdruck, der Übergang wird nur genommen, wenn er wahr ist | `[temp > 21 && !fenster]` |
+| `{aktion}` | JavaScript, wird ausgeführt, wenn der Übergang genommen wird | `{zaehler++; licht = true;}` |
+
+Ohne Event wird ein Übergang bei jeder Änderung eines beliebigen Eingangs geprüft. Hat ein Zustand
+mehrere ausgehende Übergänge, werden sie in der Reihenfolge ihrer **Priorität** geprüft (steht am Pfeil).
+
+### Wann Eingänge das Chart aufwecken
+
+Jeder Eingang hat im Reiter **Variablen** drei Einstellungen:
+
+| Einstellung | Werte | Standard |
+|---|---|---|
+| **Aufwecken bei** | jeder Aktualisierung / nur bei Wertänderung | jeder Aktualisierung |
+| **Bestätigt (ack)** | egal / nur bestätigte Werte (`ack=true`) / nur Befehle (`ack=false`) | egal |
+| **Entprellen (ms)** | das Chart wird erst geweckt, wenn der Eingang so lange keine Aktualisierung bekommen hat, mit dem letzten Wert | 0 (aus) |
+
+Aktualisierungen, die wegen ack aussortiert werden, ändern die Variable nicht. Sie enthält dann z.B. nur bestätigte Werte.
+
+### Aktionen
+
+Aktionen und Bedingungen sind JavaScript. Alle Variablen des Charts sind direkt über ihren Namen
+verfügbar, dazu `Math`, `Date`, `JSON` usw. sowie `log("Text")` zum Schreiben ins ioBroker-Log.
+
+| Aktion | Wird ausgeführt |
+|---|---|
+| `entry` | beim Betreten des Zustands |
+| `during` | bei jedem Aufwecken des Charts, solange der Zustand aktiv ist und keiner seiner ausgehenden Übergänge genommen wird |
+| `exit` | beim Verlassen des Zustands |
+
+### Verschachtelte Zustände
+
+Lass einen Zustand über einem anderen los, um ihn zum **Unterzustand** zu machen, und zieh ihn wieder
+heraus, um das rückgängig zu machen. Beim Ziehen wird der Zustand hervorgehoben, in den er verschoben
+würde. Jede Ebene hat ihren eigenen Startzustand (Punkt mit Pfeil).
+
+- Beim Betreten eines Superstates wird auch sein Start-Unterzustand betreten (oder der Unterzustand,
+  auf den der Übergang zeigt). Beim Verlassen wird zuerst der aktive Unterzustand verlassen.
+- Bei jedem Aufwecken wird jeder aktive Zustand in dieser Reihenfolge bearbeitet, beginnend mit dem äußersten:
+  1. Übergänge, die den Zustand verlassen, 2. seine `during`-Aktion, 3. seine **inneren Übergänge**,
+  4. sein aktiver Unterzustand. Die Übergänge eines Superstates haben also Vorrang vor denen seiner Unterzustände.
+- Ein Übergang von einem Zustand zu einem seiner eigenen Unterzustände ist ein **innerer Übergang**
+  (Punkt am Anfang): Der Zustand bleibt aktiv, nur sein aktiver Unterzustand wird verlassen, seine
+  eigenen `entry`/`exit` laufen nicht. Mit der Option **Elternzustand verlassen und neu betreten** wird
+  er stattdessen verlassen und neu betreten.
+
+### Hilfsfunktionen
+
+In Bedingungen, Aktionen und Funktionsblöcken:
+
+| Funktion | Zweck |
+|---|---|
+| `log(text, stufe)` | schreibt ins ioBroker-Log, Stufe `"debug"`, `"info"` (Standard), `"warn"` oder `"error"` |
+| `setState(id, wert, ack)` | schreibt einen beliebigen Datenpunkt, `ack` ist standardmäßig `false` |
+| `setStateDelayed(id, wert, ms, ack)` | schreibt verzögert, wird beim Anhalten des Charts verworfen |
+| `sendTo(instanz, befehl, nachricht)` | sendet eine Nachricht an einen Adapter, z.B. `sendTo("telegram.0", "send", { text: "Fenster offen" })` |
+| `isTimeBetween("22:00", "06:00")` | wahr, wenn die aktuelle Uhrzeit im Bereich liegt, auch über Mitternacht |
+| `isDaytime()` | wahr zwischen Sonnenaufgang und Sonnenuntergang |
+| `astroTime("sunset", minuten)` | Zeitpunkt eines Astro-Ereignisses heute als `Date`: `sunrise`, `sunset`, `dawn`, `dusk`, `solarNoon`, ... |
+
+`isDaytime()` und `astroTime()` nutzen den Standort aus den ioBroker-Systemeinstellungen. Andere Datenpunkte liest
+man über Eingänge: Ihre Variablen sind immer aktuell und wecken das Chart. Zeitabhängige Funktionen wecken das
+Chart nicht von selbst, sie werden beim Aufwecken ausgewertet.
+
+### Funktionsblöcke
+
+**Funktion hinzufügen** legt einen Block für eigenes JavaScript an. Er wird beim Start des Charts
+einmal ausgeführt. Alle darin deklarierten Funktionen und Konstanten können in jeder Bedingung und
+Aktion des Charts verwendet werden:
+
+```js
+const LIMIT = 22;
+
+function zuWarm(temp) {
+    return temp > LIMIT;
+}
+```
+
+Beschriftung eines Übergangs: `[zuWarm(temperatur)]{heizung = false;}`
+
+### Kommentare und Notizen
+
+- **Kommentar:** Zustände, Übergänge, Funktionsblöcke und das Chart selbst haben in ihren Eigenschaften ein Feld
+  **Kommentar**. Eine Sprechblase auf der Zeichenfläche zeigt, dass es einen Kommentar gibt, der Kommentar erscheint
+  als Tooltip.
+- **Notizen** (Symbol **Notiz hinzufügen** in der Werkzeugleiste) sind freie Texte auf der Zeichenfläche, wie
+  Haftzettel. Lass eine Notiz über einem Zustand los, dann bewegt sie sich mit ihm.
+
+Kommentare und Notizen haben keinen Einfluss auf die Ausführung. Sie stehen im generierten Code und in exportierten
+Dateien, und wenn sie sich ändern, wird der Zustand nach einem Neustart trotzdem wiederhergestellt.
+
+### Import und Export
+
+- **Chart exportieren** (letztes Symbol in der Werkzeugleiste des Editors) speichert das Chart als JSON-Datei, mit
+  ungespeicherten Änderungen.
+- **Alle Charts exportieren** (Symbol über der Chart-Liste) speichert alle gespeicherten Charts in einer Datei.
+- **Charts importieren** (Symbol über der Chart-Liste) fügt die Charts einer solchen Datei als neue Charts hinzu,
+  vorhandene Charts werden nicht verändert. Die Datei wird vorher geprüft (Aufbau, IDs, Verweise zwischen Zuständen
+  und Übergängen).
+
+Importierte Charts sind **angehalten**: Ihre Variablen können auf Datenpunkte eines anderen Systems verweisen. Prüfe sie
+im Reiter **Variablen** und starte das Chart dann mit dem Knopf in der Chart-Liste.
+
+### Vom Adapter angelegte Datenpunkte
+
+Für jedes Chart legt der Adapter unter `statechart.<instanz>.charts.<chart>` an:
+
+| Datenpunkt | Inhalt |
+|---|---|
+| `activeState` | Name des aktiven Zustands, verschachtelte Zustände als `Eltern.Kind` |
+| `activeStateIds` | IDs aller aktiven Zustände als JSON |
+| `snapshot` | Gespeicherter Zustand des Charts (aktive Zustände, wann sie betreten wurden, lokale Variablen), siehe unten |
+
+Das Chart selbst ist im Objekt `statechart.<instanz>.charts.<chart>` gespeichert.
+
+### Neustart des Adapters
+
+Nach einem Neustart des Adapters oder von ioBroker macht jedes Chart in den Zuständen weiter, die
+vorher aktiv waren, mit seinen lokalen Variablen. Die entry-Aktionen laufen nicht noch einmal, und Timer
+laufen mit ihrer Restzeit weiter. Ein Timer, der abgelaufen ist, während der Adapter gestoppt war, greift
+gleich nach dem Start.
+
+Im Startzustand beginnt das Chart stattdessen, wenn es zwischendurch geändert wurde (Positionen im
+Editor zählen nicht), nach dem Speichern im Editor, nach dem Anhalten und wenn die Option **Zustand nach
+Neustart wiederherstellen** in den Chart-Eigenschaften ausgeschaltet ist. Variablen, die in
+Funktionsblöcken deklariert sind, werden nicht wiederhergestellt.
+
+### Ausführung und Unterschiede zu anderen Statechart-Werkzeugen
+
+- Der Adapter führt die Charts mit [XState](https://stately.ai/docs/xstate) aus.
+- Jede Änderung eines Eingangs weckt das Chart einmal auf. Übergänge ohne Event werden bei jedem Aufwecken geprüft.
+- `{aktion}` wird während des Übergangs ausgeführt, also nach `exit` des alten und vor `entry` des
+  neuen Zustands. Eine eigene Condition Action und `/aktion` werden (noch) nicht unterstützt.
+- Übergänge werden wie bei Stateflow ausgewählt (außen vor innen, siehe oben), XState führt sie nur aus.
+  Reines XState würde die Übergänge der Unterzustände zuerst prüfen.
+- Zeitlogik gibt es nur als `after(n, msec|sec|min)`, gemessen in Echtzeit.
+- Bedingungen und Aktionen sind JavaScript, nicht MATLAB- oder C-Syntax.
+
+### Einschränkungen
+
+- Parallele Zustände (AND), History- und Verbindungspunkte werden noch nicht unterstützt.
+- Beim Löschen eines Superstates werden auch seine Unterzustände gelöscht.
+- Ungespeicherte Änderungen gehen verloren, wenn ein anderes Chart ausgewählt wird.
+- Bedingungen und Aktionen laufen in einem eigenen JavaScript-Kontext mit 1 Sekunde Zeitlimit, das
+  ist aber **keine Sicherheits-Sandbox**: Wer Charts bearbeiten darf, kann im Adapter beliebigen Code
+  ausführen, wie beim JavaScript-Adapter auch.
+
+---
+
+## Development / Entwicklung
+
+```bash
+npm install
+npm run build                # build the admin tab
+npm run dev-server setup     # once: local ioBroker test instance in .dev-server/
+npm run dev-server watch     # run it, admin on http://127.0.0.1:8081/
+npm run upload:tab           # in a second terminal: upload the tab into the test instance
+```
+
+| Script | Description |
+|---|---|
+| `dev-server` | Runs [`dev-server`](https://github.com/ioBroker/dev-server) with the given command. Before, it applies the patches in `patches/`: the dev-server uses `wmic.exe` to find the adapter process, which no longer exists in Windows 11 25H2 |
+| `build` / `watch` | Build the React sources of the tab (`admin/src`) to `admin/build` |
+| `upload:tab` | Build the tab and write the admin files into the running dev-server instance (works while `dev-server watch` runs) |
+| `test` | Unit tests (`lib/**/*.test.js`) and package tests |
+| `check` | Type check of the adapter (`npx tsc -p admin/tsconfig.json --noEmit` for the tab) |
+| `lint` | ESLint |
+| `translate` | Translate the texts of the adapter |
+| `release` | Create a new release |
+
+After changes of `io-package.json`, run `npm run dev-server upload` and restart `npm run dev-server watch`.
+
+**The built tab (`admin/build`) is committed**, because installations from GitHub do not run a build.
+After changes in `admin/src`, run `npm run build` and commit `admin/build` as well. The workflow job
+`check-admin-build` fails if it is outdated. The source maps (`admin/build/*.map`) are not committed.
+
+| Path | Content |
+|---|---|
+| `main.js` | Adapter: loads the charts, subscribes the inputs, restarts a chart when it is saved |
+| `lib/chart-model.js` | Chart model (shared by adapter and editor) and parser of the transition labels |
+| `lib/chart-runtime.js` | Execution of a chart with XState |
+| `lib/chart-validation.js` | Checks of conditions, actions and function blocks |
+| `admin/src/` | Editor (React, React Flow, CodeMirror) |
+| `admin/jsonConfig.json` | Instance settings |
+
+## Disclaimer
+
+MATLAB and Stateflow are registered trademarks of The MathWorks, Inc. This adapter is not affiliated
+with, endorsed or sponsored by The MathWorks, Inc.
+
+## Changelog
+<!--
+    Placeholder for the next version (at the beginning of the line):
+    ### **WORK IN PROGRESS**
+-->
+### 0.1.1 (2026-10-25)
+* (Igge) renamed from "state-machine" to "statechart", because npm does not accept the old name (too similar to an existing package)
+
+### 0.1.0 (2026-10-25)
+* (Igge) initial release
+* (Igge) graphical chart editor in the admin side bar: states, transitions, nested states, function blocks, notes
+* (Igge) transition labels in Stateflow syntax event[condition]{action}, timers with after(n, unit)
+* (Igge) execution with Stateflow semantics (outer before inner transitions, inner transitions)
+* (Igge) charts continue in their state after a restart of the adapter
+* (Igge) per input: wake up on updates or changes, filter by ack, debounce
+* (Igge) helper functions: setState, setStateDelayed, sendTo, isTimeBetween, isDaytime, astroTime
+* (Igge) code editor with syntax highlighting, error checks and completion, generated code view
+* (Igge) undo/redo, copy/paste, import/export of charts as JSON
+
+## License
+MIT License
+
+Copyright (c) 2026 Igge <mail@igge.org>
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/admin/build/tab.css

@@ -0,0 +1,2 @@
+.react-flow{direction:ltr;--xy-edge-stroke-default: #b1b1b7;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #555;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(255, 255, 255, .5);--xy-minimap-background-color-default: #fff;--xy-minimap-mask-background-color-default: rgba(240, 240, 240, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #e2e2e2;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: transparent;--xy-background-pattern-dots-color-default: #91919a;--xy-background-pattern-lines-color-default: #eee;--xy-background-pattern-cross-color-default: #e2e2e2;background-color:var(--xy-background-color, var(--xy-background-color-default));--xy-node-color-default: inherit;--xy-node-border-default: 1px solid #1a192b;--xy-node-background-color-default: #fff;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #1a192b;--xy-node-border-radius-default: 3px;--xy-handle-background-color-default: #1a192b;--xy-handle-border-color-default: #fff;--xy-selection-background-color-default: rgba(0, 89, 220, .08);--xy-selection-border-default: 1px dotted rgba(0, 89, 220, .8);--xy-controls-button-background-color-default: #fefefe;--xy-controls-button-background-color-hover-default: #f4f4f4;--xy-controls-button-color-default: inherit;--xy-controls-button-color-hover-default: inherit;--xy-controls-button-border-color-default: #eee;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #ffffff;--xy-edge-label-color-default: inherit;--xy-resize-background-color-default: #3367d9}.react-flow.dark{--xy-edge-stroke-default: #3e3e3e;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #727272;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(150, 150, 150, .25);--xy-minimap-background-color-default: #141414;--xy-minimap-mask-background-color-default: rgba(60, 60, 60, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #2b2b2b;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: #141414;--xy-background-pattern-dots-color-default: #555;--xy-background-pattern-lines-color-default: #333;--xy-background-pattern-cross-color-default: #333;--xy-node-color-default: #f8f8f8;--xy-node-border-default: 1px solid #3c3c3c;--xy-node-background-color-default: #1e1e1e;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #999;--xy-handle-background-color-default: #bebebe;--xy-handle-border-color-default: #1e1e1e;--xy-selection-background-color-default: rgba(200, 200, 220, .08);--xy-selection-border-default: 1px dotted rgba(200, 200, 220, .8);--xy-controls-button-background-color-default: #2b2b2b;--xy-controls-button-background-color-hover-default: #3e3e3e;--xy-controls-button-color-default: #f8f8f8;--xy-controls-button-color-hover-default: #fff;--xy-controls-button-border-color-default: #5b5b5b;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #141414;--xy-edge-label-color-default: #f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;touch-action:none}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{overflow:visible;position:absolute;pointer-events:none}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}svg.react-flow__connectionline{z-index:1001;overflow:visible;position:absolute}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background-color:var(--xy-handle-background-color, var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));border-radius:100%}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:0;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px) translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px) translateY(-50%)}.react-flow__attribution{font-size:10px;background:var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;left:0;top:0}.react-flow__viewport-portal{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__minimap{background:var( --xy-minimap-background-color-props, var(--xy-minimap-background-color, var(--xy-minimap-background-color-default)) )}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var( --xy-minimap-mask-background-color-props, var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default)) );stroke:var( --xy-minimap-mask-stroke-color-props, var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default)) );stroke-width:var( --xy-minimap-mask-stroke-width-props, var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default)) )}.react-flow__minimap-node{fill:var( --xy-minimap-node-background-color-props, var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default)) );stroke:var( --xy-minimap-node-stroke-color-props, var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default)) );stroke-width:var( --xy-minimap-node-stroke-width-props, var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default)) )}.react-flow__background-pattern.dots{fill:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default)) )}.react-flow__background-pattern.lines{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default)) )}.react-flow__background-pattern.cross{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default)) )}.react-flow__controls{display:flex;flex-direction:column;box-shadow:var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default))}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{display:flex;justify-content:center;align-items:center;height:26px;width:26px;padding:4px;border:none;background:var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));border-bottom:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) );color:var( --xy-controls-button-color-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)) );cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;fill:currentColor}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:var(--xy-node-border-radius, var(--xy-node-border-radius-default));width:150px;font-size:12px;color:var(--xy-node-color, var(--xy-node-color-default));text-align:center;border:var(--xy-node-border, var(--xy-node-border-default));background-color:var(--xy-node-background-color, var(--xy-node-background-color-default))}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color, var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color, var(--xy-selection-background-color-default));border:var(--xy-selection-border, var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var( --xy-controls-button-background-color-hover-props, var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default)) );color:var( --xy-controls-button-color-hover-props, var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default)) )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) )}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:5px;height:5px;border:1px solid #fff;border-radius:1px;background-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));translate:-50% -50%}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color, var(--xy-edge-label-color-default))}
+/*# sourceMappingURL=tab.css.map */