diff --git a/docusaurus.config.ts b/docusaurus.config.ts
index a737dc21d..884c7cd5a 100644
--- a/docusaurus.config.ts
+++ b/docusaurus.config.ts
@@ -29,9 +29,9 @@ import {
   sassPluginConfig,
   dynamicRouterPluginConfig,
   rsDoctorPluginConfig,
-  aliasConfigurationPluginConfig,
   sentryPluginConfig,
-  socketIoNoDepWarningsPluginConfig
+  socketIoNoDepWarningsPluginConfig,
+  aliasConfigurationPlugin
 } from './src/siteConfig/pluginConfigs';
 import { useTdevContentPath } from './src/siteConfig/helpers';
 import path from 'path';
@@ -362,7 +362,12 @@ const docusaurusConfig = withSiteConfig().then(async (siteConfig) => {
         sassPluginConfig,
         dynamicRouterPluginConfig,
         rsDoctorPluginConfig,
-        aliasConfigurationPluginConfig,
+        [
+          aliasConfigurationPlugin,
+          {
+            websiteDir: siteConfig.websiteDir ?? './website'
+          }
+        ],
         sentryPluginConfig,
         remarkPdfPluginConfig,
         socketIoNoDepWarningsPluginConfig,
diff --git a/package.json b/package.json
index 222a490b9..c042074e7 100644
--- a/package.json
+++ b/package.json
@@ -87,7 +87,6 @@
         "remark-math": "^6.0.0",
         "sass": "^1.93.2",
         "socket.io-client": "^4.8.1",
-        "svg-parser": "^2.0.4",
         "uuid": "^13.0.0"
     },
     "devDependencies": {
@@ -102,7 +101,6 @@
         "@types/minimist": "^1.2.5",
         "@types/react-dom": "^19.0.3",
         "@types/react-katex": "^3.0.4",
-        "@types/svg-parser": "^2.0.6",
         "@types/uuid": "^10.0.0",
         "@types/wicg-file-system-access": "^2023.10.6",
         "@vitest/coverage-v8": "^2.0.5",
diff --git a/packages/tdev/brython-code/README.mdx b/packages/tdev/brython-code/README.mdx
new file mode 100644
index 000000000..4ed2b55c1
--- /dev/null
+++ b/packages/tdev/brython-code/README.mdx
@@ -0,0 +1,641 @@
+---
+page_id: e7bde0ab-c0fe-4225-8325-e4ebc22d414b
+tags:
+  - '@tdev/'
+  - python
+  - code
+sidebar_position: 50
+---
+
+import BrowserWindow from '@tdev-components/BrowserWindow';
+
+# brython-code
+
+
+```py live_py id=7cf4fb1c-8495-4600-bf67-23fb7bd29deb
+print('hello world')
+```
+
+### Title (`title`)
+
+Mit dem `title`-Parameter kann ein Titel für den Code-Block hinzugefügt werden.
+
+:::warning[Spaces]
+Ein Leerschlag wird nicht unterstützt, da er als Trennzeichen im Meta-String eines Code-Blocks verwendet wird. Stattdessen können Unterstriche `_` oder Bindestriche `-` verwendet werden.
+:::
+
+````md
+```py live_py title=example.py
+```
+````
+
+:::tip[Use `_` in the title]
+Um einen Unterstrich zu verwenden, kann folgende Syntax verwendet werden:
+
+````md
+```py live_py title=example__file.py
+```
+````
+
+<BrowserWindow>
+  ```py live_py title=example__file.py id=8ba96031-71e6-47dd-be6e-9164761653ee
+  print('Hello Title')
+  ```
+</BrowserWindow>
+:::
+
+### Slim Mode (`slim`)
+
+Manchmal ist ein Editor mit einem Header visuell zu gross. Für kleine Code-Schnipsel kann der `slim`-Modus verwendet werden, um die Grösse des Editors zu reduzieren. Dies entfernt den Header und blendet die Zeilennummern aus.
+
+````md
+```py live_py slim
+print('Hello Slim Mode')
+```
+````
+
+<BrowserWindow>
+  ```py live_py slim
+  print('Hello Slim Mode')
+  ```
+</BrowserWindow>
+
+:::warning[API-Speicherung]
+Bei der Verwendung des `slim`-Modus wird der `id`-Parameter ignoriert.
+:::
+
+### Read-Only Mode (`readonly`)
+
+Ein Editor kann auch im Read-Only-Modus angezeigt werden, indem der `readonly`-Parameter hinzugefügt wird.
+
+````md
+```py live_py readonly
+print('Hello Read-Only Mode')
+```
+````
+
+<BrowserWindow>
+  ```py live_py readonly hideWarning
+  print('Hello Read-Only Mode')
+  ```
+</BrowserWindow>
+
+::::tip[Works with Persisted Code]
+Auch wenn der Code von der API geladen wird, wird der Read-Only-Modus beibehalten.
+
+:::details[Use Case: Schulunterricht]
+Dies ist besonders nützlich im Schulunterricht, wenn einige Übungen/Prüfungen nur während einer bestimmten Zeit durchgeführt werden sollen, die Schüler:innen aber später die eingereichte Lösungen anzeigen können sollen. Dann wird das `readonly`-Attribut hinzugefügt und die Schüler:innen sehen ihre Änderungen, können diese aber nicht bearbeiten.
+:::
+::::
+
+### Download Button verstecken (`noDownload`)
+
+Der Download-Button ermöglicht es, den Code als Datei herunterzuladen. Mit dem `noDownload`-Meta-String kann der Download-Button ausgeblendet werden.
+
+````md
+```py live_py noDownload
+print('Hello No Download Button')
+```
+````
+
+<BrowserWindow>
+  ```py live_py noDownload hideWarning
+  print('Hello No Download Button')
+  ```
+</BrowserWindow>
+
+### Vergleich-Button ausblenden (`noCompare`)
+
+Wenn Änderungen am Code vorgenommen wurden, können diese mit dem Originalcode verglichen werden. Der Vergleichsbutton kann über den `noCompare`-Meta-String ausgeblendet werden.
+
+````md
+```py live_py noCompare hideWarning
+print('Hello No Compare Button')
+```
+````
+
+<BrowserWindow>
+  Ändere den Code und beachte, dass kein Vergleichsbutton angezeigt wird.
+
+  ```py live_py noCompare hideWarning
+  print('Hello No Compare Button')
+  ```
+</BrowserWindow>
+
+### Reset-Button ausblenden (`noReset`)
+
+Der Reset-Button ermöglicht es, den Code auf den ursprünglichen Code zurückzusetzen. Der Reset-Button kann über den `noReset`-Meta-String ausgeblendet werden.
+
+````md
+```py live_py noReset
+print('Hello No Reset Button')
+```
+````
+
+<BrowserWindow>
+  Ändere den Code und beachte, dass der Reset-Button ausgeblendet ist.
+
+  ```py live_py noReset hideWarning
+  print('Hello No Reset Button')
+  ```
+</BrowserWindow>
+
+### Max Line Number bevor gescrollt wird (`maxLines`)
+
+Es kann die maximale Anzahl von Zeilen angegeben werden, bevor der Editor scrollt. Dies ist nützlich für lange Code-Schnipsel. Der Standardwert ist `25`.
+
+````md
+```py live_py maxLines=5
+print('Line 1')
+print('Line 2')
+print('Line 3')
+print('Line 4')
+print('Line 5')
+print('Line 6 - scrolled')
+```
+````
+
+<BrowserWindow>
+  ```py live_py maxLines=5 hideWarning
+  print('Line 1')
+  print('Line 2')
+  print('Line 3')
+  print('Line 4')
+  print('Line 5')
+  print('Line 6 - scrolled')
+  ```
+</BrowserWindow>
+
+
+### Minimale Anzahl Zeilen (`minLines`)
+
+Es kann die minimale Anzahl von Zeilen angegeben werden, die der Editor mindestens anzeigen soll.
+Dies ist nützlich falls Code-Blöcke miteinander verglichen werden sollen.
+
+````md
+```py live_py minLines=5
+print('Line 1')
+print('Line 2')
+```
+````
+
+<BrowserWindow>
+  ```py live_py minLines=5 hideWarning
+  print('Line 1')
+  print('Line 2')
+  ```
+</BrowserWindow>
+
+
+### Imports
+
+Standardmässig können alle Python-Skripte, die sich im Verzeichnis `static/bry-libs/` befinden, direkt aus den Code-Blöcken importiert werden. Dies ermöglicht es Ihnen, wiederverwendbare Module zu erstellen, die in Ihre Code-Blöcke importiert werden können.
+
+Das folgende Beispiel zeigt, wie ein Modul importiert und verwendet werden kann. Das Skript `grid.py` ist standardmässig in `static/bry-libs/grid.py` enthalten und kann somit importiert werden.
+The script `grid.py` is added by default to `static/bry-libs/grid.py` when you run the dev-server.
+
+:::details[Sourcecode von `grid.py`]
+```py
+from browser import document # type: ignore
+from config import Config # type: ignore
+
+class Rectangle():
+    col: int
+    row: int
+    ctx = None
+    grid = None
+    init_draw = False
+    def __init__(self, grid, col: int, row: int, color: str = ''):
+        self.col = col
+        self.row = row
+        self.grid = grid
+        self.init_draw = False
+        try:
+            canvas = document[Config.CANVAS_ID]
+            self.ctx = canvas.getContext('2d')
+        except:
+            pass
+        self._color = color
+        
+    def get(self, offset_x: int, offset_y: int):
+        y = (self.row + offset_y) % len(self.grid) # type: ignore
+        x = (self.col + offset_x) % len(self.grid[y]) # type: ignore
+        return self.grid[y][x] # type: ignore
+
+    @property
+    def color(self):
+        return self._color
+
+    @color.setter
+    def color(self, color: str):
+        if color == '':
+            color = 'rgba(0,0,0,0)'
+
+        if self._color == color and self.init_draw:
+            return
+        self._color = color
+        self.init_draw = True
+        self.draw()
+
+    def draw(self):
+        scale = self.grid.scale # type: ignore
+        x = self.col * scale
+        y = self.row * scale
+        try:
+            self.ctx.clearRect(x, y, scale, scale) # type: ignore
+            self.ctx.lineWidth = 0 # type: ignore
+            self.ctx.fillStyle = self.color # type: ignore
+            self.ctx.fillRect(x, y, scale, scale) # type: ignore
+        except:
+            pass
+
+    def copy(self, grid):
+        return Rectangle(grid, self.col, self.row, self.color)
+
+    def __repr__(self):
+        return self.color
+
+class RectLine():
+    line: list = []
+    n = 0
+    max = 0
+    def __init__(self, grid, row, cols: int | list, color: str = ''):
+        self.grid = grid
+        if type(cols) == list:
+            self.line = cols # type: ignore
+        else:
+            self.line = [Rectangle(grid, col, row, color) for col in range(cols)] # type: ignore
+        self.max = len(self.line) # type: ignore
+    
+    def __getitem__(self, key):
+        return self.line[key]
+
+    def __setitem__(self, key, value):
+        self.line[key].color = value
+
+    def __repr__(self):
+        return ', '.join([f'{r.color}' for r in self.line])
+
+    def __iter__(self):
+        self.n = 0
+        return self
+
+    def __next__(self):
+        if self.n < self.max:
+            result = self[self.n]
+            self.n += 1
+            return result
+        else:
+            raise StopIteration
+    
+    def __len__(self):
+        return self.max
+
+    def draw(self):
+        for rect in self.line:
+            rect.draw()
+    
+    def copy(self, grid):
+        return RectLine(grid, self.line[0].row, [l.copy(grid) for l in self.line]) # type: ignore
+
+class Grid():
+    lines = []
+    n = 0
+    max = 0
+    CANVAS_ID = ''
+    WIDTH = 500
+    HEIGHT = 500
+    scale = 10
+    record_gif = False
+    frames = {}
+
+    def __init__(self, rows: int, cols: int, color: str = '', scale: int = -1):
+        if scale < 0:
+            if rows > 0 and cols > 0:
+                scale = min(Grid.WIDTH // cols, Grid.HEIGHT // rows)
+            else:
+                scale = 10
+        self.scale = scale
+        self.lines = [RectLine(self, row, cols, color) for row in range(rows)]
+        self.max = rows
+    
+    @staticmethod
+    def setup(width: int, height: int, record_gif: bool = False):
+        Grid.HEIGHT = height
+        Grid.WIDTH = width
+        Grid.record_gif = record_gif
+        Grid.frames = {}
+        canvas = document[Config.CANVAS_ID]
+        parent = canvas.parent
+        parent.replaceChildren()
+    
+        canv = document.createElement('canvas')
+        canv.style.display = 'block'
+        canv.id = Config.CANVAS_ID;
+        canv.attrs['height'] = height
+        canv.attrs['width'] = width
+        canv.style.width = f'{width}px'
+        canv.style.height = f'{height}px'
+        parent.appendChild(canv)
+
+    @staticmethod
+    def from_bin_text(bin_text: str, colors={'s': 'black', '1': 'black', 'x': 'black', 'bg': ''}):
+        lines = bin_text.lower().splitlines()
+        if 'bg' not in colors:
+            colors['bg'] = ''
+        while len(lines) > 0 and len(lines[0]) == 0:
+            lines.pop(0)
+        size_y = len(lines)
+        if size_y < 1:
+            raise Exception('Grid must have at least one non empty line')
+        size_x = max(map(lambda x: len(x), lines))
+
+        scale = min(Grid.WIDTH // size_x, Grid.HEIGHT // size_y)
+        grid = Grid(0, 0, colors['bg'], scale)
+        raw_grid = []
+        for line in lines:
+            raw_line = []
+            for x in range(size_x):
+                if x < len(line):
+                    raw_line.append(Rectangle(grid, x, len(raw_grid), colors.get(line[x], colors['bg'])))
+                else:
+                    raw_line.append(Rectangle(grid, x, len(raw_grid), colors['bg']))
+            raw_grid.append(RectLine(grid, len(raw_grid), raw_line))
+        grid.set_lines(raw_grid)
+        grid.draw()
+        return grid
+        
+
+    def set_lines(self, lines):
+        self.lines = lines
+        self.max = len(lines)
+
+        
+    def tolist(self):
+        return [[c.color for c in l.line] for l in self.lines]
+
+    @property
+    def color_grid(self):
+        return self.tolist()
+
+    @property
+    def grid(self):
+        return self.tolist()
+
+    @property
+    def size(self):
+        return (self.dim_y, self.dim_x)
+
+    @property
+    def dim_x(self):
+        if self.max < 1:
+            return 0
+        return len(self[0])
+
+    @property
+    def dim_y(self):
+        return len(self.lines)
+
+    @staticmethod
+    def clear_canvas():
+        try:
+            canvas = document[Config.CANVAS_ID]
+            ctx = canvas.getContext('2d')
+            ctx.clearRect(0, 0, Grid.WIDTH, Grid.HEIGHT) # type: ignore
+        except:
+            pass
+
+
+    def draw(self):
+        for line in self.lines:
+            line.draw()
+
+    @staticmethod
+    def gif_add():
+        if Grid.record_gif:
+            canvas = document[Config.CANVAS_ID]
+            frameName = 'frame_' + str(len(Grid.frames)).rjust(3, '0')
+            Grid.frames[frameName] = canvas.toDataURL('image/png');
+
+
+
+    def fill(self, color: str = ''):
+        for line in self.lines:
+            for cell in line:
+                cell.color = color
+
+    def copy(self):
+        cp = Grid(0, 0)
+        lines = [l.copy(cp) for l in self.lines]
+        cp.set_lines(lines)
+        return cp
+
+
+    def __getitem__(self, key):
+        return self.lines[key]
+
+    def __setitem__(self, key, value):
+        self.lines[key] = value
+        
+    def __repr__(self):
+        rep = ''
+        for line in self.lines:
+            rep += f'{line}'
+            rep += '\n'
+        return rep
+    
+    def __iter__(self):
+        self.n = 0
+        return self
+
+    def __next__(self):
+        if self.n < self.max:
+            result = self[self.n]
+            self.n += 1
+            return result
+        else:
+            raise StopIteration
+
+    def __len__(self):
+        return self.max
+```
+:::
+
+<BrowserWindow>
+  ```py live_py title=grid__example.py hideWarning
+  from grid import Grid
+  Grid.clear_canvas()
+  smile = Grid.from_text('''
+         
+   x    x
+   
+   
+   
+   x    x 
+   xxxxxx
+   
+  ''')
+  smile.draw()
+  ```
+</BrowserWindow>
+
+### Änderungen abspeichern (`id`=uuid)
+
+Änderungen im Code-Editor können durch Hinzufügen einer `id` zum Code-Block persistiert werden. Die Änderungen werden über die `teaching-api` gespeicher und der Inhalt wird beim Neuladen der Seite wiederhergestellt.
+
+````md
+```py live_py id=50fa8065-0d3b-4cb1-b03f-8244a6582d60
+# Änderungen in diesem Code-Block werden für angemeldete User im Backend persistiert.
+```
+````
+
+<BrowserWindow>
+  ```py live_py id=50fa8065-0d3b-4cb1-b03f-8244a6582d60
+  # Änderungen in diesem Code-Block werden für angemeldete User im Backend persistiert.
+  ```
+</BrowserWindow>
+
+:::warning[Eindeutige IDs]
+Stelle sicher dass die IDs auf der gesamten Website (nicht nur auf dieser Seite) eindeutig sind, ansonsten kann das Verhalten für deine Benutzer unerwartet sein. (Der Code wird durch den zuletzt geänderten Code-Block mit derselben ID überschrieben).
+:::
+
+:::tip[UUID]
+Ein guter Weg, um eindeutige IDs zu gewährleisten, ist die Verwendung einer UUID. Für VS Code-Benutzer ist die Erweiterung [UUID Generator von Motivesoft](https://marketplace.visualstudio.com/items?itemName=motivesoft.vscode-uuid-generator) praktisch, um neue UUIDs mit `Alt+Shift+U` einzufügen.
+:::
+
+### Versionen speichern (`versioned`)
+
+Es können Versionen des Codes gespeichert werden, indem der `versioned`-Meta-String hinzugefügt wird. Dies fügt eine Versionshistorie zum Editor hinzu. Jede Änderung wird als neue Version gespeichert, aber nicht öfter als einmal alle 1 Sekunde.
+
+````md
+```py live_py versioned id=b8ab041e-ce58-4803-b504-6b1011524370
+print('Hello Versioned Mode')
+```
+````
+
+<BrowserWindow>
+  Probiere es aus, indem du den Code mehrmals (min. 2x) änderst und speicherst und dann auf die Versionshistorie-Details klickst.
+
+  ```py live_py versioned id=b8ab041e-ce58-4803-b504-6b1011524370
+  print('Hello Versioned Mode')
+  ```
+</BrowserWindow>
+
+:::warning[Only in Persisted Mode]
+Der `versioned`-Modus funktioniert nur in Kombination mit dem `id`-Attribut. Das `id`-Attribut wird verwendet, um die Versionen im backend zu persistieren.
+:::
+
+### Version History verstecken (`noHistory`)
+
+Die Versionen des Codes werden standardmässig angezeigt. Mit dem `noHistory`-Meta-String kann die Versionshistorie ausgeblendet werden.
+
+````md
+```py live_py versioned noHistory id=07300009-a743-4adc-bdc5-cacbfdf5230a
+print('Hello No History')
+```
+````
+
+<BrowserWindow>
+  ```py live_py versioned noHistory id=07300009-a743-4adc-bdc5-cacbfdf5230a
+  print('Hello Versioned Mode')
+  ```
+</BrowserWindow>
+
+### Pre- und Post-Code
+
+Mit Kommentaren lassen sich Code-Teile zu Beginn oder am Ende verstecken und auf Wunsch aufklappen. Dies ist nützlich, um den Fokus auf den Hauptteil des Codes zu legen.
+
+`### PRE`
+: Die Code-Sequenz **vor** dem `### POST`-Kommentar ist standardmässig eingeklappt und wird nicht angezeigt.
+`### POST`
+: Die Code-Sequenz **nach** dem `### POST`-Kommentar ist standardmässig eingeklappt und wird nicht angezeigt.
+
+````md
+```py live_py id=5ecb46e8-4ab5-428b-bb3f-467aa0d47d01
+# This is a pre code block
+from time import time
+t0 = time.time()
+PI = 3.14159265359
+### PRE
+radius = 10
+print(f'Der Umfang eines Kreises mit Radius {radius} beträgt {2 * PI * radius}')
+### POST
+print('--------------------------')
+print(f'Die Berechnung dauerte {time.time() - t0} Sekunden')
+```
+````
+
+<BrowserWindow>
+  Codeblock mit eingeklapptem Pre- und Post-Code. Die Ausklapp-Knöpfe werden angezeigt, wenn mit der Maus über den Code gefahren wird.
+
+  ```py live_py id=5ecb46e8-4ab5-428b-bb3f-467aa0d47d01
+  from time import time
+  t0 = time()
+  PI = 3.14159265359
+  ### PRE
+  radius = 10
+  print(f'Der Umfang eines Kreises mit Radius {radius} beträgt {2 * PI * radius}')
+  ### POST
+  print('----------------------------------------------------------')
+  print(f'Die Berechnung dauerte {(time() - t0) * 1000} Millisekunden')
+  ```
+</BrowserWindow>
+
+### Nicht abgespeicherte Code Blocks
+
+Wenn keine `id` angegeben ist, wird der Code nicht gespeichert, was mit einem :mdi[flash-triangle-outline]{.orange} und einem orangen Header signalisiert wird.
+Dies ist nützlich, wenn Code-Beispiele nicht gespeichert werden sollen.
+
+````md
+```py live_py
+print('Hello Unpersisted Code Block')
+```
+````
+
+<BrowserWindow>
+  ```py live_py
+  print('Hello Unpersisted Code Block')
+  ```
+</BrowserWindow>
+
+#### Hide the Warning (`hideWarning`)
+
+Soll die Warnung ausgeblendet werden, kann der `hideWarning`-Parameter hinzugefügt werden.
+
+````md
+```py live_py hideWarning
+print('Hello Unpersisted Code Block')
+```
+````
+
+<BrowserWindow>
+  ```py live_py hideWarning
+  print('Hello Unpersisted Code Block')
+  ```
+</BrowserWindow>
+
+
+
+## Installation
+
+:::info[`packages/tdev/brython-code`]
+Kopiere des `packages/tdev/brython-code`-Verzeichnis in das `tdev-website/website/packages`-Verzeichnis oder über `updateTdev.config.yaml` hinzufügen.
+:::
+
+Hinzufügen des `brython-code`-Package zu den `apiDocumentProviders` im `siteConfig.ts`:
+
+```ts title="siteConfig.ts"
+const getSiteConfig: SiteConfigProvider = () => {
+    return {
+        apiDocumentProviders: [
+            require.resolve('@tdev/brython-code/register'),
+        ]
+    };
+};
+```
+
+Danach muss erneut installiert werden:
+
+```bash
+yarn install
+```
\ No newline at end of file
diff --git a/packages/tdev/brython-code/components/Footer/index.tsx b/packages/tdev/brython-code/components/Footer/index.tsx
new file mode 100644
index 000000000..e377180fd
--- /dev/null
+++ b/packages/tdev/brython-code/components/Footer/index.tsx
@@ -0,0 +1,27 @@
+import * as React from 'react';
+import Logs from '@tdev-components/documents/CodeEditor/Editor/Footer/Logs';
+import { observer } from 'mobx-react-lite';
+import type Script from '@tdev/brython-code/models/Script';
+import Container from '@tdev-components/documents/CodeEditor/Editor/Footer/Container';
+
+interface Props {
+    code: Script;
+}
+
+const Footer = observer((props: Props) => {
+    const { code } = props;
+    return (
+        <Container>
+            {code.messages.length > 0 && (
+                <Logs
+                    messages={code.logs}
+                    onClear={() => {
+                        code.clearMessages();
+                    }}
+                />
+            )}
+        </Container>
+    );
+});
+
+export default Footer;
diff --git a/packages/tdev/brython-code/components/Header/index.tsx b/packages/tdev/brython-code/components/Header/index.tsx
new file mode 100644
index 000000000..0b0305547
--- /dev/null
+++ b/packages/tdev/brython-code/components/Header/index.tsx
@@ -0,0 +1,25 @@
+import * as React from 'react';
+import RunCode from '@tdev-components/documents/CodeEditor/Actions/RunCode';
+import { observer } from 'mobx-react-lite';
+import Container from '@tdev-components/documents/CodeEditor/Editor/Header/Container';
+import Script from '@tdev/brython-code/models/Script';
+import Content from '@tdev-components/documents/CodeEditor/Editor/Header/Content';
+
+interface Props {
+    code: Script;
+}
+
+const Header = observer((props: Props) => {
+    const { code: code } = props;
+    if (!code) {
+        return null;
+    }
+    return (
+        <Container code={code} ignoreSlim>
+            {!code.meta.slim && <Content code={code} />}
+            {code.canExecute && <RunCode code={code} onExecute={() => code.runCode()} />}
+        </Container>
+    );
+});
+
+export default Header;
diff --git a/packages/tdev/brython-code/components/Header/styles.module.scss b/packages/tdev/brython-code/components/Header/styles.module.scss
new file mode 100644
index 000000000..9c26c6795
--- /dev/null
+++ b/packages/tdev/brython-code/components/Header/styles.module.scss
@@ -0,0 +1,42 @@
+.controls {
+    grid-area: controls;
+    display: flex;
+    align-items: center;
+    letter-spacing: 0.08em;
+
+    z-index: calc(var(--ifm-z-index-fixed) - 2);
+    padding: 0.2em;
+    padding-left: 0.5em;
+    text-transform: uppercase;
+    font-weight: bold;
+    background: var(--ifm-color-emphasis-200);
+    color: var(--ifm-color-content);
+    font-size: calc(var(--ifm-code-font-size) * 1.2);
+    .title {
+        flex-shrink: 1;
+        overflow-x: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+    }
+    .dummyIndicatorIcon {
+        margin-left: 1em;
+    }
+    .spacer {
+        flex-grow: 1;
+        flex-basis: 0;
+    }
+    &.slim {
+        padding: 0;
+    }
+    &.unpersisted {
+        background: var(--ifm-color-warning-lightest);
+    }
+}
+
+[data-theme='dark'] {
+    .controls {
+        &.unpersisted {
+            background: var(--ifm-color-warning-darkest);
+        }
+    }
+}
diff --git a/src/components/documents/CodeEditor/BrythonCommunicator.tsx b/packages/tdev/brython-code/components/Meta/BrythonCommunicator.tsx
similarity index 68%
rename from src/components/documents/CodeEditor/BrythonCommunicator.tsx
rename to packages/tdev/brython-code/components/Meta/BrythonCommunicator.tsx
index 05366dead..7a357e171 100644
--- a/src/components/documents/CodeEditor/BrythonCommunicator.tsx
+++ b/packages/tdev/brython-code/components/Meta/BrythonCommunicator.tsx
@@ -1,12 +1,14 @@
 import * as React from 'react';
-import { BRYTHON_NOTIFICATION_EVENT, DOM_ELEMENT_IDS } from '@tdev-components/documents/CodeEditor/constants';
-import { useDocument } from '@tdev-hooks/useContextDocument';
-import { DocumentType } from '@tdev-api/document';
 import { observer } from 'mobx-react-lite';
-import { type LogMessage } from '@tdev-models/documents/Script';
+import { BRYTHON_NOTIFICATION_EVENT, DOM_ELEMENT_IDS } from '@tdev/brython-code';
+import Script, { LogMessage } from '@tdev/brython-code/models/Script';
 
-const BrythonCommunicator = observer(() => {
-    const script = useDocument<'script'>();
+interface Props {
+    code: Script;
+}
+
+const BrythonCommunicator = observer((props: Props) => {
+    const { code } = props;
     const ref = React.useRef<HTMLDivElement>(null);
     React.useEffect(() => {
         const { current } = ref;
@@ -18,18 +20,18 @@ const BrythonCommunicator = observer(() => {
                 const data = event.detail as LogMessage;
                 switch (data.type) {
                     case 'start':
-                        script.clearLogMessages();
-                        script.setExecuting(true);
+                        code.clearLogMessages();
+                        code.setExecuting(true);
                         break;
                     case 'done':
                         const isRunning = current.getAttribute('data--is-running');
                         if (isRunning) {
                             return;
                         }
-                        script.setExecuting(false);
+                        code.setExecuting(false);
                         break;
                     default:
-                        script.addLogMessage({
+                        code.addLogMessage({
                             type: data.type,
                             output: data.output,
                             timeStamp: data.timeStamp
@@ -42,9 +44,13 @@ const BrythonCommunicator = observer(() => {
         return () => {
             current.removeEventListener(BRYTHON_NOTIFICATION_EVENT, onBryNotify as EventListener);
         };
-    }, [ref, script]);
+    }, [ref, code]);
+
+    if (!code || code.lang !== 'python') {
+        return null;
+    }
 
-    return <div id={DOM_ELEMENT_IDS.communicator(script.codeId)} ref={ref}></div>;
+    return <div id={DOM_ELEMENT_IDS.communicator(code.codeId)} ref={ref}></div>;
 });
 
 export default BrythonCommunicator;
diff --git a/src/components/documents/CodeEditor/Editor/Result/Graphics/Canvas.tsx b/packages/tdev/brython-code/components/Meta/Graphics/Canvas.tsx
similarity index 80%
rename from src/components/documents/CodeEditor/Editor/Result/Graphics/Canvas.tsx
rename to packages/tdev/brython-code/components/Meta/Graphics/Canvas.tsx
index 4badd44d0..f0e005b07 100644
--- a/src/components/documents/CodeEditor/Editor/Result/Graphics/Canvas.tsx
+++ b/packages/tdev/brython-code/components/Meta/Graphics/Canvas.tsx
@@ -1,12 +1,11 @@
 import * as React from 'react';
-import { DOM_ELEMENT_IDS } from '@tdev-components/documents/CodeEditor/constants';
-import Graphics from '@tdev-components/documents/CodeEditor/Editor/Result/Graphics';
 import styles from './styles.module.scss';
 import Button from '@tdev-components/documents/CodeEditor/Button';
-import { useDocument } from '@tdev-hooks/useContextDocument';
-import { DocumentType } from '@tdev-api/document';
 import { observer } from 'mobx-react-lite';
 import { mdiDownload } from '@mdi/js';
+import Script from '@tdev/brython-code/models/Script';
+import Graphics from '.';
+import { DOM_ELEMENT_IDS } from '@tdev/brython-code';
 
 const downloadCanvas = (canvasId: string) => {
     const canvas = document.getElementById(canvasId) as HTMLCanvasElement;
@@ -31,17 +30,22 @@ const downloadCanvas = (canvasId: string) => {
     document.body.removeChild(downloadLink);
 };
 
-const Canvas = observer(() => {
-    const script = useDocument<'script'>();
+interface Props {
+    code: Script;
+}
+
+const Canvas = observer((props: Props) => {
+    const { code } = props;
 
     return (
         <Graphics
+            code={code}
             controls={
                 <Button
                     icon={mdiDownload}
                     iconSize="12px"
                     onClick={() => {
-                        downloadCanvas(DOM_ELEMENT_IDS.canvasContainer(script.codeId));
+                        downloadCanvas(DOM_ELEMENT_IDS.canvasContainer(code.codeId));
                     }}
                     title="Download SVG"
                     className={styles.slimStrippedButton}
@@ -49,7 +53,7 @@ const Canvas = observer(() => {
             }
             main={
                 <canvas
-                    id={DOM_ELEMENT_IDS.canvasContainer(script.codeId)}
+                    id={DOM_ELEMENT_IDS.canvasContainer(code.codeId)}
                     width="500"
                     height="500"
                     style={{
diff --git a/src/components/documents/CodeEditor/Editor/Result/Graphics/Turtle.tsx b/packages/tdev/brython-code/components/Meta/Graphics/Turtle.tsx
similarity index 71%
rename from src/components/documents/CodeEditor/Editor/Result/Graphics/Turtle.tsx
rename to packages/tdev/brython-code/components/Meta/Graphics/Turtle.tsx
index 84a52ecf8..73fc4a52a 100644
--- a/src/components/documents/CodeEditor/Editor/Result/Graphics/Turtle.tsx
+++ b/packages/tdev/brython-code/components/Meta/Graphics/Turtle.tsx
@@ -1,29 +1,33 @@
 import * as React from 'react';
 import styles from './styles.module.scss';
-import { DOM_ELEMENT_IDS } from '@tdev-components/documents/CodeEditor/constants';
-import Graphics from '@tdev-components/documents/CodeEditor/Editor/Result/Graphics';
-import { saveSvg } from '@tdev-components/documents/CodeEditor/Editor/utils/saveSvg';
+import { saveSvg } from '@tdev/brython-code/components/utils/saveSvg';
 import Button from '@tdev-components/documents/CodeEditor/Button';
 import clsx from 'clsx';
-import { useDocument } from '@tdev-hooks/useContextDocument';
-import { DocumentType } from '@tdev-api/document';
 import { observer } from 'mobx-react-lite';
 import { mdiAnimationPlay, mdiDownload } from '@mdi/js';
+import Script from '@tdev/brython-code/models/Script';
+import Graphics from '.';
+import { DOM_ELEMENT_IDS } from '@tdev/brython-code';
 
-const Turtle = observer(() => {
-    const script = useDocument<'script'>();
+interface Props {
+    code: Script;
+}
+
+const Turtle = observer((props: Props) => {
+    const { code } = props;
     return (
         <Graphics
+            code={code}
             controls={
                 <React.Fragment>
                     <Button
                         icon={mdiAnimationPlay}
                         onClick={() => {
                             const turtleResult = document.getElementById(
-                                DOM_ELEMENT_IDS.turtleSvgContainer(script.codeId)
+                                DOM_ELEMENT_IDS.turtleSvgContainer(code.codeId)
                             ) as any as SVGSVGElement;
                             if (turtleResult) {
-                                saveSvg(turtleResult, `${script.codeId}`, script.code, true);
+                                saveSvg(turtleResult, `${code.codeId}`, code.code, true);
                             }
                         }}
                         className={clsx(styles.slimStrippedButton)}
@@ -35,10 +39,10 @@ const Turtle = observer(() => {
                         iconSize="12px"
                         onClick={() => {
                             const turtleResult = document.getElementById(
-                                DOM_ELEMENT_IDS.turtleSvgContainer(script.codeId)
+                                DOM_ELEMENT_IDS.turtleSvgContainer(code.codeId)
                             ) as any as SVGSVGElement;
                             if (turtleResult) {
-                                saveSvg(turtleResult, `${script.codeId}`, script.code);
+                                saveSvg(turtleResult, `${code.codeId}`, code.code);
                             }
                         }}
                         title="Download SVG"
diff --git a/src/components/documents/CodeEditor/Editor/Result/Graphics/index.tsx b/packages/tdev/brython-code/components/Meta/Graphics/index.tsx
similarity index 71%
rename from src/components/documents/CodeEditor/Editor/Result/Graphics/index.tsx
rename to packages/tdev/brython-code/components/Meta/Graphics/index.tsx
index 941f157f2..f2519bdaa 100644
--- a/src/components/documents/CodeEditor/Editor/Result/Graphics/index.tsx
+++ b/packages/tdev/brython-code/components/Meta/Graphics/index.tsx
@@ -1,20 +1,21 @@
 import * as React from 'react';
 import styles from './styles.module.scss';
-import { DOM_ELEMENT_IDS } from '@tdev-components/documents/CodeEditor/constants';
 import Draggable from 'react-draggable';
-import { checkForButtonClick } from '@tdev-components/documents/CodeEditor/Editor/utils/checkForButtonClick';
+import { checkForButtonClick } from '../../utils/checkForButtonClick';
 import Button from '@tdev-components/documents/CodeEditor/Button';
 import clsx from 'clsx';
-import { DocumentType } from '@tdev-api/document';
-import { useDocument } from '@tdev-hooks/useContextDocument';
 import { observer } from 'mobx-react-lite';
 import { mdiClose } from '@mdi/js';
+import type Script from '@tdev/brython-code/models/Script';
+import { DOM_ELEMENT_IDS } from '../../..';
+
 export interface Props {
+    code: Script;
     controls?: React.ReactNode;
     main?: React.ReactNode;
 }
 const Graphics = observer((props: Props) => {
-    const script = useDocument<'script'>();
+    const { code } = props;
     const nodeRef = React.useRef<HTMLDivElement>(null);
     return (
         <Draggable
@@ -31,16 +32,16 @@ const Graphics = observer((props: Props) => {
                         icon={mdiClose}
                         className={clsx(styles.closeButton)}
                         onClick={() => {
-                            script.stopScript();
-                            script.closeGraphicsModal();
+                            code.stopScript();
+                            code.closeGraphicsModal();
                         }}
                         iconSize="12px"
                     />
                 </div>
                 <div
-                    id={DOM_ELEMENT_IDS.graphicsResult(script.codeId)}
+                    id={DOM_ELEMENT_IDS.graphicsResult(code.codeId)}
                     className={clsx('brython-graphics-result', styles.brythonGraphicsResultMain)}
-                    key={`exec-${script.graphicsModalExecutionNr}`}
+                    key={`exec-${code.graphicsModalExecutionNr}`}
                 >
                     {props.main}
                 </div>
diff --git a/src/components/documents/CodeEditor/Editor/Result/Graphics/styles.module.scss b/packages/tdev/brython-code/components/Meta/Graphics/styles.module.scss
similarity index 100%
rename from src/components/documents/CodeEditor/Editor/Result/Graphics/styles.module.scss
rename to packages/tdev/brython-code/components/Meta/Graphics/styles.module.scss
diff --git a/packages/tdev/brython-code/components/Meta/index.tsx b/packages/tdev/brython-code/components/Meta/index.tsx
new file mode 100644
index 000000000..9f33b685c
--- /dev/null
+++ b/packages/tdev/brython-code/components/Meta/index.tsx
@@ -0,0 +1,38 @@
+import React from 'react';
+import { observer } from 'mobx-react-lite';
+import { useStore } from '@tdev-hooks/useStore';
+import { DOM_ELEMENT_IDS } from '../../index';
+import Turtle from './Graphics/Turtle';
+import Canvas from './Graphics/Canvas';
+import Graphics from './Graphics';
+import BrythonCommunicator from './BrythonCommunicator';
+import Script from '@tdev/brython-code/models/Script';
+
+interface Props {
+    code: Script;
+}
+
+const Meta = observer((props: Props) => {
+    const { code } = props;
+    const pageStore = useStore('pageStore');
+    if (code.lang !== 'python') {
+        return null;
+    }
+    return (
+        <>
+            <div id={DOM_ELEMENT_IDS.outputDiv(code.codeId)}></div>
+            {code.graphicsModalExecutionNr > 0 && (
+                <>
+                    {code.hasTurtleOutput && pageStore.runningTurtleScriptId === code.id && (
+                        <Turtle code={code} />
+                    )}
+                    {code.hasCanvasOutput && <Canvas code={code} />}
+                    {!code.hasCanvasOutput && !code.hasTurtleOutput && <Graphics code={code} />}
+                </>
+            )}
+            {code.lang === 'python' && <BrythonCommunicator code={code} />}
+        </>
+    );
+});
+
+export default Meta;
diff --git a/src/components/documents/CodeEditor/utils/bryRunner.ts b/packages/tdev/brython-code/components/utils/bryRunner.ts
similarity index 96%
rename from src/components/documents/CodeEditor/utils/bryRunner.ts
rename to packages/tdev/brython-code/components/utils/bryRunner.ts
index dbc5f8c9d..843ca10f0 100644
--- a/src/components/documents/CodeEditor/utils/bryRunner.ts
+++ b/packages/tdev/brython-code/components/utils/bryRunner.ts
@@ -1,6 +1,6 @@
 import { RouterType } from '@docusaurus/types';
-import { DOM_ELEMENT_IDS } from '../constants';
 import { sanitizePyScript } from './helpers';
+import { DOM_ELEMENT_IDS } from '@tdev/brython-code';
 
 export const runCode = (
     code: string,
diff --git a/src/components/documents/CodeEditor/Editor/utils/checkForButtonClick.ts b/packages/tdev/brython-code/components/utils/checkForButtonClick.ts
similarity index 100%
rename from src/components/documents/CodeEditor/Editor/utils/checkForButtonClick.ts
rename to packages/tdev/brython-code/components/utils/checkForButtonClick.ts
diff --git a/src/components/documents/CodeEditor/utils/helpers.ts b/packages/tdev/brython-code/components/utils/helpers.ts
similarity index 100%
rename from src/components/documents/CodeEditor/utils/helpers.ts
rename to packages/tdev/brython-code/components/utils/helpers.ts
diff --git a/src/components/documents/CodeEditor/Editor/utils/saveSvg.ts b/packages/tdev/brython-code/components/utils/saveSvg.ts
similarity index 97%
rename from src/components/documents/CodeEditor/Editor/utils/saveSvg.ts
rename to packages/tdev/brython-code/components/utils/saveSvg.ts
index e42e57551..758b78b62 100644
--- a/src/components/documents/CodeEditor/Editor/utils/saveSvg.ts
+++ b/packages/tdev/brython-code/components/utils/saveSvg.ts
@@ -1,4 +1,4 @@
-import { removeAnimations } from '@tdev-components/documents/CodeEditor/Editor/utils/svgWithoutAnimations';
+import { removeAnimations } from './svgWithoutAnimations';
 
 const duration = (anim: SVGAnimateElement) => {
     const dur = anim.getAttribute('dur') || '';
diff --git a/src/components/documents/CodeEditor/Editor/utils/svgWithoutAnimations.ts b/packages/tdev/brython-code/components/utils/svgWithoutAnimations.ts
similarity index 100%
rename from src/components/documents/CodeEditor/Editor/utils/svgWithoutAnimations.ts
rename to packages/tdev/brython-code/components/utils/svgWithoutAnimations.ts
diff --git a/src/components/documents/CodeEditor/constants.ts b/packages/tdev/brython-code/index.ts
similarity index 78%
rename from src/components/documents/CodeEditor/constants.ts
rename to packages/tdev/brython-code/index.ts
index 295a445a6..dcb05c037 100644
--- a/src/components/documents/CodeEditor/constants.ts
+++ b/packages/tdev/brython-code/index.ts
@@ -1,8 +1,13 @@
+import Script from './models/Script';
+
+export interface ScriptData {
+    code: string;
+}
+
 const DOM_ELEMENT_IDS = {
     communicator: (codeId: string) => `py_${codeId}`,
     graphicsResult: (codeId: string) => `${codeId}_graphics`,
     outputDiv: (codeId: string) => `${codeId}_brython_result`,
-    aceEditor: (codeId: string) => `${codeId}_editor`,
     turtleSvgContainer: (codeId: string) => `${codeId}_svg`,
     canvasContainer: (codeId: string) => `${codeId}_canvas`
 };
@@ -25,3 +30,12 @@ export {
     GRID_IMPORTS_TESTER,
     TURTLE3D_IMPORTS_TESTER
 };
+
+declare module '@tdev-api/document' {
+    export interface TypeDataMapping {
+        ['script']: ScriptData;
+    }
+    export interface TypeModelMapping {
+        ['script']: Script;
+    }
+}
diff --git a/packages/tdev/brython-code/models/Script.ts b/packages/tdev/brython-code/models/Script.ts
new file mode 100644
index 000000000..e68784c84
--- /dev/null
+++ b/packages/tdev/brython-code/models/Script.ts
@@ -0,0 +1,188 @@
+import { action, computed, observable } from 'mobx';
+import { runCode } from '@tdev/brython-code/components/utils/bryRunner';
+import { Document as DocumentProps, Factory, TypeDataMapping } from '@tdev-api/document';
+import DocumentStore from '@tdev-stores/DocumentStore';
+import siteConfig from '@generated/docusaurus.config';
+import globalData from '@generated/globalData';
+import _ from 'es-toolkit/compat';
+import iCode from '@tdev-models/documents/iCode';
+import { orderBy } from 'es-toolkit/array';
+import {
+    CANVAS_OUTPUT_TESTER,
+    DOM_ELEMENT_IDS,
+    GRAPHICS_OUTPUT_TESTER,
+    GRID_IMPORTS_TESTER,
+    TURTLE_IMPORTS_TESTER
+} from '..';
+import { ScriptMeta } from './ScriptMeta';
+import { LogMessage as _LogMessageType } from '@tdev-components/documents/CodeEditor/Editor/Footer/Logs';
+const libDir = (globalData['live-editor-theme'] as { default: { libDir: string } }).default.libDir;
+type LogMessageType = _LogMessageType & { timeStamp: number };
+
+export interface LogMessage {
+    type: 'done' | 'stdout' | 'stderr' | 'start';
+    output: string;
+    timeStamp: number;
+}
+export const createModel: Factory = (data, store) => {
+    return new Script(data as DocumentProps<'script'>, store);
+};
+
+export default class Script extends iCode<'script'> {
+    @observable accessor _isExecuting: boolean = false;
+    @observable accessor graphicsModalExecutionNr: number = 0;
+    messages = observable.array<LogMessage>([], { deep: false });
+
+    constructor(props: DocumentProps<'script'>, store: DocumentStore) {
+        super(props, store);
+    }
+
+    @computed
+    get meta(): ScriptMeta {
+        if (this.root?.type === 'script') {
+            return this.root.meta as ScriptMeta;
+        }
+        return new ScriptMeta({});
+    }
+
+    @action
+    clearLogMessages() {
+        this.messages.clear();
+    }
+
+    @computed
+    get isExecuting(): boolean {
+        return this._isExecuting;
+    }
+
+    @action
+    setExecuting(isExecuting: boolean) {
+        this._isExecuting = isExecuting;
+    }
+
+    @action
+    addLogMessage(message: LogMessage) {
+        this.messages.push({ output: message.output, timeStamp: Date.now(), type: message.type });
+    }
+
+    @computed
+    get _codeToExecute() {
+        return this.combinedCode;
+    }
+
+    @computed
+    get codeLines() {
+        return this.code.split('\n').length;
+    }
+
+    @computed
+    get data(): TypeDataMapping['script'] {
+        return {
+            code: this.code
+        };
+    }
+
+    @action
+    toggleScriptExecution() {
+        if (this.isExecuting) {
+            this.stopScript();
+        } else {
+            this.runCode();
+        }
+    }
+
+    @computed
+    get logs(): LogMessageType[] {
+        const logMessages = this.messages.filter((msg) => msg.type === 'stderr' || msg.type === 'stdout');
+        const compactLogs = logMessages.reduce<LogMessageType[]>((acc, curr) => {
+            const lastMsg = acc[acc.length - 1];
+            const current = {
+                type: curr.type === 'stderr' ? 'error' : 'log',
+                message: curr.output,
+                timeStamp: curr.timeStamp
+            } satisfies LogMessageType;
+            if (lastMsg && lastMsg.type === current.type) {
+                if (lastMsg.message.endsWith('\n')) {
+                    lastMsg.message = lastMsg.message.trimEnd();
+                    acc.push(current);
+                } else {
+                    lastMsg.message += curr.output;
+                }
+            } else {
+                acc.push(current);
+            }
+            return acc;
+        }, [] satisfies LogMessageType[]);
+        return orderBy(compactLogs, ['timeStamp'], ['asc']);
+    }
+
+    @action
+    clearMessages() {
+        this.messages.clear();
+    }
+
+    @action
+    runCode() {
+        if (this.hasGraphicsOutput) {
+            if (this.hasTurtleOutput) {
+                this.store.root.pageStore.setRunningTurtleScriptId(this.id);
+            }
+            this.graphicsModalExecutionNr = this.graphicsModalExecutionNr + 1;
+        }
+        this._isExecuting = true;
+        runCode(
+            this.code,
+            this.preCode,
+            this.postCode,
+            this.codeId,
+            libDir,
+            siteConfig.future.experimental_router
+        );
+    }
+
+    /**
+     * stop the script from running
+     * wheter the script is running or not is derived from the
+     * `data--start-time` attribute on the communicator element.
+     * This is used in combination with the game loop
+     */
+    @action
+    stopScript() {
+        const code = document?.getElementById(DOM_ELEMENT_IDS.communicator(this.codeId));
+        if (code) {
+            code.removeAttribute('data--start-time');
+        }
+    }
+
+    @computed
+    get hasGraphicsOutput() {
+        return (
+            this.hasTurtleOutput || this.hasCanvasOutput || GRAPHICS_OUTPUT_TESTER.test(this._codeToExecute)
+        );
+    }
+
+    @computed
+    get hasTurtleOutput() {
+        return TURTLE_IMPORTS_TESTER.test(this._codeToExecute);
+    }
+
+    @computed
+    get hasCanvasOutput() {
+        return (
+            CANVAS_OUTPUT_TESTER.test(this._codeToExecute) || GRID_IMPORTS_TESTER.test(this._codeToExecute)
+        );
+    }
+
+    get canExecute(): boolean {
+        return this.lang === 'python';
+    }
+
+    @action
+    closeGraphicsModal() {
+        this.graphicsModalExecutionNr = 0;
+    }
+
+    get source() {
+        return 'browser';
+    }
+}
diff --git a/packages/tdev/brython-code/models/ScriptMeta.ts b/packages/tdev/brython-code/models/ScriptMeta.ts
new file mode 100644
index 000000000..a1029180d
--- /dev/null
+++ b/packages/tdev/brython-code/models/ScriptMeta.ts
@@ -0,0 +1,22 @@
+import { Document as DocumentProps, Factory } from '@tdev-api/document';
+import globalData from '@generated/globalData';
+import { Props as CodeEditorProps } from '@tdev-components/documents/CodeEditor';
+import _ from 'es-toolkit/compat';
+import { default as iScriptMeta } from '@tdev-models/documents/iCode/iCodeMeta';
+import Script from './Script';
+const libDir = (globalData['live-editor-theme'] as { default: { libDir: string } }).default.libDir;
+
+export interface LogMessage {
+    type: 'done' | 'stdout' | 'stderr' | 'start';
+    output: string;
+    timeStamp: number;
+}
+export const createModel: Factory = (data, store) => {
+    return new Script(data as DocumentProps<'script'>, store);
+};
+
+export class ScriptMeta extends iScriptMeta<'script'> {
+    constructor(props: Partial<Omit<CodeEditorProps, 'id' | 'className'>>) {
+        super(props, 'script');
+    }
+}
diff --git a/packages/tdev/brython-code/package.json b/packages/tdev/brython-code/package.json
new file mode 100644
index 000000000..3e231cb48
--- /dev/null
+++ b/packages/tdev/brython-code/package.json
@@ -0,0 +1,23 @@
+{
+    "name": "@tdev/brython-code",
+    "version": "1.0.0",
+    "main": "index.ts",
+    "types": "index.ts",
+    "dependencies": {
+        "svg-parser": "^2.0.4"
+    },
+    "devDependencies": {
+        "@docusaurus/core": "*",
+        "@docusaurus/module-type-aliases": "*",
+        "@types/node": "*",
+        "vitest": "*",
+        "@types/svg-parser": "^2.0.6"
+    },
+    "peerDependencies": {
+        "@mdi/js": "*",
+        "@mdi/react": "*",
+        "@tdev/core": "1.0.0",
+        "mobx": "*",
+        "mobx-react-lite": "*"
+    }
+}
diff --git a/packages/tdev/brython-code/register.ts b/packages/tdev/brython-code/register.ts
new file mode 100644
index 000000000..5efa5d42c
--- /dev/null
+++ b/packages/tdev/brython-code/register.ts
@@ -0,0 +1,25 @@
+import { rootStore } from '@tdev-stores/rootStore';
+import Header from './components/Header';
+import Footer from './components/Footer';
+import Meta from './components/Meta';
+import { createModel } from './models/Script';
+import { LiveCode } from '@tdev-stores/ComponentStore';
+import { ScriptMeta } from './models/ScriptMeta';
+
+const register = () => {
+    rootStore.componentStore.registerEditorComponent('script', {
+        Header: Header,
+        Footer: Footer,
+        Meta: Meta,
+        createModelMeta: (props) => new ScriptMeta(props),
+        codeBlockMetastringMatcher: (metaLiveCode: LiveCode) => {
+            if (metaLiveCode === 'live_py') {
+                return 'script';
+            }
+            return undefined;
+        }
+    });
+    rootStore.documentStore.registerFactory('script', createModel);
+};
+
+register();
diff --git a/packages/tdev/brython-code/tsconfig.json b/packages/tdev/brython-code/tsconfig.json
new file mode 100644
index 000000000..3b719cfea
--- /dev/null
+++ b/packages/tdev/brython-code/tsconfig.json
@@ -0,0 +1,9 @@
+{
+    "extends": "../../../tsconfig.package.json",
+    "compilerOptions": {
+        "lib": ["ESNext", "dom"]
+    },
+    "mdx": {
+        "plugins": [["remark-frontmatter", ["toml", "yaml"]], "remark-directive"]
+    }
+}
diff --git a/packages/tdev/excalidoc/ImageMarkupEditor/helpers/onSaveCallback.ts b/packages/tdev/excalidoc/ImageMarkupEditor/helpers/onSaveCallback.ts
index 2502272ba..ba0f65ca0 100644
--- a/packages/tdev/excalidoc/ImageMarkupEditor/helpers/onSaveCallback.ts
+++ b/packages/tdev/excalidoc/ImageMarkupEditor/helpers/onSaveCallback.ts
@@ -1,9 +1,5 @@
 import type { ExcalidrawImperativeAPI, ExcalidrawInitialDataState } from '@excalidraw/excalidraw/types';
-import {
-    EXCALIDRAW_BACKGROUND_FILE_ID,
-    EXCALIDRAW_MAX_EXPORT_WIDTH,
-    EXCALIDRAW_STANDALONE_DRAWING_ID
-} from './constants';
+import { EXCALIDRAW_BACKGROUND_FILE_ID, EXCALIDRAW_STANDALONE_DRAWING_ID } from './constants';
 import type * as ExcalidrawLib from '@excalidraw/excalidraw';
 import { getImageElementFromScene, withoutMetaElements } from './getElementsFromScene';
 import type {
diff --git a/packages/tdev/pyodide-code/README.mdx b/packages/tdev/pyodide-code/README.mdx
new file mode 100644
index 000000000..a05b881be
--- /dev/null
+++ b/packages/tdev/pyodide-code/README.mdx
@@ -0,0 +1,274 @@
+---
+page_id: e7bde0ab-c0fe-4225-8325-e4ebc22d414b
+tags:
+  - '@tdev/'
+  - python
+  - code
+sidebar_position: 50
+---
+
+import BrowserWindow from '@tdev-components/BrowserWindow';
+import CodeBlock from '@theme/CodeBlock';
+import Clock from '@tdev/packages/pyodide-code/components/Clock';
+
+# pyodide-code
+
+````md
+```py live_pyo id=b26cde2c-5b0b-4acb-814e-9f2b3bdd29a9
+print("Hello from Pyodide!")
+```
+````
+
+<BrowserWindow>
+```py live_pyo id=b26cde2c-5b0b-4acb-814e-9f2b3bdd29a9
+print("Hello from Pyodide!")
+```
+</BrowserWindow>
+
+## Sleep
+
+
+```py live_pyo id=82e559e8-db77-4efb-adcc-f6cd18085c9e title=Sleep_und_Ausgabe
+from time import sleep
+for i in range(10):
+    print(i, i*i, i**3)
+    sleep(1)
+```
+
+## Fibonacci
+```py live_pyo id=d5d60431-5589-4d38-9c8c-9b563194f5cc title=Fibonacci_ohne_Rekursion
+def fibonacci(n):
+    if n <= 0:
+        return []
+    elif n == 1:
+        return [0]
+    elif n == 2:
+        return [0, 1]
+    else:
+        seq = [0, 1]
+        for i in range(2, n):
+            seq.append(seq[-1] + seq[-2])
+        return seq
+n = int(input("fib von? "))
+print(fibonacci(n))
+```
+
+### Mit Memoization
+
+```py live_pyo id=22b0f649-9b77-4e97-9ccb-cfeb159bbde9 title=Fibonacci_mit_Memoization
+from functools import lru_cache
+
+@lru_cache
+def fibonacci(n):
+    if n in {0, 1}:
+        return n
+    return fibonacci(n-1) + fibonacci(n-2)
+
+for n in range(1, 200):
+    print(f"Fibonacci({n}) = {fibonacci(n)}")
+```
+
+## Minimierung mit SciPy
+
+```py live_pyo id=8e484282-faac-4955-b0a2-b0a2e270f765 title=Minimierung_mit_SciPy
+import numpy as np
+from scipy import optimize
+# Function to minimize: f(x) = (x - 3)^2
+def func(x):
+    return (x - 3) ** 2
+
+# Minimize using scipy.optimize
+result = optimize.minimize(func, x0=0)
+print("Minimum at x =", result.x[0])
+print("Function value at minimum =", result.fun)
+```
+
+## Interaktive Komponenten hinzufügen
+
+Das `pyodide-code`-Package kann erweitert werden - sowohl mit neuen, lokalen Pythin-Bibliotheken als auch mit interaktiven Komponenten, die in React geschrieben sind und mit Python kommunizieren können. Ein Beispiel dafür ist die interaktive Uhr-Komponente:
+
+### Interaktive Uhr
+
+````md
+<Clock clockId="sbb-uhr" />
+
+```py live_pyo id=d5240fb9-2aab-4e02-8e88-770a117b2068 title=Interaktive_Uhr
+from clock import use_clock
+from time import sleep
+uhr = use_clock("sbb-uhr")
+
+while True:
+    uhr.set_seconds(uhr.seconds + 1)
+    sleep(0.01)
+```
+````
+
+<BrowserWindow>
+<Clock clockId="sbb-uhr" />
+```py live_pyo id=e63340b1-3821-4b70-99af-602272a48d8d title=Interaktive_Uhr
+from clock import use_clock
+from time import sleep
+uhr = use_clock("sbb-uhr")
+
+while True:
+    uhr.set_seconds(uhr.seconds + 1)
+    if uhr.seconds % 360 == 0:
+        sleep(0.99)
+        uhr.set_minutes(uhr.minutes + 6)
+        if uhr.minutes % 360 == 0:
+            uhr.set_hours(uhr.hours + 30)
+    sleep(0.01)
+```
+</BrowserWindow>
+
+### Implementations-Details
+
+Die Implementierung kann im Seitenspezifischen [`./website`](https://github.com/GBSL-Informatik/teaching-dev/tree/main/tdev-website/website)-Ordner nachvollzogen werden. Die wesentlichen Teile sind:
+
+- Nachrichten, die von Pyodide empfangen werden, werden an den `siteStore#handleMessage` weitergeleitet und können so beliebig verarbeitet werden.
+- Die Python `clock`-Bibliothek wird über `./website/packages/pyodide-code/pyodideJsModules/siteModules.ts` registriert und stellt die `use_clock`-Funktion zur Verfügung.
+    :::details[`siteModules.ts`]
+    ```ts
+    import type { ModuleType } from '@tdev/pyodide-code/pyodideJsModules';
+    /**
+    * this file is to add custom pyodide js modules for the teaching-dev website
+    * ensure to remove this file from the updateTdev.config.yaml to avoid overwriting
+    */
+
+    declare module '@tdev/pyodide-code/pyodideJsModules' {
+        export interface MessageTypeMap {
+            clock: {
+                type: 'clock';
+                id: string;
+                clockType: 'hours' | 'minutes' | 'seconds';
+                value: number;
+                timeStamp: number;
+            };
+        }
+    }
+
+    export const siteModules: Partial<ModuleType> = {
+        clock: (ctx) => {
+            const { sendMessage, getTime } = ctx;
+            return {
+                use_clock: (id: string) => {
+                    let hours = 0;
+                    let minutes = 0;
+                    let seconds = 0;
+                    return {
+                        get minutes() {
+                            return minutes;
+                        },
+                        get hours() {
+                            return hours;
+                        },
+                        get seconds() {
+                            return seconds;
+                        },
+                        reset: () => {
+                            hours = 0;
+                            minutes = 0;
+                            seconds = 0;
+                            ['hours', 'minutes', 'seconds'].forEach((clockType) => {
+                                sendMessage({
+                                    type: 'clock',
+                                    clockType: clockType as 'hours' | 'minutes' | 'seconds',
+                                    value: 0,
+                                    id: id,
+                                    timeStamp: getTime()
+                                });
+                            });
+                        },
+                        set_time: (h: number, m: number, s: number) => {
+                            hours = h;
+                            minutes = m;
+                            seconds = s;
+                            [
+                                ['hours', h],
+                                ['minutes', m],
+                                ['seconds', s]
+                            ].forEach(([clockType, value]) => {
+                                sendMessage({
+                                    type: 'clock',
+                                    clockType: clockType as 'hours' | 'minutes' | 'seconds',
+                                    value: value as number,
+                                    id: id,
+                                    timeStamp: getTime()
+                                });
+                            });
+                        },
+                        set_hours: (deg: number) => {
+                            hours = deg;
+                            sendMessage({
+                                type: 'clock',
+                                clockType: 'hours',
+                                value: deg,
+                                id: id,
+                                timeStamp: getTime()
+                            });
+                        },
+                        set_minutes: (deg: number) => {
+                            minutes = deg;
+                            sendMessage({
+                                type: 'clock',
+                                clockType: 'minutes',
+                                value: deg,
+                                id: id,
+                                timeStamp: getTime()
+                            });
+                        },
+                        set_seconds: (deg: number) => {
+                            seconds = deg;
+                            sendMessage({
+                                type: 'clock',
+                                clockType: 'seconds',
+                                value: deg,
+                                id: id,
+                                timeStamp: getTime()
+                            });
+                        }
+                    };
+                }
+            };
+        }
+    };
+
+    ```
+    :::
+- In `./website/packages/pyodide-code/models/Clock.ts` wird ein MobX-Modell für die Uhr definiert. Es kann über `@tdev/pyodide-code/models/Clock` importiert und in React-Komponenten verwendet werden.
+- In `./website/packages/pyodide-code/components/Clock` wird die eigentliche Uhr-Komponente implementiert, die das `Clock`-Modell verwendet, um die Zeiger zu positionieren.
+- In `./website/stores/ClockStore.ts` wird ein MobX-Store definiert, der die verschiedenen Uhren verwaltet und die Nachrichten von Pyodide verarbeitet. Dieser Store wird im `./website/stores/SiteStore.ts` registriert und initialisiert.
+
+
+## Installation
+
+:::info[`packages/tdev/pyodide-code`]
+Kopiere des `packages/tdev/pyodide-code`-Verzeichnis in das `tdev-website/website/packages`-Verzeichnis oder über `updateTdev.config.yaml` hinzufügen.
+:::
+
+
+import pyodideSW from '!!raw-loader!@site/static/pyodide.sw.js';
+
+1. Hinzufügen des `pyodide-code`-Package zu den `apiDocumentProviders` im `siteConfig.ts`:
+    ```ts title="siteConfig.ts"
+    const getSiteConfig: SiteConfigProvider = () => {
+        return {
+            apiDocumentProviders: [
+                require.resolve('@tdev/pyodide-code/register'),
+            ]
+        };
+    };
+    ```
+2. ServiceWorker hinzufügen:  
+    Damit Eingaben von Benutzer:innen abgewartet werden können, braucht es einen Servie-Worker. Dieser muss direkt in den statischen Ordner [`static/pyodide.sw.js`](https://github.com/GBSL-Informatik/teaching-dev/blob/main/static/pyodide.sw.js) kopiert werden.
+    :::details[`static/pyodide.sw.js`]
+    <CodeBlock language="js" title="pyodide.sw.js">
+        {pyodideSW}
+    </CodeBlock>
+    :::
+
+Danach muss erneut installiert werden:
+
+```bash
+yarn install
+```
\ No newline at end of file
diff --git a/packages/tdev/pyodide-code/components/Footer/index.tsx b/packages/tdev/pyodide-code/components/Footer/index.tsx
new file mode 100644
index 000000000..08b63d399
--- /dev/null
+++ b/packages/tdev/pyodide-code/components/Footer/index.tsx
@@ -0,0 +1,64 @@
+import * as React from 'react';
+import { observer } from 'mobx-react-lite';
+import Container from '@tdev-components/documents/CodeEditor/Editor/Footer/Container';
+import Logs from '@tdev-components/documents/CodeEditor/Editor/Footer/Logs';
+import PyodideCode from '@tdev/pyodide-code/models/PyodideCode';
+import styles from './styles.module.scss';
+import clsx from 'clsx';
+import TextInput from '@tdev-components/shared/TextInput';
+import Button from '@tdev-components/shared/Button';
+import { mdiClose, mdiSend } from '@mdi/js';
+
+interface Props {
+    code: PyodideCode;
+}
+
+const Footer = observer((props: Props) => {
+    const { code } = props;
+    return (
+        <Container>
+            {code.logs.length > 0 && (
+                <Logs
+                    messages={code.logs}
+                    onClear={() => {
+                        code.clearMessages();
+                    }}
+                />
+            )}
+            {code.hasPrompt && (
+                <div className={clsx(styles.prompt)}>
+                    <div className={clsx(styles.inputContainer)}>
+                        <TextInput
+                            label={code.promptText || 'Eingabe'}
+                            onChange={(text) => {
+                                code.setPromptResponse(text);
+                            }}
+                            value={code.promptResponse || ''}
+                            onEnter={() => {
+                                code.sendPromptResponse();
+                            }}
+                            className={clsx(styles.input)}
+                            labelClassName={clsx(styles.label)}
+                        />
+                    </div>
+                    <div className={clsx(styles.actions)}>
+                        <Button
+                            onClick={() => {
+                                code.sendPromptResponse();
+                            }}
+                            icon={mdiSend}
+                        />
+                        <Button
+                            icon={mdiClose}
+                            onClick={() => {
+                                code.pyodideStore.cancelCodeExecution(code.id);
+                            }}
+                        />
+                    </div>
+                </div>
+            )}
+        </Container>
+    );
+});
+
+export default Footer;
diff --git a/packages/tdev/pyodide-code/components/Footer/styles.module.scss b/packages/tdev/pyodide-code/components/Footer/styles.module.scss
new file mode 100644
index 000000000..a52fa5487
--- /dev/null
+++ b/packages/tdev/pyodide-code/components/Footer/styles.module.scss
@@ -0,0 +1,24 @@
+.prompt {
+    margin-top: 0.5rem;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    .inputContainer {
+        flex-grow: 1;
+        flex-shrink: 1;
+        display: flex;
+        align-items: center;
+        gap: 0.5rem;
+        flex-wrap: wrap;
+        .input {
+            flex-grow: 1;
+            flex-shrink: 1;
+            flex-basis: 12em;
+        }
+    }
+    .actions {
+        display: flex;
+        align-items: center;
+        flex-wrap: wrap;
+    }
+}
diff --git a/packages/tdev/pyodide-code/components/Header/index.tsx b/packages/tdev/pyodide-code/components/Header/index.tsx
new file mode 100644
index 000000000..7722d461c
--- /dev/null
+++ b/packages/tdev/pyodide-code/components/Header/index.tsx
@@ -0,0 +1,35 @@
+import * as React from 'react';
+import RunCode from '@tdev-components/documents/CodeEditor/Actions/RunCode';
+import { observer } from 'mobx-react-lite';
+import Container from '@tdev-components/documents/CodeEditor/Editor/Header/Container';
+import Content from '@tdev-components/documents/CodeEditor/Editor/Header/Content';
+import PyodideCode from '@tdev/pyodide-code/models/PyodideCode';
+import Button from '@tdev-components/shared/Button';
+import { mdiClose } from '@mdi/js';
+
+interface Props {
+    code: PyodideCode;
+}
+
+const Header = observer((props: Props) => {
+    const { code } = props;
+    if (!code) {
+        return null;
+    }
+    return (
+        <Container code={code} ignoreSlim>
+            {!code.meta.slim && <Content code={code} />}
+            {code.canExecute && <RunCode code={code} onExecute={() => !code.isExecuting && code.runCode()} />}
+            {code.isExecuting && (
+                <Button
+                    icon={mdiClose}
+                    onClick={() => {
+                        code.pyodideStore.recreatePyWorker();
+                    }}
+                />
+            )}
+        </Container>
+    );
+});
+
+export default Header;
diff --git a/packages/tdev/pyodide-code/components/Header/styles.module.scss b/packages/tdev/pyodide-code/components/Header/styles.module.scss
new file mode 100644
index 000000000..9c26c6795
--- /dev/null
+++ b/packages/tdev/pyodide-code/components/Header/styles.module.scss
@@ -0,0 +1,42 @@
+.controls {
+    grid-area: controls;
+    display: flex;
+    align-items: center;
+    letter-spacing: 0.08em;
+
+    z-index: calc(var(--ifm-z-index-fixed) - 2);
+    padding: 0.2em;
+    padding-left: 0.5em;
+    text-transform: uppercase;
+    font-weight: bold;
+    background: var(--ifm-color-emphasis-200);
+    color: var(--ifm-color-content);
+    font-size: calc(var(--ifm-code-font-size) * 1.2);
+    .title {
+        flex-shrink: 1;
+        overflow-x: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+    }
+    .dummyIndicatorIcon {
+        margin-left: 1em;
+    }
+    .spacer {
+        flex-grow: 1;
+        flex-basis: 0;
+    }
+    &.slim {
+        padding: 0;
+    }
+    &.unpersisted {
+        background: var(--ifm-color-warning-lightest);
+    }
+}
+
+[data-theme='dark'] {
+    .controls {
+        &.unpersisted {
+            background: var(--ifm-color-warning-darkest);
+        }
+    }
+}
diff --git a/packages/tdev/pyodide-code/components/Pyodide.tsx b/packages/tdev/pyodide-code/components/Pyodide.tsx
new file mode 100644
index 000000000..7998ca2b1
--- /dev/null
+++ b/packages/tdev/pyodide-code/components/Pyodide.tsx
@@ -0,0 +1,9 @@
+import React from 'react';
+import { observer } from 'mobx-react-lite';
+import { CodeEditor, Props } from '@tdev-components/documents/CodeEditor';
+
+const Pyodide = observer((props: Props) => {
+    return <CodeEditor liveCodeType="live_pyo" {...props} />;
+});
+
+export default Pyodide;
diff --git a/packages/tdev/pyodide-code/components/styles.module.scss b/packages/tdev/pyodide-code/components/styles.module.scss
new file mode 100644
index 000000000..a52fa5487
--- /dev/null
+++ b/packages/tdev/pyodide-code/components/styles.module.scss
@@ -0,0 +1,24 @@
+.prompt {
+    margin-top: 0.5rem;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    .inputContainer {
+        flex-grow: 1;
+        flex-shrink: 1;
+        display: flex;
+        align-items: center;
+        gap: 0.5rem;
+        flex-wrap: wrap;
+        .input {
+            flex-grow: 1;
+            flex-shrink: 1;
+            flex-basis: 12em;
+        }
+    }
+    .actions {
+        display: flex;
+        align-items: center;
+        flex-wrap: wrap;
+    }
+}
diff --git a/packages/tdev/pyodide-code/config.ts b/packages/tdev/pyodide-code/config.ts
new file mode 100644
index 000000000..ed08f3bb9
--- /dev/null
+++ b/packages/tdev/pyodide-code/config.ts
@@ -0,0 +1,7 @@
+export const DOCUSAURUS_SW_SCOPE = '/' as const;
+
+export const PY_INPUT = 'PY_INPUT' as const;
+export const PY_AWAIT_INPUT = 'PY_AWAIT_INPUT' as const;
+export const PY_STDIN_ROUTE = `${DOCUSAURUS_SW_SCOPE}py-get-input/` as const;
+export const PY_CANCEL_INPUT = 'PY_CANCEL_INPUT' as const;
+export const PY_CANCEL_ALL = 'PY_CANCEL_ALL' as const;
diff --git a/packages/tdev/pyodide-code/hooks/usePyodide.ts b/packages/tdev/pyodide-code/hooks/usePyodide.ts
new file mode 100644
index 000000000..cb92ea59f
--- /dev/null
+++ b/packages/tdev/pyodide-code/hooks/usePyodide.ts
@@ -0,0 +1,39 @@
+import { type PyodideAPI } from 'pyodide';
+import React from 'react';
+
+const pyodide: { lib: null | PyodideAPI } = {
+    lib: null
+};
+
+export const usePyodideLib = (): PyodideAPI | null => {
+    const [Lib, setLib] = React.useState<PyodideAPI | null>(pyodide.lib);
+    React.useEffect(() => {
+        if (Lib) {
+            return;
+        }
+        let cancelled = false;
+
+        // load script if not yet loaded
+        const script = document.createElement('script');
+        script.src = 'https://cdn.jsdelivr.net/pyodide/v0.29.1/full/pyodide.js';
+        script.onload = () => {
+            (window as any)
+                .loadPyodide({ indexURL: 'https://cdn.jsdelivr.net/pyodide/v0.29.1/full/' })
+                .then((pyodideInstance: PyodideAPI) => {
+                    if (cancelled) {
+                        return;
+                    }
+                    if (!pyodide.lib) {
+                        pyodide.lib = pyodideInstance;
+                    }
+                    setLib(pyodideInstance);
+                });
+        };
+        document.body.appendChild(script);
+
+        return () => {
+            cancelled = true;
+        };
+    }, []);
+    return Lib;
+};
diff --git a/packages/tdev/pyodide-code/index.ts b/packages/tdev/pyodide-code/index.ts
new file mode 100644
index 000000000..21a02e9ff
--- /dev/null
+++ b/packages/tdev/pyodide-code/index.ts
@@ -0,0 +1,18 @@
+import type { CurrentBundler, PluginConfig, PluginModule } from '@docusaurus/types';
+import type PyodideStore from './stores/PyodideStore';
+import PyodideCode from './models/PyodideCode';
+export interface PyodideData {
+    code: string;
+}
+
+declare module '@tdev-api/document' {
+    export interface TypeDataMapping {
+        ['pyodide_code']: PyodideData;
+    }
+    export interface TypeModelMapping {
+        ['pyodide_code']: PyodideCode;
+    }
+    export interface ViewStoreTypeMapping {
+        ['pyodideStore']: PyodideStore; // placeholder to avoid empty interface error
+    }
+}
diff --git a/packages/tdev/pyodide-code/models/ModelMeta.ts b/packages/tdev/pyodide-code/models/ModelMeta.ts
new file mode 100644
index 000000000..376d71ef7
--- /dev/null
+++ b/packages/tdev/pyodide-code/models/ModelMeta.ts
@@ -0,0 +1,11 @@
+import iCodeMeta from '@tdev-models/documents/iCode/iCodeMeta';
+export interface MetaInit {
+    code: string;
+    readonly: boolean;
+}
+
+export class ModelMeta extends iCodeMeta<'pyodide_code'> {
+    constructor(props: Partial<MetaInit>) {
+        super({ lang: 'py', title: 'Python', ...props }, 'pyodide_code');
+    }
+}
diff --git a/packages/tdev/pyodide-code/models/PyodideCode.ts b/packages/tdev/pyodide-code/models/PyodideCode.ts
new file mode 100644
index 000000000..6056ddaf4
--- /dev/null
+++ b/packages/tdev/pyodide-code/models/PyodideCode.ts
@@ -0,0 +1,132 @@
+import { action, computed, observable } from 'mobx';
+import { Source } from '@tdev-models/iDocument';
+import { Document as DocumentProps, TypeDataMapping, Access, Factory } from '@tdev-api/document';
+import DocumentStore from '@tdev-stores/DocumentStore';
+import { ModelMeta } from './ModelMeta';
+import iCode from '@tdev-models/documents/iCode';
+import { orderBy } from 'es-toolkit/array';
+import { ErrorMessage, LogMessage, Message } from '@tdev/pyodide-code/pyodideJsModules';
+
+export const createModel: Factory = (data, store) => {
+    return new PyodideCode(data as DocumentProps<'pyodide_code'>, store);
+};
+
+class PyodideCode extends iCode<'pyodide_code'> {
+    @observable accessor code: string;
+    @observable accessor runtimeId: number | null = null;
+    @observable accessor promptResponse: string | null = null;
+    messages = observable.array<Message>([], { deep: false });
+    constructor(props: DocumentProps<'pyodide_code'>, store: DocumentStore) {
+        super(props, store);
+        this.code = props.data?.code || this.meta.initCode || '';
+    }
+
+    @action
+    clearMessages() {
+        this.messages.clear();
+    }
+
+    @computed
+    get logs(): (LogMessage | ErrorMessage)[] {
+        return orderBy(
+            this.messages.filter((msg) => msg.type === 'log' || msg.type === 'error'),
+            ['timeStamp'],
+            ['asc']
+        );
+    }
+
+    @computed
+    get logErrorIndices(): [number, number][] {
+        const indices: [number, number][] = [];
+        let currentIndex = 1;
+        this.logs.forEach((msg, idx) => {
+            const lineCount = msg.message.split('\n').length;
+            if (msg.type === 'log') {
+                currentIndex += lineCount;
+                return;
+            }
+            indices.push([currentIndex, currentIndex + lineCount - 1]);
+            currentIndex += lineCount;
+        });
+        return indices;
+    }
+
+    @action
+    setRuntimeId(rid: number | null) {
+        this.runtimeId = rid;
+    }
+
+    get canExecute(): boolean {
+        return true;
+    }
+
+    @computed
+    get isExecuting(): boolean {
+        return this.runtimeId === this.pyodideStore.runtimeId;
+    }
+
+    @computed
+    get pyodideStore() {
+        return this.store.root.viewStore.useStore('pyodideStore');
+    }
+
+    @computed
+    get hasPrompt(): boolean {
+        return this.pyodideStore.awaitingInputPrompt.has(this.id);
+    }
+
+    get promptText(): string | null {
+        return this.pyodideStore.awaitingInputPrompt.get(this.id) || null;
+    }
+
+    @action
+    setPromptResponse(response: string) {
+        this.promptResponse = response;
+    }
+
+    @action
+    sendPromptResponse() {
+        if (this.promptResponse === null) {
+            this.pyodideStore.cancelCodeExecution(this.id);
+        }
+        this.pyodideStore.sendInputResponse(this.id, this.promptResponse || '');
+        this.promptResponse = null;
+    }
+
+    @action
+    addLogMessage(message: Message) {
+        this.messages.push({ ...message });
+    }
+
+    @action
+    setData(data: TypeDataMapping['pyodide_code'], from: Source, updatedAt?: Date): void {
+        this.code = data.code;
+        if (from === Source.LOCAL) {
+            this.save();
+        }
+        if (updatedAt) {
+            this.updatedAt = new Date(updatedAt);
+        }
+    }
+
+    @action
+    runCode() {
+        this.pyodideStore.run(this);
+    }
+
+    get data(): TypeDataMapping['pyodide_code'] {
+        return {
+            code: this.code
+        };
+    }
+
+    @computed
+    get meta(): ModelMeta {
+        if (this.root?.type === 'pyodide_code') {
+            return this.root.meta as ModelMeta;
+        }
+        return new ModelMeta({});
+    }
+}
+
+export default PyodideCode;
diff --git a/packages/tdev/pyodide-code/package.json b/packages/tdev/pyodide-code/package.json
new file mode 100644
index 000000000..5ca083113
--- /dev/null
+++ b/packages/tdev/pyodide-code/package.json
@@ -0,0 +1,23 @@
+{
+    "name": "@tdev/pyodide-code",
+    "version": "1.0.0",
+    "main": "index.ts",
+    "types": "index.ts",
+    "dependencies": {
+        "comlink": "^4.4.2",
+        "pyodide": "^0.29.1"
+    },
+    "devDependencies": {
+        "@docusaurus/core": "*",
+        "@docusaurus/module-type-aliases": "*",
+        "@types/node": "*",
+        "vitest": "*"
+    },
+    "peerDependencies": {
+        "@mdi/js": "*",
+        "@mdi/react": "*",
+        "@tdev/core": "1.0.0",
+        "mobx": "*",
+        "mobx-react-lite": "*"
+    }
+}
diff --git a/packages/tdev/pyodide-code/pyodideJsModules/index.ts b/packages/tdev/pyodide-code/pyodideJsModules/index.ts
new file mode 100644
index 000000000..51d418fbf
--- /dev/null
+++ b/packages/tdev/pyodide-code/pyodideJsModules/index.ts
@@ -0,0 +1,33 @@
+import { siteModules } from '@tdev/pyodide-code/pyodideJsModules/siteModules';
+
+export interface LogMessage {
+    id: string;
+    timeStamp: number;
+    type: 'log';
+    message: string;
+}
+export interface ErrorMessage {
+    id: string;
+    timeStamp: number;
+    type: 'error';
+    message: string;
+}
+
+export interface MessageTypeMap {
+    log: LogMessage;
+    error: ErrorMessage;
+}
+
+export type MessageType = keyof MessageTypeMap;
+
+export type Message = MessageTypeMap[MessageType];
+
+export interface Context {
+    sendMessage: (message: Message) => void;
+    getTime: () => number;
+}
+
+export type ModuleType = { [key in MessageType]: (ctx: Context) => object };
+export const pyodideJsModules: Partial<ModuleType> = {
+    ...siteModules
+};
diff --git a/packages/tdev/pyodide-code/pyodideJsModules/siteModules.ts b/packages/tdev/pyodide-code/pyodideJsModules/siteModules.ts
new file mode 100644
index 000000000..89bc5d2d8
--- /dev/null
+++ b/packages/tdev/pyodide-code/pyodideJsModules/siteModules.ts
@@ -0,0 +1,16 @@
+import type { ModuleType } from '@tdev/pyodide-code/pyodideJsModules';
+
+/**
+ * this file is to add custom pyodide js modules for the teaching-dev website
+ * ensure to remove this file from the updateTdev.config.yaml to avoid overwriting
+ */
+
+// declare module '@tdev/pyodide-code/pyodideJsModules' {
+//     export interface MessageTypeMap {
+//         foo: {
+//             timeStamp: number;
+//         };
+//     }
+// }
+
+export const siteModules: Partial<ModuleType> = {};
diff --git a/packages/tdev/pyodide-code/register.ts b/packages/tdev/pyodide-code/register.ts
new file mode 100644
index 000000000..65a15e848
--- /dev/null
+++ b/packages/tdev/pyodide-code/register.ts
@@ -0,0 +1,30 @@
+import { rootStore } from '@tdev-stores/rootStore';
+import PyodideStore from './stores/PyodideStore';
+import ViewStore from '@tdev-stores/ViewStores';
+import { createModel } from './models/PyodideCode';
+import { ModelMeta } from './models/ModelMeta';
+import { LiveCode } from '@tdev-stores/ComponentStore';
+import Header from './components/Header';
+import Footer from './components/Footer';
+
+const createStore = (viewStore: ViewStore) => {
+    return new PyodideStore(viewStore);
+};
+
+const register = () => {
+    rootStore.viewStore.registerStore('pyodideStore', createStore);
+    rootStore.documentStore.registerFactory('pyodide_code', createModel);
+    rootStore.componentStore.registerEditorComponent('pyodide_code', {
+        Header: Header,
+        Footer: Footer,
+        createModelMeta: (props) => new ModelMeta(props),
+        codeBlockMetastringMatcher: (metaLiveCode: LiveCode) => {
+            if (metaLiveCode === 'live_pyo') {
+                return 'pyodide_code';
+            }
+            return undefined;
+        }
+    });
+};
+
+register();
diff --git a/packages/tdev/pyodide-code/stores/PyodideStore.ts b/packages/tdev/pyodide-code/stores/PyodideStore.ts
new file mode 100644
index 000000000..74e561784
--- /dev/null
+++ b/packages/tdev/pyodide-code/stores/PyodideStore.ts
@@ -0,0 +1,245 @@
+import { action, computed, observable, runInAction } from 'mobx';
+import * as Comlink from 'comlink';
+import ViewStore from '@tdev-stores/ViewStores';
+import { PyWorker, PyWorkerApi } from '../workers/pyodide.worker';
+import ExecutionEnvironment from '@docusaurus/ExecutionEnvironment';
+import { PY_AWAIT_INPUT, PY_CANCEL_ALL, PY_CANCEL_INPUT, PY_INPUT } from '../config';
+import PyodideCode from '../models/PyodideCode';
+import siteConfig from '@generated/docusaurus.config';
+import { Message } from '@tdev/pyodide-code/pyodideJsModules';
+import SessionStorage from '@tdev-stores/utils/SessionStorage';
+const BASE_URL = siteConfig.baseUrl || '/';
+
+declare module '@tdev-stores/utils/SessionStorage' {
+    export interface StorageKey {
+        PyodideSwReloadCount: 'pyodideSwReloadCount';
+    }
+}
+
+const TimingServiceWorker =
+    ExecutionEnvironment.canUseDOM && 'serviceWorker' in navigator
+        ? navigator.serviceWorker.register(`${BASE_URL}pyodide.sw.js`, {
+              scope: BASE_URL,
+              type: 'module'
+          })
+        : null;
+
+export default class PyodideStore {
+    viewStore: ViewStore;
+    _worker: Worker | null = null;
+    @observable accessor runtimeId = Date.now();
+    @observable.ref accessor pyWorker: Comlink.Remote<PyWorker> | null = null;
+    @observable.ref accessor _serviceWorkerRegistration: ServiceWorker | null = null;
+    awaitingInputPrompt = observable.map<string, string | null>();
+    constructor(viewStore: ViewStore) {
+        this.viewStore = viewStore;
+        this.initialize();
+    }
+
+    @action
+    async run(code: PyodideCode) {
+        if (code.isExecuting) {
+            await this.recreatePyWorker();
+        }
+
+        code.clearMessages();
+        code.setRuntimeId(this.runtimeId);
+        if (!this.pyWorker) {
+            code.addLogMessage({
+                type: 'error',
+                message: 'Python worker is not initialized.',
+                id: code.id,
+                timeStamp: Date.now()
+            });
+            return;
+        }
+        const sendMessage = Comlink.proxy(
+            action((message: Message) => {
+                this.handleMessage(code, message);
+            })
+        );
+        return this.pyWorker
+            .run(code.id, code.combinedCode, sendMessage, code.title)
+            .then((message) => {
+                if (message && !(message.type === 'log' && message.message === undefined)) {
+                    this.handleMessage(code, message);
+                }
+            })
+            .finally(() => {
+                runInAction(() => {
+                    code.setRuntimeId(null);
+                });
+            });
+    }
+
+    @action
+    handleMessage(code: PyodideCode, message: Message) {
+        switch (message.type) {
+            case 'log':
+                code.addLogMessage(message);
+                break;
+            case 'error':
+                code.addLogMessage(message);
+                break;
+            default:
+                if ('handleMessage' in this.viewStore.root.siteStore) {
+                    this.viewStore.root.siteStore.handleMessage('pyodide', message);
+                }
+                break;
+        }
+    }
+
+    @computed
+    get isInitialized() {
+        return this.pyWorker !== null;
+    }
+
+    @action
+    cancelCodeExecution(id: string) {
+        if (!this._serviceWorkerRegistration) {
+            console.error('No service worker registration');
+            return;
+        }
+        if (!id) {
+            console.error('No current prompt id to cancel');
+            return;
+        }
+        this.awaitingInputPrompt.delete(id);
+        this._serviceWorkerRegistration.postMessage({
+            type: PY_CANCEL_INPUT,
+            id: id,
+            value: ''
+        });
+    }
+
+    @action
+    cancelAllCodeExecutions() {
+        if (!this._serviceWorkerRegistration) {
+            console.error('No service worker registration');
+            return;
+        }
+        this.awaitingInputPrompt.clear();
+        this._serviceWorkerRegistration.postMessage({
+            type: PY_CANCEL_ALL,
+            value: ''
+        });
+    }
+
+    @action
+    sendInputResponse(id: string, value: string) {
+        if (!this.awaitingInputPrompt.has(id)) {
+            console.error('Worker not awaiting input');
+            return;
+        }
+        if (!this._serviceWorkerRegistration) {
+            console.error('No service worker registration');
+            return;
+        }
+        this.awaitingInputPrompt.delete(id);
+        this._serviceWorkerRegistration.postMessage({
+            type: PY_INPUT,
+            id,
+            value
+        });
+    }
+
+    @action
+    createPyWorker() {
+        if (!ExecutionEnvironment.canUseDOM) {
+            return null;
+        }
+        if (this._worker) {
+            this._worker.terminate();
+        }
+        this._worker = new Worker(new URL('@tdev/pyodide-code/workers/pyodide.worker', import.meta.url), {
+            type: 'module'
+        });
+        return Comlink.wrap<PyWorkerApi>(this._worker);
+    }
+
+    @action
+    async recreatePyWorker() {
+        if (this.awaitingInputPrompt.size > 0) {
+            this.cancelAllCodeExecutions();
+        }
+        this.pyWorker = null;
+        this.runtimeId = Date.now(); // this will automatically stop all running scripts
+        return await this.initialize(true);
+    }
+
+    async initialize(skipSWRegistration = false) {
+        const ComPyWorker = this.createPyWorker();
+        if (!TimingServiceWorker || !ComPyWorker) {
+            console.error(
+                'Cannot initialize PyodideStore: missing service worker or worker creation failed.'
+            );
+            return;
+        }
+        if (!skipSWRegistration) {
+            await this.registerServiceWorker();
+        }
+        const pyWorker = await new ComPyWorker();
+        runInAction(() => {
+            this.pyWorker = pyWorker;
+        });
+    }
+
+    async registerServiceWorker() {
+        if (!TimingServiceWorker) {
+            console.error('Service workers are not supported in this environment.');
+            return;
+        }
+        try {
+            const registration = await TimingServiceWorker;
+            if (!registration.active) {
+                console.warn('Service worker registration not active yet.');
+                const reloadCount = SessionStorage.get('PyodideSwReloadCount', 0) ?? 0;
+                if (reloadCount < 1) {
+                    SessionStorage.set('PyodideSwReloadCount', reloadCount + 1);
+                    window.location.reload();
+                }
+                return;
+            }
+            runInAction(() => {
+                this._serviceWorkerRegistration = registration.active!;
+            });
+
+            registration.addEventListener('updatefound', () => {
+                const installingWorker = registration.installing;
+                if (installingWorker) {
+                    console.debug('Installing new service worker');
+                    installingWorker.addEventListener('statechange', () => {
+                        if (installingWorker.state === 'installed') {
+                            console.debug('New service worker installed');
+                            runInAction(() => {
+                                this._serviceWorkerRegistration = registration.active;
+                            });
+                        }
+                    });
+                }
+            });
+
+            window.addEventListener('beforeunload', () => {
+                if (this._serviceWorkerRegistration) {
+                    this.cancelAllCodeExecutions();
+                }
+            });
+
+            navigator.serviceWorker.onmessage = (event) => {
+                switch (event.data.type) {
+                    case PY_AWAIT_INPUT:
+                        if (event.source instanceof ServiceWorker) {
+                            // Update the service worker reference, in case the service worker is different to the one we registered
+                            this._serviceWorkerRegistration = registration.active;
+                        }
+                        runInAction(() => {
+                            this.awaitingInputPrompt.set(event.data.id, event.data.prompt);
+                        });
+                        break;
+                }
+            };
+        } catch (error) {
+            console.error('Service worker registration failed:', error);
+        }
+    }
+}
diff --git a/packages/tdev/pyodide-code/tsconfig.json b/packages/tdev/pyodide-code/tsconfig.json
new file mode 100644
index 000000000..3f1892001
--- /dev/null
+++ b/packages/tdev/pyodide-code/tsconfig.json
@@ -0,0 +1,6 @@
+{
+    "extends": "../../../tsconfig.package.json",
+    "compilerOptions": {
+        "lib": ["ESNext", "WebWorker", "dom"]
+    }
+}
diff --git a/packages/tdev/pyodide-code/workers/helper.loadPackages.ts b/packages/tdev/pyodide-code/workers/helper.loadPackages.ts
new file mode 100644
index 000000000..871cf7e5a
--- /dev/null
+++ b/packages/tdev/pyodide-code/workers/helper.loadPackages.ts
@@ -0,0 +1,106 @@
+import type { PyodideAPI } from 'pyodide';
+import { type Context, pyodideJsModules } from '../pyodideJsModules';
+import _ from 'es-toolkit/compat';
+const siteModules = new Set(Object.keys(pyodideJsModules));
+const StandardPythonNamespaces = new Set([
+    'xml',
+    'http',
+    'urllib',
+    'email',
+    'concurrent',
+    'importlib',
+    'logging',
+    'tkinter',
+    'unittest',
+    'asyncio'
+]);
+const StandardPythonPackages = new Set([
+    'ast',
+    'math',
+    'random',
+    'datetime',
+    'json',
+    're',
+    'sys',
+    'os',
+    'functools',
+    'itertools',
+    'collections',
+    'typing',
+    'time',
+    'threading',
+    'subprocess',
+    'pathlib',
+    'shutil',
+    'tempfile',
+    'hashlib',
+    'hmac',
+    'base64',
+    'struct',
+    'socket',
+    'ssl',
+    'copy',
+    'csv',
+    'pickle',
+    'enum',
+    'configparser',
+    'inspect',
+    'traceback',
+    'glob',
+    'bisect',
+    'heapq',
+    'queue',
+    'weakref',
+    'argparse',
+    'string',
+    'sysconfig',
+    'pkgutil'
+]);
+
+const getPackageImports = (code: string): string[] => {
+    const importStatements = code.split('\n').filter((line) => /^import |^from /.test(line));
+    const importPackages = importStatements.flatMap((line) => {
+        const match = line.match(/^import (?<names>.+)|^from (?<name>\S+) /);
+        if (match) {
+            if (match.groups?.names) {
+                return match.groups.names.split(',').map((n) => n.trim().split(' ')[0].split('.')[0]);
+            } else if (match.groups?.name && !match.groups.name.startsWith('.')) {
+                return [match.groups.name.split('.')[0]];
+            }
+        }
+        return [];
+    });
+    return importPackages.filter(
+        (pkg) => !StandardPythonPackages.has(pkg) && !StandardPythonNamespaces.has(pkg)
+    );
+};
+
+export const loadPackages = async (pyodide: PyodideAPI, context: Context, code: string) => {
+    const importPackages = getPackageImports(code);
+    const packages = _.groupBy(importPackages, (p) => (siteModules.has(p) ? 'site' : 'micropip'));
+    const sitePkgs = packages['site'] || [];
+    if (sitePkgs.length > 0) {
+        for (const pkg of sitePkgs) {
+            const moduleFactory = pyodideJsModules[pkg as keyof typeof pyodideJsModules];
+            if (moduleFactory) {
+                const module = moduleFactory(context);
+                pyodide.registerJsModule(pkg, module);
+            }
+        }
+    }
+    const micropipPkgs = packages['micropip'] || [];
+    if (micropipPkgs.length > 0) {
+        await pyodide.loadPackage('micropip');
+        const micropip = pyodide.pyimport('micropip');
+        await Promise.all(
+            micropipPkgs.map(async (pkg) => {
+                try {
+                    await micropip.install(pkg);
+                } catch (e) {
+                    // Package not found, ignore
+                    console.warn(`Package ${pkg} could not be loaded:`, e);
+                }
+            })
+        );
+    }
+};
diff --git a/packages/tdev/pyodide-code/workers/pyodide.worker.ts b/packages/tdev/pyodide-code/workers/pyodide.worker.ts
new file mode 100644
index 000000000..9fd285d0d
--- /dev/null
+++ b/packages/tdev/pyodide-code/workers/pyodide.worker.ts
@@ -0,0 +1,112 @@
+import * as Comlink from 'comlink';
+import type { loadPyodide } from 'pyodide';
+import { PY_STDIN_ROUTE } from '../config';
+import { loadPackages } from './helper.loadPackages';
+import { Message } from '@tdev/pyodide-code/pyodideJsModules';
+// @ts-ignore
+importScripts('https://cdn.jsdelivr.net/pyodide/v0.29.1/full/pyodide.js');
+// @ts-ignore
+let pyodideReadyPromise = (loadPyodide as typeof loadPyodide)({
+    indexURL: 'https://cdn.jsdelivr.net/pyodide/v0.29.1/full/'
+});
+
+const pyModule = {
+    getInput: (id: string, prompt: string) => {
+        const request = new XMLHttpRequest();
+        // Synchronous request to be intercepted by service worker
+        request.open('GET', `${PY_STDIN_ROUTE}?id=${id}&prompt=${encodeURIComponent(prompt)}`, false);
+        request.send(null);
+        if (request.status !== 200) {
+            throw new Error('User cancelled the input request');
+        }
+        return request.responseText;
+    }
+};
+const patchInputCode = (id: string) => `
+import sys, builtins
+import browser_input
+__prompt_str__ = ""
+def get_input(prompt=""):
+    global __prompt_str__
+    __prompt_str__ = prompt
+    s = browser_input.getInput("${id}", prompt)
+    return s
+builtins.input = get_input
+sys.stdin.readline = lambda: browser_input.getInput("${id}", __prompt_str__)
+`;
+
+export class PyWorker {
+    async run(
+        id: string,
+        code: string,
+        sendMessage: (message: Message) => void,
+        filename = 'snippet.py'
+    ): Promise<Message> {
+        const pyodide = await pyodideReadyPromise;
+        // Ensure unique timestamps for messages
+        let last_ts = Date.now();
+        let ts_fraction = 2;
+        const getTime = () => {
+            const now = Date.now();
+            let t = now;
+            if (last_ts === t) {
+                t = t + (1 - 1 / ts_fraction);
+                ts_fraction += 1;
+            } else {
+                last_ts = now;
+                ts_fraction = 2;
+            }
+            return t;
+        };
+
+        const context = {};
+        pyodide.registerComlink(Comlink);
+
+        await loadPackages(
+            pyodide,
+            {
+                sendMessage,
+                getTime
+            },
+            code
+        );
+
+        // patch input function to use browser_input module
+        pyodide.registerJsModule('browser_input', pyModule);
+
+        // TODO: move clock module to its own file/to the client
+        pyodide.registerJsModule('tdev', {
+            sendMessage: (message: Message) => {
+                sendMessage(message);
+            }
+        });
+
+        // make a Python dictionary with the data from `context`
+        const dict = pyodide.globals.get('dict');
+        const globals = dict(Object.entries(context));
+        pyodide.setStdout({
+            batched: (s: string) => {
+                sendMessage({ type: 'log', message: s, id: id, timeStamp: getTime() });
+            }
+        });
+        await pyodide.runPythonAsync(patchInputCode(id));
+        const fname = filename.endsWith('.py') ? filename : `${filename}.py`;
+        try {
+            // Execute the python code in this context
+            const result = await pyodide.runPythonAsync(code, { globals, filename: fname });
+            return {
+                type: 'log',
+                message: result === undefined ? '' : `${result}`,
+                id: id,
+                timeStamp: getTime()
+            };
+        } catch (error: any) {
+            return { type: 'error', message: error.message, id: id, timeStamp: getTime() };
+        } finally {
+            pyodide.setStdout(undefined);
+        }
+    }
+}
+
+Comlink.expose(PyWorker);
+export type PyWorkerApi = typeof PyWorker; // For type inference in main thread
diff --git a/src/api/OfflineApi/index.ts b/src/api/OfflineApi/index.ts
index 51717c62e..d9690c8b0 100644
--- a/src/api/OfflineApi/index.ts
+++ b/src/api/OfflineApi/index.ts
@@ -217,10 +217,14 @@ export default class OfflineApi {
             case 'users':
                 if (parts.length === 1 && parts[0] === 'documentRoots') {
                     const ids = query.getAll('ids');
+                    const docType = query.get('type') as DocumentType | null;
                     if (ids.length === 0) {
                         resolveResponse([] as unknown as T);
                     }
                     const documentRootDocs = await Promise.all(ids.map((id) => this.documentsBy(id)));
+                    const filteredDocs = docType
+                        ? documentRootDocs.map((docs) => docs.filter((doc) => doc.type === docType))
+                        : documentRootDocs;
 
                     const documenRoots = ids.map((rid) => {
                         return {
@@ -230,7 +234,7 @@ export default class OfflineApi {
                             userPermissions: [],
                             groupPermissions: [],
                             documents:
-                                documentRootDocs.find(
+                                filteredDocs.find(
                                     (docs) => docs.length > 0 && docs[0].documentRootId === rid
                                 ) || []
                         };
diff --git a/src/api/document.ts b/src/api/document.ts
index 47ba3c799..b38a01558 100644
--- a/src/api/document.ts
+++ b/src/api/document.ts
@@ -1,4 +1,3 @@
-import type Script from '@tdev-models/documents/Script';
 import type ScriptVersion from '@tdev-models/documents/ScriptVersion';
 import type TaskState from '@tdev-models/documents/TaskState';
 import type String from '@tdev-models/documents/String';
@@ -17,6 +16,8 @@ import DynamicDocumentRoots from '@tdev-models/documents/DynamicDocumentRoots';
 import ProgressState from '@tdev-models/documents/ProgressState';
 import type DocumentStore from '@tdev-stores/DocumentStore';
 import iDocumentContainer from '@tdev-models/iDocumentContainer';
+import iViewStore from '@tdev-stores/ViewStores/iViewStore';
+import Code from '@tdev-models/documents/Code';
 
 export enum Access {
     RO_DocumentRoot = 'RO_DocumentRoot',
@@ -30,10 +31,6 @@ export enum Access {
     None_User = 'None_User'
 }
 
-export interface ScriptData {
-    code: string;
-}
-
 export interface ScriptVersionData {
     code: string;
     pasted?: boolean;
@@ -47,6 +44,10 @@ export interface QuillV2Data {
     delta: Delta;
 }
 
+export interface CodeData {
+    code: string;
+}
+
 export interface SolutionData {
     /** no content needed */
 }
@@ -99,14 +100,23 @@ export interface DynamicDocumentRootsData<T extends ContainerType> {
     containerType: T;
     documentRootIds: string[];
 }
+
+export interface ViewStoreTypeMapping {
+    ['_view_store>']: typeof iViewStore; // placeholder to avoid empty interface error
+}
+
+export type ViewStoreType = keyof ViewStoreTypeMapping;
+export type ViewStore = ViewStoreTypeMapping[ViewStoreType];
+
 export interface ContainerTypeDataMapping {
     ['_container_placeholder_']: { name: string }; // placeholder to avoid empty interface error
 }
 
 export interface TypeDataMapping extends ContainerTypeDataMapping {
-    ['script']: ScriptData;
     ['task_state']: TaskStateData;
     ['progress_state']: ProgressStateData;
+    ['code']: CodeData;
+    // TODO: rename to `code_version`?
     ['script_version']: ScriptVersionData;
     ['string']: StringData;
     ['quill_v2']: QuillV2Data;
@@ -121,14 +131,21 @@ export interface TypeDataMapping extends ContainerTypeDataMapping {
 }
 export type ContainerType = keyof ContainerTypeDataMapping;
 
+type KeysWithCode<T> = {
+    [K in keyof T]: 'code' extends keyof T[K] ? K : never;
+}[keyof Omit<T, 'script_version'>];
+
+export type CodeType = KeysWithCode<TypeDataMapping>;
+
 export interface ContainerTypeModelMapping {
     ['_container_placeholder_']: iDocumentContainer<ContainerType>; // placeholder to avoid empty interface error
 }
 
 export interface TypeModelMapping extends ContainerTypeModelMapping {
-    ['script']: Script;
     ['task_state']: TaskState;
     ['progress_state']: ProgressState;
+    ['code']: Code;
+    // TODO: rename to `code_version`?
     ['script_version']: ScriptVersion;
     ['string']: String;
     ['quill_v2']: QuillV2;
diff --git a/src/components/documents/CodeEditor/Actions/DownloadCode.tsx b/src/components/documents/CodeEditor/Actions/DownloadCode.tsx
index c7a54ab79..622090120 100644
--- a/src/components/documents/CodeEditor/Actions/DownloadCode.tsx
+++ b/src/components/documents/CodeEditor/Actions/DownloadCode.tsx
@@ -1,30 +1,33 @@
 import * as React from 'react';
 import Button from '@tdev-components/documents/CodeEditor/Button';
 import { observer } from 'mobx-react-lite';
-import { useDocument } from '@tdev-hooks/useContextDocument';
-import { DocumentType } from '@tdev-api/document';
 import { mdiDownload } from '@mdi/js';
+import type iCode from '@tdev-models/documents/iCode';
+import type { CodeType } from '@tdev-api/document';
 
-const DownloadCode = observer((props: { title: string }) => {
-    const script = useDocument<'script'>();
+interface Props<T extends CodeType> {
+    code: iCode<T>;
+}
 
+const DownloadCode = observer(<T extends CodeType>(props: Props<T>) => {
+    const { code } = props;
     return (
         <Button
             icon={mdiDownload}
             onClick={() => {
                 const downloadLink = document.createElement('a');
-                const file = new Blob([script.code], { type: 'text/plain;charset=utf-8' });
+                const file = new Blob([code.code], { type: 'text/plain;charset=utf-8' });
                 downloadLink.href = URL.createObjectURL(file);
-                const fExt = script.lang === 'python' ? '.py' : `.${script.lang}`;
+                const fExt = code.lang === 'python' ? '.py' : `.${code.lang}`;
                 const fTitle =
-                    props.title === script.lang ? script.id : (props.title.split('/').pop() ?? script.id);
+                    props.code.title === code.lang ? code.id : (code.title.split('/').pop() ?? code.id);
                 const fName = fTitle.endsWith(fExt) ? fTitle : `${fTitle}${fExt}`;
                 downloadLink.download = fName;
                 document.body.appendChild(downloadLink);
                 downloadLink.click();
                 document.body.removeChild(downloadLink);
             }}
-            title={`Programm "${script.title}" herunterladen`}
+            title={`Programm "${code.title}" herunterladen`}
         />
     );
 });
diff --git a/src/components/documents/CodeEditor/Actions/Reset.tsx b/src/components/documents/CodeEditor/Actions/Reset.tsx
index 5441715e0..c83537f1d 100644
--- a/src/components/documents/CodeEditor/Actions/Reset.tsx
+++ b/src/components/documents/CodeEditor/Actions/Reset.tsx
@@ -1,21 +1,24 @@
 import * as React from 'react';
 import Button from '@tdev-components/documents/CodeEditor/Button';
-import { useDocument } from '@tdev-hooks/useContextDocument';
-import { DocumentType } from '@tdev-api/document';
 import { mdiRestore } from '@mdi/js';
 import { observer } from 'mobx-react-lite';
+import type { CodeType } from '@tdev-api/document';
+import type iCode from '@tdev-models/documents/iCode';
 
-const Reset = observer(() => {
-    const script = useDocument<'script'>();
+interface Props<T extends CodeType> {
+    code: iCode<T>;
+}
 
-    const onReset = () => {
+const Reset = observer(<T extends CodeType>(props: Props<T>) => {
+    const { code } = props;
+    const onReset = React.useEffectEvent(() => {
         const shouldReset = window.confirm(
             'Änderungen wirklich verwerfen? Dies kann nicht rückgängig gemacht werden.'
         );
         if (shouldReset) {
-            script.setCode(script.meta.initCode);
+            code.setCode(code.meta.initCode);
         }
-    };
+    });
     return (
         <Button onClick={onReset} title={'Code auf ursprünglichen Zustand zurücksetzen'} icon={mdiRestore} />
     );
diff --git a/src/components/documents/CodeEditor/Actions/RunCode.tsx b/src/components/documents/CodeEditor/Actions/RunCode.tsx
index a0c3003a4..89ccafceb 100644
--- a/src/components/documents/CodeEditor/Actions/RunCode.tsx
+++ b/src/components/documents/CodeEditor/Actions/RunCode.tsx
@@ -3,24 +3,31 @@ import Button, { Color } from '@tdev-components/documents/CodeEditor/Button';
 import styles from './styles.module.scss';
 import clsx from 'clsx';
 import { observer } from 'mobx-react-lite';
-import { useDocument } from '@tdev-hooks/useContextDocument';
 import { mdiLoading } from '@mdi/js';
+import iCode from '@tdev-models/documents/iCode';
+import { CodeType } from '@tdev-api/document';
+
+interface Props<T extends CodeType> {
+    code: iCode<T>;
+    onExecute?: () => void;
+}
+
 const Play =
     'M 7.4219 1.8281 c -0.6938 -0.4266 -1.5656 -0.4406 -2.2734 -0.0422 S 4 2.9344 4 3.75 V 20.25 c 0 0.8156 0.4406 1.5656 1.1484 1.9641 s 1.5797 0.3797 2.2734 -0.0422 L 20.9219 13.9219 c 0.6703 -0.4078 1.0781 -1.1344 1.0781 -1.9219 s -0.4078 -1.5094 -1.0781 -1.9219 L 7.4219 1.8281 Z';
 
-const RunCode = observer(() => {
-    const script = useDocument<'script'>();
+const RunCode = observer(<T extends CodeType>(props: Props<T>) => {
+    const { code } = props;
     return (
         <Button
-            icon={script.isExecuting ? mdiLoading : Play}
-            spin={script.isExecuting}
+            icon={code.isExecuting ? mdiLoading : Play}
+            spin={code.isExecuting}
             color={Color.Success}
-            className={clsx(styles.runCode, script.meta.slim && styles.slim)}
-            iconSize={script.meta.slim ? '1.15em' : '1.6em'}
+            className={clsx(styles.runCode, code.meta.slim && styles.slim)}
+            iconSize={code.meta.slim ? '1.15em' : '1.6em'}
             onClick={() => {
-                script.toggleScriptExecution();
+                props.onExecute?.();
             }}
-            title={`${script.title} ausführen`}
+            title={`${code.title} ausführen`}
         />
     );
 });
diff --git a/src/components/documents/CodeEditor/Actions/ShowRaw.tsx b/src/components/documents/CodeEditor/Actions/ShowRaw.tsx
index 5bb9b6a0d..37f7c0441 100644
--- a/src/components/documents/CodeEditor/Actions/ShowRaw.tsx
+++ b/src/components/documents/CodeEditor/Actions/ShowRaw.tsx
@@ -1,19 +1,23 @@
 import * as React from 'react';
 import Button, { Color } from '@tdev-components/documents/CodeEditor/Button';
-import { useDocument } from '@tdev-hooks/useContextDocument';
-import { DocumentType } from '@tdev-api/document';
 import { observer } from 'mobx-react-lite';
 import { mdiFileCodeOutline, mdiFileDocumentEditOutline, mdiFileEdit } from '@mdi/js';
+import type iCode from '@tdev-models/documents/iCode';
+import type { CodeType } from '@tdev-api/document';
 
-const ShowRaw = observer(() => {
-    const script = useDocument<'script'>();
+interface Props<T extends CodeType> {
+    code: iCode<T>;
+}
+
+const ShowRaw = observer(<T extends CodeType>(props: Props<T>) => {
+    const { code } = props;
 
     return (
         <Button
-            icon={script.showRaw ? mdiFileDocumentEditOutline : mdiFileCodeOutline}
-            onClick={() => script.setShowRaw(!script.showRaw)}
-            color={script.showRaw ? Color.Primary : Color.Secondary}
-            title={script.showRaw ? 'Zeige bearbeiteten Code' : 'Zeige ursprünglichen Code'}
+            icon={code.showRaw ? mdiFileDocumentEditOutline : mdiFileCodeOutline}
+            onClick={() => code.setShowRaw(!code.showRaw)}
+            color={code.showRaw ? Color.Primary : Color.Secondary}
+            title={code.showRaw ? 'Zeige bearbeiteten Code' : 'Zeige ursprünglichen Code'}
         />
     );
 });
diff --git a/src/components/documents/CodeEditor/CodeHistory/index.tsx b/src/components/documents/CodeEditor/CodeHistory/index.tsx
index 7911fb632..6b4756957 100644
--- a/src/components/documents/CodeEditor/CodeHistory/index.tsx
+++ b/src/components/documents/CodeEditor/CodeHistory/index.tsx
@@ -8,9 +8,10 @@ import Translate, { translate } from '@docusaurus/Translate';
 import DiffViewer from 'react-diff-viewer-continued';
 import Details from '@theme/Details';
 import { observer } from 'mobx-react-lite';
-import { useDocument } from '@tdev-hooks/useContextDocument';
 import Button from '../Button';
 import { mdiSync } from '@mdi/js';
+import iCode from '@tdev-models/documents/iCode';
+import { CodeType } from '@tdev-api/document';
 
 const highlightSyntax = (str: string) => {
     if (!str) {
@@ -27,11 +28,15 @@ const highlightSyntax = (str: string) => {
     );
 };
 
-const CodeHistory = observer(() => {
-    const script = useDocument<'script'>();
+interface Props<T extends CodeType> {
+    code: iCode<T>;
+}
+
+const CodeHistory = observer(<T extends CodeType>(props: Props<T>) => {
+    const { code } = props;
     const [version, setVersion] = React.useState(1);
-    const old = script.versions[version - 1];
-    const current = script.versions[version];
+    const old = code.versions[version - 1];
+    const current = code.versions[version];
 
     return (
         <div className={clsx(styles.codeHistory)}>
@@ -40,18 +45,18 @@ const CodeHistory = observer(() => {
                 summary={
                     <summary
                         onClick={(e) => {
-                            script.loadVersions();
+                            code.loadVersions();
                         }}
                     >
                         <div className={clsx(styles.summary)}>
                             <span className="badge badge--secondary">
-                                {script.versionsLoaded
+                                {code.versionsLoaded
                                     ? translate(
                                           {
                                               message: '{n} Versions',
                                               id: 'CodeHistory.nVersions.text'
                                           },
-                                          { n: script.versions.length }
+                                          { n: code.versions.length }
                                       )
                                     : translate({
                                           message: 'Versionen laden',
@@ -59,13 +64,13 @@ const CodeHistory = observer(() => {
                                       })}
                             </span>
                             <span className={clsx(styles.spacer)}></span>
-                            {script.versionsLoaded && (
+                            {code.versionsLoaded && (
                                 <Button
                                     icon={mdiSync}
                                     onClick={(e) => {
                                         e.stopPropagation();
                                         e.preventDefault();
-                                        script.loadVersions(true);
+                                        code.loadVersions(true);
                                     }}
                                     title="Versionen erneut synchronisieren"
                                 />
@@ -74,7 +79,7 @@ const CodeHistory = observer(() => {
                     </summary>
                 }
             >
-                {script.versionsLoaded && current && (
+                {code.versionsLoaded && current && (
                     <div
                         className={clsx(styles.content)}
                         onClick={(e) => {
@@ -92,13 +97,13 @@ const CodeHistory = observer(() => {
                                     setVersion(c);
                                 }}
                                 min={1}
-                                max={script.versions.length - 1}
-                                dots={script.versions.length < 50}
+                                max={code.versions.length - 1}
+                                dots={code.versions.length < 50}
                             />
                             <span className="badge badge--primary">V{version}</span>
                         </div>
                         <div className={clsx(styles.diffViewer)}>
-                            {script.versions.length > 0 && (
+                            {code.versions.length > 0 && (
                                 <DiffViewer
                                     splitView
                                     oldValue={old.code}
diff --git a/src/components/documents/CodeEditor/Editor/EditorAce.tsx b/src/components/documents/CodeEditor/Editor/EditorAce.tsx
index c45e3e892..a80d8fb34 100644
--- a/src/components/documents/CodeEditor/Editor/EditorAce.tsx
+++ b/src/components/documents/CodeEditor/Editor/EditorAce.tsx
@@ -1,34 +1,37 @@
 import * as React from 'react';
 import clsx from 'clsx';
 import styles from './styles.module.scss';
-import { DOM_ELEMENT_IDS } from '@tdev-components/documents/CodeEditor/constants';
 import AceEditor from 'react-ace';
 import 'ace-builds/src-noconflict/ext-language_tools';
 import 'ace-builds/webpack-resolver';
 import 'ace-builds/esm-resolver';
-import { useDocument } from '@tdev-hooks/useContextDocument';
-import { DocumentType } from '@tdev-api/document';
 import { observer } from 'mobx-react-lite';
 import useCodeTheme from '@tdev-hooks/useCodeTheme';
+import type { CodeType } from '@tdev-api/document';
+import type iCode from '@tdev-models/documents/iCode';
 
 const ALIAS_LANG_MAP_ACE = {
     mpy: 'python',
     py: 'python'
 };
 
-const EditorAce = observer(() => {
-    const script = useDocument<'script'>();
+interface Props<T extends CodeType> {
+    code: iCode<T>;
+}
+
+const EditorAce = observer(<T extends CodeType>(props: Props<T>) => {
+    const { code } = props;
     const eRef = React.useRef<AceEditor>(null);
     const { aceTheme } = useCodeTheme();
     React.useEffect(() => {
         if (eRef && eRef.current) {
             const node = eRef.current;
-            if (script.lang === 'python') {
+            if (code.lang === 'python') {
                 node.editor.commands.addCommand({
                     // commands is array of key bindings.
                     name: 'execute',
                     bindKey: { win: 'Ctrl-Enter', mac: 'Command-Enter' },
-                    exec: () => script.execScript()
+                    exec: () => code.runCode()
                 });
             }
             node.editor.commands.addCommand({
@@ -36,7 +39,7 @@ const EditorAce = observer(() => {
                 name: 'save',
                 bindKey: { win: 'Ctrl-s', mac: 'Command-s' },
                 exec: () => {
-                    script.saveNow();
+                    code.saveNow();
                 }
             });
             return () => {
@@ -52,12 +55,12 @@ const EditorAce = observer(() => {
                 }
             };
         }
-    }, [eRef, script]);
+    }, [eRef, code]);
 
     return (
         <div className={clsx(styles.editor)}>
             <AceEditor
-                className={clsx(styles.brythonEditor, !script.meta.showLineNumbers && styles.noGutter)}
+                className={clsx(styles.brythonEditor, !code.meta.showLineNumbers && styles.noGutter)}
                 style={{
                     width: '100%',
                     lineHeight: 'var(--ifm-pre-line-height)',
@@ -66,27 +69,27 @@ const EditorAce = observer(() => {
                 }}
                 fontSize={'var(--ifm-code-font-size)'}
                 onPaste={() => {
-                    if (script.meta.versioned) {
+                    if (code.meta.versioned) {
                         /**
                          * Save immediately as pasted content
                          */
-                        script.setIsPasted(true);
+                        code.setIsPasted(true);
                     }
                 }}
                 focus={false}
                 navigateToFileEnd={false}
-                minLines={script.meta.minLines}
-                maxLines={script.meta.maxLines}
+                minLines={code.meta.minLines}
+                maxLines={code.meta.maxLines}
                 ref={eRef}
-                mode={ALIAS_LANG_MAP_ACE[script.lang as keyof typeof ALIAS_LANG_MAP_ACE] ?? script.lang}
-                theme={script.meta.theme ?? aceTheme}
+                mode={ALIAS_LANG_MAP_ACE[code.lang as keyof typeof ALIAS_LANG_MAP_ACE] ?? code.lang}
+                theme={code.meta.theme ?? aceTheme}
                 onChange={(value: string, e: { action: 'insert' | 'remove' }) => {
-                    script.setCode(value, e.action);
+                    code.setCode(value, e.action);
                 }}
-                readOnly={script.meta.readonly || script.showRaw}
-                value={script.showRaw ? script.pristineCode : script.code}
-                defaultValue={script?.code || '\n'}
-                name={DOM_ELEMENT_IDS.aceEditor(script.codeId)}
+                readOnly={code.meta.readonly || code.showRaw}
+                value={code.showRaw ? code.pristineCode : code.code}
+                defaultValue={code?.code || '\n'}
+                name={code.codeId}
                 editorProps={{ $blockScrolling: true }}
                 setOptions={{
                     displayIndentGuides: true,
@@ -98,7 +101,7 @@ const EditorAce = observer(() => {
                 enableBasicAutocompletion
                 enableLiveAutocompletion={false}
                 enableSnippets={false}
-                showGutter={script.meta.showLineNumbers}
+                showGutter={code.meta.showLineNumbers}
             />
         </div>
     );
diff --git a/src/components/documents/CodeEditor/Editor/Footer/Container.tsx b/src/components/documents/CodeEditor/Editor/Footer/Container.tsx
new file mode 100644
index 000000000..e48f7ceba
--- /dev/null
+++ b/src/components/documents/CodeEditor/Editor/Footer/Container.tsx
@@ -0,0 +1,13 @@
+import * as React from 'react';
+import styles from './styles.module.scss';
+import { observer } from 'mobx-react-lite';
+
+interface Props {
+    children?: React.ReactNode;
+}
+
+const Container = observer((props: Props) => {
+    return <div className={styles.footer}>{props.children}</div>;
+});
+
+export default Container;
diff --git a/src/components/documents/CodeEditor/Editor/Footer/Logs/index.tsx b/src/components/documents/CodeEditor/Editor/Footer/Logs/index.tsx
new file mode 100644
index 000000000..7b3e6f528
--- /dev/null
+++ b/src/components/documents/CodeEditor/Editor/Footer/Logs/index.tsx
@@ -0,0 +1,65 @@
+import React from 'react';
+import clsx from 'clsx';
+import styles from './styles.module.scss';
+import { observer } from 'mobx-react-lite';
+import { useStore } from '@tdev-hooks/useStore';
+import Button from '@tdev-components/shared/Button';
+import { mdiCardRemoveOutline } from '@mdi/js';
+import { SIZE_S, SIZE_XS } from '@tdev-components/shared/iconSizes';
+import CopyBadge from '@tdev-components/shared/CopyBadge';
+import CopyButton from '@tdev-components/shared/Button/CopyButton';
+
+export type LogMessage = { type: 'log' | 'error'; message: string };
+
+interface Props {
+    messages: LogMessage[];
+    onClear: () => void;
+    maxLines?: number;
+}
+// make it scroll always to bottom - add a ref to the messages container and useEffect to scroll
+const Logs = observer((props: Props) => {
+    const { messages, onClear, maxLines = 40 } = props;
+    const ref = React.useRef<HTMLDivElement>(null);
+    const [hasHorizontalOverflow, setHasHorizontalOverflow] = React.useState(false);
+    React.useEffect(() => {
+        if (ref.current) {
+            ref.current.scrollTop = ref.current.scrollHeight;
+            setHasHorizontalOverflow(ref.current.scrollWidth > ref.current.clientWidth);
+        }
+    }, [messages]);
+    return (
+        <div className={clsx(styles.logs)}>
+            <div className={clsx(styles.actions)}>
+                <div className={clsx(styles.hoverActions)}>
+                    <CopyButton
+                        size={SIZE_S}
+                        value={messages.map((msg) => msg.message).join('\n')}
+                        title="Kopieren"
+                        className={clsx(styles.button)}
+                    />
+                    <Button
+                        title="Logs leeren"
+                        onClick={onClear}
+                        icon={mdiCardRemoveOutline}
+                        size={SIZE_S}
+                        className={clsx(styles.button)}
+                    />
+                </div>
+            </div>
+            <div className={clsx(styles.messages)} style={{ maxHeight: maxLines * 1.2 + 2 + 'em' }} ref={ref}>
+                {messages.map((msg, idx) => (
+                    <pre key={idx} className={clsx(styles.message, styles[msg.type])}>
+                        {msg.message}
+                    </pre>
+                ))}
+                {hasHorizontalOverflow && (
+                    <div className={clsx(styles.message, styles.scrollMargin)}>
+                        <br />
+                    </div>
+                )}
+            </div>
+        </div>
+    );
+});
+
+export default Logs;
diff --git a/src/components/documents/CodeEditor/Editor/Footer/Logs/styles.module.scss b/src/components/documents/CodeEditor/Editor/Footer/Logs/styles.module.scss
new file mode 100644
index 000000000..6c14a8ac9
--- /dev/null
+++ b/src/components/documents/CodeEditor/Editor/Footer/Logs/styles.module.scss
@@ -0,0 +1,48 @@
+.logs {
+    position: relative;
+    padding: var(--ifm-pre-padding);
+    background-color: var(--prism-background-color);
+
+    .actions {
+        position: sticky;
+        top: 8px;
+        width: 100%;
+        .hoverActions {
+            gap: 4px;
+            display: none;
+            top: 0;
+            right: 0px;
+            position: absolute;
+        }
+    }
+    &:hover {
+        .actions {
+            .hoverActions {
+                display: flex;
+                .button {
+                    &:hover {
+                        background-color: var(--ifm-color-gray-200);
+                        opacity: 1;
+                    }
+                }
+            }
+        }
+    }
+    .messages {
+        overflow: auto;
+        .message {
+            font: var(--ifm-code-font-size) / var(--ifm-pre-line-height) var(--ifm-font-family-monospace);
+            text-wrap: nowrap;
+            margin: 0;
+            padding: 0;
+            overflow: visible;
+            &.error {
+                color: var(--ifm-color-danger-dark);
+                text-wrap: wrap;
+            }
+            &.scrollMargin {
+                line-height: 1;
+            }
+        }
+    }
+}
diff --git a/src/components/documents/CodeEditor/Editor/Result/styles.module.scss b/src/components/documents/CodeEditor/Editor/Footer/styles.module.scss
similarity index 79%
rename from src/components/documents/CodeEditor/Editor/Result/styles.module.scss
rename to src/components/documents/CodeEditor/Editor/Footer/styles.module.scss
index 1c930af07..fa873a817 100644
--- a/src/components/documents/CodeEditor/Editor/Result/styles.module.scss
+++ b/src/components/documents/CodeEditor/Editor/Footer/styles.module.scss
@@ -1,4 +1,4 @@
-.result {
+.footer {
     grid-area: result;
     max-width: 100%;
     overflow-x: auto;
@@ -7,18 +7,18 @@
     flex-basis: 80ch;
 }
 
-.result > pre {
+.footer > pre {
     margin-bottom: 0px;
     border-top-left-radius: 0;
     border-top-right-radius: 0;
 }
 
-.result :global(.theme-code-block-highlighted-line) {
+.footer :global(.theme-code-block-highlighted-line) {
     color: var(--ifm-color-danger-darker) !important;
     background: transparent;
 }
 
-.result pre {
+.footer pre {
     border-top-left-radius: 0;
     border-top-right-radius: 0;
 }
diff --git a/src/components/documents/CodeEditor/Editor/Header/Container.tsx b/src/components/documents/CodeEditor/Editor/Header/Container.tsx
new file mode 100644
index 000000000..5875ad5b0
--- /dev/null
+++ b/src/components/documents/CodeEditor/Editor/Header/Container.tsx
@@ -0,0 +1,30 @@
+import * as React from 'react';
+import clsx from 'clsx';
+import styles from './styles.module.scss';
+import { observer } from 'mobx-react-lite';
+import type { CodeType } from '@tdev-api/document';
+import type iCode from '@tdev-models/documents/iCode';
+
+interface Props<T extends CodeType> {
+    code: iCode<T>;
+    children: React.ReactNode;
+    ignoreSlim?: boolean;
+}
+
+const Container = observer(<T extends CodeType>(props: Props<T>) => {
+    const { code } = props;
+    const notifyUnpersisted = code.root?.isDummy && !code.meta.slim && !code.meta.hideWarning;
+    return (
+        <div
+            className={clsx(
+                styles.controls,
+                code.meta.slim && styles.slim,
+                notifyUnpersisted && styles.unpersisted
+            )}
+        >
+            {(!code.meta.slim || props.ignoreSlim) && props.children}
+        </div>
+    );
+});
+
+export default Container;
diff --git a/src/components/documents/CodeEditor/Editor/Header/Content.tsx b/src/components/documents/CodeEditor/Editor/Header/Content.tsx
new file mode 100644
index 000000000..040ce4dcc
--- /dev/null
+++ b/src/components/documents/CodeEditor/Editor/Header/Content.tsx
@@ -0,0 +1,43 @@
+import * as React from 'react';
+import clsx from 'clsx';
+import styles from './styles.module.scss';
+import Reset from '@tdev-components/documents/CodeEditor/Actions/Reset';
+import { observer } from 'mobx-react-lite';
+import SyncStatus from '@tdev-components/SyncStatus';
+import Icon from '@mdi/react';
+import { mdiFlashTriangle } from '@mdi/js';
+import type { CodeType } from '@tdev-api/document';
+import type iCode from '@tdev-models/documents/iCode';
+import DownloadCode from '../../Actions/DownloadCode';
+import ShowRaw from '../../Actions/ShowRaw';
+
+interface Props<T extends CodeType> {
+    code: iCode<T>;
+}
+
+const Content = observer(<T extends CodeType>(props: Props<T>) => {
+    const { code } = props;
+    const notifyUnpersisted = code.root?.isDummy && !code.meta.slim && !code.meta.hideWarning;
+    return (
+        <>
+            <div className={clsx(styles.title)}>{code.title}</div>
+            <div className={clsx(styles.spacer)} />
+            {notifyUnpersisted && (
+                <Icon
+                    path={mdiFlashTriangle}
+                    size={0.7}
+                    color="orange"
+                    title="Wird nicht gespeichert."
+                    className={clsx(styles.dummyIndicatorIcon)}
+                />
+            )}
+            <div className={clsx(styles.spacer)} />
+            <SyncStatus model={code} />
+            {code.hasEdits && code.meta.isResettable && <Reset code={code} />}
+            {code.meta.canDownload && <DownloadCode code={code} />}
+            {code.hasEdits && code.meta.canCompare && <ShowRaw code={code} />}
+        </>
+    );
+});
+
+export default Content;
diff --git a/src/components/documents/CodeEditor/Editor/Header/index.tsx b/src/components/documents/CodeEditor/Editor/Header/index.tsx
index c7d487135..e662974eb 100644
--- a/src/components/documents/CodeEditor/Editor/Header/index.tsx
+++ b/src/components/documents/CodeEditor/Editor/Header/index.tsx
@@ -1,50 +1,20 @@
 import * as React from 'react';
-import clsx from 'clsx';
-import styles from './styles.module.scss';
-import Reset from '@tdev-components/documents/CodeEditor/Actions/Reset';
-import DownloadCode from '@tdev-components/documents/CodeEditor/Actions/DownloadCode';
-import ShowRaw from '@tdev-components/documents/CodeEditor/Actions/ShowRaw';
-import RunCode from '@tdev-components/documents/CodeEditor/Actions/RunCode';
 import { observer } from 'mobx-react-lite';
-import { useDocument } from '@tdev-hooks/useContextDocument';
-import { DocumentType } from '@tdev-api/document';
-import SyncStatus from '@tdev-components/SyncStatus';
-import Icon from '@mdi/react';
-import { mdiFlashTriangle } from '@mdi/js';
+import type { CodeType } from '@tdev-api/document';
+import type iCode from '@tdev-models/documents/iCode';
+import Container from './Container';
+import Content from './Content';
 
-const Header = observer(() => {
-    const script = useDocument<'script'>();
-    const notifyUnpersisted = script.root?.isDummy && !script.meta.slim && !script.meta.hideWarning;
+interface Props<T extends CodeType> {
+    code: iCode<T>;
+}
+
+const Header = observer(<T extends CodeType>(props: Props<T>) => {
+    const { code } = props;
     return (
-        <div
-            className={clsx(
-                styles.controls,
-                script.meta.slim && styles.slim,
-                notifyUnpersisted && styles.unpersisted
-            )}
-        >
-            {!script.meta.slim && (
-                <React.Fragment>
-                    <div className={styles.title}>{script.title}</div>
-                    <div className={styles.spacer} />
-                    {notifyUnpersisted && (
-                        <Icon
-                            path={mdiFlashTriangle}
-                            size={0.7}
-                            color="orange"
-                            title="Wird nicht gespeichert."
-                            className={styles.dummyIndicatorIcon}
-                        />
-                    )}
-                    <div className={styles.spacer} />
-                    <SyncStatus model={script} />
-                    {script.hasEdits && script.meta.isResettable && <Reset />}
-                    {script.meta.canDownload && <DownloadCode title={script.title} />}
-                    {script.hasEdits && script.meta.canCompare && <ShowRaw />}
-                </React.Fragment>
-            )}
-            {script.lang === 'python' && <RunCode />}
-        </div>
+        <Container code={code}>
+            <Content code={code} />
+        </Container>
     );
 });
 
diff --git a/src/components/documents/CodeEditor/Editor/HiddenCode/index.tsx b/src/components/documents/CodeEditor/Editor/HiddenCode/index.tsx
index b8e3fef90..068386e84 100644
--- a/src/components/documents/CodeEditor/Editor/HiddenCode/index.tsx
+++ b/src/components/documents/CodeEditor/Editor/HiddenCode/index.tsx
@@ -3,21 +3,22 @@ import styles from './styles.module.scss';
 import CodeBlock from '@theme/CodeBlock';
 import clsx from 'clsx';
 import { observer } from 'mobx-react-lite';
-import { useDocument } from '@tdev-hooks/useContextDocument';
-import { DocumentType } from '@tdev-api/document';
 import Icon from '@mdi/react';
 import { mdiArrowExpandDown, mdiArrowExpandUp } from '@mdi/js';
 import _ from 'es-toolkit/compat';
+import type { CodeType } from '@tdev-api/document';
+import type iCode from '@tdev-models/documents/iCode';
 
-interface Props {
+interface Props<T extends CodeType> {
     type: 'pre' | 'post';
+    code: iCode<T>;
 }
 
-const HiddenCode = observer((props: Props) => {
-    const script = useDocument<'script'>();
+const HiddenCode = observer(<T extends CodeType>(props: Props<T>) => {
+    const { code } = props;
     const [show, setShow] = React.useState(false);
-    const code = props.type === 'pre' ? script.meta.preCode : script.meta.postCode;
-    if (code.length === 0) {
+    const codeContent = props.type === 'pre' ? code.meta.preCode : code.meta.postCode;
+    if (codeContent.length === 0) {
         return null;
     }
     return (
@@ -31,10 +32,10 @@ const HiddenCode = observer((props: Props) => {
                             styles.hiddenCode,
                             styles.pre,
                             show && styles.open,
-                            script.meta.slim && styles.slim
+                            code.meta.slim && styles.slim
                         )}
                     >
-                        {code}
+                        {codeContent}
                     </CodeBlock>
                 </div>
             )}
@@ -43,7 +44,7 @@ const HiddenCode = observer((props: Props) => {
                     styles.toggleButton,
                     show && styles.open,
                     styles[props.type],
-                    script.codeLines <= 1 && styles.singleLine
+                    code.codeLines <= 1 && styles.singleLine
                 )}
                 onClick={() => setShow(!show)}
                 title={
diff --git a/src/components/documents/CodeEditor/Editor/Result/index.tsx b/src/components/documents/CodeEditor/Editor/Result/index.tsx
deleted file mode 100644
index 7289cfff4..000000000
--- a/src/components/documents/CodeEditor/Editor/Result/index.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-import * as React from 'react';
-import styles from './styles.module.scss';
-import CodeBlock from '@theme/CodeBlock';
-import { DocumentType } from '@tdev-api/document';
-import { useDocument } from '@tdev-hooks/useContextDocument';
-import { observer } from 'mobx-react-lite';
-
-const Result = observer(() => {
-    const script = useDocument<'script'>();
-    const logs = script.logs;
-    if (logs.length === 0) {
-        return null;
-    }
-    const errors: string[] = [];
-    let lineNr = 1;
-    const code = logs.slice().map((msg) => {
-        const msgLen = (msg.output || '').split('\n').length - 1;
-        if (msg.type === 'stderr') {
-            errors.push(`${lineNr}-${lineNr + msgLen}`);
-        }
-        lineNr += msgLen;
-        return msg.output;
-    });
-    return (
-        <div className={styles.result}>
-            <CodeBlock metastring={`{${errors.join(',')}}`}>{code.join('')}</CodeBlock>
-        </div>
-    );
-});
-
-export default Result;
diff --git a/src/components/documents/CodeEditor/Editor/index.tsx b/src/components/documents/CodeEditor/Editor/index.tsx
index a8efdcd64..ba349505a 100644
--- a/src/components/documents/CodeEditor/Editor/index.tsx
+++ b/src/components/documents/CodeEditor/Editor/index.tsx
@@ -1,46 +1,38 @@
 import * as React from 'react';
 import clsx from 'clsx';
 import styles from './styles.module.scss';
-import Header from './Header';
 import HiddenCode from './HiddenCode';
 import EditorAce from './EditorAce';
-import Result from './Result';
-import { DOM_ELEMENT_IDS } from '../constants';
-import { useDocument } from '@tdev-hooks/useContextDocument';
-import { DocumentType } from '@tdev-api/document';
-import Graphics from './Result/Graphics';
-import Canvas from './Result/Graphics/Canvas';
-import Turtle from './Result/Graphics/Turtle';
 import { observer } from 'mobx-react-lite';
 import { useStore } from '@tdev-hooks/useStore';
 
-const Editor = observer(() => {
-    const script = useDocument<'script'>();
-    const pageStore = useStore('pageStore');
+import type { CodeType, TypeModelMapping } from '@tdev-api/document';
+import type iCode from '@tdev-models/documents/iCode';
+import Header from './Header';
+
+interface Props<T extends CodeType> {
+    code: iCode<T>;
+}
+
+const Editor = observer(<T extends CodeType>(props: Props<T>) => {
+    const { code } = props;
+    const componentStore = useStore('componentStore');
+    const EC = componentStore.editorComponent(code.type);
     return (
-        <React.Fragment>
-            <Header />
+        <>
+            {EC?.Header ? (
+                <EC.Header code={code as unknown as TypeModelMapping[T]} />
+            ) : (
+                <Header code={code} />
+            )}
             <div className={clsx(styles.editorContainer)}>
-                <HiddenCode type="pre" />
-                <EditorAce />
-                <HiddenCode type="post" />
+                <HiddenCode type="pre" code={code} />
+                <EditorAce code={code} />
+                <HiddenCode type="post" code={code} />
             </div>
-            {script.lang === 'python' && (
-                <>
-                    <Result />
-                    <div id={DOM_ELEMENT_IDS.outputDiv(script.codeId)}></div>
-                    {script.graphicsModalExecutionNr > 0 && (
-                        <>
-                            {script.hasTurtleOutput && pageStore.runningTurtleScriptId === script.id && (
-                                <Turtle />
-                            )}
-                            {script.hasCanvasOutput && <Canvas />}
-                            {!script.hasCanvasOutput && !script.hasTurtleOutput && <Graphics />}
-                        </>
-                    )}
-                </>
-            )}
-        </React.Fragment>
+            {EC?.Footer && <EC.Footer code={code as unknown as TypeModelMapping[T]} />}
+            {EC?.Meta && <EC.Meta code={code as unknown as TypeModelMapping[T]} />}
+        </>
     );
 });
 
diff --git a/src/components/documents/CodeEditor/HtmlEditor/index.tsx b/src/components/documents/CodeEditor/HtmlEditor/index.tsx
index e47aea8e6..2579b6c04 100644
--- a/src/components/documents/CodeEditor/HtmlEditor/index.tsx
+++ b/src/components/documents/CodeEditor/HtmlEditor/index.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 import clsx from 'clsx';
 import styles from './styles.module.scss';
 import { observer } from 'mobx-react-lite';
-import { ScriptMeta } from '@tdev-models/documents/Script';
+import { CodeMeta } from '@tdev-models/documents/Code';
 import { MetaProps } from '@tdev/theme/CodeBlock';
 import PermissionsPanel from '@tdev-components/PermissionsPanel';
 import { useFirstMainDocument } from '@tdev-hooks/useFirstMainDocument';
@@ -34,7 +34,7 @@ const HtmlEditor = observer((props: Props) => {
     const userStore = useStore('userStore');
     const meta = React.useMemo(
         () =>
-            new ScriptMeta({
+            new CodeMeta({
                 title: 'website.html',
                 ...props,
                 code: props.code || '',
@@ -58,7 +58,7 @@ const HtmlEditor = observer((props: Props) => {
     return (
         <div className={clsx(styles.htmlEditor)}>
             <div className={clsx(styles.editor)}>
-                <CodeEditorComponent script={doc} className={clsx(styles.code)} />
+                <CodeEditorComponent code={doc} className={clsx(styles.code)} />
             </div>
             <BrowserWindow
                 className={clsx(styles.htmlWindow)}
diff --git a/src/components/documents/CodeEditor/SvgEditor/index.tsx b/src/components/documents/CodeEditor/SvgEditor/index.tsx
index 92774b545..1a9f6f702 100644
--- a/src/components/documents/CodeEditor/SvgEditor/index.tsx
+++ b/src/components/documents/CodeEditor/SvgEditor/index.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 import clsx from 'clsx';
 import styles from './styles.module.scss';
 import { observer } from 'mobx-react-lite';
-import { ScriptMeta } from '@tdev-models/documents/Script';
+import { CodeMeta } from '@tdev-models/documents/Code';
 import { MetaProps } from '@tdev/theme/CodeBlock';
 import PermissionsPanel from '@tdev-components/PermissionsPanel';
 import { useFirstMainDocument } from '@tdev-hooks/useFirstMainDocument';
@@ -26,7 +26,7 @@ const SvgEditor = observer((props: Props) => {
     const id = props.slim ? undefined : props.id;
     const userStore = useStore('userStore');
     const [meta] = React.useState(
-        new ScriptMeta({ title: 'SVG', ...props, code: props.code || '', lang: 'svg' })
+        new CodeMeta({ title: 'SVG', ...props, code: props.code || '', lang: 'svg' })
     );
     const doc = useFirstMainDocument(id, meta);
     const isBrowser = useIsBrowser();
@@ -44,7 +44,7 @@ const SvgEditor = observer((props: Props) => {
     return (
         <div className={clsx(styles.svgEditor)}>
             <div className={clsx(styles.editor)}>
-                <CodeEditorComponent script={doc} className={clsx(styles.code)} />
+                <CodeEditorComponent code={doc} className={clsx(styles.code)} />
             </div>
             <Card classNames={{ card: styles.svgCard, body: styles.svgCardBody }}>
                 <ErrorBoundary
diff --git a/src/components/documents/CodeEditor/index.tsx b/src/components/documents/CodeEditor/index.tsx
index d2d93c086..95ab00178 100644
--- a/src/components/documents/CodeEditor/index.tsx
+++ b/src/components/documents/CodeEditor/index.tsx
@@ -3,18 +3,20 @@ import styles from './styles.module.scss';
 import clsx from 'clsx';
 import CodeBlock from '@theme/CodeBlock';
 import { useFirstMainDocument } from '@tdev-hooks/useFirstMainDocument';
-import Script, { ScriptMeta } from '@tdev-models/documents/Script';
 import Editor from './Editor';
 import CodeHistory from './CodeHistory';
-import BrythonCommunicator from './BrythonCommunicator';
 import { MetaProps } from '@tdev/theme/CodeBlock';
 import { observer } from 'mobx-react-lite';
 import ExecutionEnvironment from '@docusaurus/ExecutionEnvironment';
-import { DocContext } from '@tdev-components/documents/DocumentContext';
 import useCodeTheme from '@tdev-hooks/useCodeTheme';
+import iCode from '@tdev-models/documents/iCode';
+import { CodeType } from '@tdev-api/document';
+import { useStore } from '@tdev-hooks/useStore';
+import { LiveCode } from '@tdev-stores/ComponentStore';
 
 export interface Props extends Omit<MetaProps, 'live_jsx' | 'live_py'> {
     title: string;
+    liveCodeType?: LiveCode;
     lang: string;
     preCode: string;
     postCode: string;
@@ -26,43 +28,50 @@ export interface Props extends Omit<MetaProps, 'live_jsx' | 'live_py'> {
 
 export const CodeEditor = observer((props: Props) => {
     const id = props.slim ? undefined : props.id;
-    const [meta] = React.useState(new ScriptMeta(props));
-    const script = useFirstMainDocument(id, meta, true, {}, meta.versioned ? 'script' : undefined);
+    const componentStore = useStore('componentStore');
+    const [type] = React.useState(componentStore.matchCodeBlockType(props.liveCodeType));
+    const [meta] = React.useState(componentStore.createEditorMeta(type, props));
+    const code = useFirstMainDocument(id, meta, true, {}, meta.versioned ? meta.type : undefined);
     React.useEffect(() => {
-        if (script && script.meta?.slim) {
-            script.setCode(props.code);
+        if (code && code.meta?.slim) {
+            code.setCode(props.code);
         }
-    }, [script, props.code]);
-    if (!ExecutionEnvironment.canUseDOM || !script) {
+    }, [code, props.code]);
+    if (!ExecutionEnvironment.canUseDOM || !code) {
         return <CodeBlock language={props.lang}>{props.code}</CodeBlock>;
     }
-    return <CodeEditorComponent script={script} className={props.className} />;
+    return (
+        <CodeEditorComponent
+            code={code as iCode<typeof type>}
+            className={props.className}
+            // We force remount the editor on hydration,
+            // otherwise the correct language mode might not be applied
+            key={String(code.lang)}
+        />
+    );
 });
 
-export interface ScriptProps {
-    script: Script;
+export interface ScriptProps<T extends CodeType> {
+    code: iCode<T>;
     className?: string;
 }
 
-const CodeEditorComponent = observer((props: ScriptProps) => {
-    const { script } = props;
+const CodeEditorComponent = observer(<T extends CodeType>(props: ScriptProps<T>) => {
+    const { code } = props;
     const { colorMode } = useCodeTheme();
     return (
         <div className={clsx(styles.wrapper, 'notranslate', props.className)}>
-            <DocContext.Provider value={script}>
-                <div
-                    className={clsx(
-                        styles.playgroundContainer,
-                        colorMode === 'light' && styles.lightTheme,
-                        script.meta.slim ? styles.containerSlim : styles.containerBig,
-                        'live_py'
-                    )}
-                >
-                    <Editor />
-                    {script.meta.hasHistory && <CodeHistory />}
-                </div>
-                {script.lang === 'python' && <BrythonCommunicator />}
-            </DocContext.Provider>
+            <div
+                className={clsx(
+                    styles.playgroundContainer,
+                    colorMode === 'light' && styles.lightTheme,
+                    code.meta.slim ? styles.containerSlim : styles.containerBig,
+                    'live-code-editor'
+                )}
+            >
+                <Editor code={code} />
+                {code.meta.hasHistory && <CodeHistory code={code} />}
+            </div>
         </div>
     );
 });
diff --git a/src/components/documents/FileSystem/File/CodeEditorSelector.tsx b/src/components/documents/FileSystem/File/CodeEditorSelector.tsx
index 473918f1f..34bbc03b4 100644
--- a/src/components/documents/FileSystem/File/CodeEditorSelector.tsx
+++ b/src/components/documents/FileSystem/File/CodeEditorSelector.tsx
@@ -1,28 +1,28 @@
 import React from 'react';
 import { observer } from 'mobx-react-lite';
-import Script from '@tdev-models/documents/Script';
+import Script from '@tdev/brython-code/models/Script';
 import CodeEditorComponent from '@tdev-components/documents/CodeEditor';
 import HtmlEditor from '@tdev-components/documents/CodeEditor/HtmlEditor';
 import SvgEditor from '@tdev-components/documents/CodeEditor/SvgEditor';
 import NetpbmEditor from '@tdev/netpbm-graphic/NetpbmEditor';
 
 interface Props {
-    script: Script;
+    code: Script;
 }
 
 const CodeEditorSelector = observer((props: Props) => {
-    const { script } = props;
-    switch (script.derivedLang) {
+    const { code } = props;
+    switch (code.derivedLang) {
         case 'html':
-            return <HtmlEditor id={script.id} />;
+            return <HtmlEditor id={code.id} />;
         case 'svg':
-            return <SvgEditor id={script.id} />;
+            return <SvgEditor id={code.id} />;
         case 'pbm':
         case 'pgm':
         case 'ppm':
-            return <NetpbmEditor id={script.id} />;
+            return <NetpbmEditor id={code.id} />;
         default:
-            return <CodeEditorComponent script={script} />;
+            return <CodeEditorComponent code={code} />;
     }
 });
 
diff --git a/src/components/documents/FileSystem/File/index.tsx b/src/components/documents/FileSystem/File/index.tsx
index 5aa17b1d3..60ec8dcae 100644
--- a/src/components/documents/FileSystem/File/index.tsx
+++ b/src/components/documents/FileSystem/File/index.tsx
@@ -97,7 +97,7 @@ const File = observer((props: Props) => {
             <div className={clsx(shared.content, styles.content)}>
                 {file.document && file.isOpen && (
                     <>
-                        {file.document.type === 'script' && <CodeEditorSelector script={file.document} />}
+                        {file.document.type === 'script' && <CodeEditorSelector code={file.document} />}
                         {file.document.type === 'quill_v2' && (
                             <QuillV2Component quillDoc={file.document} className={styles.quill} />
                         )}
diff --git a/src/components/documents/QuillV2/QuillV2.tsx b/src/components/documents/QuillV2/QuillV2.tsx
index bfa42e972..39e3dfc25 100644
--- a/src/components/documents/QuillV2/QuillV2.tsx
+++ b/src/components/documents/QuillV2/QuillV2.tsx
@@ -19,7 +19,6 @@ import { action } from 'mobx';
 import Icon from '@mdi/react';
 import { mdiFlashTriangle } from '@mdi/js';
 import { useDocument } from '@tdev-hooks/useContextDocument';
-import { DocumentType } from '@tdev-api/document';
 import { Delta } from 'quill/core';
 
 const FORMATS = [
diff --git a/src/components/documents/SelfCheck/shared.ts b/src/components/documents/SelfCheck/shared.ts
index cbe4e6943..3dd5d15a8 100644
--- a/src/components/documents/SelfCheck/shared.ts
+++ b/src/components/documents/SelfCheck/shared.ts
@@ -1,6 +1,6 @@
 import React from 'react';
 import iSideEffect from '@tdev-models/SideEffects/iSideEffect';
-import { DocumentType, TypeDataMapping } from '@tdev-api/document';
+import { TypeDataMapping } from '@tdev-api/document';
 import DocumentRoot from '@tdev-models/DocumentRoot';
 import { computed } from 'mobx';
 import { SelfCheckStateType } from '@tdev-components/documents/SelfCheck/models';
diff --git a/src/components/shared/Button/CopyButton/index.tsx b/src/components/shared/Button/CopyButton/index.tsx
new file mode 100644
index 000000000..c58ec038f
--- /dev/null
+++ b/src/components/shared/Button/CopyButton/index.tsx
@@ -0,0 +1,48 @@
+import clsx from 'clsx';
+import React from 'react';
+import Button from '..';
+import { mdiCheck, mdiContentCopy } from '@mdi/js';
+import { SIZE_S } from '@tdev-components/shared/iconSizes';
+
+const useCopyButton = (value: string | undefined) => {
+    const [isCopied, setIsCopied] = React.useState(false);
+    const copyTimeout = React.useRef<number | undefined>(undefined);
+
+    const copyText = React.useCallback(() => {
+        navigator.clipboard.writeText(value ?? '').then(() => {
+            setIsCopied(true);
+            copyTimeout.current = window.setTimeout(() => {
+                setIsCopied(false);
+            }, 1000);
+        });
+    }, [value]);
+
+    React.useEffect(() => () => window.clearTimeout(copyTimeout.current), []);
+
+    return { copyText, isCopied };
+};
+
+interface Props {
+    className?: string;
+    value?: string;
+    title?: string;
+    size?: number;
+    text?: string;
+}
+
+export default function CopyButton(props: Props): React.ReactNode {
+    const { className, value, title } = props;
+    const { copyText, isCopied } = useCopyButton(value);
+
+    return (
+        <Button
+            title={title}
+            className={clsx(className)}
+            onClick={copyText}
+            icon={isCopied ? mdiCheck : mdiContentCopy}
+            color={isCopied ? 'green' : undefined}
+            size={props.size ?? SIZE_S}
+            text={props.text as string}
+        />
+    );
+}
diff --git a/src/components/shared/CodeEditor/index.tsx b/src/components/shared/CodeEditor/index.tsx
index 47a8d915d..9e3e9884c 100644
--- a/src/components/shared/CodeEditor/index.tsx
+++ b/src/components/shared/CodeEditor/index.tsx
@@ -12,6 +12,7 @@ import 'ace-builds/src-noconflict/ext-language_tools';
 import 'ace-builds/webpack-resolver';
 import 'ace-builds/esm-resolver';
 import useCodeTheme from '@tdev-hooks/useCodeTheme';
+import { observer } from 'mobx-react-lite';
 
 const ALIAS_LANG_MAP_ACE = {
     mpy: 'python',
@@ -34,18 +35,28 @@ interface Props {
     name?: string;
     placeholder?: string;
     hideLineNumbers?: boolean;
+    onInit?: (editor: AceEditor) => ReturnType<React.EffectCallback>;
 }
 
-const CodeEditor = (props: Props) => {
+const CodeEditor = observer((props: Props) => {
     const ref = React.useRef<AceEditor>(null);
     const { aceTheme } = useCodeTheme();
     React.useEffect(() => {
         if (props.value !== undefined && ref.current) {
-            if (props.value !== ref.current.editor.getValue()) {
+            const val = ref.current.editor.getValue();
+            if (props.value !== val) {
                 ref.current.editor.setValue(props.value);
             }
+            if (!ref.current.editor.getSelection().isEmpty()) {
+                ref.current.editor.clearSelection();
+            }
         }
     }, [ref, props.value]);
+    React.useEffect(() => {
+        if (ref && ref.current) {
+            return props.onInit?.(ref.current);
+        }
+    }, [ref]);
     return (
         <div className={clsx(styles.editor, props.className)}>
             <AceEditor
@@ -89,5 +100,5 @@ const CodeEditor = (props: Props) => {
             />
         </div>
     );
-};
+});
 export default CodeEditor;
diff --git a/src/models/documents/Code.ts b/src/models/documents/Code.ts
new file mode 100644
index 000000000..3f288b803
--- /dev/null
+++ b/src/models/documents/Code.ts
@@ -0,0 +1,17 @@
+import { Document as DocumentProps } from '@tdev-api/document';
+import DocumentStore from '@tdev-stores/DocumentStore';
+import { default as iScriptMeta } from './iCode/iCodeMeta';
+import { Props as CodeEditorProps } from '@tdev-components/documents/CodeEditor';
+import iCode from './iCode';
+
+export class CodeMeta extends iScriptMeta<'code'> {
+    constructor(props: Partial<Omit<CodeEditorProps, 'id' | 'className'>>) {
+        super(props, 'code');
+    }
+}
+
+export default class Code extends iCode<'code'> {
+    constructor(props: DocumentProps<'code'>, store: DocumentStore) {
+        super(props, store);
+    }
+}
diff --git a/src/models/documents/FileSystem/File.ts b/src/models/documents/FileSystem/File.ts
index fc24f17a4..ccb7928d5 100644
--- a/src/models/documents/FileSystem/File.ts
+++ b/src/models/documents/FileSystem/File.ts
@@ -26,6 +26,16 @@ class File extends iFileSystem<'file'> {
         return new ModelMeta({});
     }
 
+    @computed
+    get fileExtension() {
+        const parts = this.name.split('.');
+        if (parts.length < 2) {
+            return '';
+        }
+        const ext = parts[parts.length - 1].toLowerCase();
+        return ext;
+    }
+
     @computed
     get document() {
         return this.children[0];
diff --git a/src/models/documents/Script.ts b/src/models/documents/Script.ts
deleted file mode 100644
index 81f0cdc39..000000000
--- a/src/models/documents/Script.ts
+++ /dev/null
@@ -1,378 +0,0 @@
-import { action, computed, observable, reaction } from 'mobx';
-import { throttle } from 'es-toolkit/compat';
-import {
-    CANVAS_OUTPUT_TESTER,
-    DOM_ELEMENT_IDS,
-    GRAPHICS_OUTPUT_TESTER,
-    GRID_IMPORTS_TESTER,
-    TURTLE_IMPORTS_TESTER
-} from '@tdev-components/documents/CodeEditor/constants';
-import { runCode } from '@tdev-components/documents/CodeEditor/utils/bryRunner';
-import iDocument, { Source } from '@tdev-models/iDocument';
-import { Document as DocumentProps, ScriptVersionData, Access, TypeDataMapping } from '@tdev-api/document';
-import DocumentStore from '@tdev-stores/DocumentStore';
-import siteConfig from '@generated/docusaurus.config';
-import globalData from '@generated/globalData';
-import ScriptVersion from './ScriptVersion';
-import { TypeMeta } from '@tdev-models/DocumentRoot';
-import { Props as CodeEditorProps } from '@tdev-components/documents/CodeEditor';
-import _ from 'es-toolkit/compat';
-import File from './FileSystem/File';
-const libDir = (globalData['live-editor-theme'] as { default: { libDir: string } }).default.libDir;
-
-export interface LogMessage {
-    type: 'done' | 'stdout' | 'stderr' | 'start';
-    output: string;
-    timeStamp: number;
-}
-
-interface Version {
-    code: string;
-    createdAt: Date;
-    version: number;
-    pasted?: boolean;
-}
-
-export class ScriptMeta extends TypeMeta<'script'> {
-    readonly type = 'script';
-    readonly title: string;
-    readonly lang: 'py' | string;
-    readonly preCode: string;
-    readonly postCode: string;
-    readonly readonly: boolean;
-    readonly versioned: boolean;
-    readonly initCode: string;
-    readonly slim: boolean;
-    readonly hasHistory: boolean;
-    readonly showLineNumbers: boolean;
-    readonly minLines?: number;
-    readonly maxLines: number;
-    readonly isResettable: boolean;
-    readonly canCompare: boolean;
-    readonly canDownload: boolean;
-    readonly hideWarning: boolean;
-    readonly theme?: string;
-
-    constructor(props: Partial<Omit<CodeEditorProps, 'id' | 'className'>>) {
-        super('script', props.readonly ? Access.RO_User : undefined);
-        this.title = props.title || '';
-        this.lang = props.lang || 'py';
-        this.preCode = props.preCode || '';
-        this.postCode = props.postCode || '';
-        this.readonly = !!props.readonly;
-        this.versioned = !!props.versioned;
-        this.initCode = props.code || '';
-        this.slim = !!props.slim;
-        this.hasHistory = !!props.versioned && !props.noHistory;
-        this.showLineNumbers = props.showLineNumbers === undefined ? true : props.showLineNumbers;
-        this.maxLines = props.maxLines || 25;
-        this.minLines = props.minLines;
-        this.isResettable = !props.noReset;
-        this.canCompare = !props.noCompare;
-        this.canDownload = !props.noDownload;
-        this.hideWarning = !!props.hideWarning;
-        this.theme = props.theme;
-    }
-
-    get defaultData(): TypeDataMapping['script'] {
-        return {
-            code: this.initCode
-        };
-    }
-}
-
-export default class Script extends iDocument<'script'> {
-    @observable accessor code: string;
-    @observable accessor isExecuting: boolean = false;
-    @observable accessor showRaw: boolean = false;
-    @observable accessor graphicsModalExecutionNr: number = 0;
-    @observable accessor isPasted: boolean = false;
-    @observable accessor _initialVersionsLoaded: boolean = false;
-    logs = observable.array<LogMessage>([], { deep: false });
-
-    constructor(props: DocumentProps<'script'>, store: DocumentStore) {
-        super(props, store);
-        this.code = props.data?.code ?? this.meta.initCode;
-    }
-
-    @computed
-    get meta(): ScriptMeta {
-        if (this.root?.type === 'script') {
-            return this.root.meta as ScriptMeta;
-        }
-        return new ScriptMeta({});
-    }
-
-    get isLoaded() {
-        return this.isInitialized;
-    }
-
-    @computed
-    get title(): string {
-        if (this.parent && this.parent.type === 'file') {
-            return this.parent.name;
-        }
-        return this.meta.title;
-    }
-
-    @action
-    clearLogMessages() {
-        this.logs.clear();
-    }
-
-    @action
-    setExecuting(isExecuting: boolean) {
-        this.isExecuting = isExecuting;
-    }
-
-    @action
-    addLogMessage(message: LogMessage) {
-        this.logs.push({ output: message.output, timeStamp: Date.now(), type: message.type });
-    }
-
-    @action
-    setCode(code: string, action?: 'insert' | 'remove' | string) {
-        if (this.isPasted && action === 'remove') {
-            return;
-        }
-        this.code = code;
-        this.updatedAt = new Date();
-        if (this.isVersioned) {
-            this.addVersion({
-                code: code,
-                createdAt: this.updatedAt,
-                version: this.versions.length + 1,
-                pasted: this.isPasted
-            });
-        }
-        if (this.isPasted) {
-            this.isPasted = false;
-        }
-
-        /**
-         * call the api to save the code...
-         */
-        this.save();
-    }
-
-    @action
-    loadVersions(force: boolean = false) {
-        if (this._initialVersionsLoaded && !force) {
-            return;
-        }
-        if (!this.meta.hasHistory) {
-            return;
-        }
-        this.store.root.documentRootStore.loadInNextBatch(this.documentRootId, this.meta, {
-            documentType: 'script_version',
-            skipCreate: true,
-            documentRoot: false,
-            groupPermissions: false,
-            userPermissions: false
-        });
-        this._initialVersionsLoaded = true;
-    }
-
-    @computed
-    get versions(): ScriptVersion[] {
-        return _.orderBy(
-            (this.root?.documents || []).filter(
-                (doc) => doc.type === 'script_version' && doc.authorId === this.authorId
-            ) as ScriptVersion[],
-            ['createdAt'],
-            ['asc']
-        );
-    }
-
-    @action
-    _addVersion(version: Version) {
-        if (!this.isVersioned || this.store.root.userStore.isUserSwitched) {
-            return;
-        }
-        if (!this.versionsLoaded) {
-            this.loadVersions();
-        }
-        const versionData: ScriptVersionData = {
-            code: version.code,
-            pasted: version.pasted
-        };
-        this.store.create({
-            documentRootId: this.documentRootId,
-            data: versionData,
-            type: 'script_version'
-        });
-    }
-
-    addVersion = throttle(this._addVersion, 1000, {
-        leading: false,
-        trailing: true
-    });
-
-    @computed
-    get _codeToExecute() {
-        return `${this.preCode}\n${this.code}\n${this.postCode}`;
-    }
-
-    @computed
-    get codeLines() {
-        return this.code.split('\n').length;
-    }
-
-    @computed
-    get data(): TypeDataMapping['script'] {
-        return {
-            code: this.code
-        };
-    }
-
-    @action
-    setData(data: TypeDataMapping['script'], from: Source, updatedAt?: Date) {
-        if (from === Source.LOCAL) {
-            this.setCode(data.code);
-        } else {
-            this.code = data.code;
-        }
-        if (updatedAt) {
-            this.updatedAt = new Date(updatedAt);
-        }
-    }
-
-    @action
-    toggleScriptExecution() {
-        if (this.isExecuting) {
-            this.stopScript();
-        } else {
-            this.execScript();
-        }
-    }
-
-    @action
-    execScript() {
-        if (this.hasGraphicsOutput) {
-            if (this.hasTurtleOutput) {
-                this.store.root.pageStore.setRunningTurtleScriptId(this.id);
-            }
-            this.graphicsModalExecutionNr = this.graphicsModalExecutionNr + 1;
-        }
-        this.isExecuting = true;
-        runCode(
-            this.code,
-            this.preCode,
-            this.postCode,
-            this.codeId,
-            libDir,
-            siteConfig.future.experimental_router
-        );
-    }
-
-    /**
-     * stop the script from running
-     * wheter the script is running or not is derived from the
-     * `data--start-time` attribute on the communicator element.
-     * This is used in combination with the game loop
-     */
-    @action
-    stopScript() {
-        const code = document?.getElementById(DOM_ELEMENT_IDS.communicator(this.codeId));
-        if (code) {
-            code.removeAttribute('data--start-time');
-        }
-    }
-
-    @computed
-    get hasGraphicsOutput() {
-        return (
-            this.hasTurtleOutput || this.hasCanvasOutput || GRAPHICS_OUTPUT_TESTER.test(this._codeToExecute)
-        );
-    }
-
-    @computed
-    get hasTurtleOutput() {
-        return TURTLE_IMPORTS_TESTER.test(this._codeToExecute);
-    }
-
-    @computed
-    get hasCanvasOutput() {
-        return (
-            CANVAS_OUTPUT_TESTER.test(this._codeToExecute) || GRID_IMPORTS_TESTER.test(this._codeToExecute)
-        );
-    }
-
-    @computed
-    get hasEdits() {
-        return this.code !== this.pristineCode;
-    }
-
-    @computed
-    get versionsLoaded() {
-        return this._initialVersionsLoaded;
-    }
-
-    @action
-    closeGraphicsModal() {
-        this.graphicsModalExecutionNr = 0;
-    }
-
-    subscribe(listener: () => void, selector: keyof Script) {
-        if (Array.isArray(this[selector])) {
-            return reaction(() => (this[selector] as Array<any>).length, listener);
-        }
-        return reaction(() => this[selector], listener);
-    }
-
-    @computed
-    get pristineCode() {
-        return this._pristineCode;
-    }
-
-    @action
-    setIsPasted(isPasted: boolean) {
-        this.isPasted = isPasted;
-    }
-
-    @action
-    setShowRaw(showRaw: boolean) {
-        this.showRaw = showRaw;
-    }
-
-    get isVersioned() {
-        return this.meta.versioned;
-    }
-    get _pristineCode() {
-        return this.meta.initCode;
-    }
-
-    @computed
-    get codeId() {
-        return `code.${this.meta.title || this.meta.lang}.${this.id}`.replace(/(-|\.)/g, '_');
-    }
-    get source() {
-        return 'browser';
-    }
-    get preCode() {
-        return this.meta.preCode;
-    }
-    get postCode() {
-        return this.meta.postCode;
-    }
-
-    @computed
-    get derivedLang(): string {
-        if (this.parent?.type === 'file') {
-            const ext = (this.parent as File).name.split('.').pop();
-            if (!ext || ext.toLowerCase() === 'py') {
-                return 'python';
-            }
-            return ext.toLowerCase();
-        }
-        return this.meta.lang;
-    }
-
-    @computed
-    get lang(): string {
-        if (this.meta.lang === 'py') {
-            return 'python';
-        }
-        return this.meta.lang.toLowerCase();
-    }
-}
diff --git a/src/models/documents/ScriptVersion.ts b/src/models/documents/ScriptVersion.ts
index 7256697b4..d9d9d0233 100644
--- a/src/models/documents/ScriptVersion.ts
+++ b/src/models/documents/ScriptVersion.ts
@@ -1,9 +1,10 @@
 import iDocument from '@tdev-models/iDocument';
-import { DocumentType, Document as DocumentProps, ScriptVersionData } from '@tdev-api/document';
+import type { Document as DocumentProps, ScriptVersionData } from '@tdev-api/document';
 import DocumentStore from '@tdev-stores/DocumentStore';
 import { computed } from 'mobx';
-import Script from './Script';
+import type Script from './Code';
 
+// TODO: Rename to CodeVersion
 class ScriptVersion extends iDocument<'script_version'> {
     constructor(props: DocumentProps<'script_version'>, store: DocumentStore) {
         super(props, store);
diff --git a/src/models/documents/iCode/iCodeMeta.ts b/src/models/documents/iCode/iCodeMeta.ts
new file mode 100644
index 000000000..6bc7214c2
--- /dev/null
+++ b/src/models/documents/iCode/iCodeMeta.ts
@@ -0,0 +1,63 @@
+import { TypeDataMapping, Access, DocumentType, CodeType } from '@tdev-api/document';
+import { TypeMeta } from '@tdev-models/DocumentRoot';
+import { MetaProps } from '@tdev/theme/CodeBlock';
+export interface MetaInit extends Omit<MetaProps, 'live_jsx' | 'live_py' | 'readonly' | 'title'> {
+    code: string;
+    lang: string;
+    readonly?: boolean;
+    title?: string;
+    preCode?: string;
+    postCode?: string;
+    showLineNumbers?: boolean;
+    className?: string;
+    theme?: string;
+}
+
+class iCodeMeta<T extends CodeType> extends TypeMeta<T> {
+    readonly initCode: string;
+    readonly title: string;
+    readonly lang: string;
+    readonly preCode: string;
+    readonly postCode: string;
+    readonly readonly: boolean;
+    readonly slim: boolean;
+    readonly hasHistory: boolean;
+    readonly showLineNumbers: boolean;
+    readonly minLines?: number;
+    readonly maxLines: number;
+    readonly isResettable: boolean;
+    readonly canCompare: boolean;
+    readonly canDownload: boolean;
+    readonly hideWarning: boolean;
+    readonly theme?: string;
+    readonly versioned: boolean;
+
+    constructor(props: Partial<MetaInit>, type: T) {
+        super(type, props.readonly ? Access.RO_User : undefined);
+        this.initCode = props.code || '';
+        this.title = props.title || '';
+        this.lang = props.lang || 'markdown';
+        this.preCode = props.preCode || '';
+        this.postCode = props.postCode || '';
+        this.readonly = !!props.readonly;
+        this.versioned = !!props.versioned;
+        this.slim = !!props.slim;
+        this.hasHistory = this.versioned && !this.slim && !props.noHistory;
+        this.showLineNumbers = props.showLineNumbers !== undefined ? props.showLineNumbers : true;
+        this.minLines = props.minLines;
+        this.maxLines = props.maxLines || 25;
+        this.isResettable = !(props.noReset || false);
+        this.canCompare = !(props.noCompare || false);
+        this.canDownload = !(props.noDownload || false);
+        this.hideWarning = !!props.hideWarning;
+        this.theme = props.theme;
+    }
+
+    get defaultData(): TypeDataMapping[T] {
+        return {
+            code: this.initCode
+        } as TypeDataMapping[T];
+    }
+}
+
+export default iCodeMeta;
diff --git a/src/models/documents/iCode/index.ts b/src/models/documents/iCode/index.ts
new file mode 100644
index 000000000..5885637f3
--- /dev/null
+++ b/src/models/documents/iCode/index.ts
@@ -0,0 +1,239 @@
+import { action, computed, observable } from 'mobx';
+import iDocument, { Source } from '@tdev-models/iDocument';
+import { Document as DocumentProps, TypeDataMapping, ScriptVersionData, CodeType } from '@tdev-api/document';
+import DocumentStore from '@tdev-stores/DocumentStore';
+import { orderBy } from 'es-toolkit/array';
+import { throttle } from 'es-toolkit/function';
+import iCodeMeta from './iCodeMeta';
+import File from '../FileSystem/File';
+import ScriptVersion from '../ScriptVersion';
+
+type Props<T extends CodeType> = DocumentProps<T>;
+
+interface Version {
+    code: string;
+    createdAt: Date;
+    version: number;
+    pasted?: boolean;
+}
+
+class iCode<T extends CodeType = CodeType> extends iDocument<T> {
+    @observable accessor code: string;
+    @observable accessor _initialVersionsLoaded: boolean = false;
+    @observable accessor showRaw: boolean = false;
+    @observable accessor isPasted: boolean = false;
+    constructor(props: Props<T>, store: DocumentStore) {
+        super(props, store);
+        this.code = props.data?.code ?? this.meta.initCode;
+    }
+
+    @computed
+    get title(): string {
+        if (this.parent && this.parent.type === 'file') {
+            return this.parent.name;
+        }
+        return this.meta.title || '';
+    }
+
+    @computed
+    get codeId() {
+        return `code.${this.meta.title || this.meta.lang}.${this.id}`.replace(/(-|\.)/g, '_');
+    }
+
+    @action
+    setCode(code: string, action?: 'insert' | 'remove' | string) {
+        if (this.isPasted && action === 'remove') {
+            return;
+        }
+        this.code = code;
+        this.updatedAt = new Date();
+        if (this.isVersioned) {
+            this.addVersion({
+                code: code,
+                createdAt: this.updatedAt,
+                version: this.versions.length + 1,
+                pasted: this.isPasted
+            });
+        }
+        if (this.isPasted) {
+            this.isPasted = false;
+        }
+
+        /**
+         * call the api to save the code...
+         */
+        this.save();
+    }
+
+    @action
+    loadVersions(force: boolean = false) {
+        if (this._initialVersionsLoaded && !force) {
+            return;
+        }
+        if (!this.meta.hasHistory) {
+            return;
+        }
+        this.store.root.documentRootStore.loadInNextBatch(this.documentRootId, this.meta, {
+            documentType: 'script_version',
+            skipCreate: true,
+            documentRoot: false,
+            groupPermissions: false,
+            userPermissions: false
+        });
+        this._initialVersionsLoaded = true;
+    }
+
+    @computed
+    get versionsLoaded() {
+        return this._initialVersionsLoaded;
+    }
+
+    @computed
+    get versions(): ScriptVersion[] {
+        return orderBy(
+            (this.root?.documents || []).filter(
+                (doc) => doc.type === 'script_version' && doc.authorId === this.authorId
+            ) as ScriptVersion[],
+            ['createdAt'],
+            ['asc']
+        );
+    }
+
+    @action
+    _addVersion(version: Version) {
+        if (!this.isVersioned || this.store.root.userStore.isUserSwitched) {
+            return;
+        }
+        if (!this.versionsLoaded) {
+            this.loadVersions();
+        }
+        const versionData: ScriptVersionData = {
+            code: version.code,
+            pasted: version.pasted
+        };
+        this.store.create({
+            documentRootId: this.documentRootId,
+            data: versionData,
+            type: 'script_version'
+        });
+    }
+
+    addVersion = throttle(this._addVersion, 1000, {
+        edges: ['trailing']
+    });
+
+    @action
+    setData(data: Props<T>['data'], from: Source, updatedAt?: Date): void {
+        if (from === Source.LOCAL) {
+            this.setCode(data.code);
+        } else {
+            this.code = data.code;
+        }
+        if (updatedAt) {
+            this.updatedAt = new Date(updatedAt);
+        }
+    }
+
+    @computed
+    get codeLines() {
+        return this.code.split('\n').length;
+    }
+
+    @computed
+    get pristineCode() {
+        return this._pristineCode;
+    }
+
+    @computed
+    get hasEdits() {
+        return this.code !== this.pristineCode;
+    }
+
+    @action
+    setIsPasted(isPasted: boolean) {
+        this.isPasted = isPasted;
+    }
+
+    @action
+    setShowRaw(showRaw: boolean) {
+        this.showRaw = showRaw;
+    }
+
+    get isVersioned() {
+        return this.meta.versioned;
+    }
+
+    get _pristineCode() {
+        return this.meta.initCode;
+    }
+
+    get preCode() {
+        return this.meta.preCode;
+    }
+
+    get postCode() {
+        return this.meta.postCode;
+    }
+
+    @computed
+    get combinedCode() {
+        return `${this.preCode}\n${this.code}\n${this.postCode}`.trim();
+    }
+
+    @computed
+    get lang(): string {
+        if (this.parent?.type === 'file') {
+            const ext = this.parent.fileExtension;
+            if (ext === 'py') {
+                return 'python';
+            }
+        }
+        if (this.meta.lang === 'py') {
+            return 'python';
+        }
+        return this.meta.lang.toLowerCase();
+    }
+
+    @computed
+    get derivedLang(): string {
+        if (this.parent?.type === 'file') {
+            const ext = this.parent.fileExtension;
+            if (!ext || ext === 'py') {
+                return 'python';
+            }
+            return ext.toLowerCase();
+        }
+        return this.lang;
+    }
+
+    get canExecute(): boolean {
+        return false;
+    }
+
+    @computed
+    get isExecuting(): boolean {
+        return false;
+    }
+
+    @action
+    runCode() {
+        // NOOP
+        // to be implemented by subclasses
+    }
+
+    get data(): TypeDataMapping[T] {
+        return {
+            code: this.code
+        } as TypeDataMapping[T];
+    }
+
+    @computed
+    get meta(): iCodeMeta<T> {
+        if (this.root?.type === this.type) {
+            return this.root.meta as iCodeMeta<T>;
+        }
+        return new iCodeMeta({ code: '' }, this.type);
+    }
+}
+
+export default iCode;
diff --git a/src/plugins/plugin-alias-configuration/index.ts b/src/plugins/plugin-alias-configuration/index.ts
new file mode 100644
index 000000000..4ce6b797b
--- /dev/null
+++ b/src/plugins/plugin-alias-configuration/index.ts
@@ -0,0 +1,62 @@
+import path from 'path';
+import type { LoadContext, Plugin } from '@docusaurus/types';
+const aliasConfigurationPlugin: Plugin = (context: LoadContext, options?: { websiteDir?: string }) => {
+    const websiteDir = options?.websiteDir ? options.websiteDir : './website';
+    return {
+        name: 'alias-configuration',
+        getThemePath() {
+            const cwd = process.cwd();
+            const siteSrcPath = path.resolve(cwd, websiteDir);
+            return siteSrcPath;
+        },
+        configureWebpack() {
+            const cwd = process.cwd();
+            return {
+                resolve: {
+                    alias: {
+                        '@tdev-components': [
+                            path.resolve(cwd, websiteDir, './components'),
+                            path.resolve(cwd, './src/components')
+                        ],
+                        '@tdev-hooks': [
+                            path.resolve(cwd, websiteDir, './hooks'),
+                            path.resolve(cwd, './src/hooks')
+                        ],
+                        '@tdev-models': [
+                            path.resolve(cwd, websiteDir, './models'),
+                            path.resolve(cwd, './src/models')
+                        ],
+                        '@tdev-stores': [
+                            path.resolve(cwd, websiteDir, './stores'),
+                            path.resolve(cwd, './src/stores')
+                        ],
+                        '@tdev-api': [path.resolve(cwd, websiteDir, './api'), path.resolve(cwd, './src/api')],
+                        '@tdev-plugins': [
+                            path.resolve(cwd, websiteDir, './plugins'),
+                            path.resolve(cwd, './src/plugins')
+                        ],
+                        '@tdev': [
+                            path.resolve(cwd, websiteDir),
+                            path.resolve(cwd, websiteDir, './packages'),
+                            path.resolve(cwd, './src'),
+                            path.resolve(cwd, './packages/tdev')
+                        ],
+                        /** original tdev source */
+                        '@tdev-original': [path.resolve(cwd, './src'), path.resolve(cwd, './packages/tdev')]
+                    },
+                    // "symlinks: false" would support to resolve symlinks in monorepos, but breaks yarn workspaces :/
+                    symlinks: true
+                },
+                watchOptions: {
+                    // ensure changes in symlinked packages are picked up on osx
+                    followSymlinks: true
+                },
+                optimization: {
+                    concatenateModules: false
+                }
+            };
+        }
+    };
+};
+
+export default aliasConfigurationPlugin;
diff --git a/src/siteConfig/markdownPluginConfigs.ts b/src/siteConfig/markdownPluginConfigs.ts
index 4ff711f0d..2c62430f8 100644
--- a/src/siteConfig/markdownPluginConfigs.ts
+++ b/src/siteConfig/markdownPluginConfigs.ts
@@ -54,6 +54,10 @@ export const codeAsAttributePluginConfig = [
                 attributeName: 'files',
                 processMultiple: true
             },
+            {
+                name: 'Pyodide',
+                attributeName: 'code'
+            },
             {
                 name: 'NetpbmEditor',
                 attributeName: 'default'
diff --git a/src/siteConfig/pluginConfigs.ts b/src/siteConfig/pluginConfigs.ts
index 1da9199a3..10d4bf5d9 100644
--- a/src/siteConfig/pluginConfigs.ts
+++ b/src/siteConfig/pluginConfigs.ts
@@ -1,5 +1,6 @@
 import path from 'path';
 import dynamicRouterPlugin, { Config as DynamicRouteConfig } from '../plugins/plugin-dynamic-routes';
+import aliasConfigurationPlugin from '../plugins/plugin-alias-configuration';
 import type { PluginConfig } from '@docusaurus/types';
 import { sentryWebpackPlugin } from '@sentry/webpack-plugin';
 
@@ -32,62 +33,7 @@ export const rsDoctorPluginConfig: PluginConfig = process.env.RSDOCTOR === 'true
     }
 ];
 
-export const aliasConfigurationPluginConfig: PluginConfig = () => {
-    return {
-        name: 'alias-configuration',
-        getThemePath() {
-            const cwd = process.cwd();
-            const siteSrcPath = path.resolve(cwd, './website');
-            return siteSrcPath;
-        },
-        configureWebpack(config, isServer, utils, content) {
-            const cwd = process.cwd();
-            return {
-                resolve: {
-                    alias: {
-                        '@tdev-components': [
-                            path.resolve(cwd, './website/components'),
-                            path.resolve(cwd, './src/components')
-                        ],
-                        '@tdev-hooks': [
-                            path.resolve(cwd, './website/hooks'),
-                            path.resolve(cwd, './src/hooks')
-                        ],
-                        '@tdev-models': [
-                            path.resolve(cwd, './website/models'),
-                            path.resolve(cwd, './src/models')
-                        ],
-                        '@tdev-stores': [
-                            path.resolve(cwd, './website/stores'),
-                            path.resolve(cwd, './src/stores')
-                        ],
-                        '@tdev-api': [path.resolve(cwd, './website/api'), path.resolve(cwd, './src/api')],
-                        '@tdev-plugins': [
-                            path.resolve(cwd, './website/plugins'),
-                            path.resolve(cwd, './src/plugins')
-                        ],
-                        '@tdev': [
-                            path.resolve(cwd, './website'),
-                            path.resolve(cwd, './src'),
-                            path.resolve(cwd, './packages/tdev')
-                        ],
-                        /** original tdev source */
-                        '@tdev-original': [path.resolve(cwd, './src'), path.resolve(cwd, './packages/tdev')]
-                    },
-                    // "symlinks: false" would support to resolve symlinks in monorepos, but breaks yarn workspaces :/
-                    symlinks: true
-                },
-                watchOptions: {
-                    // ensure changes in symlinked packages are picked up on osx
-                    followSymlinks: true
-                },
-                optimization: {
-                    concatenateModules: false
-                }
-            };
-        }
-    };
-};
+export { aliasConfigurationPlugin };
 
 export const sentryPluginConfig: PluginConfig = () => {
     const SENTRY_AUTH_TOKEN = process.env.SENTRY_AUTH_TOKEN;
diff --git a/src/siteConfig/siteConfig.d.ts b/src/siteConfig/siteConfig.d.ts
index a6fc95549..a198e2970 100644
--- a/src/siteConfig/siteConfig.d.ts
+++ b/src/siteConfig/siteConfig.d.ts
@@ -32,6 +32,13 @@ export interface SiteConfig {
     /** The `/<baseUrl>/` pathname under which your site is served. For GitHub pages deployment, it is often `/<projectName>/.` */
     baseUrl?: string;
 
+    /**
+     * The directory which contains site specific code.
+     * Aliases are resolved relative to this directory - ensure to modify tsconfig.json accordingly.
+     * @default './website'
+     */
+    websiteDir?: string;
+
     /** Paths to CSS files to be included in the site. Loaded in order, after custom.scss. */
     siteStyles?: string[];
 
diff --git a/src/stores/ComponentStore.ts b/src/stores/ComponentStore.ts
index e58115bde..590702442 100644
--- a/src/stores/ComponentStore.ts
+++ b/src/stores/ComponentStore.ts
@@ -1,6 +1,17 @@
+import { CodeMeta } from '@tdev-models/documents/Code';
 import { RootStore } from './rootStore';
-import type { ContainerType, ContainerTypeModelMapping } from '@tdev-api/document';
+import {
+    type CodeType,
+    TypeModelMapping,
+    type ContainerType,
+    type ContainerTypeModelMapping
+} from '@tdev-api/document';
 import { ContainerMeta } from '@tdev-models/documents/DynamicDocumentRoots/ContainerMeta';
+import iCodeMeta, { MetaInit } from '@tdev-models/documents/iCode/iCodeMeta';
+import { computed } from 'mobx';
+import React from 'react';
+
+export type LiveCode = `live_${string}`;
 
 export interface ContainerProps<T extends ContainerType = ContainerType> {
     documentContainer: ContainerTypeModelMapping[T];
@@ -11,9 +22,33 @@ export interface ContainerComponent<T extends ContainerType = ContainerType> {
     component: React.ComponentType<ContainerProps<T>>;
 }
 
+export interface EditorComponentProps<T extends CodeType = CodeType> {
+    code: TypeModelMapping[T];
+}
+
+export interface EditorComponent<T extends CodeType = CodeType> {
+    /**
+     * e.g. to run code or to show the title
+     */
+    Header?: React.ComponentType<EditorComponentProps<T>>;
+    /**
+     * e.g. to show the outputs/logs
+     */
+    Footer?: React.ComponentType<EditorComponentProps<T>>;
+
+    /**
+     * components used for additional things, e.g. turtle outputs.
+     */
+    Meta?: React.ComponentType<EditorComponentProps<T>>;
+
+    createModelMeta: (props: Partial<MetaInit>) => iCodeMeta<T>;
+    codeBlockMetastringMatcher: (metaLiveCode: LiveCode) => T | undefined;
+}
+
 class ComponentStore {
     readonly root: RootStore;
     components = new Map<ContainerType, ContainerComponent>();
+    editorComponents = new Map<CodeType, EditorComponent>();
 
     constructor(root: RootStore) {
         this.root = root;
@@ -27,6 +62,7 @@ class ComponentStore {
         this.components.set(type, component as ContainerComponent<any>);
     }
 
+    @computed
     get registeredContainerTypes(): ContainerType[] {
         return [...this.components.keys()];
     }
@@ -37,6 +73,40 @@ class ComponentStore {
         }
         return this.components.has(type as ContainerType);
     }
+
+    editorComponent<T extends CodeType>(type: T): EditorComponent<T> | undefined {
+        return this.editorComponents.get(type) as EditorComponent<T> | undefined;
+    }
+
+    registerEditorComponent<T extends CodeType>(type: T, component: EditorComponent<T>) {
+        this.editorComponents.set(type, component as EditorComponent<any>);
+    }
+
+    createEditorMeta<T extends CodeType>(type: T, props: Partial<MetaInit>): iCodeMeta<T> {
+        const editorComp = this.editorComponent(type);
+        if (!editorComp) {
+            return new CodeMeta(props) as iCodeMeta<T>;
+        }
+        return editorComp.createModelMeta(props) as iCodeMeta<T>;
+    }
+
+    matchCodeBlockType(metaLiveCode?: LiveCode): CodeType {
+        if (!metaLiveCode) {
+            return 'code';
+        }
+        for (const [, editorComp] of this.editorComponents) {
+            const matchedType = editorComp.codeBlockMetastringMatcher(metaLiveCode);
+            if (matchedType) {
+                return matchedType;
+            }
+        }
+        return 'code';
+    }
+
+    @computed
+    get registeredCodeTypes(): CodeType[] {
+        return [...this.editorComponents.keys()];
+    }
 }
 
 export default ComponentStore;
diff --git a/src/stores/DocumentStore.ts b/src/stores/DocumentStore.ts
index ed901de17..8e2a33a11 100644
--- a/src/stores/DocumentStore.ts
+++ b/src/stores/DocumentStore.ts
@@ -32,8 +32,9 @@ import Restricted from '@tdev-models/documents/Restricted';
 import CmsText from '@tdev-models/documents/CmsText';
 import DynamicDocumentRoots from '@tdev-models/documents/DynamicDocumentRoots';
 import ProgressState from '@tdev-models/documents/ProgressState';
-import Script from '@tdev-models/documents/Script';
+import Script from '@tdev-models/documents/Code';
 import TaskState from '@tdev-models/documents/TaskState';
+import Code from '@tdev-models/documents/Code';
 
 const IsNotUniqueError = (error: any) => {
     try {
@@ -51,8 +52,8 @@ export function CreateDocumentModel<T extends DocumentType>(
 ): TypeModelMapping[T];
 export function CreateDocumentModel(data: DocumentProps<DocumentType>, store: DocumentStore) {
     switch (data.type) {
-        case 'script':
-            return new Script(data as DocumentProps<'script'>, store);
+        case 'code':
+            return new Code(data as DocumentProps<'code'>, store);
         case 'task_state':
             return new TaskState(data as DocumentProps<'task_state'>, store);
         case 'script_version':
@@ -81,7 +82,7 @@ export function CreateDocumentModel(data: DocumentProps<DocumentType>, store: Do
 }
 
 const FactoryDefault: [DocumentType, Factory][] = [
-    ['script', CreateDocumentModel],
+    ['code', CreateDocumentModel],
     ['task_state', CreateDocumentModel],
     ['progress_state', CreateDocumentModel],
     ['script_version', CreateDocumentModel],
diff --git a/src/stores/SiteStore.ts b/src/stores/SiteStore.ts
index 9129c2bed..4ab432d1f 100644
--- a/src/stores/SiteStore.ts
+++ b/src/stores/SiteStore.ts
@@ -1,5 +1,11 @@
+import { action } from 'mobx';
 import { RootStore } from './rootStore';
 
 export default class SiteStore {
     constructor(root: RootStore) {}
+
+    @action
+    handleMessage(from: string, message: any) {
+        // handle site-wide messages here
+    }
 }
diff --git a/src/stores/ViewStores/index.ts b/src/stores/ViewStores/index.ts
new file mode 100644
index 000000000..756c9a0c4
--- /dev/null
+++ b/src/stores/ViewStores/index.ts
@@ -0,0 +1,25 @@
+import { ViewStoreType, ViewStore as ViewStores, ViewStoreTypeMapping } from '@tdev-api/document';
+import { RootStore } from '@tdev-stores/rootStore';
+
+export interface ViewStoreProps<T extends ViewStoreType = ViewStoreType> {
+    store: ViewStoreTypeMapping[T];
+}
+
+export default class ViewStore {
+    readonly root: RootStore;
+    stores = new Map<ViewStoreType, ViewStores>();
+    constructor(store: RootStore) {
+        this.root = store;
+    }
+
+    useStore<T extends ViewStoreType>(type: T): ViewStoreTypeMapping[T] {
+        return this.stores.get(type) as ViewStoreTypeMapping[T];
+    }
+
+    registerStore<T extends ViewStoreType>(
+        type: T,
+        store: (viewStore: ViewStore) => ViewStoreTypeMapping[T]
+    ) {
+        this.stores.set(type, store(this));
+    }
+}
diff --git a/src/stores/rootStore.ts b/src/stores/rootStore.ts
index b3a31be15..c44cf01c7 100644
--- a/src/stores/rootStore.ts
+++ b/src/stores/rootStore.ts
@@ -13,6 +13,7 @@ import { CmsStore } from '@tdev-stores/CmsStore';
 import SiteStore from '@tdev-stores/SiteStore';
 import { AuthStore } from './AuthStore';
 import ComponentStore from './ComponentStore';
+import ViewStore from './ViewStores';
 
 export class RootStore {
     documentRootStore: DocumentRootStore;
@@ -26,11 +27,13 @@ export class RootStore {
     adminStore: AdminStore;
     cmsStore: CmsStore;
     siteStore: SiteStore;
+    viewStore: ViewStore;
     authStore: AuthStore;
     componentStore: ComponentStore;
 
     // @observable accessor initialized = false;
     constructor() {
+        this.viewStore = new ViewStore(this);
         this.documentRootStore = new DocumentRootStore(this);
         this.sessionStore = new SessionStore(this);
         this.userStore = new UserStore(this);
diff --git a/src/stores/utils/SessionStorage.ts b/src/stores/utils/SessionStorage.ts
index 147a9880e..79eb62a1e 100644
--- a/src/stores/utils/SessionStorage.ts
+++ b/src/stores/utils/SessionStorage.ts
@@ -3,9 +3,13 @@ import _ from 'es-toolkit/compat';
 import MemoryStorage from './MemoryStorage';
 import ExecutionEnvironment from '@docusaurus/ExecutionEnvironment';
 
-export const StorageKey = Object.freeze({
-    GithubToken: _.upperFirst(_.camelCase(`GithubToken${siteConfig.projectName || ''}`))
-});
+const getStorageKey = (key: string) => {
+    return _.upperFirst(_.camelCase(`${key}${siteConfig.projectName || ''}`));
+};
+
+export interface StorageKey {
+    GithubToken: 'githubToken';
+}
 
 /**
  * @see https://github.com/outline/outline/blob/main/shared/utils/Storage.ts
@@ -35,12 +39,13 @@ class SessionStorage {
      * @param key The key to set under.
      * @param value The value to set
      */
-    public set<T>(key: keyof typeof StorageKey, value: T) {
+    public set<T>(key: keyof StorageKey, value: T) {
         try {
             if (value === undefined) {
                 this.remove(key);
             } else {
-                this.interface.setItem(StorageKey[key], JSON.stringify(value));
+                const storageKey = getStorageKey(key);
+                this.interface.setItem(storageKey, JSON.stringify(value));
             }
         } catch (_err) {
             // Ignore errors
@@ -54,9 +59,10 @@ class SessionStorage {
      * @param fallback The fallback value if the key doesn't exist.
      * @returns The value or undefined if it doesn't exist.
      */
-    public get<T>(key: keyof typeof StorageKey, fallback?: T): T | undefined {
+    public get<T>(key: keyof StorageKey, fallback?: T): T | undefined {
         try {
-            const value = this.interface.getItem(StorageKey[key]);
+            const storageKey = getStorageKey(key);
+            const value = this.interface.getItem(storageKey);
             if (typeof value === 'string') {
                 return JSON.parse(value);
             }
@@ -72,9 +78,10 @@ class SessionStorage {
      *
      * @param key The key to remove.
      */
-    public remove(key: keyof typeof StorageKey) {
+    public remove(key: keyof StorageKey) {
         try {
-            this.interface.removeItem(StorageKey[key]);
+            const storageKey = getStorageKey(key);
+            this.interface.removeItem(storageKey);
         } catch (_err) {
             // Ignore errors
         }
diff --git a/src/theme/CodeBlock/index.tsx b/src/theme/CodeBlock/index.tsx
index ea97dfad8..c6293090b 100644
--- a/src/theme/CodeBlock/index.tsx
+++ b/src/theme/CodeBlock/index.tsx
@@ -4,11 +4,10 @@ import type CodeBlockType from '@theme/CodeBlock';
 import type { WrapperProps } from '@docusaurus/types';
 import BrowserOnly from '@docusaurus/BrowserOnly';
 import { CodeEditor } from '@tdev-components/documents/CodeEditor';
+import { LiveCode } from '@tdev-stores/ComponentStore';
 
 export interface MetaProps {
     id?: string;
-    live_jsx: boolean;
-    live_py: boolean;
     slim: boolean;
     readonly: boolean;
     noReset: boolean;
@@ -20,6 +19,8 @@ export interface MetaProps {
     minLines?: number;
     hideWarning: boolean;
     title: string;
+    live?: boolean;
+    [key: LiveCode]: boolean;
 }
 
 type Props = WrapperProps<typeof CodeBlockType>;
@@ -54,10 +55,20 @@ export const extractMetaProps = (props: { metastring?: string }): Partial<MetaPr
                         ? Number(value)
                         : value || true;
             acc[key] = val;
+            /**
+             * special handling for live_jsx to be compatible with existing codeblocks
+             * from docusaurus
+             */
+            if (key === 'live') {
+                acc['live_jsx'] = val;
+            }
+            if (key.startsWith('live_')) {
+                acc['live'] = true;
+            }
             return acc;
         },
         {} as { [key: string]: number | string | boolean }
-    );
+    ) as Partial<MetaProps>;
 };
 
 const SPLIT_CODE_REGEX = /^(?:(?<pre>.*?)\n###\s*PRE\s*)?(?<code>.*?)(?:\n###\s*POST\s*(?<post>.*))?$/s;
@@ -74,15 +85,18 @@ export const splitCode = (rawCode: string) => {
 const CodeBlockWrapper = (props: Props & MetaProps): React.ReactNode => {
     const metaProps = extractMetaProps(props);
     const langMatch = ((props.className || '') as string).match(/language-(?<lang>\w*)/);
-    let lang = langMatch?.groups?.lang?.toLocaleLowerCase() ?? '';
+    let lang = props.language ?? langMatch?.groups?.lang?.toLocaleLowerCase() ?? '';
     if (lang === 'py') {
         lang = 'python';
     }
     // if (metaProps.live_jsx) {
     //     return <Playground scope={ReactLiveScope} {...props} />;
     // }
-    if (metaProps.live_py) {
+    if (metaProps.live) {
         const title = props.title || metaProps.title;
+        const liveCodeType = Object.keys(metaProps).find((key) => key.startsWith('live_')) as
+            | LiveCode
+            | undefined;
         const { code, pre, post } = splitCode((props.children as string) || '');
         return (
             <BrowserOnly fallback={<CodeBlock language={lang}>{code}</CodeBlock>}>
@@ -92,6 +106,7 @@ const CodeBlockWrapper = (props: Props & MetaProps): React.ReactNode => {
                             id={metaProps.id}
                             code={code}
                             lang={lang}
+                            liveCodeType={liveCodeType}
                             preCode={pre}
                             postCode={post}
                             maxLines={metaProps.maxLines && Number.parseInt(`${metaProps.maxLines}`, 10)}
diff --git a/static/pyodide.sw.js b/static/pyodide.sw.js
new file mode 100644
index 000000000..b3222659c
--- /dev/null
+++ b/static/pyodide.sw.js
@@ -0,0 +1,94 @@
+const DOCUSAURUS_SW_SCOPE = '/';
+const PY_INPUT = 'PY_INPUT';
+const PY_AWAIT_INPUT = 'PY_AWAIT_INPUT';
+const PY_STDIN_ROUTE = `${DOCUSAURUS_SW_SCOPE}py-get-input/`;
+const PY_CANCEL_INPUT = 'PY_CANCEL_INPUT';
+const PY_CANCEL_ALL = 'PY_CANCEL_ALL';
+
+self.addEventListener('install', () => {
+    self.skipWaiting();
+});
+
+self.addEventListener('activate', () => {
+    self.clients.claim();
+});
+
+const resolvers = new Map();
+
+self.addEventListener('message', (event) => {
+    switch (event.data.type) {
+        case PY_INPUT:
+            const resolverArray = resolvers.get(event.data.id);
+            const resolver = resolverArray && resolverArray.shift();
+            if (!resolver) {
+                console.error('Error handling input: No resolver');
+                return;
+            }
+            resolver(new Response(event.data.value, { status: 200 }));
+            break;
+        case PY_CANCEL_INPUT:
+            const rejecterArray = resolvers.get(event.data.id);
+            const rejecter = rejecterArray && rejecterArray.shift();
+            if (!rejecter) {
+                console.error('Error handling input: No resolver');
+                return;
+            }
+            rejecter(new Response('Run cancelled', { status: 410 }));
+            break;
+        case PY_CANCEL_ALL:
+            const allResolvers = resolvers.keys();
+            for (const id of allResolvers) {
+                const rejecterArray = resolvers.get(id);
+                if (rejecterArray) {
+                    while (rejecterArray.length > 0) {
+                        const rejecter = rejecterArray.shift();
+                        if (rejecter) {
+                            rejecter(new Response('Run cancelled', { status: 410 }));
+                        }
+                    }
+                }
+            }
+            break;
+        default:
+            return;
+    }
+});
+
+self.addEventListener('fetch', (event) => {
+    const url = new URL(event.request.url);
+
+    if (url.pathname !== PY_STDIN_ROUTE) {
+        return;
+    }
+
+    const id = url.searchParams.get('id');
+    if (!id) {
+        console.error('Error handling input: No id');
+        return;
+    }
+    const prompt = url.searchParams.get('prompt');
+
+    event.waitUntil(
+        self.clients
+            .matchAll()
+            .then((clients) => {
+                clients.forEach((client) => {
+                    if (client.type === 'window') {
+                        client.postMessage({
+                            type: PY_AWAIT_INPUT,
+                            id,
+                            prompt
+                        });
+                    }
+                });
+            })
+            .catch((err) => console.error('Error matching clients', err))
+    );
+
+    const promise = new Promise((resolve) => {
+        const resolverArray = resolvers.get(id) || [];
+        resolverArray.push(resolve);
+        resolvers.set(id, resolverArray);
+    });
+    event.respondWith(promise);
+});
diff --git a/tdev-website/docs/app-architecture/remark-plugins/code-as-attribute/index.mdx b/tdev-website/docs/app-architecture/remark-plugins/code-as-attribute/index.mdx
index 640aac9f9..70ef25dfe 100644
--- a/tdev-website/docs/app-architecture/remark-plugins/code-as-attribute/index.mdx
+++ b/tdev-website/docs/app-architecture/remark-plugins/code-as-attribute/index.mdx
@@ -125,6 +125,10 @@ const REMARK_PLUGINS = [
         codeAsAttributePlugin,
         {
           components: [
+            {
+                name: 'Pyodide', // Name der React-Komponente
+                attributeName: 'code' // der Code wird als Attribut `code` übergeben
+            },
             {
                 name: 'HtmlEditor', // Name der React-Komponente
                 attributeName: 'code' // der Code wird als Attribut `code` übergeben
diff --git a/tdev-website/docs/gallery/index.mdx b/tdev-website/docs/gallery/index.mdx
index e320f5973..9db261516 100644
--- a/tdev-website/docs/gallery/index.mdx
+++ b/tdev-website/docs/gallery/index.mdx
@@ -5,4 +5,4 @@ import DocCardList from '@theme/DocCardList';
 
 # Komponentengalerie
 
-<DocCardList />
\ No newline at end of file
+<DocCardList />
diff --git a/tdev-website/siteConfig.ts b/tdev-website/siteConfig.ts
index 006aca706..70b876835 100644
--- a/tdev-website/siteConfig.ts
+++ b/tdev-website/siteConfig.ts
@@ -25,6 +25,7 @@ const getSiteConfig: SiteConfigProvider = () => {
         favicon: 'img/favicon.ico',
         url: 'https://teaching-dev.gbsl.website',
         baseUrl: '/',
+        websiteDir: 'tdev-website/website',
         docs: {
             path: 'tdev-website/docs'
         },
@@ -73,7 +74,9 @@ const getSiteConfig: SiteConfigProvider = () => {
         },
         apiDocumentProviders: [
             require.resolve('@tdev/netpbm-graphic/register'),
-            require.resolve('@tdev/text-message/register')
+            require.resolve('@tdev/text-message/register'),
+            require.resolve('@tdev/pyodide-code/register'),
+            require.resolve('@tdev/brython-code/register')
         ]
     };
 };
diff --git a/tdev-website/website/packages/pyodide-code/components/Clock/Pointer/index.tsx b/tdev-website/website/packages/pyodide-code/components/Clock/Pointer/index.tsx
new file mode 100644
index 000000000..ec0994fe3
--- /dev/null
+++ b/tdev-website/website/packages/pyodide-code/components/Clock/Pointer/index.tsx
@@ -0,0 +1,25 @@
+import clsx from 'clsx';
+import styles from '../styles.module.scss';
+import { observer } from 'mobx-react-lite';
+import { Clock } from '@tdev/packages/pyodide-code/models/Clock';
+
+interface Props {
+    clock: Clock;
+    type: 'hours' | 'minutes' | 'seconds';
+}
+
+const Pointer = observer((props: Props) => {
+    const { clock, type } = props;
+    const angle = clock[type];
+    return (
+        <div
+            className={clsx(styles.pointer, styles[type])}
+            style={{
+                transitionDuration: `${clock.transitionDurationMs}ms`,
+                transform: `rotate(${angle}deg)`
+            }}
+        />
+    );
+});
+
+export default Pointer;
diff --git a/tdev-website/website/packages/pyodide-code/components/Clock/index.tsx b/tdev-website/website/packages/pyodide-code/components/Clock/index.tsx
new file mode 100644
index 000000000..991f815f4
--- /dev/null
+++ b/tdev-website/website/packages/pyodide-code/components/Clock/index.tsx
@@ -0,0 +1,43 @@
+import clsx from 'clsx';
+import styles from './styles.module.scss';
+import { observer } from 'mobx-react-lite';
+import { useStore } from '@tdev-hooks/useStore';
+import Pointer from './Pointer';
+import Card from '@tdev-components/shared/Card';
+import CopyBadge from '@tdev-components/shared/CopyBadge';
+import React from 'react';
+
+interface Props {
+    clockId: string;
+}
+
+const Clock = observer((props: Props) => {
+    const { clockId } = props;
+    const siteStore = useStore('siteStore');
+    const clock = siteStore.clockStore.useClock(clockId);
+    return (
+        <Card
+            classNames={{ body: clsx(styles.clockCard), card: clsx(styles.card) }}
+            header={
+                <h3>
+                    Uhr: <CopyBadge value={clockId} className={clsx(styles.id)} />
+                </h3>
+            }
+        >
+            <div className={clsx(styles.dial)}>
+                {[...Array(60).keys()].map((i) => (
+                    <div
+                        key={i}
+                        className={clsx(styles.tick, i % 5 === 0 ? styles.hourTick : styles.minuteTick)}
+                        style={{ transform: `rotate(${i * 6}deg)` }}
+                    />
+                ))}
+                <Pointer clock={clock} type="hours" />
+                <Pointer clock={clock} type="minutes" />
+                <Pointer clock={clock} type="seconds" />
+            </div>
+        </Card>
+    );
+});
+
+export default Clock;
diff --git a/tdev-website/website/packages/pyodide-code/components/Clock/styles.module.scss b/tdev-website/website/packages/pyodide-code/components/Clock/styles.module.scss
new file mode 100644
index 000000000..e4263d51e
--- /dev/null
+++ b/tdev-website/website/packages/pyodide-code/components/Clock/styles.module.scss
@@ -0,0 +1,96 @@
+.card {
+    margin-bottom: 0.5em;
+}
+.clockCard {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    .id {
+        margin-left: 1em;
+    }
+}
+.dial {
+    width: 200px;
+    height: 200px;
+    border: 2px solid #000;
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    position: relative;
+    .tick {
+        width: 0px;
+        height: 98px;
+        top: 0px;
+        left: 50%;
+        transform-origin: 50% 100%;
+        position: absolute;
+        transform: rotate(0deg);
+        &::before {
+            content: '';
+            width: 2px;
+            height: 10px;
+            background: black;
+            position: absolute;
+            top: 0px;
+            left: 50%;
+            transform: translateX(-50%);
+        }
+        &.hourTick {
+            &::before {
+                height: 20px;
+                width: 4px;
+                transform: translateX(-50%);
+            }
+        }
+    }
+
+    .pointer {
+        width: 0px;
+        height: 90px;
+        top: 10px;
+        left: 50%;
+        border-radius: 50%;
+        position: absolute;
+        transform-origin: 50% 100%;
+        transform: rotate(0deg);
+        transition-property: transform;
+        --hfr-clock-color: black;
+        --hfr-clock-width: 15px;
+        --hfr-clock-height: 60px;
+        &.minutes {
+            --hfr-clock-width: 10px;
+            --hfr-clock-height: 75px;
+        }
+        &.seconds {
+            --hfr-clock-color: red;
+            --hfr-clock-width: 6px;
+            --hfr-clock-height: 90px;
+        }
+
+        &::before {
+            content: '';
+            width: var(--hfr-clock-width);
+            height: calc(var(--hfr-clock-height) + var(--hfr-clock-width) / 2);
+            background: var(--hfr-clock-color);
+            border-radius: calc(var(--hfr-clock-width) / 2);
+            position: absolute;
+            top: calc(100% - var(--hfr-clock-height));
+            left: 50%;
+            transform: translateX(-50%);
+        }
+        &.seconds {
+            &::after {
+                content: '';
+                width: 20px;
+                height: 20px;
+                background: red;
+                border-radius: 50%;
+                position: absolute;
+                top: 0px;
+                left: 50%;
+                transform: translateX(-50%);
+            }
+        }
+    }
+}
diff --git a/tdev-website/website/packages/pyodide-code/models/Clock.ts b/tdev-website/website/packages/pyodide-code/models/Clock.ts
new file mode 100644
index 000000000..3046b0846
--- /dev/null
+++ b/tdev-website/website/packages/pyodide-code/models/Clock.ts
@@ -0,0 +1,49 @@
+import { action, computed, observable } from 'mobx';
+
+export class Clock {
+    /** hours, minutes and seconds ALWAYS in degrees */
+    @observable accessor hours: number = 0;
+    @observable accessor minutes: number = 0;
+    @observable accessor seconds: number = 0;
+    @observable accessor animationSpeed = 0;
+
+    @computed
+    get transitionDurationMs() {
+        if (this.animationSpeed <= 0) {
+            return 0;
+        }
+        return 1000 / this.animationSpeed;
+    }
+
+    @action
+    setAnimationSpeed(speed: number) {
+        this.animationSpeed = speed;
+    }
+
+    @action
+    reset() {
+        this.setClock(0, 0, 0);
+    }
+
+    @action
+    setHours(deg: number) {
+        this.hours = deg;
+    }
+
+    @action
+    setMinutes(deg: number) {
+        this.minutes = deg;
+    }
+
+    @action
+    setSeconds(deg: number) {
+        this.seconds = deg;
+    }
+
+    @action
+    setClock(hourDeg: number, minutesDeg: number, secondsDeg: number) {
+        this.setHours(hourDeg);
+        this.setMinutes(minutesDeg);
+        this.setSeconds(secondsDeg);
+    }
+}
diff --git a/tdev-website/website/packages/pyodide-code/pyodideJsModules/siteModules.ts b/tdev-website/website/packages/pyodide-code/pyodideJsModules/siteModules.ts
new file mode 100644
index 000000000..4e308dfde
--- /dev/null
+++ b/tdev-website/website/packages/pyodide-code/pyodideJsModules/siteModules.ts
@@ -0,0 +1,104 @@
+import type { ModuleType } from '@tdev/pyodide-code/pyodideJsModules';
+
+/**
+ * this file is to add custom pyodide js modules for the teaching-dev website
+ * ensure to remove this file from the updateTdev.config.yaml to avoid overwriting
+ */
+
+declare module '@tdev/pyodide-code/pyodideJsModules' {
+    export interface MessageTypeMap {
+        clock: {
+            type: 'clock';
+            id: string;
+            clockType: 'hours' | 'minutes' | 'seconds';
+            value: number;
+            timeStamp: number;
+        };
+    }
+}
+
+export const siteModules: Partial<ModuleType> = {
+    clock: (ctx) => {
+        const { sendMessage, getTime } = ctx;
+        return {
+            use_clock: (id: string) => {
+                let hours = 0;
+                let minutes = 0;
+                let seconds = 0;
+                return {
+                    get minutes() {
+                        return minutes;
+                    },
+                    get hours() {
+                        return hours;
+                    },
+                    get seconds() {
+                        return seconds;
+                    },
+                    reset: () => {
+                        hours = 0;
+                        minutes = 0;
+                        seconds = 0;
+                        ['hours', 'minutes', 'seconds'].forEach((clockType) => {
+                            sendMessage({
+                                type: 'clock',
+                                clockType: clockType as 'hours' | 'minutes' | 'seconds',
+                                value: 0,
+                                id: id,
+                                timeStamp: getTime()
+                            });
+                        });
+                    },
+                    set_time: (h: number, m: number, s: number) => {
+                        hours = h;
+                        minutes = m;
+                        seconds = s;
+                        [
+                            ['hours', h],
+                            ['minutes', m],
+                            ['seconds', s]
+                        ].forEach(([clockType, value]) => {
+                            sendMessage({
+                                type: 'clock',
+                                clockType: clockType as 'hours' | 'minutes' | 'seconds',
+                                value: value as number,
+                                id: id,
+                                timeStamp: getTime()
+                            });
+                        });
+                    },
+                    set_hours: (deg: number) => {
+                        hours = deg;
+                        sendMessage({
+                            type: 'clock',
+                            clockType: 'hours',
+                            value: deg,
+                            id: id,
+                            timeStamp: getTime()
+                        });
+                    },
+                    set_minutes: (deg: number) => {
+                        minutes = deg;
+                        sendMessage({
+                            type: 'clock',
+                            clockType: 'minutes',
+                            value: deg,
+                            id: id,
+                            timeStamp: getTime()
+                        });
+                    },
+                    set_seconds: (deg: number) => {
+                        seconds = deg;
+                        sendMessage({
+                            type: 'clock',
+                            clockType: 'seconds',
+                            value: deg,
+                            id: id,
+                            timeStamp: getTime()
+                        });
+                    }
+                };
+            }
+        };
+    }
+};
diff --git a/tdev-website/website/stores/ClockStore.ts b/tdev-website/website/stores/ClockStore.ts
new file mode 100644
index 000000000..cff40d871
--- /dev/null
+++ b/tdev-website/website/stores/ClockStore.ts
@@ -0,0 +1,38 @@
+import { Clock } from '@tdev/packages/pyodide-code/models/Clock';
+import { action, observable } from 'mobx';
+
+class ClockStore {
+    @observable.ref accessor defaultClock = new Clock();
+    clocks = observable.map<string, Clock>([], { deep: false });
+
+    @action
+    useClock(id: string, animationSpeed?: number) {
+        if (this.clocks.has(id)) {
+            const clock = this.clocks.get(id)!;
+            if (animationSpeed !== undefined) {
+                clock.setAnimationSpeed(animationSpeed);
+            }
+            return clock;
+        }
+        const clock = new Clock();
+        if (animationSpeed !== undefined) {
+            clock.setAnimationSpeed(animationSpeed);
+        }
+        this.clocks.set(id, clock);
+        return clock;
+    }
+
+    @action
+    setTimeAsDegrees(id: string, hourDeg: number, minutesDeg: number, secondsDeg: number) {
+        if (this.clocks.has(id)) {
+            const clock = this.clocks.get(id)!;
+            clock.setClock(hourDeg, minutesDeg, secondsDeg);
+            return;
+        }
+        const clock = new Clock();
+        clock.setClock(hourDeg, minutesDeg, secondsDeg);
+        this.clocks.set(id, clock);
+    }
+}
+
+export default ClockStore;
diff --git a/tdev-website/website/stores/SiteStore.ts b/tdev-website/website/stores/SiteStore.ts
new file mode 100644
index 000000000..9b44ffef5
--- /dev/null
+++ b/tdev-website/website/stores/SiteStore.ts
@@ -0,0 +1,38 @@
+import { RootStore } from '@tdev-stores/rootStore';
+import { Message } from '@tdev/pyodide-code/pyodideJsModules';
+import { action, observable } from 'mobx';
+import ClockStore from './ClockStore';
+
+export default class SiteStore {
+    @observable.ref accessor clockStore = new ClockStore();
+    constructor(root: RootStore) {}
+
+    @action
+    handleMessage(from: string, message: any) {
+        switch (from) {
+            case 'pyodide':
+                const pyodideMessage = message as Message;
+                switch (pyodideMessage.type) {
+                    case 'clock':
+                        const clock = this.clockStore.useClock(message.id);
+                        switch (message.clockType) {
+                            case 'hours':
+                                clock.setHours(message.value);
+                                break;
+                            case 'minutes':
+                                clock.setMinutes(message.value);
+                                break;
+                            case 'seconds':
+                                clock.setSeconds(message.value);
+                                break;
+                        }
+                        break;
+                }
+
+                break;
+            default:
+                // handle other messages here
+                break;
+        }
+    }
+}
diff --git a/tsconfig.json b/tsconfig.json
index e238ebaec..400dc7a3e 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,39 +1,25 @@
 {
     // This file is not used in compilation. It is here just for a nice editor experience.
-    "extends": "@docusaurus/tsconfig",
+    "extends": "./tsconfig.tdev.json",
     "compilerOptions": {
-        "baseUrl": ".",
-        "experimentalDecorators": false,
-        "types": [
-            "docusaurus-plugin-sass",
-            "@docusaurus/module-type-aliases",
-            "@types/node",
-            "@types/wicg-file-system-access"
-        ],
-        "module": "esnext",
-        "target": "esnext",
-        "strict": true,
         "paths": {
-            "@tdev-components/*": ["website/components/*", "src/components/*"],
-            "@tdev-hooks/*": ["website/hooks/*", "src/hooks/*"],
-            "@tdev-models/*": ["website/models/*", "src/models/*"],
-            "@tdev-stores/*": ["website/stores/*", "src/stores/*"],
-            "@tdev-plugins/*": ["website/plugins/*", "src/plugins/*"],
-            "@tdev-api/*": ["website/api/*", "src/api/*"],
-            "@tdev/*": ["website/*", "src/*", "packages/tdev/*"],
+            "@tdev-components/*": ["tdev-website/website/components/*", "src/components/*"],
+            "@tdev-hooks/*": ["tdev-website/website/hooks/*", "src/hooks/*"],
+            "@tdev-models/*": ["tdev-website/website/models/*", "src/models/*"],
+            "@tdev-stores/*": ["tdev-website/website/stores/*", "src/stores/*"],
+            "@tdev-plugins/*": ["tdev-website/website/plugins/*", "src/plugins/*"],
+            "@tdev-api/*": ["tdev-website/website/api/*", "src/api/*"],
+            "@tdev/*": [
+                "tdev-website/website/*",
+                "tdev-website/website/packages/*",
+                "src/*",
+                "packages/tdev/*"
+            ],
             "@tdev-original/*": ["src/*", "packages/tdev/*"],
             "@site/*": ["./*"]
         }
     },
-    "exclude": [
-        "src/plugins/**/*.test.ts",
-        "docs/tdev/packages",
-        "node_modules",
-        "_node_modules",
-        "dist",
-        "build"
-    ],
     "mdx": {
-        "plugins": [["remark-frontmatter", ["toml", "yaml"]], "remark-directive"]
+        "plugins": [["remark-frontmatter", ["toml", "yaml"]], "remark-directive", "remark-math"]
     }
 }
diff --git a/tsconfig.tdev.json b/tsconfig.tdev.json
new file mode 100644
index 000000000..c09e1c7c0
--- /dev/null
+++ b/tsconfig.tdev.json
@@ -0,0 +1,39 @@
+{
+    // This file is not used in compilation. It is here just for a nice editor experience.
+    "extends": "@docusaurus/tsconfig",
+    "compilerOptions": {
+        "baseUrl": ".",
+        "experimentalDecorators": false,
+        "types": [
+            "docusaurus-plugin-sass",
+            "@docusaurus/module-type-aliases",
+            "@types/node",
+            "@types/wicg-file-system-access"
+        ],
+        "module": "esnext",
+        "target": "esnext",
+        "strict": true,
+        "paths": {
+            "@tdev-components/*": ["website/components/*", "src/components/*"],
+            "@tdev-hooks/*": ["website/hooks/*", "src/hooks/*"],
+            "@tdev-models/*": ["website/models/*", "src/models/*"],
+            "@tdev-stores/*": ["website/stores/*", "src/stores/*"],
+            "@tdev-plugins/*": ["website/plugins/*", "src/plugins/*"],
+            "@tdev-api/*": ["website/api/*", "src/api/*"],
+            "@tdev/*": ["website/*", "website/packages/*", "src/*", "packages/tdev/*"],
+            "@tdev-original/*": ["src/*", "packages/tdev/*"],
+            "@site/*": ["./*"]
+        }
+    },
+    "exclude": [
+        "src/plugins/**/*.test.ts",
+        "docs/tdev/packages",
+        "node_modules",
+        "_node_modules",
+        "dist",
+        "build"
+    ],
+    "mdx": {
+        "plugins": [["remark-frontmatter", ["toml", "yaml"]], "remark-directive", "remark-math"]
+    }
+}
diff --git a/updateTdev.config.yaml b/updateTdev.config.yaml
index 0974d39bc..5af5f8e8b 100644
--- a/updateTdev.config.yaml
+++ b/updateTdev.config.yaml
@@ -9,7 +9,7 @@ trackedElements:
       dst: packages
     - src: updateSync/
       dst: updateSync
-    - src: tsconfig.json
+    - src: tsconfig.tdev.json
       dst: tsconfig.json
     - src: .prettierrc
       dst: .prettierrc
@@ -19,6 +19,8 @@ trackedElements:
       dst: vitest.config.ts
     - src: static/bry-libs/
       dst: static/bry-libs
+    - src: static/pyodide.sw.js
+      dst: static/pyodide.sw.js
 watchedElements:
     - .babel.config.js
     - package.json
diff --git a/yarn.lock b/yarn.lock
index 93c342a77..ac4640674 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2,14 +2,14 @@
 # yarn lockfile v1
 
 
-"@ai-sdk/gateway@2.0.25":
-  version "2.0.25"
-  resolved "https://registry.yarnpkg.com/@ai-sdk/gateway/-/gateway-2.0.25.tgz#75dde5354ff0723a4ad4df5370b02c683fe5f9a7"
-  integrity sha512-Rq+FX55ne7lMiqai7NcvvDZj4HLsr+hg77WayqmySqc6zhw3tIOLxd4Ty6OpwNj0C0bVMi3iCl2zvJIEirh9XA==
+"@ai-sdk/gateway@2.0.27":
+  version "2.0.27"
+  resolved "https://registry.yarnpkg.com/@ai-sdk/gateway/-/gateway-2.0.27.tgz#d4368d6905d84d0ba1e3cebc56f6b5e4ff34fcaf"
+  integrity sha512-8hbezMsGa0crSt7/DKjkYL1UbbJJW/UFxTfhmf5qcIeYeeWG4dTNmm+DWbUdIsTaWvp59KC4eeC9gYXBbTHd7w==
   dependencies:
     "@ai-sdk/provider" "2.0.1"
     "@ai-sdk/provider-utils" "3.0.20"
-    "@vercel/oidc" "3.0.5"
+    "@vercel/oidc" "3.1.0"
 
 "@ai-sdk/provider-utils@3.0.20":
   version "3.0.20"
@@ -28,24 +28,24 @@
     json-schema "^0.4.0"
 
 "@ai-sdk/react@^2.0.30":
-  version "2.0.121"
-  resolved "https://registry.yarnpkg.com/@ai-sdk/react/-/react-2.0.121.tgz#5a5df654a3d3e724caa7574690b61ff397461988"
-  integrity sha512-VbckviE2ryPaWcecjGXP9zY4CJUqXYoLFfJZJl95XtZL4Gl8X0AuU2p7p6ModCoavHuFw1bfL8k6d0Mu59WROw==
+  version "2.0.123"
+  resolved "https://registry.yarnpkg.com/@ai-sdk/react/-/react-2.0.123.tgz#7cb91f9db1a565c02ca29bd62104e9eaaf6c7ec5"
+  integrity sha512-exaEvHAsDdR0wgzF3l0BmC9U1nPLnkPK2CCnX3BP4RDj/PySZvPXjry3AOz1Ayb8KSPZgWklVRzxsQxrOYQJxA==
   dependencies:
     "@ai-sdk/provider-utils" "3.0.20"
-    ai "5.0.119"
+    ai "5.0.121"
     swr "^2.2.5"
     throttleit "2.1.0"
 
-"@algolia/abtesting@1.12.2":
-  version "1.12.2"
-  resolved "https://registry.yarnpkg.com/@algolia/abtesting/-/abtesting-1.12.2.tgz#1cba5e3c654d02c6d435822a0a0070a5c435daa6"
-  integrity sha512-oWknd6wpfNrmRcH0vzed3UPX0i17o4kYLM5OMITyMVM2xLgaRbIafoxL0e8mcrNNb0iORCJA0evnNDKRYth5WQ==
+"@algolia/abtesting@1.12.3":
+  version "1.12.3"
+  resolved "https://registry.yarnpkg.com/@algolia/abtesting/-/abtesting-1.12.3.tgz#2e86d4855af71529bb2ada15ec9c157f00e33953"
+  integrity sha512-0SpSdnME0RCS6UHSs9XD3ox4bMcCg1JTmjAJ3AU6rcTlX54CZOAEPc2as8uSghX6wfKGT0HWes4TeUpjJMg6FQ==
   dependencies:
-    "@algolia/client-common" "5.46.2"
-    "@algolia/requester-browser-xhr" "5.46.2"
-    "@algolia/requester-fetch" "5.46.2"
-    "@algolia/requester-node-http" "5.46.2"
+    "@algolia/client-common" "5.46.3"
+    "@algolia/requester-browser-xhr" "5.46.3"
+    "@algolia/requester-fetch" "5.46.3"
+    "@algolia/requester-node-http" "5.46.3"
 
 "@algolia/autocomplete-core@1.19.2":
   version "1.19.2"
@@ -67,126 +67,126 @@
   resolved "https://registry.yarnpkg.com/@algolia/autocomplete-shared/-/autocomplete-shared-1.19.2.tgz#c0b7b8dc30a5c65b70501640e62b009535e4578f"
   integrity sha512-jEazxZTVD2nLrC+wYlVHQgpBoBB5KPStrJxLzsIFl6Kqd1AlG9sIAGl39V5tECLpIQzB3Qa2T6ZPJ1ChkwMK/w==
 
-"@algolia/client-abtesting@5.46.2":
-  version "5.46.2"
-  resolved "https://registry.yarnpkg.com/@algolia/client-abtesting/-/client-abtesting-5.46.2.tgz#264a72f0e9d2fe0d0dc5c3d2d16bbb9cfe2ce9e8"
-  integrity sha512-oRSUHbylGIuxrlzdPA8FPJuwrLLRavOhAmFGgdAvMcX47XsyM+IOGa9tc7/K5SPvBqn4nhppOCEz7BrzOPWc4A==
-  dependencies:
-    "@algolia/client-common" "5.46.2"
-    "@algolia/requester-browser-xhr" "5.46.2"
-    "@algolia/requester-fetch" "5.46.2"
-    "@algolia/requester-node-http" "5.46.2"
-
-"@algolia/client-analytics@5.46.2":
-  version "5.46.2"
-  resolved "https://registry.yarnpkg.com/@algolia/client-analytics/-/client-analytics-5.46.2.tgz#3f00a237508aa0c46c9c02dea9c855e0a78e241f"
-  integrity sha512-EPBN2Oruw0maWOF4OgGPfioTvd+gmiNwx0HmD9IgmlS+l75DatcBkKOPNJN+0z3wBQWUO5oq602ATxIfmTQ8bA==
-  dependencies:
-    "@algolia/client-common" "5.46.2"
-    "@algolia/requester-browser-xhr" "5.46.2"
-    "@algolia/requester-fetch" "5.46.2"
-    "@algolia/requester-node-http" "5.46.2"
-
-"@algolia/client-common@5.46.2":
-  version "5.46.2"
-  resolved "https://registry.yarnpkg.com/@algolia/client-common/-/client-common-5.46.2.tgz#7f282fd8f721b0d96958445df2170f4c7dce6aac"
-  integrity sha512-Hj8gswSJNKZ0oyd0wWissqyasm+wTz1oIsv5ZmLarzOZAp3vFEda8bpDQ8PUhO+DfkbiLyVnAxsPe4cGzWtqkg==
-
-"@algolia/client-insights@5.46.2":
-  version "5.46.2"
-  resolved "https://registry.yarnpkg.com/@algolia/client-insights/-/client-insights-5.46.2.tgz#194b7b529ee8a4ffd5d70037745082996c3b9aa0"
-  integrity sha512-6dBZko2jt8FmQcHCbmNLB0kCV079Mx/DJcySTL3wirgDBUH7xhY1pOuUTLMiGkqM5D8moVZTvTdRKZUJRkrwBA==
-  dependencies:
-    "@algolia/client-common" "5.46.2"
-    "@algolia/requester-browser-xhr" "5.46.2"
-    "@algolia/requester-fetch" "5.46.2"
-    "@algolia/requester-node-http" "5.46.2"
-
-"@algolia/client-personalization@5.46.2":
-  version "5.46.2"
-  resolved "https://registry.yarnpkg.com/@algolia/client-personalization/-/client-personalization-5.46.2.tgz#d604da7f0a3df1b3e2a9fe338d368e48fb781f8e"
-  integrity sha512-1waE2Uqh/PHNeDXGn/PM/WrmYOBiUGSVxAWqiJIj73jqPqvfzZgzdakHscIVaDl6Cp+j5dwjsZ5LCgaUr6DtmA==
-  dependencies:
-    "@algolia/client-common" "5.46.2"
-    "@algolia/requester-browser-xhr" "5.46.2"
-    "@algolia/requester-fetch" "5.46.2"
-    "@algolia/requester-node-http" "5.46.2"
-
-"@algolia/client-query-suggestions@5.46.2":
-  version "5.46.2"
-  resolved "https://registry.yarnpkg.com/@algolia/client-query-suggestions/-/client-query-suggestions-5.46.2.tgz#f13bc5897bfbdc19509d430a26e9bbe2402e00c9"
-  integrity sha512-EgOzTZkyDcNL6DV0V/24+oBJ+hKo0wNgyrOX/mePBM9bc9huHxIY2352sXmoZ648JXXY2x//V1kropF/Spx83w==
-  dependencies:
-    "@algolia/client-common" "5.46.2"
-    "@algolia/requester-browser-xhr" "5.46.2"
-    "@algolia/requester-fetch" "5.46.2"
-    "@algolia/requester-node-http" "5.46.2"
-
-"@algolia/client-search@5.46.2":
-  version "5.46.2"
-  resolved "https://registry.yarnpkg.com/@algolia/client-search/-/client-search-5.46.2.tgz#771367916aaa3fb7a19d5944f8375504b0568ba6"
-  integrity sha512-ZsOJqu4HOG5BlvIFnMU0YKjQ9ZI6r3C31dg2jk5kMWPSdhJpYL9xa5hEe7aieE+707dXeMI4ej3diy6mXdZpgA==
-  dependencies:
-    "@algolia/client-common" "5.46.2"
-    "@algolia/requester-browser-xhr" "5.46.2"
-    "@algolia/requester-fetch" "5.46.2"
-    "@algolia/requester-node-http" "5.46.2"
+"@algolia/client-abtesting@5.46.3":
+  version "5.46.3"
+  resolved "https://registry.yarnpkg.com/@algolia/client-abtesting/-/client-abtesting-5.46.3.tgz#cbd1c359a993aa6e5e671737d0af955bedef72e8"
+  integrity sha512-i2C8sBcl3EKXuCd5nlGohW+pZ9pY3P3JKJ2OYqsbCPg6wURiR32hNDiDvDq7/dqJ7KWWwC2snxJhokZzGlckgQ==
+  dependencies:
+    "@algolia/client-common" "5.46.3"
+    "@algolia/requester-browser-xhr" "5.46.3"
+    "@algolia/requester-fetch" "5.46.3"
+    "@algolia/requester-node-http" "5.46.3"
+
+"@algolia/client-analytics@5.46.3":
+  version "5.46.3"
+  resolved "https://registry.yarnpkg.com/@algolia/client-analytics/-/client-analytics-5.46.3.tgz#1e925a186957f4a2d91689afa8ab9411a602df37"
+  integrity sha512-uFmD7m3LOym1SAURHeiqupHT9jui+9HK0lAiIvm077gXEscOM5KKXM4rg/ICzQ3UDHLZEA0Lb5TglWsXnieE6w==
+  dependencies:
+    "@algolia/client-common" "5.46.3"
+    "@algolia/requester-browser-xhr" "5.46.3"
+    "@algolia/requester-fetch" "5.46.3"
+    "@algolia/requester-node-http" "5.46.3"
+
+"@algolia/client-common@5.46.3":
+  version "5.46.3"
+  resolved "https://registry.yarnpkg.com/@algolia/client-common/-/client-common-5.46.3.tgz#721d323a0bb0196be1698940b48db77348ab7136"
+  integrity sha512-SN+yK840nXa+2+mF72hrDfGd8+B7eBjF8TK/8KoRMdjlAkO/P3o3vtpjKRKI/Sk4L8kYYkB/avW8l+cwR+O1Ew==
+
+"@algolia/client-insights@5.46.3":
+  version "5.46.3"
+  resolved "https://registry.yarnpkg.com/@algolia/client-insights/-/client-insights-5.46.3.tgz#610365217e52a65056c8767302959d3ca6618e84"
+  integrity sha512-5ic1liG0VucNPi6gKCWh5bEUGWQfyEmVeXiNKS+rOSppg7B7nKH0PEEJOFXBbHmgK5aPfNNZINiKcyUoH4XsFA==
+  dependencies:
+    "@algolia/client-common" "5.46.3"
+    "@algolia/requester-browser-xhr" "5.46.3"
+    "@algolia/requester-fetch" "5.46.3"
+    "@algolia/requester-node-http" "5.46.3"
+
+"@algolia/client-personalization@5.46.3":
+  version "5.46.3"
+  resolved "https://registry.yarnpkg.com/@algolia/client-personalization/-/client-personalization-5.46.3.tgz#82270300ac56661e9ae3296568685927f75b5a9b"
+  integrity sha512-f4HNitgTip8tntKgluYBTc1LWSOkbNCdxZvRA3rRBZnEAYSvLe7jpE+AxRep6RY+prSWwMtyeCFhA/F1Um+TuQ==
+  dependencies:
+    "@algolia/client-common" "5.46.3"
+    "@algolia/requester-browser-xhr" "5.46.3"
+    "@algolia/requester-fetch" "5.46.3"
+    "@algolia/requester-node-http" "5.46.3"
+
+"@algolia/client-query-suggestions@5.46.3":
+  version "5.46.3"
+  resolved "https://registry.yarnpkg.com/@algolia/client-query-suggestions/-/client-query-suggestions-5.46.3.tgz#b8ef7be4c662ef1378b4fc19f0b5a1c0652bd339"
+  integrity sha512-/AaVqah2aYyJj7Cazu5QRkgcV3HF3lkBJo5TRkgqQ26xR4iHNRbLF2YsWJfJpJEFghlTF2HOCh7IgzaUCnM+8A==
+  dependencies:
+    "@algolia/client-common" "5.46.3"
+    "@algolia/requester-browser-xhr" "5.46.3"
+    "@algolia/requester-fetch" "5.46.3"
+    "@algolia/requester-node-http" "5.46.3"
+
+"@algolia/client-search@5.46.3":
+  version "5.46.3"
+  resolved "https://registry.yarnpkg.com/@algolia/client-search/-/client-search-5.46.3.tgz#889f85e292199cdedccb584e7d9e2edf36b21004"
+  integrity sha512-hfpCIukPuwkrlwsYfJEWdU5R5bduBHEq2uuPcqmgPgNq5MSjmiNIzRuzxGZZgiBKcre6gZT00DR7G1AFn//wiQ==
+  dependencies:
+    "@algolia/client-common" "5.46.3"
+    "@algolia/requester-browser-xhr" "5.46.3"
+    "@algolia/requester-fetch" "5.46.3"
+    "@algolia/requester-node-http" "5.46.3"
 
 "@algolia/events@^4.0.1":
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/@algolia/events/-/events-4.0.1.tgz#fd39e7477e7bc703d7f893b556f676c032af3950"
   integrity sha512-FQzvOCgoFXAbf5Y6mYozw2aj5KCJoA3m4heImceldzPSMbdyS4atVjJzXKMsfX3wnZTFYwkkt8/z8UesLHlSBQ==
 
-"@algolia/ingestion@1.46.2":
-  version "1.46.2"
-  resolved "https://registry.yarnpkg.com/@algolia/ingestion/-/ingestion-1.46.2.tgz#2a5d8a592d9f864dfb438722506382af56f8554f"
-  integrity sha512-1Uw2OslTWiOFDtt83y0bGiErJYy5MizadV0nHnOoHFWMoDqWW0kQoMFI65pXqRSkVvit5zjXSLik2xMiyQJDWQ==
+"@algolia/ingestion@1.46.3":
+  version "1.46.3"
+  resolved "https://registry.yarnpkg.com/@algolia/ingestion/-/ingestion-1.46.3.tgz#1370f9ba65d68f73bcec08f4f2b0c311479e423e"
+  integrity sha512-ChVzNkCzAVxKozTnTgPWCG69WQLjzW7X6OqD91zUh8U38ZhPEX/t3qGhXs+M9ZNaHcJ7xToMB3jywNwONhpLGA==
   dependencies:
-    "@algolia/client-common" "5.46.2"
-    "@algolia/requester-browser-xhr" "5.46.2"
-    "@algolia/requester-fetch" "5.46.2"
-    "@algolia/requester-node-http" "5.46.2"
+    "@algolia/client-common" "5.46.3"
+    "@algolia/requester-browser-xhr" "5.46.3"
+    "@algolia/requester-fetch" "5.46.3"
+    "@algolia/requester-node-http" "5.46.3"
 
-"@algolia/monitoring@1.46.2":
-  version "1.46.2"
-  resolved "https://registry.yarnpkg.com/@algolia/monitoring/-/monitoring-1.46.2.tgz#bd199368a49cb799cf12cfe76c49de6dd3021148"
-  integrity sha512-xk9f+DPtNcddWN6E7n1hyNNsATBCHIqAvVGG2EAGHJc4AFYL18uM/kMTiOKXE/LKDPyy1JhIerrh9oYb7RBrgw==
+"@algolia/monitoring@1.46.3":
+  version "1.46.3"
+  resolved "https://registry.yarnpkg.com/@algolia/monitoring/-/monitoring-1.46.3.tgz#2a6c56fb1007a344017298b50623d0718584625b"
+  integrity sha512-MZa+Z5iPmVMxVAQ0aq4HpGsja5utSLEMcOuY01X8D46vvMrSPkP8DnlDFtu1PgJ0RwyIGqqx7v+ClFo6iRJ6bA==
   dependencies:
-    "@algolia/client-common" "5.46.2"
-    "@algolia/requester-browser-xhr" "5.46.2"
-    "@algolia/requester-fetch" "5.46.2"
-    "@algolia/requester-node-http" "5.46.2"
+    "@algolia/client-common" "5.46.3"
+    "@algolia/requester-browser-xhr" "5.46.3"
+    "@algolia/requester-fetch" "5.46.3"
+    "@algolia/requester-node-http" "5.46.3"
 
-"@algolia/recommend@5.46.2":
-  version "5.46.2"
-  resolved "https://registry.yarnpkg.com/@algolia/recommend/-/recommend-5.46.2.tgz#e74bade1254046ed9be8ccd37f2a116ab9799508"
-  integrity sha512-NApbTPj9LxGzNw4dYnZmj2BoXiAc8NmbbH6qBNzQgXklGklt/xldTvu+FACN6ltFsTzoNU6j2mWNlHQTKGC5+Q==
+"@algolia/recommend@5.46.3":
+  version "5.46.3"
+  resolved "https://registry.yarnpkg.com/@algolia/recommend/-/recommend-5.46.3.tgz#b35f455b48466783ff500509ba951d92012ed4d3"
+  integrity sha512-cr3atJRJBKgAKZl/Oxo4sig6Se0+ukbyIOOluPV5H+ZAXVcxuMoXQgwQ1M5UHPnCnEsZ4uBXhBmilRgUQpUegw==
   dependencies:
-    "@algolia/client-common" "5.46.2"
-    "@algolia/requester-browser-xhr" "5.46.2"
-    "@algolia/requester-fetch" "5.46.2"
-    "@algolia/requester-node-http" "5.46.2"
+    "@algolia/client-common" "5.46.3"
+    "@algolia/requester-browser-xhr" "5.46.3"
+    "@algolia/requester-fetch" "5.46.3"
+    "@algolia/requester-node-http" "5.46.3"
 
-"@algolia/requester-browser-xhr@5.46.2":
-  version "5.46.2"
-  resolved "https://registry.yarnpkg.com/@algolia/requester-browser-xhr/-/requester-browser-xhr-5.46.2.tgz#7662480143405e815e1eed99136b4b2acd838ee7"
-  integrity sha512-ekotpCwpSp033DIIrsTpYlGUCF6momkgupRV/FA3m62SreTSZUKjgK6VTNyG7TtYfq9YFm/pnh65bATP/ZWJEg==
+"@algolia/requester-browser-xhr@5.46.3":
+  version "5.46.3"
+  resolved "https://registry.yarnpkg.com/@algolia/requester-browser-xhr/-/requester-browser-xhr-5.46.3.tgz#ae0748b12d1e61e81c6f42ac1da74a48e6f17c96"
+  integrity sha512-/Ku9GImJf2SKoRM2S3e03MjCVaWJCP5olih4k54DRhNDdmxBkd3nsWuUXvDElY3Ucw/arBYGs5SYz79SoS5APw==
   dependencies:
-    "@algolia/client-common" "5.46.2"
+    "@algolia/client-common" "5.46.3"
 
-"@algolia/requester-fetch@5.46.2":
-  version "5.46.2"
-  resolved "https://registry.yarnpkg.com/@algolia/requester-fetch/-/requester-fetch-5.46.2.tgz#dee07f0131b75f30d083bafd6fb878afe7402eb9"
-  integrity sha512-gKE+ZFi/6y7saTr34wS0SqYFDcjHW4Wminv8PDZEi0/mE99+hSrbKgJWxo2ztb5eqGirQTgIh1AMVacGGWM1iw==
+"@algolia/requester-fetch@5.46.3":
+  version "5.46.3"
+  resolved "https://registry.yarnpkg.com/@algolia/requester-fetch/-/requester-fetch-5.46.3.tgz#d827ff0bbcdd56a897c8c2b5f7515fe14bc7c30f"
+  integrity sha512-Uw+SPy/zpfwbH1AxQaeOWvWVzPEcO0XbtLbbSz0HPcEIiBGWyfa9LUCxD5UferbDjrSQNVimmzl3FaWi4u8Ykw==
   dependencies:
-    "@algolia/client-common" "5.46.2"
+    "@algolia/client-common" "5.46.3"
 
-"@algolia/requester-node-http@5.46.2":
-  version "5.46.2"
-  resolved "https://registry.yarnpkg.com/@algolia/requester-node-http/-/requester-node-http-5.46.2.tgz#7869d67cb2926bbdbfbfed2b4757e547c2e227eb"
-  integrity sha512-ciPihkletp7ttweJ8Zt+GukSVLp2ANJHU+9ttiSxsJZThXc4Y2yJ8HGVWesW5jN1zrsZsezN71KrMx/iZsOYpg==
+"@algolia/requester-node-http@5.46.3":
+  version "5.46.3"
+  resolved "https://registry.yarnpkg.com/@algolia/requester-node-http/-/requester-node-http-5.46.3.tgz#b782bc54574c7a5b83e764d6af0039ebb1350e61"
+  integrity sha512-4No9iTjr1GZ0JWsFbQJj9aZBnmKyY1sTxOoEud9+SGe3U6iAulF0A0lI4cWi/F/Gcfg8V3jkaddcqSQKDnE45w==
   dependencies:
-    "@algolia/client-common" "5.46.2"
+    "@algolia/client-common" "5.46.3"
 
 "@ampproject/remapping@^2.3.0":
   version "2.3.0"
@@ -212,34 +212,34 @@
     "@babel/highlight" "^7.25.7"
     picocolors "^1.0.0"
 
-"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.27.1.tgz#200f715e66d52a23b221a9435534a91cc13ad5be"
-  integrity sha512-cjQ7ZlQ0Mv3b47hABuTevyTuYN4i+loJKGeV9flcCgIK37cCXRh+L1bd3iBHlynerhQ7BhCkn2BPbQUL+rGqFg==
+"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.28.6.tgz#72499312ec58b1e2245ba4a4f550c132be4982f7"
+  integrity sha512-JYgintcMjRiCvS8mMECzaEn+m3PfoQiyqukOMCCVQtoJGYJw8j/8LBJEiqkHLkfwCcs74E3pbAUFNg7d9VNJ+Q==
   dependencies:
-    "@babel/helper-validator-identifier" "^7.27.1"
+    "@babel/helper-validator-identifier" "^7.28.5"
     js-tokens "^4.0.0"
     picocolors "^1.1.1"
 
-"@babel/compat-data@^7.27.2", "@babel/compat-data@^7.27.7", "@babel/compat-data@^7.28.5":
-  version "7.28.5"
-  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.28.5.tgz#a8a4962e1567121ac0b3b487f52107443b455c7f"
-  integrity sha512-6uFXyCayocRbqhZOB+6XcuZbkMNimwfVGFji8CTZnCzOHVGvDqzvitu1re2AU5LROliz7eQPhB8CpAMvnx9EjA==
+"@babel/compat-data@^7.27.7", "@babel/compat-data@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.28.6.tgz#103f466803fa0f059e82ccac271475470570d74c"
+  integrity sha512-2lfu57JtzctfIrcGMz992hyLlByuzgIk58+hhGCxjKZ3rWI82NnVLjXcaTqkI2NvlcvOskZaiZ5kjUALo3Lpxg==
 
 "@babel/core@^7.18.5", "@babel/core@^7.21.3", "@babel/core@^7.25.9":
-  version "7.28.5"
-  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.28.5.tgz#4c81b35e51e1b734f510c99b07dfbc7bbbb48f7e"
-  integrity sha512-e7jT4DxYvIDLk1ZHmU/m/mB19rex9sv0c2ftBtjSBv+kVM/902eh0fINUzD7UwLLNR+jU585GxUJ8/EBfAM5fw==
-  dependencies:
-    "@babel/code-frame" "^7.27.1"
-    "@babel/generator" "^7.28.5"
-    "@babel/helper-compilation-targets" "^7.27.2"
-    "@babel/helper-module-transforms" "^7.28.3"
-    "@babel/helpers" "^7.28.4"
-    "@babel/parser" "^7.28.5"
-    "@babel/template" "^7.27.2"
-    "@babel/traverse" "^7.28.5"
-    "@babel/types" "^7.28.5"
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.28.6.tgz#531bf883a1126e53501ba46eb3bb414047af507f"
+  integrity sha512-H3mcG6ZDLTlYfaSNi0iOKkigqMFvkTKlGUYlD8GW7nNOYRrevuA46iTypPyv+06V3fEmvvazfntkBU34L0azAw==
+  dependencies:
+    "@babel/code-frame" "^7.28.6"
+    "@babel/generator" "^7.28.6"
+    "@babel/helper-compilation-targets" "^7.28.6"
+    "@babel/helper-module-transforms" "^7.28.6"
+    "@babel/helpers" "^7.28.6"
+    "@babel/parser" "^7.28.6"
+    "@babel/template" "^7.28.6"
+    "@babel/traverse" "^7.28.6"
+    "@babel/types" "^7.28.6"
     "@jridgewell/remapping" "^2.3.5"
     convert-source-map "^2.0.0"
     debug "^4.1.0"
@@ -247,13 +247,13 @@
     json5 "^2.2.3"
     semver "^6.3.1"
 
-"@babel/generator@^7.25.9", "@babel/generator@^7.28.5":
-  version "7.28.5"
-  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.28.5.tgz#712722d5e50f44d07bc7ac9fe84438742dd61298"
-  integrity sha512-3EwLFhZ38J4VyIP6WNtt2kUdW9dokXA9Cr4IVIFHuCpZ3H8/YFOl5JjZHisrn1fATPBmKKqXzDFvh9fUwHz6CQ==
+"@babel/generator@^7.25.9", "@babel/generator@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.28.6.tgz#48dcc65d98fcc8626a48f72b62e263d25fc3c3f1"
+  integrity sha512-lOoVRwADj8hjf7al89tvQ2a1lf53Z+7tiXMgpZJL3maQPDxh0DgLMN62B2MKUOFcoodBHLMbDM6WAbKgNy5Suw==
   dependencies:
-    "@babel/parser" "^7.28.5"
-    "@babel/types" "^7.28.5"
+    "@babel/parser" "^7.28.6"
+    "@babel/types" "^7.28.6"
     "@jridgewell/gen-mapping" "^0.3.12"
     "@jridgewell/trace-mapping" "^0.3.28"
     jsesc "^3.0.2"
@@ -265,31 +265,31 @@
   dependencies:
     "@babel/types" "^7.27.3"
 
-"@babel/helper-compilation-targets@^7.27.1", "@babel/helper-compilation-targets@^7.27.2":
-  version "7.27.2"
-  resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.27.2.tgz#46a0f6efab808d51d29ce96858dd10ce8732733d"
-  integrity sha512-2+1thGUUWWjLTYTHZWK1n8Yga0ijBz1XAhUXcKy81rd5g6yh7hGqMp45v7cadSbEHc9G3OTv45SyneRN3ps4DQ==
+"@babel/helper-compilation-targets@^7.27.1", "@babel/helper-compilation-targets@^7.27.2", "@babel/helper-compilation-targets@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.28.6.tgz#32c4a3f41f12ed1532179b108a4d746e105c2b25"
+  integrity sha512-JYtls3hqi15fcx5GaSNL7SCTJ2MNmjrkHXg4FSpOA/grxK8KwyZ5bubHsCq8FXCkua6xhuaaBit+3b7+VZRfcA==
   dependencies:
-    "@babel/compat-data" "^7.27.2"
+    "@babel/compat-data" "^7.28.6"
     "@babel/helper-validator-option" "^7.27.1"
     browserslist "^4.24.0"
     lru-cache "^5.1.1"
     semver "^6.3.1"
 
-"@babel/helper-create-class-features-plugin@^7.27.1", "@babel/helper-create-class-features-plugin@^7.28.3", "@babel/helper-create-class-features-plugin@^7.28.5":
-  version "7.28.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.28.5.tgz#472d0c28028850968979ad89f173594a6995da46"
-  integrity sha512-q3WC4JfdODypvxArsJQROfupPBq9+lMwjKq7C33GhbFYJsufD0yd/ziwD+hJucLeWsnFPWZjsU2DNFqBPE7jwQ==
+"@babel/helper-create-class-features-plugin@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.28.6.tgz#611ff5482da9ef0db6291bcd24303400bca170fb"
+  integrity sha512-dTOdvsjnG3xNT9Y0AUg1wAl38y+4Rl4sf9caSQZOXdNqVn+H+HbbJ4IyyHaIqNR6SW9oJpA/RuRjsjCw2IdIow==
   dependencies:
     "@babel/helper-annotate-as-pure" "^7.27.3"
     "@babel/helper-member-expression-to-functions" "^7.28.5"
     "@babel/helper-optimise-call-expression" "^7.27.1"
-    "@babel/helper-replace-supers" "^7.27.1"
+    "@babel/helper-replace-supers" "^7.28.6"
     "@babel/helper-skip-transparent-expression-wrappers" "^7.27.1"
-    "@babel/traverse" "^7.28.5"
+    "@babel/traverse" "^7.28.6"
     semver "^6.3.1"
 
-"@babel/helper-create-regexp-features-plugin@^7.18.6", "@babel/helper-create-regexp-features-plugin@^7.27.1":
+"@babel/helper-create-regexp-features-plugin@^7.18.6", "@babel/helper-create-regexp-features-plugin@^7.27.1", "@babel/helper-create-regexp-features-plugin@^7.28.5":
   version "7.28.5"
   resolved "https://registry.yarnpkg.com/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.28.5.tgz#7c1ddd64b2065c7f78034b25b43346a7e19ed997"
   integrity sha512-N1EhvLtHzOvj7QQOUCCS3NrPJP8c5W6ZXCHDn7Yialuy1iu4r5EmIYkXlKNqT99Ciw+W0mDqWoR6HWMZlFP3hw==
@@ -314,7 +314,7 @@
   resolved "https://registry.yarnpkg.com/@babel/helper-globals/-/helper-globals-7.28.0.tgz#b9430df2aa4e17bc28665eadeae8aa1d985e6674"
   integrity sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==
 
-"@babel/helper-member-expression-to-functions@^7.27.1", "@babel/helper-member-expression-to-functions@^7.28.5":
+"@babel/helper-member-expression-to-functions@^7.28.5":
   version "7.28.5"
   resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.28.5.tgz#f3e07a10be37ed7a63461c63e6929575945a6150"
   integrity sha512-cwM7SBRZcPCLgl8a7cY0soT1SptSzAlMH39vwiRpOQkJlh53r5hdHwLSCZpQdVLT39sZt+CRpNwYG4Y2v77atg==
@@ -322,22 +322,22 @@
     "@babel/traverse" "^7.28.5"
     "@babel/types" "^7.28.5"
 
-"@babel/helper-module-imports@^7.16.7", "@babel/helper-module-imports@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.27.1.tgz#7ef769a323e2655e126673bb6d2d6913bbead204"
-  integrity sha512-0gSFWUPNXNopqtIPQvlD5WgXYI5GY2kP2cCvoT8kczjbfcfuIljTbcWrulD1CIPIX2gt1wghbDy08yE1p+/r3w==
+"@babel/helper-module-imports@^7.16.7", "@babel/helper-module-imports@^7.27.1", "@babel/helper-module-imports@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.28.6.tgz#60632cbd6ffb70b22823187201116762a03e2d5c"
+  integrity sha512-l5XkZK7r7wa9LucGw9LwZyyCUscb4x37JWTPz7swwFE/0FMQAGpiWUZn8u9DzkSBWEcK25jmvubfpw2dnAMdbw==
   dependencies:
-    "@babel/traverse" "^7.27.1"
-    "@babel/types" "^7.27.1"
+    "@babel/traverse" "^7.28.6"
+    "@babel/types" "^7.28.6"
 
-"@babel/helper-module-transforms@^7.27.1", "@babel/helper-module-transforms@^7.28.3":
-  version "7.28.3"
-  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.28.3.tgz#a2b37d3da3b2344fe085dab234426f2b9a2fa5f6"
-  integrity sha512-gytXUbs8k2sXS9PnQptz5o0QnpLL51SwASIORY6XaBKF88nsOT0Zw9szLqlSGQDP/4TljBAD5y98p2U1fqkdsw==
+"@babel/helper-module-transforms@^7.27.1", "@babel/helper-module-transforms@^7.28.3", "@babel/helper-module-transforms@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.28.6.tgz#9312d9d9e56edc35aeb6e95c25d4106b50b9eb1e"
+  integrity sha512-67oXFAYr2cDLDVGLXTEABjdBJZ6drElUSI7WKp70NrpyISso3plG9SAGEF6y7zbha/wOzUByWWTJvEDVNIUGcA==
   dependencies:
-    "@babel/helper-module-imports" "^7.27.1"
-    "@babel/helper-validator-identifier" "^7.27.1"
-    "@babel/traverse" "^7.28.3"
+    "@babel/helper-module-imports" "^7.28.6"
+    "@babel/helper-validator-identifier" "^7.28.5"
+    "@babel/traverse" "^7.28.6"
 
 "@babel/helper-optimise-call-expression@^7.27.1":
   version "7.27.1"
@@ -346,10 +346,10 @@
   dependencies:
     "@babel/types" "^7.27.1"
 
-"@babel/helper-plugin-utils@^7.0.0", "@babel/helper-plugin-utils@^7.18.6", "@babel/helper-plugin-utils@^7.27.1", "@babel/helper-plugin-utils@^7.8.0":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.27.1.tgz#ddb2f876534ff8013e6c2b299bf4d39b3c51d44c"
-  integrity sha512-1gn1Up5YXka3YYAHGKpbideQ5Yjf1tDa9qYcgysz+cNCXukyLl6DjPXhD3VRwSb8c0J9tA4b2+rHEZtc6R0tlw==
+"@babel/helper-plugin-utils@^7.0.0", "@babel/helper-plugin-utils@^7.18.6", "@babel/helper-plugin-utils@^7.27.1", "@babel/helper-plugin-utils@^7.28.6", "@babel/helper-plugin-utils@^7.8.0":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.28.6.tgz#6f13ea251b68c8532e985fd532f28741a8af9ac8"
+  integrity sha512-S9gzZ/bz83GRysI7gAD4wPT/AI3uCnY+9xn+Mx/KPs2JwHJIz1W8PZkg2cqyt3RNOBM8ejcXhV6y8Og7ly/Dug==
 
 "@babel/helper-remap-async-to-generator@^7.27.1":
   version "7.27.1"
@@ -360,14 +360,14 @@
     "@babel/helper-wrap-function" "^7.27.1"
     "@babel/traverse" "^7.27.1"
 
-"@babel/helper-replace-supers@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/helper-replace-supers/-/helper-replace-supers-7.27.1.tgz#b1ed2d634ce3bdb730e4b52de30f8cccfd692bc0"
-  integrity sha512-7EHz6qDZc8RYS5ElPoShMheWvEgERonFCs7IAonWLLUTXW59DP14bCZt89/GKyreYn8g3S83m21FelHKbeDCKA==
+"@babel/helper-replace-supers@^7.27.1", "@babel/helper-replace-supers@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-replace-supers/-/helper-replace-supers-7.28.6.tgz#94aa9a1d7423a00aead3f204f78834ce7d53fe44"
+  integrity sha512-mq8e+laIk94/yFec3DxSjCRD2Z0TAjhVbEJY3UQrlwVo15Lmt7C2wAUbK4bjnTs4APkwsYLTahXRraQXhb1WCg==
   dependencies:
-    "@babel/helper-member-expression-to-functions" "^7.27.1"
+    "@babel/helper-member-expression-to-functions" "^7.28.5"
     "@babel/helper-optimise-call-expression" "^7.27.1"
-    "@babel/traverse" "^7.27.1"
+    "@babel/traverse" "^7.28.6"
 
 "@babel/helper-skip-transparent-expression-wrappers@^7.27.1":
   version "7.27.1"
@@ -382,7 +382,7 @@
   resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz#54da796097ab19ce67ed9f88b47bb2ec49367687"
   integrity sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==
 
-"@babel/helper-validator-identifier@^7.25.9", "@babel/helper-validator-identifier@^7.27.1", "@babel/helper-validator-identifier@^7.28.5":
+"@babel/helper-validator-identifier@^7.25.9", "@babel/helper-validator-identifier@^7.28.5":
   version "7.28.5"
   resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.28.5.tgz#010b6938fab7cb7df74aa2bbc06aa503b8fe5fb4"
   integrity sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==
@@ -393,21 +393,21 @@
   integrity sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==
 
 "@babel/helper-wrap-function@^7.27.1":
-  version "7.28.3"
-  resolved "https://registry.yarnpkg.com/@babel/helper-wrap-function/-/helper-wrap-function-7.28.3.tgz#fe4872092bc1438ffd0ce579e6f699609f9d0a7a"
-  integrity sha512-zdf983tNfLZFletc0RRXYrHrucBEg95NIFMkn6K9dbeMYnsgHaSBGcQqdsCSStG2PYwRre0Qc2NNSCXbG+xc6g==
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-wrap-function/-/helper-wrap-function-7.28.6.tgz#4e349ff9222dab69a93a019cc296cdd8442e279a"
+  integrity sha512-z+PwLziMNBeSQJonizz2AGnndLsP2DeGHIxDAn+wdHOGuo4Fo1x1HBPPXeE9TAOPHNNWQKCSlA2VZyYyyibDnQ==
   dependencies:
-    "@babel/template" "^7.27.2"
-    "@babel/traverse" "^7.28.3"
-    "@babel/types" "^7.28.2"
+    "@babel/template" "^7.28.6"
+    "@babel/traverse" "^7.28.6"
+    "@babel/types" "^7.28.6"
 
-"@babel/helpers@^7.28.4":
-  version "7.28.4"
-  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.28.4.tgz#fe07274742e95bdf7cf1443593eeb8926ab63827"
-  integrity sha512-HFN59MmQXGHVyYadKLVumYsA9dBFun/ldYxipEjzA4196jpLZd8UjEEBLkbEkvfYreDqJhZxYAWFPtrfhNpj4w==
+"@babel/helpers@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.28.6.tgz#fca903a313ae675617936e8998b814c415cbf5d7"
+  integrity sha512-xOBvwq86HHdB7WUDTfKfT/Vuxh7gElQ+Sfti2Cy6yIWNW05P8iUslOVcZ4/sKbE+/jQaukQAdz/gf3724kYdqw==
   dependencies:
-    "@babel/template" "^7.27.2"
-    "@babel/types" "^7.28.4"
+    "@babel/template" "^7.28.6"
+    "@babel/types" "^7.28.6"
 
 "@babel/highlight@^7.25.7":
   version "7.25.9"
@@ -419,12 +419,12 @@
     js-tokens "^4.0.0"
     picocolors "^1.0.0"
 
-"@babel/parser@^7.25.4", "@babel/parser@^7.27.2", "@babel/parser@^7.28.5":
-  version "7.28.5"
-  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.28.5.tgz#0b0225ee90362f030efd644e8034c99468893b08"
-  integrity sha512-KKBU1VGYR7ORr3At5HAtUQ+TV3SzRCXmA/8OdDZiLDBIZxVyzXuztPjfLd3BV1PRAQGCMWWSHYhL0F8d5uHBDQ==
+"@babel/parser@^7.25.4", "@babel/parser@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.28.6.tgz#f01a8885b7fa1e56dd8a155130226cd698ef13fd"
+  integrity sha512-TeR9zWR18BvbfPmGbLampPMW+uW1NZnJlRuuHso8i87QZNq2JRF9i6RgxRqtEq+wQGsS19NNTWr2duhnE49mfQ==
   dependencies:
-    "@babel/types" "^7.28.5"
+    "@babel/types" "^7.28.6"
 
 "@babel/plugin-bugfix-firefox-class-in-computed-class-key@^7.28.5":
   version "7.28.5"
@@ -457,13 +457,13 @@
     "@babel/helper-skip-transparent-expression-wrappers" "^7.27.1"
     "@babel/plugin-transform-optional-chaining" "^7.27.1"
 
-"@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly@^7.28.3":
-  version "7.28.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly/-/plugin-bugfix-v8-static-class-fields-redefine-readonly-7.28.3.tgz#373f6e2de0016f73caf8f27004f61d167743742a"
-  integrity sha512-b6YTX108evsvE4YgWyQ921ZAFFQm3Bn+CA3+ZXlNVnPhx+UfsVURoPjfGAPCjBgrqo30yX/C2nZGX96DxvR9Iw==
+"@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly/-/plugin-bugfix-v8-static-class-fields-redefine-readonly-7.28.6.tgz#0e8289cec28baaf05d54fd08d81ae3676065f69f"
+  integrity sha512-a0aBScVTlNaiUe35UtfxAN7A/tehvvG4/ByO6+46VPKTRSlfnAFsgKy0FUh+qAkQrDTmhDkT+IBOKlOoMUxQ0g==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
-    "@babel/traverse" "^7.28.3"
+    "@babel/helper-plugin-utils" "^7.28.6"
+    "@babel/traverse" "^7.28.6"
 
 "@babel/plugin-proposal-private-property-in-object@7.21.0-placeholder-for-preset-env.2":
   version "7.21.0-placeholder-for-preset-env.2"
@@ -477,33 +477,33 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.0"
 
-"@babel/plugin-syntax-import-assertions@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.27.1.tgz#88894aefd2b03b5ee6ad1562a7c8e1587496aecd"
-  integrity sha512-UT/Jrhw57xg4ILHLFnzFpPDlMbcdEicaAtjPQpbj9wa8T4r5KVWCimHcL/460g8Ht0DMxDyjsLgiWSkVjnwPFg==
+"@babel/plugin-syntax-import-assertions@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.28.6.tgz#ae9bc1923a6ba527b70104dd2191b0cd872c8507"
+  integrity sha512-pSJUpFHdx9z5nqTSirOCMtYVP2wFgoWhP0p3g8ONK/4IHhLIBd0B9NYqAvIUAhq+OkhO4VM1tENCt0cjlsNShw==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-plugin-utils" "^7.28.6"
 
-"@babel/plugin-syntax-import-attributes@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.27.1.tgz#34c017d54496f9b11b61474e7ea3dfd5563ffe07"
-  integrity sha512-oFT0FrKHgF53f4vOsZGi2Hh3I35PfSmVs4IBFLFj4dnafP+hIWDLg3VyKmUHfLoLHlyxY4C7DGtmHuJgn+IGww==
+"@babel/plugin-syntax-import-attributes@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.28.6.tgz#b71d5914665f60124e133696f17cd7669062c503"
+  integrity sha512-jiLC0ma9XkQT3TKJ9uYvlakm66Pamywo+qwL+oL8HJOvc6TWdZXVfhqJr8CCzbSGUAbDOzlGHJC1U+vRfLQDvw==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-plugin-utils" "^7.28.6"
 
-"@babel/plugin-syntax-jsx@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.27.1.tgz#2f9beb5eff30fa507c5532d107daac7b888fa34c"
-  integrity sha512-y8YTNIeKoyhGd9O0Jiyzyyqk8gdjnumGTQPsz0xOZOQ2RmkVJeZ1vmmfIvFEKqucBG6axJGBZDE/7iI5suUI/w==
+"@babel/plugin-syntax-jsx@^7.27.1", "@babel/plugin-syntax-jsx@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.28.6.tgz#f8ca28bbd84883b5fea0e447c635b81ba73997ee"
+  integrity sha512-wgEmr06G6sIpqr8YDwA2dSRTE3bJ+V0IfpzfSY3Lfgd7YWOaAdlykvJi13ZKBt8cZHfgH1IXN+CL656W3uUa4w==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-plugin-utils" "^7.28.6"
 
-"@babel/plugin-syntax-typescript@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.27.1.tgz#5147d29066a793450f220c63fa3a9431b7e6dd18"
-  integrity sha512-xfYCBMxveHrRMnAWl1ZlPXOZjzkN82THFvLhQhFXFt81Z5HnN+EtUkZhv/zcKpmT3fzmWZB0ywiBrbC3vogbwQ==
+"@babel/plugin-syntax-typescript@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.28.6.tgz#c7b2ddf1d0a811145b1de800d1abd146af92e3a2"
+  integrity sha512-+nDNmQye7nlnuuHDboPbGm00Vqg3oO8niRRL27/4LYHUsHYh0zJ1xWOz0uRwNFmM1Avzk8wZbc6rdiYhomzv/A==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-plugin-utils" "^7.28.6"
 
 "@babel/plugin-syntax-unicode-sets-regex@^7.18.6":
   version "7.18.6"
@@ -520,22 +520,22 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-async-generator-functions@^7.28.0":
-  version "7.28.0"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.28.0.tgz#1276e6c7285ab2cd1eccb0bc7356b7a69ff842c2"
-  integrity sha512-BEOdvX4+M765icNPZeidyADIvQ1m1gmunXufXxvRESy/jNNyfovIqUyE7MVgGBjWktCoJlzvFA1To2O4ymIO3Q==
+"@babel/plugin-transform-async-generator-functions@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.28.6.tgz#80cb86d3eaa2102e18ae90dd05ab87bdcad3877d"
+  integrity sha512-9knsChgsMzBV5Yh3kkhrZNxH3oCYAfMBkNNaVN4cP2RVlFPe8wYdwwcnOsAbkdDoV9UjFtOXWrWB52M8W4jNeA==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-plugin-utils" "^7.28.6"
     "@babel/helper-remap-async-to-generator" "^7.27.1"
-    "@babel/traverse" "^7.28.0"
+    "@babel/traverse" "^7.28.6"
 
-"@babel/plugin-transform-async-to-generator@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.27.1.tgz#9a93893b9379b39466c74474f55af03de78c66e7"
-  integrity sha512-NREkZsZVJS4xmTr8qzE5y8AfIPqsdQfRuUiLRTEzb7Qii8iFWCyDKaUV2c0rCuh4ljDZ98ALHP/PetiBV2nddA==
+"@babel/plugin-transform-async-to-generator@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.28.6.tgz#bd97b42237b2d1bc90d74bcb486c39be5b4d7e77"
+  integrity sha512-ilTRcmbuXjsMmcZ3HASTe4caH5Tpo93PkTxF9oG2VZsSWsahydmcEHhix9Ik122RcTnZnUzPbmux4wh1swfv7g==
   dependencies:
-    "@babel/helper-module-imports" "^7.27.1"
-    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-module-imports" "^7.28.6"
+    "@babel/helper-plugin-utils" "^7.28.6"
     "@babel/helper-remap-async-to-generator" "^7.27.1"
 
 "@babel/plugin-transform-block-scoped-functions@^7.27.1":
@@ -545,50 +545,50 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-block-scoping@^7.28.5":
-  version "7.28.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.28.5.tgz#e0d3af63bd8c80de2e567e690a54e84d85eb16f6"
-  integrity sha512-45DmULpySVvmq9Pj3X9B+62Xe+DJGov27QravQJU1LLcapR6/10i+gYVAucGGJpHBp5mYxIMK4nDAT/QDLr47g==
+"@babel/plugin-transform-block-scoping@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.28.6.tgz#e1ef5633448c24e76346125c2534eeb359699a99"
+  integrity sha512-tt/7wOtBmwHPNMPu7ax4pdPz6shjFrmHDghvNC+FG9Qvj7D6mJcoRQIF5dy4njmxR941l6rgtvfSB2zX3VlUIw==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-plugin-utils" "^7.28.6"
 
-"@babel/plugin-transform-class-properties@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-class-properties/-/plugin-transform-class-properties-7.27.1.tgz#dd40a6a370dfd49d32362ae206ddaf2bb082a925"
-  integrity sha512-D0VcalChDMtuRvJIu3U/fwWjf8ZMykz5iZsg77Nuj821vCKI3zCyRLwRdWbsuJ/uRwZhZ002QtCqIkwC/ZkvbA==
+"@babel/plugin-transform-class-properties@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-class-properties/-/plugin-transform-class-properties-7.28.6.tgz#d274a4478b6e782d9ea987fda09bdb6d28d66b72"
+  integrity sha512-dY2wS3I2G7D697VHndN91TJr8/AAfXQNt5ynCTI/MpxMsSzHp+52uNivYT5wCPax3whc47DR8Ba7cmlQMg24bw==
   dependencies:
-    "@babel/helper-create-class-features-plugin" "^7.27.1"
-    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-create-class-features-plugin" "^7.28.6"
+    "@babel/helper-plugin-utils" "^7.28.6"
 
-"@babel/plugin-transform-class-static-block@^7.28.3":
-  version "7.28.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.28.3.tgz#d1b8e69b54c9993bc558203e1f49bfc979bfd852"
-  integrity sha512-LtPXlBbRoc4Njl/oh1CeD/3jC+atytbnf/UqLoqTDcEYGUPj022+rvfkbDYieUrSj3CaV4yHDByPE+T2HwfsJg==
+"@babel/plugin-transform-class-static-block@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.28.6.tgz#1257491e8259c6d125ac4d9a6f39f9d2bf3dba70"
+  integrity sha512-rfQ++ghVwTWTqQ7w8qyDxL1XGihjBss4CmTgGRCTAC9RIbhVpyp4fOeZtta0Lbf+dTNIVJer6ych2ibHwkZqsQ==
   dependencies:
-    "@babel/helper-create-class-features-plugin" "^7.28.3"
-    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-create-class-features-plugin" "^7.28.6"
+    "@babel/helper-plugin-utils" "^7.28.6"
 
-"@babel/plugin-transform-classes@^7.28.4":
-  version "7.28.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-classes/-/plugin-transform-classes-7.28.4.tgz#75d66175486788c56728a73424d67cbc7473495c"
-  integrity sha512-cFOlhIYPBv/iBoc+KS3M6et2XPtbT2HiCRfBXWtfpc9OAyostldxIf9YAYB6ypURBBbx+Qv6nyrLzASfJe+hBA==
+"@babel/plugin-transform-classes@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-classes/-/plugin-transform-classes-7.28.6.tgz#8f6fb79ba3703978e701ce2a97e373aae7dda4b7"
+  integrity sha512-EF5KONAqC5zAqT783iMGuM2ZtmEBy+mJMOKl2BCvPZ2lVrwvXnB6o+OBWCS+CoeCCpVRF2sA2RBKUxvT8tQT5Q==
   dependencies:
     "@babel/helper-annotate-as-pure" "^7.27.3"
-    "@babel/helper-compilation-targets" "^7.27.2"
+    "@babel/helper-compilation-targets" "^7.28.6"
     "@babel/helper-globals" "^7.28.0"
-    "@babel/helper-plugin-utils" "^7.27.1"
-    "@babel/helper-replace-supers" "^7.27.1"
-    "@babel/traverse" "^7.28.4"
+    "@babel/helper-plugin-utils" "^7.28.6"
+    "@babel/helper-replace-supers" "^7.28.6"
+    "@babel/traverse" "^7.28.6"
 
-"@babel/plugin-transform-computed-properties@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.27.1.tgz#81662e78bf5e734a97982c2b7f0a793288ef3caa"
-  integrity sha512-lj9PGWvMTVksbWiDT2tW68zGS/cyo4AkZ/QTp0sQT0mjPopCmrSkzxeXkznjqBxzDI6TclZhOJbBmbBLjuOZUw==
+"@babel/plugin-transform-computed-properties@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.28.6.tgz#936824fc71c26cb5c433485776d79c8e7b0202d2"
+  integrity sha512-bcc3k0ijhHbc2lEfpFHgx7eYw9KNXqOerKWfzbxEHUGKnS3sz9C4CNL9OiFN1297bDNfUiSO7DaLzbvHQQQ1BQ==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
-    "@babel/template" "^7.27.1"
+    "@babel/helper-plugin-utils" "^7.28.6"
+    "@babel/template" "^7.28.6"
 
-"@babel/plugin-transform-destructuring@^7.28.0", "@babel/plugin-transform-destructuring@^7.28.5":
+"@babel/plugin-transform-destructuring@^7.28.5":
   version "7.28.5"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.28.5.tgz#b8402764df96179a2070bb7b501a1586cf8ad7a7"
   integrity sha512-Kl9Bc6D0zTUcFUvkNuQh4eGXPKKNDOJQXVyyM4ZAQPMveniJdxi8XMJwLo+xSoW3MIq81bD33lcUe9kZpl0MCw==
@@ -596,13 +596,13 @@
     "@babel/helper-plugin-utils" "^7.27.1"
     "@babel/traverse" "^7.28.5"
 
-"@babel/plugin-transform-dotall-regex@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.27.1.tgz#aa6821de864c528b1fecf286f0a174e38e826f4d"
-  integrity sha512-gEbkDVGRvjj7+T1ivxrfgygpT7GUd4vmODtYpbs0gZATdkX8/iSnOtZSxiZnsgm1YjTgjI6VKBGSJJevkrclzw==
+"@babel/plugin-transform-dotall-regex@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.28.6.tgz#def31ed84e0fb6e25c71e53c124e7b76a4ab8e61"
+  integrity sha512-SljjowuNKB7q5Oayv4FoPzeB74g3QgLt8IVJw9ADvWy3QnUb/01aw8I4AVv8wYnPvQz2GDDZ/g3GhcNyDBI4Bg==
   dependencies:
-    "@babel/helper-create-regexp-features-plugin" "^7.27.1"
-    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-create-regexp-features-plugin" "^7.28.5"
+    "@babel/helper-plugin-utils" "^7.28.6"
 
 "@babel/plugin-transform-duplicate-keys@^7.27.1":
   version "7.27.1"
@@ -611,13 +611,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-duplicate-named-capturing-groups-regex@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-duplicate-named-capturing-groups-regex/-/plugin-transform-duplicate-named-capturing-groups-regex-7.27.1.tgz#5043854ca620a94149372e69030ff8cb6a9eb0ec"
-  integrity sha512-hkGcueTEzuhB30B3eJCbCYeCaaEQOmQR0AdvzpD4LoN0GXMWzzGSuRrxR2xTnCrvNbVwK9N6/jQ92GSLfiZWoQ==
+"@babel/plugin-transform-duplicate-named-capturing-groups-regex@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-duplicate-named-capturing-groups-regex/-/plugin-transform-duplicate-named-capturing-groups-regex-7.28.6.tgz#e0c59ba54f1655dd682f2edf5f101b5910a8f6f3"
+  integrity sha512-5suVoXjC14lUN6ZL9OLKIHCNVWCrqGqlmEp/ixdXjvgnEl/kauLvvMO/Xw9NyMc95Joj1AeLVPVMvibBgSoFlA==
   dependencies:
-    "@babel/helper-create-regexp-features-plugin" "^7.27.1"
-    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-create-regexp-features-plugin" "^7.28.5"
+    "@babel/helper-plugin-utils" "^7.28.6"
 
 "@babel/plugin-transform-dynamic-import@^7.27.1":
   version "7.27.1"
@@ -626,20 +626,20 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-explicit-resource-management@^7.28.0":
-  version "7.28.0"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-explicit-resource-management/-/plugin-transform-explicit-resource-management-7.28.0.tgz#45be6211b778dbf4b9d54c4e8a2b42fa72e09a1a"
-  integrity sha512-K8nhUcn3f6iB+P3gwCv/no7OdzOZQcKchW6N389V6PD8NUWKZHzndOd9sPDVbMoBsbmjMqlB4L9fm+fEFNVlwQ==
+"@babel/plugin-transform-explicit-resource-management@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-explicit-resource-management/-/plugin-transform-explicit-resource-management-7.28.6.tgz#dd6788f982c8b77e86779d1d029591e39d9d8be7"
+  integrity sha512-Iao5Konzx2b6g7EPqTy40UZbcdXE126tTxVFr/nAIj+WItNxjKSYTEw3RC+A2/ZetmdJsgueL1KhaMCQHkLPIg==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
-    "@babel/plugin-transform-destructuring" "^7.28.0"
+    "@babel/helper-plugin-utils" "^7.28.6"
+    "@babel/plugin-transform-destructuring" "^7.28.5"
 
-"@babel/plugin-transform-exponentiation-operator@^7.28.5":
-  version "7.28.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.28.5.tgz#7cc90a8170e83532676cfa505278e147056e94fe"
-  integrity sha512-D4WIMaFtwa2NizOp+dnoFjRez/ClKiC2BqqImwKd1X28nqBtZEyCYJ2ozQrrzlxAFrcrjxo39S6khe9RNDlGzw==
+"@babel/plugin-transform-exponentiation-operator@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.28.6.tgz#5e477eb7eafaf2ab5537a04aaafcf37e2d7f1091"
+  integrity sha512-WitabqiGjV/vJ0aPOLSFfNY1u9U3R7W36B03r5I2KoNix+a3sOhJ3pKFB3R5It9/UiK78NiO0KE9P21cMhlPkw==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-plugin-utils" "^7.28.6"
 
 "@babel/plugin-transform-export-namespace-from@^7.27.1":
   version "7.27.1"
@@ -665,12 +665,12 @@
     "@babel/helper-plugin-utils" "^7.27.1"
     "@babel/traverse" "^7.27.1"
 
-"@babel/plugin-transform-json-strings@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-json-strings/-/plugin-transform-json-strings-7.27.1.tgz#a2e0ce6ef256376bd527f290da023983527a4f4c"
-  integrity sha512-6WVLVJiTjqcQauBhn1LkICsR2H+zm62I3h9faTDKt1qP4jn2o72tSvqMwtGFKGTpojce0gJs+76eZ2uCHRZh0Q==
+"@babel/plugin-transform-json-strings@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-json-strings/-/plugin-transform-json-strings-7.28.6.tgz#4c8c15b2dc49e285d110a4cf3dac52fd2dfc3038"
+  integrity sha512-Nr+hEN+0geQkzhbdgQVPoqr47lZbm+5fCUmO70722xJZd0Mvb59+33QLImGj6F+DkK3xgDi1YVysP8whD6FQAw==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-plugin-utils" "^7.28.6"
 
 "@babel/plugin-transform-literals@^7.27.1":
   version "7.27.1"
@@ -679,12 +679,12 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-logical-assignment-operators@^7.28.5":
-  version "7.28.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.28.5.tgz#d028fd6db8c081dee4abebc812c2325e24a85b0e"
-  integrity sha512-axUuqnUTBuXyHGcJEVVh9pORaN6wC5bYfE7FGzPiaWa3syib9m7g+/IT/4VgCOe2Upef43PHzeAvcrVek6QuuA==
+"@babel/plugin-transform-logical-assignment-operators@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.28.6.tgz#53028a3d77e33c50ef30a8fce5ca17065936e605"
+  integrity sha512-+anKKair6gpi8VsM/95kmomGNMD0eLz1NQ8+Pfw5sAwWH9fGYXT50E55ZpV0pHUHWf6IUTWPM+f/7AAff+wr9A==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-plugin-utils" "^7.28.6"
 
 "@babel/plugin-transform-member-expression-literals@^7.27.1":
   version "7.27.1"
@@ -701,13 +701,13 @@
     "@babel/helper-module-transforms" "^7.27.1"
     "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-modules-commonjs@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.27.1.tgz#8e44ed37c2787ecc23bdc367f49977476614e832"
-  integrity sha512-OJguuwlTYlN0gBZFRPqwOGNWssZjfIUdS7HMYtN8c1KmwpwHFBwTeFZrg9XZa+DFTitWOW5iTAG7tyCUPsCCyw==
+"@babel/plugin-transform-modules-commonjs@^7.27.1", "@babel/plugin-transform-modules-commonjs@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.28.6.tgz#c0232e0dfe66a734cc4ad0d5e75fc3321b6fdef1"
+  integrity sha512-jppVbf8IV9iWWwWTQIxJMAJCWBuuKx71475wHwYytrRGQ2CWiDvYlADQno3tcYpS/T2UUWFQp3nVtYfK/YBQrA==
   dependencies:
-    "@babel/helper-module-transforms" "^7.27.1"
-    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-module-transforms" "^7.28.6"
+    "@babel/helper-plugin-utils" "^7.28.6"
 
 "@babel/plugin-transform-modules-systemjs@^7.28.5":
   version "7.28.5"
@@ -742,30 +742,30 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-nullish-coalescing-operator@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.27.1.tgz#4f9d3153bf6782d73dd42785a9d22d03197bc91d"
-  integrity sha512-aGZh6xMo6q9vq1JGcw58lZ1Z0+i0xB2x0XaauNIUXd6O1xXc3RwoWEBlsTQrY4KQ9Jf0s5rgD6SiNkaUdJegTA==
+"@babel/plugin-transform-nullish-coalescing-operator@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.28.6.tgz#9bc62096e90ab7a887f3ca9c469f6adec5679757"
+  integrity sha512-3wKbRgmzYbw24mDJXT7N+ADXw8BC/imU9yo9c9X9NKaLF1fW+e5H1U5QjMUBe4Qo4Ox/o++IyUkl1sVCLgevKg==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-plugin-utils" "^7.28.6"
 
-"@babel/plugin-transform-numeric-separator@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-numeric-separator/-/plugin-transform-numeric-separator-7.27.1.tgz#614e0b15cc800e5997dadd9bd6ea524ed6c819c6"
-  integrity sha512-fdPKAcujuvEChxDBJ5c+0BTaS6revLV7CJL08e4m3de8qJfNIuCc2nc7XJYOjBoTMJeqSmwXJ0ypE14RCjLwaw==
+"@babel/plugin-transform-numeric-separator@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-numeric-separator/-/plugin-transform-numeric-separator-7.28.6.tgz#1310b0292762e7a4a335df5f580c3320ee7d9e9f"
+  integrity sha512-SJR8hPynj8outz+SlStQSwvziMN4+Bq99it4tMIf5/Caq+3iOc0JtKyse8puvyXkk3eFRIA5ID/XfunGgO5i6w==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-plugin-utils" "^7.28.6"
 
-"@babel/plugin-transform-object-rest-spread@^7.28.4":
-  version "7.28.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.28.4.tgz#9ee1ceca80b3e6c4bac9247b2149e36958f7f98d"
-  integrity sha512-373KA2HQzKhQCYiRVIRr+3MjpCObqzDlyrM6u4I201wL8Mp2wHf7uB8GhDwis03k2ti8Zr65Zyyqs1xOxUF/Ew==
+"@babel/plugin-transform-object-rest-spread@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.28.6.tgz#fdd4bc2d72480db6ca42aed5c051f148d7b067f7"
+  integrity sha512-5rh+JR4JBC4pGkXLAcYdLHZjXudVxWMXbB6u6+E9lRL5TrGVbHt1TjxGbZ8CkmYw9zjkB7jutzOROArsqtncEA==
   dependencies:
-    "@babel/helper-compilation-targets" "^7.27.2"
-    "@babel/helper-plugin-utils" "^7.27.1"
-    "@babel/plugin-transform-destructuring" "^7.28.0"
+    "@babel/helper-compilation-targets" "^7.28.6"
+    "@babel/helper-plugin-utils" "^7.28.6"
+    "@babel/plugin-transform-destructuring" "^7.28.5"
     "@babel/plugin-transform-parameters" "^7.27.7"
-    "@babel/traverse" "^7.28.4"
+    "@babel/traverse" "^7.28.6"
 
 "@babel/plugin-transform-object-super@^7.27.1":
   version "7.27.1"
@@ -775,19 +775,19 @@
     "@babel/helper-plugin-utils" "^7.27.1"
     "@babel/helper-replace-supers" "^7.27.1"
 
-"@babel/plugin-transform-optional-catch-binding@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-optional-catch-binding/-/plugin-transform-optional-catch-binding-7.27.1.tgz#84c7341ebde35ccd36b137e9e45866825072a30c"
-  integrity sha512-txEAEKzYrHEX4xSZN4kJ+OfKXFVSWKB2ZxM9dpcE3wT7smwkNmXo5ORRlVzMVdJbD+Q8ILTgSD7959uj+3Dm3Q==
+"@babel/plugin-transform-optional-catch-binding@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-optional-catch-binding/-/plugin-transform-optional-catch-binding-7.28.6.tgz#75107be14c78385978201a49c86414a150a20b4c"
+  integrity sha512-R8ja/Pyrv0OGAvAXQhSTmWyPJPml+0TMqXlO5w+AsMEiwb2fg3WkOvob7UxFSL3OIttFSGSRFKQsOhJ/X6HQdQ==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-plugin-utils" "^7.28.6"
 
-"@babel/plugin-transform-optional-chaining@^7.27.1", "@babel/plugin-transform-optional-chaining@^7.28.5":
-  version "7.28.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.28.5.tgz#8238c785f9d5c1c515a90bf196efb50d075a4b26"
-  integrity sha512-N6fut9IZlPnjPwgiQkXNhb+cT8wQKFlJNqcZkWlcTqkcqx6/kU4ynGmLFoa4LViBSirn05YAwk+sQBbPfxtYzQ==
+"@babel/plugin-transform-optional-chaining@^7.27.1", "@babel/plugin-transform-optional-chaining@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.28.6.tgz#926cf150bd421fc8362753e911b4a1b1ce4356cd"
+  integrity sha512-A4zobikRGJTsX9uqVFdafzGkqD30t26ck2LmOzAuLL8b2x6k3TIqRiT2xVvA9fNmFeTX484VpsdgmKNA0bS23w==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-plugin-utils" "^7.28.6"
     "@babel/helper-skip-transparent-expression-wrappers" "^7.27.1"
 
 "@babel/plugin-transform-parameters@^7.27.7":
@@ -797,22 +797,22 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-private-methods@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-private-methods/-/plugin-transform-private-methods-7.27.1.tgz#fdacbab1c5ed81ec70dfdbb8b213d65da148b6af"
-  integrity sha512-10FVt+X55AjRAYI9BrdISN9/AQWHqldOeZDUoLyif1Kn05a56xVBXb8ZouL8pZ9jem8QpXaOt8TS7RHUIS+GPA==
+"@babel/plugin-transform-private-methods@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-private-methods/-/plugin-transform-private-methods-7.28.6.tgz#c76fbfef3b86c775db7f7c106fff544610bdb411"
+  integrity sha512-piiuapX9CRv7+0st8lmuUlRSmX6mBcVeNQ1b4AYzJxfCMuBfB0vBXDiGSmm03pKJw1v6cZ8KSeM+oUnM6yAExg==
   dependencies:
-    "@babel/helper-create-class-features-plugin" "^7.27.1"
-    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-create-class-features-plugin" "^7.28.6"
+    "@babel/helper-plugin-utils" "^7.28.6"
 
-"@babel/plugin-transform-private-property-in-object@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.27.1.tgz#4dbbef283b5b2f01a21e81e299f76e35f900fb11"
-  integrity sha512-5J+IhqTi1XPa0DXF83jYOaARrX+41gOewWbkPyjMNRDqgOCqdffGh8L3f/Ek5utaEBZExjSAzcyjmV9SSAWObQ==
+"@babel/plugin-transform-private-property-in-object@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.28.6.tgz#4fafef1e13129d79f1d75ac180c52aafefdb2811"
+  integrity sha512-b97jvNSOb5+ehyQmBpmhOCiUC5oVK4PMnpRvO7+ymFBoqYjeDHIU9jnrNUuwHOiL9RpGDoKBpSViarV+BU+eVA==
   dependencies:
-    "@babel/helper-annotate-as-pure" "^7.27.1"
-    "@babel/helper-create-class-features-plugin" "^7.27.1"
-    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-annotate-as-pure" "^7.27.3"
+    "@babel/helper-create-class-features-plugin" "^7.28.6"
+    "@babel/helper-plugin-utils" "^7.28.6"
 
 "@babel/plugin-transform-property-literals@^7.27.1":
   version "7.27.1"
@@ -843,15 +843,15 @@
     "@babel/plugin-transform-react-jsx" "^7.27.1"
 
 "@babel/plugin-transform-react-jsx@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.27.1.tgz#1023bc94b78b0a2d68c82b5e96aed573bcfb9db0"
-  integrity sha512-2KH4LWGSrJIkVf5tSiBFYuXDAoWRq2MMwgivCf+93dd0GQi8RXLjKA/0EvRnVV5G0hrHczsquXuD01L8s6dmBw==
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.28.6.tgz#f51cb70a90b9529fbb71ee1f75ea27b7078eed62"
+  integrity sha512-61bxqhiRfAACulXSLd/GxqmAedUSrRZIu/cbaT18T1CetkTmtDN15it7i80ru4DVqRK1WMxQhXs+Lf9kajm5Ow==
   dependencies:
-    "@babel/helper-annotate-as-pure" "^7.27.1"
-    "@babel/helper-module-imports" "^7.27.1"
-    "@babel/helper-plugin-utils" "^7.27.1"
-    "@babel/plugin-syntax-jsx" "^7.27.1"
-    "@babel/types" "^7.27.1"
+    "@babel/helper-annotate-as-pure" "^7.27.3"
+    "@babel/helper-module-imports" "^7.28.6"
+    "@babel/helper-plugin-utils" "^7.28.6"
+    "@babel/plugin-syntax-jsx" "^7.28.6"
+    "@babel/types" "^7.28.6"
 
 "@babel/plugin-transform-react-pure-annotations@^7.27.1":
   version "7.27.1"
@@ -861,20 +861,20 @@
     "@babel/helper-annotate-as-pure" "^7.27.1"
     "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-regenerator@^7.28.4":
-  version "7.28.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.28.4.tgz#9d3fa3bebb48ddd0091ce5729139cd99c67cea51"
-  integrity sha512-+ZEdQlBoRg9m2NnzvEeLgtvBMO4tkFBw5SQIUgLICgTrumLoU7lr+Oghi6km2PFj+dbUt2u1oby2w3BDO9YQnA==
+"@babel/plugin-transform-regenerator@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.28.6.tgz#6ca2ed5b76cff87980f96eaacfc2ce833e8e7a1b"
+  integrity sha512-eZhoEZHYQLL5uc1gS5e9/oTknS0sSSAtd5TkKMUp3J+S/CaUjagc0kOUPsEbDmMeva0nC3WWl4SxVY6+OBuxfw==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-plugin-utils" "^7.28.6"
 
-"@babel/plugin-transform-regexp-modifiers@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-regexp-modifiers/-/plugin-transform-regexp-modifiers-7.27.1.tgz#df9ba5577c974e3f1449888b70b76169998a6d09"
-  integrity sha512-TtEciroaiODtXvLZv4rmfMhkCv8jx3wgKpL68PuiPh2M4fvz5jhsA7697N1gMvkvr/JTF13DrFYyEbY9U7cVPA==
+"@babel/plugin-transform-regexp-modifiers@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-regexp-modifiers/-/plugin-transform-regexp-modifiers-7.28.6.tgz#7ef0163bd8b4a610481b2509c58cf217f065290b"
+  integrity sha512-QGWAepm9qxpaIs7UM9FvUSnCGlb8Ua1RhyM4/veAxLwt3gMat/LSGrZixyuj4I6+Kn9iwvqCyPTtbdxanYoWYg==
   dependencies:
-    "@babel/helper-create-regexp-features-plugin" "^7.27.1"
-    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-create-regexp-features-plugin" "^7.28.5"
+    "@babel/helper-plugin-utils" "^7.28.6"
 
 "@babel/plugin-transform-reserved-words@^7.27.1":
   version "7.27.1"
@@ -902,12 +902,12 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-spread@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-spread/-/plugin-transform-spread-7.27.1.tgz#1a264d5fc12750918f50e3fe3e24e437178abb08"
-  integrity sha512-kpb3HUqaILBJcRFVhFUs6Trdd4mkrzcGXss+6/mxUd273PfbWqSDHRzMT2234gIg2QYfAjvXLSquP1xECSg09Q==
+"@babel/plugin-transform-spread@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-spread/-/plugin-transform-spread-7.28.6.tgz#40a2b423f6db7b70f043ad027a58bcb44a9757b6"
+  integrity sha512-9U4QObUC0FtJl05AsUcodau/RWDytrU6uKgkxu09mLR9HLDAtUMoPuuskm5huQsoktmsYpI+bGmq+iapDcriKA==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-plugin-utils" "^7.28.6"
     "@babel/helper-skip-transparent-expression-wrappers" "^7.27.1"
 
 "@babel/plugin-transform-sticky-regex@^7.27.1":
@@ -932,15 +932,15 @@
     "@babel/helper-plugin-utils" "^7.27.1"
 
 "@babel/plugin-transform-typescript@^7.28.5":
-  version "7.28.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.28.5.tgz#441c5f9a4a1315039516c6c612fc66d5f4594e72"
-  integrity sha512-x2Qa+v/CuEoX7Dr31iAfr0IhInrVOWZU/2vJMJ00FOR/2nM0BcBEclpaf9sWCDc+v5e9dMrhSH8/atq/kX7+bA==
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.28.6.tgz#1e93d96da8adbefdfdade1d4956f73afa201a158"
+  integrity sha512-0YWL2RFxOqEm9Efk5PvreamxPME8OyY0wM5wh5lHjF+VtVhdneCWGzZeSqzOfiobVqQaNCd2z0tQvnI9DaPWPw==
   dependencies:
     "@babel/helper-annotate-as-pure" "^7.27.3"
-    "@babel/helper-create-class-features-plugin" "^7.28.5"
-    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-create-class-features-plugin" "^7.28.6"
+    "@babel/helper-plugin-utils" "^7.28.6"
     "@babel/helper-skip-transparent-expression-wrappers" "^7.27.1"
-    "@babel/plugin-syntax-typescript" "^7.27.1"
+    "@babel/plugin-syntax-typescript" "^7.28.6"
 
 "@babel/plugin-transform-unicode-escapes@^7.27.1":
   version "7.27.1"
@@ -949,13 +949,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-unicode-property-regex@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-property-regex/-/plugin-transform-unicode-property-regex-7.27.1.tgz#bdfe2d3170c78c5691a3c3be934c8c0087525956"
-  integrity sha512-uW20S39PnaTImxp39O5qFlHLS9LJEmANjMG7SxIhap8rCHqu0Ik+tLEPX5DKmHn6CsWQ7j3lix2tFOa5YtL12Q==
+"@babel/plugin-transform-unicode-property-regex@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-property-regex/-/plugin-transform-unicode-property-regex-7.28.6.tgz#63a7a6c21a0e75dae9b1861454111ea5caa22821"
+  integrity sha512-4Wlbdl/sIZjzi/8St0evF0gEZrgOswVO6aOzqxh1kDZOl9WmLrHq2HtGhnOJZmHZYKP8WZ1MDLCt5DAWwRo57A==
   dependencies:
-    "@babel/helper-create-regexp-features-plugin" "^7.27.1"
-    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-create-regexp-features-plugin" "^7.28.5"
+    "@babel/helper-plugin-utils" "^7.28.6"
 
 "@babel/plugin-transform-unicode-regex@^7.27.1":
   version "7.27.1"
@@ -965,83 +965,83 @@
     "@babel/helper-create-regexp-features-plugin" "^7.27.1"
     "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-unicode-sets-regex@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-sets-regex/-/plugin-transform-unicode-sets-regex-7.27.1.tgz#6ab706d10f801b5c72da8bb2548561fa04193cd1"
-  integrity sha512-EtkOujbc4cgvb0mlpQefi4NTPBzhSIevblFevACNLUspmrALgmEBdL/XfnyyITfd8fKBZrZys92zOWcik7j9Tw==
+"@babel/plugin-transform-unicode-sets-regex@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-sets-regex/-/plugin-transform-unicode-sets-regex-7.28.6.tgz#924912914e5df9fe615ec472f88ff4788ce04d4e"
+  integrity sha512-/wHc/paTUmsDYN7SZkpWxogTOBNnlx7nBQYfy6JJlCT7G3mVhltk3e++N7zV0XfgGsrqBxd4rJQt9H16I21Y1Q==
   dependencies:
-    "@babel/helper-create-regexp-features-plugin" "^7.27.1"
-    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-create-regexp-features-plugin" "^7.28.5"
+    "@babel/helper-plugin-utils" "^7.28.6"
 
 "@babel/preset-env@^7.20.2", "@babel/preset-env@^7.25.9":
-  version "7.28.5"
-  resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.28.5.tgz#82dd159d1563f219a1ce94324b3071eb89e280b0"
-  integrity sha512-S36mOoi1Sb6Fz98fBfE+UZSpYw5mJm0NUHtIKrOuNcqeFauy1J6dIvXm2KRVKobOSaGq4t/hBXdN4HGU3wL9Wg==
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.28.6.tgz#b4586bb59d8c61be6c58997f4912e7ea6bd17178"
+  integrity sha512-GaTI4nXDrs7l0qaJ6Rg06dtOXTBCG6TMDB44zbqofCIC4PqC7SEvmFFtpxzCDw9W5aJ7RKVshgXTLvLdBFV/qw==
   dependencies:
-    "@babel/compat-data" "^7.28.5"
-    "@babel/helper-compilation-targets" "^7.27.2"
-    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/compat-data" "^7.28.6"
+    "@babel/helper-compilation-targets" "^7.28.6"
+    "@babel/helper-plugin-utils" "^7.28.6"
     "@babel/helper-validator-option" "^7.27.1"
     "@babel/plugin-bugfix-firefox-class-in-computed-class-key" "^7.28.5"
     "@babel/plugin-bugfix-safari-class-field-initializer-scope" "^7.27.1"
     "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression" "^7.27.1"
     "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining" "^7.27.1"
-    "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly" "^7.28.3"
+    "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly" "^7.28.6"
     "@babel/plugin-proposal-private-property-in-object" "7.21.0-placeholder-for-preset-env.2"
-    "@babel/plugin-syntax-import-assertions" "^7.27.1"
-    "@babel/plugin-syntax-import-attributes" "^7.27.1"
+    "@babel/plugin-syntax-import-assertions" "^7.28.6"
+    "@babel/plugin-syntax-import-attributes" "^7.28.6"
     "@babel/plugin-syntax-unicode-sets-regex" "^7.18.6"
     "@babel/plugin-transform-arrow-functions" "^7.27.1"
-    "@babel/plugin-transform-async-generator-functions" "^7.28.0"
-    "@babel/plugin-transform-async-to-generator" "^7.27.1"
+    "@babel/plugin-transform-async-generator-functions" "^7.28.6"
+    "@babel/plugin-transform-async-to-generator" "^7.28.6"
     "@babel/plugin-transform-block-scoped-functions" "^7.27.1"
-    "@babel/plugin-transform-block-scoping" "^7.28.5"
-    "@babel/plugin-transform-class-properties" "^7.27.1"
-    "@babel/plugin-transform-class-static-block" "^7.28.3"
-    "@babel/plugin-transform-classes" "^7.28.4"
-    "@babel/plugin-transform-computed-properties" "^7.27.1"
+    "@babel/plugin-transform-block-scoping" "^7.28.6"
+    "@babel/plugin-transform-class-properties" "^7.28.6"
+    "@babel/plugin-transform-class-static-block" "^7.28.6"
+    "@babel/plugin-transform-classes" "^7.28.6"
+    "@babel/plugin-transform-computed-properties" "^7.28.6"
     "@babel/plugin-transform-destructuring" "^7.28.5"
-    "@babel/plugin-transform-dotall-regex" "^7.27.1"
+    "@babel/plugin-transform-dotall-regex" "^7.28.6"
     "@babel/plugin-transform-duplicate-keys" "^7.27.1"
-    "@babel/plugin-transform-duplicate-named-capturing-groups-regex" "^7.27.1"
+    "@babel/plugin-transform-duplicate-named-capturing-groups-regex" "^7.28.6"
     "@babel/plugin-transform-dynamic-import" "^7.27.1"
-    "@babel/plugin-transform-explicit-resource-management" "^7.28.0"
-    "@babel/plugin-transform-exponentiation-operator" "^7.28.5"
+    "@babel/plugin-transform-explicit-resource-management" "^7.28.6"
+    "@babel/plugin-transform-exponentiation-operator" "^7.28.6"
     "@babel/plugin-transform-export-namespace-from" "^7.27.1"
     "@babel/plugin-transform-for-of" "^7.27.1"
     "@babel/plugin-transform-function-name" "^7.27.1"
-    "@babel/plugin-transform-json-strings" "^7.27.1"
+    "@babel/plugin-transform-json-strings" "^7.28.6"
     "@babel/plugin-transform-literals" "^7.27.1"
-    "@babel/plugin-transform-logical-assignment-operators" "^7.28.5"
+    "@babel/plugin-transform-logical-assignment-operators" "^7.28.6"
     "@babel/plugin-transform-member-expression-literals" "^7.27.1"
     "@babel/plugin-transform-modules-amd" "^7.27.1"
-    "@babel/plugin-transform-modules-commonjs" "^7.27.1"
+    "@babel/plugin-transform-modules-commonjs" "^7.28.6"
     "@babel/plugin-transform-modules-systemjs" "^7.28.5"
     "@babel/plugin-transform-modules-umd" "^7.27.1"
     "@babel/plugin-transform-named-capturing-groups-regex" "^7.27.1"
     "@babel/plugin-transform-new-target" "^7.27.1"
-    "@babel/plugin-transform-nullish-coalescing-operator" "^7.27.1"
-    "@babel/plugin-transform-numeric-separator" "^7.27.1"
-    "@babel/plugin-transform-object-rest-spread" "^7.28.4"
+    "@babel/plugin-transform-nullish-coalescing-operator" "^7.28.6"
+    "@babel/plugin-transform-numeric-separator" "^7.28.6"
+    "@babel/plugin-transform-object-rest-spread" "^7.28.6"
     "@babel/plugin-transform-object-super" "^7.27.1"
-    "@babel/plugin-transform-optional-catch-binding" "^7.27.1"
-    "@babel/plugin-transform-optional-chaining" "^7.28.5"
+    "@babel/plugin-transform-optional-catch-binding" "^7.28.6"
+    "@babel/plugin-transform-optional-chaining" "^7.28.6"
     "@babel/plugin-transform-parameters" "^7.27.7"
-    "@babel/plugin-transform-private-methods" "^7.27.1"
-    "@babel/plugin-transform-private-property-in-object" "^7.27.1"
+    "@babel/plugin-transform-private-methods" "^7.28.6"
+    "@babel/plugin-transform-private-property-in-object" "^7.28.6"
     "@babel/plugin-transform-property-literals" "^7.27.1"
-    "@babel/plugin-transform-regenerator" "^7.28.4"
-    "@babel/plugin-transform-regexp-modifiers" "^7.27.1"
+    "@babel/plugin-transform-regenerator" "^7.28.6"
+    "@babel/plugin-transform-regexp-modifiers" "^7.28.6"
     "@babel/plugin-transform-reserved-words" "^7.27.1"
     "@babel/plugin-transform-shorthand-properties" "^7.27.1"
-    "@babel/plugin-transform-spread" "^7.27.1"
+    "@babel/plugin-transform-spread" "^7.28.6"
     "@babel/plugin-transform-sticky-regex" "^7.27.1"
     "@babel/plugin-transform-template-literals" "^7.27.1"
     "@babel/plugin-transform-typeof-symbol" "^7.27.1"
     "@babel/plugin-transform-unicode-escapes" "^7.27.1"
-    "@babel/plugin-transform-unicode-property-regex" "^7.27.1"
+    "@babel/plugin-transform-unicode-property-regex" "^7.28.6"
     "@babel/plugin-transform-unicode-regex" "^7.27.1"
-    "@babel/plugin-transform-unicode-sets-regex" "^7.27.1"
+    "@babel/plugin-transform-unicode-sets-regex" "^7.28.6"
     "@babel/preset-modules" "0.1.6-no-external-plugins"
     babel-plugin-polyfill-corejs2 "^0.4.14"
     babel-plugin-polyfill-corejs3 "^0.13.0"
@@ -1082,43 +1082,43 @@
     "@babel/plugin-transform-typescript" "^7.28.5"
 
 "@babel/runtime-corejs3@^7.25.9":
-  version "7.28.4"
-  resolved "https://registry.yarnpkg.com/@babel/runtime-corejs3/-/runtime-corejs3-7.28.4.tgz#c25be39c7997ce2f130d70b9baecb8ed94df93fa"
-  integrity sha512-h7iEYiW4HebClDEhtvFObtPmIvrd1SSfpI9EhOeKk4CtIK/ngBWFpuhCzhdmRKtg71ylcue+9I6dv54XYO1epQ==
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/runtime-corejs3/-/runtime-corejs3-7.28.6.tgz#f1e4a0da50f4856ceec1bb51c83f8ed0b202ed12"
+  integrity sha512-kz2fAQ5UzjV7X7D3ySxmj3vRq89dTpqOZWv76Z6pNPztkwb/0Yj1Mtx1xFrYj6mbIHysxtBot8J4o0JLCblcFw==
   dependencies:
     core-js-pure "^3.43.0"
 
 "@babel/runtime@^7.1.2", "@babel/runtime@^7.10.1", "@babel/runtime@^7.10.3", "@babel/runtime@^7.12.0", "@babel/runtime@^7.12.13", "@babel/runtime@^7.12.5", "@babel/runtime@^7.13.10", "@babel/runtime@^7.14.8", "@babel/runtime@^7.18.3", "@babel/runtime@^7.25.9", "@babel/runtime@^7.5.5", "@babel/runtime@^7.8.7":
-  version "7.28.4"
-  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.28.4.tgz#a70226016fabe25c5783b2f22d3e1c9bc5ca3326"
-  integrity sha512-Q/N6JNWvIvPnLDvjlE1OUBLPQHH6l3CltCEsHIujp45zQUSSh8K+gHnaEX45yAT1nyngnINhvWtzN+Nb9D8RAQ==
-
-"@babel/template@^7.27.1", "@babel/template@^7.27.2":
-  version "7.27.2"
-  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.27.2.tgz#fa78ceed3c4e7b63ebf6cb39e5852fca45f6809d"
-  integrity sha512-LPDZ85aEJyYSd18/DkjNh4/y1ntkE5KwUHWTiqgRxruuZL2F1yuHligVHLvcHY2vMHXttKFpJn6LwfI7cw7ODw==
-  dependencies:
-    "@babel/code-frame" "^7.27.1"
-    "@babel/parser" "^7.27.2"
-    "@babel/types" "^7.27.1"
-
-"@babel/traverse@^7.25.9", "@babel/traverse@^7.27.1", "@babel/traverse@^7.28.0", "@babel/traverse@^7.28.3", "@babel/traverse@^7.28.4", "@babel/traverse@^7.28.5":
-  version "7.28.5"
-  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.28.5.tgz#450cab9135d21a7a2ca9d2d35aa05c20e68c360b"
-  integrity sha512-TCCj4t55U90khlYkVV/0TfkJkAkUg3jZFA3Neb7unZT8CPok7iiRfaX0F+WnqWqt7OxhOn0uBKXCw4lbL8W0aQ==
-  dependencies:
-    "@babel/code-frame" "^7.27.1"
-    "@babel/generator" "^7.28.5"
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.28.6.tgz#d267a43cb1836dc4d182cce93ae75ba954ef6d2b"
+  integrity sha512-05WQkdpL9COIMz4LjTxGpPNCdlpyimKppYNoJ5Di5EUObifl8t4tuLuUBBZEpoLYOmfvIWrsp9fCl0HoPRVTdA==
+
+"@babel/template@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.28.6.tgz#0e7e56ecedb78aeef66ce7972b082fce76a23e57"
+  integrity sha512-YA6Ma2KsCdGb+WC6UpBVFJGXL58MDA6oyONbjyF/+5sBgxY/dwkhLogbMT2GXXyU84/IhRw/2D1Os1B/giz+BQ==
+  dependencies:
+    "@babel/code-frame" "^7.28.6"
+    "@babel/parser" "^7.28.6"
+    "@babel/types" "^7.28.6"
+
+"@babel/traverse@^7.25.9", "@babel/traverse@^7.27.1", "@babel/traverse@^7.28.5", "@babel/traverse@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.28.6.tgz#871ddc79a80599a5030c53b1cc48cbe3a5583c2e"
+  integrity sha512-fgWX62k02qtjqdSNTAGxmKYY/7FSL9WAS1o2Hu5+I5m9T0yxZzr4cnrfXQ/MX0rIifthCSs6FKTlzYbJcPtMNg==
+  dependencies:
+    "@babel/code-frame" "^7.28.6"
+    "@babel/generator" "^7.28.6"
     "@babel/helper-globals" "^7.28.0"
-    "@babel/parser" "^7.28.5"
-    "@babel/template" "^7.27.2"
-    "@babel/types" "^7.28.5"
+    "@babel/parser" "^7.28.6"
+    "@babel/template" "^7.28.6"
+    "@babel/types" "^7.28.6"
     debug "^4.3.1"
 
-"@babel/types@^7.21.3", "@babel/types@^7.25.4", "@babel/types@^7.27.1", "@babel/types@^7.27.3", "@babel/types@^7.28.2", "@babel/types@^7.28.4", "@babel/types@^7.28.5", "@babel/types@^7.4.4":
-  version "7.28.5"
-  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.28.5.tgz#10fc405f60897c35f07e85493c932c7b5ca0592b"
-  integrity sha512-qQ5m48eI/MFLQ5PxQj4PFaprjyCTLI37ElWMmNs0K8Lk3dVeOdNpB3ks8jc7yM5CDmVC73eMVk/trk3fgmrUpA==
+"@babel/types@^7.21.3", "@babel/types@^7.25.4", "@babel/types@^7.27.1", "@babel/types@^7.27.3", "@babel/types@^7.28.5", "@babel/types@^7.28.6", "@babel/types@^7.4.4":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.28.6.tgz#c3e9377f1b155005bcc4c46020e7e394e13089df"
+  integrity sha512-0ZrskXVEHSWIqZM/sQZ4EV3jZJXRkio/WCxaqKZP1g//CEWEPSfeZFcms4XeKBCHU0ZKnIkdJeU/kF+eRp5lBg==
   dependencies:
     "@babel/helper-string-parser" "^7.27.1"
     "@babel/helper-validator-identifier" "^7.28.5"
@@ -1128,18 +1128,18 @@
   resolved "https://registry.yarnpkg.com/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz#75a2e8b51cb758a7553d6804a5932d7aace75c39"
   integrity sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==
 
-"@better-auth/core@1.4.10":
-  version "1.4.10"
-  resolved "https://registry.yarnpkg.com/@better-auth/core/-/core-1.4.10.tgz#20b611998e3e0007c200f63e6ac072e3ef1dc89d"
-  integrity sha512-AThrfb6CpG80wqkanfrbN2/fGOYzhGladHFf3JhaWt/3/Vtf4h084T6PJLrDE7M/vCCGYvDI1DkvP3P1OB2HAg==
+"@better-auth/core@1.4.12":
+  version "1.4.12"
+  resolved "https://registry.yarnpkg.com/@better-auth/core/-/core-1.4.12.tgz#93fc7de355e5c34b38d5e81882988935a4b72fe0"
+  integrity sha512-VfqZwMAEl9rnGx092BIZ2Q5z8rt7jjN2OAbvPqehufSKZGmh8JsdtZRBMl/CHQir9bwi2Ev0UF4+7TQp+DXEMg==
   dependencies:
     "@standard-schema/spec" "^1.0.0"
     zod "^4.1.12"
 
-"@better-auth/telemetry@1.4.10":
-  version "1.4.10"
-  resolved "https://registry.yarnpkg.com/@better-auth/telemetry/-/telemetry-1.4.10.tgz#4b6df4f20b79ceb566fd13f53297c7a95d6d7dd4"
-  integrity sha512-Dq4XJX6EKsUu0h3jpRagX739p/VMOTcnJYWRrLtDYkqtZFg+sFiFsSWVcfapZoWpRSUGYX9iKwl6nDHn6Ju2oQ==
+"@better-auth/telemetry@1.4.12":
+  version "1.4.12"
+  resolved "https://registry.yarnpkg.com/@better-auth/telemetry/-/telemetry-1.4.12.tgz#791c5956f5e5441e97bc7bce09d74a32122d3f26"
+  integrity sha512-4q504Og42PzkUbZjXDt+FyeYaS0WZmAlEOC3nbBCZDObTVCRUnGgJW52B2maJ7BCVvAQgBGLEeQmQzU5+63J0A==
   dependencies:
     "@better-auth/utils" "0.3.0"
     "@better-fetch/fetch" "1.1.21"
@@ -1525,12 +1525,12 @@
     style-mod "^4.1.0"
 
 "@codemirror/search@^6.0.0":
-  version "6.5.11"
-  resolved "https://registry.yarnpkg.com/@codemirror/search/-/search-6.5.11.tgz#a324ffee36e032b7f67aa31c4fb9f3e6f9f3ed63"
-  integrity sha512-KmWepDE6jUdL6n8cAAqIpRmLPBZ5ZKnicE8oGU/s3QrAVID+0VhLFrzUucVKHG5035/BSykhExDL/Xm7dHthiA==
+  version "6.6.0"
+  resolved "https://registry.yarnpkg.com/@codemirror/search/-/search-6.6.0.tgz#3b83a1e35391e1575a83a3b485e3f95263ddaa0b"
+  integrity sha512-koFuNXcDvyyotWcgOnZGmY7LZqEOXZaaxD/j6n18TCLx2/9HieZJ5H6hs1g8FiRxBD0DNfs0nXn17g872RmYdw==
   dependencies:
     "@codemirror/state" "^6.0.0"
-    "@codemirror/view" "^6.0.0"
+    "@codemirror/view" "^6.37.0"
     crelt "^1.0.5"
 
 "@codemirror/state@^6.0.0", "@codemirror/state@^6.2.0", "@codemirror/state@^6.4.0", "@codemirror/state@^6.5.0":
@@ -1540,10 +1540,10 @@
   dependencies:
     "@marijn/find-cluster-break" "^1.0.0"
 
-"@codemirror/view@^6.0.0", "@codemirror/view@^6.17.0", "@codemirror/view@^6.23.0", "@codemirror/view@^6.27.0", "@codemirror/view@^6.35.0", "@codemirror/view@^6.7.1":
-  version "6.39.9"
-  resolved "https://registry.yarnpkg.com/@codemirror/view/-/view-6.39.9.tgz#66c93ca2591b941784fc154c6c5d48a5244a8453"
-  integrity sha512-miGSIfBOKC1s2oHoa80dp+BjtsL8sXsrgGlQnQuOcfvaedcQUtqddTmKbJSDkLl4mkgPvZyXuKic2HDNYcJLYA==
+"@codemirror/view@^6.0.0", "@codemirror/view@^6.17.0", "@codemirror/view@^6.23.0", "@codemirror/view@^6.27.0", "@codemirror/view@^6.35.0", "@codemirror/view@^6.37.0", "@codemirror/view@^6.7.1":
+  version "6.39.10"
+  resolved "https://registry.yarnpkg.com/@codemirror/view/-/view-6.39.10.tgz#ae0dfcb635fd307aa3b800e305c9f46152503dba"
+  integrity sha512-QfT/PXhiiP76PxMnX0RQVPDQrqfRt9wr9QhInNHnEUu4PWoNS8QwwcIDEneXFChJv22y+Yu/Cz5lFMTPz+h16w==
   dependencies:
     "@codemirror/state" "^6.5.0"
     crelt "^1.0.6"
@@ -3046,9 +3046,9 @@
     "@hapi/hoek" "^9.0.0"
 
 "@hpcc-js/wasm-graphviz@^1.7.0":
-  version "1.18.0"
-  resolved "https://registry.yarnpkg.com/@hpcc-js/wasm-graphviz/-/wasm-graphviz-1.18.0.tgz#c9140b264edc1c388a1595ca4ecd04d8666d7ed2"
-  integrity sha512-qfd3gTqtVQG+dWrNy6uwRH7czKw/RiJ9EwDB4F+pYTEfFW+E9kIZXQnLYtgxbGt1nNN2bowHBcOJ9F78PJ5IAQ==
+  version "1.19.0"
+  resolved "https://registry.yarnpkg.com/@hpcc-js/wasm-graphviz/-/wasm-graphviz-1.19.0.tgz#b457626a903e3dfe6ff6211f515b782b2cc0f807"
+  integrity sha512-4rzRBKwUq5Dy5nofTLTN8UdYBwxodCpmskAXztpE4BDUVJNOU8Dh1n84yzj39/QF9lvLZJtnnwBCcwlPOoiAuQ==
 
 "@iconify/types@^2.0.0":
   version "2.0.0"
@@ -3740,6 +3740,11 @@
   resolved "https://registry.yarnpkg.com/@noble/ciphers/-/ciphers-2.1.1.tgz#c8c74fcda8c3d1f88797d0ecda24f9fc8b92b052"
   integrity sha512-bysYuiVfhxNJuldNXlFEitTVdNnYUc+XNJZd7Qm2a5j1vZHgY+fazadNFWFaMK/2vye0JVlxV3gHmC0WDfAOQw==
 
+"@noble/hashes@1.4.0":
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/@noble/hashes/-/hashes-1.4.0.tgz#45814aa329f30e4fe0ba49426f49dfccdd066426"
+  integrity sha512-V1JJ1WTRUqHHrOSh597hURcMqVKVGL/ea3kv0gSnEdsEZ0/+VyPghM1lMNGc00z7CIQorSvbKpuJkxvuHbvdbg==
+
 "@noble/hashes@^2.0.0":
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/@noble/hashes/-/hashes-2.0.1.tgz#fc1a928061d1232b0a52bb754393c37a5216c89e"
@@ -3882,94 +3887,217 @@
   resolved "https://registry.yarnpkg.com/@opentelemetry/api/-/api-1.9.0.tgz#d03eba68273dc0f7509e2a3d5cba21eae10379fe"
   integrity sha512-3giAOQvZiH5F9bMlMiv8+GSPMeqg0dbaeo58/0SlA9sxSqZhnUtxzX9/2FzyhS9sWQf5S0GJE0AKBrFqjpeYcg==
 
-"@parcel/watcher-android-arm64@2.5.1":
-  version "2.5.1"
-  resolved "https://registry.yarnpkg.com/@parcel/watcher-android-arm64/-/watcher-android-arm64-2.5.1.tgz#507f836d7e2042f798c7d07ad19c3546f9848ac1"
-  integrity sha512-KF8+j9nNbUN8vzOFDpRMsaKBHZ/mcjEjMToVMJOhTozkDonQFFrRcfdLWn6yWKCmJKmdVxSgHiYvTCef4/qcBA==
-
-"@parcel/watcher-darwin-arm64@2.5.1":
-  version "2.5.1"
-  resolved "https://registry.yarnpkg.com/@parcel/watcher-darwin-arm64/-/watcher-darwin-arm64-2.5.1.tgz#3d26dce38de6590ef79c47ec2c55793c06ad4f67"
-  integrity sha512-eAzPv5osDmZyBhou8PoF4i6RQXAfeKL9tjb3QzYuccXFMQU0ruIc/POh30ePnaOyD1UXdlKguHBmsTs53tVoPw==
-
-"@parcel/watcher-darwin-x64@2.5.1":
-  version "2.5.1"
-  resolved "https://registry.yarnpkg.com/@parcel/watcher-darwin-x64/-/watcher-darwin-x64-2.5.1.tgz#99f3af3869069ccf774e4ddfccf7e64fd2311ef8"
-  integrity sha512-1ZXDthrnNmwv10A0/3AJNZ9JGlzrF82i3gNQcWOzd7nJ8aj+ILyW1MTxVk35Db0u91oD5Nlk9MBiujMlwmeXZg==
-
-"@parcel/watcher-freebsd-x64@2.5.1":
-  version "2.5.1"
-  resolved "https://registry.yarnpkg.com/@parcel/watcher-freebsd-x64/-/watcher-freebsd-x64-2.5.1.tgz#14d6857741a9f51dfe51d5b08b7c8afdbc73ad9b"
-  integrity sha512-SI4eljM7Flp9yPuKi8W0ird8TI/JK6CSxju3NojVI6BjHsTyK7zxA9urjVjEKJ5MBYC+bLmMcbAWlZ+rFkLpJQ==
-
-"@parcel/watcher-linux-arm-glibc@2.5.1":
-  version "2.5.1"
-  resolved "https://registry.yarnpkg.com/@parcel/watcher-linux-arm-glibc/-/watcher-linux-arm-glibc-2.5.1.tgz#43c3246d6892381db473bb4f663229ad20b609a1"
-  integrity sha512-RCdZlEyTs8geyBkkcnPWvtXLY44BCeZKmGYRtSgtwwnHR4dxfHRG3gR99XdMEdQ7KeiDdasJwwvNSF5jKtDwdA==
-
-"@parcel/watcher-linux-arm-musl@2.5.1":
-  version "2.5.1"
-  resolved "https://registry.yarnpkg.com/@parcel/watcher-linux-arm-musl/-/watcher-linux-arm-musl-2.5.1.tgz#663750f7090bb6278d2210de643eb8a3f780d08e"
-  integrity sha512-6E+m/Mm1t1yhB8X412stiKFG3XykmgdIOqhjWj+VL8oHkKABfu/gjFj8DvLrYVHSBNC+/u5PeNrujiSQ1zwd1Q==
-
-"@parcel/watcher-linux-arm64-glibc@2.5.1":
-  version "2.5.1"
-  resolved "https://registry.yarnpkg.com/@parcel/watcher-linux-arm64-glibc/-/watcher-linux-arm64-glibc-2.5.1.tgz#ba60e1f56977f7e47cd7e31ad65d15fdcbd07e30"
-  integrity sha512-LrGp+f02yU3BN9A+DGuY3v3bmnFUggAITBGriZHUREfNEzZh/GO06FF5u2kx8x+GBEUYfyTGamol4j3m9ANe8w==
-
-"@parcel/watcher-linux-arm64-musl@2.5.1":
-  version "2.5.1"
-  resolved "https://registry.yarnpkg.com/@parcel/watcher-linux-arm64-musl/-/watcher-linux-arm64-musl-2.5.1.tgz#f7fbcdff2f04c526f96eac01f97419a6a99855d2"
-  integrity sha512-cFOjABi92pMYRXS7AcQv9/M1YuKRw8SZniCDw0ssQb/noPkRzA+HBDkwmyOJYp5wXcsTrhxO0zq1U11cK9jsFg==
-
-"@parcel/watcher-linux-x64-glibc@2.5.1":
-  version "2.5.1"
-  resolved "https://registry.yarnpkg.com/@parcel/watcher-linux-x64-glibc/-/watcher-linux-x64-glibc-2.5.1.tgz#4d2ea0f633eb1917d83d483392ce6181b6a92e4e"
-  integrity sha512-GcESn8NZySmfwlTsIur+49yDqSny2IhPeZfXunQi48DMugKeZ7uy1FX83pO0X22sHntJ4Ub+9k34XQCX+oHt2A==
-
-"@parcel/watcher-linux-x64-musl@2.5.1":
-  version "2.5.1"
-  resolved "https://registry.yarnpkg.com/@parcel/watcher-linux-x64-musl/-/watcher-linux-x64-musl-2.5.1.tgz#277b346b05db54f55657301dd77bdf99d63606ee"
-  integrity sha512-n0E2EQbatQ3bXhcH2D1XIAANAcTZkQICBPVaxMeaCVBtOpBZpWJuf7LwyWPSBDITb7In8mqQgJ7gH8CILCURXg==
-
-"@parcel/watcher-win32-arm64@2.5.1":
-  version "2.5.1"
-  resolved "https://registry.yarnpkg.com/@parcel/watcher-win32-arm64/-/watcher-win32-arm64-2.5.1.tgz#7e9e02a26784d47503de1d10e8eab6cceb524243"
-  integrity sha512-RFzklRvmc3PkjKjry3hLF9wD7ppR4AKcWNzH7kXR7GUe0Igb3Nz8fyPwtZCSquGrhU5HhUNDr/mKBqj7tqA2Vw==
-
-"@parcel/watcher-win32-ia32@2.5.1":
-  version "2.5.1"
-  resolved "https://registry.yarnpkg.com/@parcel/watcher-win32-ia32/-/watcher-win32-ia32-2.5.1.tgz#2d0f94fa59a873cdc584bf7f6b1dc628ddf976e6"
-  integrity sha512-c2KkcVN+NJmuA7CGlaGD1qJh1cLfDnQsHjE89E60vUEMlqduHGCdCLJCID5geFVM0dOtA3ZiIO8BoEQmzQVfpQ==
-
-"@parcel/watcher-win32-x64@2.5.1":
-  version "2.5.1"
-  resolved "https://registry.yarnpkg.com/@parcel/watcher-win32-x64/-/watcher-win32-x64-2.5.1.tgz#ae52693259664ba6f2228fa61d7ee44b64ea0947"
-  integrity sha512-9lHBdJITeNR++EvSQVUcaZoWupyHfXe1jZvGZ06O/5MflPcuPLtEphScIBL+AiCWBO46tDSHzWyD0uDmmZqsgA==
+"@parcel/watcher-android-arm64@2.5.4":
+  version "2.5.4"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-android-arm64/-/watcher-android-arm64-2.5.4.tgz#88c67bde2c3efa997a0b1fea540080c6ade0322c"
+  integrity sha512-hoh0vx4v+b3BNI7Cjoy2/B0ARqcwVNrzN/n7DLq9ZB4I3lrsvhrkCViJyfTj/Qi5xM9YFiH4AmHGK6pgH1ss7g==
+
+"@parcel/watcher-darwin-arm64@2.5.4":
+  version "2.5.4"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-darwin-arm64/-/watcher-darwin-arm64-2.5.4.tgz#d9dc037cff8a4ab7839a79c5287a6e6660f7ab27"
+  integrity sha512-kphKy377pZiWpAOyTgQYPE5/XEKVMaj6VUjKT5VkNyUJlr2qZAn8gIc7CPzx+kbhvqHDT9d7EqdOqRXT6vk0zw==
+
+"@parcel/watcher-darwin-x64@2.5.4":
+  version "2.5.4"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-darwin-x64/-/watcher-darwin-x64-2.5.4.tgz#da0e13e16ee6d378242e2cfb469d72667624383a"
+  integrity sha512-UKaQFhCtNJW1A9YyVz3Ju7ydf6QgrpNQfRZ35wNKUhTQ3dxJ/3MULXN5JN/0Z80V/KUBDGa3RZaKq1EQT2a2gg==
+
+"@parcel/watcher-freebsd-x64@2.5.4":
+  version "2.5.4"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-freebsd-x64/-/watcher-freebsd-x64-2.5.4.tgz#feb7cc9ec680bae3e91dddcdb4fe1c399ed52cc1"
+  integrity sha512-Dib0Wv3Ow/m2/ttvLdeI2DBXloO7t3Z0oCp4bAb2aqyqOjKPPGrg10pMJJAQ7tt8P4V2rwYwywkDhUia/FgS+Q==
+
+"@parcel/watcher-linux-arm-glibc@2.5.4":
+  version "2.5.4"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-linux-arm-glibc/-/watcher-linux-arm-glibc-2.5.4.tgz#fa4e9cf8228c8c433e2f035e8b16aa299d892a78"
+  integrity sha512-I5Vb769pdf7Q7Sf4KNy8Pogl/URRCKu9ImMmnVKYayhynuyGYMzuI4UOWnegQNa2sGpsPSbzDsqbHNMyeyPCgw==
+
+"@parcel/watcher-linux-arm-musl@2.5.4":
+  version "2.5.4"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-linux-arm-musl/-/watcher-linux-arm-musl-2.5.4.tgz#9ee6792e2d8810af9871ee5bbc2aa04e0b079d62"
+  integrity sha512-kGO8RPvVrcAotV4QcWh8kZuHr9bXi9a3bSZw7kFarYR0+fGliU7hd/zevhjw8fnvIKG3J9EO5G6sXNGCSNMYPQ==
+
+"@parcel/watcher-linux-arm64-glibc@2.5.4":
+  version "2.5.4"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-linux-arm64-glibc/-/watcher-linux-arm64-glibc-2.5.4.tgz#624c6d874d99afa79305720f96a0c233d4ad7fde"
+  integrity sha512-KU75aooXhqGFY2W5/p8DYYHt4hrjHZod8AhcGAmhzPn/etTa+lYCDB2b1sJy3sWJ8ahFVTdy+EbqSBvMx3iFlw==
+
+"@parcel/watcher-linux-arm64-musl@2.5.4":
+  version "2.5.4"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-linux-arm64-musl/-/watcher-linux-arm64-musl-2.5.4.tgz#5341e88b9e645d31c015ed40f384e60e49bd74d2"
+  integrity sha512-Qx8uNiIekVutnzbVdrgSanM+cbpDD3boB1f8vMtnuG5Zau4/bdDbXyKwIn0ToqFhIuob73bcxV9NwRm04/hzHQ==
+
+"@parcel/watcher-linux-x64-glibc@2.5.4":
+  version "2.5.4"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-linux-x64-glibc/-/watcher-linux-x64-glibc-2.5.4.tgz#be5bcc49d3f6d21cc81bb531970a05d3721e385c"
+  integrity sha512-UYBQvhYmgAv61LNUn24qGQdjtycFBKSK3EXr72DbJqX9aaLbtCOO8+1SkKhD/GNiJ97ExgcHBrukcYhVjrnogA==
+
+"@parcel/watcher-linux-x64-musl@2.5.4":
+  version "2.5.4"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-linux-x64-musl/-/watcher-linux-x64-musl-2.5.4.tgz#bffd3895b1f0cc8fd1436e409fd65d0a901281c0"
+  integrity sha512-YoRWCVgxv8akZrMhdyVi6/TyoeeMkQ0PGGOf2E4omODrvd1wxniXP+DBynKoHryStks7l+fDAMUBRzqNHrVOpg==
+
+"@parcel/watcher-win32-arm64@2.5.4":
+  version "2.5.4"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-win32-arm64/-/watcher-win32-arm64-2.5.4.tgz#7fb8aedea5b34ba97a01e1555929d01f4eb72fe4"
+  integrity sha512-iby+D/YNXWkiQNYcIhg8P5hSjzXEHaQrk2SLrWOUD7VeC4Ohu0WQvmV+HDJokZVJ2UjJ4AGXW3bx7Lls9Ln4TQ==
+
+"@parcel/watcher-win32-ia32@2.5.4":
+  version "2.5.4"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-win32-ia32/-/watcher-win32-ia32-2.5.4.tgz#f7f94ebdb21dedf37b12e030a82d4211798a1c26"
+  integrity sha512-vQN+KIReG0a2ZDpVv8cgddlf67J8hk1WfZMMP7sMeZmJRSmEax5xNDNWKdgqSe2brOKTQQAs3aCCUal2qBHAyg==
+
+"@parcel/watcher-win32-x64@2.5.4":
+  version "2.5.4"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-win32-x64/-/watcher-win32-x64-2.5.4.tgz#8d895c9723f7fffdf4b360fd1becf1b6bcb571df"
+  integrity sha512-3A6efb6BOKwyw7yk9ro2vus2YTt2nvcd56AuzxdMiVOxL9umDyN5PKkKfZ/gZ9row41SjVmTVQNWQhaRRGpOKw==
 
 "@parcel/watcher@^2.4.1":
-  version "2.5.1"
-  resolved "https://registry.yarnpkg.com/@parcel/watcher/-/watcher-2.5.1.tgz#342507a9cfaaf172479a882309def1e991fb1200"
-  integrity sha512-dfUnCxiN9H4ap84DvD2ubjw+3vUNpstxa0TneY/Paat8a3R4uQZDLSvWjmznAY/DoahqTHl9V46HF/Zs3F29pg==
+  version "2.5.4"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher/-/watcher-2.5.4.tgz#a6575b0a018b4e263589c1e7bc2ceb73c1ee84de"
+  integrity sha512-WYa2tUVV5HiArWPB3ydlOc4R2ivq0IDrlqhMi3l7mVsFEXNcTfxYFPIHXHXIh/ca/y/V5N4E1zecyxdIBjYnkQ==
   dependencies:
-    detect-libc "^1.0.3"
+    detect-libc "^2.0.3"
     is-glob "^4.0.3"
-    micromatch "^4.0.5"
     node-addon-api "^7.0.0"
+    picomatch "^4.0.3"
   optionalDependencies:
-    "@parcel/watcher-android-arm64" "2.5.1"
-    "@parcel/watcher-darwin-arm64" "2.5.1"
-    "@parcel/watcher-darwin-x64" "2.5.1"
-    "@parcel/watcher-freebsd-x64" "2.5.1"
-    "@parcel/watcher-linux-arm-glibc" "2.5.1"
-    "@parcel/watcher-linux-arm-musl" "2.5.1"
-    "@parcel/watcher-linux-arm64-glibc" "2.5.1"
-    "@parcel/watcher-linux-arm64-musl" "2.5.1"
-    "@parcel/watcher-linux-x64-glibc" "2.5.1"
-    "@parcel/watcher-linux-x64-musl" "2.5.1"
-    "@parcel/watcher-win32-arm64" "2.5.1"
-    "@parcel/watcher-win32-ia32" "2.5.1"
-    "@parcel/watcher-win32-x64" "2.5.1"
+    "@parcel/watcher-android-arm64" "2.5.4"
+    "@parcel/watcher-darwin-arm64" "2.5.4"
+    "@parcel/watcher-darwin-x64" "2.5.4"
+    "@parcel/watcher-freebsd-x64" "2.5.4"
+    "@parcel/watcher-linux-arm-glibc" "2.5.4"
+    "@parcel/watcher-linux-arm-musl" "2.5.4"
+    "@parcel/watcher-linux-arm64-glibc" "2.5.4"
+    "@parcel/watcher-linux-arm64-musl" "2.5.4"
+    "@parcel/watcher-linux-x64-glibc" "2.5.4"
+    "@parcel/watcher-linux-x64-musl" "2.5.4"
+    "@parcel/watcher-win32-arm64" "2.5.4"
+    "@parcel/watcher-win32-ia32" "2.5.4"
+    "@parcel/watcher-win32-x64" "2.5.4"
+
+"@peculiar/asn1-cms@^2.6.0":
+  version "2.6.0"
+  resolved "https://registry.yarnpkg.com/@peculiar/asn1-cms/-/asn1-cms-2.6.0.tgz#88267055c460ca806651f916315a934c1b1ac994"
+  integrity sha512-2uZqP+ggSncESeUF/9Su8rWqGclEfEiz1SyU02WX5fUONFfkjzS2Z/F1Li0ofSmf4JqYXIOdCAZqIXAIBAT1OA==
+  dependencies:
+    "@peculiar/asn1-schema" "^2.6.0"
+    "@peculiar/asn1-x509" "^2.6.0"
+    "@peculiar/asn1-x509-attr" "^2.6.0"
+    asn1js "^3.0.6"
+    tslib "^2.8.1"
+
+"@peculiar/asn1-csr@^2.6.0":
+  version "2.6.0"
+  resolved "https://registry.yarnpkg.com/@peculiar/asn1-csr/-/asn1-csr-2.6.0.tgz#a7eff845b0020720070a12f38f26effb9fdab158"
+  integrity sha512-BeWIu5VpTIhfRysfEp73SGbwjjoLL/JWXhJ/9mo4vXnz3tRGm+NGm3KNcRzQ9VMVqwYS2RHlolz21svzRXIHPQ==
+  dependencies:
+    "@peculiar/asn1-schema" "^2.6.0"
+    "@peculiar/asn1-x509" "^2.6.0"
+    asn1js "^3.0.6"
+    tslib "^2.8.1"
+
+"@peculiar/asn1-ecc@^2.6.0":
+  version "2.6.0"
+  resolved "https://registry.yarnpkg.com/@peculiar/asn1-ecc/-/asn1-ecc-2.6.0.tgz#4846d39712a1a2b4786c2d6ea27b19a6dcc05ef5"
+  integrity sha512-FF3LMGq6SfAOwUG2sKpPXblibn6XnEIKa+SryvUl5Pik+WR9rmRA3OCiwz8R3lVXnYnyRkSZsSLdml8H3UiOcw==
+  dependencies:
+    "@peculiar/asn1-schema" "^2.6.0"
+    "@peculiar/asn1-x509" "^2.6.0"
+    asn1js "^3.0.6"
+    tslib "^2.8.1"
+
+"@peculiar/asn1-pfx@^2.6.0":
+  version "2.6.0"
+  resolved "https://registry.yarnpkg.com/@peculiar/asn1-pfx/-/asn1-pfx-2.6.0.tgz#4c8ed3050cdd5b3e63ec4192bf8f646d9e06e3f5"
+  integrity sha512-rtUvtf+tyKGgokHHmZzeUojRZJYPxoD/jaN1+VAB4kKR7tXrnDCA/RAWXAIhMJJC+7W27IIRGe9djvxKgsldCQ==
+  dependencies:
+    "@peculiar/asn1-cms" "^2.6.0"
+    "@peculiar/asn1-pkcs8" "^2.6.0"
+    "@peculiar/asn1-rsa" "^2.6.0"
+    "@peculiar/asn1-schema" "^2.6.0"
+    asn1js "^3.0.6"
+    tslib "^2.8.1"
+
+"@peculiar/asn1-pkcs8@^2.6.0":
+  version "2.6.0"
+  resolved "https://registry.yarnpkg.com/@peculiar/asn1-pkcs8/-/asn1-pkcs8-2.6.0.tgz#c426caf81cb49935c553b591e0273b4b44d1696f"
+  integrity sha512-KyQ4D8G/NrS7Fw3XCJrngxmjwO/3htnA0lL9gDICvEQ+GJ+EPFqldcJQTwPIdvx98Tua+WjkdKHSC0/Km7T+lA==
+  dependencies:
+    "@peculiar/asn1-schema" "^2.6.0"
+    "@peculiar/asn1-x509" "^2.6.0"
+    asn1js "^3.0.6"
+    tslib "^2.8.1"
+
+"@peculiar/asn1-pkcs9@^2.6.0":
+  version "2.6.0"
+  resolved "https://registry.yarnpkg.com/@peculiar/asn1-pkcs9/-/asn1-pkcs9-2.6.0.tgz#96b57122228a0e2e30e81118cd3baa570c13a51d"
+  integrity sha512-b78OQ6OciW0aqZxdzliXGYHASeCvvw5caqidbpQRYW2mBtXIX2WhofNXTEe7NyxTb0P6J62kAAWLwn0HuMF1Fw==
+  dependencies:
+    "@peculiar/asn1-cms" "^2.6.0"
+    "@peculiar/asn1-pfx" "^2.6.0"
+    "@peculiar/asn1-pkcs8" "^2.6.0"
+    "@peculiar/asn1-schema" "^2.6.0"
+    "@peculiar/asn1-x509" "^2.6.0"
+    "@peculiar/asn1-x509-attr" "^2.6.0"
+    asn1js "^3.0.6"
+    tslib "^2.8.1"
+
+"@peculiar/asn1-rsa@^2.6.0":
+  version "2.6.0"
+  resolved "https://registry.yarnpkg.com/@peculiar/asn1-rsa/-/asn1-rsa-2.6.0.tgz#49d905ab67ae8aa54e996734f37a391bb7958747"
+  integrity sha512-Nu4C19tsrTsCp9fDrH+sdcOKoVfdfoQQ7S3VqjJU6vedR7tY3RLkQ5oguOIB3zFW33USDUuYZnPEQYySlgha4w==
+  dependencies:
+    "@peculiar/asn1-schema" "^2.6.0"
+    "@peculiar/asn1-x509" "^2.6.0"
+    asn1js "^3.0.6"
+    tslib "^2.8.1"
+
+"@peculiar/asn1-schema@^2.6.0":
+  version "2.6.0"
+  resolved "https://registry.yarnpkg.com/@peculiar/asn1-schema/-/asn1-schema-2.6.0.tgz#0dca1601d5b0fed2a72fed7a5f1d0d7dbe3a6f82"
+  integrity sha512-xNLYLBFTBKkCzEZIw842BxytQQATQv+lDTCEMZ8C196iJcJJMBUZxrhSTxLaohMyKK8QlzRNTRkUmanucnDSqg==
+  dependencies:
+    asn1js "^3.0.6"
+    pvtsutils "^1.3.6"
+    tslib "^2.8.1"
+
+"@peculiar/asn1-x509-attr@^2.6.0":
+  version "2.6.0"
+  resolved "https://registry.yarnpkg.com/@peculiar/asn1-x509-attr/-/asn1-x509-attr-2.6.0.tgz#057cb0c3c600a259c9f40582ee5fd7f0114c5be6"
+  integrity sha512-MuIAXFX3/dc8gmoZBkwJWxUWOSvG4MMDntXhrOZpJVMkYX+MYc/rUAU2uJOved9iJEoiUx7//3D8oG83a78UJA==
+  dependencies:
+    "@peculiar/asn1-schema" "^2.6.0"
+    "@peculiar/asn1-x509" "^2.6.0"
+    asn1js "^3.0.6"
+    tslib "^2.8.1"
+
+"@peculiar/asn1-x509@^2.6.0":
+  version "2.6.0"
+  resolved "https://registry.yarnpkg.com/@peculiar/asn1-x509/-/asn1-x509-2.6.0.tgz#9aa0784b455ca34095fdc91a5cc52869e21528dd"
+  integrity sha512-uzYbPEpoQiBoTq0/+jZtpM6Gq6zADBx+JNFP3yqRgziWBxQ/Dt/HcuvRfm9zJTPdRcBqPNdaRHTVwpyiq6iNMA==
+  dependencies:
+    "@peculiar/asn1-schema" "^2.6.0"
+    asn1js "^3.0.6"
+    pvtsutils "^1.3.6"
+    tslib "^2.8.1"
+
+"@peculiar/x509@^1.14.2":
+  version "1.14.3"
+  resolved "https://registry.yarnpkg.com/@peculiar/x509/-/x509-1.14.3.tgz#2c44c2b89474346afec38a0c2803ec4fb8ce959e"
+  integrity sha512-C2Xj8FZ0uHWeCXXqX5B4/gVFQmtSkiuOolzAgutjTfseNOHT3pUjljDZsTSxXFGgio54bCzVFqmEOUrIVk8RDA==
+  dependencies:
+    "@peculiar/asn1-cms" "^2.6.0"
+    "@peculiar/asn1-csr" "^2.6.0"
+    "@peculiar/asn1-ecc" "^2.6.0"
+    "@peculiar/asn1-pkcs9" "^2.6.0"
+    "@peculiar/asn1-rsa" "^2.6.0"
+    "@peculiar/asn1-schema" "^2.6.0"
+    "@peculiar/asn1-x509" "^2.6.0"
+    pvtsutils "^1.3.6"
+    reflect-metadata "^0.2.2"
+    tslib "^2.8.1"
+    tsyringe "^4.10.0"
 
 "@pkgjs/parseargs@^0.11.0":
   version "0.11.0"
@@ -5643,9 +5771,9 @@
   integrity sha512-bhAXu23DJWsrI45xafYpkQ4NtcKMwWnAC/vKrd2l+nxMFuvOT3XMYTIj2opv8vq8AO5Yh7Qac/nSeP/3zjTK0w==
 
 "@types/d3-shape@*":
-  version "3.1.7"
-  resolved "https://registry.yarnpkg.com/@types/d3-shape/-/d3-shape-3.1.7.tgz#2b7b423dc2dfe69c8c93596e673e37443348c555"
-  integrity sha512-VLvUQ33C+3J+8p+Daf+nYSOsjB4GXp19/S/aGo60m9h1v6XaxjiT82lKVWJCfzhtuZ3yD7i/TPeC/fuKLLOSmg==
+  version "3.1.8"
+  resolved "https://registry.yarnpkg.com/@types/d3-shape/-/d3-shape-3.1.8.tgz#d1516cc508753be06852cd06758e3bb54a22b0e3"
+  integrity sha512-lae0iWfcDeR7qt7rA88BNiqdvPS5pFVPpo5OfjElwNaT2yyekbM0C9vK+yqBqEmHr6lDkRnYNoTBYlAgJa7a4w==
   dependencies:
     "@types/d3-path" "*"
 
@@ -5727,6 +5855,11 @@
   resolved "https://registry.yarnpkg.com/@types/deep-eql/-/deep-eql-4.0.2.tgz#334311971d3a07121e7eb91b684a605e7eea9cbd"
   integrity sha512-c9h9dVVMigMPc4bwTvC5dxqtqJZwQPePsWjPlpSOnojbor6pGqdk541lfA7AqFQr5pB1BRdq0juY9db81BwyFw==
 
+"@types/emscripten@^1.41.4":
+  version "1.41.5"
+  resolved "https://registry.yarnpkg.com/@types/emscripten/-/emscripten-1.41.5.tgz#5670e4b52b098691cb844b84ee48c9176699b68d"
+  integrity sha512-cMQm7pxu6BxtHyqJ7mQZ2kXWV5SLmugybFdHCBbJ5eHzOo6VhBckEgAT3//rP5FwPHNPeEiq4SmQ5ucBwsOo4Q==
+
 "@types/eslint-scope@^3.7.7":
   version "3.7.7"
   resolved "https://registry.yarnpkg.com/@types/eslint-scope/-/eslint-scope-3.7.7.tgz#3108bd5f18b0cdb277c867b3dd449c9ed7079ac5"
@@ -5796,7 +5929,7 @@
     "@types/express-serve-static-core" "^5.0.0"
     "@types/serve-static" "^2"
 
-"@types/express@^4.17.21":
+"@types/express@^4.17.25":
   version "4.17.25"
   resolved "https://registry.yarnpkg.com/@types/express/-/express-4.17.25.tgz#070c8c73a6fee6936d65c195dbbfb7da5026649b"
   integrity sha512-dVd04UKsfpINUnK0yBoYHDF3xu7xVH4BuDotC/xGuycx4CgbP48X/KF/586bcObxT0HENHXEU8Nqtu6NR+eKhw==
@@ -5940,17 +6073,10 @@
   resolved "https://registry.yarnpkg.com/@types/ms/-/ms-2.1.0.tgz#052aa67a48eccc4309d7f0191b7e41434b90bb78"
   integrity sha512-GsCCIZDE/p3i96vtEqx+7dBUGXrc7zeSK3wwPHIaRThS+9OhWIXRqzs4d6k1SVU8g91DrNRWxWUGhp5KXQb2VA==
 
-"@types/node-forge@^1.3.0":
-  version "1.3.14"
-  resolved "https://registry.yarnpkg.com/@types/node-forge/-/node-forge-1.3.14.tgz#006c2616ccd65550560c2757d8472eb6d3ecea0b"
-  integrity sha512-mhVF2BnD4BO+jtOp7z1CdzaK4mbuK0LLQYAvdOLqHTavxFNq4zA1EmYkpnFjP8HOUzedfQkRnp0E2ulSAYSzAw==
-  dependencies:
-    "@types/node" "*"
-
 "@types/node@*", "@types/node@>=10.0.0":
-  version "25.0.6"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-25.0.6.tgz#5ca3c46f2b256b59128f433426e42d464765dab1"
-  integrity sha512-NNu0sjyNxpoiW3YuVFfNz7mxSQ+S4X2G28uqg2s+CzoqoQjLPsWSbsFFyztIAqt2vb8kfEAsJNepMGPTxFDx3Q==
+  version "25.0.8"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-25.0.8.tgz#e54e00f94fe1db2497b3e42d292b8376a2678c8d"
+  integrity sha512-powIePYMmC3ibL0UJ2i2s0WIbq6cg6UyVFQxSCpaPxxzAaziRfimGivjdF943sSGV6RADVbk0Nvlm5P/FB44Zg==
   dependencies:
     undici-types "~7.16.0"
 
@@ -6153,10 +6279,10 @@
   resolved "https://registry.yarnpkg.com/@ungap/structured-clone/-/structured-clone-1.3.0.tgz#d06bbb384ebcf6c505fde1c3d0ed4ddffe0aaff8"
   integrity sha512-WmoN8qaIAo7WTYWbAZuG8PYEhn5fkz7dZrqTBZ7dtt//lL2Gwms1IcnQ5yHqjDfX8Ft5j4YzDM23f87zBfDe9g==
 
-"@vercel/oidc@3.0.5":
-  version "3.0.5"
-  resolved "https://registry.yarnpkg.com/@vercel/oidc/-/oidc-3.0.5.tgz#bd8db7ee777255c686443413492db4d98ef49657"
-  integrity sha512-fnYhv671l+eTTp48gB4zEsTW/YtRgRPnkI2nT7x6qw5rkI1Lq2hTmQIpHPgyThI0znLK+vX2n9XxKdXZ7BUbbw==
+"@vercel/oidc@3.1.0":
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/@vercel/oidc/-/oidc-3.1.0.tgz#066caee449b84079f33c7445fc862464fe10ec32"
+  integrity sha512-Fw28YZpRnA3cAHHDlkt7xQHiJ0fcL+NRcIqsocZQUSmbzeIKRpwttJjik5ZGanXP+vlA4SbTg+AbA3bP363l+w==
 
 "@vitest/coverage-v8@^2.0.5":
   version "2.1.9"
@@ -6186,15 +6312,15 @@
     chai "^5.1.2"
     tinyrainbow "^1.2.0"
 
-"@vitest/expect@4.0.16":
-  version "4.0.16"
-  resolved "https://registry.yarnpkg.com/@vitest/expect/-/expect-4.0.16.tgz#3cb324c35f59ae72a9e1fb3b4f7b92e596628151"
-  integrity sha512-eshqULT2It7McaJkQGLkPjPjNph+uevROGuIMJdG3V+0BSR2w9u6J9Lwu+E8cK5TETlfou8GRijhafIMhXsimA==
+"@vitest/expect@4.0.17":
+  version "4.0.17"
+  resolved "https://registry.yarnpkg.com/@vitest/expect/-/expect-4.0.17.tgz#67bb0d4a7d37054590a19dcf831f7936d14a8a02"
+  integrity sha512-mEoqP3RqhKlbmUmntNDDCJeTDavDR+fVYkSOw8qRwJFaW/0/5zA9zFeTrHqNtcmwh6j26yMmwx2PqUDPzt5ZAQ==
   dependencies:
     "@standard-schema/spec" "^1.0.0"
     "@types/chai" "^5.2.2"
-    "@vitest/spy" "4.0.16"
-    "@vitest/utils" "4.0.16"
+    "@vitest/spy" "4.0.17"
+    "@vitest/utils" "4.0.17"
     chai "^6.2.1"
     tinyrainbow "^3.0.3"
 
@@ -6207,12 +6333,12 @@
     estree-walker "^3.0.3"
     magic-string "^0.30.12"
 
-"@vitest/mocker@4.0.16":
-  version "4.0.16"
-  resolved "https://registry.yarnpkg.com/@vitest/mocker/-/mocker-4.0.16.tgz#0351f17f5843b226f237f86cad7fc6dd7fd5b36d"
-  integrity sha512-yb6k4AZxJTB+q9ycAvsoxGn+j/po0UaPgajllBgt1PzoMAAmJGYFdDk0uCcRcxb3BrME34I6u8gHZTQlkqSZpg==
+"@vitest/mocker@4.0.17":
+  version "4.0.17"
+  resolved "https://registry.yarnpkg.com/@vitest/mocker/-/mocker-4.0.17.tgz#ce559098be1ae18ae5aa441a79939bcd7fc8f42f"
+  integrity sha512-+ZtQhLA3lDh1tI2wxe3yMsGzbp7uuJSWBM1iTIKCbppWTSBN09PUC+L+fyNlQApQoR+Ps8twt2pbSSXg2fQVEQ==
   dependencies:
-    "@vitest/spy" "4.0.16"
+    "@vitest/spy" "4.0.17"
     estree-walker "^3.0.3"
     magic-string "^0.30.21"
 
@@ -6223,10 +6349,10 @@
   dependencies:
     tinyrainbow "^1.2.0"
 
-"@vitest/pretty-format@4.0.16":
-  version "4.0.16"
-  resolved "https://registry.yarnpkg.com/@vitest/pretty-format/-/pretty-format-4.0.16.tgz#91893e0337dbdd6f80a89bcc9710c0d03650f090"
-  integrity sha512-eNCYNsSty9xJKi/UdVD8Ou16alu7AYiS2fCPRs0b1OdhJiV89buAXQLpTbe+X8V9L6qrs9CqyvU7OaAopJYPsA==
+"@vitest/pretty-format@4.0.17":
+  version "4.0.17"
+  resolved "https://registry.yarnpkg.com/@vitest/pretty-format/-/pretty-format-4.0.17.tgz#dde7cb2c01699d0943571137d1b482edff5fc000"
+  integrity sha512-Ah3VAYmjcEdHg6+MwFE17qyLqBHZ+ni2ScKCiW2XrlSBV4H3Z7vYfPfz7CWQ33gyu76oc0Ai36+kgLU3rfF4nw==
   dependencies:
     tinyrainbow "^3.0.3"
 
@@ -6238,12 +6364,12 @@
     "@vitest/utils" "2.1.9"
     pathe "^1.1.2"
 
-"@vitest/runner@4.0.16":
-  version "4.0.16"
-  resolved "https://registry.yarnpkg.com/@vitest/runner/-/runner-4.0.16.tgz#a9eb6786545727436e53eb51308abd6af8154323"
-  integrity sha512-VWEDm5Wv9xEo80ctjORcTQRJ539EGPB3Pb9ApvVRAY1U/WkHXmmYISqU5E79uCwcW7xYUV38gwZD+RV755fu3Q==
+"@vitest/runner@4.0.17":
+  version "4.0.17"
+  resolved "https://registry.yarnpkg.com/@vitest/runner/-/runner-4.0.17.tgz#dcc3bb4a4b1077858f3b105e91b2eeb208cee780"
+  integrity sha512-JmuQyf8aMWoo/LmNFppdpkfRVHJcsgzkbCA+/Bk7VfNH7RE6Ut2qxegeyx2j3ojtJtKIbIGy3h+KxGfYfk28YQ==
   dependencies:
-    "@vitest/utils" "4.0.16"
+    "@vitest/utils" "4.0.17"
     pathe "^2.0.3"
 
 "@vitest/snapshot@2.1.9":
@@ -6255,12 +6381,12 @@
     magic-string "^0.30.12"
     pathe "^1.1.2"
 
-"@vitest/snapshot@4.0.16":
-  version "4.0.16"
-  resolved "https://registry.yarnpkg.com/@vitest/snapshot/-/snapshot-4.0.16.tgz#6a7e41bdd3a60206c167720042c836c30dc50f3a"
-  integrity sha512-sf6NcrYhYBsSYefxnry+DR8n3UV4xWZwWxYbCJUt2YdvtqzSPR7VfGrY0zsv090DAbjFZsi7ZaMi1KnSRyK1XA==
+"@vitest/snapshot@4.0.17":
+  version "4.0.17"
+  resolved "https://registry.yarnpkg.com/@vitest/snapshot/-/snapshot-4.0.17.tgz#40d71a3dad4ac39812ed96a95fded46a920e1a31"
+  integrity sha512-npPelD7oyL+YQM2gbIYvlavlMVWUfNNGZPcu0aEUQXt7FXTuqhmgiYupPnAanhKvyP6Srs2pIbWo30K0RbDtRQ==
   dependencies:
-    "@vitest/pretty-format" "4.0.16"
+    "@vitest/pretty-format" "4.0.17"
     magic-string "^0.30.21"
     pathe "^2.0.3"
 
@@ -6271,10 +6397,10 @@
   dependencies:
     tinyspy "^3.0.2"
 
-"@vitest/spy@4.0.16":
-  version "4.0.16"
-  resolved "https://registry.yarnpkg.com/@vitest/spy/-/spy-4.0.16.tgz#3ac2e63e3e0cf304f1a84ec086d8e36cd185fbbd"
-  integrity sha512-4jIOWjKP0ZUaEmJm00E0cOBLU+5WE0BpeNr3XN6TEF05ltro6NJqHWxXD0kA8/Zc8Nh23AT8WQxwNG+WeROupw==
+"@vitest/spy@4.0.17":
+  version "4.0.17"
+  resolved "https://registry.yarnpkg.com/@vitest/spy/-/spy-4.0.17.tgz#d0936f8908b4dae091d9b948be3bae8e19d1878d"
+  integrity sha512-I1bQo8QaP6tZlTomQNWKJE6ym4SHf3oLS7ceNjozxxgzavRAgZDc06T7kD8gb9bXKEgcLNt00Z+kZO6KaJ62Ew==
 
 "@vitest/utils@2.1.9":
   version "2.1.9"
@@ -6285,12 +6411,12 @@
     loupe "^3.1.2"
     tinyrainbow "^1.2.0"
 
-"@vitest/utils@4.0.16":
-  version "4.0.16"
-  resolved "https://registry.yarnpkg.com/@vitest/utils/-/utils-4.0.16.tgz#f789a4ef5c5b2e8eef90a4c3304678dbc6c92599"
-  integrity sha512-h8z9yYhV3e1LEfaQ3zdypIrnAg/9hguReGZoS7Gl0aBG5xgA410zBqECqmaF/+RkTggRsfnzc1XaAHA6bmUufA==
+"@vitest/utils@4.0.17":
+  version "4.0.17"
+  resolved "https://registry.yarnpkg.com/@vitest/utils/-/utils-4.0.17.tgz#48181deab273c87ac4ee20c1c454ffe9c4f453fe"
+  integrity sha512-RG6iy+IzQpa9SB8HAFHJ9Y+pTzI+h8553MrciN9eC6TFBErqrQaTas4vG+MVj8S4uKk8uTT2p0vgZPnTdxd96w==
   dependencies:
-    "@vitest/pretty-format" "4.0.16"
+    "@vitest/pretty-format" "4.0.17"
     tinyrainbow "^3.0.3"
 
 "@webassemblyjs/ast@1.14.1", "@webassemblyjs/ast@^1.14.1":
@@ -6484,12 +6610,12 @@ aggregate-error@^3.0.0:
     clean-stack "^2.0.0"
     indent-string "^4.0.0"
 
-ai@5.0.119, ai@^5.0.30:
-  version "5.0.119"
-  resolved "https://registry.yarnpkg.com/ai/-/ai-5.0.119.tgz#efa420938050bbb9be537c137ac3c413b2f7727c"
-  integrity sha512-HUOwhc17fl2SZTJGZyA/99aNu706qKfXaUBCy9vgZiXBwrxg2eTzn2BCz7kmYDsfx6Fg2ACBy2icm41bsDXCTw==
+ai@5.0.121, ai@^5.0.30:
+  version "5.0.121"
+  resolved "https://registry.yarnpkg.com/ai/-/ai-5.0.121.tgz#dcc2141afd92c6344a3fbd11c4f2b86569632093"
+  integrity sha512-3iYPdARKGLryC/7OA9RgBUaym1gynvWS7UPy8NwoRNCKP52lshldtHB5xcEfVviw7liWH2zJlW9yEzsDglcIEQ==
   dependencies:
-    "@ai-sdk/gateway" "2.0.25"
+    "@ai-sdk/gateway" "2.0.27"
     "@ai-sdk/provider" "2.0.1"
     "@ai-sdk/provider-utils" "3.0.20"
     "@opentelemetry/api" "1.9.0"
@@ -6541,24 +6667,24 @@ algoliasearch-helper@^3.26.0:
     "@algolia/events" "^4.0.1"
 
 algoliasearch@^5.28.0, algoliasearch@^5.37.0:
-  version "5.46.2"
-  resolved "https://registry.yarnpkg.com/algoliasearch/-/algoliasearch-5.46.2.tgz#3afba0e53f3293e39cfde9b2ef27c583d44bf2a5"
-  integrity sha512-qqAXW9QvKf2tTyhpDA4qXv1IfBwD2eduSW6tUEBFIfCeE9gn9HQ9I5+MaKoenRuHrzk5sQoNh1/iof8mY7uD6Q==
-  dependencies:
-    "@algolia/abtesting" "1.12.2"
-    "@algolia/client-abtesting" "5.46.2"
-    "@algolia/client-analytics" "5.46.2"
-    "@algolia/client-common" "5.46.2"
-    "@algolia/client-insights" "5.46.2"
-    "@algolia/client-personalization" "5.46.2"
-    "@algolia/client-query-suggestions" "5.46.2"
-    "@algolia/client-search" "5.46.2"
-    "@algolia/ingestion" "1.46.2"
-    "@algolia/monitoring" "1.46.2"
-    "@algolia/recommend" "5.46.2"
-    "@algolia/requester-browser-xhr" "5.46.2"
-    "@algolia/requester-fetch" "5.46.2"
-    "@algolia/requester-node-http" "5.46.2"
+  version "5.46.3"
+  resolved "https://registry.yarnpkg.com/algoliasearch/-/algoliasearch-5.46.3.tgz#a3d754edaefc241ab6c1baa49e12488ac73f98f5"
+  integrity sha512-n/NdPglzmkcNYZfIT3Fo8pnDR/lKiK1kZ1Yaa315UoLyHymADhWw15+bzN5gBxrCA8KyeNu0JJD6mLtTov43lQ==
+  dependencies:
+    "@algolia/abtesting" "1.12.3"
+    "@algolia/client-abtesting" "5.46.3"
+    "@algolia/client-analytics" "5.46.3"
+    "@algolia/client-common" "5.46.3"
+    "@algolia/client-insights" "5.46.3"
+    "@algolia/client-personalization" "5.46.3"
+    "@algolia/client-query-suggestions" "5.46.3"
+    "@algolia/client-search" "5.46.3"
+    "@algolia/ingestion" "1.46.3"
+    "@algolia/monitoring" "1.46.3"
+    "@algolia/recommend" "5.46.3"
+    "@algolia/requester-browser-xhr" "5.46.3"
+    "@algolia/requester-fetch" "5.46.3"
+    "@algolia/requester-node-http" "5.46.3"
 
 anser@^2.1.1:
   version "2.3.5"
@@ -6705,6 +6831,15 @@ array-union@^2.1.0:
   resolved "https://registry.yarnpkg.com/array-union/-/array-union-2.1.0.tgz#b798420adbeb1de828d84acd8a2e23d3efe85e8d"
   integrity sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==
 
+asn1js@^3.0.6:
+  version "3.0.7"
+  resolved "https://registry.yarnpkg.com/asn1js/-/asn1js-3.0.7.tgz#15f1f2f59e60f80d5b43ef14047a294a969f824f"
+  integrity sha512-uLvq6KJu04qoQM6gvBfKFjlh6Gl0vOKQuR5cJMDHQkmwfMOQeN3F3SHCv9SNYSL+CRoHvOGFfllDlVz03GQjvQ==
+  dependencies:
+    pvtsutils "^1.3.6"
+    pvutils "^1.1.3"
+    tslib "^2.8.1"
+
 assertion-error@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/assertion-error/-/assertion-error-2.0.1.tgz#f641a196b335690b1070bf00b6e7593fec190bf7"
@@ -6829,12 +6964,12 @@ before-after-hook@^3.0.2:
   integrity sha512-Nik3Sc0ncrMK4UUdXQmAnRtzmNQTAAXmXIopizwZ1W1t8QmfJj+zL4OA2I7XPTPW5z5TDqv4hRo/JzouDJnX3A==
 
 better-auth@^1.4.9:
-  version "1.4.10"
-  resolved "https://registry.yarnpkg.com/better-auth/-/better-auth-1.4.10.tgz#7bad5b28626e21bf087409fca05b284c6de6bf68"
-  integrity sha512-0kqwEBJLe8eyFzbUspRG/htOriCf9uMLlnpe34dlIJGdmDfPuQISd4shShvUrvIVhPxsY1dSTXdXPLpqISYOYg==
+  version "1.4.12"
+  resolved "https://registry.yarnpkg.com/better-auth/-/better-auth-1.4.12.tgz#ba0f911fc03c4addcdc35c5a83205379bff994de"
+  integrity sha512-FsFMnWgk+AGrxsIGbpWLCibgYcbm6uNhPHln3ohXFDXSRa0gk39Beuh54Q+x6ml2qYodF0snxf/tPtDpBI/JiA==
   dependencies:
-    "@better-auth/core" "1.4.10"
-    "@better-auth/telemetry" "1.4.10"
+    "@better-auth/core" "1.4.12"
+    "@better-auth/telemetry" "1.4.12"
     "@better-auth/utils" "0.3.0"
     "@better-fetch/fetch" "1.1.21"
     "@noble/ciphers" "^2.0.0"
@@ -7068,6 +7203,11 @@ bytes@3.1.2, bytes@~3.1.2:
   resolved "https://registry.yarnpkg.com/bytes/-/bytes-3.1.2.tgz#8b0beeb98605adf1b128fa4386403c009e0221a5"
   integrity sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==
 
+bytestreamjs@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/bytestreamjs/-/bytestreamjs-2.0.1.tgz#a32947c7ce389a6fa11a09a9a563d0a45889535e"
+  integrity sha512-U1Z/ob71V/bXfVABvNr/Kumf5VyeQRBEm6Txb0PQ6S7V5GpBM3w4Cbqz/xPDicR5tN0uvDifng8C+5qECeGwyQ==
+
 cac@^6.7.14:
   version "6.7.14"
   resolved "https://registry.yarnpkg.com/cac/-/cac-6.7.14.tgz#804e1e6f506ee363cb0e3ccbb09cad5dd9870959"
@@ -7151,9 +7291,9 @@ caniuse-api@^3.0.0:
     lodash.uniq "^4.5.0"
 
 caniuse-lite@^1.0.0, caniuse-lite@^1.0.30001759, caniuse-lite@^1.0.30001760:
-  version "1.0.30001763"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001763.tgz#9397446dd110b1aeadb0df249c41b2ece7f90f09"
-  integrity sha512-mh/dGtq56uN98LlNX9qdbKnzINhX0QzhiWBFEkFfsFO4QyCvL8YegrJAazCwXIeqkIob8BlZPGM3xdnY+sgmvQ==
+  version "1.0.30001764"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001764.tgz#03206c56469f236103b90f9ae10bcb8b9e1f6005"
+  integrity sha512-9JGuzl2M+vPL+pz70gtMF9sHdMFbY9FJaQBi186cHKH3pSzDvzoUJUPV6fqiKIMyXbud9ZLg4F3Yza1vJ1+93g==
 
 canvas-roundrect-polyfill@0.0.1:
   version "0.0.1"
@@ -7161,9 +7301,9 @@ canvas-roundrect-polyfill@0.0.1:
   integrity sha512-yWq+R3U3jE+coOeEb3a3GgE2j/0MMiDKM/QpLb6h9ihf5fGY9UXtvK9o4vNqjWXoZz7/3EaSVU3IX53TvFFUOw==
 
 canvas@^3.0.0-rc2:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/canvas/-/canvas-3.2.0.tgz#877c51aabdb99cbb5b2b378138a6cdd681e9d390"
-  integrity sha512-jk0GxrLtUEmW/TmFsk2WghvgHe8B0pxGilqCL21y8lHkPUGa6FTsnCNtHPOzT8O3y+N+m3espawV80bbBlgfTA==
+  version "3.2.1"
+  resolved "https://registry.yarnpkg.com/canvas/-/canvas-3.2.1.tgz#8f0390569f36b94bffba9c0e7aed6948875aec7b"
+  integrity sha512-ej1sPFR5+0YWtaVp6S1N1FVz69TQCqmrkGeRvQxZeAB1nAIcjNTHVwrZtYtWFFBmQsF40/uDLehsW5KuYC99mg==
   dependencies:
     node-addon-api "^7.0.0"
     prebuild-install "^7.1.3"
@@ -7462,6 +7602,11 @@ combined-stream@^1.0.8:
   dependencies:
     delayed-stream "~1.0.0"
 
+comlink@^4.4.2:
+  version "4.4.2"
+  resolved "https://registry.yarnpkg.com/comlink/-/comlink-4.4.2.tgz#cbbcd82742fbebc06489c28a183eedc5c60a2bca"
+  integrity sha512-OxGdvBmJuNKSCMO4NTl1L47VRp6xn2wG4F/2hYzB6tiCb709otOxtEYCSvK80PtjODfXXZu8ds+Nw5kVCjqd2g==
+
 comma-separated-tokens@^2.0.0:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/comma-separated-tokens/-/comma-separated-tokens-2.0.3.tgz#4e89c9458acb61bc8fef19f4529973b2392839ee"
@@ -7514,7 +7659,7 @@ compressible@~2.0.18:
   dependencies:
     mime-db ">= 1.43.0 < 2"
 
-compression@^1.7.4:
+compression@^1.8.1:
   version "1.8.1"
   resolved "https://registry.yarnpkg.com/compression/-/compression-1.8.1.tgz#4a45d909ac16509195a9a28bd91094889c180d79"
   integrity sha512-9mAqGPHLakhCLeNyxPkK4xVo746zQ/czLH1Ky+vkitMnWfWZps8r0qXuwhwizagCRttsL4lfG4pIOvaWLpAP0w==
@@ -8056,9 +8201,9 @@ d3-force@3:
     d3-timer "1 - 3"
 
 "d3-format@1 - 3", d3-format@3:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/d3-format/-/d3-format-3.1.0.tgz#9260e23a28ea5cb109e93b21a06e24e2ebd55641"
-  integrity sha512-YyUI6AEuY/Wpt8KWLgZHsIU86atmikuoOmCfommt0LYHiQSPjvX2AcFc38PX0CBpr2RCyZhjex+NS/LPOv6YqA==
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/d3-format/-/d3-format-3.1.1.tgz#9703346c5c6743163c59cea3d9efd056120810cf"
+  integrity sha512-ryitBnaRbXQtgZ/gU50GSn6jQRwinSCQclpakXymvLd8ytTgE5bmSfgYcUxD7XYL34qHhFDyVk71qqKsfSyvmA==
 
 d3-geo@3:
   version "3.1.1"
@@ -8406,11 +8551,6 @@ destroy@1.2.0, destroy@~1.2.0:
   resolved "https://registry.yarnpkg.com/destroy/-/destroy-1.2.0.tgz#4803735509ad8be552934c67df614f94e66fa015"
   integrity sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==
 
-detect-libc@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/detect-libc/-/detect-libc-1.0.3.tgz#fa137c4bd698edf55cd5cd02ac559f91a4c4ba9b"
-  integrity sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==
-
 detect-libc@^2.0.0, detect-libc@^2.0.3:
   version "2.1.2"
   resolved "https://registry.yarnpkg.com/detect-libc/-/detect-libc-2.1.2.tgz#689c5dcdc1900ef5583a4cb9f6d7b473742074ad"
@@ -9129,7 +9269,7 @@ expect-type@^1.1.0, expect-type@^1.2.2:
   resolved "https://registry.yarnpkg.com/expect-type/-/expect-type-1.3.0.tgz#0d58ed361877a31bbc4dd6cf71bbfef7faf6bd68"
   integrity sha512-knvyeauYhqjOYvQ66MznSMs83wmHrCycNEN6Ao+2AeYEfxUIkuiVxdEa1qlGEPK+We3n0THiDciYSsCcgW/DoA==
 
-express@^4.21.2:
+express@^4.22.1:
   version "4.22.1"
   resolved "https://registry.yarnpkg.com/express/-/express-4.22.1.tgz#1de23a09745a4fffdb39247b344bb5eaff382069"
   integrity sha512-F2X8g9P1X7uCPZMA3MVf9wcTqlyNp7IhH5qPCI0izhaOIYXaW9L535tGA3qmjRzpH+bZczqq7hVKxTR4NWnu+g==
@@ -12344,11 +12484,6 @@ node-fetch@^2.6.7:
   dependencies:
     whatwg-url "^5.0.0"
 
-node-forge@^1:
-  version "1.3.3"
-  resolved "https://registry.yarnpkg.com/node-forge/-/node-forge-1.3.3.tgz#0ad80f6333b3a0045e827ac20b7f735f93716751"
-  integrity sha512-rLvcdSyRCyouf6jcOIPe/BgwG/d7hKjzMKOas33/pHEr6gbq18IK9zV7DiPvzsz0oBJPme6qr6H6kGZuI9/DZg==
-
 node-releases@^2.0.27:
   version "2.0.27"
   resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.27.tgz#eedca519205cf20f650f61d56b070db111231e4e"
@@ -12825,6 +12960,18 @@ pkg-types@^1.3.1:
     mlly "^1.7.4"
     pathe "^2.0.1"
 
+pkijs@^3.3.3:
+  version "3.3.3"
+  resolved "https://registry.yarnpkg.com/pkijs/-/pkijs-3.3.3.tgz#b3f04d7b2eaacb05c81675f882be374e591626ec"
+  integrity sha512-+KD8hJtqQMYoTuL1bbGOqxb4z+nZkTAwVdNtWwe8Tc2xNbEmdJYIYoc6Qt0uF55e6YW6KuTHw1DjQ18gMhzepw==
+  dependencies:
+    "@noble/hashes" "1.4.0"
+    asn1js "^3.0.6"
+    bytestreamjs "^2.0.1"
+    pvtsutils "^1.3.6"
+    pvutils "^1.1.3"
+    tslib "^2.8.1"
+
 png-chunk-text@1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/png-chunk-text/-/png-chunk-text-1.0.0.tgz#1c6006d8e34ba471d38e1c9c54b3f53e1085e18f"
@@ -13546,11 +13693,31 @@ pupa@^3.1.0:
   dependencies:
     escape-goat "^4.0.0"
 
+pvtsutils@^1.3.6:
+  version "1.3.6"
+  resolved "https://registry.yarnpkg.com/pvtsutils/-/pvtsutils-1.3.6.tgz#ec46e34db7422b9e4fdc5490578c1883657d6001"
+  integrity sha512-PLgQXQ6H2FWCaeRak8vvk1GW462lMxB5s3Jm673N82zI4vqtVUPuZdffdZbPDFRoU8kAhItWFtPCWiPpp4/EDg==
+  dependencies:
+    tslib "^2.8.1"
+
+pvutils@^1.1.3:
+  version "1.1.5"
+  resolved "https://registry.yarnpkg.com/pvutils/-/pvutils-1.1.5.tgz#84b0dea4a5d670249aa9800511804ee0b7c2809c"
+  integrity sha512-KTqnxsgGiQ6ZAzZCVlJH5eOjSnvlyEgx1m8bkRJfOhmGRqfo5KLvmAlACQkrjEtOQ4B7wF9TdSLIs9O90MX9xA==
+
 pwacompat@2.0.17:
   version "2.0.17"
   resolved "https://registry.yarnpkg.com/pwacompat/-/pwacompat-2.0.17.tgz#707959ff97f239bf1fe7b260b63aeea416a15eab"
   integrity sha512-6Du7IZdIy7cHiv7AhtDy4X2QRM8IAD5DII69mt5qWibC2d15ZU8DmBG1WdZKekG11cChSu4zkSUGPF9sweOl6w==
 
+pyodide@^0.29.1:
+  version "0.29.1"
+  resolved "https://registry.yarnpkg.com/pyodide/-/pyodide-0.29.1.tgz#ee85ecaa64af10f6d0deadcffba63fbe120093cb"
+  integrity sha512-mpk9jtkiM7Ugh1r9P9dbR8vKrmf0lED32hBZq+Fn1kkkBiUoOjSsJEWcyprugICpiFpIXpUOf80ZrvFXkQMk2g==
+  dependencies:
+    "@types/emscripten" "^1.41.4"
+    ws "^8.5.0"
+
 qrcode.react@^4.2.0:
   version "4.2.0"
   resolved "https://registry.yarnpkg.com/qrcode.react/-/qrcode.react-4.2.0.tgz#1bce8363f348197d145c0da640929a24c83cbca3"
@@ -13739,9 +13906,9 @@ react-fast-compare@^3.2.0:
     shallowequal "^1.1.0"
 
 react-hook-form@^7.56.1:
-  version "7.70.0"
-  resolved "https://registry.yarnpkg.com/react-hook-form/-/react-hook-form-7.70.0.tgz#256fa2ca71633c99f16ca2cd6074628aa52001b2"
-  integrity sha512-COOMajS4FI3Wuwrs3GPpi/Jeef/5W1DRR84Yl5/ShlT3dKVFUfoGiEZ/QE6Uw8P4T2/CLJdcTVYKvWBMQTEpvw==
+  version "7.71.1"
+  resolved "https://registry.yarnpkg.com/react-hook-form/-/react-hook-form-7.71.1.tgz#6a758958861682cf0eb22131eead684ba3618f66"
+  integrity sha512-9SUJKCGKo8HUSsCO+y0CtqkqI5nNuaDqTxyqPsZPqIwudpj4rCrAz/jZV+jn57bx5gtZKOh3neQu94DXMc+w5w==
 
 react-is@^16.13.1, react-is@^16.6.0, react-is@^16.7.0:
   version "16.13.1"
@@ -13981,6 +14148,11 @@ recma-stringify@^1.0.0:
     unified "^11.0.0"
     vfile "^6.0.0"
 
+reflect-metadata@^0.2.2:
+  version "0.2.2"
+  resolved "https://registry.yarnpkg.com/reflect-metadata/-/reflect-metadata-0.2.2.tgz#400c845b6cba87a21f2c65c4aeb158f4fa4d9c5b"
+  integrity sha512-urBwgfrvVP/eAyXx4hluJivBKzuEbSQs9rKWCrCkbSxNv8mxPcUZKeuoF3Uy4mJl3Lwprp6yy5/39VWigZ4K6Q==
+
 regenerate-unicode-properties@^10.2.2:
   version "10.2.2"
   resolved "https://registry.yarnpkg.com/regenerate-unicode-properties/-/regenerate-unicode-properties-10.2.2.tgz#aa113812ba899b630658c7623466be71e1f86f66"
@@ -14468,13 +14640,13 @@ select-hose@^2.0.0:
   resolved "https://registry.yarnpkg.com/select-hose/-/select-hose-2.0.0.tgz#625d8658f865af43ec962bfc376a37359a4994ca"
   integrity sha512-mEugaLK+YfkijB4fx0e6kImuJdCIt2LxCRcbEYPqRGCs4F2ogyfZU5IAZRdjCP8JPq2AtdNoC/Dux63d9Kiryg==
 
-selfsigned@^2.4.1:
-  version "2.4.1"
-  resolved "https://registry.yarnpkg.com/selfsigned/-/selfsigned-2.4.1.tgz#560d90565442a3ed35b674034cec4e95dceb4ae0"
-  integrity sha512-th5B4L2U+eGLq1TVh7zNRGBapioSORUeymIydxgFpwww9d2qyKvtuPU2jJuHvYAwwqi2Y596QBL3eEqcPEYL8Q==
+selfsigned@^5.5.0:
+  version "5.5.0"
+  resolved "https://registry.yarnpkg.com/selfsigned/-/selfsigned-5.5.0.tgz#4c9ab7c7c9f35f18fb6a9882c253eb0e6bd6557b"
+  integrity sha512-ftnu3TW4+3eBfLRFnDEkzGxSF/10BJBkaLJuBHZX0kiPS7bRdlpZGu6YGt4KngMkdTwJE6MbjavFpqHvqVt+Ew==
   dependencies:
-    "@types/node-forge" "^1.3.0"
-    node-forge "^1"
+    "@peculiar/x509" "^1.14.2"
+    pkijs "^3.3.3"
 
 semver-diff@^4.0.0:
   version "4.0.0"
@@ -15332,11 +15504,23 @@ ts-node@^10.9.2:
     v8-compile-cache-lib "^3.0.1"
     yn "3.1.1"
 
-tslib@^2.0.0, tslib@^2.0.3, tslib@^2.1.0, tslib@^2.3.0, tslib@^2.4.0, tslib@^2.6.0:
+tslib@^1.9.3:
+  version "1.14.1"
+  resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.14.1.tgz#cf2d38bdc34a134bcaf1091c41f6619e2f672d00"
+  integrity sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==
+
+tslib@^2.0.0, tslib@^2.0.3, tslib@^2.1.0, tslib@^2.3.0, tslib@^2.4.0, tslib@^2.6.0, tslib@^2.8.1:
   version "2.8.1"
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.8.1.tgz#612efe4ed235d567e8aba5f2a5fab70280ade83f"
   integrity sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==
 
+tsyringe@^4.10.0:
+  version "4.10.0"
+  resolved "https://registry.yarnpkg.com/tsyringe/-/tsyringe-4.10.0.tgz#d0c95815d584464214060285eaaadd94aa03299c"
+  integrity sha512-axr3IdNuVIxnaK5XGEUFTu3YmAQ6lllgrvqfEoR16g/HGnYY/6We4oWENtAnzK6/LpJ2ur9PAb80RBt7/U4ugw==
+  dependencies:
+    tslib "^1.9.3"
+
 tunnel-agent@^0.6.0:
   version "0.6.0"
   resolved "https://registry.yarnpkg.com/tunnel-agent/-/tunnel-agent-0.6.0.tgz#27a5dea06b36b04a0a9966774b290868f0fc40fd"
@@ -15770,17 +15954,17 @@ vite@^5.0.0:
     fsevents "~2.3.3"
 
 vitest@*:
-  version "4.0.16"
-  resolved "https://registry.yarnpkg.com/vitest/-/vitest-4.0.16.tgz#7ceaecd4612fa6351923e842a0723c48cdfb6719"
-  integrity sha512-E4t7DJ9pESL6E3I8nFjPa4xGUd3PmiWDLsDztS2qXSJWfHtbQnwAWylaBvSNY48I3vr8PTqIZlyK8TE3V3CA4Q==
-  dependencies:
-    "@vitest/expect" "4.0.16"
-    "@vitest/mocker" "4.0.16"
-    "@vitest/pretty-format" "4.0.16"
-    "@vitest/runner" "4.0.16"
-    "@vitest/snapshot" "4.0.16"
-    "@vitest/spy" "4.0.16"
-    "@vitest/utils" "4.0.16"
+  version "4.0.17"
+  resolved "https://registry.yarnpkg.com/vitest/-/vitest-4.0.17.tgz#0e39e67a909a132afe434ee1278bdcf0c17fd063"
+  integrity sha512-FQMeF0DJdWY0iOnbv466n/0BudNdKj1l5jYgl5JVTwjSsZSlqyXFt/9+1sEyhR6CLowbZpV7O1sCHrzBhucKKg==
+  dependencies:
+    "@vitest/expect" "4.0.17"
+    "@vitest/mocker" "4.0.17"
+    "@vitest/pretty-format" "4.0.17"
+    "@vitest/runner" "4.0.17"
+    "@vitest/snapshot" "4.0.17"
+    "@vitest/spy" "4.0.17"
+    "@vitest/utils" "4.0.17"
     es-module-lexer "^1.7.0"
     expect-type "^1.2.2"
     magic-string "^0.30.21"
@@ -15929,13 +16113,13 @@ webpack-dev-middleware@^7.4.2:
     schema-utils "^4.0.0"
 
 webpack-dev-server@^5.2.2:
-  version "5.2.2"
-  resolved "https://registry.yarnpkg.com/webpack-dev-server/-/webpack-dev-server-5.2.2.tgz#96a143d50c58fef0c79107e61df911728d7ceb39"
-  integrity sha512-QcQ72gh8a+7JO63TAx/6XZf/CWhgMzu5m0QirvPfGvptOusAxG12w2+aua1Jkjr7hzaWDnJ2n6JFeexMHI+Zjg==
+  version "5.2.3"
+  resolved "https://registry.yarnpkg.com/webpack-dev-server/-/webpack-dev-server-5.2.3.tgz#7f36a78be7ac88833fd87757edee31469a9e47d3"
+  integrity sha512-9Gyu2F7+bg4Vv+pjbovuYDhHX+mqdqITykfzdM9UyKqKHlsE5aAjRhR+oOEfXW5vBeu8tarzlJFIZva4ZjAdrQ==
   dependencies:
     "@types/bonjour" "^3.5.13"
     "@types/connect-history-api-fallback" "^1.5.4"
-    "@types/express" "^4.17.21"
+    "@types/express" "^4.17.25"
     "@types/express-serve-static-core" "^4.17.21"
     "@types/serve-index" "^1.9.4"
     "@types/serve-static" "^1.15.5"
@@ -15945,9 +16129,9 @@ webpack-dev-server@^5.2.2:
     bonjour-service "^1.2.1"
     chokidar "^3.6.0"
     colorette "^2.0.10"
-    compression "^1.7.4"
+    compression "^1.8.1"
     connect-history-api-fallback "^2.0.0"
-    express "^4.21.2"
+    express "^4.22.1"
     graceful-fs "^4.2.6"
     http-proxy-middleware "^2.0.9"
     ipaddr.js "^2.1.0"
@@ -15955,7 +16139,7 @@ webpack-dev-server@^5.2.2:
     open "^10.0.3"
     p-retry "^6.2.0"
     schema-utils "^4.2.0"
-    selfsigned "^2.4.1"
+    selfsigned "^5.5.0"
     serve-index "^1.9.1"
     sockjs "^0.3.24"
     spdy "^4.0.2"
@@ -16136,7 +16320,7 @@ ws@^7.3.1:
   resolved "https://registry.yarnpkg.com/ws/-/ws-7.5.10.tgz#58b5c20dc281633f6c19113f39b349bd8bd558d9"
   integrity sha512-+dbF1tHwZpXcbOJdVOkzLDxZP1ailvSxM6ZweXTegylPny803bFhA+vqBYw4s31NSAk4S2Qz+AKXK9a4wkdjcQ==
 
-ws@^8.18.0:
+ws@^8.18.0, ws@^8.5.0:
   version "8.19.0"
   resolved "https://registry.yarnpkg.com/ws/-/ws-8.19.0.tgz#ddc2bdfa5b9ad860204f5a72a4863a8895fd8c8b"
   integrity sha512-blAT2mjOEIi0ZzruJfIhb3nps74PRWTCz1IjglWEEpQl5XS/UNama6u2/rjFkDDouqr4L67ry+1aGIALViWjDg==