From 3174b90d6ad56d65a110ae7fae121c3a41975f86 Mon Sep 17 00:00:00 2001
From: bh0fer <lebalz@outlook.com>
Date: Sun, 11 Jan 2026 18:30:45 +0100
Subject: [PATCH 01/46] POC Pyodide

---
 packages/tdev/pyodide-script/README.mdx       | 18 ++++++++
 .../pyodide-script/components/PyodScript.tsx  | 29 +++++++++++++
 .../components/SimpleScript.tsx               | 40 ++++++++++++++++++
 .../tdev/pyodide-script/components/Square.tsx | 28 +++++++++++++
 .../components/styles.module.scss             |  0
 .../tdev/pyodide-script/hooks/usePyodide.ts   | 39 ++++++++++++++++++
 packages/tdev/pyodide-script/index.ts         | 15 +++++++
 packages/tdev/pyodide-script/package.json     | 23 +++++++++++
 packages/tdev/pyodide-script/register.ts      | 13 ++++++
 .../pyodide-script/stores/PyodideStore.ts     | 34 +++++++++++++++
 packages/tdev/pyodide-script/tsconfig.json    |  3 ++
 .../pyodide-script/workers/pyodide.worker.ts  | 41 +++++++++++++++++++
 .../pyodide-script/workers/square.worker.ts   | 13 ++++++
 src/api/document.ts                           |  9 ++++
 src/stores/ViewStores/index.ts                | 20 +++++++++
 src/stores/rootStore.ts                       |  3 ++
 tdev-website/siteConfig.ts                    |  3 +-
 yarn.lock                                     | 22 +++++++++-
 18 files changed, 350 insertions(+), 3 deletions(-)
 create mode 100644 packages/tdev/pyodide-script/README.mdx
 create mode 100644 packages/tdev/pyodide-script/components/PyodScript.tsx
 create mode 100644 packages/tdev/pyodide-script/components/SimpleScript.tsx
 create mode 100644 packages/tdev/pyodide-script/components/Square.tsx
 create mode 100644 packages/tdev/pyodide-script/components/styles.module.scss
 create mode 100644 packages/tdev/pyodide-script/hooks/usePyodide.ts
 create mode 100644 packages/tdev/pyodide-script/index.ts
 create mode 100644 packages/tdev/pyodide-script/package.json
 create mode 100644 packages/tdev/pyodide-script/register.ts
 create mode 100644 packages/tdev/pyodide-script/stores/PyodideStore.ts
 create mode 100644 packages/tdev/pyodide-script/tsconfig.json
 create mode 100644 packages/tdev/pyodide-script/workers/pyodide.worker.ts
 create mode 100644 packages/tdev/pyodide-script/workers/square.worker.ts
 create mode 100644 src/stores/ViewStores/index.ts

diff --git a/packages/tdev/pyodide-script/README.mdx b/packages/tdev/pyodide-script/README.mdx
new file mode 100644
index 000000000..629de8b0e
--- /dev/null
+++ b/packages/tdev/pyodide-script/README.mdx
@@ -0,0 +1,18 @@
+---
+page_id: e7bde0ab-c0fe-4225-8325-e4ebc22d414b
+tags:
+  - '@tdev/'
+  - python
+---
+
+import PyodScript from '@tdev/pyodide-script/components/PyodScript';
+import Square from '@tdev/pyodide-script/components/Square';
+import SimpleScript from '@tdev/pyodide-script/components/SimpleScript';
+
+# pyodide-script
+
+<PyodScript />
+
+<Square />
+
+<SimpleScript />
\ No newline at end of file
diff --git a/packages/tdev/pyodide-script/components/PyodScript.tsx b/packages/tdev/pyodide-script/components/PyodScript.tsx
new file mode 100644
index 000000000..3a0854f27
--- /dev/null
+++ b/packages/tdev/pyodide-script/components/PyodScript.tsx
@@ -0,0 +1,29 @@
+import React from 'react';
+import clsx from 'clsx';
+import styles from './styles.module.scss';
+import { observer } from 'mobx-react-lite';
+
+interface Props {}
+import { usePyodideLib } from '../hooks/usePyodide';
+import Button from '@tdev-components/shared/Button';
+
+const PyodScript = observer((props: Props) => {
+    const pyodide = usePyodideLib();
+    if (!pyodide) {
+        return <div>Loading Pyodide...</div>;
+    }
+
+    return (
+        <div className={clsx(styles.PyodScript)}>
+            <Button
+                text="Run"
+                onClick={async () => {
+                    const res = await pyodide.runPythonAsync(`print("Hello from Pyodide")`);
+                    console.log(res);
+                }}
+            />
+        </div>
+    );
+});
+
+export default PyodScript;
diff --git a/packages/tdev/pyodide-script/components/SimpleScript.tsx b/packages/tdev/pyodide-script/components/SimpleScript.tsx
new file mode 100644
index 000000000..ba3255d8e
--- /dev/null
+++ b/packages/tdev/pyodide-script/components/SimpleScript.tsx
@@ -0,0 +1,40 @@
+import React from 'react';
+import Button from '@tdev-components/shared/Button';
+import TextAreaInput from '@tdev-components/shared/TextAreaInput';
+import { useStore } from '@tdev-hooks/useStore';
+import { mdiLoading, mdiPlay } from '@mdi/js';
+import Card from '@tdev-components/shared/Card';
+import { observer } from 'mobx-react-lite';
+import CodeBlock from '@theme-original/CodeBlock';
+const SimpleScript = observer(() => {
+    const [code, setCode] = React.useState('print("Hello from Pyodide")');
+    const [error, setError] = React.useState('');
+    const [result, setResult] = React.useState('');
+    const viewStore = useStore('viewStore');
+    const pyodideStore = viewStore.useStore('pyodideStore');
+
+    return (
+        <Card>
+            <TextAreaInput defaultValue={code} onChange={(t) => setCode(t)} monospace />
+            <Button
+                text={'Run'}
+                spin={!pyodideStore.isInitialized}
+                icon={pyodideStore.isInitialized ? mdiPlay : mdiLoading}
+                onClick={async () => {
+                    const result = await pyodideStore.pyWorker?.run(code);
+                    if (result?.type === 'error') {
+                        setResult('');
+                        setError(result?.error || 'Unknown error');
+                    } else {
+                        setError('');
+                        setResult(result?.result as string);
+                        console.log('Result from Pyodide:', result);
+                    }
+                }}
+            />
+            <CodeBlock language="python">{error ? `# Error:\n${error}` : `# Result:\n${result}`}</CodeBlock>
+        </Card>
+    );
+});
+
+export default SimpleScript;
diff --git a/packages/tdev/pyodide-script/components/Square.tsx b/packages/tdev/pyodide-script/components/Square.tsx
new file mode 100644
index 000000000..915859563
--- /dev/null
+++ b/packages/tdev/pyodide-script/components/Square.tsx
@@ -0,0 +1,28 @@
+import React from 'react';
+import Button from '@tdev-components/shared/Button';
+import { useStore } from '@tdev-hooks/useStore';
+import { mdiLoading, mdiPlay } from '@mdi/js';
+import { observer } from 'mobx-react-lite';
+const Square = observer(() => {
+    const [number, setNumber] = React.useState(5);
+    const viewStore = useStore('viewStore');
+    const pyodideStore = viewStore.useStore('pyodideStore');
+
+    return (
+        <Button
+            text={`Calculate Square of ${number}`}
+            spin={!pyodideStore.isInitialized}
+            icon={pyodideStore.isInitialized ? mdiPlay : mdiLoading}
+            onClick={async () => {
+                const result = await pyodideStore.squareWorker?.square(number);
+                console.log(
+                    `Square of ${number} from worker is ${JSON.stringify(result, null, 2)}`,
+                    pyodideStore.squareWorker
+                );
+                setNumber(Math.floor(Math.random() * 100));
+            }}
+        />
+    );
+});
+
+export default Square;
diff --git a/packages/tdev/pyodide-script/components/styles.module.scss b/packages/tdev/pyodide-script/components/styles.module.scss
new file mode 100644
index 000000000..e69de29bb
diff --git a/packages/tdev/pyodide-script/hooks/usePyodide.ts b/packages/tdev/pyodide-script/hooks/usePyodide.ts
new file mode 100644
index 000000000..cb92ea59f
--- /dev/null
+++ b/packages/tdev/pyodide-script/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-script/index.ts b/packages/tdev/pyodide-script/index.ts
new file mode 100644
index 000000000..64761fa80
--- /dev/null
+++ b/packages/tdev/pyodide-script/index.ts
@@ -0,0 +1,15 @@
+import type { CurrentBundler, PluginConfig, PluginModule } from '@docusaurus/types';
+import type PyodideStore from './stores/PyodideStore';
+export interface PyodideData {
+    code: string;
+}
+
+declare module '@tdev-api/document' {
+    export interface TypeDataMapping {
+        ['pyodide_script']: PyodideData;
+    }
+    export interface TypeModelMapping {}
+    export interface ViewStoreTypeMapping {
+        ['pyodideStore']: PyodideStore; // placeholder to avoid empty interface error
+    }
+}
diff --git a/packages/tdev/pyodide-script/package.json b/packages/tdev/pyodide-script/package.json
new file mode 100644
index 000000000..5636cdd10
--- /dev/null
+++ b/packages/tdev/pyodide-script/package.json
@@ -0,0 +1,23 @@
+{
+    "name": "@tdev/pyodide-script",
+    "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-script/register.ts b/packages/tdev/pyodide-script/register.ts
new file mode 100644
index 000000000..f7982d426
--- /dev/null
+++ b/packages/tdev/pyodide-script/register.ts
@@ -0,0 +1,13 @@
+import { rootStore } from '@tdev-stores/rootStore';
+import PyodideStore from './stores/PyodideStore';
+import ViewStore from '@tdev-stores/ViewStores';
+
+const createStore = (viewStore: ViewStore) => {
+    return new PyodideStore(viewStore);
+};
+
+const register = () => {
+    rootStore.viewStore.registerStore('pyodideStore', createStore);
+};
+
+register();
diff --git a/packages/tdev/pyodide-script/stores/PyodideStore.ts b/packages/tdev/pyodide-script/stores/PyodideStore.ts
new file mode 100644
index 000000000..b3babe849
--- /dev/null
+++ b/packages/tdev/pyodide-script/stores/PyodideStore.ts
@@ -0,0 +1,34 @@
+import { computed, observable, runInAction } from 'mobx';
+import * as Comlink from 'comlink';
+import type { SquareWorker, WorkerApi } from '../workers/square.worker';
+import ViewStore from '@tdev-stores/ViewStores';
+import { PyWorker, PyWorkerApi } from '../workers/pyodide.worker';
+const ComSquareWorker = Comlink.wrap<WorkerApi>(
+    new Worker(new URL('../workers/square.worker.ts', import.meta.url), { type: 'module' })
+);
+const ComPyWorker = Comlink.wrap<PyWorkerApi>(
+    new Worker(new URL('../workers/pyodide.worker.ts', import.meta.url), { type: 'module' })
+);
+
+export default class PyodideStore {
+    viewStore: ViewStore;
+    @observable.ref accessor squareWorker: Comlink.Remote<SquareWorker> | null = null;
+    @observable.ref accessor pyWorker: Comlink.Remote<PyWorker> | null = null;
+    constructor(viewStore: ViewStore) {
+        this.viewStore = viewStore;
+        this.initialize();
+    }
+
+    @computed
+    get isInitialized() {
+        return this.squareWorker !== null;
+    }
+
+    async initialize() {
+        const libs = await Promise.all([new ComSquareWorker(), new ComPyWorker()]);
+        runInAction(() => {
+            this.squareWorker = libs[0];
+            this.pyWorker = libs[1];
+        });
+    }
+}
diff --git a/packages/tdev/pyodide-script/tsconfig.json b/packages/tdev/pyodide-script/tsconfig.json
new file mode 100644
index 000000000..ab1408716
--- /dev/null
+++ b/packages/tdev/pyodide-script/tsconfig.json
@@ -0,0 +1,3 @@
+{
+    "extends": "../../../tsconfig.package.json"
+}
diff --git a/packages/tdev/pyodide-script/workers/pyodide.worker.ts b/packages/tdev/pyodide-script/workers/pyodide.worker.ts
new file mode 100644
index 000000000..8e2f60878
--- /dev/null
+++ b/packages/tdev/pyodide-script/workers/pyodide.worker.ts
@@ -0,0 +1,41 @@
+import * as Comlink from 'comlink';
+// @ts-ignore
+importScripts('https://cdn.jsdelivr.net/pyodide/v0.29.1/full/pyodide.js');
+// @ts-ignore
+let pyodideReadyPromise = loadPyodide({});
+
+interface PyodideResult {
+    type: 'success';
+    result: number | string;
+    id: string;
+}
+interface PyodideError {
+    type: 'error';
+    error: string;
+    id: string;
+}
+
+type Result = PyodideResult | PyodideError;
+
+export class PyWorker {
+    async run(code: string): Promise<Result> {
+        const pyodide = await pyodideReadyPromise;
+        const context = {};
+        const id = Math.random().toString(36).substring(7);
+        // Now load any packages we need, run the code, and send the result back.
+        await pyodide.loadPackagesFromImports(code);
+        // make a Python dictionary with the data from `context`
+        const dict = pyodide.globals.get('dict');
+        const globals = dict(Object.entries(context));
+        try {
+            // Execute the python code in this context
+            const result = await pyodide.runPythonAsync(code, { globals });
+            return { type: 'success', result: JSON.stringify(result, null, 2), id };
+        } catch (error: any) {
+            return { type: 'error', error: error.message, id };
+        }
+    }
+}
+
+Comlink.expose(PyWorker);
+export type PyWorkerApi = typeof PyWorker; // For type inference in main thread
diff --git a/packages/tdev/pyodide-script/workers/square.worker.ts b/packages/tdev/pyodide-script/workers/square.worker.ts
new file mode 100644
index 000000000..8b9356c6c
--- /dev/null
+++ b/packages/tdev/pyodide-script/workers/square.worker.ts
@@ -0,0 +1,13 @@
+import * as Comlink from 'comlink';
+
+export class SquareWorker {
+    async square(n: number): Promise<number> {
+        // wait 1 second to simulate a long computation
+        await new Promise((resolve) => setTimeout(resolve, 1000));
+        const result = n * n;
+        return result;
+    }
+}
+
+Comlink.expose(SquareWorker);
+export type WorkerApi = typeof SquareWorker; // For type inference in main thread
diff --git a/src/api/document.ts b/src/api/document.ts
index 47ba3c799..cea81ec6b 100644
--- a/src/api/document.ts
+++ b/src/api/document.ts
@@ -17,6 +17,7 @@ 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';
 
 export enum Access {
     RO_DocumentRoot = 'RO_DocumentRoot',
@@ -99,6 +100,14 @@ 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
 }
diff --git a/src/stores/ViewStores/index.ts b/src/stores/ViewStores/index.ts
new file mode 100644
index 000000000..dbaa9dbf1
--- /dev/null
+++ b/src/stores/ViewStores/index.ts
@@ -0,0 +1,20 @@
+import { ViewStoreType, ViewStore as ViewStores, ViewStoreTypeMapping } from '@tdev-api/document';
+
+export interface ViewStoreProps<T extends ViewStoreType = ViewStoreType> {
+    store: ViewStoreTypeMapping[T];
+}
+
+export default class ViewStore {
+    stores = new Map<ViewStoreType, ViewStores>();
+
+    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..ed9608df9 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.documentRootStore = new DocumentRootStore(this);
         this.sessionStore = new SessionStore(this);
         this.userStore = new UserStore(this);
diff --git a/tdev-website/siteConfig.ts b/tdev-website/siteConfig.ts
index 006aca706..9a2ed73a2 100644
--- a/tdev-website/siteConfig.ts
+++ b/tdev-website/siteConfig.ts
@@ -73,7 +73,8 @@ 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-script/register')
         ]
     };
 };
diff --git a/yarn.lock b/yarn.lock
index 93c342a77..b9eba1625 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -4948,7 +4948,7 @@
     "@rspack/binding-win32-ia32-msvc" "1.6.5"
     "@rspack/binding-win32-x64-msvc" "1.6.5"
 
-"@rspack/core@1.6.5", "@rspack/core@^1.5.0":
+"@rspack/core@^1.5.0":
   version "1.6.5"
   resolved "https://registry.yarnpkg.com/@rspack/core/-/core-1.6.5.tgz#8e06a917dfbc556156d5c544cbf985b4da89dbd7"
   integrity sha512-AqaOMA6MTNhqMYYwrhvPA+2uS662SkAi8Rb7B/IFOzh/Z5ooyczL4lUX+qyhAO3ymn50iwM4jikQCf9XfBiaQA==
@@ -5727,6 +5727,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"
@@ -7462,6 +7467,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"
@@ -13551,6 +13561,14 @@ pwacompat@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"
@@ -16136,7 +16154,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==

From 745b836f37b0a5fd7adb4311c786f4499326727b Mon Sep 17 00:00:00 2001
From: bh0fer <lebalz@outlook.com>
Date: Sun, 11 Jan 2026 19:03:29 +0100
Subject: [PATCH 02/46] only require ComWorkers on client

---
 .../pyodide-script/stores/PyodideStore.ts     | 20 +++++++++++++------
 1 file changed, 14 insertions(+), 6 deletions(-)

diff --git a/packages/tdev/pyodide-script/stores/PyodideStore.ts b/packages/tdev/pyodide-script/stores/PyodideStore.ts
index b3babe849..bf9265f17 100644
--- a/packages/tdev/pyodide-script/stores/PyodideStore.ts
+++ b/packages/tdev/pyodide-script/stores/PyodideStore.ts
@@ -3,12 +3,17 @@ import * as Comlink from 'comlink';
 import type { SquareWorker, WorkerApi } from '../workers/square.worker';
 import ViewStore from '@tdev-stores/ViewStores';
 import { PyWorker, PyWorkerApi } from '../workers/pyodide.worker';
-const ComSquareWorker = Comlink.wrap<WorkerApi>(
-    new Worker(new URL('../workers/square.worker.ts', import.meta.url), { type: 'module' })
-);
-const ComPyWorker = Comlink.wrap<PyWorkerApi>(
-    new Worker(new URL('../workers/pyodide.worker.ts', import.meta.url), { type: 'module' })
-);
+import ExecutionEnvironment from '@docusaurus/ExecutionEnvironment';
+const ComSquareWorker = ExecutionEnvironment.canUseDOM
+    ? Comlink.wrap<WorkerApi>(
+          new Worker(new URL('../workers/square.worker.ts', import.meta.url), { type: 'module' })
+      )
+    : null;
+const ComPyWorker = ExecutionEnvironment.canUseDOM
+    ? Comlink.wrap<PyWorkerApi>(
+          new Worker(new URL('../workers/pyodide.worker.ts', import.meta.url), { type: 'module' })
+      )
+    : null;
 
 export default class PyodideStore {
     viewStore: ViewStore;
@@ -25,6 +30,9 @@ export default class PyodideStore {
     }
 
     async initialize() {
+        if (!ComSquareWorker || !ComPyWorker) {
+            return;
+        }
         const libs = await Promise.all([new ComSquareWorker(), new ComPyWorker()]);
         runInAction(() => {
             this.squareWorker = libs[0];

From 455043d802df7f753648c02d4257c391cfb8bd44 Mon Sep 17 00:00:00 2001
From: bh0fer <lebalz@outlook.com>
Date: Mon, 12 Jan 2026 17:08:30 +0100
Subject: [PATCH 03/46] use service worker attempt

---
 .../components/SimpleScript.tsx               |  52 ++++--
 .../pyodide-script/stores/PyodideStore.ts     | 152 +++++++++++++++++-
 packages/tdev/pyodide-script/tsconfig.json    |   5 +-
 .../pyodide-script/workers/pyodide.worker.ts  |  75 ++++++++-
 .../pyodide-script/workers/service.worker.ts  |  85 ++++++++++
 .../pyodide-script/workers/square.worker.ts   |   1 -
 6 files changed, 354 insertions(+), 16 deletions(-)
 create mode 100644 packages/tdev/pyodide-script/workers/service.worker.ts

diff --git a/packages/tdev/pyodide-script/components/SimpleScript.tsx b/packages/tdev/pyodide-script/components/SimpleScript.tsx
index ba3255d8e..bb107aa80 100644
--- a/packages/tdev/pyodide-script/components/SimpleScript.tsx
+++ b/packages/tdev/pyodide-script/components/SimpleScript.tsx
@@ -1,15 +1,38 @@
 import React from 'react';
 import Button from '@tdev-components/shared/Button';
 import TextAreaInput from '@tdev-components/shared/TextAreaInput';
+import TextInput from '@tdev-components/shared/TextInput';
 import { useStore } from '@tdev-hooks/useStore';
 import { mdiLoading, mdiPlay } from '@mdi/js';
 import Card from '@tdev-components/shared/Card';
 import { observer } from 'mobx-react-lite';
 import CodeBlock from '@theme-original/CodeBlock';
+const s1 = `from time import sleep
+def foo():
+  print('a')
+  sleep(2)
+  print('b')
+
+def a():
+  print('->')
+  sleep(1)
+  foo()
+  return 13
+a()
+`;
+const s2 = `import numpy as np
+a = np.array([1,2,3]) * 2
+for i in a:
+    print(i)
+`;
+const s0 = 'print("Hello from Pyodide!")';
+const s4 = `name = input("What is your name? ")
+print(f"Hello, {name}!")`;
 const SimpleScript = observer(() => {
-    const [code, setCode] = React.useState('print("Hello from Pyodide")');
+    const [code, setCode] = React.useState(s4);
     const [error, setError] = React.useState('');
     const [result, setResult] = React.useState('');
+    const [inp, setInp] = React.useState('');
     const viewStore = useStore('viewStore');
     const pyodideStore = viewStore.useStore('pyodideStore');
 
@@ -21,18 +44,29 @@ const SimpleScript = observer(() => {
                 spin={!pyodideStore.isInitialized}
                 icon={pyodideStore.isInitialized ? mdiPlay : mdiLoading}
                 onClick={async () => {
-                    const result = await pyodideStore.pyWorker?.run(code);
+                    const result = await pyodideStore.runCode(code);
                     if (result?.type === 'error') {
-                        setResult('');
-                        setError(result?.error || 'Unknown error');
-                    } else {
-                        setError('');
-                        setResult(result?.result as string);
-                        console.log('Result from Pyodide:', result);
+                        pyodideStore.logs.push(`Error: ${result.error}`);
                     }
                 }}
             />
-            <CodeBlock language="python">{error ? `# Error:\n${error}` : `# Result:\n${result}`}</CodeBlock>
+            <TextInput
+                value={inp}
+                readOnly={pyodideStore.awaitingInputIds.size === 0}
+                placeholder={pyodideStore.awaitingInputPrompt.get(pyodideStore.currentPromptId || '') || ''}
+                onChange={(text) => {
+                    setInp(text);
+                }}
+                onEnter={() => {
+                    pyodideStore.sendInputResponse(pyodideStore.currentPromptId || '', inp);
+                    setInp('');
+                }}
+                onEscape={() => {
+                    pyodideStore.cancelCodeExecution();
+                    setInp('');
+                }}
+            />
+            <CodeBlock language="python">{pyodideStore.log}</CodeBlock>
         </Card>
     );
 });
diff --git a/packages/tdev/pyodide-script/stores/PyodideStore.ts b/packages/tdev/pyodide-script/stores/PyodideStore.ts
index bf9265f17..5b06ead4a 100644
--- a/packages/tdev/pyodide-script/stores/PyodideStore.ts
+++ b/packages/tdev/pyodide-script/stores/PyodideStore.ts
@@ -1,9 +1,13 @@
-import { computed, observable, runInAction } from 'mobx';
+import { action, computed, observable, runInAction } from 'mobx';
 import * as Comlink from 'comlink';
 import type { SquareWorker, WorkerApi } from '../workers/square.worker';
 import ViewStore from '@tdev-stores/ViewStores';
 import { PyWorker, PyWorkerApi } from '../workers/pyodide.worker';
 import ExecutionEnvironment from '@docusaurus/ExecutionEnvironment';
+
+const PY_INPUT = 'PY_INPUT' as const;
+const PY_AWAIT_INPUT = 'PY_AWAIT_INPUT' as const;
+const PY_CANCEL_INPUT = 'PY_CANCEL_INPUT' as const;
 const ComSquareWorker = ExecutionEnvironment.canUseDOM
     ? Comlink.wrap<WorkerApi>(
           new Worker(new URL('../workers/square.worker.ts', import.meta.url), { type: 'module' })
@@ -15,28 +19,172 @@ const ComPyWorker = ExecutionEnvironment.canUseDOM
       )
     : null;
 
+const TimingServiceWorker =
+    ExecutionEnvironment.canUseDOM && 'serviceWorker' in navigator
+        ? navigator.serviceWorker.register(new URL('../workers/service.worker.ts', import.meta.url), {
+              type: 'module'
+          })
+        : null;
+
 export default class PyodideStore {
     viewStore: ViewStore;
     @observable.ref accessor squareWorker: Comlink.Remote<SquareWorker> | null = null;
     @observable.ref accessor pyWorker: Comlink.Remote<PyWorker> | null = null;
+    @observable.ref accessor _serviceWorkerRegistration: ServiceWorker | null = null;
+    awaitingInputIds = observable.set<string>();
+    awaitingInputPrompt = observable.map<string, string | null>();
+    logs = observable.array<string>([]);
     constructor(viewStore: ViewStore) {
         this.viewStore = viewStore;
         this.initialize();
     }
 
+    @action
+    runCode(code: string) {
+        this.logs.clear();
+        if (!this.pyWorker) {
+            this.logs.push('Pyodide is not initialized yet.');
+            return;
+        }
+        return this.pyWorker.run(
+            code,
+            Comlink.proxy((message) => {
+                switch (message.type) {
+                    case 'log':
+                        runInAction(() => {
+                            this.logs.push(message.message);
+                        });
+                        break;
+                    default:
+                        break;
+                }
+            }),
+            Comlink.proxy((question) => {
+                const answer = window.prompt(question || 'Input required:');
+                return answer || '';
+            })
+        );
+    }
+
+    @computed
+    get log() {
+        return this.logs.join('\n');
+    }
+
     @computed
     get isInitialized() {
         return this.squareWorker !== null;
     }
 
+    @computed
+    get currentPromptId() {
+        if (this.awaitingInputIds.size === 0) {
+            return null;
+        }
+        return Array.from(this.awaitingInputIds)[0];
+    }
+
+    @action
+    cancelCodeExecution() {
+        console.log('Cancelling code execution', ...this.awaitingInputIds);
+        if (!this._serviceWorkerRegistration) {
+            console.error('No service worker registration');
+            return;
+        }
+        const id = this.currentPromptId;
+        if (!id) {
+            console.error('No current prompt id to cancel');
+            return;
+        }
+        this._serviceWorkerRegistration.postMessage({
+            type: PY_CANCEL_INPUT,
+            id: id,
+            value: ''
+        });
+        this.awaitingInputIds.delete(id);
+        this.awaitingInputPrompt.delete(id);
+    }
+
+    @action
+    sendInputResponse(id: string, value: string) {
+        console.log([...this.awaitingInputIds], id, value);
+        if (!this.awaitingInputIds.has(id)) {
+            console.error('Worker not awaiting input');
+            return;
+        }
+        if (!this._serviceWorkerRegistration) {
+            console.error('No service worker registration');
+            return;
+        }
+        this._serviceWorkerRegistration.postMessage({
+            type: PY_INPUT,
+            id,
+            value
+        });
+        this.awaitingInputIds.delete(id);
+        this.awaitingInputPrompt.delete(id);
+    }
+
     async initialize() {
-        if (!ComSquareWorker || !ComPyWorker) {
+        if (!ComSquareWorker || !ComPyWorker || !TimingServiceWorker) {
             return;
         }
+        await this.registerServiceWorker();
         const libs = await Promise.all([new ComSquareWorker(), new ComPyWorker()]);
         runInAction(() => {
             this.squareWorker = libs[0];
             this.pyWorker = libs[1];
         });
     }
+
+    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.');
+                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;
+                            });
+                        }
+                    });
+                }
+            });
+            console.log('Service worker registered with scope:', registration.scope);
+
+            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;
+                        }
+                        console.log('Python code is awaiting input:', event.data.id, event.data.prompt);
+                        runInAction(() => {
+                            this.awaitingInputPrompt.set(event.data.id, event.data.prompt);
+                            this.awaitingInputIds.add(event.data.id);
+                        });
+                        break;
+                }
+            };
+        } catch (error) {
+            console.error('Service worker registration failed:', error);
+        }
+    }
 }
diff --git a/packages/tdev/pyodide-script/tsconfig.json b/packages/tdev/pyodide-script/tsconfig.json
index ab1408716..3f1892001 100644
--- a/packages/tdev/pyodide-script/tsconfig.json
+++ b/packages/tdev/pyodide-script/tsconfig.json
@@ -1,3 +1,6 @@
 {
-    "extends": "../../../tsconfig.package.json"
+    "extends": "../../../tsconfig.package.json",
+    "compilerOptions": {
+        "lib": ["ESNext", "WebWorker", "dom"]
+    }
 }
diff --git a/packages/tdev/pyodide-script/workers/pyodide.worker.ts b/packages/tdev/pyodide-script/workers/pyodide.worker.ts
index 8e2f60878..3558b4af8 100644
--- a/packages/tdev/pyodide-script/workers/pyodide.worker.ts
+++ b/packages/tdev/pyodide-script/workers/pyodide.worker.ts
@@ -1,8 +1,25 @@
+import { init } from 'ace-builds/src-noconflict/ext-keybinding_menu';
 import * as Comlink from 'comlink';
+import type { loadPyodide } from 'pyodide';
 // @ts-ignore
 importScripts('https://cdn.jsdelivr.net/pyodide/v0.29.1/full/pyodide.js');
 // @ts-ignore
-let pyodideReadyPromise = loadPyodide({});
+let pyodideReadyPromise = (loadPyodide as typeof loadPyodide)({
+    indexURL: 'https://cdn.jsdelivr.net/pyodide/v0.29.1/full/'
+});
+
+interface LogMessage {
+    type: 'log';
+    message: string;
+    id: string;
+}
+interface ErrorMessage {
+    type: 'error';
+    message: string;
+    id: string;
+}
+
+type Message = LogMessage | ErrorMessage;
 
 interface PyodideResult {
     type: 'success';
@@ -14,25 +31,77 @@ interface PyodideError {
     error: string;
     id: string;
 }
+const PY_STDIN_ROUTE = '/py-get-input/' as const;
 
 type Result = PyodideResult | PyodideError;
 
+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 react_py
+__prompt_str__ = ""
+def get_input(prompt=""):
+    global __prompt_str__
+    __prompt_str__ = prompt
+    s = react_py.getInput("${id}", prompt)
+    return s
+builtins.input = get_input
+sys.stdin.readline = lambda: react_py.getInput("${id}", __prompt_str__)
+`;
+
 export class PyWorker {
-    async run(code: string): Promise<Result> {
+    async run(
+        code: string,
+        onMessage: (message: Message) => void,
+        onInput: (question?: string) => string
+    ): Promise<Result> {
         const pyodide = await pyodideReadyPromise;
         const context = {};
         const id = Math.random().toString(36).substring(7);
         // Now load any packages we need, run the code, and send the result back.
+        pyodide.registerComlink(Comlink);
+        await pyodide.loadPackage('pyodide-http');
         await pyodide.loadPackagesFromImports(code);
+
+        pyodide.registerJsModule('react_py', pyModule);
+
+        const initCode = `
+import sys
+import pyodide_http
+
+sys.tracebacklimit = 2
+pyodide_http.patch_all()
+`;
+        await pyodide.runPythonAsync(initCode);
         // 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) => {
+                onMessage({ type: 'log', message: s, id });
+            }
+        });
+        await pyodide.runPythonAsync(patchInputCode(id));
         try {
             // Execute the python code in this context
-            const result = await pyodide.runPythonAsync(code, { globals });
+            const result = await pyodide.runPythonAsync(code);
             return { type: 'success', result: JSON.stringify(result, null, 2), id };
         } catch (error: any) {
             return { type: 'error', error: error.message, id };
+        } finally {
+            pyodide.setStdout(undefined);
+            pyodide.setInterruptBuffer(undefined as any);
         }
     }
 }
diff --git a/packages/tdev/pyodide-script/workers/service.worker.ts b/packages/tdev/pyodide-script/workers/service.worker.ts
new file mode 100644
index 000000000..8d3ef3e96
--- /dev/null
+++ b/packages/tdev/pyodide-script/workers/service.worker.ts
@@ -0,0 +1,85 @@
+addEventListener('install', () => {
+    // @ts-ignore
+    self.skipWaiting();
+});
+
+addEventListener('activate', () => {
+    // @ts-ignore
+    self.clients.claim();
+});
+
+const resolvers = new Map<string, ((value: Response) => void)[]>();
+
+const PY_INPUT = 'PY_INPUT' as const;
+const PY_AWAIT_INPUT = 'PY_AWAIT_INPUT' as const;
+const PY_STDIN_ROUTE = '/py-get-input/' as const;
+const PY_CANCEL_INPUT = 'PY_CANCEL_INPUT' as const;
+
+addEventListener('message', (event) => {
+    switch (event.data.type) {
+        case PY_INPUT:
+            const resolverArray = resolvers.get(event.data.id);
+            const resolver = resolverArray?.shift();
+            if (!resolver) {
+                console.error('Error handing input: No resolver');
+                return;
+            }
+            console.log('Resolving input for id', event.data.id, 'with value', event.data.value);
+            resolver(new Response(event.data.value, { status: 200 }));
+            break;
+        case PY_CANCEL_INPUT:
+            const rejecterArray = resolvers.get(event.data.id);
+            const rejecter = rejecterArray?.shift();
+            if (!rejecter) {
+                console.error('Error handing input: No resolver');
+                return;
+            }
+            rejecter(new Response('Run cancelled', { status: 410 }));
+            break;
+        default:
+            return;
+    }
+});
+
+addEventListener('fetch', (_event) => {
+    const event = _event as FetchEvent;
+    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(
+        (async () => {
+            // Send PY_AWAIT_INPUT message to all window clients
+            (self as unknown as ServiceWorkerGlobalScope).clients.matchAll().then((clients) => {
+                clients.forEach((client) => {
+                    if (client.type === 'window') {
+                        client.postMessage({
+                            type: PY_AWAIT_INPUT,
+                            id,
+                            prompt
+                        });
+                    }
+                });
+            });
+        })()
+    );
+
+    const promise = new Promise<Response>((resolve, reject) => {
+        const resolverArray = resolvers.get(id) || [];
+        resolverArray.push(resolve);
+        return resolvers.set(id, resolverArray);
+    });
+    // resolvers.set(id, [...(resolvers.get(id) ?? [])]);
+
+    // const promise = new Promise((r: (resolve: (value: string) => void) => void) => resolvers.set(id, [...(resolvers.get(id) ?? []), r]));
+    event.respondWith(promise as unknown as Response);
+});
diff --git a/packages/tdev/pyodide-script/workers/square.worker.ts b/packages/tdev/pyodide-script/workers/square.worker.ts
index 8b9356c6c..467a62cf7 100644
--- a/packages/tdev/pyodide-script/workers/square.worker.ts
+++ b/packages/tdev/pyodide-script/workers/square.worker.ts
@@ -1,5 +1,4 @@
 import * as Comlink from 'comlink';
-
 export class SquareWorker {
     async square(n: number): Promise<number> {
         // wait 1 second to simulate a long computation

From d2c72149728819c4be67e399a1b57c1024628d8d Mon Sep 17 00:00:00 2001
From: bh0fer <lebalz@outlook.com>
Date: Mon, 12 Jan 2026 20:49:58 +0100
Subject: [PATCH 04/46] use explicite scope

---
 packages/tdev/pyodide-script/stores/PyodideStore.ts    | 1 +
 packages/tdev/pyodide-script/workers/service.worker.ts | 3 ---
 2 files changed, 1 insertion(+), 3 deletions(-)

diff --git a/packages/tdev/pyodide-script/stores/PyodideStore.ts b/packages/tdev/pyodide-script/stores/PyodideStore.ts
index 5b06ead4a..c8bc47294 100644
--- a/packages/tdev/pyodide-script/stores/PyodideStore.ts
+++ b/packages/tdev/pyodide-script/stores/PyodideStore.ts
@@ -22,6 +22,7 @@ const ComPyWorker = ExecutionEnvironment.canUseDOM
 const TimingServiceWorker =
     ExecutionEnvironment.canUseDOM && 'serviceWorker' in navigator
         ? navigator.serviceWorker.register(new URL('../workers/service.worker.ts', import.meta.url), {
+              scope: '/',
               type: 'module'
           })
         : null;
diff --git a/packages/tdev/pyodide-script/workers/service.worker.ts b/packages/tdev/pyodide-script/workers/service.worker.ts
index 8d3ef3e96..91f6125c5 100644
--- a/packages/tdev/pyodide-script/workers/service.worker.ts
+++ b/packages/tdev/pyodide-script/workers/service.worker.ts
@@ -78,8 +78,5 @@ addEventListener('fetch', (_event) => {
         resolverArray.push(resolve);
         return resolvers.set(id, resolverArray);
     });
-    // resolvers.set(id, [...(resolvers.get(id) ?? [])]);
-
-    // const promise = new Promise((r: (resolve: (value: string) => void) => void) => resolvers.set(id, [...(resolvers.get(id) ?? []), r]));
     event.respondWith(promise as unknown as Response);
 });

From 2a332b15d488af03d26f58fb9c876f46794ad426 Mon Sep 17 00:00:00 2001
From: bh0fer <lebalz@outlook.com>
Date: Mon, 12 Jan 2026 21:19:07 +0100
Subject: [PATCH 05/46] try scope

---
 packages/tdev/pyodide-script/config.ts                 | 2 ++
 packages/tdev/pyodide-script/stores/PyodideStore.ts    | 4 ++--
 packages/tdev/pyodide-script/workers/pyodide.worker.ts | 4 ++--
 packages/tdev/pyodide-script/workers/service.worker.ts | 4 +++-
 4 files changed, 9 insertions(+), 5 deletions(-)
 create mode 100644 packages/tdev/pyodide-script/config.ts

diff --git a/packages/tdev/pyodide-script/config.ts b/packages/tdev/pyodide-script/config.ts
new file mode 100644
index 000000000..dc87a0112
--- /dev/null
+++ b/packages/tdev/pyodide-script/config.ts
@@ -0,0 +1,2 @@
+export const DOCUSAURUS_SW_SCOPE =
+    process.env.NODE_ENV === 'production' ? ('/assets/js/' as const) : ('/' as const);
diff --git a/packages/tdev/pyodide-script/stores/PyodideStore.ts b/packages/tdev/pyodide-script/stores/PyodideStore.ts
index c8bc47294..6740bc03c 100644
--- a/packages/tdev/pyodide-script/stores/PyodideStore.ts
+++ b/packages/tdev/pyodide-script/stores/PyodideStore.ts
@@ -4,6 +4,7 @@ import type { SquareWorker, WorkerApi } from '../workers/square.worker';
 import ViewStore from '@tdev-stores/ViewStores';
 import { PyWorker, PyWorkerApi } from '../workers/pyodide.worker';
 import ExecutionEnvironment from '@docusaurus/ExecutionEnvironment';
+import { DOCUSAURUS_SW_SCOPE } from '../config';
 
 const PY_INPUT = 'PY_INPUT' as const;
 const PY_AWAIT_INPUT = 'PY_AWAIT_INPUT' as const;
@@ -18,11 +19,10 @@ const ComPyWorker = ExecutionEnvironment.canUseDOM
           new Worker(new URL('../workers/pyodide.worker.ts', import.meta.url), { type: 'module' })
       )
     : null;
-
 const TimingServiceWorker =
     ExecutionEnvironment.canUseDOM && 'serviceWorker' in navigator
         ? navigator.serviceWorker.register(new URL('../workers/service.worker.ts', import.meta.url), {
-              scope: '/',
+              scope: DOCUSAURUS_SW_SCOPE,
               type: 'module'
           })
         : null;
diff --git a/packages/tdev/pyodide-script/workers/pyodide.worker.ts b/packages/tdev/pyodide-script/workers/pyodide.worker.ts
index 3558b4af8..e5793944a 100644
--- a/packages/tdev/pyodide-script/workers/pyodide.worker.ts
+++ b/packages/tdev/pyodide-script/workers/pyodide.worker.ts
@@ -1,6 +1,6 @@
-import { init } from 'ace-builds/src-noconflict/ext-keybinding_menu';
 import * as Comlink from 'comlink';
 import type { loadPyodide } from 'pyodide';
+import { DOCUSAURUS_SW_SCOPE } from '../config';
 // @ts-ignore
 importScripts('https://cdn.jsdelivr.net/pyodide/v0.29.1/full/pyodide.js');
 // @ts-ignore
@@ -31,7 +31,7 @@ interface PyodideError {
     error: string;
     id: string;
 }
-const PY_STDIN_ROUTE = '/py-get-input/' as const;
+const PY_STDIN_ROUTE = `${DOCUSAURUS_SW_SCOPE}py-get-input/` as const;
 
 type Result = PyodideResult | PyodideError;
 
diff --git a/packages/tdev/pyodide-script/workers/service.worker.ts b/packages/tdev/pyodide-script/workers/service.worker.ts
index 91f6125c5..3abaeb838 100644
--- a/packages/tdev/pyodide-script/workers/service.worker.ts
+++ b/packages/tdev/pyodide-script/workers/service.worker.ts
@@ -1,3 +1,5 @@
+import { DOCUSAURUS_SW_SCOPE } from '../config';
+
 addEventListener('install', () => {
     // @ts-ignore
     self.skipWaiting();
@@ -12,7 +14,7 @@ const resolvers = new Map<string, ((value: Response) => void)[]>();
 
 const PY_INPUT = 'PY_INPUT' as const;
 const PY_AWAIT_INPUT = 'PY_AWAIT_INPUT' as const;
-const PY_STDIN_ROUTE = '/py-get-input/' as const;
+const PY_STDIN_ROUTE = `${DOCUSAURUS_SW_SCOPE}py-get-input/` as const;
 const PY_CANCEL_INPUT = 'PY_CANCEL_INPUT' as const;
 
 addEventListener('message', (event) => {

From b33eeabc70783113b8eac265ad6d6971900cea4d Mon Sep 17 00:00:00 2001
From: bh0fer <lebalz@outlook.com>
Date: Mon, 12 Jan 2026 22:01:11 +0100
Subject: [PATCH 06/46] py debug

---
 packages/tdev/pyodide-script/config.ts              |  9 +++++++--
 packages/tdev/pyodide-script/stores/PyodideStore.ts | 10 +++-------
 .../tdev/pyodide-script/workers/pyodide.worker.ts   |  5 +++--
 .../tdev/pyodide-script/workers/service.worker.ts   | 13 ++++++-------
 4 files changed, 19 insertions(+), 18 deletions(-)

diff --git a/packages/tdev/pyodide-script/config.ts b/packages/tdev/pyodide-script/config.ts
index dc87a0112..432709b88 100644
--- a/packages/tdev/pyodide-script/config.ts
+++ b/packages/tdev/pyodide-script/config.ts
@@ -1,2 +1,7 @@
-export const DOCUSAURUS_SW_SCOPE =
-    process.env.NODE_ENV === 'production' ? ('/assets/js/' as const) : ('/' as const);
+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;
+// process.env.NODE_ENV === 'production' ? ('/assets/js/' as const) : ('/' as const);
diff --git a/packages/tdev/pyodide-script/stores/PyodideStore.ts b/packages/tdev/pyodide-script/stores/PyodideStore.ts
index 6740bc03c..9edd1023e 100644
--- a/packages/tdev/pyodide-script/stores/PyodideStore.ts
+++ b/packages/tdev/pyodide-script/stores/PyodideStore.ts
@@ -4,25 +4,21 @@ import type { SquareWorker, WorkerApi } from '../workers/square.worker';
 import ViewStore from '@tdev-stores/ViewStores';
 import { PyWorker, PyWorkerApi } from '../workers/pyodide.worker';
 import ExecutionEnvironment from '@docusaurus/ExecutionEnvironment';
-import { DOCUSAURUS_SW_SCOPE } from '../config';
+import { PY_AWAIT_INPUT, PY_CANCEL_INPUT, PY_INPUT } from '../config';
 
-const PY_INPUT = 'PY_INPUT' as const;
-const PY_AWAIT_INPUT = 'PY_AWAIT_INPUT' as const;
-const PY_CANCEL_INPUT = 'PY_CANCEL_INPUT' as const;
 const ComSquareWorker = ExecutionEnvironment.canUseDOM
     ? Comlink.wrap<WorkerApi>(
-          new Worker(new URL('../workers/square.worker.ts', import.meta.url), { type: 'module' })
+          new Worker(new URL('../workers/square.worker', import.meta.url), { type: 'module' })
       )
     : null;
 const ComPyWorker = ExecutionEnvironment.canUseDOM
     ? Comlink.wrap<PyWorkerApi>(
-          new Worker(new URL('../workers/pyodide.worker.ts', import.meta.url), { type: 'module' })
+          new Worker(new URL('../workers/pyodide.worker', import.meta.url), { type: 'module' })
       )
     : null;
 const TimingServiceWorker =
     ExecutionEnvironment.canUseDOM && 'serviceWorker' in navigator
         ? navigator.serviceWorker.register(new URL('../workers/service.worker.ts', import.meta.url), {
-              scope: DOCUSAURUS_SW_SCOPE,
               type: 'module'
           })
         : null;
diff --git a/packages/tdev/pyodide-script/workers/pyodide.worker.ts b/packages/tdev/pyodide-script/workers/pyodide.worker.ts
index e5793944a..5bc0da45c 100644
--- a/packages/tdev/pyodide-script/workers/pyodide.worker.ts
+++ b/packages/tdev/pyodide-script/workers/pyodide.worker.ts
@@ -1,6 +1,7 @@
 import * as Comlink from 'comlink';
 import type { loadPyodide } from 'pyodide';
-import { DOCUSAURUS_SW_SCOPE } from '../config';
+import { DOCUSAURUS_SW_SCOPE, PY_STDIN_ROUTE } from '../config';
+import { url } from 'inspector/promises';
 // @ts-ignore
 importScripts('https://cdn.jsdelivr.net/pyodide/v0.29.1/full/pyodide.js');
 // @ts-ignore
@@ -31,12 +32,12 @@ interface PyodideError {
     error: string;
     id: string;
 }
-const PY_STDIN_ROUTE = `${DOCUSAURUS_SW_SCOPE}py-get-input/` as const;
 
 type Result = PyodideResult | PyodideError;
 
 const pyModule = {
     getInput: (id: string, prompt: string) => {
+        console.log('py input for', id, prompt);
         const request = new XMLHttpRequest();
         // Synchronous request to be intercepted by service worker
         request.open('GET', `${PY_STDIN_ROUTE}?id=${id}&prompt=${encodeURIComponent(prompt)}`, false);
diff --git a/packages/tdev/pyodide-script/workers/service.worker.ts b/packages/tdev/pyodide-script/workers/service.worker.ts
index 3abaeb838..ef1e65c70 100644
--- a/packages/tdev/pyodide-script/workers/service.worker.ts
+++ b/packages/tdev/pyodide-script/workers/service.worker.ts
@@ -1,4 +1,4 @@
-import { DOCUSAURUS_SW_SCOPE } from '../config';
+import { DOCUSAURUS_SW_SCOPE, PY_AWAIT_INPUT, PY_CANCEL_INPUT, PY_INPUT, PY_STDIN_ROUTE } from '../config';
 
 addEventListener('install', () => {
     // @ts-ignore
@@ -12,11 +12,6 @@ addEventListener('activate', () => {
 
 const resolvers = new Map<string, ((value: Response) => void)[]>();
 
-const PY_INPUT = 'PY_INPUT' as const;
-const PY_AWAIT_INPUT = 'PY_AWAIT_INPUT' as const;
-const PY_STDIN_ROUTE = `${DOCUSAURUS_SW_SCOPE}py-get-input/` as const;
-const PY_CANCEL_INPUT = 'PY_CANCEL_INPUT' as const;
-
 addEventListener('message', (event) => {
     switch (event.data.type) {
         case PY_INPUT:
@@ -52,18 +47,22 @@ addEventListener('fetch', (_event) => {
     }
 
     const id = url.searchParams.get('id');
+    console.log('Fetch event for', url.pathname, event.request.url, id);
     if (!id) {
         console.error('Error handling input: No id');
         return;
     }
     const prompt = url.searchParams.get('prompt');
 
+    console.log('EVENT', event.clientId, event.type, event);
     event.waitUntil(
         (async () => {
             // Send PY_AWAIT_INPUT message to all window clients
-            (self as unknown as ServiceWorkerGlobalScope).clients.matchAll().then((clients) => {
+            (self as any as ServiceWorkerGlobalScope).clients.matchAll().then((clients) => {
                 clients.forEach((client) => {
+                    console.log('Client found', client.id, client.type);
                     if (client.type === 'window') {
+                        console.log('Sending await input message to client', client.id, PY_AWAIT_INPUT);
                         client.postMessage({
                             type: PY_AWAIT_INPUT,
                             id,

From 063a1a300dcafa76807ecebeb2e116e452d411f2 Mon Sep 17 00:00:00 2001
From: bh0fer <lebalz@outlook.com>
Date: Mon, 12 Jan 2026 22:07:42 +0100
Subject: [PATCH 07/46] add more logging

---
 packages/tdev/pyodide-script/workers/service.worker.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/tdev/pyodide-script/workers/service.worker.ts b/packages/tdev/pyodide-script/workers/service.worker.ts
index ef1e65c70..b4b45ca72 100644
--- a/packages/tdev/pyodide-script/workers/service.worker.ts
+++ b/packages/tdev/pyodide-script/workers/service.worker.ts
@@ -59,6 +59,7 @@ addEventListener('fetch', (_event) => {
         (async () => {
             // Send PY_AWAIT_INPUT message to all window clients
             (self as any as ServiceWorkerGlobalScope).clients.matchAll().then((clients) => {
+                console.log('Clients:', clients);
                 clients.forEach((client) => {
                     console.log('Client found', client.id, client.type);
                     if (client.type === 'window') {
@@ -71,7 +72,7 @@ addEventListener('fetch', (_event) => {
                     }
                 });
             });
-        })()
+        })().catch((err) => console.error('Error matching clients', err))
     );
 
     const promise = new Promise<Response>((resolve, reject) => {

From de771cca03d819e7a14bc31f5438ca27d2b4f97a Mon Sep 17 00:00:00 2001
From: bh0fer <lebalz@outlook.com>
Date: Mon, 12 Jan 2026 23:33:19 +0100
Subject: [PATCH 08/46] use js worker

---
 docusaurus.config.ts                          |  2 +
 packages/tdev/pyodide-script/index.ts         | 16 ++++
 .../pyodide-script/stores/PyodideStore.ts     |  6 +-
 .../{service.worker.ts => pyodide.sw.ts}      |  2 +-
 static/pyodide.sw.js                          | 83 +++++++++++++++++++
 5 files changed, 107 insertions(+), 2 deletions(-)
 rename packages/tdev/pyodide-script/workers/{service.worker.ts => pyodide.sw.ts} (96%)
 create mode 100644 static/pyodide.sw.js

diff --git a/docusaurus.config.ts b/docusaurus.config.ts
index a737dc21d..98bb2b036 100644
--- a/docusaurus.config.ts
+++ b/docusaurus.config.ts
@@ -42,6 +42,7 @@ import {
 } from './src/siteConfig/markdownPluginConfigs';
 import { remarkPdfPluginConfig } from '@tdev/remark-pdf';
 import { GlobExcludeDefault } from '@docusaurus/utils';
+import {pyodidePluginConfig} from './packages/tdev/pyodide-script/index';
 
 const BUILD_LOCATION = __dirname;
 const GIT_COMMIT_SHA = process.env.GITHUB_SHA || Math.random().toString(36).substring(7);
@@ -364,6 +365,7 @@ const docusaurusConfig = withSiteConfig().then(async (siteConfig) => {
         rsDoctorPluginConfig,
         aliasConfigurationPluginConfig,
         sentryPluginConfig,
+        pyodidePluginConfig,
         remarkPdfPluginConfig,
         socketIoNoDepWarningsPluginConfig,
         ...loadedPlugins,
diff --git a/packages/tdev/pyodide-script/index.ts b/packages/tdev/pyodide-script/index.ts
index 64761fa80..573c81c31 100644
--- a/packages/tdev/pyodide-script/index.ts
+++ b/packages/tdev/pyodide-script/index.ts
@@ -1,8 +1,12 @@
 import type { CurrentBundler, PluginConfig, PluginModule } from '@docusaurus/types';
 import type PyodideStore from './stores/PyodideStore';
+import { fileURLToPath } from 'url';
+import path from 'path';
 export interface PyodideData {
     code: string;
 }
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
 
 declare module '@tdev-api/document' {
     export interface TypeDataMapping {
@@ -13,3 +17,15 @@ declare module '@tdev-api/document' {
         ['pyodideStore']: PyodideStore; // placeholder to avoid empty interface error
     }
 }
+export const pyodidePluginConfig = (() => {
+    return {
+        name: 'pyodide-service-worker',
+        configureWebpack(config, isServer, { currentBundler }) {
+            return {
+                // entry: {
+                //     'pyodide.sw': `${__dirname}/workers/pyodide.sw.ts`
+                // }
+            };
+        }
+    };
+}) satisfies PluginConfig;
diff --git a/packages/tdev/pyodide-script/stores/PyodideStore.ts b/packages/tdev/pyodide-script/stores/PyodideStore.ts
index 9edd1023e..65ef7a7ac 100644
--- a/packages/tdev/pyodide-script/stores/PyodideStore.ts
+++ b/packages/tdev/pyodide-script/stores/PyodideStore.ts
@@ -18,7 +18,8 @@ const ComPyWorker = ExecutionEnvironment.canUseDOM
     : null;
 const TimingServiceWorker =
     ExecutionEnvironment.canUseDOM && 'serviceWorker' in navigator
-        ? navigator.serviceWorker.register(new URL('../workers/service.worker.ts', import.meta.url), {
+        ? navigator.serviceWorker.register('/pyodide.sw.js', {
+              scope: '/',
               type: 'module'
           })
         : null;
@@ -164,6 +165,9 @@ export default class PyodideStore {
                 }
             });
             console.log('Service worker registered with scope:', registration.scope);
+            navigator.serviceWorker.ready.then((reg) => {
+                console.log('Service worker ready with scope:', reg.scope);
+            });
 
             navigator.serviceWorker.onmessage = (event) => {
                 switch (event.data.type) {
diff --git a/packages/tdev/pyodide-script/workers/service.worker.ts b/packages/tdev/pyodide-script/workers/pyodide.sw.ts
similarity index 96%
rename from packages/tdev/pyodide-script/workers/service.worker.ts
rename to packages/tdev/pyodide-script/workers/pyodide.sw.ts
index b4b45ca72..eb6d3e48e 100644
--- a/packages/tdev/pyodide-script/workers/service.worker.ts
+++ b/packages/tdev/pyodide-script/workers/pyodide.sw.ts
@@ -1,4 +1,4 @@
-import { DOCUSAURUS_SW_SCOPE, PY_AWAIT_INPUT, PY_CANCEL_INPUT, PY_INPUT, PY_STDIN_ROUTE } from '../config';
+import { PY_AWAIT_INPUT, PY_CANCEL_INPUT, PY_INPUT, PY_STDIN_ROUTE } from '../config';
 
 addEventListener('install', () => {
     // @ts-ignore
diff --git a/static/pyodide.sw.js b/static/pyodide.sw.js
new file mode 100644
index 000000000..d473b7ea6
--- /dev/null
+++ b/static/pyodide.sw.js
@@ -0,0 +1,83 @@
+export const DOCUSAURUS_SW_SCOPE = '/';
+
+export const PY_INPUT = 'PY_INPUT';
+export const PY_AWAIT_INPUT = 'PY_AWAIT_INPUT';
+export const PY_STDIN_ROUTE = `${DOCUSAURUS_SW_SCOPE}py-get-input/`;
+export const PY_CANCEL_INPUT = 'PY_CANCEL_INPUT';
+
+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;
+            }
+            console.log('Resolving input for id', event.data.id, 'with value', event.data.value);
+            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;
+        }
+        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);
+});

From 1edacb71c79333e17a16f0f51feedf4b8c557b1e Mon Sep 17 00:00:00 2001
From: bh0fer <lebalz@outlook.com>
Date: Mon, 12 Jan 2026 23:39:56 +0100
Subject: [PATCH 09/46] rm export const

---
 static/pyodide.sw.js | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/static/pyodide.sw.js b/static/pyodide.sw.js
index d473b7ea6..ee8428ec8 100644
--- a/static/pyodide.sw.js
+++ b/static/pyodide.sw.js
@@ -1,9 +1,8 @@
-export const DOCUSAURUS_SW_SCOPE = '/';
-
-export const PY_INPUT = 'PY_INPUT';
-export const PY_AWAIT_INPUT = 'PY_AWAIT_INPUT';
-export const PY_STDIN_ROUTE = `${DOCUSAURUS_SW_SCOPE}py-get-input/`;
-export const PY_CANCEL_INPUT = 'PY_CANCEL_INPUT';
+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';
 
 self.addEventListener('install', () => {
     self.skipWaiting();

From 08cf404a6ec872d513f5a02141852e8614603a97 Mon Sep 17 00:00:00 2001
From: bh0fer <lebalz@outlook.com>
Date: Tue, 13 Jan 2026 00:55:20 +0100
Subject: [PATCH 10/46] update

---
 packages/tdev/pyodide-script/README.mdx       |  13 +-
 .../pyodide-script/components/PyodScript.tsx  |  29 ----
 .../pyodide-script/components/Pyodide.tsx     | 155 ++++++++++++++++++
 .../tdev/pyodide-script/components/Square.tsx |  28 ----
 packages/tdev/pyodide-script/config.ts        |  15 ++
 packages/tdev/pyodide-script/index.ts         |   5 +-
 .../tdev/pyodide-script/models/ModelMeta.ts   |  22 +++
 packages/tdev/pyodide-script/models/index.ts  |  89 ++++++++++
 packages/tdev/pyodide-script/register.ts      |   2 +
 .../pyodide-script/stores/PyodideStore.ts     |  67 +++-----
 .../pyodide-script/workers/pyodide.worker.ts  |  42 +----
 .../pyodide-script/workers/square.worker.ts   |  12 --
 src/components/shared/CodeEditor/index.tsx    |  17 +-
 .../code-as-attribute/index.mdx               |   4 +
 14 files changed, 337 insertions(+), 163 deletions(-)
 delete mode 100644 packages/tdev/pyodide-script/components/PyodScript.tsx
 create mode 100644 packages/tdev/pyodide-script/components/Pyodide.tsx
 delete mode 100644 packages/tdev/pyodide-script/components/Square.tsx
 create mode 100644 packages/tdev/pyodide-script/models/ModelMeta.ts
 create mode 100644 packages/tdev/pyodide-script/models/index.ts
 delete mode 100644 packages/tdev/pyodide-script/workers/square.worker.ts

diff --git a/packages/tdev/pyodide-script/README.mdx b/packages/tdev/pyodide-script/README.mdx
index 629de8b0e..a227a20b8 100644
--- a/packages/tdev/pyodide-script/README.mdx
+++ b/packages/tdev/pyodide-script/README.mdx
@@ -5,14 +5,13 @@ tags:
   - python
 ---
 
-import PyodScript from '@tdev/pyodide-script/components/PyodScript';
-import Square from '@tdev/pyodide-script/components/Square';
-import SimpleScript from '@tdev/pyodide-script/components/SimpleScript';
+import Pyodide from '@tdev/pyodide-script/components/Pyodide';
 
 # pyodide-script
 
-<PyodScript />
 
-<Square />
-
-<SimpleScript />
\ No newline at end of file
+<Pyodide id="fe0306c4-638d-48aa-9e12-98d7c32c77de">
+```py
+print('Hello from Pyodide!')
+```
+</Pyodide>
\ No newline at end of file
diff --git a/packages/tdev/pyodide-script/components/PyodScript.tsx b/packages/tdev/pyodide-script/components/PyodScript.tsx
deleted file mode 100644
index 3a0854f27..000000000
--- a/packages/tdev/pyodide-script/components/PyodScript.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import React from 'react';
-import clsx from 'clsx';
-import styles from './styles.module.scss';
-import { observer } from 'mobx-react-lite';
-
-interface Props {}
-import { usePyodideLib } from '../hooks/usePyodide';
-import Button from '@tdev-components/shared/Button';
-
-const PyodScript = observer((props: Props) => {
-    const pyodide = usePyodideLib();
-    if (!pyodide) {
-        return <div>Loading Pyodide...</div>;
-    }
-
-    return (
-        <div className={clsx(styles.PyodScript)}>
-            <Button
-                text="Run"
-                onClick={async () => {
-                    const res = await pyodide.runPythonAsync(`print("Hello from Pyodide")`);
-                    console.log(res);
-                }}
-            />
-        </div>
-    );
-});
-
-export default PyodScript;
diff --git a/packages/tdev/pyodide-script/components/Pyodide.tsx b/packages/tdev/pyodide-script/components/Pyodide.tsx
new file mode 100644
index 000000000..c289fdd51
--- /dev/null
+++ b/packages/tdev/pyodide-script/components/Pyodide.tsx
@@ -0,0 +1,155 @@
+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 { MetaProps } from '@tdev/theme/CodeBlock';
+import PermissionsPanel from '@tdev-components/PermissionsPanel';
+import { useFirstMainDocument } from '@tdev-hooks/useFirstMainDocument';
+import CodeBlock from '@theme-original/CodeBlock';
+import useIsBrowser from '@docusaurus/useIsBrowser';
+import { useStore } from '@tdev-hooks/useStore';
+import { ModelMeta } from '../models/ModelMeta';
+import CodeEditor from '@tdev-components/shared/CodeEditor';
+import { Source } from '@tdev-models/iDocument';
+import Card from '@tdev-components/shared/Card';
+import Button from '@tdev-components/shared/Button';
+import { mdiClose, mdiPlay, mdiSend } from '@mdi/js';
+import TextInput from '@tdev-components/shared/TextInput';
+
+export interface Props {
+    code?: string;
+    id?: string;
+    readonly?: boolean;
+    title?: string;
+}
+
+const Pyodide = observer((props: Props) => {
+    const id = props.id;
+    const userStore = useStore('userStore');
+    const viewStore = useStore('viewStore');
+    const pyodideStore = viewStore.useStore('pyodideStore');
+    const meta = React.useMemo(
+        () =>
+            new ModelMeta({
+                code: props.code || '',
+                readonly: props.readonly || false
+            }),
+        [props.code, props.readonly]
+    );
+    const doc = useFirstMainDocument(id, meta);
+    const isBrowser = useIsBrowser();
+    if (!isBrowser || !doc) {
+        return <CodeBlock language="py">{props.code}</CodeBlock>;
+    }
+    if (!doc.canDisplay && props.id && !userStore.isUserSwitched) {
+        return (
+            <div>
+                <PermissionsPanel documentRootId={props.id} />
+            </div>
+        );
+    }
+
+    return (
+        <div className={clsx(styles.pyodide)}>
+            <Card
+                header={
+                    <div>
+                        {props.title && <h3 className={clsx(styles.title)}>{props.title}</h3>}
+                        <Button
+                            icon={mdiPlay}
+                            color="green"
+                            onClick={(e) => {
+                                pyodideStore.run(doc);
+                            }}
+                        />
+                    </div>
+                }
+            >
+                <div className={clsx(styles.editor)}>
+                    {doc.isInitialized && (
+                        <CodeEditor
+                            value={doc.code}
+                            lang="python"
+                            readonly={!doc.canEdit}
+                            focus={false}
+                            onChange={(value) => {
+                                if (!value) {
+                                    return;
+                                }
+                                try {
+                                    doc.setData({ code: value }, Source.LOCAL, new Date());
+                                } catch (e) {
+                                    console.error(e);
+                                }
+                            }}
+                            onInit={(node) => {
+                                node.editor.commands.addCommand({
+                                    // commands is array of key bindings.
+                                    name: 'execute',
+                                    bindKey: { win: 'Ctrl-Enter', mac: 'Command-Enter' },
+                                    exec: () => pyodideStore.run(doc)
+                                });
+                                node.editor.commands.addCommand({
+                                    // commands is array of key bindings.
+                                    name: 'save',
+                                    bindKey: { win: 'Ctrl-s', mac: 'Command-s' },
+                                    exec: () => {
+                                        doc.saveNow();
+                                    }
+                                });
+                                return () => {
+                                    if (node && node.editor) {
+                                        const cmd = node.editor.commands.commands['execute'];
+                                        if (cmd) {
+                                            node.editor.commands.removeCommand(cmd, true);
+                                        }
+                                        const save = node.editor.commands.commands['save'];
+                                        if (save) {
+                                            node.editor.commands.removeCommand(save, true);
+                                        }
+                                    }
+                                };
+                            }}
+                        />
+                    )}
+                </div>
+                {doc.hasPrompt && (
+                    <div>
+                        <TextInput
+                            label={doc.promptText || 'Eingabe'}
+                            onChange={(text) => {
+                                doc.setPromptResponse(text);
+                            }}
+                            value={doc.promptResponse || ''}
+                            onEnter={() => {
+                                doc.sendPromptResponse();
+                            }}
+                        />
+                        <Button
+                            onClick={() => {
+                                doc.sendPromptResponse();
+                            }}
+                            icon={mdiSend}
+                        />
+                        <Button
+                            icon={mdiClose}
+                            onClick={() => {
+                                doc.pyodideStore.cancelCodeExecution(doc.id);
+                            }}
+                        />
+                    </div>
+                )}
+                <div>
+                    {doc.logs.length > 0 && (
+                        <CodeBlock language="plaintext">
+                            {doc.logs.map((log, index) => `${log.message}\n`).join('')}
+                        </CodeBlock>
+                    )}
+                </div>
+            </Card>
+        </div>
+    );
+});
+
+export default Pyodide;
diff --git a/packages/tdev/pyodide-script/components/Square.tsx b/packages/tdev/pyodide-script/components/Square.tsx
deleted file mode 100644
index 915859563..000000000
--- a/packages/tdev/pyodide-script/components/Square.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-import React from 'react';
-import Button from '@tdev-components/shared/Button';
-import { useStore } from '@tdev-hooks/useStore';
-import { mdiLoading, mdiPlay } from '@mdi/js';
-import { observer } from 'mobx-react-lite';
-const Square = observer(() => {
-    const [number, setNumber] = React.useState(5);
-    const viewStore = useStore('viewStore');
-    const pyodideStore = viewStore.useStore('pyodideStore');
-
-    return (
-        <Button
-            text={`Calculate Square of ${number}`}
-            spin={!pyodideStore.isInitialized}
-            icon={pyodideStore.isInitialized ? mdiPlay : mdiLoading}
-            onClick={async () => {
-                const result = await pyodideStore.squareWorker?.square(number);
-                console.log(
-                    `Square of ${number} from worker is ${JSON.stringify(result, null, 2)}`,
-                    pyodideStore.squareWorker
-                );
-                setNumber(Math.floor(Math.random() * 100));
-            }}
-        />
-    );
-});
-
-export default Square;
diff --git a/packages/tdev/pyodide-script/config.ts b/packages/tdev/pyodide-script/config.ts
index 432709b88..a211a20c6 100644
--- a/packages/tdev/pyodide-script/config.ts
+++ b/packages/tdev/pyodide-script/config.ts
@@ -5,3 +5,18 @@ 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;
 // process.env.NODE_ENV === 'production' ? ('/assets/js/' as const) : ('/' as const);
+
+interface LogBase {
+    id: string;
+    timeStamp: number;
+    message: string;
+}
+
+interface LogMessage extends LogBase {
+    type: 'log';
+}
+interface ErrorMessage extends LogBase {
+    type: 'error';
+}
+
+export type Message = LogMessage | ErrorMessage;
diff --git a/packages/tdev/pyodide-script/index.ts b/packages/tdev/pyodide-script/index.ts
index 573c81c31..17357d718 100644
--- a/packages/tdev/pyodide-script/index.ts
+++ b/packages/tdev/pyodide-script/index.ts
@@ -2,6 +2,7 @@ import type { CurrentBundler, PluginConfig, PluginModule } from '@docusaurus/typ
 import type PyodideStore from './stores/PyodideStore';
 import { fileURLToPath } from 'url';
 import path from 'path';
+import PyodideScript from './models';
 export interface PyodideData {
     code: string;
 }
@@ -12,7 +13,9 @@ declare module '@tdev-api/document' {
     export interface TypeDataMapping {
         ['pyodide_script']: PyodideData;
     }
-    export interface TypeModelMapping {}
+    export interface TypeModelMapping {
+        ['pyodide_script']: PyodideScript;
+    }
     export interface ViewStoreTypeMapping {
         ['pyodideStore']: PyodideStore; // placeholder to avoid empty interface error
     }
diff --git a/packages/tdev/pyodide-script/models/ModelMeta.ts b/packages/tdev/pyodide-script/models/ModelMeta.ts
new file mode 100644
index 000000000..3b1f96435
--- /dev/null
+++ b/packages/tdev/pyodide-script/models/ModelMeta.ts
@@ -0,0 +1,22 @@
+import { TypeDataMapping, Access } from '@tdev-api/document';
+import { TypeMeta } from '@tdev-models/DocumentRoot';
+export interface MetaInit {
+    code: string;
+    readonly: boolean;
+}
+
+export class ModelMeta extends TypeMeta<'pyodide_script'> {
+    readonly type = 'pyodide_script';
+    readonly initCode: string;
+
+    constructor(props: Partial<MetaInit>) {
+        super('pyodide_script', props.readonly ? Access.RO_User : undefined);
+        this.initCode = props.code || '';
+    }
+
+    get defaultData(): TypeDataMapping['pyodide_script'] {
+        return {
+            code: this.initCode || ''
+        };
+    }
+}
diff --git a/packages/tdev/pyodide-script/models/index.ts b/packages/tdev/pyodide-script/models/index.ts
new file mode 100644
index 000000000..10b3f50c4
--- /dev/null
+++ b/packages/tdev/pyodide-script/models/index.ts
@@ -0,0 +1,89 @@
+import { action, computed, observable } from 'mobx';
+import iDocument, { 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 { Message } from '../config';
+
+export const createModel: Factory = (data, store) => {
+    return new PyodideScript(data as DocumentProps<'pyodide_script'>, store);
+};
+
+class PyodideScript extends iDocument<'pyodide_script'> {
+    @observable accessor code: string;
+    @observable accessor isExecuting: boolean = false;
+    @observable accessor promptResponse: string | null = null;
+    logs = observable.array<Message>([], { deep: false });
+    constructor(props: DocumentProps<'pyodide_script'>, store: DocumentStore) {
+        super(props, store);
+        this.code = props.data?.code || this.meta.initCode || '';
+    }
+    @action
+    clearLogMessages() {
+        this.logs.clear();
+    }
+
+    @action
+    setExecuting(isExecuting: boolean) {
+        this.isExecuting = isExecuting;
+    }
+
+    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.logs.push({ ...message });
+    }
+
+    @action
+    setData(data: TypeDataMapping['pyodide_script'], from: Source, updatedAt?: Date): void {
+        this.code = data.code;
+        if (from === Source.LOCAL) {
+            this.save();
+        }
+        if (updatedAt) {
+            this.updatedAt = new Date(updatedAt);
+        }
+    }
+
+    get data(): TypeDataMapping['pyodide_script'] {
+        return {
+            code: this.code
+        };
+    }
+
+    @computed
+    get meta(): ModelMeta {
+        if (this.root?.type === 'pyodide_script') {
+            return this.root.meta as ModelMeta;
+        }
+        return new ModelMeta({});
+    }
+}
+
+export default PyodideScript;
diff --git a/packages/tdev/pyodide-script/register.ts b/packages/tdev/pyodide-script/register.ts
index f7982d426..8f2f75978 100644
--- a/packages/tdev/pyodide-script/register.ts
+++ b/packages/tdev/pyodide-script/register.ts
@@ -1,6 +1,7 @@
 import { rootStore } from '@tdev-stores/rootStore';
 import PyodideStore from './stores/PyodideStore';
 import ViewStore from '@tdev-stores/ViewStores';
+import { createModel } from './models';
 
 const createStore = (viewStore: ViewStore) => {
     return new PyodideStore(viewStore);
@@ -8,6 +9,7 @@ const createStore = (viewStore: ViewStore) => {
 
 const register = () => {
     rootStore.viewStore.registerStore('pyodideStore', createStore);
+    rootStore.documentStore.registerFactory('pyodide_script', createModel);
 };
 
 register();
diff --git a/packages/tdev/pyodide-script/stores/PyodideStore.ts b/packages/tdev/pyodide-script/stores/PyodideStore.ts
index 65ef7a7ac..36737e92a 100644
--- a/packages/tdev/pyodide-script/stores/PyodideStore.ts
+++ b/packages/tdev/pyodide-script/stores/PyodideStore.ts
@@ -1,16 +1,11 @@
 import { action, computed, observable, runInAction } from 'mobx';
 import * as Comlink from 'comlink';
-import type { SquareWorker, WorkerApi } from '../workers/square.worker';
 import ViewStore from '@tdev-stores/ViewStores';
 import { PyWorker, PyWorkerApi } from '../workers/pyodide.worker';
 import ExecutionEnvironment from '@docusaurus/ExecutionEnvironment';
 import { PY_AWAIT_INPUT, PY_CANCEL_INPUT, PY_INPUT } from '../config';
+import PyodideScript from '../models';
 
-const ComSquareWorker = ExecutionEnvironment.canUseDOM
-    ? Comlink.wrap<WorkerApi>(
-          new Worker(new URL('../workers/square.worker', import.meta.url), { type: 'module' })
-      )
-    : null;
 const ComPyWorker = ExecutionEnvironment.canUseDOM
     ? Comlink.wrap<PyWorkerApi>(
           new Worker(new URL('../workers/pyodide.worker', import.meta.url), { type: 'module' })
@@ -26,87 +21,69 @@ const TimingServiceWorker =
 
 export default class PyodideStore {
     viewStore: ViewStore;
-    @observable.ref accessor squareWorker: Comlink.Remote<SquareWorker> | null = null;
     @observable.ref accessor pyWorker: Comlink.Remote<PyWorker> | null = null;
     @observable.ref accessor _serviceWorkerRegistration: ServiceWorker | null = null;
-    awaitingInputIds = observable.set<string>();
     awaitingInputPrompt = observable.map<string, string | null>();
-    logs = observable.array<string>([]);
     constructor(viewStore: ViewStore) {
         this.viewStore = viewStore;
         this.initialize();
     }
 
     @action
-    runCode(code: string) {
-        this.logs.clear();
+    run(code: PyodideScript) {
+        code.clearLogMessages();
         if (!this.pyWorker) {
-            this.logs.push('Pyodide is not initialized yet.');
+            code.addLogMessage({
+                type: 'error',
+                message: 'Python worker is not initialized.',
+                id: code.id,
+                timeStamp: Date.now()
+            });
             return;
         }
         return this.pyWorker.run(
-            code,
+            code.id,
+            code.code,
             Comlink.proxy((message) => {
                 switch (message.type) {
                     case 'log':
                         runInAction(() => {
-                            this.logs.push(message.message);
+                            code.addLogMessage(message);
                         });
                         break;
                     default:
                         break;
                 }
-            }),
-            Comlink.proxy((question) => {
-                const answer = window.prompt(question || 'Input required:');
-                return answer || '';
             })
         );
     }
 
-    @computed
-    get log() {
-        return this.logs.join('\n');
-    }
-
     @computed
     get isInitialized() {
-        return this.squareWorker !== null;
-    }
-
-    @computed
-    get currentPromptId() {
-        if (this.awaitingInputIds.size === 0) {
-            return null;
-        }
-        return Array.from(this.awaitingInputIds)[0];
+        return this.pyWorker !== null;
     }
 
     @action
-    cancelCodeExecution() {
-        console.log('Cancelling code execution', ...this.awaitingInputIds);
+    cancelCodeExecution(id: string) {
         if (!this._serviceWorkerRegistration) {
             console.error('No service worker registration');
             return;
         }
-        const id = this.currentPromptId;
         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: ''
         });
-        this.awaitingInputIds.delete(id);
-        this.awaitingInputPrompt.delete(id);
     }
 
     @action
     sendInputResponse(id: string, value: string) {
-        console.log([...this.awaitingInputIds], id, value);
-        if (!this.awaitingInputIds.has(id)) {
+        if (!this.awaitingInputPrompt.has(id)) {
             console.error('Worker not awaiting input');
             return;
         }
@@ -114,24 +91,22 @@ export default class PyodideStore {
             console.error('No service worker registration');
             return;
         }
+        this.awaitingInputPrompt.delete(id);
         this._serviceWorkerRegistration.postMessage({
             type: PY_INPUT,
             id,
             value
         });
-        this.awaitingInputIds.delete(id);
-        this.awaitingInputPrompt.delete(id);
     }
 
     async initialize() {
-        if (!ComSquareWorker || !ComPyWorker || !TimingServiceWorker) {
+        if (!ComPyWorker || !TimingServiceWorker) {
             return;
         }
         await this.registerServiceWorker();
-        const libs = await Promise.all([new ComSquareWorker(), new ComPyWorker()]);
+        const pyWorker = await new ComPyWorker();
         runInAction(() => {
-            this.squareWorker = libs[0];
-            this.pyWorker = libs[1];
+            this.pyWorker = pyWorker;
         });
     }
 
@@ -170,6 +145,7 @@ export default class PyodideStore {
             });
 
             navigator.serviceWorker.onmessage = (event) => {
+                console.log(event);
                 switch (event.data.type) {
                     case PY_AWAIT_INPUT:
                         if (event.source instanceof ServiceWorker) {
@@ -179,7 +155,6 @@ export default class PyodideStore {
                         console.log('Python code is awaiting input:', event.data.id, event.data.prompt);
                         runInAction(() => {
                             this.awaitingInputPrompt.set(event.data.id, event.data.prompt);
-                            this.awaitingInputIds.add(event.data.id);
                         });
                         break;
                 }
diff --git a/packages/tdev/pyodide-script/workers/pyodide.worker.ts b/packages/tdev/pyodide-script/workers/pyodide.worker.ts
index 5bc0da45c..58875227f 100644
--- a/packages/tdev/pyodide-script/workers/pyodide.worker.ts
+++ b/packages/tdev/pyodide-script/workers/pyodide.worker.ts
@@ -1,7 +1,6 @@
 import * as Comlink from 'comlink';
 import type { loadPyodide } from 'pyodide';
-import { DOCUSAURUS_SW_SCOPE, PY_STDIN_ROUTE } from '../config';
-import { url } from 'inspector/promises';
+import { Message, PY_STDIN_ROUTE } from '../config';
 // @ts-ignore
 importScripts('https://cdn.jsdelivr.net/pyodide/v0.29.1/full/pyodide.js');
 // @ts-ignore
@@ -9,32 +8,6 @@ let pyodideReadyPromise = (loadPyodide as typeof loadPyodide)({
     indexURL: 'https://cdn.jsdelivr.net/pyodide/v0.29.1/full/'
 });
 
-interface LogMessage {
-    type: 'log';
-    message: string;
-    id: string;
-}
-interface ErrorMessage {
-    type: 'error';
-    message: string;
-    id: string;
-}
-
-type Message = LogMessage | ErrorMessage;
-
-interface PyodideResult {
-    type: 'success';
-    result: number | string;
-    id: string;
-}
-interface PyodideError {
-    type: 'error';
-    error: string;
-    id: string;
-}
-
-type Result = PyodideResult | PyodideError;
-
 const pyModule = {
     getInput: (id: string, prompt: string) => {
         console.log('py input for', id, prompt);
@@ -62,14 +35,9 @@ sys.stdin.readline = lambda: react_py.getInput("${id}", __prompt_str__)
 `;
 
 export class PyWorker {
-    async run(
-        code: string,
-        onMessage: (message: Message) => void,
-        onInput: (question?: string) => string
-    ): Promise<Result> {
+    async run(id: string, code: string, onMessage: (message: Message) => void): Promise<Message> {
         const pyodide = await pyodideReadyPromise;
         const context = {};
-        const id = Math.random().toString(36).substring(7);
         // Now load any packages we need, run the code, and send the result back.
         pyodide.registerComlink(Comlink);
         await pyodide.loadPackage('pyodide-http');
@@ -90,16 +58,16 @@ pyodide_http.patch_all()
         const globals = dict(Object.entries(context));
         pyodide.setStdout({
             batched: (s: string) => {
-                onMessage({ type: 'log', message: s, id });
+                onMessage({ type: 'log', message: s, id: id, timeStamp: Date.now() });
             }
         });
         await pyodide.runPythonAsync(patchInputCode(id));
         try {
             // Execute the python code in this context
             const result = await pyodide.runPythonAsync(code);
-            return { type: 'success', result: JSON.stringify(result, null, 2), id };
+            return { type: 'log', message: JSON.stringify(result, null, 2), id: id, timeStamp: Date.now() };
         } catch (error: any) {
-            return { type: 'error', error: error.message, id };
+            return { type: 'error', message: error.message, id: id, timeStamp: Date.now() };
         } finally {
             pyodide.setStdout(undefined);
             pyodide.setInterruptBuffer(undefined as any);
diff --git a/packages/tdev/pyodide-script/workers/square.worker.ts b/packages/tdev/pyodide-script/workers/square.worker.ts
deleted file mode 100644
index 467a62cf7..000000000
--- a/packages/tdev/pyodide-script/workers/square.worker.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import * as Comlink from 'comlink';
-export class SquareWorker {
-    async square(n: number): Promise<number> {
-        // wait 1 second to simulate a long computation
-        await new Promise((resolve) => setTimeout(resolve, 1000));
-        const result = n * n;
-        return result;
-    }
-}
-
-Comlink.expose(SquareWorker);
-export type WorkerApi = typeof SquareWorker; // For type inference in main thread
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/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

From 9e3ed9e98505436f7d184caf4220cb01fa57cf15 Mon Sep 17 00:00:00 2001
From: bh0fer <lebalz@outlook.com>
Date: Tue, 13 Jan 2026 22:47:06 +0100
Subject: [PATCH 11/46] cleanup code

---
 packages/tdev/pyodide-script/README.mdx       |  78 ++++++++++-
 .../pyodide-script/components/Pyodide.tsx     | 116 ++++++++++------
 .../components/SimpleScript.tsx               |  74 ----------
 .../components/styles.module.scss             |  34 +++++
 packages/tdev/pyodide-script/config.ts        |  10 +-
 .../pyodide-script/stores/PyodideStore.ts     | 112 +++++++++++----
 .../workers/helper.loadPackages.ts            |  32 +++++
 .../pyodide-script/workers/pyodide.worker.ts  | 128 +++++++++++++++---
 src/siteConfig/markdownPluginConfigs.ts       |   4 +
 src/stores/ViewStores/index.ts                |   5 +
 src/stores/rootStore.ts                       |   2 +-
 static/pyodide.sw.js                          |   1 -
 tdev-website/docs/gallery/index.mdx           |   2 +-
 13 files changed, 424 insertions(+), 174 deletions(-)
 delete mode 100644 packages/tdev/pyodide-script/components/SimpleScript.tsx
 create mode 100644 packages/tdev/pyodide-script/workers/helper.loadPackages.ts

diff --git a/packages/tdev/pyodide-script/README.mdx b/packages/tdev/pyodide-script/README.mdx
index a227a20b8..e7c166cb6 100644
--- a/packages/tdev/pyodide-script/README.mdx
+++ b/packages/tdev/pyodide-script/README.mdx
@@ -6,12 +6,88 @@ tags:
 ---
 
 import Pyodide from '@tdev/pyodide-script/components/Pyodide';
+import BrowserWindow from '@tdev-components/BrowserWindow';
 
 # pyodide-script
 
+````jsx
+import Pyodide from '@tdev/pyodide-script/components/Pyodide';
+
+<Pyodide id="fe0306c4-638d-48aa-9e12-98d7c32c77de" title="Hello World">
+```py
+print('Hello from Pyodide!')
+```
+</Pyodide>
+````
 
-<Pyodide id="fe0306c4-638d-48aa-9e12-98d7c32c77de">
+<BrowserWindow>
+<Pyodide id="fe0306c4-638d-48aa-9e12-98d7c32c77de" title="Hello World">
 ```py
 print('Hello from Pyodide!')
 ```
+</Pyodide>
+</BrowserWindow>
+
+## Sleep
+<Pyodide id="8d374d31-ca54-4bf5-b604-93f71b1c1a21" title="Sleep und Ausgabe">
+```py
+from time import sleep
+for i in range(10):
+    print(i, i*i, i**3)
+    sleep(1)
+```
+</Pyodide>
+
+## Fibonacci
+<Pyodide id="6b20e45d-93e0-4578-bcc2-886875626f6b" title="Fibonacci ohne Rekursion">
+```py
+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))
+```
+</Pyodide>
+
+### Mit Memoization
+
+<Pyodide id="eacc2744-5768-474a-9d51-844afc241af0" title="Fibonacci mit Memoization">
+```py
+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)}")
+```
+</Pyodide>
+
+## Minimierung mit SciPy
+
+<Pyodide id="401b88a4-c37c-4b78-8890-9a9acda8f3fb" title="Minimierung mit SciPy">
+```py
+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)
+```
 </Pyodide>
\ No newline at end of file
diff --git a/packages/tdev/pyodide-script/components/Pyodide.tsx b/packages/tdev/pyodide-script/components/Pyodide.tsx
index c289fdd51..9a193ea89 100644
--- a/packages/tdev/pyodide-script/components/Pyodide.tsx
+++ b/packages/tdev/pyodide-script/components/Pyodide.tsx
@@ -2,8 +2,6 @@ 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 { MetaProps } from '@tdev/theme/CodeBlock';
 import PermissionsPanel from '@tdev-components/PermissionsPanel';
 import { useFirstMainDocument } from '@tdev-hooks/useFirstMainDocument';
 import CodeBlock from '@theme-original/CodeBlock';
@@ -14,8 +12,10 @@ import CodeEditor from '@tdev-components/shared/CodeEditor';
 import { Source } from '@tdev-models/iDocument';
 import Card from '@tdev-components/shared/Card';
 import Button from '@tdev-components/shared/Button';
-import { mdiClose, mdiPlay, mdiSend } from '@mdi/js';
+import { mdiClose, mdiLoading, mdiPlay, mdiSend } from '@mdi/js';
 import TextInput from '@tdev-components/shared/TextInput';
+import PyodideScript from '../models';
+import { action } from 'mobx';
 
 export interface Props {
     code?: string;
@@ -24,11 +24,41 @@ export interface Props {
     title?: string;
 }
 
+const Head = observer((props: { title?: string; code: PyodideScript }) => {
+    const { code } = props;
+    const viewStore = useStore('viewStore');
+    const pyodideStore = viewStore.useStore('pyodideStore');
+    return (
+        <div className={clsx(styles.header)}>
+            <h3 className={clsx(styles.title)}>{props.title ?? 'Python'}</h3>
+            <div className={clsx(styles.actions)}>
+                <Button
+                    icon={code.isExecuting ? mdiLoading : mdiPlay}
+                    spin={code.isExecuting}
+                    color="green"
+                    onClick={(e) => {
+                        pyodideStore.run(code);
+                    }}
+                />
+                {code.isExecuting && (
+                    <Button
+                        icon={mdiClose}
+                        onClick={() => {
+                            code.pyodideStore.recreatePyWorker();
+                        }}
+                    />
+                )}
+            </div>
+        </div>
+    );
+});
+
 const Pyodide = observer((props: Props) => {
     const id = props.id;
     const userStore = useStore('userStore');
     const viewStore = useStore('viewStore');
     const pyodideStore = viewStore.useStore('pyodideStore');
+    console.log(props);
     const meta = React.useMemo(
         () =>
             new ModelMeta({
@@ -52,20 +82,7 @@ const Pyodide = observer((props: Props) => {
 
     return (
         <div className={clsx(styles.pyodide)}>
-            <Card
-                header={
-                    <div>
-                        {props.title && <h3 className={clsx(styles.title)}>{props.title}</h3>}
-                        <Button
-                            icon={mdiPlay}
-                            color="green"
-                            onClick={(e) => {
-                                pyodideStore.run(doc);
-                            }}
-                        />
-                    </div>
-                }
-            >
+            <Card header={<Head title={props.title} code={doc} />}>
                 <div className={clsx(styles.editor)}>
                     {doc.isInitialized && (
                         <CodeEditor
@@ -88,7 +105,7 @@ const Pyodide = observer((props: Props) => {
                                     // commands is array of key bindings.
                                     name: 'execute',
                                     bindKey: { win: 'Ctrl-Enter', mac: 'Command-Enter' },
-                                    exec: () => pyodideStore.run(doc)
+                                    exec: action(() => pyodideStore.run(doc))
                                 });
                                 node.editor.commands.addCommand({
                                     // commands is array of key bindings.
@@ -114,39 +131,48 @@ const Pyodide = observer((props: Props) => {
                         />
                     )}
                 </div>
-                {doc.hasPrompt && (
-                    <div>
-                        <TextInput
-                            label={doc.promptText || 'Eingabe'}
-                            onChange={(text) => {
-                                doc.setPromptResponse(text);
-                            }}
-                            value={doc.promptResponse || ''}
-                            onEnter={() => {
-                                doc.sendPromptResponse();
-                            }}
-                        />
-                        <Button
-                            onClick={() => {
-                                doc.sendPromptResponse();
-                            }}
-                            icon={mdiSend}
-                        />
-                        <Button
-                            icon={mdiClose}
-                            onClick={() => {
-                                doc.pyodideStore.cancelCodeExecution(doc.id);
-                            }}
-                        />
-                    </div>
-                )}
                 <div>
                     {doc.logs.length > 0 && (
                         <CodeBlock language="plaintext">
-                            {doc.logs.map((log, index) => `${log.message}\n`).join('')}
+                            {doc.logs
+                                .filter((l) => l.type !== 'clock')
+                                .map((log, index) => `${log.message}\n`)
+                                .join('')}
                         </CodeBlock>
                     )}
                 </div>
+                {doc.hasPrompt && (
+                    <div className={clsx(styles.prompt)}>
+                        <div className={clsx(styles.inputContainer)}>
+                            <TextInput
+                                label={doc.promptText || 'Eingabe'}
+                                onChange={(text) => {
+                                    doc.setPromptResponse(text);
+                                }}
+                                value={doc.promptResponse || ''}
+                                onEnter={() => {
+                                    doc.sendPromptResponse();
+                                }}
+                                className={clsx(styles.input)}
+                                labelClassName={clsx(styles.label)}
+                            />
+                        </div>
+                        <div className={clsx(styles.actions)}>
+                            <Button
+                                onClick={() => {
+                                    doc.sendPromptResponse();
+                                }}
+                                icon={mdiSend}
+                            />
+                            <Button
+                                icon={mdiClose}
+                                onClick={() => {
+                                    doc.pyodideStore.cancelCodeExecution(doc.id);
+                                }}
+                            />
+                        </div>
+                    </div>
+                )}
             </Card>
         </div>
     );
diff --git a/packages/tdev/pyodide-script/components/SimpleScript.tsx b/packages/tdev/pyodide-script/components/SimpleScript.tsx
deleted file mode 100644
index bb107aa80..000000000
--- a/packages/tdev/pyodide-script/components/SimpleScript.tsx
+++ /dev/null
@@ -1,74 +0,0 @@
-import React from 'react';
-import Button from '@tdev-components/shared/Button';
-import TextAreaInput from '@tdev-components/shared/TextAreaInput';
-import TextInput from '@tdev-components/shared/TextInput';
-import { useStore } from '@tdev-hooks/useStore';
-import { mdiLoading, mdiPlay } from '@mdi/js';
-import Card from '@tdev-components/shared/Card';
-import { observer } from 'mobx-react-lite';
-import CodeBlock from '@theme-original/CodeBlock';
-const s1 = `from time import sleep
-def foo():
-  print('a')
-  sleep(2)
-  print('b')
-
-def a():
-  print('->')
-  sleep(1)
-  foo()
-  return 13
-a()
-`;
-const s2 = `import numpy as np
-a = np.array([1,2,3]) * 2
-for i in a:
-    print(i)
-`;
-const s0 = 'print("Hello from Pyodide!")';
-const s4 = `name = input("What is your name? ")
-print(f"Hello, {name}!")`;
-const SimpleScript = observer(() => {
-    const [code, setCode] = React.useState(s4);
-    const [error, setError] = React.useState('');
-    const [result, setResult] = React.useState('');
-    const [inp, setInp] = React.useState('');
-    const viewStore = useStore('viewStore');
-    const pyodideStore = viewStore.useStore('pyodideStore');
-
-    return (
-        <Card>
-            <TextAreaInput defaultValue={code} onChange={(t) => setCode(t)} monospace />
-            <Button
-                text={'Run'}
-                spin={!pyodideStore.isInitialized}
-                icon={pyodideStore.isInitialized ? mdiPlay : mdiLoading}
-                onClick={async () => {
-                    const result = await pyodideStore.runCode(code);
-                    if (result?.type === 'error') {
-                        pyodideStore.logs.push(`Error: ${result.error}`);
-                    }
-                }}
-            />
-            <TextInput
-                value={inp}
-                readOnly={pyodideStore.awaitingInputIds.size === 0}
-                placeholder={pyodideStore.awaitingInputPrompt.get(pyodideStore.currentPromptId || '') || ''}
-                onChange={(text) => {
-                    setInp(text);
-                }}
-                onEnter={() => {
-                    pyodideStore.sendInputResponse(pyodideStore.currentPromptId || '', inp);
-                    setInp('');
-                }}
-                onEscape={() => {
-                    pyodideStore.cancelCodeExecution();
-                    setInp('');
-                }}
-            />
-            <CodeBlock language="python">{pyodideStore.log}</CodeBlock>
-        </Card>
-    );
-});
-
-export default SimpleScript;
diff --git a/packages/tdev/pyodide-script/components/styles.module.scss b/packages/tdev/pyodide-script/components/styles.module.scss
index e69de29bb..7dca24334 100644
--- a/packages/tdev/pyodide-script/components/styles.module.scss
+++ b/packages/tdev/pyodide-script/components/styles.module.scss
@@ -0,0 +1,34 @@
+.header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    .actions {
+        display: flex;
+        align-items: center;
+        gap: 0.5rem;
+    }
+}
+.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-script/config.ts b/packages/tdev/pyodide-script/config.ts
index a211a20c6..2f16729b9 100644
--- a/packages/tdev/pyodide-script/config.ts
+++ b/packages/tdev/pyodide-script/config.ts
@@ -9,14 +9,20 @@ export const PY_CANCEL_INPUT = 'PY_CANCEL_INPUT' as const;
 interface LogBase {
     id: string;
     timeStamp: number;
-    message: string;
 }
 
 interface LogMessage extends LogBase {
     type: 'log';
+    message: string;
 }
 interface ErrorMessage extends LogBase {
     type: 'error';
+    message: string;
+}
+interface ClockMessage extends LogBase {
+    type: 'clock';
+    clockType: 'hours' | 'minutes' | 'seconds';
+    value: number;
 }
 
-export type Message = LogMessage | ErrorMessage;
+export type Message = LogMessage | ErrorMessage | ClockMessage;
diff --git a/packages/tdev/pyodide-script/stores/PyodideStore.ts b/packages/tdev/pyodide-script/stores/PyodideStore.ts
index 36737e92a..fc62fca8b 100644
--- a/packages/tdev/pyodide-script/stores/PyodideStore.ts
+++ b/packages/tdev/pyodide-script/stores/PyodideStore.ts
@@ -3,24 +3,22 @@ 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_INPUT, PY_INPUT } from '../config';
+import { Message, PY_AWAIT_INPUT, PY_CANCEL_INPUT, PY_INPUT } from '../config';
 import PyodideScript from '../models';
+import siteConfig from '@generated/docusaurus.config';
+const BASE_URL = siteConfig.baseUrl || '/';
 
-const ComPyWorker = ExecutionEnvironment.canUseDOM
-    ? Comlink.wrap<PyWorkerApi>(
-          new Worker(new URL('../workers/pyodide.worker', import.meta.url), { type: 'module' })
-      )
-    : null;
 const TimingServiceWorker =
     ExecutionEnvironment.canUseDOM && 'serviceWorker' in navigator
-        ? navigator.serviceWorker.register('/pyodide.sw.js', {
-              scope: '/',
+        ? 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.ref accessor pyWorker: Comlink.Remote<PyWorker> | null = null;
     @observable.ref accessor _serviceWorkerRegistration: ServiceWorker | null = null;
     awaitingInputPrompt = observable.map<string, string | null>();
@@ -28,10 +26,10 @@ export default class PyodideStore {
         this.viewStore = viewStore;
         this.initialize();
     }
-
     @action
     run(code: PyodideScript) {
         code.clearLogMessages();
+        code.setExecuting(true);
         if (!this.pyWorker) {
             code.addLogMessage({
                 type: 'error',
@@ -41,21 +39,52 @@ export default class PyodideStore {
             });
             return;
         }
-        return this.pyWorker.run(
-            code.id,
-            code.code,
-            Comlink.proxy((message) => {
-                switch (message.type) {
-                    case 'log':
-                        runInAction(() => {
-                            code.addLogMessage(message);
-                        });
+        const sendMessage = Comlink.proxy(
+            action((message: Message) => {
+                this.handleMessage(code, message);
+            })
+        );
+        return this.pyWorker
+            .run(code.id, code.code, sendMessage, '', {})
+            .then((message) => {
+                if (message && !(message.type === 'log' && message.message === undefined)) {
+                    this.handleMessage(code, message);
+                }
+            })
+            .finally(() => {
+                runInAction(() => {
+                    code.setExecuting(false);
+                });
+            });
+    }
+
+    @action
+    handleMessage(code: PyodideScript, message: Message) {
+        switch (message.type) {
+            case 'log':
+                code.addLogMessage(message);
+                break;
+            case 'error':
+                code.addLogMessage(message);
+                break;
+            case 'clock':
+                const clock = this.viewStore.root.siteStore.toolsStore.clocks.useClock(message.id);
+                switch (message.clockType) {
+                    case 'hours':
+                        clock.setHours(message.value);
+                        break;
+                    case 'minutes':
+                        console.log('Clock message received', message, clock);
+                        clock.setMinutes(message.value);
                         break;
-                    default:
+                    case 'seconds':
+                        clock.setSeconds(message.value);
                         break;
                 }
-            })
-        );
+                break;
+            default:
+                break;
+        }
     }
 
     @computed
@@ -99,11 +128,40 @@ export default class PyodideStore {
         });
     }
 
-    async initialize() {
-        if (!ComPyWorker || !TimingServiceWorker) {
+    @action
+    createPyWorker() {
+        if (!ExecutionEnvironment.canUseDOM) {
+            return null;
+        }
+        if (this._worker) {
+            this._worker.terminate();
+        }
+        this._worker = new Worker(new URL('../workers/pyodide.worker', import.meta.url), { type: 'module' });
+        return Comlink.wrap<PyWorkerApi>(this._worker);
+    }
+
+    @action
+    recreatePyWorker() {
+        this.pyWorker = null;
+        this.viewStore.root.documentStore.documents
+            .filter((doc) => doc instanceof PyodideScript)
+            .forEach((doc) => {
+                doc.setExecuting(false);
+            });
+        return 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;
         }
-        await this.registerServiceWorker();
+        if (!skipSWRegistration) {
+            await this.registerServiceWorker();
+        }
         const pyWorker = await new ComPyWorker();
         runInAction(() => {
             this.pyWorker = pyWorker;
@@ -139,20 +197,14 @@ export default class PyodideStore {
                     });
                 }
             });
-            console.log('Service worker registered with scope:', registration.scope);
-            navigator.serviceWorker.ready.then((reg) => {
-                console.log('Service worker ready with scope:', reg.scope);
-            });
 
             navigator.serviceWorker.onmessage = (event) => {
-                console.log(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;
                         }
-                        console.log('Python code is awaiting input:', event.data.id, event.data.prompt);
                         runInAction(() => {
                             this.awaitingInputPrompt.set(event.data.id, event.data.prompt);
                         });
diff --git a/packages/tdev/pyodide-script/workers/helper.loadPackages.ts b/packages/tdev/pyodide-script/workers/helper.loadPackages.ts
new file mode 100644
index 000000000..aa7a0a88f
--- /dev/null
+++ b/packages/tdev/pyodide-script/workers/helper.loadPackages.ts
@@ -0,0 +1,32 @@
+import type { PyodideAPI } from 'pyodide';
+
+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]);
+            } else if (match.groups?.name && !match.groups.name.startsWith('.')) {
+                return [match.groups.name];
+            }
+        }
+        return [];
+    });
+    return importPackages;
+};
+
+export const loadPackages = async (pyodide: PyodideAPI, code: string) => {
+    const importPackages = getPackageImports(code);
+
+    await Promise.all(
+        importPackages.map(async (pkg) => {
+            try {
+                await pyodide.loadPackage(pkg);
+            } catch (e) {
+                // Package not found, ignore
+                console.warn(`Package ${pkg} could not be loaded:`, e);
+            }
+        })
+    );
+};
diff --git a/packages/tdev/pyodide-script/workers/pyodide.worker.ts b/packages/tdev/pyodide-script/workers/pyodide.worker.ts
index 58875227f..14c658441 100644
--- a/packages/tdev/pyodide-script/workers/pyodide.worker.ts
+++ b/packages/tdev/pyodide-script/workers/pyodide.worker.ts
@@ -1,6 +1,7 @@
 import * as Comlink from 'comlink';
 import type { loadPyodide } from 'pyodide';
 import { Message, PY_STDIN_ROUTE } from '../config';
+import { loadPackages } from './helper.loadPackages';
 // @ts-ignore
 importScripts('https://cdn.jsdelivr.net/pyodide/v0.29.1/full/pyodide.js');
 // @ts-ignore
@@ -10,7 +11,6 @@ let pyodideReadyPromise = (loadPyodide as typeof loadPyodide)({
 
 const pyModule = {
     getInput: (id: string, prompt: string) => {
-        console.log('py input for', id, prompt);
         const request = new XMLHttpRequest();
         // Synchronous request to be intercepted by service worker
         request.open('GET', `${PY_STDIN_ROUTE}?id=${id}&prompt=${encodeURIComponent(prompt)}`, false);
@@ -23,54 +23,144 @@ const pyModule = {
 };
 const patchInputCode = (id: string) => `
 import sys, builtins
-import react_py
+import browser_input
 __prompt_str__ = ""
 def get_input(prompt=""):
     global __prompt_str__
     __prompt_str__ = prompt
-    s = react_py.getInput("${id}", prompt)
+    s = browser_input.getInput("${id}", prompt)
     return s
 builtins.input = get_input
-sys.stdin.readline = lambda: react_py.getInput("${id}", __prompt_str__)
+sys.stdin.readline = lambda: browser_input.getInput("${id}", __prompt_str__)
 `;
 
 export class PyWorker {
-    async run(id: string, code: string, onMessage: (message: Message) => void): Promise<Message> {
+    async run(
+        id: string,
+        code: string,
+        sendMessage: (message: Message) => void,
+        initCode: string = '',
+        modules: Record<string, object> = {}
+    ): Promise<Message> {
         const pyodide = await pyodideReadyPromise;
         const context = {};
-        // Now load any packages we need, run the code, and send the result back.
         pyodide.registerComlink(Comlink);
-        await pyodide.loadPackage('pyodide-http');
-        await pyodide.loadPackagesFromImports(code);
 
-        pyodide.registerJsModule('react_py', pyModule);
+        await loadPackages(pyodide, code);
 
-        const initCode = `
-import sys
-import pyodide_http
+        // patch input function to use browser_input module
+        pyodide.registerJsModule('browser_input', pyModule);
 
-sys.tracebacklimit = 2
-pyodide_http.patch_all()
-`;
-        await pyodide.runPythonAsync(initCode);
+        // TODO: move clock module to its own file/to the client
+        pyodide.registerJsModule('clock', {
+            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: Date.now()
+                            });
+                        });
+                    },
+                    setTime: (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: Date.now()
+                            });
+                        });
+                    },
+                    setHours: (deg: number) => {
+                        hours = deg;
+                        sendMessage({
+                            type: 'clock',
+                            clockType: 'hours',
+                            value: deg,
+                            id: id,
+                            timeStamp: Date.now()
+                        });
+                    },
+                    setMinutes: (deg: number) => {
+                        minutes = deg;
+                        sendMessage({
+                            type: 'clock',
+                            clockType: 'minutes',
+                            value: deg,
+                            id: id,
+                            timeStamp: Date.now()
+                        });
+                    },
+                    setSeconds: (deg: number) => {
+                        seconds = deg;
+                        sendMessage({
+                            type: 'clock',
+                            clockType: 'seconds',
+                            value: deg,
+                            id: id,
+                            timeStamp: Date.now()
+                        });
+                    }
+                };
+            }
+        });
+        pyodide.registerJsModule('tdev', {
+            sendMessage: (message: Message) => {
+                sendMessage(message);
+            }
+        });
+        for (const [name, module] of Object.entries(modules)) {
+            pyodide.registerJsModule(name, module);
+        }
+
+        if (initCode) {
+            await pyodide.runPythonAsync(initCode);
+        }
         // 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) => {
-                onMessage({ type: 'log', message: s, id: id, timeStamp: Date.now() });
+                sendMessage({ type: 'log', message: s, id: id, timeStamp: Date.now() });
             }
         });
         await pyodide.runPythonAsync(patchInputCode(id));
         try {
             // Execute the python code in this context
             const result = await pyodide.runPythonAsync(code);
-            return { type: 'log', message: JSON.stringify(result, null, 2), id: id, timeStamp: Date.now() };
+            return { type: 'log', message: result, id: id, timeStamp: Date.now() };
         } catch (error: any) {
             return { type: 'error', message: error.message, id: id, timeStamp: Date.now() };
         } finally {
             pyodide.setStdout(undefined);
-            pyodide.setInterruptBuffer(undefined as any);
         }
     }
 }
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/stores/ViewStores/index.ts b/src/stores/ViewStores/index.ts
index dbaa9dbf1..756c9a0c4 100644
--- a/src/stores/ViewStores/index.ts
+++ b/src/stores/ViewStores/index.ts
@@ -1,11 +1,16 @@
 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];
diff --git a/src/stores/rootStore.ts b/src/stores/rootStore.ts
index ed9608df9..c44cf01c7 100644
--- a/src/stores/rootStore.ts
+++ b/src/stores/rootStore.ts
@@ -33,7 +33,7 @@ export class RootStore {
 
     // @observable accessor initialized = false;
     constructor() {
-        this.viewStore = new ViewStore();
+        this.viewStore = new ViewStore(this);
         this.documentRootStore = new DocumentRootStore(this);
         this.sessionStore = new SessionStore(this);
         this.userStore = new UserStore(this);
diff --git a/static/pyodide.sw.js b/static/pyodide.sw.js
index ee8428ec8..d344b0ce7 100644
--- a/static/pyodide.sw.js
+++ b/static/pyodide.sw.js
@@ -23,7 +23,6 @@ self.addEventListener('message', (event) => {
                 console.error('Error handling input: No resolver');
                 return;
             }
-            console.log('Resolving input for id', event.data.id, 'with value', event.data.value);
             resolver(new Response(event.data.value, { status: 200 }));
             break;
         }
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 />

From f58d67d7781dcfba74fa9adbc2d49d35c151b38f Mon Sep 17 00:00:00 2001
From: Balthasar Hofer <lebalz@outlook.com>
Date: Tue, 13 Jan 2026 23:09:36 +0100
Subject: [PATCH 12/46] Fix syntax error in Fibonacci loop in README

---
 packages/tdev/pyodide-script/README.mdx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/tdev/pyodide-script/README.mdx b/packages/tdev/pyodide-script/README.mdx
index e7c166cb6..1bb065629 100644
--- a/packages/tdev/pyodide-script/README.mdx
+++ b/packages/tdev/pyodide-script/README.mdx
@@ -70,7 +70,7 @@ def fibonacci(n):
         return n
     return fibonacci(n-1) + fibonacci(n-2)
 
-for n in range(1, 200)
+for n in range(1, 200):
     print(f"Fibonacci({n}) = {fibonacci(n)}")
 ```
 </Pyodide>
@@ -90,4 +90,4 @@ result = optimize.minimize(func, x0=0)
 print("Minimum at x =", result.x[0])
 print("Function value at minimum =", result.fun)
 ```
-</Pyodide>
\ No newline at end of file
+</Pyodide>

From e6d8a9014f0d919df2e65424bf42f8cd2984e07b Mon Sep 17 00:00:00 2001
From: bh0fer <lebalz@outlook.com>
Date: Wed, 14 Jan 2026 07:48:44 +0100
Subject: [PATCH 13/46] show code editor

---
 packages/tdev/pyodide-script/README.mdx             | 12 ++++++------
 packages/tdev/pyodide-script/components/Pyodide.tsx |  8 --------
 2 files changed, 6 insertions(+), 14 deletions(-)

diff --git a/packages/tdev/pyodide-script/README.mdx b/packages/tdev/pyodide-script/README.mdx
index 1bb065629..ae6cffff9 100644
--- a/packages/tdev/pyodide-script/README.mdx
+++ b/packages/tdev/pyodide-script/README.mdx
@@ -13,7 +13,7 @@ import BrowserWindow from '@tdev-components/BrowserWindow';
 ````jsx
 import Pyodide from '@tdev/pyodide-script/components/Pyodide';
 
-<Pyodide id="fe0306c4-638d-48aa-9e12-98d7c32c77de" title="Hello World">
+<Pyodide id="c6853b80-6cb5-4e3f-996f-320c72a374c5" title="Hello World">
 ```py
 print('Hello from Pyodide!')
 ```
@@ -21,7 +21,7 @@ print('Hello from Pyodide!')
 ````
 
 <BrowserWindow>
-<Pyodide id="fe0306c4-638d-48aa-9e12-98d7c32c77de" title="Hello World">
+<Pyodide id="a4164712-ad52-45e1-97b5-e578b41a22c1" title="Hello World">
 ```py
 print('Hello from Pyodide!')
 ```
@@ -29,7 +29,7 @@ print('Hello from Pyodide!')
 </BrowserWindow>
 
 ## Sleep
-<Pyodide id="8d374d31-ca54-4bf5-b604-93f71b1c1a21" title="Sleep und Ausgabe">
+<Pyodide id="82e559e8-db77-4efb-adcc-f6cd18085c9e" title="Sleep und Ausgabe">
 ```py
 from time import sleep
 for i in range(10):
@@ -39,7 +39,7 @@ for i in range(10):
 </Pyodide>
 
 ## Fibonacci
-<Pyodide id="6b20e45d-93e0-4578-bcc2-886875626f6b" title="Fibonacci ohne Rekursion">
+<Pyodide id="d5d60431-5589-4d38-9c8c-9b563194f5cc" title="Fibonacci ohne Rekursion">
 ```py
 def fibonacci(n):
     if n <= 0:
@@ -60,7 +60,7 @@ print(fibonacci(n))
 
 ### Mit Memoization
 
-<Pyodide id="eacc2744-5768-474a-9d51-844afc241af0" title="Fibonacci mit Memoization">
+<Pyodide id="22b0f649-9b77-4e97-9ccb-cfeb159bbde9" title="Fibonacci mit Memoization">
 ```py
 from functools import lru_cache
 
@@ -77,7 +77,7 @@ for n in range(1, 200):
 
 ## Minimierung mit SciPy
 
-<Pyodide id="401b88a4-c37c-4b78-8890-9a9acda8f3fb" title="Minimierung mit SciPy">
+<Pyodide id="8e484282-faac-4955-b0a2-b0a2e270f765" title="Minimierung mit SciPy">
 ```py
 import numpy as np
 from scipy import optimize
diff --git a/packages/tdev/pyodide-script/components/Pyodide.tsx b/packages/tdev/pyodide-script/components/Pyodide.tsx
index 9a193ea89..6b465b910 100644
--- a/packages/tdev/pyodide-script/components/Pyodide.tsx
+++ b/packages/tdev/pyodide-script/components/Pyodide.tsx
@@ -58,7 +58,6 @@ const Pyodide = observer((props: Props) => {
     const userStore = useStore('userStore');
     const viewStore = useStore('viewStore');
     const pyodideStore = viewStore.useStore('pyodideStore');
-    console.log(props);
     const meta = React.useMemo(
         () =>
             new ModelMeta({
@@ -72,13 +71,6 @@ const Pyodide = observer((props: Props) => {
     if (!isBrowser || !doc) {
         return <CodeBlock language="py">{props.code}</CodeBlock>;
     }
-    if (!doc.canDisplay && props.id && !userStore.isUserSwitched) {
-        return (
-            <div>
-                <PermissionsPanel documentRootId={props.id} />
-            </div>
-        );
-    }
 
     return (
         <div className={clsx(styles.pyodide)}>

From a14228ee2da4dbebf2b7699c792335f6d0bcc8da Mon Sep 17 00:00:00 2001
From: bh0fer <lebalz@outlook.com>
Date: Wed, 14 Jan 2026 07:51:53 +0100
Subject: [PATCH 14/46] refactor Pyodide#Head to its own file

---
 .../pyodide-script/components/Head/index.tsx  | 42 +++++++++++++++++++
 .../pyodide-script/components/Pyodide.tsx     | 35 +---------------
 2 files changed, 44 insertions(+), 33 deletions(-)
 create mode 100644 packages/tdev/pyodide-script/components/Head/index.tsx

diff --git a/packages/tdev/pyodide-script/components/Head/index.tsx b/packages/tdev/pyodide-script/components/Head/index.tsx
new file mode 100644
index 000000000..b3fc05e05
--- /dev/null
+++ b/packages/tdev/pyodide-script/components/Head/index.tsx
@@ -0,0 +1,42 @@
+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 { mdiClose, mdiLoading, mdiPlay } from '@mdi/js';
+import PyodideScript from '../../models';
+interface Props {
+    title?: string;
+    code: PyodideScript;
+}
+const Head = observer((props: Props) => {
+    const { code } = props;
+    const viewStore = useStore('viewStore');
+    const pyodideStore = viewStore.useStore('pyodideStore');
+    return (
+        <div className={clsx(styles.header)}>
+            <h3 className={clsx(styles.title)}>{props.title ?? 'Python'}</h3>
+            <div className={clsx(styles.actions)}>
+                <Button
+                    icon={code.isExecuting ? mdiLoading : mdiPlay}
+                    spin={code.isExecuting}
+                    color="green"
+                    onClick={(e) => {
+                        pyodideStore.run(code);
+                    }}
+                />
+                {code.isExecuting && (
+                    <Button
+                        icon={mdiClose}
+                        onClick={() => {
+                            code.pyodideStore.recreatePyWorker();
+                        }}
+                    />
+                )}
+            </div>
+        </div>
+    );
+});
+
+export default Head;
diff --git a/packages/tdev/pyodide-script/components/Pyodide.tsx b/packages/tdev/pyodide-script/components/Pyodide.tsx
index 6b465b910..abd91ad95 100644
--- a/packages/tdev/pyodide-script/components/Pyodide.tsx
+++ b/packages/tdev/pyodide-script/components/Pyodide.tsx
@@ -2,7 +2,6 @@ import React from 'react';
 import clsx from 'clsx';
 import styles from './styles.module.scss';
 import { observer } from 'mobx-react-lite';
-import PermissionsPanel from '@tdev-components/PermissionsPanel';
 import { useFirstMainDocument } from '@tdev-hooks/useFirstMainDocument';
 import CodeBlock from '@theme-original/CodeBlock';
 import useIsBrowser from '@docusaurus/useIsBrowser';
@@ -12,10 +11,10 @@ import CodeEditor from '@tdev-components/shared/CodeEditor';
 import { Source } from '@tdev-models/iDocument';
 import Card from '@tdev-components/shared/Card';
 import Button from '@tdev-components/shared/Button';
-import { mdiClose, mdiLoading, mdiPlay, mdiSend } from '@mdi/js';
+import { mdiClose, mdiSend } from '@mdi/js';
 import TextInput from '@tdev-components/shared/TextInput';
-import PyodideScript from '../models';
 import { action } from 'mobx';
+import Head from './Head';
 
 export interface Props {
     code?: string;
@@ -23,36 +22,6 @@ export interface Props {
     readonly?: boolean;
     title?: string;
 }
-
-const Head = observer((props: { title?: string; code: PyodideScript }) => {
-    const { code } = props;
-    const viewStore = useStore('viewStore');
-    const pyodideStore = viewStore.useStore('pyodideStore');
-    return (
-        <div className={clsx(styles.header)}>
-            <h3 className={clsx(styles.title)}>{props.title ?? 'Python'}</h3>
-            <div className={clsx(styles.actions)}>
-                <Button
-                    icon={code.isExecuting ? mdiLoading : mdiPlay}
-                    spin={code.isExecuting}
-                    color="green"
-                    onClick={(e) => {
-                        pyodideStore.run(code);
-                    }}
-                />
-                {code.isExecuting && (
-                    <Button
-                        icon={mdiClose}
-                        onClick={() => {
-                            code.pyodideStore.recreatePyWorker();
-                        }}
-                    />
-                )}
-            </div>
-        </div>
-    );
-});
-
 const Pyodide = observer((props: Props) => {
     const id = props.id;
     const userStore = useStore('userStore');

From 797c9b0d92700979fbd7c50035ac2d4a6262de30 Mon Sep 17 00:00:00 2001
From: bh0fer <lebalz@outlook.com>
Date: Wed, 14 Jan 2026 07:54:02 +0100
Subject: [PATCH 15/46] fix missing styles

---
 .../components/Head/styles.module.scss        |   10 +
 .../components/styles.module.scss             |   10 -
 yarn.lock                                     | 1546 +++++++++--------
 3 files changed, 866 insertions(+), 700 deletions(-)
 create mode 100644 packages/tdev/pyodide-script/components/Head/styles.module.scss

diff --git a/packages/tdev/pyodide-script/components/Head/styles.module.scss b/packages/tdev/pyodide-script/components/Head/styles.module.scss
new file mode 100644
index 000000000..2f03234a0
--- /dev/null
+++ b/packages/tdev/pyodide-script/components/Head/styles.module.scss
@@ -0,0 +1,10 @@
+.header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    .actions {
+        display: flex;
+        align-items: center;
+        gap: 0.5rem;
+    }
+}
diff --git a/packages/tdev/pyodide-script/components/styles.module.scss b/packages/tdev/pyodide-script/components/styles.module.scss
index 7dca24334..a52fa5487 100644
--- a/packages/tdev/pyodide-script/components/styles.module.scss
+++ b/packages/tdev/pyodide-script/components/styles.module.scss
@@ -1,13 +1,3 @@
-.header {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    .actions {
-        display: flex;
-        align-items: center;
-        gap: 0.5rem;
-    }
-}
 .prompt {
     margin-top: 0.5rem;
     display: flex;
diff --git a/yarn.lock b/yarn.lock
index b9eba1625..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"
@@ -4948,7 +5076,7 @@
     "@rspack/binding-win32-ia32-msvc" "1.6.5"
     "@rspack/binding-win32-x64-msvc" "1.6.5"
 
-"@rspack/core@^1.5.0":
+"@rspack/core@1.6.5", "@rspack/core@^1.5.0":
   version "1.6.5"
   resolved "https://registry.yarnpkg.com/@rspack/core/-/core-1.6.5.tgz#8e06a917dfbc556156d5c544cbf985b4da89dbd7"
   integrity sha512-AqaOMA6MTNhqMYYwrhvPA+2uS662SkAi8Rb7B/IFOzh/Z5ooyczL4lUX+qyhAO3ymn50iwM4jikQCf9XfBiaQA==
@@ -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" "*"
 
@@ -5801,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==
@@ -5945,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"
 
@@ -6158,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"
@@ -6191,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"
 
@@ -6212,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"
 
@@ -6228,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"
 
@@ -6243,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":
@@ -6260,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"
 
@@ -6276,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"
@@ -6290,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":
@@ -6489,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"
@@ -6546,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"
@@ -6710,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"
@@ -6834,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"
@@ -7073,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"
@@ -7156,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"
@@ -7166,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"
@@ -7524,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==
@@ -8066,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"
@@ -8416,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"
@@ -9139,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==
@@ -12354,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"
@@ -12835,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"
@@ -13556,6 +13693,18 @@ 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"
@@ -13757,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"
@@ -13999,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"
@@ -14486,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"
@@ -15350,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"
@@ -15788,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"
@@ -15947,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"
@@ -15963,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"
@@ -15973,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"

From 9f967b07c0bd62d85cdeedffba5297e7d0e2a310 Mon Sep 17 00:00:00 2001
From: bh0fer <lebalz@outlook.com>
Date: Wed, 14 Jan 2026 12:58:33 +0100
Subject: [PATCH 16/46] fix permission issue

---
 packages/tdev/pyodide-script/components/Pyodide.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/tdev/pyodide-script/components/Pyodide.tsx b/packages/tdev/pyodide-script/components/Pyodide.tsx
index abd91ad95..31f6b80ab 100644
--- a/packages/tdev/pyodide-script/components/Pyodide.tsx
+++ b/packages/tdev/pyodide-script/components/Pyodide.tsx
@@ -24,9 +24,9 @@ export interface Props {
 }
 const Pyodide = observer((props: Props) => {
     const id = props.id;
-    const userStore = useStore('userStore');
     const viewStore = useStore('viewStore');
     const pyodideStore = viewStore.useStore('pyodideStore');
+    const userStore = useStore('userStore');
     const meta = React.useMemo(
         () =>
             new ModelMeta({
@@ -40,12 +40,13 @@ const Pyodide = observer((props: Props) => {
     if (!isBrowser || !doc) {
         return <CodeBlock language="py">{props.code}</CodeBlock>;
     }
+    const isInitialized = !userStore.current || doc.isInitialized;
 
     return (
         <div className={clsx(styles.pyodide)}>
             <Card header={<Head title={props.title} code={doc} />}>
                 <div className={clsx(styles.editor)}>
-                    {doc.isInitialized && (
+                    {isInitialized && (
                         <CodeEditor
                             value={doc.code}
                             lang="python"

From f39be3988d416aec769b41de50b9afb108d0e847 Mon Sep 17 00:00:00 2001
From: bh0fer <lebalz@outlook.com>
Date: Thu, 15 Jan 2026 08:06:17 +0100
Subject: [PATCH 17/46] use runtimId to derive running state

---
 .../pyodide-script/components/Head/index.tsx  |  2 +-
 packages/tdev/pyodide-script/index.ts         |  2 +-
 .../models/{index.ts => PyodideScript.ts}     | 11 +++--
 packages/tdev/pyodide-script/register.ts      |  2 +-
 .../pyodide-script/stores/PyodideStore.ts     | 44 +++++++++----------
 5 files changed, 32 insertions(+), 29 deletions(-)
 rename packages/tdev/pyodide-script/models/{index.ts => PyodideScript.ts} (90%)

diff --git a/packages/tdev/pyodide-script/components/Head/index.tsx b/packages/tdev/pyodide-script/components/Head/index.tsx
index b3fc05e05..3bacf7df4 100644
--- a/packages/tdev/pyodide-script/components/Head/index.tsx
+++ b/packages/tdev/pyodide-script/components/Head/index.tsx
@@ -5,7 +5,7 @@ import { observer } from 'mobx-react-lite';
 import { useStore } from '@tdev-hooks/useStore';
 import Button from '@tdev-components/shared/Button';
 import { mdiClose, mdiLoading, mdiPlay } from '@mdi/js';
-import PyodideScript from '../../models';
+import PyodideScript from '../../models/PyodideScript';
 interface Props {
     title?: string;
     code: PyodideScript;
diff --git a/packages/tdev/pyodide-script/index.ts b/packages/tdev/pyodide-script/index.ts
index 17357d718..9a618dcd5 100644
--- a/packages/tdev/pyodide-script/index.ts
+++ b/packages/tdev/pyodide-script/index.ts
@@ -2,7 +2,7 @@ import type { CurrentBundler, PluginConfig, PluginModule } from '@docusaurus/typ
 import type PyodideStore from './stores/PyodideStore';
 import { fileURLToPath } from 'url';
 import path from 'path';
-import PyodideScript from './models';
+import PyodideScript from './models/PyodideScript';
 export interface PyodideData {
     code: string;
 }
diff --git a/packages/tdev/pyodide-script/models/index.ts b/packages/tdev/pyodide-script/models/PyodideScript.ts
similarity index 90%
rename from packages/tdev/pyodide-script/models/index.ts
rename to packages/tdev/pyodide-script/models/PyodideScript.ts
index 10b3f50c4..397c14299 100644
--- a/packages/tdev/pyodide-script/models/index.ts
+++ b/packages/tdev/pyodide-script/models/PyodideScript.ts
@@ -11,7 +11,7 @@ export const createModel: Factory = (data, store) => {
 
 class PyodideScript extends iDocument<'pyodide_script'> {
     @observable accessor code: string;
-    @observable accessor isExecuting: boolean = false;
+    @observable accessor runtimeId: number | null = null;
     @observable accessor promptResponse: string | null = null;
     logs = observable.array<Message>([], { deep: false });
     constructor(props: DocumentProps<'pyodide_script'>, store: DocumentStore) {
@@ -24,8 +24,13 @@ class PyodideScript extends iDocument<'pyodide_script'> {
     }
 
     @action
-    setExecuting(isExecuting: boolean) {
-        this.isExecuting = isExecuting;
+    setRuntimeId(rid: number | null) {
+        this.runtimeId = rid;
+    }
+
+    @computed
+    get isExecuting(): boolean {
+        return this.runtimeId === this.pyodideStore.runtimeId;
     }
 
     get pyodideStore() {
diff --git a/packages/tdev/pyodide-script/register.ts b/packages/tdev/pyodide-script/register.ts
index 8f2f75978..4f48088f1 100644
--- a/packages/tdev/pyodide-script/register.ts
+++ b/packages/tdev/pyodide-script/register.ts
@@ -1,7 +1,7 @@
 import { rootStore } from '@tdev-stores/rootStore';
 import PyodideStore from './stores/PyodideStore';
 import ViewStore from '@tdev-stores/ViewStores';
-import { createModel } from './models';
+import { createModel } from './models/PyodideScript';
 
 const createStore = (viewStore: ViewStore) => {
     return new PyodideStore(viewStore);
diff --git a/packages/tdev/pyodide-script/stores/PyodideStore.ts b/packages/tdev/pyodide-script/stores/PyodideStore.ts
index fc62fca8b..66dd2d8c1 100644
--- a/packages/tdev/pyodide-script/stores/PyodideStore.ts
+++ b/packages/tdev/pyodide-script/stores/PyodideStore.ts
@@ -4,7 +4,7 @@ import ViewStore from '@tdev-stores/ViewStores';
 import { PyWorker, PyWorkerApi } from '../workers/pyodide.worker';
 import ExecutionEnvironment from '@docusaurus/ExecutionEnvironment';
 import { Message, PY_AWAIT_INPUT, PY_CANCEL_INPUT, PY_INPUT } from '../config';
-import PyodideScript from '../models';
+import PyodideScript from '../models/PyodideScript';
 import siteConfig from '@generated/docusaurus.config';
 const BASE_URL = siteConfig.baseUrl || '/';
 
@@ -19,6 +19,7 @@ const TimingServiceWorker =
 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>();
@@ -26,10 +27,11 @@ export default class PyodideStore {
         this.viewStore = viewStore;
         this.initialize();
     }
+
     @action
     run(code: PyodideScript) {
         code.clearLogMessages();
-        code.setExecuting(true);
+        code.setRuntimeId(this.runtimeId);
         if (!this.pyWorker) {
             code.addLogMessage({
                 type: 'error',
@@ -53,7 +55,7 @@ export default class PyodideStore {
             })
             .finally(() => {
                 runInAction(() => {
-                    code.setExecuting(false);
+                    code.setRuntimeId(null);
                 });
             });
     }
@@ -67,21 +69,21 @@ export default class PyodideStore {
             case 'error':
                 code.addLogMessage(message);
                 break;
-            case 'clock':
-                const clock = this.viewStore.root.siteStore.toolsStore.clocks.useClock(message.id);
-                switch (message.clockType) {
-                    case 'hours':
-                        clock.setHours(message.value);
-                        break;
-                    case 'minutes':
-                        console.log('Clock message received', message, clock);
-                        clock.setMinutes(message.value);
-                        break;
-                    case 'seconds':
-                        clock.setSeconds(message.value);
-                        break;
-                }
-                break;
+            // case 'clock':
+            //     const clock = this.viewStore.root.siteStore.toolsStore.clocks.useClock(message.id);
+            //     switch (message.clockType) {
+            //         case 'hours':
+            //             clock.setHours(message.value);
+            //             break;
+            //         case 'minutes':
+            //             console.log('Clock message received', message, clock);
+            //             clock.setMinutes(message.value);
+            //             break;
+            //         case 'seconds':
+            //             clock.setSeconds(message.value);
+            //             break;
+            //     }
+            //     break;
             default:
                 break;
         }
@@ -143,11 +145,7 @@ export default class PyodideStore {
     @action
     recreatePyWorker() {
         this.pyWorker = null;
-        this.viewStore.root.documentStore.documents
-            .filter((doc) => doc instanceof PyodideScript)
-            .forEach((doc) => {
-                doc.setExecuting(false);
-            });
+        this.runtimeId = Date.now(); // this will automatically stop all running scripts
         return this.initialize(true);
     }
 

From cdf28e156d1fc504076c31851d1dba79bf582fef Mon Sep 17 00:00:00 2001
From: bh0fer <lebalz@outlook.com>
Date: Thu, 15 Jan 2026 08:12:44 +0100
Subject: [PATCH 18/46] rm unused webpack config

---
 docusaurus.config.ts                  |  2 --
 packages/tdev/pyodide-script/index.ts | 16 ----------------
 2 files changed, 18 deletions(-)

diff --git a/docusaurus.config.ts b/docusaurus.config.ts
index 98bb2b036..a737dc21d 100644
--- a/docusaurus.config.ts
+++ b/docusaurus.config.ts
@@ -42,7 +42,6 @@ import {
 } from './src/siteConfig/markdownPluginConfigs';
 import { remarkPdfPluginConfig } from '@tdev/remark-pdf';
 import { GlobExcludeDefault } from '@docusaurus/utils';
-import {pyodidePluginConfig} from './packages/tdev/pyodide-script/index';
 
 const BUILD_LOCATION = __dirname;
 const GIT_COMMIT_SHA = process.env.GITHUB_SHA || Math.random().toString(36).substring(7);
@@ -365,7 +364,6 @@ const docusaurusConfig = withSiteConfig().then(async (siteConfig) => {
         rsDoctorPluginConfig,
         aliasConfigurationPluginConfig,
         sentryPluginConfig,
-        pyodidePluginConfig,
         remarkPdfPluginConfig,
         socketIoNoDepWarningsPluginConfig,
         ...loadedPlugins,
diff --git a/packages/tdev/pyodide-script/index.ts b/packages/tdev/pyodide-script/index.ts
index 9a618dcd5..58fac206f 100644
--- a/packages/tdev/pyodide-script/index.ts
+++ b/packages/tdev/pyodide-script/index.ts
@@ -1,13 +1,9 @@
 import type { CurrentBundler, PluginConfig, PluginModule } from '@docusaurus/types';
 import type PyodideStore from './stores/PyodideStore';
-import { fileURLToPath } from 'url';
-import path from 'path';
 import PyodideScript from './models/PyodideScript';
 export interface PyodideData {
     code: string;
 }
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = path.dirname(__filename);
 
 declare module '@tdev-api/document' {
     export interface TypeDataMapping {
@@ -20,15 +16,3 @@ declare module '@tdev-api/document' {
         ['pyodideStore']: PyodideStore; // placeholder to avoid empty interface error
     }
 }
-export const pyodidePluginConfig = (() => {
-    return {
-        name: 'pyodide-service-worker',
-        configureWebpack(config, isServer, { currentBundler }) {
-            return {
-                // entry: {
-                //     'pyodide.sw': `${__dirname}/workers/pyodide.sw.ts`
-                // }
-            };
-        }
-    };
-}) satisfies PluginConfig;

From cc56ce668d95649e3baeee3e1c8c3b22e8014f2e Mon Sep 17 00:00:00 2001
From: bh0fer <lebalz@outlook.com>
Date: Sun, 18 Jan 2026 17:58:01 +0100
Subject: [PATCH 19/46] factor basic script behavior out

---
 src/models/documents/Script.ts             | 241 +--------------------
 src/models/documents/iScript/ScriptMeta.ts |  63 ++++++
 src/models/documents/iScript/index.ts      | 218 +++++++++++++++++++
 src/theme/CodeBlock/index.tsx              |   2 +-
 4 files changed, 291 insertions(+), 233 deletions(-)
 create mode 100644 src/models/documents/iScript/ScriptMeta.ts
 create mode 100644 src/models/documents/iScript/index.ts

diff --git a/src/models/documents/Script.ts b/src/models/documents/Script.ts
index 81f0cdc39..57bce5093 100644
--- a/src/models/documents/Script.ts
+++ b/src/models/documents/Script.ts
@@ -1,5 +1,4 @@
-import { action, computed, observable, reaction } from 'mobx';
-import { throttle } from 'es-toolkit/compat';
+import { action, computed, observable } from 'mobx';
 import {
     CANVAS_OUTPUT_TESTER,
     DOM_ELEMENT_IDS,
@@ -8,16 +7,14 @@ import {
     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 { Document as DocumentProps, 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 { default as iScriptMeta } from './iScript/ScriptMeta';
 import { Props as CodeEditorProps } from '@tdev-components/documents/CodeEditor';
 import _ from 'es-toolkit/compat';
-import File from './FileSystem/File';
+import iScript from './iScript';
 const libDir = (globalData['live-editor-theme'] as { default: { libDir: string } }).default.libDir;
 
 export interface LogMessage {
@@ -26,73 +23,19 @@ export interface LogMessage {
     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;
-
+export class ScriptMeta extends iScriptMeta<'script'> {
     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
-        };
+        super(props, 'script');
     }
 }
 
-export default class Script extends iDocument<'script'> {
-    @observable accessor code: string;
+export default class Script extends iScript<'script'> {
     @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
@@ -103,18 +46,6 @@ export default class Script extends iDocument<'script'> {
         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();
@@ -130,87 +61,9 @@ export default class Script extends iDocument<'script'> {
         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}`;
+        return this.combinedCode;
     }
 
     @computed
@@ -225,18 +78,6 @@ export default class Script extends iDocument<'script'> {
         };
     }
 
-    @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) {
@@ -298,81 +139,17 @@ export default class Script extends iDocument<'script'> {
         );
     }
 
-    @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/iScript/ScriptMeta.ts b/src/models/documents/iScript/ScriptMeta.ts
new file mode 100644
index 000000000..3590ae97f
--- /dev/null
+++ b/src/models/documents/iScript/ScriptMeta.ts
@@ -0,0 +1,63 @@
+import { TypeDataMapping, Access, DocumentType } 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 ScriptMeta<T extends DocumentType> 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 ScriptMeta;
diff --git a/src/models/documents/iScript/index.ts b/src/models/documents/iScript/index.ts
new file mode 100644
index 000000000..85f4f6b98
--- /dev/null
+++ b/src/models/documents/iScript/index.ts
@@ -0,0 +1,218 @@
+import { action, computed, observable } from 'mobx';
+import iDocument, { Source } from '@tdev-models/iDocument';
+import {
+    Document as DocumentProps,
+    TypeDataMapping,
+    DocumentType,
+    ScriptVersionData
+} from '@tdev-api/document';
+import DocumentStore from '@tdev-stores/DocumentStore';
+import { orderBy } from 'es-toolkit/array';
+import { throttle } from 'es-toolkit/function';
+import ScriptMeta from './ScriptMeta';
+import File from '../FileSystem/File';
+import ScriptVersion from '../ScriptVersion';
+
+type Props<T extends DocumentType> = DocumentProps<T> & { data: TypeDataMapping[T] & { code: string } };
+
+interface Version {
+    code: string;
+    createdAt: Date;
+    version: number;
+    pasted?: boolean;
+}
+
+class iScript<T extends DocumentType> 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 || '';
+    }
+
+    @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}`;
+    }
+
+    @computed
+    get lang(): string {
+        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 as File).name.split('.').pop();
+            if (!ext || ext.toLowerCase() === 'py') {
+                return 'python';
+            }
+            return ext.toLowerCase();
+        }
+        return this.meta.lang;
+    }
+
+    get data(): TypeDataMapping[T] {
+        return {
+            code: this.code
+        } as TypeDataMapping[T];
+    }
+
+    @computed
+    get meta(): ScriptMeta<T> {
+        if (this.root?.type === this.type) {
+            return this.root.meta as ScriptMeta<T>;
+        }
+        return new ScriptMeta({ code: '' }, this.type);
+    }
+}
+
+export default iScript;
diff --git a/src/theme/CodeBlock/index.tsx b/src/theme/CodeBlock/index.tsx
index ea97dfad8..4478c10bc 100644
--- a/src/theme/CodeBlock/index.tsx
+++ b/src/theme/CodeBlock/index.tsx
@@ -74,7 +74,7 @@ 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';
     }

From 15e552672732260e10052756b075d01642c411f2 Mon Sep 17 00:00:00 2001
From: bh0fer <lebalz@outlook.com>
Date: Sun, 18 Jan 2026 21:41:32 +0100
Subject: [PATCH 20/46] support fetching doc roots by type in offline mode

---
 src/api/OfflineApi/index.ts | 6 +++++-
 src/api/document.ts         | 6 ++++++
 2 files changed, 11 insertions(+), 1 deletion(-)

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 cea81ec6b..cb0e118d8 100644
--- a/src/api/document.ts
+++ b/src/api/document.ts
@@ -130,6 +130,12 @@ 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 ScriptTypes = KeysWithCode<TypeDataMapping>;
+
 export interface ContainerTypeModelMapping {
     ['_container_placeholder_']: iDocumentContainer<ContainerType>; // placeholder to avoid empty interface error
 }

From 0a5f86c834ba44f348a0098ed8e326773c97d0e9 Mon Sep 17 00:00:00 2001
From: bh0fer <lebalz@outlook.com>
Date: Sun, 18 Jan 2026 21:43:51 +0100
Subject: [PATCH 21/46] make core code editor re-usable

---
 package.json                                  |  2 -
 packages/tdev/brython/README.mdx              | 93 +++++++++++++++++++
 .../tdev/brython/components/Header/index.tsx  | 57 ++++++++++++
 .../components/Header/styles.module.scss      | 42 +++++++++
 .../tdev/brython/components/Logs}/index.tsx   | 15 +--
 .../components/Logs}/styles.module.scss       |  0
 .../components/Meta}/BrythonCommunicator.tsx  | 16 +++-
 .../components/Meta}/Graphics/Canvas.tsx      | 14 ++-
 .../components/Meta}/Graphics/Turtle.tsx      | 16 ++--
 .../components/Meta}/Graphics/index.tsx       | 11 ++-
 .../Meta}/Graphics/styles.module.scss         |  0
 .../tdev/brython/components/Meta/index.tsx    | 40 ++++++++
 .../components}/utils/checkForButtonClick.ts  |  0
 .../tdev/brython/components}/utils/saveSvg.ts |  2 +-
 .../components}/utils/svgWithoutAnimations.ts |  0
 packages/tdev/brython/index.ts                | 27 ++++++
 packages/tdev/brython/package.json            | 23 +++++
 packages/tdev/brython/register.ts             | 14 +++
 packages/tdev/brython/tsconfig.json           |  6 ++
 .../tdev/pyodide-script/models/ModelMeta.ts   | 17 +---
 .../pyodide-script/models/PyodideScript.ts    |  9 +-
 .../CodeEditor/Actions/DownloadCode.tsx       | 15 ++-
 .../documents/CodeEditor/Actions/Reset.tsx    | 15 +--
 .../documents/CodeEditor/Actions/RunCode.tsx  | 11 ++-
 .../documents/CodeEditor/Actions/ShowRaw.tsx  | 12 ++-
 .../CodeEditor/CodeHistory/index.tsx          | 11 ++-
 .../documents/CodeEditor/Editor/EditorAce.tsx | 12 ++-
 .../CodeEditor/Editor/Header/index.tsx        | 25 ++---
 .../CodeEditor/Editor/HiddenCode/index.tsx    | 11 ++-
 .../documents/CodeEditor/Editor/index.tsx     | 48 ++++------
 src/components/documents/CodeEditor/index.tsx | 37 ++++----
 src/components/documents/QuillV2/QuillV2.tsx  |  1 -
 src/components/documents/SelfCheck/shared.ts  |  2 +-
 src/models/documents/Script.ts                |  9 +-
 src/models/documents/iScript/ScriptMeta.ts    |  4 +-
 src/models/documents/iScript/index.ts         | 23 ++++-
 src/stores/ComponentStore.ts                  | 38 +++++++-
 tdev-website/siteConfig.ts                    |  3 +-
 38 files changed, 529 insertions(+), 152 deletions(-)
 create mode 100644 packages/tdev/brython/README.mdx
 create mode 100644 packages/tdev/brython/components/Header/index.tsx
 create mode 100644 packages/tdev/brython/components/Header/styles.module.scss
 rename {src/components/documents/CodeEditor/Editor/Result => packages/tdev/brython/components/Logs}/index.tsx (73%)
 rename {src/components/documents/CodeEditor/Editor/Result => packages/tdev/brython/components/Logs}/styles.module.scss (100%)
 rename {src/components/documents/CodeEditor => packages/tdev/brython/components/Meta}/BrythonCommunicator.tsx (86%)
 rename {src/components/documents/CodeEditor/Editor/Result => packages/tdev/brython/components/Meta}/Graphics/Canvas.tsx (88%)
 rename {src/components/documents/CodeEditor/Editor/Result => packages/tdev/brython/components/Meta}/Graphics/Turtle.tsx (84%)
 rename {src/components/documents/CodeEditor/Editor/Result => packages/tdev/brython/components/Meta}/Graphics/index.tsx (83%)
 rename {src/components/documents/CodeEditor/Editor/Result => packages/tdev/brython/components/Meta}/Graphics/styles.module.scss (100%)
 create mode 100644 packages/tdev/brython/components/Meta/index.tsx
 rename {src/components/documents/CodeEditor/Editor => packages/tdev/brython/components}/utils/checkForButtonClick.ts (100%)
 rename {src/components/documents/CodeEditor/Editor => packages/tdev/brython/components}/utils/saveSvg.ts (97%)
 rename {src/components/documents/CodeEditor/Editor => packages/tdev/brython/components}/utils/svgWithoutAnimations.ts (100%)
 create mode 100644 packages/tdev/brython/index.ts
 create mode 100644 packages/tdev/brython/package.json
 create mode 100644 packages/tdev/brython/register.ts
 create mode 100644 packages/tdev/brython/tsconfig.json

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/README.mdx b/packages/tdev/brython/README.mdx
new file mode 100644
index 000000000..ae6cffff9
--- /dev/null
+++ b/packages/tdev/brython/README.mdx
@@ -0,0 +1,93 @@
+---
+page_id: e7bde0ab-c0fe-4225-8325-e4ebc22d414b
+tags:
+  - '@tdev/'
+  - python
+---
+
+import Pyodide from '@tdev/pyodide-script/components/Pyodide';
+import BrowserWindow from '@tdev-components/BrowserWindow';
+
+# pyodide-script
+
+````jsx
+import Pyodide from '@tdev/pyodide-script/components/Pyodide';
+
+<Pyodide id="c6853b80-6cb5-4e3f-996f-320c72a374c5" title="Hello World">
+```py
+print('Hello from Pyodide!')
+```
+</Pyodide>
+````
+
+<BrowserWindow>
+<Pyodide id="a4164712-ad52-45e1-97b5-e578b41a22c1" title="Hello World">
+```py
+print('Hello from Pyodide!')
+```
+</Pyodide>
+</BrowserWindow>
+
+## Sleep
+<Pyodide id="82e559e8-db77-4efb-adcc-f6cd18085c9e" title="Sleep und Ausgabe">
+```py
+from time import sleep
+for i in range(10):
+    print(i, i*i, i**3)
+    sleep(1)
+```
+</Pyodide>
+
+## Fibonacci
+<Pyodide id="d5d60431-5589-4d38-9c8c-9b563194f5cc" title="Fibonacci ohne Rekursion">
+```py
+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))
+```
+</Pyodide>
+
+### Mit Memoization
+
+<Pyodide id="22b0f649-9b77-4e97-9ccb-cfeb159bbde9" title="Fibonacci mit Memoization">
+```py
+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)}")
+```
+</Pyodide>
+
+## Minimierung mit SciPy
+
+<Pyodide id="8e484282-faac-4955-b0a2-b0a2e270f765" title="Minimierung mit SciPy">
+```py
+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)
+```
+</Pyodide>
diff --git a/packages/tdev/brython/components/Header/index.tsx b/packages/tdev/brython/components/Header/index.tsx
new file mode 100644
index 000000000..63424bbd5
--- /dev/null
+++ b/packages/tdev/brython/components/Header/index.tsx
@@ -0,0 +1,57 @@
+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 SyncStatus from '@tdev-components/SyncStatus';
+import Icon from '@mdi/react';
+import { mdiFlashTriangle } from '@mdi/js';
+import Script from '@tdev-models/documents/Script';
+
+interface Props {
+    script: Script;
+}
+
+const Header = observer((props: Props) => {
+    const { script } = props;
+    const notifyUnpersisted = script.root?.isDummy && !script.meta.slim && !script.meta.hideWarning;
+    if (!script) {
+        return null;
+    }
+    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={script} />}
+                    {script.meta.canDownload && <DownloadCode script={script} />}
+                    {script.hasEdits && script.meta.canCompare && <ShowRaw script={script} />}
+                </React.Fragment>
+            )}
+            {script.canExecute && <RunCode script={script} />}
+        </div>
+    );
+});
+
+export default Header;
diff --git a/packages/tdev/brython/components/Header/styles.module.scss b/packages/tdev/brython/components/Header/styles.module.scss
new file mode 100644
index 000000000..9c26c6795
--- /dev/null
+++ b/packages/tdev/brython/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/Editor/Result/index.tsx b/packages/tdev/brython/components/Logs/index.tsx
similarity index 73%
rename from src/components/documents/CodeEditor/Editor/Result/index.tsx
rename to packages/tdev/brython/components/Logs/index.tsx
index 7289cfff4..d017fbd19 100644
--- a/src/components/documents/CodeEditor/Editor/Result/index.tsx
+++ b/packages/tdev/brython/components/Logs/index.tsx
@@ -1,12 +1,15 @@
 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 CodeBlock from '@theme-original/CodeBlock';
 import { observer } from 'mobx-react-lite';
+import type Script from '@tdev-models/documents/Script';
 
-const Result = observer(() => {
-    const script = useDocument<'script'>();
+interface Props {
+    script: Script;
+}
+
+const Logs = observer((props: Props) => {
+    const { script } = props;
     const logs = script.logs;
     if (logs.length === 0) {
         return null;
@@ -28,4 +31,4 @@ const Result = observer(() => {
     );
 });
 
-export default Result;
+export default Logs;
diff --git a/src/components/documents/CodeEditor/Editor/Result/styles.module.scss b/packages/tdev/brython/components/Logs/styles.module.scss
similarity index 100%
rename from src/components/documents/CodeEditor/Editor/Result/styles.module.scss
rename to packages/tdev/brython/components/Logs/styles.module.scss
diff --git a/src/components/documents/CodeEditor/BrythonCommunicator.tsx b/packages/tdev/brython/components/Meta/BrythonCommunicator.tsx
similarity index 86%
rename from src/components/documents/CodeEditor/BrythonCommunicator.tsx
rename to packages/tdev/brython/components/Meta/BrythonCommunicator.tsx
index 05366dead..4fe43d497 100644
--- a/src/components/documents/CodeEditor/BrythonCommunicator.tsx
+++ b/packages/tdev/brython/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 Script, { type LogMessage } from '@tdev-models/documents/Script';
 
-const BrythonCommunicator = observer(() => {
-    const script = useDocument<'script'>();
+interface Props {
+    script: Script;
+}
+
+const BrythonCommunicator = observer((props: Props) => {
+    const { script } = props;
     const ref = React.useRef<HTMLDivElement>(null);
     React.useEffect(() => {
         const { current } = ref;
@@ -44,6 +46,10 @@ const BrythonCommunicator = observer(() => {
         };
     }, [ref, script]);
 
+    if (!script || script.lang !== 'python') {
+        return null;
+    }
+
     return <div id={DOM_ELEMENT_IDS.communicator(script.codeId)} ref={ref}></div>;
 });
 
diff --git a/src/components/documents/CodeEditor/Editor/Result/Graphics/Canvas.tsx b/packages/tdev/brython/components/Meta/Graphics/Canvas.tsx
similarity index 88%
rename from src/components/documents/CodeEditor/Editor/Result/Graphics/Canvas.tsx
rename to packages/tdev/brython/components/Meta/Graphics/Canvas.tsx
index 4badd44d0..e1be0b11c 100644
--- a/src/components/documents/CodeEditor/Editor/Result/Graphics/Canvas.tsx
+++ b/packages/tdev/brython/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-models/documents/Script';
+import Graphics from '.';
 
 const downloadCanvas = (canvasId: string) => {
     const canvas = document.getElementById(canvasId) as HTMLCanvasElement;
@@ -31,11 +30,16 @@ const downloadCanvas = (canvasId: string) => {
     document.body.removeChild(downloadLink);
 };
 
-const Canvas = observer(() => {
-    const script = useDocument<'script'>();
+interface Props {
+    script: Script;
+}
+
+const Canvas = observer((props: Props) => {
+    const { script } = props;
 
     return (
         <Graphics
+            script={script}
             controls={
                 <Button
                     icon={mdiDownload}
diff --git a/src/components/documents/CodeEditor/Editor/Result/Graphics/Turtle.tsx b/packages/tdev/brython/components/Meta/Graphics/Turtle.tsx
similarity index 84%
rename from src/components/documents/CodeEditor/Editor/Result/Graphics/Turtle.tsx
rename to packages/tdev/brython/components/Meta/Graphics/Turtle.tsx
index 84a52ecf8..934f87e84 100644
--- a/src/components/documents/CodeEditor/Editor/Result/Graphics/Turtle.tsx
+++ b/packages/tdev/brython/components/Meta/Graphics/Turtle.tsx
@@ -1,19 +1,23 @@
 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/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-models/documents/Script';
+import Graphics from '.';
 
-const Turtle = observer(() => {
-    const script = useDocument<'script'>();
+interface Props {
+    script: Script;
+}
+
+const Turtle = observer((props: Props) => {
+    const { script } = props;
     return (
         <Graphics
+            script={script}
             controls={
                 <React.Fragment>
                     <Button
diff --git a/src/components/documents/CodeEditor/Editor/Result/Graphics/index.tsx b/packages/tdev/brython/components/Meta/Graphics/index.tsx
similarity index 83%
rename from src/components/documents/CodeEditor/Editor/Result/Graphics/index.tsx
rename to packages/tdev/brython/components/Meta/Graphics/index.tsx
index 941f157f2..11ce1211c 100644
--- a/src/components/documents/CodeEditor/Editor/Result/Graphics/index.tsx
+++ b/packages/tdev/brython/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-models/documents/Script';
+import { DOM_ELEMENT_IDS } from '../../..';
+
 export interface Props {
+    script: Script;
     controls?: React.ReactNode;
     main?: React.ReactNode;
 }
 const Graphics = observer((props: Props) => {
-    const script = useDocument<'script'>();
+    const { script } = props;
     const nodeRef = React.useRef<HTMLDivElement>(null);
     return (
         <Draggable
diff --git a/src/components/documents/CodeEditor/Editor/Result/Graphics/styles.module.scss b/packages/tdev/brython/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/components/Meta/Graphics/styles.module.scss
diff --git a/packages/tdev/brython/components/Meta/index.tsx b/packages/tdev/brython/components/Meta/index.tsx
new file mode 100644
index 000000000..639ee0bd1
--- /dev/null
+++ b/packages/tdev/brython/components/Meta/index.tsx
@@ -0,0 +1,40 @@
+import React from 'react';
+import { observer } from 'mobx-react-lite';
+import { useStore } from '@tdev-hooks/useStore';
+import type Script from '@tdev-models/documents/Script';
+import { DOM_ELEMENT_IDS } from '../../index';
+import Turtle from './Graphics/Turtle';
+import Canvas from './Graphics/Canvas';
+import Graphics from './Graphics';
+import BrythonCommunicator from './BrythonCommunicator';
+
+interface Props {
+    script: Script;
+}
+
+const Meta = observer((props: Props) => {
+    const { script } = props;
+    const pageStore = useStore('pageStore');
+    if (script.lang !== 'python') {
+        return null;
+    }
+    return (
+        <>
+            <div id={DOM_ELEMENT_IDS.outputDiv(script.codeId)}>
+                {script.versionsLoaded ? 'Ja' : 'Nein'} - {script.id}
+            </div>
+            {script.graphicsModalExecutionNr > 0 && (
+                <>
+                    {script.hasTurtleOutput && pageStore.runningTurtleScriptId === script.id && (
+                        <Turtle script={script} />
+                    )}
+                    {script.hasCanvasOutput && <Canvas script={script} />}
+                    {!script.hasCanvasOutput && !script.hasTurtleOutput && <Graphics script={script} />}
+                </>
+            )}
+            {script.lang === 'python' && <BrythonCommunicator script={script} />}
+        </>
+    );
+});
+
+export default Meta;
diff --git a/src/components/documents/CodeEditor/Editor/utils/checkForButtonClick.ts b/packages/tdev/brython/components/utils/checkForButtonClick.ts
similarity index 100%
rename from src/components/documents/CodeEditor/Editor/utils/checkForButtonClick.ts
rename to packages/tdev/brython/components/utils/checkForButtonClick.ts
diff --git a/src/components/documents/CodeEditor/Editor/utils/saveSvg.ts b/packages/tdev/brython/components/utils/saveSvg.ts
similarity index 97%
rename from src/components/documents/CodeEditor/Editor/utils/saveSvg.ts
rename to packages/tdev/brython/components/utils/saveSvg.ts
index e42e57551..758b78b62 100644
--- a/src/components/documents/CodeEditor/Editor/utils/saveSvg.ts
+++ b/packages/tdev/brython/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/components/utils/svgWithoutAnimations.ts
similarity index 100%
rename from src/components/documents/CodeEditor/Editor/utils/svgWithoutAnimations.ts
rename to packages/tdev/brython/components/utils/svgWithoutAnimations.ts
diff --git a/packages/tdev/brython/index.ts b/packages/tdev/brython/index.ts
new file mode 100644
index 000000000..295a445a6
--- /dev/null
+++ b/packages/tdev/brython/index.ts
@@ -0,0 +1,27 @@
+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`
+};
+
+const BRYTHON_NOTIFICATION_EVENT = 'bry_notify';
+const CLOSE_TURTLE_MODAL_EVENT = 'close_turtle_modal';
+const TURTLE_IMPORTS_TESTER = /(^from turtle import)|(^import turtle)/m;
+const TURTLE3D_IMPORTS_TESTER = /(^from turtle3d import)|(^import turtle3d)/m;
+const GRID_IMPORTS_TESTER = /(^from grid import)|(^import grid)/m;
+const GRAPHICS_OUTPUT_TESTER = /^(SETUP_)?GRAPHICS_OUTPUT\s*=\s*(True|1)/m;
+const CANVAS_OUTPUT_TESTER = /^(SETUP_)?CANVAS_OUTPUT\s*=\s*(True|1)/m;
+
+export {
+    DOM_ELEMENT_IDS,
+    BRYTHON_NOTIFICATION_EVENT,
+    CLOSE_TURTLE_MODAL_EVENT,
+    TURTLE_IMPORTS_TESTER,
+    GRAPHICS_OUTPUT_TESTER,
+    CANVAS_OUTPUT_TESTER,
+    GRID_IMPORTS_TESTER,
+    TURTLE3D_IMPORTS_TESTER
+};
diff --git a/packages/tdev/brython/package.json b/packages/tdev/brython/package.json
new file mode 100644
index 000000000..3d79e26d3
--- /dev/null
+++ b/packages/tdev/brython/package.json
@@ -0,0 +1,23 @@
+{
+    "name": "@tdev/brython",
+    "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/register.ts b/packages/tdev/brython/register.ts
new file mode 100644
index 000000000..a12debca1
--- /dev/null
+++ b/packages/tdev/brython/register.ts
@@ -0,0 +1,14 @@
+import { rootStore } from '@tdev-stores/rootStore';
+import Header from './components/Header';
+import Logs from './components/Logs';
+import Meta from './components/Meta';
+
+const register = () => {
+    rootStore.componentStore.registerEditorComponent('script', {
+        Header: Header,
+        Logs: Logs,
+        Meta: Meta
+    });
+};
+
+register();
diff --git a/packages/tdev/brython/tsconfig.json b/packages/tdev/brython/tsconfig.json
new file mode 100644
index 000000000..efff8a380
--- /dev/null
+++ b/packages/tdev/brython/tsconfig.json
@@ -0,0 +1,6 @@
+{
+    "extends": "../../../tsconfig.package.json",
+    "compilerOptions": {
+        "lib": ["ESNext", "dom"]
+    }
+}
diff --git a/packages/tdev/pyodide-script/models/ModelMeta.ts b/packages/tdev/pyodide-script/models/ModelMeta.ts
index 3b1f96435..02eb34aae 100644
--- a/packages/tdev/pyodide-script/models/ModelMeta.ts
+++ b/packages/tdev/pyodide-script/models/ModelMeta.ts
@@ -1,22 +1,11 @@
-import { TypeDataMapping, Access } from '@tdev-api/document';
-import { TypeMeta } from '@tdev-models/DocumentRoot';
+import ScriptMeta from '@tdev-models/documents/iScript/ScriptMeta';
 export interface MetaInit {
     code: string;
     readonly: boolean;
 }
 
-export class ModelMeta extends TypeMeta<'pyodide_script'> {
-    readonly type = 'pyodide_script';
-    readonly initCode: string;
-
+export class ModelMeta extends ScriptMeta<'pyodide_script'> {
     constructor(props: Partial<MetaInit>) {
-        super('pyodide_script', props.readonly ? Access.RO_User : undefined);
-        this.initCode = props.code || '';
-    }
-
-    get defaultData(): TypeDataMapping['pyodide_script'] {
-        return {
-            code: this.initCode || ''
-        };
+        super(props, 'pyodide_script');
     }
 }
diff --git a/packages/tdev/pyodide-script/models/PyodideScript.ts b/packages/tdev/pyodide-script/models/PyodideScript.ts
index 397c14299..3b2dec0e5 100644
--- a/packages/tdev/pyodide-script/models/PyodideScript.ts
+++ b/packages/tdev/pyodide-script/models/PyodideScript.ts
@@ -1,15 +1,16 @@
 import { action, computed, observable } from 'mobx';
-import iDocument, { Source } from '@tdev-models/iDocument';
+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 { Message } from '../config';
+import iScript from '@tdev-models/documents/iScript';
 
 export const createModel: Factory = (data, store) => {
     return new PyodideScript(data as DocumentProps<'pyodide_script'>, store);
 };
 
-class PyodideScript extends iDocument<'pyodide_script'> {
+class PyodideScript extends iScript<'pyodide_script'> {
     @observable accessor code: string;
     @observable accessor runtimeId: number | null = null;
     @observable accessor promptResponse: string | null = null;
@@ -28,6 +29,10 @@ class PyodideScript extends iDocument<'pyodide_script'> {
         this.runtimeId = rid;
     }
 
+    get canExecute(): boolean {
+        return true;
+    }
+
     @computed
     get isExecuting(): boolean {
         return this.runtimeId === this.pyodideStore.runtimeId;
diff --git a/src/components/documents/CodeEditor/Actions/DownloadCode.tsx b/src/components/documents/CodeEditor/Actions/DownloadCode.tsx
index c7a54ab79..afb38a960 100644
--- a/src/components/documents/CodeEditor/Actions/DownloadCode.tsx
+++ b/src/components/documents/CodeEditor/Actions/DownloadCode.tsx
@@ -1,13 +1,16 @@
 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 iScript from '@tdev-models/documents/iScript';
+import type { ScriptTypes } from '@tdev-api/document';
 
-const DownloadCode = observer((props: { title: string }) => {
-    const script = useDocument<'script'>();
+interface Props<T extends ScriptTypes> {
+    script: iScript<T>;
+}
 
+const DownloadCode = observer(<T extends ScriptTypes>(props: Props<T>) => {
+    const { script } = props;
     return (
         <Button
             icon={mdiDownload}
@@ -17,7 +20,9 @@ const DownloadCode = observer((props: { title: string }) => {
                 downloadLink.href = URL.createObjectURL(file);
                 const fExt = script.lang === 'python' ? '.py' : `.${script.lang}`;
                 const fTitle =
-                    props.title === script.lang ? script.id : (props.title.split('/').pop() ?? script.id);
+                    props.script.title === script.lang
+                        ? script.id
+                        : (script.title.split('/').pop() ?? script.id);
                 const fName = fTitle.endsWith(fExt) ? fTitle : `${fTitle}${fExt}`;
                 downloadLink.download = fName;
                 document.body.appendChild(downloadLink);
diff --git a/src/components/documents/CodeEditor/Actions/Reset.tsx b/src/components/documents/CodeEditor/Actions/Reset.tsx
index 5441715e0..bc235d394 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 { ScriptTypes } from '@tdev-api/document';
+import type iScript from '@tdev-models/documents/iScript';
 
-const Reset = observer(() => {
-    const script = useDocument<'script'>();
+interface Props<T extends ScriptTypes> {
+    script: iScript<T>;
+}
 
-    const onReset = () => {
+const Reset = observer(<T extends ScriptTypes>(props: Props<T>) => {
+    const { script } = 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);
         }
-    };
+    });
     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..1679179c2 100644
--- a/src/components/documents/CodeEditor/Actions/RunCode.tsx
+++ b/src/components/documents/CodeEditor/Actions/RunCode.tsx
@@ -3,13 +3,18 @@ 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 Script from '@tdev-models/documents/Script';
+
+interface Props {
+    script: Script;
+}
+
 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((props: Props) => {
+    const { script } = props;
     return (
         <Button
             icon={script.isExecuting ? mdiLoading : Play}
diff --git a/src/components/documents/CodeEditor/Actions/ShowRaw.tsx b/src/components/documents/CodeEditor/Actions/ShowRaw.tsx
index 5bb9b6a0d..0776ba1a3 100644
--- a/src/components/documents/CodeEditor/Actions/ShowRaw.tsx
+++ b/src/components/documents/CodeEditor/Actions/ShowRaw.tsx
@@ -1,12 +1,16 @@
 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 iScript from '@tdev-models/documents/iScript';
+import type { ScriptTypes } from '@tdev-api/document';
 
-const ShowRaw = observer(() => {
-    const script = useDocument<'script'>();
+interface Props<T extends ScriptTypes> {
+    script: iScript<T>;
+}
+
+const ShowRaw = observer(<T extends ScriptTypes>(props: Props<T>) => {
+    const { script } = props;
 
     return (
         <Button
diff --git a/src/components/documents/CodeEditor/CodeHistory/index.tsx b/src/components/documents/CodeEditor/CodeHistory/index.tsx
index 7911fb632..ed782f342 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 iScript from '@tdev-models/documents/iScript';
+import { ScriptTypes } from '@tdev-api/document';
 
 const highlightSyntax = (str: string) => {
     if (!str) {
@@ -27,8 +28,12 @@ const highlightSyntax = (str: string) => {
     );
 };
 
-const CodeHistory = observer(() => {
-    const script = useDocument<'script'>();
+interface Props<T extends ScriptTypes> {
+    script: iScript<T>;
+}
+
+const CodeHistory = observer(<T extends ScriptTypes>(props: Props<T>) => {
+    const { script } = props;
     const [version, setVersion] = React.useState(1);
     const old = script.versions[version - 1];
     const current = script.versions[version];
diff --git a/src/components/documents/CodeEditor/Editor/EditorAce.tsx b/src/components/documents/CodeEditor/Editor/EditorAce.tsx
index c45e3e892..91a1ce34f 100644
--- a/src/components/documents/CodeEditor/Editor/EditorAce.tsx
+++ b/src/components/documents/CodeEditor/Editor/EditorAce.tsx
@@ -6,18 +6,22 @@ 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 { ScriptTypes } from '@tdev-api/document';
+import type iScript from '@tdev-models/documents/iScript';
 
 const ALIAS_LANG_MAP_ACE = {
     mpy: 'python',
     py: 'python'
 };
 
-const EditorAce = observer(() => {
-    const script = useDocument<'script'>();
+interface Props<T extends ScriptTypes> {
+    script: iScript<T>;
+}
+
+const EditorAce = observer(<T extends ScriptTypes>(props: Props<T>) => {
+    const { script } = props;
     const eRef = React.useRef<AceEditor>(null);
     const { aceTheme } = useCodeTheme();
     React.useEffect(() => {
diff --git a/src/components/documents/CodeEditor/Editor/Header/index.tsx b/src/components/documents/CodeEditor/Editor/Header/index.tsx
index c7d487135..54a6f2bda 100644
--- a/src/components/documents/CodeEditor/Editor/Header/index.tsx
+++ b/src/components/documents/CodeEditor/Editor/Header/index.tsx
@@ -2,18 +2,22 @@ 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';
 
-const Header = observer(() => {
-    const script = useDocument<'script'>();
+import type { ScriptTypes } from '@tdev-api/document';
+import type iScript from '@tdev-models/documents/iScript';
+import DownloadCode from '../../Actions/DownloadCode';
+import ShowRaw from '../../Actions/ShowRaw';
+
+interface Props<T extends ScriptTypes> {
+    script: iScript<T>;
+}
+
+const Header = observer(<T extends ScriptTypes>(props: Props<T>) => {
+    const { script } = props;
     const notifyUnpersisted = script.root?.isDummy && !script.meta.slim && !script.meta.hideWarning;
     return (
         <div
@@ -38,12 +42,11 @@ const Header = observer(() => {
                     )}
                     <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 />}
+                    {script.hasEdits && script.meta.isResettable && <Reset script={script} />}
+                    {script.meta.canDownload && <DownloadCode script={script} />}
+                    {script.hasEdits && script.meta.canCompare && <ShowRaw script={script} />}
                 </React.Fragment>
             )}
-            {script.lang === 'python' && <RunCode />}
         </div>
     );
 });
diff --git a/src/components/documents/CodeEditor/Editor/HiddenCode/index.tsx b/src/components/documents/CodeEditor/Editor/HiddenCode/index.tsx
index b8e3fef90..004f3d51d 100644
--- a/src/components/documents/CodeEditor/Editor/HiddenCode/index.tsx
+++ b/src/components/documents/CodeEditor/Editor/HiddenCode/index.tsx
@@ -3,18 +3,19 @@ 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 { ScriptTypes } from '@tdev-api/document';
+import type iScript from '@tdev-models/documents/iScript';
 
-interface Props {
+interface Props<T extends ScriptTypes> {
     type: 'pre' | 'post';
+    script: iScript<T>;
 }
 
-const HiddenCode = observer((props: Props) => {
-    const script = useDocument<'script'>();
+const HiddenCode = observer(<T extends ScriptTypes>(props: Props<T>) => {
+    const { script } = props;
     const [show, setShow] = React.useState(false);
     const code = props.type === 'pre' ? script.meta.preCode : script.meta.postCode;
     if (code.length === 0) {
diff --git a/src/components/documents/CodeEditor/Editor/index.tsx b/src/components/documents/CodeEditor/Editor/index.tsx
index a8efdcd64..4044197a2 100644
--- a/src/components/documents/CodeEditor/Editor/index.tsx
+++ b/src/components/documents/CodeEditor/Editor/index.tsx
@@ -1,45 +1,33 @@
 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 { ScriptTypes, TypeModelMapping } from '@tdev-api/document';
+import type iScript from '@tdev-models/documents/iScript';
+
+interface Props<T extends ScriptTypes> {
+    script: iScript<T>;
+}
+
+const Editor = observer(<T extends ScriptTypes>(props: Props<T>) => {
+    const { script } = props;
+    console.log('Rendering Editor for script:', script.id);
+    const componentStore = useStore('componentStore');
+    const EC = componentStore.editorComponent(script.type);
     return (
         <React.Fragment>
-            <Header />
+            {EC?.Header && <EC.Header script={script as unknown as TypeModelMapping[T]} />}
             <div className={clsx(styles.editorContainer)}>
-                <HiddenCode type="pre" />
-                <EditorAce />
-                <HiddenCode type="post" />
+                <HiddenCode type="pre" script={script} />
+                <EditorAce script={script} />
+                <HiddenCode type="post" script={script} />
             </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 />}
-                        </>
-                    )}
-                </>
-            )}
+            {EC?.Logs && <EC.Logs script={script as unknown as TypeModelMapping[T]} />}
+            {EC?.Meta && <EC.Meta script={script as unknown as TypeModelMapping[T]} />}
         </React.Fragment>
     );
 });
diff --git a/src/components/documents/CodeEditor/index.tsx b/src/components/documents/CodeEditor/index.tsx
index d2d93c086..73e39ce9f 100644
--- a/src/components/documents/CodeEditor/index.tsx
+++ b/src/components/documents/CodeEditor/index.tsx
@@ -3,15 +3,15 @@ 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 { 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 iScript from '@tdev-models/documents/iScript';
+import { ScriptTypes } from '@tdev-api/document';
 
 export interface Props extends Omit<MetaProps, 'live_jsx' | 'live_py'> {
     title: string;
@@ -39,30 +39,27 @@ export const CodeEditor = observer((props: Props) => {
     return <CodeEditorComponent script={script} className={props.className} />;
 });
 
-export interface ScriptProps {
-    script: Script;
+export interface ScriptProps<T extends ScriptTypes> {
+    script: iScript<T>;
     className?: string;
 }
 
-const CodeEditorComponent = observer((props: ScriptProps) => {
+const CodeEditorComponent = observer(<T extends ScriptTypes>(props: ScriptProps<T>) => {
     const { script } = 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,
+                    script.meta.slim ? styles.containerSlim : styles.containerBig,
+                    'live_py'
+                )}
+            >
+                <Editor script={script} />
+                {script.meta.hasHistory && <CodeHistory script={script} />}
+            </div>
         </div>
     );
 });
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/models/documents/Script.ts b/src/models/documents/Script.ts
index 57bce5093..cd7888519 100644
--- a/src/models/documents/Script.ts
+++ b/src/models/documents/Script.ts
@@ -139,16 +139,15 @@ export default class Script extends iScript<'script'> {
         );
     }
 
+    get canExecute(): boolean {
+        return true;
+    }
+
     @action
     closeGraphicsModal() {
         this.graphicsModalExecutionNr = 0;
     }
 
-    @computed
-    get codeId() {
-        return `code.${this.meta.title || this.meta.lang}.${this.id}`.replace(/(-|\.)/g, '_');
-    }
-
     get source() {
         return 'browser';
     }
diff --git a/src/models/documents/iScript/ScriptMeta.ts b/src/models/documents/iScript/ScriptMeta.ts
index 3590ae97f..45d6b63c6 100644
--- a/src/models/documents/iScript/ScriptMeta.ts
+++ b/src/models/documents/iScript/ScriptMeta.ts
@@ -1,4 +1,4 @@
-import { TypeDataMapping, Access, DocumentType } from '@tdev-api/document';
+import { TypeDataMapping, Access, DocumentType, ScriptTypes } 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'> {
@@ -13,7 +13,7 @@ export interface MetaInit extends Omit<MetaProps, 'live_jsx' | 'live_py' | 'read
     theme?: string;
 }
 
-class ScriptMeta<T extends DocumentType> extends TypeMeta<T> {
+class ScriptMeta<T extends ScriptTypes> extends TypeMeta<T> {
     readonly initCode: string;
     readonly title: string;
     readonly lang: string;
diff --git a/src/models/documents/iScript/index.ts b/src/models/documents/iScript/index.ts
index 85f4f6b98..de949cecc 100644
--- a/src/models/documents/iScript/index.ts
+++ b/src/models/documents/iScript/index.ts
@@ -3,8 +3,8 @@ import iDocument, { Source } from '@tdev-models/iDocument';
 import {
     Document as DocumentProps,
     TypeDataMapping,
-    DocumentType,
-    ScriptVersionData
+    ScriptVersionData,
+    ScriptTypes
 } from '@tdev-api/document';
 import DocumentStore from '@tdev-stores/DocumentStore';
 import { orderBy } from 'es-toolkit/array';
@@ -13,7 +13,7 @@ import ScriptMeta from './ScriptMeta';
 import File from '../FileSystem/File';
 import ScriptVersion from '../ScriptVersion';
 
-type Props<T extends DocumentType> = DocumentProps<T> & { data: TypeDataMapping[T] & { code: string } };
+type Props<T extends ScriptTypes> = DocumentProps<T>;
 
 interface Version {
     code: string;
@@ -22,7 +22,7 @@ interface Version {
     pasted?: boolean;
 }
 
-class iScript<T extends DocumentType> extends iDocument<T> {
+class iScript<T extends ScriptTypes = ScriptTypes> extends iDocument<T> {
     @observable accessor code: string;
     @observable accessor _initialVersionsLoaded: boolean = false;
     @observable accessor showRaw: boolean = false;
@@ -40,6 +40,11 @@ class iScript<T extends DocumentType> extends iDocument<T> {
         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') {
@@ -188,6 +193,16 @@ class iScript<T extends DocumentType> extends iDocument<T> {
         return this.meta.lang.toLowerCase();
     }
 
+    get canExecute(): boolean {
+        return false;
+    }
+
+    @action
+    execScript() {
+        // NOOP
+        // to be implemented by subclasses
+    }
+
     @computed
     get derivedLang(): string {
         if (this.parent?.type === 'file') {
diff --git a/src/stores/ComponentStore.ts b/src/stores/ComponentStore.ts
index e58115bde..19e4fbca2 100644
--- a/src/stores/ComponentStore.ts
+++ b/src/stores/ComponentStore.ts
@@ -1,6 +1,13 @@
 import { RootStore } from './rootStore';
-import type { ContainerType, ContainerTypeModelMapping } from '@tdev-api/document';
+import {
+    type ScriptTypes,
+    TypeModelMapping,
+    type ContainerType,
+    type ContainerTypeModelMapping
+} from '@tdev-api/document';
 import { ContainerMeta } from '@tdev-models/documents/DynamicDocumentRoots/ContainerMeta';
+import iScript from '@tdev-models/documents/iScript';
+import React from 'react';
 
 export interface ContainerProps<T extends ContainerType = ContainerType> {
     documentContainer: ContainerTypeModelMapping[T];
@@ -11,9 +18,30 @@ export interface ContainerComponent<T extends ContainerType = ContainerType> {
     component: React.ComponentType<ContainerProps<T>>;
 }
 
+export interface EditorComponentProps<T extends ScriptTypes = ScriptTypes> {
+    script: TypeModelMapping[T];
+}
+
+export interface EditorComponent<T extends ScriptTypes = ScriptTypes> {
+    /**
+     * e.g. to run code or to show the title
+     */
+    Header?: React.ComponentType<EditorComponentProps<T>>;
+    /**
+     * e.g. to show the outputs/logs
+     */
+    Logs?: React.ComponentType<EditorComponentProps<T>>;
+
+    /**
+     * components used for additional things, e.g. turtle outputs.
+     */
+    Meta?: React.ComponentType<EditorComponentProps<T>>;
+}
+
 class ComponentStore {
     readonly root: RootStore;
     components = new Map<ContainerType, ContainerComponent>();
+    editorComponents = new Map<ScriptTypes, EditorComponent>();
 
     constructor(root: RootStore) {
         this.root = root;
@@ -37,6 +65,14 @@ class ComponentStore {
         }
         return this.components.has(type as ContainerType);
     }
+
+    editorComponent<T extends ScriptTypes>(type: T): EditorComponent<T> | undefined {
+        return this.editorComponents.get(type) as EditorComponent<T> | undefined;
+    }
+
+    registerEditorComponent<T extends ScriptTypes>(type: T, component: EditorComponent<T>) {
+        this.editorComponents.set(type, component as EditorComponent<any>);
+    }
 }
 
 export default ComponentStore;
diff --git a/tdev-website/siteConfig.ts b/tdev-website/siteConfig.ts
index 9a2ed73a2..e1e6fa075 100644
--- a/tdev-website/siteConfig.ts
+++ b/tdev-website/siteConfig.ts
@@ -74,7 +74,8 @@ const getSiteConfig: SiteConfigProvider = () => {
         apiDocumentProviders: [
             require.resolve('@tdev/netpbm-graphic/register'),
             require.resolve('@tdev/text-message/register'),
-            require.resolve('@tdev/pyodide-script/register')
+            require.resolve('@tdev/pyodide-script/register'),
+            require.resolve('@tdev/brython/register')
         ]
     };
 };

From 9d6f0bb72ad06c7eb426ce99ea2148236138ab6d Mon Sep 17 00:00:00 2001
From: bh0fer <lebalz@outlook.com>
Date: Mon, 19 Jan 2026 00:10:49 +0100
Subject: [PATCH 22/46] finalize pluggability of different live code types

---
 .../components/{Logs => Footer}/index.tsx     |  8 +--
 .../tdev/brython/components/Header/index.tsx  | 46 +++-------------
 .../components/Meta/BrythonCommunicator.tsx   |  4 +-
 .../components/Meta/Graphics/Canvas.tsx       |  4 +-
 .../components/Meta/Graphics/Turtle.tsx       |  4 +-
 .../components/Meta/Graphics/index.tsx        |  2 +-
 .../tdev/brython/components/Meta/index.tsx    |  6 +--
 .../brython/components}/utils/bryRunner.ts    |  2 +-
 .../tdev/brython/components}/utils/helpers.ts |  0
 packages/tdev/brython/index.ts                | 16 +++++-
 .../tdev/brython/models}/Script.ts            | 25 +++++----
 packages/tdev/brython/register.ts             | 16 ++++--
 .../helpers/onSaveCallback.ts                 |  6 +--
 .../tdev/pyodide-script/models/ModelMeta.ts   |  4 +-
 .../pyodide-script/models/PyodideScript.ts    |  4 +-
 src/api/OfflineApi/index.ts                   |  2 +-
 src/api/document.ts                           | 18 ++++---
 .../CodeEditor/Actions/DownloadCode.tsx       | 10 ++--
 .../documents/CodeEditor/Actions/Reset.tsx    | 10 ++--
 .../documents/CodeEditor/Actions/RunCode.tsx  | 12 +++--
 .../documents/CodeEditor/Actions/ShowRaw.tsx  | 10 ++--
 .../CodeEditor/CodeHistory/index.tsx          | 10 ++--
 .../documents/CodeEditor/Editor/EditorAce.tsx | 13 +++--
 .../CodeEditor/Editor/Footer/Container.tsx    | 13 +++++
 .../Editor/Footer}/styles.module.scss         |  8 +--
 .../CodeEditor/Editor/Header/Container.tsx    | 30 +++++++++++
 .../CodeEditor/Editor/Header/Content.tsx      | 43 +++++++++++++++
 .../CodeEditor/Editor/Header/index.tsx        | 53 ++++---------------
 .../CodeEditor/Editor/HiddenCode/index.tsx    | 10 ++--
 .../documents/CodeEditor/Editor/index.tsx     | 24 +++++----
 .../documents/CodeEditor/HtmlEditor/index.tsx |  4 +-
 .../documents/CodeEditor/SvgEditor/index.tsx  |  4 +-
 .../documents/CodeEditor/constants.ts         | 27 ----------
 src/components/documents/CodeEditor/index.tsx | 30 ++++++-----
 .../FileSystem/File/CodeEditorSelector.tsx    |  2 +-
 src/models/documents/Code.ts                  | 17 ++++++
 src/models/documents/ScriptVersion.ts         |  5 +-
 .../ScriptMeta.ts => iCode/iCodeMeta.ts}      |  6 +--
 .../documents/{iScript => iCode}/index.ts     | 25 +++++----
 src/stores/ComponentStore.ts                  | 50 ++++++++++++++---
 src/stores/DocumentStore.ts                   |  9 ++--
 src/theme/CodeBlock/index.tsx                 | 23 ++++++--
 42 files changed, 354 insertions(+), 261 deletions(-)
 rename packages/tdev/brython/components/{Logs => Footer}/index.tsx (81%)
 rename {src/components/documents/CodeEditor => packages/tdev/brython/components}/utils/bryRunner.ts (96%)
 rename {src/components/documents/CodeEditor => packages/tdev/brython/components}/utils/helpers.ts (100%)
 rename {src/models/documents => packages/tdev/brython/models}/Script.ts (88%)
 create mode 100644 src/components/documents/CodeEditor/Editor/Footer/Container.tsx
 rename {packages/tdev/brython/components/Logs => src/components/documents/CodeEditor/Editor/Footer}/styles.module.scss (79%)
 create mode 100644 src/components/documents/CodeEditor/Editor/Header/Container.tsx
 create mode 100644 src/components/documents/CodeEditor/Editor/Header/Content.tsx
 delete mode 100644 src/components/documents/CodeEditor/constants.ts
 create mode 100644 src/models/documents/Code.ts
 rename src/models/documents/{iScript/ScriptMeta.ts => iCode/iCodeMeta.ts} (92%)
 rename src/models/documents/{iScript => iCode}/index.ts (91%)

diff --git a/packages/tdev/brython/components/Logs/index.tsx b/packages/tdev/brython/components/Footer/index.tsx
similarity index 81%
rename from packages/tdev/brython/components/Logs/index.tsx
rename to packages/tdev/brython/components/Footer/index.tsx
index d017fbd19..d068fe5fd 100644
--- a/packages/tdev/brython/components/Logs/index.tsx
+++ b/packages/tdev/brython/components/Footer/index.tsx
@@ -1,8 +1,8 @@
 import * as React from 'react';
-import styles from './styles.module.scss';
 import CodeBlock from '@theme-original/CodeBlock';
 import { observer } from 'mobx-react-lite';
-import type Script from '@tdev-models/documents/Script';
+import type Script from '@tdev/brython/models/Script';
+import Container from '@tdev-components/documents/CodeEditor/Editor/Footer/Container';
 
 interface Props {
     script: Script;
@@ -25,9 +25,9 @@ const Logs = observer((props: Props) => {
         return msg.output;
     });
     return (
-        <div className={styles.result}>
+        <Container>
             <CodeBlock metastring={`{${errors.join(',')}}`}>{code.join('')}</CodeBlock>
-        </div>
+        </Container>
     );
 });
 
diff --git a/packages/tdev/brython/components/Header/index.tsx b/packages/tdev/brython/components/Header/index.tsx
index 63424bbd5..f0d5f9bae 100644
--- a/packages/tdev/brython/components/Header/index.tsx
+++ b/packages/tdev/brython/components/Header/index.tsx
@@ -1,15 +1,9 @@
 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 SyncStatus from '@tdev-components/SyncStatus';
-import Icon from '@mdi/react';
-import { mdiFlashTriangle } from '@mdi/js';
-import Script from '@tdev-models/documents/Script';
+import Container from '@tdev-components/documents/CodeEditor/Editor/Header/Container';
+import Script from '@tdev/brython/models/Script';
+import Content from '@tdev-components/documents/CodeEditor/Editor/Header/Content';
 
 interface Props {
     script: Script;
@@ -17,40 +11,14 @@ interface Props {
 
 const Header = observer((props: Props) => {
     const { script } = props;
-    const notifyUnpersisted = script.root?.isDummy && !script.meta.slim && !script.meta.hideWarning;
     if (!script) {
         return null;
     }
     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={script} />}
-                    {script.meta.canDownload && <DownloadCode script={script} />}
-                    {script.hasEdits && script.meta.canCompare && <ShowRaw script={script} />}
-                </React.Fragment>
-            )}
-            {script.canExecute && <RunCode script={script} />}
-        </div>
+        <Container script={script} ignoreSlim>
+            {!script.meta.slim && <Content script={script} />}
+            {script.canExecute && <RunCode script={script} onExecute={() => script.execScript()} />}
+        </Container>
     );
 });
 
diff --git a/packages/tdev/brython/components/Meta/BrythonCommunicator.tsx b/packages/tdev/brython/components/Meta/BrythonCommunicator.tsx
index 4fe43d497..ca6de9893 100644
--- a/packages/tdev/brython/components/Meta/BrythonCommunicator.tsx
+++ b/packages/tdev/brython/components/Meta/BrythonCommunicator.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { BRYTHON_NOTIFICATION_EVENT, DOM_ELEMENT_IDS } from '@tdev-components/documents/CodeEditor/constants';
 import { observer } from 'mobx-react-lite';
-import Script, { type LogMessage } from '@tdev-models/documents/Script';
+import { BRYTHON_NOTIFICATION_EVENT, DOM_ELEMENT_IDS } from '@tdev/brython';
+import Script, { LogMessage } from '@tdev/brython/models/Script';
 
 interface Props {
     script: Script;
diff --git a/packages/tdev/brython/components/Meta/Graphics/Canvas.tsx b/packages/tdev/brython/components/Meta/Graphics/Canvas.tsx
index e1be0b11c..14708a154 100644
--- a/packages/tdev/brython/components/Meta/Graphics/Canvas.tsx
+++ b/packages/tdev/brython/components/Meta/Graphics/Canvas.tsx
@@ -1,11 +1,11 @@
 import * as React from 'react';
-import { DOM_ELEMENT_IDS } from '@tdev-components/documents/CodeEditor/constants';
 import styles from './styles.module.scss';
 import Button from '@tdev-components/documents/CodeEditor/Button';
 import { observer } from 'mobx-react-lite';
 import { mdiDownload } from '@mdi/js';
-import Script from '@tdev-models/documents/Script';
+import Script from '@tdev/brython/models/Script';
 import Graphics from '.';
+import { DOM_ELEMENT_IDS } from '@tdev/brython';
 
 const downloadCanvas = (canvasId: string) => {
     const canvas = document.getElementById(canvasId) as HTMLCanvasElement;
diff --git a/packages/tdev/brython/components/Meta/Graphics/Turtle.tsx b/packages/tdev/brython/components/Meta/Graphics/Turtle.tsx
index 934f87e84..aa424ed50 100644
--- a/packages/tdev/brython/components/Meta/Graphics/Turtle.tsx
+++ b/packages/tdev/brython/components/Meta/Graphics/Turtle.tsx
@@ -1,13 +1,13 @@
 import * as React from 'react';
 import styles from './styles.module.scss';
-import { DOM_ELEMENT_IDS } from '@tdev-components/documents/CodeEditor/constants';
 import { saveSvg } from '@tdev/brython/components/utils/saveSvg';
 import Button from '@tdev-components/documents/CodeEditor/Button';
 import clsx from 'clsx';
 import { observer } from 'mobx-react-lite';
 import { mdiAnimationPlay, mdiDownload } from '@mdi/js';
-import Script from '@tdev-models/documents/Script';
+import Script from '@tdev/brython/models/Script';
 import Graphics from '.';
+import { DOM_ELEMENT_IDS } from '@tdev/brython';
 
 interface Props {
     script: Script;
diff --git a/packages/tdev/brython/components/Meta/Graphics/index.tsx b/packages/tdev/brython/components/Meta/Graphics/index.tsx
index 11ce1211c..99b934615 100644
--- a/packages/tdev/brython/components/Meta/Graphics/index.tsx
+++ b/packages/tdev/brython/components/Meta/Graphics/index.tsx
@@ -6,7 +6,7 @@ import Button from '@tdev-components/documents/CodeEditor/Button';
 import clsx from 'clsx';
 import { observer } from 'mobx-react-lite';
 import { mdiClose } from '@mdi/js';
-import type Script from '@tdev-models/documents/Script';
+import type Script from '@tdev/brython/models/Script';
 import { DOM_ELEMENT_IDS } from '../../..';
 
 export interface Props {
diff --git a/packages/tdev/brython/components/Meta/index.tsx b/packages/tdev/brython/components/Meta/index.tsx
index 639ee0bd1..42b4d6b18 100644
--- a/packages/tdev/brython/components/Meta/index.tsx
+++ b/packages/tdev/brython/components/Meta/index.tsx
@@ -1,12 +1,12 @@
 import React from 'react';
 import { observer } from 'mobx-react-lite';
 import { useStore } from '@tdev-hooks/useStore';
-import type Script from '@tdev-models/documents/Script';
 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/models/Script';
 
 interface Props {
     script: Script;
@@ -20,9 +20,7 @@ const Meta = observer((props: Props) => {
     }
     return (
         <>
-            <div id={DOM_ELEMENT_IDS.outputDiv(script.codeId)}>
-                {script.versionsLoaded ? 'Ja' : 'Nein'} - {script.id}
-            </div>
+            <div id={DOM_ELEMENT_IDS.outputDiv(script.codeId)}></div>
             {script.graphicsModalExecutionNr > 0 && (
                 <>
                     {script.hasTurtleOutput && pageStore.runningTurtleScriptId === script.id && (
diff --git a/src/components/documents/CodeEditor/utils/bryRunner.ts b/packages/tdev/brython/components/utils/bryRunner.ts
similarity index 96%
rename from src/components/documents/CodeEditor/utils/bryRunner.ts
rename to packages/tdev/brython/components/utils/bryRunner.ts
index dbc5f8c9d..4d065df5b 100644
--- a/src/components/documents/CodeEditor/utils/bryRunner.ts
+++ b/packages/tdev/brython/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';
 
 export const runCode = (
     code: string,
diff --git a/src/components/documents/CodeEditor/utils/helpers.ts b/packages/tdev/brython/components/utils/helpers.ts
similarity index 100%
rename from src/components/documents/CodeEditor/utils/helpers.ts
rename to packages/tdev/brython/components/utils/helpers.ts
diff --git a/packages/tdev/brython/index.ts b/packages/tdev/brython/index.ts
index 295a445a6..dcb05c037 100644
--- a/packages/tdev/brython/index.ts
+++ b/packages/tdev/brython/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/src/models/documents/Script.ts b/packages/tdev/brython/models/Script.ts
similarity index 88%
rename from src/models/documents/Script.ts
rename to packages/tdev/brython/models/Script.ts
index cd7888519..bd8789db1 100644
--- a/src/models/documents/Script.ts
+++ b/packages/tdev/brython/models/Script.ts
@@ -1,20 +1,20 @@
 import { action, computed, observable } from 'mobx';
+import { runCode } from '@tdev/brython/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 { Props as CodeEditorProps } from '@tdev-components/documents/CodeEditor';
+import _ from 'es-toolkit/compat';
+import iCode from '@tdev-models/documents/iCode';
+import { default as iScriptMeta } from '@tdev-models/documents/iCode/iCodeMeta';
 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 { Document as DocumentProps, TypeDataMapping } from '@tdev-api/document';
-import DocumentStore from '@tdev-stores/DocumentStore';
-import siteConfig from '@generated/docusaurus.config';
-import globalData from '@generated/globalData';
-import { default as iScriptMeta } from './iScript/ScriptMeta';
-import { Props as CodeEditorProps } from '@tdev-components/documents/CodeEditor';
-import _ from 'es-toolkit/compat';
-import iScript from './iScript';
+} from '..';
 const libDir = (globalData['live-editor-theme'] as { default: { libDir: string } }).default.libDir;
 
 export interface LogMessage {
@@ -22,6 +22,9 @@ export interface LogMessage {
     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'>>) {
@@ -29,7 +32,7 @@ export class ScriptMeta extends iScriptMeta<'script'> {
     }
 }
 
-export default class Script extends iScript<'script'> {
+export default class Script extends iCode<'script'> {
     @observable accessor isExecuting: boolean = false;
     @observable accessor graphicsModalExecutionNr: number = 0;
     logs = observable.array<LogMessage>([], { deep: false });
diff --git a/packages/tdev/brython/register.ts b/packages/tdev/brython/register.ts
index a12debca1..273db243e 100644
--- a/packages/tdev/brython/register.ts
+++ b/packages/tdev/brython/register.ts
@@ -1,14 +1,24 @@
 import { rootStore } from '@tdev-stores/rootStore';
 import Header from './components/Header';
-import Logs from './components/Logs';
+import Logs from './components/Footer';
 import Meta from './components/Meta';
+import { createModel, ScriptMeta } from './models/Script';
+import { LiveCode } from '@tdev-stores/ComponentStore';
 
 const register = () => {
     rootStore.componentStore.registerEditorComponent('script', {
         Header: Header,
-        Logs: Logs,
-        Meta: Meta
+        Footer: Logs,
+        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/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-script/models/ModelMeta.ts b/packages/tdev/pyodide-script/models/ModelMeta.ts
index 02eb34aae..cb86a0947 100644
--- a/packages/tdev/pyodide-script/models/ModelMeta.ts
+++ b/packages/tdev/pyodide-script/models/ModelMeta.ts
@@ -1,10 +1,10 @@
-import ScriptMeta from '@tdev-models/documents/iScript/ScriptMeta';
+import iCodeMeta from '@tdev-models/documents/iCode/iCodeMeta';
 export interface MetaInit {
     code: string;
     readonly: boolean;
 }
 
-export class ModelMeta extends ScriptMeta<'pyodide_script'> {
+export class ModelMeta extends iCodeMeta<'pyodide_script'> {
     constructor(props: Partial<MetaInit>) {
         super(props, 'pyodide_script');
     }
diff --git a/packages/tdev/pyodide-script/models/PyodideScript.ts b/packages/tdev/pyodide-script/models/PyodideScript.ts
index 3b2dec0e5..8461009ad 100644
--- a/packages/tdev/pyodide-script/models/PyodideScript.ts
+++ b/packages/tdev/pyodide-script/models/PyodideScript.ts
@@ -4,13 +4,13 @@ import { Document as DocumentProps, TypeDataMapping, Access, Factory } from '@td
 import DocumentStore from '@tdev-stores/DocumentStore';
 import { ModelMeta } from './ModelMeta';
 import { Message } from '../config';
-import iScript from '@tdev-models/documents/iScript';
+import iCode from '@tdev-models/documents/iCode';
 
 export const createModel: Factory = (data, store) => {
     return new PyodideScript(data as DocumentProps<'pyodide_script'>, store);
 };
 
-class PyodideScript extends iScript<'pyodide_script'> {
+class PyodideScript extends iCode<'pyodide_script'> {
     @observable accessor code: string;
     @observable accessor runtimeId: number | null = null;
     @observable accessor promptResponse: string | null = null;
diff --git a/src/api/OfflineApi/index.ts b/src/api/OfflineApi/index.ts
index d9690c8b0..06850aff2 100644
--- a/src/api/OfflineApi/index.ts
+++ b/src/api/OfflineApi/index.ts
@@ -13,7 +13,7 @@ import _ from 'es-toolkit/compat';
 import { DB_NAME } from '@tdev-api/config';
 
 const TIME_NOW = new Date().toISOString();
-const LOG_REQUESTS = false;
+const LOG_REQUESTS = true;
 
 let OfflineUser: User = {
     id: 'c23c0238-4aeb-457f-9a2c-3d2d5d8931c0',
diff --git a/src/api/document.ts b/src/api/document.ts
index cb0e118d8..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';
@@ -18,6 +17,7 @@ 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',
@@ -31,10 +31,6 @@ export enum Access {
     None_User = 'None_User'
 }
 
-export interface ScriptData {
-    code: string;
-}
-
 export interface ScriptVersionData {
     code: string;
     pasted?: boolean;
@@ -48,6 +44,10 @@ export interface QuillV2Data {
     delta: Delta;
 }
 
+export interface CodeData {
+    code: string;
+}
+
 export interface SolutionData {
     /** no content needed */
 }
@@ -113,9 +113,10 @@ export interface ContainerTypeDataMapping {
 }
 
 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;
@@ -134,16 +135,17 @@ type KeysWithCode<T> = {
     [K in keyof T]: 'code' extends keyof T[K] ? K : never;
 }[keyof Omit<T, 'script_version'>];
 
-export type ScriptTypes = KeysWithCode<TypeDataMapping>;
+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 afb38a960..89596403c 100644
--- a/src/components/documents/CodeEditor/Actions/DownloadCode.tsx
+++ b/src/components/documents/CodeEditor/Actions/DownloadCode.tsx
@@ -2,14 +2,14 @@ import * as React from 'react';
 import Button from '@tdev-components/documents/CodeEditor/Button';
 import { observer } from 'mobx-react-lite';
 import { mdiDownload } from '@mdi/js';
-import type iScript from '@tdev-models/documents/iScript';
-import type { ScriptTypes } from '@tdev-api/document';
+import type iCode from '@tdev-models/documents/iCode';
+import type { CodeType } from '@tdev-api/document';
 
-interface Props<T extends ScriptTypes> {
-    script: iScript<T>;
+interface Props<T extends CodeType> {
+    script: iCode<T>;
 }
 
-const DownloadCode = observer(<T extends ScriptTypes>(props: Props<T>) => {
+const DownloadCode = observer(<T extends CodeType>(props: Props<T>) => {
     const { script } = props;
     return (
         <Button
diff --git a/src/components/documents/CodeEditor/Actions/Reset.tsx b/src/components/documents/CodeEditor/Actions/Reset.tsx
index bc235d394..6c37643ef 100644
--- a/src/components/documents/CodeEditor/Actions/Reset.tsx
+++ b/src/components/documents/CodeEditor/Actions/Reset.tsx
@@ -2,14 +2,14 @@ import * as React from 'react';
 import Button from '@tdev-components/documents/CodeEditor/Button';
 import { mdiRestore } from '@mdi/js';
 import { observer } from 'mobx-react-lite';
-import type { ScriptTypes } from '@tdev-api/document';
-import type iScript from '@tdev-models/documents/iScript';
+import type { CodeType } from '@tdev-api/document';
+import type iCode from '@tdev-models/documents/iCode';
 
-interface Props<T extends ScriptTypes> {
-    script: iScript<T>;
+interface Props<T extends CodeType> {
+    script: iCode<T>;
 }
 
-const Reset = observer(<T extends ScriptTypes>(props: Props<T>) => {
+const Reset = observer(<T extends CodeType>(props: Props<T>) => {
     const { script } = props;
     const onReset = React.useEffectEvent(() => {
         const shouldReset = window.confirm(
diff --git a/src/components/documents/CodeEditor/Actions/RunCode.tsx b/src/components/documents/CodeEditor/Actions/RunCode.tsx
index 1679179c2..a383d9980 100644
--- a/src/components/documents/CodeEditor/Actions/RunCode.tsx
+++ b/src/components/documents/CodeEditor/Actions/RunCode.tsx
@@ -4,16 +4,18 @@ import styles from './styles.module.scss';
 import clsx from 'clsx';
 import { observer } from 'mobx-react-lite';
 import { mdiLoading } from '@mdi/js';
-import Script from '@tdev-models/documents/Script';
+import iCode from '@tdev-models/documents/iCode';
+import { CodeType } from '@tdev-api/document';
 
-interface Props {
-    script: Script;
+interface Props<T extends CodeType> {
+    script: 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((props: Props) => {
+const RunCode = observer(<T extends CodeType>(props: Props<T>) => {
     const { script } = props;
     return (
         <Button
@@ -23,7 +25,7 @@ const RunCode = observer((props: Props) => {
             className={clsx(styles.runCode, script.meta.slim && styles.slim)}
             iconSize={script.meta.slim ? '1.15em' : '1.6em'}
             onClick={() => {
-                script.toggleScriptExecution();
+                props.onExecute?.();
             }}
             title={`${script.title} ausführen`}
         />
diff --git a/src/components/documents/CodeEditor/Actions/ShowRaw.tsx b/src/components/documents/CodeEditor/Actions/ShowRaw.tsx
index 0776ba1a3..a3bc6c578 100644
--- a/src/components/documents/CodeEditor/Actions/ShowRaw.tsx
+++ b/src/components/documents/CodeEditor/Actions/ShowRaw.tsx
@@ -2,14 +2,14 @@ import * as React from 'react';
 import Button, { Color } from '@tdev-components/documents/CodeEditor/Button';
 import { observer } from 'mobx-react-lite';
 import { mdiFileCodeOutline, mdiFileDocumentEditOutline, mdiFileEdit } from '@mdi/js';
-import type iScript from '@tdev-models/documents/iScript';
-import type { ScriptTypes } from '@tdev-api/document';
+import type iCode from '@tdev-models/documents/iCode';
+import type { CodeType } from '@tdev-api/document';
 
-interface Props<T extends ScriptTypes> {
-    script: iScript<T>;
+interface Props<T extends CodeType> {
+    script: iCode<T>;
 }
 
-const ShowRaw = observer(<T extends ScriptTypes>(props: Props<T>) => {
+const ShowRaw = observer(<T extends CodeType>(props: Props<T>) => {
     const { script } = props;
 
     return (
diff --git a/src/components/documents/CodeEditor/CodeHistory/index.tsx b/src/components/documents/CodeEditor/CodeHistory/index.tsx
index ed782f342..3fc7429ee 100644
--- a/src/components/documents/CodeEditor/CodeHistory/index.tsx
+++ b/src/components/documents/CodeEditor/CodeHistory/index.tsx
@@ -10,8 +10,8 @@ import Details from '@theme/Details';
 import { observer } from 'mobx-react-lite';
 import Button from '../Button';
 import { mdiSync } from '@mdi/js';
-import iScript from '@tdev-models/documents/iScript';
-import { ScriptTypes } from '@tdev-api/document';
+import iCode from '@tdev-models/documents/iCode';
+import { CodeType } from '@tdev-api/document';
 
 const highlightSyntax = (str: string) => {
     if (!str) {
@@ -28,11 +28,11 @@ const highlightSyntax = (str: string) => {
     );
 };
 
-interface Props<T extends ScriptTypes> {
-    script: iScript<T>;
+interface Props<T extends CodeType> {
+    script: iCode<T>;
 }
 
-const CodeHistory = observer(<T extends ScriptTypes>(props: Props<T>) => {
+const CodeHistory = observer(<T extends CodeType>(props: Props<T>) => {
     const { script } = props;
     const [version, setVersion] = React.useState(1);
     const old = script.versions[version - 1];
diff --git a/src/components/documents/CodeEditor/Editor/EditorAce.tsx b/src/components/documents/CodeEditor/Editor/EditorAce.tsx
index 91a1ce34f..472ceacde 100644
--- a/src/components/documents/CodeEditor/Editor/EditorAce.tsx
+++ b/src/components/documents/CodeEditor/Editor/EditorAce.tsx
@@ -1,26 +1,25 @@
 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 { observer } from 'mobx-react-lite';
 import useCodeTheme from '@tdev-hooks/useCodeTheme';
-import type { ScriptTypes } from '@tdev-api/document';
-import type iScript from '@tdev-models/documents/iScript';
+import type { CodeType } from '@tdev-api/document';
+import type iCode from '@tdev-models/documents/iCode';
 
 const ALIAS_LANG_MAP_ACE = {
     mpy: 'python',
     py: 'python'
 };
 
-interface Props<T extends ScriptTypes> {
-    script: iScript<T>;
+interface Props<T extends CodeType> {
+    script: iCode<T>;
 }
 
-const EditorAce = observer(<T extends ScriptTypes>(props: Props<T>) => {
+const EditorAce = observer(<T extends CodeType>(props: Props<T>) => {
     const { script } = props;
     const eRef = React.useRef<AceEditor>(null);
     const { aceTheme } = useCodeTheme();
@@ -90,7 +89,7 @@ const EditorAce = observer(<T extends ScriptTypes>(props: Props<T>) => {
                 readOnly={script.meta.readonly || script.showRaw}
                 value={script.showRaw ? script.pristineCode : script.code}
                 defaultValue={script?.code || '\n'}
-                name={DOM_ELEMENT_IDS.aceEditor(script.codeId)}
+                name={script.codeId}
                 editorProps={{ $blockScrolling: true }}
                 setOptions={{
                     displayIndentGuides: true,
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/packages/tdev/brython/components/Logs/styles.module.scss b/src/components/documents/CodeEditor/Editor/Footer/styles.module.scss
similarity index 79%
rename from packages/tdev/brython/components/Logs/styles.module.scss
rename to src/components/documents/CodeEditor/Editor/Footer/styles.module.scss
index 1c930af07..fa873a817 100644
--- a/packages/tdev/brython/components/Logs/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..6db27677f
--- /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> {
+    script: iCode<T>;
+    children: React.ReactNode;
+    ignoreSlim?: boolean;
+}
+
+const Container = observer(<T extends CodeType>(props: Props<T>) => {
+    const { script } = props;
+    const notifyUnpersisted = script.root?.isDummy && !script.meta.slim && !script.meta.hideWarning;
+    return (
+        <div
+            className={clsx(
+                styles.controls,
+                script.meta.slim && styles.slim,
+                notifyUnpersisted && styles.unpersisted
+            )}
+        >
+            {(!script.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..9951995c1
--- /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> {
+    script: iCode<T>;
+}
+
+const Content = observer(<T extends CodeType>(props: Props<T>) => {
+    const { script } = props;
+    const notifyUnpersisted = script.root?.isDummy && !script.meta.slim && !script.meta.hideWarning;
+    return (
+        <>
+            <div className={clsx(styles.title)}>{script.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={script} />
+            {script.hasEdits && script.meta.isResettable && <Reset script={script} />}
+            {script.meta.canDownload && <DownloadCode script={script} />}
+            {script.hasEdits && script.meta.canCompare && <ShowRaw script={script} />}
+        </>
+    );
+});
+
+export default Content;
diff --git a/src/components/documents/CodeEditor/Editor/Header/index.tsx b/src/components/documents/CodeEditor/Editor/Header/index.tsx
index 54a6f2bda..22bf24947 100644
--- a/src/components/documents/CodeEditor/Editor/Header/index.tsx
+++ b/src/components/documents/CodeEditor/Editor/Header/index.tsx
@@ -1,53 +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 { 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 Container from './Container';
+import Content from './Content';
 
-import type { ScriptTypes } from '@tdev-api/document';
-import type iScript from '@tdev-models/documents/iScript';
-import DownloadCode from '../../Actions/DownloadCode';
-import ShowRaw from '../../Actions/ShowRaw';
-
-interface Props<T extends ScriptTypes> {
-    script: iScript<T>;
+interface Props<T extends CodeType> {
+    script: iCode<T>;
 }
 
-const Header = observer(<T extends ScriptTypes>(props: Props<T>) => {
+const Header = observer(<T extends CodeType>(props: Props<T>) => {
     const { script } = props;
-    const notifyUnpersisted = script.root?.isDummy && !script.meta.slim && !script.meta.hideWarning;
     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={script} />}
-                    {script.meta.canDownload && <DownloadCode script={script} />}
-                    {script.hasEdits && script.meta.canCompare && <ShowRaw script={script} />}
-                </React.Fragment>
-            )}
-        </div>
+        <Container script={script}>
+            <Content script={script} />
+        </Container>
     );
 });
 
diff --git a/src/components/documents/CodeEditor/Editor/HiddenCode/index.tsx b/src/components/documents/CodeEditor/Editor/HiddenCode/index.tsx
index 004f3d51d..9ae79f9c3 100644
--- a/src/components/documents/CodeEditor/Editor/HiddenCode/index.tsx
+++ b/src/components/documents/CodeEditor/Editor/HiddenCode/index.tsx
@@ -6,15 +6,15 @@ import { observer } from 'mobx-react-lite';
 import Icon from '@mdi/react';
 import { mdiArrowExpandDown, mdiArrowExpandUp } from '@mdi/js';
 import _ from 'es-toolkit/compat';
-import type { ScriptTypes } from '@tdev-api/document';
-import type iScript from '@tdev-models/documents/iScript';
+import type { CodeType } from '@tdev-api/document';
+import type iCode from '@tdev-models/documents/iCode';
 
-interface Props<T extends ScriptTypes> {
+interface Props<T extends CodeType> {
     type: 'pre' | 'post';
-    script: iScript<T>;
+    script: iCode<T>;
 }
 
-const HiddenCode = observer(<T extends ScriptTypes>(props: Props<T>) => {
+const HiddenCode = observer(<T extends CodeType>(props: Props<T>) => {
     const { script } = props;
     const [show, setShow] = React.useState(false);
     const code = props.type === 'pre' ? script.meta.preCode : script.meta.postCode;
diff --git a/src/components/documents/CodeEditor/Editor/index.tsx b/src/components/documents/CodeEditor/Editor/index.tsx
index 4044197a2..3e5e5065e 100644
--- a/src/components/documents/CodeEditor/Editor/index.tsx
+++ b/src/components/documents/CodeEditor/Editor/index.tsx
@@ -6,29 +6,33 @@ import EditorAce from './EditorAce';
 import { observer } from 'mobx-react-lite';
 import { useStore } from '@tdev-hooks/useStore';
 
-import type { ScriptTypes, TypeModelMapping } from '@tdev-api/document';
-import type iScript from '@tdev-models/documents/iScript';
+import type { CodeType, TypeModelMapping } from '@tdev-api/document';
+import type iCode from '@tdev-models/documents/iCode';
+import Header from './Header';
 
-interface Props<T extends ScriptTypes> {
-    script: iScript<T>;
+interface Props<T extends CodeType> {
+    script: iCode<T>;
 }
 
-const Editor = observer(<T extends ScriptTypes>(props: Props<T>) => {
+const Editor = observer(<T extends CodeType>(props: Props<T>) => {
     const { script } = props;
-    console.log('Rendering Editor for script:', script.id);
     const componentStore = useStore('componentStore');
     const EC = componentStore.editorComponent(script.type);
     return (
-        <React.Fragment>
-            {EC?.Header && <EC.Header script={script as unknown as TypeModelMapping[T]} />}
+        <>
+            {EC?.Header ? (
+                <EC.Header script={script as unknown as TypeModelMapping[T]} />
+            ) : (
+                <Header script={script} />
+            )}
             <div className={clsx(styles.editorContainer)}>
                 <HiddenCode type="pre" script={script} />
                 <EditorAce script={script} />
                 <HiddenCode type="post" script={script} />
             </div>
-            {EC?.Logs && <EC.Logs script={script as unknown as TypeModelMapping[T]} />}
+            {EC?.Footer && <EC.Footer script={script as unknown as TypeModelMapping[T]} />}
             {EC?.Meta && <EC.Meta script={script as unknown as TypeModelMapping[T]} />}
-        </React.Fragment>
+        </>
     );
 });
 
diff --git a/src/components/documents/CodeEditor/HtmlEditor/index.tsx b/src/components/documents/CodeEditor/HtmlEditor/index.tsx
index e47aea8e6..0fa194513 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 || '',
diff --git a/src/components/documents/CodeEditor/SvgEditor/index.tsx b/src/components/documents/CodeEditor/SvgEditor/index.tsx
index 92774b545..ecde11bae 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();
diff --git a/src/components/documents/CodeEditor/constants.ts b/src/components/documents/CodeEditor/constants.ts
deleted file mode 100644
index 295a445a6..000000000
--- a/src/components/documents/CodeEditor/constants.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-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`
-};
-
-const BRYTHON_NOTIFICATION_EVENT = 'bry_notify';
-const CLOSE_TURTLE_MODAL_EVENT = 'close_turtle_modal';
-const TURTLE_IMPORTS_TESTER = /(^from turtle import)|(^import turtle)/m;
-const TURTLE3D_IMPORTS_TESTER = /(^from turtle3d import)|(^import turtle3d)/m;
-const GRID_IMPORTS_TESTER = /(^from grid import)|(^import grid)/m;
-const GRAPHICS_OUTPUT_TESTER = /^(SETUP_)?GRAPHICS_OUTPUT\s*=\s*(True|1)/m;
-const CANVAS_OUTPUT_TESTER = /^(SETUP_)?CANVAS_OUTPUT\s*=\s*(True|1)/m;
-
-export {
-    DOM_ELEMENT_IDS,
-    BRYTHON_NOTIFICATION_EVENT,
-    CLOSE_TURTLE_MODAL_EVENT,
-    TURTLE_IMPORTS_TESTER,
-    GRAPHICS_OUTPUT_TESTER,
-    CANVAS_OUTPUT_TESTER,
-    GRID_IMPORTS_TESTER,
-    TURTLE3D_IMPORTS_TESTER
-};
diff --git a/src/components/documents/CodeEditor/index.tsx b/src/components/documents/CodeEditor/index.tsx
index 73e39ce9f..55d9eb66a 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 { ScriptMeta } from '@tdev-models/documents/Script';
 import Editor from './Editor';
 import CodeHistory from './CodeHistory';
 import { MetaProps } from '@tdev/theme/CodeBlock';
 import { observer } from 'mobx-react-lite';
 import ExecutionEnvironment from '@docusaurus/ExecutionEnvironment';
 import useCodeTheme from '@tdev-hooks/useCodeTheme';
-import iScript from '@tdev-models/documents/iScript';
-import { ScriptTypes } from '@tdev-api/document';
+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,25 +28,27 @@ 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 script={code as iCode<typeof type>} className={props.className} />;
 });
 
-export interface ScriptProps<T extends ScriptTypes> {
-    script: iScript<T>;
+export interface ScriptProps<T extends CodeType> {
+    script: iCode<T>;
     className?: string;
 }
 
-const CodeEditorComponent = observer(<T extends ScriptTypes>(props: ScriptProps<T>) => {
+const CodeEditorComponent = observer(<T extends CodeType>(props: ScriptProps<T>) => {
     const { script } = props;
     const { colorMode } = useCodeTheme();
     return (
diff --git a/src/components/documents/FileSystem/File/CodeEditorSelector.tsx b/src/components/documents/FileSystem/File/CodeEditorSelector.tsx
index 473918f1f..c4456b6a1 100644
--- a/src/components/documents/FileSystem/File/CodeEditorSelector.tsx
+++ b/src/components/documents/FileSystem/File/CodeEditorSelector.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import { observer } from 'mobx-react-lite';
-import Script from '@tdev-models/documents/Script';
+import Script from '@tdev-models/documents/Code';
 import CodeEditorComponent from '@tdev-components/documents/CodeEditor';
 import HtmlEditor from '@tdev-components/documents/CodeEditor/HtmlEditor';
 import SvgEditor from '@tdev-components/documents/CodeEditor/SvgEditor';
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/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/iScript/ScriptMeta.ts b/src/models/documents/iCode/iCodeMeta.ts
similarity index 92%
rename from src/models/documents/iScript/ScriptMeta.ts
rename to src/models/documents/iCode/iCodeMeta.ts
index 45d6b63c6..6bc7214c2 100644
--- a/src/models/documents/iScript/ScriptMeta.ts
+++ b/src/models/documents/iCode/iCodeMeta.ts
@@ -1,4 +1,4 @@
-import { TypeDataMapping, Access, DocumentType, ScriptTypes } from '@tdev-api/document';
+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'> {
@@ -13,7 +13,7 @@ export interface MetaInit extends Omit<MetaProps, 'live_jsx' | 'live_py' | 'read
     theme?: string;
 }
 
-class ScriptMeta<T extends ScriptTypes> extends TypeMeta<T> {
+class iCodeMeta<T extends CodeType> extends TypeMeta<T> {
     readonly initCode: string;
     readonly title: string;
     readonly lang: string;
@@ -60,4 +60,4 @@ class ScriptMeta<T extends ScriptTypes> extends TypeMeta<T> {
     }
 }
 
-export default ScriptMeta;
+export default iCodeMeta;
diff --git a/src/models/documents/iScript/index.ts b/src/models/documents/iCode/index.ts
similarity index 91%
rename from src/models/documents/iScript/index.ts
rename to src/models/documents/iCode/index.ts
index de949cecc..e2d83b0ca 100644
--- a/src/models/documents/iScript/index.ts
+++ b/src/models/documents/iCode/index.ts
@@ -1,19 +1,14 @@
 import { action, computed, observable } from 'mobx';
 import iDocument, { Source } from '@tdev-models/iDocument';
-import {
-    Document as DocumentProps,
-    TypeDataMapping,
-    ScriptVersionData,
-    ScriptTypes
-} from '@tdev-api/document';
+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 ScriptMeta from './ScriptMeta';
+import iCodeMeta from './iCodeMeta';
 import File from '../FileSystem/File';
 import ScriptVersion from '../ScriptVersion';
 
-type Props<T extends ScriptTypes> = DocumentProps<T>;
+type Props<T extends CodeType> = DocumentProps<T>;
 
 interface Version {
     code: string;
@@ -22,7 +17,7 @@ interface Version {
     pasted?: boolean;
 }
 
-class iScript<T extends ScriptTypes = ScriptTypes> extends iDocument<T> {
+class iCode<T extends CodeType = CodeType> extends iDocument<T> {
     @observable accessor code: string;
     @observable accessor _initialVersionsLoaded: boolean = false;
     @observable accessor showRaw: boolean = false;
@@ -197,6 +192,10 @@ class iScript<T extends ScriptTypes = ScriptTypes> extends iDocument<T> {
         return false;
     }
 
+    get isExecuting(): boolean {
+        return false;
+    }
+
     @action
     execScript() {
         // NOOP
@@ -222,12 +221,12 @@ class iScript<T extends ScriptTypes = ScriptTypes> extends iDocument<T> {
     }
 
     @computed
-    get meta(): ScriptMeta<T> {
+    get meta(): iCodeMeta<T> {
         if (this.root?.type === this.type) {
-            return this.root.meta as ScriptMeta<T>;
+            return this.root.meta as iCodeMeta<T>;
         }
-        return new ScriptMeta({ code: '' }, this.type);
+        return new iCodeMeta({ code: '' }, this.type);
     }
 }
 
-export default iScript;
+export default iCode;
diff --git a/src/stores/ComponentStore.ts b/src/stores/ComponentStore.ts
index 19e4fbca2..1851ca9b1 100644
--- a/src/stores/ComponentStore.ts
+++ b/src/stores/ComponentStore.ts
@@ -1,14 +1,18 @@
+import { CodeMeta } from '@tdev-models/documents/Code';
 import { RootStore } from './rootStore';
 import {
-    type ScriptTypes,
+    type CodeType,
     TypeModelMapping,
     type ContainerType,
     type ContainerTypeModelMapping
 } from '@tdev-api/document';
 import { ContainerMeta } from '@tdev-models/documents/DynamicDocumentRoots/ContainerMeta';
-import iScript from '@tdev-models/documents/iScript';
+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];
 }
@@ -18,11 +22,11 @@ export interface ContainerComponent<T extends ContainerType = ContainerType> {
     component: React.ComponentType<ContainerProps<T>>;
 }
 
-export interface EditorComponentProps<T extends ScriptTypes = ScriptTypes> {
+export interface EditorComponentProps<T extends CodeType = CodeType> {
     script: TypeModelMapping[T];
 }
 
-export interface EditorComponent<T extends ScriptTypes = ScriptTypes> {
+export interface EditorComponent<T extends CodeType = CodeType> {
     /**
      * e.g. to run code or to show the title
      */
@@ -30,18 +34,21 @@ export interface EditorComponent<T extends ScriptTypes = ScriptTypes> {
     /**
      * e.g. to show the outputs/logs
      */
-    Logs?: React.ComponentType<EditorComponentProps<T>>;
+    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<ScriptTypes, EditorComponent>();
+    editorComponents = new Map<CodeType, EditorComponent>();
 
     constructor(root: RootStore) {
         this.root = root;
@@ -55,6 +62,7 @@ class ComponentStore {
         this.components.set(type, component as ContainerComponent<any>);
     }
 
+    @computed
     get registeredContainerTypes(): ContainerType[] {
         return [...this.components.keys()];
     }
@@ -66,13 +74,39 @@ class ComponentStore {
         return this.components.has(type as ContainerType);
     }
 
-    editorComponent<T extends ScriptTypes>(type: T): EditorComponent<T> | undefined {
+    editorComponent<T extends CodeType>(type: T): EditorComponent<T> | undefined {
         return this.editorComponents.get(type) as EditorComponent<T> | undefined;
     }
 
-    registerEditorComponent<T extends ScriptTypes>(type: T, component: EditorComponent<T>) {
+    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/theme/CodeBlock/index.tsx b/src/theme/CodeBlock/index.tsx
index 4478c10bc..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;
@@ -81,8 +92,11 @@ const CodeBlockWrapper = (props: Props & MetaProps): React.ReactNode => {
     // 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)}

From 1355246b5fb4120695f8512760e4744efdffbe4a Mon Sep 17 00:00:00 2001
From: bh0fer <lebalz@outlook.com>
Date: Mon, 19 Jan 2026 10:05:38 +0100
Subject: [PATCH 23/46] use cleaner naming convention

---
 packages/tdev/brython-code/README.mdx         | 11 +++
 .../components/Footer/index.tsx               |  2 +-
 .../components/Header/index.tsx               |  2 +-
 .../components/Header/styles.module.scss      |  0
 .../components/Meta/BrythonCommunicator.tsx   |  4 +-
 .../components/Meta/Graphics/Canvas.tsx       |  4 +-
 .../components/Meta/Graphics/Turtle.tsx       |  6 +-
 .../components/Meta/Graphics/index.tsx        |  2 +-
 .../Meta/Graphics/styles.module.scss          |  0
 .../components/Meta/index.tsx                 |  2 +-
 .../components/utils/bryRunner.ts             |  2 +-
 .../components/utils/checkForButtonClick.ts   |  0
 .../components/utils/helpers.ts               |  0
 .../components/utils/saveSvg.ts               |  0
 .../components/utils/svgWithoutAnimations.ts  |  0
 .../tdev/{brython => brython-code}/index.ts   |  0
 .../models/Script.ts                          |  2 +-
 .../{brython => brython-code}/package.json    |  2 +-
 .../{brython => brython-code}/register.ts     |  0
 .../{brython => brython-code}/tsconfig.json   |  0
 .../tdev/{brython => pyodide-code}/README.mdx |  7 +-
 .../components/Head/index.tsx                 |  0
 .../components/Head/styles.module.scss        |  0
 .../components/Pyodide.tsx                    |  0
 .../components/styles.module.scss             |  0
 .../config.ts                                 |  0
 .../hooks/usePyodide.ts                       |  0
 .../{pyodide-script => pyodide-code}/index.ts |  4 +-
 .../models/ModelMeta.ts                       |  4 +-
 .../models/PyodideScript.ts                   | 12 +--
 .../package.json                              |  2 +-
 .../register.ts                               |  2 +-
 .../stores/PyodideStore.ts                    |  0
 .../tsconfig.json                             |  0
 .../workers/helper.loadPackages.ts            |  0
 .../workers/pyodide.sw.ts                     |  0
 .../workers/pyodide.worker.ts                 |  0
 packages/tdev/pyodide-script/README.mdx       | 93 -------------------
 tdev-website/siteConfig.ts                    |  4 +-
 39 files changed, 43 insertions(+), 124 deletions(-)
 create mode 100644 packages/tdev/brython-code/README.mdx
 rename packages/tdev/{brython => brython-code}/components/Footer/index.tsx (93%)
 rename packages/tdev/{brython => brython-code}/components/Header/index.tsx (93%)
 rename packages/tdev/{brython => brython-code}/components/Header/styles.module.scss (100%)
 rename packages/tdev/{brython => brython-code}/components/Meta/BrythonCommunicator.tsx (95%)
 rename packages/tdev/{brython => brython-code}/components/Meta/Graphics/Canvas.tsx (95%)
 rename packages/tdev/{brython => brython-code}/components/Meta/Graphics/Turtle.tsx (91%)
 rename packages/tdev/{brython => brython-code}/components/Meta/Graphics/index.tsx (96%)
 rename packages/tdev/{brython => brython-code}/components/Meta/Graphics/styles.module.scss (100%)
 rename packages/tdev/{brython => brython-code}/components/Meta/index.tsx (95%)
 rename packages/tdev/{brython => brython-code}/components/utils/bryRunner.ts (96%)
 rename packages/tdev/{brython => brython-code}/components/utils/checkForButtonClick.ts (100%)
 rename packages/tdev/{brython => brython-code}/components/utils/helpers.ts (100%)
 rename packages/tdev/{brython => brython-code}/components/utils/saveSvg.ts (100%)
 rename packages/tdev/{brython => brython-code}/components/utils/svgWithoutAnimations.ts (100%)
 rename packages/tdev/{brython => brython-code}/index.ts (100%)
 rename packages/tdev/{brython => brython-code}/models/Script.ts (98%)
 rename packages/tdev/{brython => brython-code}/package.json (93%)
 rename packages/tdev/{brython => brython-code}/register.ts (100%)
 rename packages/tdev/{brython => brython-code}/tsconfig.json (100%)
 rename packages/tdev/{brython => pyodide-code}/README.mdx (92%)
 rename packages/tdev/{pyodide-script => pyodide-code}/components/Head/index.tsx (100%)
 rename packages/tdev/{pyodide-script => pyodide-code}/components/Head/styles.module.scss (100%)
 rename packages/tdev/{pyodide-script => pyodide-code}/components/Pyodide.tsx (100%)
 rename packages/tdev/{pyodide-script => pyodide-code}/components/styles.module.scss (100%)
 rename packages/tdev/{pyodide-script => pyodide-code}/config.ts (100%)
 rename packages/tdev/{pyodide-script => pyodide-code}/hooks/usePyodide.ts (100%)
 rename packages/tdev/{pyodide-script => pyodide-code}/index.ts (85%)
 rename packages/tdev/{pyodide-script => pyodide-code}/models/ModelMeta.ts (65%)
 rename packages/tdev/{pyodide-script => pyodide-code}/models/PyodideScript.ts (85%)
 rename packages/tdev/{pyodide-script => pyodide-code}/package.json (93%)
 rename packages/tdev/{pyodide-script => pyodide-code}/register.ts (84%)
 rename packages/tdev/{pyodide-script => pyodide-code}/stores/PyodideStore.ts (100%)
 rename packages/tdev/{pyodide-script => pyodide-code}/tsconfig.json (100%)
 rename packages/tdev/{pyodide-script => pyodide-code}/workers/helper.loadPackages.ts (100%)
 rename packages/tdev/{pyodide-script => pyodide-code}/workers/pyodide.sw.ts (100%)
 rename packages/tdev/{pyodide-script => pyodide-code}/workers/pyodide.worker.ts (100%)
 delete mode 100644 packages/tdev/pyodide-script/README.mdx

diff --git a/packages/tdev/brython-code/README.mdx b/packages/tdev/brython-code/README.mdx
new file mode 100644
index 000000000..4084e761a
--- /dev/null
+++ b/packages/tdev/brython-code/README.mdx
@@ -0,0 +1,11 @@
+---
+page_id: e7bde0ab-c0fe-4225-8325-e4ebc22d414b
+tags:
+  - '@tdev/'
+  - python
+  - code
+---
+
+import BrowserWindow from '@tdev-components/BrowserWindow';
+
+# brython-code
diff --git a/packages/tdev/brython/components/Footer/index.tsx b/packages/tdev/brython-code/components/Footer/index.tsx
similarity index 93%
rename from packages/tdev/brython/components/Footer/index.tsx
rename to packages/tdev/brython-code/components/Footer/index.tsx
index d068fe5fd..388ad76a1 100644
--- a/packages/tdev/brython/components/Footer/index.tsx
+++ b/packages/tdev/brython-code/components/Footer/index.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import CodeBlock from '@theme-original/CodeBlock';
 import { observer } from 'mobx-react-lite';
-import type Script from '@tdev/brython/models/Script';
+import type Script from '@tdev/brython-code/models/Script';
 import Container from '@tdev-components/documents/CodeEditor/Editor/Footer/Container';
 
 interface Props {
diff --git a/packages/tdev/brython/components/Header/index.tsx b/packages/tdev/brython-code/components/Header/index.tsx
similarity index 93%
rename from packages/tdev/brython/components/Header/index.tsx
rename to packages/tdev/brython-code/components/Header/index.tsx
index f0d5f9bae..ebb7ba60c 100644
--- a/packages/tdev/brython/components/Header/index.tsx
+++ b/packages/tdev/brython-code/components/Header/index.tsx
@@ -2,7 +2,7 @@ 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/models/Script';
+import Script from '@tdev/brython-code/models/Script';
 import Content from '@tdev-components/documents/CodeEditor/Editor/Header/Content';
 
 interface Props {
diff --git a/packages/tdev/brython/components/Header/styles.module.scss b/packages/tdev/brython-code/components/Header/styles.module.scss
similarity index 100%
rename from packages/tdev/brython/components/Header/styles.module.scss
rename to packages/tdev/brython-code/components/Header/styles.module.scss
diff --git a/packages/tdev/brython/components/Meta/BrythonCommunicator.tsx b/packages/tdev/brython-code/components/Meta/BrythonCommunicator.tsx
similarity index 95%
rename from packages/tdev/brython/components/Meta/BrythonCommunicator.tsx
rename to packages/tdev/brython-code/components/Meta/BrythonCommunicator.tsx
index ca6de9893..9e7b1839d 100644
--- a/packages/tdev/brython/components/Meta/BrythonCommunicator.tsx
+++ b/packages/tdev/brython-code/components/Meta/BrythonCommunicator.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { observer } from 'mobx-react-lite';
-import { BRYTHON_NOTIFICATION_EVENT, DOM_ELEMENT_IDS } from '@tdev/brython';
-import Script, { LogMessage } from '@tdev/brython/models/Script';
+import { BRYTHON_NOTIFICATION_EVENT, DOM_ELEMENT_IDS } from '@tdev/brython-code';
+import Script, { LogMessage } from '@tdev/brython-code/models/Script';
 
 interface Props {
     script: Script;
diff --git a/packages/tdev/brython/components/Meta/Graphics/Canvas.tsx b/packages/tdev/brython-code/components/Meta/Graphics/Canvas.tsx
similarity index 95%
rename from packages/tdev/brython/components/Meta/Graphics/Canvas.tsx
rename to packages/tdev/brython-code/components/Meta/Graphics/Canvas.tsx
index 14708a154..888a33f56 100644
--- a/packages/tdev/brython/components/Meta/Graphics/Canvas.tsx
+++ b/packages/tdev/brython-code/components/Meta/Graphics/Canvas.tsx
@@ -3,9 +3,9 @@ import styles from './styles.module.scss';
 import Button from '@tdev-components/documents/CodeEditor/Button';
 import { observer } from 'mobx-react-lite';
 import { mdiDownload } from '@mdi/js';
-import Script from '@tdev/brython/models/Script';
+import Script from '@tdev/brython-code/models/Script';
 import Graphics from '.';
-import { DOM_ELEMENT_IDS } from '@tdev/brython';
+import { DOM_ELEMENT_IDS } from '@tdev/brython-code';
 
 const downloadCanvas = (canvasId: string) => {
     const canvas = document.getElementById(canvasId) as HTMLCanvasElement;
diff --git a/packages/tdev/brython/components/Meta/Graphics/Turtle.tsx b/packages/tdev/brython-code/components/Meta/Graphics/Turtle.tsx
similarity index 91%
rename from packages/tdev/brython/components/Meta/Graphics/Turtle.tsx
rename to packages/tdev/brython-code/components/Meta/Graphics/Turtle.tsx
index aa424ed50..0d96c913c 100644
--- a/packages/tdev/brython/components/Meta/Graphics/Turtle.tsx
+++ b/packages/tdev/brython-code/components/Meta/Graphics/Turtle.tsx
@@ -1,13 +1,13 @@
 import * as React from 'react';
 import styles from './styles.module.scss';
-import { saveSvg } from '@tdev/brython/components/utils/saveSvg';
+import { saveSvg } from '@tdev/brython-code/components/utils/saveSvg';
 import Button from '@tdev-components/documents/CodeEditor/Button';
 import clsx from 'clsx';
 import { observer } from 'mobx-react-lite';
 import { mdiAnimationPlay, mdiDownload } from '@mdi/js';
-import Script from '@tdev/brython/models/Script';
+import Script from '@tdev/brython-code/models/Script';
 import Graphics from '.';
-import { DOM_ELEMENT_IDS } from '@tdev/brython';
+import { DOM_ELEMENT_IDS } from '@tdev/brython-code';
 
 interface Props {
     script: Script;
diff --git a/packages/tdev/brython/components/Meta/Graphics/index.tsx b/packages/tdev/brython-code/components/Meta/Graphics/index.tsx
similarity index 96%
rename from packages/tdev/brython/components/Meta/Graphics/index.tsx
rename to packages/tdev/brython-code/components/Meta/Graphics/index.tsx
index 99b934615..631b38e96 100644
--- a/packages/tdev/brython/components/Meta/Graphics/index.tsx
+++ b/packages/tdev/brython-code/components/Meta/Graphics/index.tsx
@@ -6,7 +6,7 @@ import Button from '@tdev-components/documents/CodeEditor/Button';
 import clsx from 'clsx';
 import { observer } from 'mobx-react-lite';
 import { mdiClose } from '@mdi/js';
-import type Script from '@tdev/brython/models/Script';
+import type Script from '@tdev/brython-code/models/Script';
 import { DOM_ELEMENT_IDS } from '../../..';
 
 export interface Props {
diff --git a/packages/tdev/brython/components/Meta/Graphics/styles.module.scss b/packages/tdev/brython-code/components/Meta/Graphics/styles.module.scss
similarity index 100%
rename from packages/tdev/brython/components/Meta/Graphics/styles.module.scss
rename to packages/tdev/brython-code/components/Meta/Graphics/styles.module.scss
diff --git a/packages/tdev/brython/components/Meta/index.tsx b/packages/tdev/brython-code/components/Meta/index.tsx
similarity index 95%
rename from packages/tdev/brython/components/Meta/index.tsx
rename to packages/tdev/brython-code/components/Meta/index.tsx
index 42b4d6b18..da2f4df13 100644
--- a/packages/tdev/brython/components/Meta/index.tsx
+++ b/packages/tdev/brython-code/components/Meta/index.tsx
@@ -6,7 +6,7 @@ import Turtle from './Graphics/Turtle';
 import Canvas from './Graphics/Canvas';
 import Graphics from './Graphics';
 import BrythonCommunicator from './BrythonCommunicator';
-import Script from '@tdev/brython/models/Script';
+import Script from '@tdev/brython-code/models/Script';
 
 interface Props {
     script: Script;
diff --git a/packages/tdev/brython/components/utils/bryRunner.ts b/packages/tdev/brython-code/components/utils/bryRunner.ts
similarity index 96%
rename from packages/tdev/brython/components/utils/bryRunner.ts
rename to packages/tdev/brython-code/components/utils/bryRunner.ts
index 4d065df5b..843ca10f0 100644
--- a/packages/tdev/brython/components/utils/bryRunner.ts
+++ b/packages/tdev/brython-code/components/utils/bryRunner.ts
@@ -1,6 +1,6 @@
 import { RouterType } from '@docusaurus/types';
 import { sanitizePyScript } from './helpers';
-import { DOM_ELEMENT_IDS } from '@tdev/brython';
+import { DOM_ELEMENT_IDS } from '@tdev/brython-code';
 
 export const runCode = (
     code: string,
diff --git a/packages/tdev/brython/components/utils/checkForButtonClick.ts b/packages/tdev/brython-code/components/utils/checkForButtonClick.ts
similarity index 100%
rename from packages/tdev/brython/components/utils/checkForButtonClick.ts
rename to packages/tdev/brython-code/components/utils/checkForButtonClick.ts
diff --git a/packages/tdev/brython/components/utils/helpers.ts b/packages/tdev/brython-code/components/utils/helpers.ts
similarity index 100%
rename from packages/tdev/brython/components/utils/helpers.ts
rename to packages/tdev/brython-code/components/utils/helpers.ts
diff --git a/packages/tdev/brython/components/utils/saveSvg.ts b/packages/tdev/brython-code/components/utils/saveSvg.ts
similarity index 100%
rename from packages/tdev/brython/components/utils/saveSvg.ts
rename to packages/tdev/brython-code/components/utils/saveSvg.ts
diff --git a/packages/tdev/brython/components/utils/svgWithoutAnimations.ts b/packages/tdev/brython-code/components/utils/svgWithoutAnimations.ts
similarity index 100%
rename from packages/tdev/brython/components/utils/svgWithoutAnimations.ts
rename to packages/tdev/brython-code/components/utils/svgWithoutAnimations.ts
diff --git a/packages/tdev/brython/index.ts b/packages/tdev/brython-code/index.ts
similarity index 100%
rename from packages/tdev/brython/index.ts
rename to packages/tdev/brython-code/index.ts
diff --git a/packages/tdev/brython/models/Script.ts b/packages/tdev/brython-code/models/Script.ts
similarity index 98%
rename from packages/tdev/brython/models/Script.ts
rename to packages/tdev/brython-code/models/Script.ts
index bd8789db1..6ad7a8d9d 100644
--- a/packages/tdev/brython/models/Script.ts
+++ b/packages/tdev/brython-code/models/Script.ts
@@ -1,5 +1,5 @@
 import { action, computed, observable } from 'mobx';
-import { runCode } from '@tdev/brython/components/utils/bryRunner';
+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';
diff --git a/packages/tdev/brython/package.json b/packages/tdev/brython-code/package.json
similarity index 93%
rename from packages/tdev/brython/package.json
rename to packages/tdev/brython-code/package.json
index 3d79e26d3..3e231cb48 100644
--- a/packages/tdev/brython/package.json
+++ b/packages/tdev/brython-code/package.json
@@ -1,5 +1,5 @@
 {
-    "name": "@tdev/brython",
+    "name": "@tdev/brython-code",
     "version": "1.0.0",
     "main": "index.ts",
     "types": "index.ts",
diff --git a/packages/tdev/brython/register.ts b/packages/tdev/brython-code/register.ts
similarity index 100%
rename from packages/tdev/brython/register.ts
rename to packages/tdev/brython-code/register.ts
diff --git a/packages/tdev/brython/tsconfig.json b/packages/tdev/brython-code/tsconfig.json
similarity index 100%
rename from packages/tdev/brython/tsconfig.json
rename to packages/tdev/brython-code/tsconfig.json
diff --git a/packages/tdev/brython/README.mdx b/packages/tdev/pyodide-code/README.mdx
similarity index 92%
rename from packages/tdev/brython/README.mdx
rename to packages/tdev/pyodide-code/README.mdx
index ae6cffff9..ddce4f7f7 100644
--- a/packages/tdev/brython/README.mdx
+++ b/packages/tdev/pyodide-code/README.mdx
@@ -3,15 +3,16 @@ page_id: e7bde0ab-c0fe-4225-8325-e4ebc22d414b
 tags:
   - '@tdev/'
   - python
+  - code
 ---
 
-import Pyodide from '@tdev/pyodide-script/components/Pyodide';
+import Pyodide from '@tdev/pyodide-code/components/Pyodide';
 import BrowserWindow from '@tdev-components/BrowserWindow';
 
-# pyodide-script
+# pyodide-code
 
 ````jsx
-import Pyodide from '@tdev/pyodide-script/components/Pyodide';
+import Pyodide from '@tdev/pyodide-code/components/Pyodide';
 
 <Pyodide id="c6853b80-6cb5-4e3f-996f-320c72a374c5" title="Hello World">
 ```py
diff --git a/packages/tdev/pyodide-script/components/Head/index.tsx b/packages/tdev/pyodide-code/components/Head/index.tsx
similarity index 100%
rename from packages/tdev/pyodide-script/components/Head/index.tsx
rename to packages/tdev/pyodide-code/components/Head/index.tsx
diff --git a/packages/tdev/pyodide-script/components/Head/styles.module.scss b/packages/tdev/pyodide-code/components/Head/styles.module.scss
similarity index 100%
rename from packages/tdev/pyodide-script/components/Head/styles.module.scss
rename to packages/tdev/pyodide-code/components/Head/styles.module.scss
diff --git a/packages/tdev/pyodide-script/components/Pyodide.tsx b/packages/tdev/pyodide-code/components/Pyodide.tsx
similarity index 100%
rename from packages/tdev/pyodide-script/components/Pyodide.tsx
rename to packages/tdev/pyodide-code/components/Pyodide.tsx
diff --git a/packages/tdev/pyodide-script/components/styles.module.scss b/packages/tdev/pyodide-code/components/styles.module.scss
similarity index 100%
rename from packages/tdev/pyodide-script/components/styles.module.scss
rename to packages/tdev/pyodide-code/components/styles.module.scss
diff --git a/packages/tdev/pyodide-script/config.ts b/packages/tdev/pyodide-code/config.ts
similarity index 100%
rename from packages/tdev/pyodide-script/config.ts
rename to packages/tdev/pyodide-code/config.ts
diff --git a/packages/tdev/pyodide-script/hooks/usePyodide.ts b/packages/tdev/pyodide-code/hooks/usePyodide.ts
similarity index 100%
rename from packages/tdev/pyodide-script/hooks/usePyodide.ts
rename to packages/tdev/pyodide-code/hooks/usePyodide.ts
diff --git a/packages/tdev/pyodide-script/index.ts b/packages/tdev/pyodide-code/index.ts
similarity index 85%
rename from packages/tdev/pyodide-script/index.ts
rename to packages/tdev/pyodide-code/index.ts
index 58fac206f..72b1ccf1a 100644
--- a/packages/tdev/pyodide-script/index.ts
+++ b/packages/tdev/pyodide-code/index.ts
@@ -7,10 +7,10 @@ export interface PyodideData {
 
 declare module '@tdev-api/document' {
     export interface TypeDataMapping {
-        ['pyodide_script']: PyodideData;
+        ['pyodide_code']: PyodideData;
     }
     export interface TypeModelMapping {
-        ['pyodide_script']: PyodideScript;
+        ['pyodide_code']: PyodideScript;
     }
     export interface ViewStoreTypeMapping {
         ['pyodideStore']: PyodideStore; // placeholder to avoid empty interface error
diff --git a/packages/tdev/pyodide-script/models/ModelMeta.ts b/packages/tdev/pyodide-code/models/ModelMeta.ts
similarity index 65%
rename from packages/tdev/pyodide-script/models/ModelMeta.ts
rename to packages/tdev/pyodide-code/models/ModelMeta.ts
index cb86a0947..7d35b4a04 100644
--- a/packages/tdev/pyodide-script/models/ModelMeta.ts
+++ b/packages/tdev/pyodide-code/models/ModelMeta.ts
@@ -4,8 +4,8 @@ export interface MetaInit {
     readonly: boolean;
 }
 
-export class ModelMeta extends iCodeMeta<'pyodide_script'> {
+export class ModelMeta extends iCodeMeta<'pyodide_code'> {
     constructor(props: Partial<MetaInit>) {
-        super(props, 'pyodide_script');
+        super(props, 'pyodide_code');
     }
 }
diff --git a/packages/tdev/pyodide-script/models/PyodideScript.ts b/packages/tdev/pyodide-code/models/PyodideScript.ts
similarity index 85%
rename from packages/tdev/pyodide-script/models/PyodideScript.ts
rename to packages/tdev/pyodide-code/models/PyodideScript.ts
index 8461009ad..665725f8b 100644
--- a/packages/tdev/pyodide-script/models/PyodideScript.ts
+++ b/packages/tdev/pyodide-code/models/PyodideScript.ts
@@ -7,15 +7,15 @@ import { Message } from '../config';
 import iCode from '@tdev-models/documents/iCode';
 
 export const createModel: Factory = (data, store) => {
-    return new PyodideScript(data as DocumentProps<'pyodide_script'>, store);
+    return new PyodideScript(data as DocumentProps<'pyodide_code'>, store);
 };
 
-class PyodideScript extends iCode<'pyodide_script'> {
+class PyodideScript extends iCode<'pyodide_code'> {
     @observable accessor code: string;
     @observable accessor runtimeId: number | null = null;
     @observable accessor promptResponse: string | null = null;
     logs = observable.array<Message>([], { deep: false });
-    constructor(props: DocumentProps<'pyodide_script'>, store: DocumentStore) {
+    constructor(props: DocumentProps<'pyodide_code'>, store: DocumentStore) {
         super(props, store);
         this.code = props.data?.code || this.meta.initCode || '';
     }
@@ -71,7 +71,7 @@ class PyodideScript extends iCode<'pyodide_script'> {
     }
 
     @action
-    setData(data: TypeDataMapping['pyodide_script'], from: Source, updatedAt?: Date): void {
+    setData(data: TypeDataMapping['pyodide_code'], from: Source, updatedAt?: Date): void {
         this.code = data.code;
         if (from === Source.LOCAL) {
             this.save();
@@ -81,7 +81,7 @@ class PyodideScript extends iCode<'pyodide_script'> {
         }
     }
 
-    get data(): TypeDataMapping['pyodide_script'] {
+    get data(): TypeDataMapping['pyodide_code'] {
         return {
             code: this.code
         };
@@ -89,7 +89,7 @@ class PyodideScript extends iCode<'pyodide_script'> {
 
     @computed
     get meta(): ModelMeta {
-        if (this.root?.type === 'pyodide_script') {
+        if (this.root?.type === 'pyodide_code') {
             return this.root.meta as ModelMeta;
         }
         return new ModelMeta({});
diff --git a/packages/tdev/pyodide-script/package.json b/packages/tdev/pyodide-code/package.json
similarity index 93%
rename from packages/tdev/pyodide-script/package.json
rename to packages/tdev/pyodide-code/package.json
index 5636cdd10..5ca083113 100644
--- a/packages/tdev/pyodide-script/package.json
+++ b/packages/tdev/pyodide-code/package.json
@@ -1,5 +1,5 @@
 {
-    "name": "@tdev/pyodide-script",
+    "name": "@tdev/pyodide-code",
     "version": "1.0.0",
     "main": "index.ts",
     "types": "index.ts",
diff --git a/packages/tdev/pyodide-script/register.ts b/packages/tdev/pyodide-code/register.ts
similarity index 84%
rename from packages/tdev/pyodide-script/register.ts
rename to packages/tdev/pyodide-code/register.ts
index 4f48088f1..033f8fe9a 100644
--- a/packages/tdev/pyodide-script/register.ts
+++ b/packages/tdev/pyodide-code/register.ts
@@ -9,7 +9,7 @@ const createStore = (viewStore: ViewStore) => {
 
 const register = () => {
     rootStore.viewStore.registerStore('pyodideStore', createStore);
-    rootStore.documentStore.registerFactory('pyodide_script', createModel);
+    rootStore.documentStore.registerFactory('pyodide_code', createModel);
 };
 
 register();
diff --git a/packages/tdev/pyodide-script/stores/PyodideStore.ts b/packages/tdev/pyodide-code/stores/PyodideStore.ts
similarity index 100%
rename from packages/tdev/pyodide-script/stores/PyodideStore.ts
rename to packages/tdev/pyodide-code/stores/PyodideStore.ts
diff --git a/packages/tdev/pyodide-script/tsconfig.json b/packages/tdev/pyodide-code/tsconfig.json
similarity index 100%
rename from packages/tdev/pyodide-script/tsconfig.json
rename to packages/tdev/pyodide-code/tsconfig.json
diff --git a/packages/tdev/pyodide-script/workers/helper.loadPackages.ts b/packages/tdev/pyodide-code/workers/helper.loadPackages.ts
similarity index 100%
rename from packages/tdev/pyodide-script/workers/helper.loadPackages.ts
rename to packages/tdev/pyodide-code/workers/helper.loadPackages.ts
diff --git a/packages/tdev/pyodide-script/workers/pyodide.sw.ts b/packages/tdev/pyodide-code/workers/pyodide.sw.ts
similarity index 100%
rename from packages/tdev/pyodide-script/workers/pyodide.sw.ts
rename to packages/tdev/pyodide-code/workers/pyodide.sw.ts
diff --git a/packages/tdev/pyodide-script/workers/pyodide.worker.ts b/packages/tdev/pyodide-code/workers/pyodide.worker.ts
similarity index 100%
rename from packages/tdev/pyodide-script/workers/pyodide.worker.ts
rename to packages/tdev/pyodide-code/workers/pyodide.worker.ts
diff --git a/packages/tdev/pyodide-script/README.mdx b/packages/tdev/pyodide-script/README.mdx
deleted file mode 100644
index ae6cffff9..000000000
--- a/packages/tdev/pyodide-script/README.mdx
+++ /dev/null
@@ -1,93 +0,0 @@
----
-page_id: e7bde0ab-c0fe-4225-8325-e4ebc22d414b
-tags:
-  - '@tdev/'
-  - python
----
-
-import Pyodide from '@tdev/pyodide-script/components/Pyodide';
-import BrowserWindow from '@tdev-components/BrowserWindow';
-
-# pyodide-script
-
-````jsx
-import Pyodide from '@tdev/pyodide-script/components/Pyodide';
-
-<Pyodide id="c6853b80-6cb5-4e3f-996f-320c72a374c5" title="Hello World">
-```py
-print('Hello from Pyodide!')
-```
-</Pyodide>
-````
-
-<BrowserWindow>
-<Pyodide id="a4164712-ad52-45e1-97b5-e578b41a22c1" title="Hello World">
-```py
-print('Hello from Pyodide!')
-```
-</Pyodide>
-</BrowserWindow>
-
-## Sleep
-<Pyodide id="82e559e8-db77-4efb-adcc-f6cd18085c9e" title="Sleep und Ausgabe">
-```py
-from time import sleep
-for i in range(10):
-    print(i, i*i, i**3)
-    sleep(1)
-```
-</Pyodide>
-
-## Fibonacci
-<Pyodide id="d5d60431-5589-4d38-9c8c-9b563194f5cc" title="Fibonacci ohne Rekursion">
-```py
-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))
-```
-</Pyodide>
-
-### Mit Memoization
-
-<Pyodide id="22b0f649-9b77-4e97-9ccb-cfeb159bbde9" title="Fibonacci mit Memoization">
-```py
-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)}")
-```
-</Pyodide>
-
-## Minimierung mit SciPy
-
-<Pyodide id="8e484282-faac-4955-b0a2-b0a2e270f765" title="Minimierung mit SciPy">
-```py
-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)
-```
-</Pyodide>
diff --git a/tdev-website/siteConfig.ts b/tdev-website/siteConfig.ts
index e1e6fa075..66bd6eb64 100644
--- a/tdev-website/siteConfig.ts
+++ b/tdev-website/siteConfig.ts
@@ -74,8 +74,8 @@ const getSiteConfig: SiteConfigProvider = () => {
         apiDocumentProviders: [
             require.resolve('@tdev/netpbm-graphic/register'),
             require.resolve('@tdev/text-message/register'),
-            require.resolve('@tdev/pyodide-script/register'),
-            require.resolve('@tdev/brython/register')
+            require.resolve('@tdev/pyodide-code/register'),
+            require.resolve('@tdev/brython-code/register')
         ]
     };
 };

From 104f2605adbb3dec5a1ba369761f2f06fc0533d4 Mon Sep 17 00:00:00 2001
From: bh0fer <lebalz@outlook.com>
Date: Mon, 19 Jan 2026 11:36:35 +0100
Subject: [PATCH 24/46] use iCode and components for pyodide code

---
 packages/tdev/pyodide-code/README.mdx         |  34 ++---
 .../pyodide-code/components/Footer/index.tsx  |  65 +++++++++
 .../components/Footer/styles.module.scss      |  29 ++++
 .../pyodide-code/components/Head/index.tsx    |  42 ------
 .../components/Head/styles.module.scss        |  10 --
 .../pyodide-code/components/Header/index.tsx  |  35 +++++
 .../components/Header/styles.module.scss      |  42 ++++++
 .../tdev/pyodide-code/components/Pyodide.tsx  | 138 +-----------------
 packages/tdev/pyodide-code/config.ts          |   4 +-
 packages/tdev/pyodide-code/index.ts           |   4 +-
 .../tdev/pyodide-code/models/ModelMeta.ts     |   2 +-
 .../{PyodideScript.ts => PyodideCode.ts}      |  48 +++++-
 packages/tdev/pyodide-code/register.ts        |  17 ++-
 .../tdev/pyodide-code/stores/PyodideStore.ts  |   8 +-
 .../pyodide-code/workers/pyodide.worker.ts    |  32 +++-
 src/components/documents/CodeEditor/index.tsx |   2 +-
 16 files changed, 274 insertions(+), 238 deletions(-)
 create mode 100644 packages/tdev/pyodide-code/components/Footer/index.tsx
 create mode 100644 packages/tdev/pyodide-code/components/Footer/styles.module.scss
 delete mode 100644 packages/tdev/pyodide-code/components/Head/index.tsx
 delete mode 100644 packages/tdev/pyodide-code/components/Head/styles.module.scss
 create mode 100644 packages/tdev/pyodide-code/components/Header/index.tsx
 create mode 100644 packages/tdev/pyodide-code/components/Header/styles.module.scss
 rename packages/tdev/pyodide-code/models/{PyodideScript.ts => PyodideCode.ts} (65%)

diff --git a/packages/tdev/pyodide-code/README.mdx b/packages/tdev/pyodide-code/README.mdx
index ddce4f7f7..9d4eca536 100644
--- a/packages/tdev/pyodide-code/README.mdx
+++ b/packages/tdev/pyodide-code/README.mdx
@@ -6,42 +6,35 @@ tags:
   - code
 ---
 
-import Pyodide from '@tdev/pyodide-code/components/Pyodide';
 import BrowserWindow from '@tdev-components/BrowserWindow';
 
 # pyodide-code
 
-````jsx
-import Pyodide from '@tdev/pyodide-code/components/Pyodide';
 
-<Pyodide id="c6853b80-6cb5-4e3f-996f-320c72a374c5" title="Hello World">
-```py
-print('Hello from Pyodide!')
+````md
+```py live_pyo id=b26cde2c-5b0b-4acb-814e-9f2b3bdd29a9
+print("Hello from Pyodide!")
 ```
-</Pyodide>
 ````
 
 <BrowserWindow>
-<Pyodide id="a4164712-ad52-45e1-97b5-e578b41a22c1" title="Hello World">
-```py
-print('Hello from Pyodide!')
+```py live_pyo id=b26cde2c-5b0b-4acb-814e-9f2b3bdd29a9
+print("Hello from Pyodide!")
 ```
-</Pyodide>
 </BrowserWindow>
 
 ## Sleep
-<Pyodide id="82e559e8-db77-4efb-adcc-f6cd18085c9e" title="Sleep und Ausgabe">
-```py
+
+
+```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)
 ```
-</Pyodide>
 
 ## Fibonacci
-<Pyodide id="d5d60431-5589-4d38-9c8c-9b563194f5cc" title="Fibonacci ohne Rekursion">
-```py
+```py live_pyo id=d5d60431-5589-4d38-9c8c-9b563194f5cc title=Fibonacci_ohne_Rekursion
 def fibonacci(n):
     if n <= 0:
         return []
@@ -57,12 +50,10 @@ def fibonacci(n):
 n = int(input("fib von? "))
 print(fibonacci(n))
 ```
-</Pyodide>
 
 ### Mit Memoization
 
-<Pyodide id="22b0f649-9b77-4e97-9ccb-cfeb159bbde9" title="Fibonacci mit Memoization">
-```py
+```py live_pyo id=22b0f649-9b77-4e97-9ccb-cfeb159bbde9 title=Fibonacci_mit_Memoization
 from functools import lru_cache
 
 @lru_cache
@@ -74,12 +65,10 @@ def fibonacci(n):
 for n in range(1, 200):
     print(f"Fibonacci({n}) = {fibonacci(n)}")
 ```
-</Pyodide>
 
 ## Minimierung mit SciPy
 
-<Pyodide id="8e484282-faac-4955-b0a2-b0a2e270f765" title="Minimierung mit SciPy">
-```py
+```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
@@ -91,4 +80,3 @@ result = optimize.minimize(func, x0=0)
 print("Minimum at x =", result.x[0])
 print("Function value at minimum =", result.fun)
 ```
-</Pyodide>
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..114246c45
--- /dev/null
+++ b/packages/tdev/pyodide-code/components/Footer/index.tsx
@@ -0,0 +1,65 @@
+import * as React from 'react';
+import CodeBlock from '@theme-original/CodeBlock';
+import { observer } from 'mobx-react-lite';
+import Container from '@tdev-components/documents/CodeEditor/Editor/Footer/Container';
+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 {
+    script: PyodideCode;
+}
+
+const Logs = observer((props: Props) => {
+    const { script } = props;
+    return (
+        <Container>
+            {script.logs.length > 0 && (
+                <CodeBlock
+                    language="plaintext"
+                    className={clsx(styles.logContainer)}
+                    metastring={`{${script.logErrorIndices.map((range) => range.join('-')).join(',')}}`}
+                >
+                    {script.logs.map((log, idx) => `${log.timeStamp}: ${log.message}`).join('\n')}
+                </CodeBlock>
+            )}
+            {script.hasPrompt && (
+                <div className={clsx(styles.prompt)}>
+                    <div className={clsx(styles.inputContainer)}>
+                        <TextInput
+                            label={script.promptText || 'Eingabe'}
+                            onChange={(text) => {
+                                script.setPromptResponse(text);
+                            }}
+                            value={script.promptResponse || ''}
+                            onEnter={() => {
+                                script.sendPromptResponse();
+                            }}
+                            className={clsx(styles.input)}
+                            labelClassName={clsx(styles.label)}
+                        />
+                    </div>
+                    <div className={clsx(styles.actions)}>
+                        <Button
+                            onClick={() => {
+                                script.sendPromptResponse();
+                            }}
+                            icon={mdiSend}
+                        />
+                        <Button
+                            icon={mdiClose}
+                            onClick={() => {
+                                script.pyodideStore.cancelCodeExecution(script.id);
+                            }}
+                        />
+                    </div>
+                </div>
+            )}
+        </Container>
+    );
+});
+
+export default Logs;
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..23dfc46ab
--- /dev/null
+++ b/packages/tdev/pyodide-code/components/Footer/styles.module.scss
@@ -0,0 +1,29 @@
+.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;
+    }
+}
+.logContainer {
+    .error {
+        color: var(--ifm-color-danger);
+    }
+}
diff --git a/packages/tdev/pyodide-code/components/Head/index.tsx b/packages/tdev/pyodide-code/components/Head/index.tsx
deleted file mode 100644
index 3bacf7df4..000000000
--- a/packages/tdev/pyodide-code/components/Head/index.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-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 { mdiClose, mdiLoading, mdiPlay } from '@mdi/js';
-import PyodideScript from '../../models/PyodideScript';
-interface Props {
-    title?: string;
-    code: PyodideScript;
-}
-const Head = observer((props: Props) => {
-    const { code } = props;
-    const viewStore = useStore('viewStore');
-    const pyodideStore = viewStore.useStore('pyodideStore');
-    return (
-        <div className={clsx(styles.header)}>
-            <h3 className={clsx(styles.title)}>{props.title ?? 'Python'}</h3>
-            <div className={clsx(styles.actions)}>
-                <Button
-                    icon={code.isExecuting ? mdiLoading : mdiPlay}
-                    spin={code.isExecuting}
-                    color="green"
-                    onClick={(e) => {
-                        pyodideStore.run(code);
-                    }}
-                />
-                {code.isExecuting && (
-                    <Button
-                        icon={mdiClose}
-                        onClick={() => {
-                            code.pyodideStore.recreatePyWorker();
-                        }}
-                    />
-                )}
-            </div>
-        </div>
-    );
-});
-
-export default Head;
diff --git a/packages/tdev/pyodide-code/components/Head/styles.module.scss b/packages/tdev/pyodide-code/components/Head/styles.module.scss
deleted file mode 100644
index 2f03234a0..000000000
--- a/packages/tdev/pyodide-code/components/Head/styles.module.scss
+++ /dev/null
@@ -1,10 +0,0 @@
-.header {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    .actions {
-        display: flex;
-        align-items: center;
-        gap: 0.5rem;
-    }
-}
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..bc8ccd4a0
--- /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 {
+    script: PyodideCode;
+}
+
+const Header = observer((props: Props) => {
+    const { script } = props;
+    if (!script) {
+        return null;
+    }
+    return (
+        <Container script={script} ignoreSlim>
+            {!script.meta.slim && <Content script={script} />}
+            {script.canExecute && <RunCode script={script} onExecute={() => script.execScript()} />}
+            {script.isExecuting && (
+                <Button
+                    icon={mdiClose}
+                    onClick={() => {
+                        script.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
index 31f6b80ab..7998ca2b1 100644
--- a/packages/tdev/pyodide-code/components/Pyodide.tsx
+++ b/packages/tdev/pyodide-code/components/Pyodide.tsx
@@ -1,143 +1,9 @@
 import React from 'react';
-import clsx from 'clsx';
-import styles from './styles.module.scss';
 import { observer } from 'mobx-react-lite';
-import { useFirstMainDocument } from '@tdev-hooks/useFirstMainDocument';
-import CodeBlock from '@theme-original/CodeBlock';
-import useIsBrowser from '@docusaurus/useIsBrowser';
-import { useStore } from '@tdev-hooks/useStore';
-import { ModelMeta } from '../models/ModelMeta';
-import CodeEditor from '@tdev-components/shared/CodeEditor';
-import { Source } from '@tdev-models/iDocument';
-import Card from '@tdev-components/shared/Card';
-import Button from '@tdev-components/shared/Button';
-import { mdiClose, mdiSend } from '@mdi/js';
-import TextInput from '@tdev-components/shared/TextInput';
-import { action } from 'mobx';
-import Head from './Head';
+import { CodeEditor, Props } from '@tdev-components/documents/CodeEditor';
 
-export interface Props {
-    code?: string;
-    id?: string;
-    readonly?: boolean;
-    title?: string;
-}
 const Pyodide = observer((props: Props) => {
-    const id = props.id;
-    const viewStore = useStore('viewStore');
-    const pyodideStore = viewStore.useStore('pyodideStore');
-    const userStore = useStore('userStore');
-    const meta = React.useMemo(
-        () =>
-            new ModelMeta({
-                code: props.code || '',
-                readonly: props.readonly || false
-            }),
-        [props.code, props.readonly]
-    );
-    const doc = useFirstMainDocument(id, meta);
-    const isBrowser = useIsBrowser();
-    if (!isBrowser || !doc) {
-        return <CodeBlock language="py">{props.code}</CodeBlock>;
-    }
-    const isInitialized = !userStore.current || doc.isInitialized;
-
-    return (
-        <div className={clsx(styles.pyodide)}>
-            <Card header={<Head title={props.title} code={doc} />}>
-                <div className={clsx(styles.editor)}>
-                    {isInitialized && (
-                        <CodeEditor
-                            value={doc.code}
-                            lang="python"
-                            readonly={!doc.canEdit}
-                            focus={false}
-                            onChange={(value) => {
-                                if (!value) {
-                                    return;
-                                }
-                                try {
-                                    doc.setData({ code: value }, Source.LOCAL, new Date());
-                                } catch (e) {
-                                    console.error(e);
-                                }
-                            }}
-                            onInit={(node) => {
-                                node.editor.commands.addCommand({
-                                    // commands is array of key bindings.
-                                    name: 'execute',
-                                    bindKey: { win: 'Ctrl-Enter', mac: 'Command-Enter' },
-                                    exec: action(() => pyodideStore.run(doc))
-                                });
-                                node.editor.commands.addCommand({
-                                    // commands is array of key bindings.
-                                    name: 'save',
-                                    bindKey: { win: 'Ctrl-s', mac: 'Command-s' },
-                                    exec: () => {
-                                        doc.saveNow();
-                                    }
-                                });
-                                return () => {
-                                    if (node && node.editor) {
-                                        const cmd = node.editor.commands.commands['execute'];
-                                        if (cmd) {
-                                            node.editor.commands.removeCommand(cmd, true);
-                                        }
-                                        const save = node.editor.commands.commands['save'];
-                                        if (save) {
-                                            node.editor.commands.removeCommand(save, true);
-                                        }
-                                    }
-                                };
-                            }}
-                        />
-                    )}
-                </div>
-                <div>
-                    {doc.logs.length > 0 && (
-                        <CodeBlock language="plaintext">
-                            {doc.logs
-                                .filter((l) => l.type !== 'clock')
-                                .map((log, index) => `${log.message}\n`)
-                                .join('')}
-                        </CodeBlock>
-                    )}
-                </div>
-                {doc.hasPrompt && (
-                    <div className={clsx(styles.prompt)}>
-                        <div className={clsx(styles.inputContainer)}>
-                            <TextInput
-                                label={doc.promptText || 'Eingabe'}
-                                onChange={(text) => {
-                                    doc.setPromptResponse(text);
-                                }}
-                                value={doc.promptResponse || ''}
-                                onEnter={() => {
-                                    doc.sendPromptResponse();
-                                }}
-                                className={clsx(styles.input)}
-                                labelClassName={clsx(styles.label)}
-                            />
-                        </div>
-                        <div className={clsx(styles.actions)}>
-                            <Button
-                                onClick={() => {
-                                    doc.sendPromptResponse();
-                                }}
-                                icon={mdiSend}
-                            />
-                            <Button
-                                icon={mdiClose}
-                                onClick={() => {
-                                    doc.pyodideStore.cancelCodeExecution(doc.id);
-                                }}
-                            />
-                        </div>
-                    </div>
-                )}
-            </Card>
-        </div>
-    );
+    return <CodeEditor liveCodeType="live_pyo" {...props} />;
 });
 
 export default Pyodide;
diff --git a/packages/tdev/pyodide-code/config.ts b/packages/tdev/pyodide-code/config.ts
index 2f16729b9..5513b1d0b 100644
--- a/packages/tdev/pyodide-code/config.ts
+++ b/packages/tdev/pyodide-code/config.ts
@@ -11,11 +11,11 @@ interface LogBase {
     timeStamp: number;
 }
 
-interface LogMessage extends LogBase {
+export interface LogMessage extends LogBase {
     type: 'log';
     message: string;
 }
-interface ErrorMessage extends LogBase {
+export interface ErrorMessage extends LogBase {
     type: 'error';
     message: string;
 }
diff --git a/packages/tdev/pyodide-code/index.ts b/packages/tdev/pyodide-code/index.ts
index 72b1ccf1a..21a02e9ff 100644
--- a/packages/tdev/pyodide-code/index.ts
+++ b/packages/tdev/pyodide-code/index.ts
@@ -1,6 +1,6 @@
 import type { CurrentBundler, PluginConfig, PluginModule } from '@docusaurus/types';
 import type PyodideStore from './stores/PyodideStore';
-import PyodideScript from './models/PyodideScript';
+import PyodideCode from './models/PyodideCode';
 export interface PyodideData {
     code: string;
 }
@@ -10,7 +10,7 @@ declare module '@tdev-api/document' {
         ['pyodide_code']: PyodideData;
     }
     export interface TypeModelMapping {
-        ['pyodide_code']: PyodideScript;
+        ['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
index 7d35b4a04..376d71ef7 100644
--- a/packages/tdev/pyodide-code/models/ModelMeta.ts
+++ b/packages/tdev/pyodide-code/models/ModelMeta.ts
@@ -6,6 +6,6 @@ export interface MetaInit {
 
 export class ModelMeta extends iCodeMeta<'pyodide_code'> {
     constructor(props: Partial<MetaInit>) {
-        super(props, 'pyodide_code');
+        super({ lang: 'py', title: 'Python', ...props }, 'pyodide_code');
     }
 }
diff --git a/packages/tdev/pyodide-code/models/PyodideScript.ts b/packages/tdev/pyodide-code/models/PyodideCode.ts
similarity index 65%
rename from packages/tdev/pyodide-code/models/PyodideScript.ts
rename to packages/tdev/pyodide-code/models/PyodideCode.ts
index 665725f8b..741288635 100644
--- a/packages/tdev/pyodide-code/models/PyodideScript.ts
+++ b/packages/tdev/pyodide-code/models/PyodideCode.ts
@@ -3,25 +3,52 @@ 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 { Message } from '../config';
+import { Message, LogMessage, ErrorMessage } from '../config';
 import iCode from '@tdev-models/documents/iCode';
+import { orderBy } from 'es-toolkit/array';
 
 export const createModel: Factory = (data, store) => {
-    return new PyodideScript(data as DocumentProps<'pyodide_code'>, store);
+    return new PyodideCode(data as DocumentProps<'pyodide_code'>, store);
 };
 
-class PyodideScript extends iCode<'pyodide_code'> {
+class PyodideCode extends iCode<'pyodide_code'> {
     @observable accessor code: string;
     @observable accessor runtimeId: number | null = null;
     @observable accessor promptResponse: string | null = null;
-    logs = observable.array<Message>([], { deep: false });
+    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
-    clearLogMessages() {
-        this.logs.clear();
+    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
@@ -67,7 +94,7 @@ class PyodideScript extends iCode<'pyodide_code'> {
 
     @action
     addLogMessage(message: Message) {
-        this.logs.push({ ...message });
+        this.messages.push({ ...message });
     }
 
     @action
@@ -81,6 +108,11 @@ class PyodideScript extends iCode<'pyodide_code'> {
         }
     }
 
+    @action
+    execScript() {
+        this.pyodideStore.run(this);
+    }
+
     get data(): TypeDataMapping['pyodide_code'] {
         return {
             code: this.code
@@ -96,4 +128,4 @@ class PyodideScript extends iCode<'pyodide_code'> {
     }
 }
 
-export default PyodideScript;
+export default PyodideCode;
diff --git a/packages/tdev/pyodide-code/register.ts b/packages/tdev/pyodide-code/register.ts
index 033f8fe9a..28ece4d2c 100644
--- a/packages/tdev/pyodide-code/register.ts
+++ b/packages/tdev/pyodide-code/register.ts
@@ -1,7 +1,11 @@
 import { rootStore } from '@tdev-stores/rootStore';
 import PyodideStore from './stores/PyodideStore';
 import ViewStore from '@tdev-stores/ViewStores';
-import { createModel } from './models/PyodideScript';
+import { createModel } from './models/PyodideCode';
+import { ModelMeta } from './models/ModelMeta';
+import { LiveCode } from '@tdev-stores/ComponentStore';
+import Header from './components/Header';
+import Logs from './components/Footer';
 
 const createStore = (viewStore: ViewStore) => {
     return new PyodideStore(viewStore);
@@ -10,6 +14,17 @@ const createStore = (viewStore: ViewStore) => {
 const register = () => {
     rootStore.viewStore.registerStore('pyodideStore', createStore);
     rootStore.documentStore.registerFactory('pyodide_code', createModel);
+    rootStore.componentStore.registerEditorComponent('pyodide_code', {
+        Header: Header,
+        Footer: Logs,
+        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
index 66dd2d8c1..ef6299027 100644
--- a/packages/tdev/pyodide-code/stores/PyodideStore.ts
+++ b/packages/tdev/pyodide-code/stores/PyodideStore.ts
@@ -4,7 +4,7 @@ import ViewStore from '@tdev-stores/ViewStores';
 import { PyWorker, PyWorkerApi } from '../workers/pyodide.worker';
 import ExecutionEnvironment from '@docusaurus/ExecutionEnvironment';
 import { Message, PY_AWAIT_INPUT, PY_CANCEL_INPUT, PY_INPUT } from '../config';
-import PyodideScript from '../models/PyodideScript';
+import PyodideCode from '../models/PyodideCode';
 import siteConfig from '@generated/docusaurus.config';
 const BASE_URL = siteConfig.baseUrl || '/';
 
@@ -29,8 +29,8 @@ export default class PyodideStore {
     }
 
     @action
-    run(code: PyodideScript) {
-        code.clearLogMessages();
+    run(code: PyodideCode) {
+        code.clearMessages();
         code.setRuntimeId(this.runtimeId);
         if (!this.pyWorker) {
             code.addLogMessage({
@@ -61,7 +61,7 @@ export default class PyodideStore {
     }
 
     @action
-    handleMessage(code: PyodideScript, message: Message) {
+    handleMessage(code: PyodideCode, message: Message) {
         switch (message.type) {
             case 'log':
                 code.addLogMessage(message);
diff --git a/packages/tdev/pyodide-code/workers/pyodide.worker.ts b/packages/tdev/pyodide-code/workers/pyodide.worker.ts
index 14c658441..4fa00f43b 100644
--- a/packages/tdev/pyodide-code/workers/pyodide.worker.ts
+++ b/packages/tdev/pyodide-code/workers/pyodide.worker.ts
@@ -43,6 +43,22 @@ export class PyWorker {
         modules: Record<string, object> = {}
     ): 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);
 
@@ -77,7 +93,7 @@ export class PyWorker {
                                 clockType: clockType as 'hours' | 'minutes' | 'seconds',
                                 value: 0,
                                 id: id,
-                                timeStamp: Date.now()
+                                timeStamp: getTime()
                             });
                         });
                     },
@@ -95,7 +111,7 @@ export class PyWorker {
                                 clockType: clockType as 'hours' | 'minutes' | 'seconds',
                                 value: value as number,
                                 id: id,
-                                timeStamp: Date.now()
+                                timeStamp: getTime()
                             });
                         });
                     },
@@ -106,7 +122,7 @@ export class PyWorker {
                             clockType: 'hours',
                             value: deg,
                             id: id,
-                            timeStamp: Date.now()
+                            timeStamp: getTime()
                         });
                     },
                     setMinutes: (deg: number) => {
@@ -116,7 +132,7 @@ export class PyWorker {
                             clockType: 'minutes',
                             value: deg,
                             id: id,
-                            timeStamp: Date.now()
+                            timeStamp: getTime()
                         });
                     },
                     setSeconds: (deg: number) => {
@@ -126,7 +142,7 @@ export class PyWorker {
                             clockType: 'seconds',
                             value: deg,
                             id: id,
-                            timeStamp: Date.now()
+                            timeStamp: getTime()
                         });
                     }
                 };
@@ -149,16 +165,16 @@ export class PyWorker {
         const globals = dict(Object.entries(context));
         pyodide.setStdout({
             batched: (s: string) => {
-                sendMessage({ type: 'log', message: s, id: id, timeStamp: Date.now() });
+                sendMessage({ type: 'log', message: s, id: id, timeStamp: getTime() });
             }
         });
         await pyodide.runPythonAsync(patchInputCode(id));
         try {
             // Execute the python code in this context
             const result = await pyodide.runPythonAsync(code);
-            return { type: 'log', message: result, id: id, timeStamp: Date.now() };
+            return { type: 'log', message: result, id: id, timeStamp: getTime() };
         } catch (error: any) {
-            return { type: 'error', message: error.message, id: id, timeStamp: Date.now() };
+            return { type: 'error', message: error.message, id: id, timeStamp: getTime() };
         } finally {
             pyodide.setStdout(undefined);
         }
diff --git a/src/components/documents/CodeEditor/index.tsx b/src/components/documents/CodeEditor/index.tsx
index 55d9eb66a..cf1689f9a 100644
--- a/src/components/documents/CodeEditor/index.tsx
+++ b/src/components/documents/CodeEditor/index.tsx
@@ -58,7 +58,7 @@ const CodeEditorComponent = observer(<T extends CodeType>(props: ScriptProps<T>)
                     styles.playgroundContainer,
                     colorMode === 'light' && styles.lightTheme,
                     script.meta.slim ? styles.containerSlim : styles.containerBig,
-                    'live_py'
+                    'live-code-editor'
                 )}
             >
                 <Editor script={script} />

From 6f7daea0e240ddc9a97e788c9bc8999b5a92a83b Mon Sep 17 00:00:00 2001
From: bh0fer <lebalz@outlook.com>
Date: Mon, 19 Jan 2026 11:47:23 +0100
Subject: [PATCH 25/46] rename code attributes

---
 .../brython-code/components/Footer/index.tsx  | 10 ++---
 .../brython-code/components/Header/index.tsx  | 12 +++---
 .../components/Meta/BrythonCommunicator.tsx   | 18 ++++-----
 .../components/Meta/Graphics/Canvas.tsx       | 10 ++---
 .../components/Meta/Graphics/Turtle.tsx       | 14 +++----
 .../components/Meta/Graphics/index.tsx        | 12 +++---
 .../brython-code/components/Meta/index.tsx    | 20 +++++-----
 .../pyodide-code/components/Footer/index.tsx  | 24 ++++++------
 .../pyodide-code/components/Header/index.tsx  | 16 ++++----
 .../CodeEditor/Actions/DownloadCode.tsx       | 14 +++----
 .../documents/CodeEditor/Actions/Reset.tsx    |  6 +--
 .../documents/CodeEditor/Actions/RunCode.tsx  | 14 +++----
 .../documents/CodeEditor/Actions/ShowRaw.tsx  | 12 +++---
 .../CodeEditor/CodeHistory/index.tsx          | 26 ++++++-------
 .../documents/CodeEditor/Editor/EditorAce.tsx | 38 +++++++++----------
 .../CodeEditor/Editor/Header/Container.tsx    | 10 ++---
 .../CodeEditor/Editor/Header/Content.tsx      | 16 ++++----
 .../CodeEditor/Editor/Header/index.tsx        |  8 ++--
 .../CodeEditor/Editor/HiddenCode/index.tsx    | 14 +++----
 .../documents/CodeEditor/Editor/index.tsx     | 20 +++++-----
 .../documents/CodeEditor/HtmlEditor/index.tsx |  2 +-
 .../documents/CodeEditor/SvgEditor/index.tsx  |  2 +-
 src/components/documents/CodeEditor/index.tsx | 12 +++---
 .../FileSystem/File/CodeEditorSelector.tsx    | 16 ++++----
 .../documents/FileSystem/File/index.tsx       |  2 +-
 src/stores/ComponentStore.ts                  |  2 +-
 26 files changed, 174 insertions(+), 176 deletions(-)

diff --git a/packages/tdev/brython-code/components/Footer/index.tsx b/packages/tdev/brython-code/components/Footer/index.tsx
index 388ad76a1..29d7435b5 100644
--- a/packages/tdev/brython-code/components/Footer/index.tsx
+++ b/packages/tdev/brython-code/components/Footer/index.tsx
@@ -5,18 +5,18 @@ import type Script from '@tdev/brython-code/models/Script';
 import Container from '@tdev-components/documents/CodeEditor/Editor/Footer/Container';
 
 interface Props {
-    script: Script;
+    code: Script;
 }
 
 const Logs = observer((props: Props) => {
-    const { script } = props;
-    const logs = script.logs;
+    const { code } = props;
+    const logs = code.logs;
     if (logs.length === 0) {
         return null;
     }
     const errors: string[] = [];
     let lineNr = 1;
-    const code = logs.slice().map((msg) => {
+    const logMessages = logs.slice().map((msg) => {
         const msgLen = (msg.output || '').split('\n').length - 1;
         if (msg.type === 'stderr') {
             errors.push(`${lineNr}-${lineNr + msgLen}`);
@@ -26,7 +26,7 @@ const Logs = observer((props: Props) => {
     });
     return (
         <Container>
-            <CodeBlock metastring={`{${errors.join(',')}}`}>{code.join('')}</CodeBlock>
+            <CodeBlock metastring={`{${errors.join(',')}}`}>{logMessages.join('')}</CodeBlock>
         </Container>
     );
 });
diff --git a/packages/tdev/brython-code/components/Header/index.tsx b/packages/tdev/brython-code/components/Header/index.tsx
index ebb7ba60c..aefb02891 100644
--- a/packages/tdev/brython-code/components/Header/index.tsx
+++ b/packages/tdev/brython-code/components/Header/index.tsx
@@ -6,18 +6,18 @@ import Script from '@tdev/brython-code/models/Script';
 import Content from '@tdev-components/documents/CodeEditor/Editor/Header/Content';
 
 interface Props {
-    script: Script;
+    code: Script;
 }
 
 const Header = observer((props: Props) => {
-    const { script } = props;
-    if (!script) {
+    const { code: code } = props;
+    if (!code) {
         return null;
     }
     return (
-        <Container script={script} ignoreSlim>
-            {!script.meta.slim && <Content script={script} />}
-            {script.canExecute && <RunCode script={script} onExecute={() => script.execScript()} />}
+        <Container code={code} ignoreSlim>
+            {!code.meta.slim && <Content code={code} />}
+            {code.canExecute && <RunCode code={code} onExecute={() => code.execScript()} />}
         </Container>
     );
 });
diff --git a/packages/tdev/brython-code/components/Meta/BrythonCommunicator.tsx b/packages/tdev/brython-code/components/Meta/BrythonCommunicator.tsx
index 9e7b1839d..7a357e171 100644
--- a/packages/tdev/brython-code/components/Meta/BrythonCommunicator.tsx
+++ b/packages/tdev/brython-code/components/Meta/BrythonCommunicator.tsx
@@ -4,11 +4,11 @@ import { BRYTHON_NOTIFICATION_EVENT, DOM_ELEMENT_IDS } from '@tdev/brython-code'
 import Script, { LogMessage } from '@tdev/brython-code/models/Script';
 
 interface Props {
-    script: Script;
+    code: Script;
 }
 
 const BrythonCommunicator = observer((props: Props) => {
-    const { script } = props;
+    const { code } = props;
     const ref = React.useRef<HTMLDivElement>(null);
     React.useEffect(() => {
         const { current } = ref;
@@ -20,18 +20,18 @@ const BrythonCommunicator = observer((props: Props) => {
                 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
@@ -44,13 +44,13 @@ const BrythonCommunicator = observer((props: Props) => {
         return () => {
             current.removeEventListener(BRYTHON_NOTIFICATION_EVENT, onBryNotify as EventListener);
         };
-    }, [ref, script]);
+    }, [ref, code]);
 
-    if (!script || script.lang !== 'python') {
+    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/packages/tdev/brython-code/components/Meta/Graphics/Canvas.tsx b/packages/tdev/brython-code/components/Meta/Graphics/Canvas.tsx
index 888a33f56..f0e005b07 100644
--- a/packages/tdev/brython-code/components/Meta/Graphics/Canvas.tsx
+++ b/packages/tdev/brython-code/components/Meta/Graphics/Canvas.tsx
@@ -31,21 +31,21 @@ const downloadCanvas = (canvasId: string) => {
 };
 
 interface Props {
-    script: Script;
+    code: Script;
 }
 
 const Canvas = observer((props: Props) => {
-    const { script } = props;
+    const { code } = props;
 
     return (
         <Graphics
-            script={script}
+            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}
@@ -53,7 +53,7 @@ const Canvas = observer((props: Props) => {
             }
             main={
                 <canvas
-                    id={DOM_ELEMENT_IDS.canvasContainer(script.codeId)}
+                    id={DOM_ELEMENT_IDS.canvasContainer(code.codeId)}
                     width="500"
                     height="500"
                     style={{
diff --git a/packages/tdev/brython-code/components/Meta/Graphics/Turtle.tsx b/packages/tdev/brython-code/components/Meta/Graphics/Turtle.tsx
index 0d96c913c..73fc4a52a 100644
--- a/packages/tdev/brython-code/components/Meta/Graphics/Turtle.tsx
+++ b/packages/tdev/brython-code/components/Meta/Graphics/Turtle.tsx
@@ -10,24 +10,24 @@ import Graphics from '.';
 import { DOM_ELEMENT_IDS } from '@tdev/brython-code';
 
 interface Props {
-    script: Script;
+    code: Script;
 }
 
 const Turtle = observer((props: Props) => {
-    const { script } = props;
+    const { code } = props;
     return (
         <Graphics
-            script={script}
+            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)}
@@ -39,10 +39,10 @@ const Turtle = observer((props: Props) => {
                         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/packages/tdev/brython-code/components/Meta/Graphics/index.tsx b/packages/tdev/brython-code/components/Meta/Graphics/index.tsx
index 631b38e96..f2519bdaa 100644
--- a/packages/tdev/brython-code/components/Meta/Graphics/index.tsx
+++ b/packages/tdev/brython-code/components/Meta/Graphics/index.tsx
@@ -10,12 +10,12 @@ import type Script from '@tdev/brython-code/models/Script';
 import { DOM_ELEMENT_IDS } from '../../..';
 
 export interface Props {
-    script: Script;
+    code: Script;
     controls?: React.ReactNode;
     main?: React.ReactNode;
 }
 const Graphics = observer((props: Props) => {
-    const { script } = props;
+    const { code } = props;
     const nodeRef = React.useRef<HTMLDivElement>(null);
     return (
         <Draggable
@@ -32,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/packages/tdev/brython-code/components/Meta/index.tsx b/packages/tdev/brython-code/components/Meta/index.tsx
index da2f4df13..9f33b685c 100644
--- a/packages/tdev/brython-code/components/Meta/index.tsx
+++ b/packages/tdev/brython-code/components/Meta/index.tsx
@@ -9,28 +9,28 @@ import BrythonCommunicator from './BrythonCommunicator';
 import Script from '@tdev/brython-code/models/Script';
 
 interface Props {
-    script: Script;
+    code: Script;
 }
 
 const Meta = observer((props: Props) => {
-    const { script } = props;
+    const { code } = props;
     const pageStore = useStore('pageStore');
-    if (script.lang !== 'python') {
+    if (code.lang !== 'python') {
         return null;
     }
     return (
         <>
-            <div id={DOM_ELEMENT_IDS.outputDiv(script.codeId)}></div>
-            {script.graphicsModalExecutionNr > 0 && (
+            <div id={DOM_ELEMENT_IDS.outputDiv(code.codeId)}></div>
+            {code.graphicsModalExecutionNr > 0 && (
                 <>
-                    {script.hasTurtleOutput && pageStore.runningTurtleScriptId === script.id && (
-                        <Turtle script={script} />
+                    {code.hasTurtleOutput && pageStore.runningTurtleScriptId === code.id && (
+                        <Turtle code={code} />
                     )}
-                    {script.hasCanvasOutput && <Canvas script={script} />}
-                    {!script.hasCanvasOutput && !script.hasTurtleOutput && <Graphics script={script} />}
+                    {code.hasCanvasOutput && <Canvas code={code} />}
+                    {!code.hasCanvasOutput && !code.hasTurtleOutput && <Graphics code={code} />}
                 </>
             )}
-            {script.lang === 'python' && <BrythonCommunicator script={script} />}
+            {code.lang === 'python' && <BrythonCommunicator code={code} />}
         </>
     );
 });
diff --git a/packages/tdev/pyodide-code/components/Footer/index.tsx b/packages/tdev/pyodide-code/components/Footer/index.tsx
index 114246c45..a3fe9fafa 100644
--- a/packages/tdev/pyodide-code/components/Footer/index.tsx
+++ b/packages/tdev/pyodide-code/components/Footer/index.tsx
@@ -10,33 +10,33 @@ import Button from '@tdev-components/shared/Button';
 import { mdiClose, mdiSend } from '@mdi/js';
 
 interface Props {
-    script: PyodideCode;
+    code: PyodideCode;
 }
 
 const Logs = observer((props: Props) => {
-    const { script } = props;
+    const { code } = props;
     return (
         <Container>
-            {script.logs.length > 0 && (
+            {code.logs.length > 0 && (
                 <CodeBlock
                     language="plaintext"
                     className={clsx(styles.logContainer)}
-                    metastring={`{${script.logErrorIndices.map((range) => range.join('-')).join(',')}}`}
+                    metastring={`{${code.logErrorIndices.map((range) => range.join('-')).join(',')}}`}
                 >
-                    {script.logs.map((log, idx) => `${log.timeStamp}: ${log.message}`).join('\n')}
+                    {code.logs.map((log, idx) => `${log.timeStamp}: ${log.message}`).join('\n')}
                 </CodeBlock>
             )}
-            {script.hasPrompt && (
+            {code.hasPrompt && (
                 <div className={clsx(styles.prompt)}>
                     <div className={clsx(styles.inputContainer)}>
                         <TextInput
-                            label={script.promptText || 'Eingabe'}
+                            label={code.promptText || 'Eingabe'}
                             onChange={(text) => {
-                                script.setPromptResponse(text);
+                                code.setPromptResponse(text);
                             }}
-                            value={script.promptResponse || ''}
+                            value={code.promptResponse || ''}
                             onEnter={() => {
-                                script.sendPromptResponse();
+                                code.sendPromptResponse();
                             }}
                             className={clsx(styles.input)}
                             labelClassName={clsx(styles.label)}
@@ -45,14 +45,14 @@ const Logs = observer((props: Props) => {
                     <div className={clsx(styles.actions)}>
                         <Button
                             onClick={() => {
-                                script.sendPromptResponse();
+                                code.sendPromptResponse();
                             }}
                             icon={mdiSend}
                         />
                         <Button
                             icon={mdiClose}
                             onClick={() => {
-                                script.pyodideStore.cancelCodeExecution(script.id);
+                                code.pyodideStore.cancelCodeExecution(code.id);
                             }}
                         />
                     </div>
diff --git a/packages/tdev/pyodide-code/components/Header/index.tsx b/packages/tdev/pyodide-code/components/Header/index.tsx
index bc8ccd4a0..c8c9a9705 100644
--- a/packages/tdev/pyodide-code/components/Header/index.tsx
+++ b/packages/tdev/pyodide-code/components/Header/index.tsx
@@ -8,23 +8,23 @@ import Button from '@tdev-components/shared/Button';
 import { mdiClose } from '@mdi/js';
 
 interface Props {
-    script: PyodideCode;
+    code: PyodideCode;
 }
 
 const Header = observer((props: Props) => {
-    const { script } = props;
-    if (!script) {
+    const { code } = props;
+    if (!code) {
         return null;
     }
     return (
-        <Container script={script} ignoreSlim>
-            {!script.meta.slim && <Content script={script} />}
-            {script.canExecute && <RunCode script={script} onExecute={() => script.execScript()} />}
-            {script.isExecuting && (
+        <Container code={code} ignoreSlim>
+            {!code.meta.slim && <Content code={code} />}
+            {code.canExecute && <RunCode code={code} onExecute={() => code.execScript()} />}
+            {code.isExecuting && (
                 <Button
                     icon={mdiClose}
                     onClick={() => {
-                        script.pyodideStore.recreatePyWorker();
+                        code.pyodideStore.recreatePyWorker();
                     }}
                 />
             )}
diff --git a/src/components/documents/CodeEditor/Actions/DownloadCode.tsx b/src/components/documents/CodeEditor/Actions/DownloadCode.tsx
index 89596403c..622090120 100644
--- a/src/components/documents/CodeEditor/Actions/DownloadCode.tsx
+++ b/src/components/documents/CodeEditor/Actions/DownloadCode.tsx
@@ -6,30 +6,28 @@ import type iCode from '@tdev-models/documents/iCode';
 import type { CodeType } from '@tdev-api/document';
 
 interface Props<T extends CodeType> {
-    script: iCode<T>;
+    code: iCode<T>;
 }
 
 const DownloadCode = observer(<T extends CodeType>(props: Props<T>) => {
-    const { script } = props;
+    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.script.title === script.lang
-                        ? script.id
-                        : (script.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 6c37643ef..c83537f1d 100644
--- a/src/components/documents/CodeEditor/Actions/Reset.tsx
+++ b/src/components/documents/CodeEditor/Actions/Reset.tsx
@@ -6,17 +6,17 @@ import type { CodeType } from '@tdev-api/document';
 import type iCode from '@tdev-models/documents/iCode';
 
 interface Props<T extends CodeType> {
-    script: iCode<T>;
+    code: iCode<T>;
 }
 
 const Reset = observer(<T extends CodeType>(props: Props<T>) => {
-    const { script } = props;
+    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 (
diff --git a/src/components/documents/CodeEditor/Actions/RunCode.tsx b/src/components/documents/CodeEditor/Actions/RunCode.tsx
index a383d9980..89ccafceb 100644
--- a/src/components/documents/CodeEditor/Actions/RunCode.tsx
+++ b/src/components/documents/CodeEditor/Actions/RunCode.tsx
@@ -8,7 +8,7 @@ import iCode from '@tdev-models/documents/iCode';
 import { CodeType } from '@tdev-api/document';
 
 interface Props<T extends CodeType> {
-    script: iCode<T>;
+    code: iCode<T>;
     onExecute?: () => void;
 }
 
@@ -16,18 +16,18 @@ 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(<T extends CodeType>(props: Props<T>) => {
-    const { script } = props;
+    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={() => {
                 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 a3bc6c578..37f7c0441 100644
--- a/src/components/documents/CodeEditor/Actions/ShowRaw.tsx
+++ b/src/components/documents/CodeEditor/Actions/ShowRaw.tsx
@@ -6,18 +6,18 @@ import type iCode from '@tdev-models/documents/iCode';
 import type { CodeType } from '@tdev-api/document';
 
 interface Props<T extends CodeType> {
-    script: iCode<T>;
+    code: iCode<T>;
 }
 
 const ShowRaw = observer(<T extends CodeType>(props: Props<T>) => {
-    const { script } = props;
+    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 3fc7429ee..6b4756957 100644
--- a/src/components/documents/CodeEditor/CodeHistory/index.tsx
+++ b/src/components/documents/CodeEditor/CodeHistory/index.tsx
@@ -29,14 +29,14 @@ const highlightSyntax = (str: string) => {
 };
 
 interface Props<T extends CodeType> {
-    script: iCode<T>;
+    code: iCode<T>;
 }
 
 const CodeHistory = observer(<T extends CodeType>(props: Props<T>) => {
-    const { script } = props;
+    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)}>
@@ -45,18 +45,18 @@ const CodeHistory = observer(<T extends CodeType>(props: Props<T>) => {
                 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',
@@ -64,13 +64,13 @@ const CodeHistory = observer(<T extends CodeType>(props: Props<T>) => {
                                       })}
                             </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"
                                 />
@@ -79,7 +79,7 @@ const CodeHistory = observer(<T extends CodeType>(props: Props<T>) => {
                     </summary>
                 }
             >
-                {script.versionsLoaded && current && (
+                {code.versionsLoaded && current && (
                     <div
                         className={clsx(styles.content)}
                         onClick={(e) => {
@@ -97,13 +97,13 @@ const CodeHistory = observer(<T extends CodeType>(props: Props<T>) => {
                                     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 472ceacde..bcb8974f4 100644
--- a/src/components/documents/CodeEditor/Editor/EditorAce.tsx
+++ b/src/components/documents/CodeEditor/Editor/EditorAce.tsx
@@ -16,22 +16,22 @@ const ALIAS_LANG_MAP_ACE = {
 };
 
 interface Props<T extends CodeType> {
-    script: iCode<T>;
+    code: iCode<T>;
 }
 
 const EditorAce = observer(<T extends CodeType>(props: Props<T>) => {
-    const { script } = props;
+    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.execScript()
                 });
             }
             node.editor.commands.addCommand({
@@ -39,7 +39,7 @@ const EditorAce = observer(<T extends CodeType>(props: Props<T>) => {
                 name: 'save',
                 bindKey: { win: 'Ctrl-s', mac: 'Command-s' },
                 exec: () => {
-                    script.saveNow();
+                    code.saveNow();
                 }
             });
             return () => {
@@ -55,12 +55,12 @@ const EditorAce = observer(<T extends CodeType>(props: Props<T>) => {
                 }
             };
         }
-    }, [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)',
@@ -69,27 +69,27 @@ const EditorAce = observer(<T extends CodeType>(props: Props<T>) => {
                 }}
                 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={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,
@@ -101,7 +101,7 @@ const EditorAce = observer(<T extends CodeType>(props: Props<T>) => {
                 enableBasicAutocompletion
                 enableLiveAutocompletion={false}
                 enableSnippets={false}
-                showGutter={script.meta.showLineNumbers}
+                showGutter={code.meta.showLineNumbers}
             />
         </div>
     );
diff --git a/src/components/documents/CodeEditor/Editor/Header/Container.tsx b/src/components/documents/CodeEditor/Editor/Header/Container.tsx
index 6db27677f..5875ad5b0 100644
--- a/src/components/documents/CodeEditor/Editor/Header/Container.tsx
+++ b/src/components/documents/CodeEditor/Editor/Header/Container.tsx
@@ -6,23 +6,23 @@ import type { CodeType } from '@tdev-api/document';
 import type iCode from '@tdev-models/documents/iCode';
 
 interface Props<T extends CodeType> {
-    script: iCode<T>;
+    code: iCode<T>;
     children: React.ReactNode;
     ignoreSlim?: boolean;
 }
 
 const Container = observer(<T extends CodeType>(props: Props<T>) => {
-    const { script } = props;
-    const notifyUnpersisted = script.root?.isDummy && !script.meta.slim && !script.meta.hideWarning;
+    const { code } = props;
+    const notifyUnpersisted = code.root?.isDummy && !code.meta.slim && !code.meta.hideWarning;
     return (
         <div
             className={clsx(
                 styles.controls,
-                script.meta.slim && styles.slim,
+                code.meta.slim && styles.slim,
                 notifyUnpersisted && styles.unpersisted
             )}
         >
-            {(!script.meta.slim || props.ignoreSlim) && props.children}
+            {(!code.meta.slim || props.ignoreSlim) && props.children}
         </div>
     );
 });
diff --git a/src/components/documents/CodeEditor/Editor/Header/Content.tsx b/src/components/documents/CodeEditor/Editor/Header/Content.tsx
index 9951995c1..040ce4dcc 100644
--- a/src/components/documents/CodeEditor/Editor/Header/Content.tsx
+++ b/src/components/documents/CodeEditor/Editor/Header/Content.tsx
@@ -12,15 +12,15 @@ import DownloadCode from '../../Actions/DownloadCode';
 import ShowRaw from '../../Actions/ShowRaw';
 
 interface Props<T extends CodeType> {
-    script: iCode<T>;
+    code: iCode<T>;
 }
 
 const Content = observer(<T extends CodeType>(props: Props<T>) => {
-    const { script } = props;
-    const notifyUnpersisted = script.root?.isDummy && !script.meta.slim && !script.meta.hideWarning;
+    const { code } = props;
+    const notifyUnpersisted = code.root?.isDummy && !code.meta.slim && !code.meta.hideWarning;
     return (
         <>
-            <div className={clsx(styles.title)}>{script.title}</div>
+            <div className={clsx(styles.title)}>{code.title}</div>
             <div className={clsx(styles.spacer)} />
             {notifyUnpersisted && (
                 <Icon
@@ -32,10 +32,10 @@ const Content = observer(<T extends CodeType>(props: Props<T>) => {
                 />
             )}
             <div className={clsx(styles.spacer)} />
-            <SyncStatus model={script} />
-            {script.hasEdits && script.meta.isResettable && <Reset script={script} />}
-            {script.meta.canDownload && <DownloadCode script={script} />}
-            {script.hasEdits && script.meta.canCompare && <ShowRaw script={script} />}
+            <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} />}
         </>
     );
 });
diff --git a/src/components/documents/CodeEditor/Editor/Header/index.tsx b/src/components/documents/CodeEditor/Editor/Header/index.tsx
index 22bf24947..e662974eb 100644
--- a/src/components/documents/CodeEditor/Editor/Header/index.tsx
+++ b/src/components/documents/CodeEditor/Editor/Header/index.tsx
@@ -6,14 +6,14 @@ import Container from './Container';
 import Content from './Content';
 
 interface Props<T extends CodeType> {
-    script: iCode<T>;
+    code: iCode<T>;
 }
 
 const Header = observer(<T extends CodeType>(props: Props<T>) => {
-    const { script } = props;
+    const { code } = props;
     return (
-        <Container script={script}>
-            <Content script={script} />
+        <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 9ae79f9c3..068386e84 100644
--- a/src/components/documents/CodeEditor/Editor/HiddenCode/index.tsx
+++ b/src/components/documents/CodeEditor/Editor/HiddenCode/index.tsx
@@ -11,14 +11,14 @@ import type iCode from '@tdev-models/documents/iCode';
 
 interface Props<T extends CodeType> {
     type: 'pre' | 'post';
-    script: iCode<T>;
+    code: iCode<T>;
 }
 
 const HiddenCode = observer(<T extends CodeType>(props: Props<T>) => {
-    const { script } = props;
+    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 (
@@ -32,10 +32,10 @@ const HiddenCode = observer(<T extends CodeType>(props: Props<T>) => {
                             styles.hiddenCode,
                             styles.pre,
                             show && styles.open,
-                            script.meta.slim && styles.slim
+                            code.meta.slim && styles.slim
                         )}
                     >
-                        {code}
+                        {codeContent}
                     </CodeBlock>
                 </div>
             )}
@@ -44,7 +44,7 @@ const HiddenCode = observer(<T extends CodeType>(props: Props<T>) => {
                     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/index.tsx b/src/components/documents/CodeEditor/Editor/index.tsx
index 3e5e5065e..ba349505a 100644
--- a/src/components/documents/CodeEditor/Editor/index.tsx
+++ b/src/components/documents/CodeEditor/Editor/index.tsx
@@ -11,27 +11,27 @@ import type iCode from '@tdev-models/documents/iCode';
 import Header from './Header';
 
 interface Props<T extends CodeType> {
-    script: iCode<T>;
+    code: iCode<T>;
 }
 
 const Editor = observer(<T extends CodeType>(props: Props<T>) => {
-    const { script } = props;
+    const { code } = props;
     const componentStore = useStore('componentStore');
-    const EC = componentStore.editorComponent(script.type);
+    const EC = componentStore.editorComponent(code.type);
     return (
         <>
             {EC?.Header ? (
-                <EC.Header script={script as unknown as TypeModelMapping[T]} />
+                <EC.Header code={code as unknown as TypeModelMapping[T]} />
             ) : (
-                <Header script={script} />
+                <Header code={code} />
             )}
             <div className={clsx(styles.editorContainer)}>
-                <HiddenCode type="pre" script={script} />
-                <EditorAce script={script} />
-                <HiddenCode type="post" script={script} />
+                <HiddenCode type="pre" code={code} />
+                <EditorAce code={code} />
+                <HiddenCode type="post" code={code} />
             </div>
-            {EC?.Footer && <EC.Footer script={script as unknown as TypeModelMapping[T]} />}
-            {EC?.Meta && <EC.Meta script={script as unknown as TypeModelMapping[T]} />}
+            {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 0fa194513..2579b6c04 100644
--- a/src/components/documents/CodeEditor/HtmlEditor/index.tsx
+++ b/src/components/documents/CodeEditor/HtmlEditor/index.tsx
@@ -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 ecde11bae..1a9f6f702 100644
--- a/src/components/documents/CodeEditor/SvgEditor/index.tsx
+++ b/src/components/documents/CodeEditor/SvgEditor/index.tsx
@@ -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 cf1689f9a..90e9ffa61 100644
--- a/src/components/documents/CodeEditor/index.tsx
+++ b/src/components/documents/CodeEditor/index.tsx
@@ -40,16 +40,16 @@ export const CodeEditor = observer((props: Props) => {
     if (!ExecutionEnvironment.canUseDOM || !code) {
         return <CodeBlock language={props.lang}>{props.code}</CodeBlock>;
     }
-    return <CodeEditorComponent script={code as iCode<typeof type>} className={props.className} />;
+    return <CodeEditorComponent code={code as iCode<typeof type>} className={props.className} />;
 });
 
 export interface ScriptProps<T extends CodeType> {
-    script: iCode<T>;
+    code: iCode<T>;
     className?: string;
 }
 
 const CodeEditorComponent = observer(<T extends CodeType>(props: ScriptProps<T>) => {
-    const { script } = props;
+    const { code } = props;
     const { colorMode } = useCodeTheme();
     return (
         <div className={clsx(styles.wrapper, 'notranslate', props.className)}>
@@ -57,12 +57,12 @@ const CodeEditorComponent = observer(<T extends CodeType>(props: ScriptProps<T>)
                 className={clsx(
                     styles.playgroundContainer,
                     colorMode === 'light' && styles.lightTheme,
-                    script.meta.slim ? styles.containerSlim : styles.containerBig,
+                    code.meta.slim ? styles.containerSlim : styles.containerBig,
                     'live-code-editor'
                 )}
             >
-                <Editor script={script} />
-                {script.meta.hasHistory && <CodeHistory script={script} />}
+                <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 c4456b6a1..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/Code';
+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/stores/ComponentStore.ts b/src/stores/ComponentStore.ts
index 1851ca9b1..590702442 100644
--- a/src/stores/ComponentStore.ts
+++ b/src/stores/ComponentStore.ts
@@ -23,7 +23,7 @@ export interface ContainerComponent<T extends ContainerType = ContainerType> {
 }
 
 export interface EditorComponentProps<T extends CodeType = CodeType> {
-    script: TypeModelMapping[T];
+    code: TypeModelMapping[T];
 }
 
 export interface EditorComponent<T extends CodeType = CodeType> {

From 7c33d2155071ecb9626a26fcb03ddda455c60006 Mon Sep 17 00:00:00 2001
From: bh0fer <lebalz@outlook.com>
Date: Mon, 19 Jan 2026 11:53:06 +0100
Subject: [PATCH 26/46] fix logging

---
 packages/tdev/brython-code/components/Header/index.tsx   | 2 +-
 packages/tdev/brython-code/models/Script.ts              | 4 ++--
 packages/tdev/pyodide-code/README.mdx                    | 4 ++++
 packages/tdev/pyodide-code/components/Footer/index.tsx   | 2 +-
 packages/tdev/pyodide-code/components/Header/index.tsx   | 2 +-
 packages/tdev/pyodide-code/models/PyodideCode.ts         | 2 +-
 packages/tdev/pyodide-code/stores/PyodideStore.ts        | 2 +-
 src/components/documents/CodeEditor/Editor/EditorAce.tsx | 2 +-
 src/models/documents/iCode/index.ts                      | 2 +-
 9 files changed, 13 insertions(+), 9 deletions(-)

diff --git a/packages/tdev/brython-code/components/Header/index.tsx b/packages/tdev/brython-code/components/Header/index.tsx
index aefb02891..0b0305547 100644
--- a/packages/tdev/brython-code/components/Header/index.tsx
+++ b/packages/tdev/brython-code/components/Header/index.tsx
@@ -17,7 +17,7 @@ const Header = observer((props: Props) => {
     return (
         <Container code={code} ignoreSlim>
             {!code.meta.slim && <Content code={code} />}
-            {code.canExecute && <RunCode code={code} onExecute={() => code.execScript()} />}
+            {code.canExecute && <RunCode code={code} onExecute={() => code.runCode()} />}
         </Container>
     );
 });
diff --git a/packages/tdev/brython-code/models/Script.ts b/packages/tdev/brython-code/models/Script.ts
index 6ad7a8d9d..b45605701 100644
--- a/packages/tdev/brython-code/models/Script.ts
+++ b/packages/tdev/brython-code/models/Script.ts
@@ -86,12 +86,12 @@ export default class Script extends iCode<'script'> {
         if (this.isExecuting) {
             this.stopScript();
         } else {
-            this.execScript();
+            this.runCode();
         }
     }
 
     @action
-    execScript() {
+    runCode() {
         if (this.hasGraphicsOutput) {
             if (this.hasTurtleOutput) {
                 this.store.root.pageStore.setRunningTurtleScriptId(this.id);
diff --git a/packages/tdev/pyodide-code/README.mdx b/packages/tdev/pyodide-code/README.mdx
index 9d4eca536..0b37918ba 100644
--- a/packages/tdev/pyodide-code/README.mdx
+++ b/packages/tdev/pyodide-code/README.mdx
@@ -19,7 +19,11 @@ print("Hello from Pyodide!")
 
 <BrowserWindow>
 ```py live_pyo id=b26cde2c-5b0b-4acb-814e-9f2b3bdd29a9
+print('PRE')
+### PRE
 print("Hello from Pyodide!")
+### POST
+print('POST')
 ```
 </BrowserWindow>
 
diff --git a/packages/tdev/pyodide-code/components/Footer/index.tsx b/packages/tdev/pyodide-code/components/Footer/index.tsx
index a3fe9fafa..37130ece7 100644
--- a/packages/tdev/pyodide-code/components/Footer/index.tsx
+++ b/packages/tdev/pyodide-code/components/Footer/index.tsx
@@ -23,7 +23,7 @@ const Logs = observer((props: Props) => {
                     className={clsx(styles.logContainer)}
                     metastring={`{${code.logErrorIndices.map((range) => range.join('-')).join(',')}}`}
                 >
-                    {code.logs.map((log, idx) => `${log.timeStamp}: ${log.message}`).join('\n')}
+                    {code.logs.map((log, idx) => log.message).join('\n')}
                 </CodeBlock>
             )}
             {code.hasPrompt && (
diff --git a/packages/tdev/pyodide-code/components/Header/index.tsx b/packages/tdev/pyodide-code/components/Header/index.tsx
index c8c9a9705..ec38c12d5 100644
--- a/packages/tdev/pyodide-code/components/Header/index.tsx
+++ b/packages/tdev/pyodide-code/components/Header/index.tsx
@@ -19,7 +19,7 @@ const Header = observer((props: Props) => {
     return (
         <Container code={code} ignoreSlim>
             {!code.meta.slim && <Content code={code} />}
-            {code.canExecute && <RunCode code={code} onExecute={() => code.execScript()} />}
+            {code.canExecute && <RunCode code={code} onExecute={() => code.runCode()} />}
             {code.isExecuting && (
                 <Button
                     icon={mdiClose}
diff --git a/packages/tdev/pyodide-code/models/PyodideCode.ts b/packages/tdev/pyodide-code/models/PyodideCode.ts
index 741288635..494a570d1 100644
--- a/packages/tdev/pyodide-code/models/PyodideCode.ts
+++ b/packages/tdev/pyodide-code/models/PyodideCode.ts
@@ -109,7 +109,7 @@ class PyodideCode extends iCode<'pyodide_code'> {
     }
 
     @action
-    execScript() {
+    runCode() {
         this.pyodideStore.run(this);
     }
 
diff --git a/packages/tdev/pyodide-code/stores/PyodideStore.ts b/packages/tdev/pyodide-code/stores/PyodideStore.ts
index ef6299027..1020cd5c2 100644
--- a/packages/tdev/pyodide-code/stores/PyodideStore.ts
+++ b/packages/tdev/pyodide-code/stores/PyodideStore.ts
@@ -47,7 +47,7 @@ export default class PyodideStore {
             })
         );
         return this.pyWorker
-            .run(code.id, code.code, sendMessage, '', {})
+            .run(code.id, code.combinedCode, sendMessage, '', {})
             .then((message) => {
                 if (message && !(message.type === 'log' && message.message === undefined)) {
                     this.handleMessage(code, message);
diff --git a/src/components/documents/CodeEditor/Editor/EditorAce.tsx b/src/components/documents/CodeEditor/Editor/EditorAce.tsx
index bcb8974f4..a80d8fb34 100644
--- a/src/components/documents/CodeEditor/Editor/EditorAce.tsx
+++ b/src/components/documents/CodeEditor/Editor/EditorAce.tsx
@@ -31,7 +31,7 @@ const EditorAce = observer(<T extends CodeType>(props: Props<T>) => {
                     // commands is array of key bindings.
                     name: 'execute',
                     bindKey: { win: 'Ctrl-Enter', mac: 'Command-Enter' },
-                    exec: () => code.execScript()
+                    exec: () => code.runCode()
                 });
             }
             node.editor.commands.addCommand({
diff --git a/src/models/documents/iCode/index.ts b/src/models/documents/iCode/index.ts
index e2d83b0ca..b0b339e4d 100644
--- a/src/models/documents/iCode/index.ts
+++ b/src/models/documents/iCode/index.ts
@@ -197,7 +197,7 @@ class iCode<T extends CodeType = CodeType> extends iDocument<T> {
     }
 
     @action
-    execScript() {
+    runCode() {
         // NOOP
         // to be implemented by subclasses
     }

From a6dc3bd93f0fe2e9fbe9ed6a2a201e239b604a3f Mon Sep 17 00:00:00 2001
From: bh0fer <lebalz@outlook.com>
Date: Mon, 19 Jan 2026 15:43:35 +0100
Subject: [PATCH 27/46] update readme

---
 packages/tdev/brython-code/README.mdx         | 604 ++++++++++++++++++
 packages/tdev/brython-code/tsconfig.json      |   3 +
 packages/tdev/pyodide-code/README.mdx         |   1 +
 .../pyodide-code/components/Header/index.tsx  |   2 +-
 .../tdev/pyodide-code/stores/PyodideStore.ts  |   6 +-
 5 files changed, 614 insertions(+), 2 deletions(-)

diff --git a/packages/tdev/brython-code/README.mdx b/packages/tdev/brython-code/README.mdx
index 4084e761a..8e1fca527 100644
--- a/packages/tdev/brython-code/README.mdx
+++ b/packages/tdev/brython-code/README.mdx
@@ -4,8 +4,612 @@ 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>
\ No newline at end of file
diff --git a/packages/tdev/brython-code/tsconfig.json b/packages/tdev/brython-code/tsconfig.json
index efff8a380..3b719cfea 100644
--- a/packages/tdev/brython-code/tsconfig.json
+++ b/packages/tdev/brython-code/tsconfig.json
@@ -2,5 +2,8 @@
     "extends": "../../../tsconfig.package.json",
     "compilerOptions": {
         "lib": ["ESNext", "dom"]
+    },
+    "mdx": {
+        "plugins": [["remark-frontmatter", ["toml", "yaml"]], "remark-directive"]
     }
 }
diff --git a/packages/tdev/pyodide-code/README.mdx b/packages/tdev/pyodide-code/README.mdx
index 0b37918ba..ef56de229 100644
--- a/packages/tdev/pyodide-code/README.mdx
+++ b/packages/tdev/pyodide-code/README.mdx
@@ -4,6 +4,7 @@ tags:
   - '@tdev/'
   - python
   - code
+sidebar_position: 50
 ---
 
 import BrowserWindow from '@tdev-components/BrowserWindow';
diff --git a/packages/tdev/pyodide-code/components/Header/index.tsx b/packages/tdev/pyodide-code/components/Header/index.tsx
index ec38c12d5..7722d461c 100644
--- a/packages/tdev/pyodide-code/components/Header/index.tsx
+++ b/packages/tdev/pyodide-code/components/Header/index.tsx
@@ -19,7 +19,7 @@ const Header = observer((props: Props) => {
     return (
         <Container code={code} ignoreSlim>
             {!code.meta.slim && <Content code={code} />}
-            {code.canExecute && <RunCode code={code} onExecute={() => code.runCode()} />}
+            {code.canExecute && <RunCode code={code} onExecute={() => !code.isExecuting && code.runCode()} />}
             {code.isExecuting && (
                 <Button
                     icon={mdiClose}
diff --git a/packages/tdev/pyodide-code/stores/PyodideStore.ts b/packages/tdev/pyodide-code/stores/PyodideStore.ts
index 1020cd5c2..6cb82bda5 100644
--- a/packages/tdev/pyodide-code/stores/PyodideStore.ts
+++ b/packages/tdev/pyodide-code/stores/PyodideStore.ts
@@ -29,7 +29,11 @@ export default class PyodideStore {
     }
 
     @action
-    run(code: PyodideCode) {
+    async run(code: PyodideCode) {
+        if (code.isExecuting) {
+            await this.recreatePyWorker();
+        }
+
         code.clearMessages();
         code.setRuntimeId(this.runtimeId);
         if (!this.pyWorker) {

From a568b5fe5c0a2cbe88cc0679c08ca922e60d8259 Mon Sep 17 00:00:00 2001
From: bh0fer <lebalz@outlook.com>
Date: Mon, 19 Jan 2026 15:55:41 +0100
Subject: [PATCH 28/46] fix pyodide imports

---
 packages/tdev/pyodide-code/workers/helper.loadPackages.ts | 4 ++--
 src/api/OfflineApi/index.ts                               | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/tdev/pyodide-code/workers/helper.loadPackages.ts b/packages/tdev/pyodide-code/workers/helper.loadPackages.ts
index aa7a0a88f..8cb4a1a03 100644
--- a/packages/tdev/pyodide-code/workers/helper.loadPackages.ts
+++ b/packages/tdev/pyodide-code/workers/helper.loadPackages.ts
@@ -6,9 +6,9 @@ const getPackageImports = (code: string): string[] => {
         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]);
+                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];
+                return [match.groups.name.split('.')[0]];
             }
         }
         return [];
diff --git a/src/api/OfflineApi/index.ts b/src/api/OfflineApi/index.ts
index 06850aff2..d9690c8b0 100644
--- a/src/api/OfflineApi/index.ts
+++ b/src/api/OfflineApi/index.ts
@@ -13,7 +13,7 @@ import _ from 'es-toolkit/compat';
 import { DB_NAME } from '@tdev-api/config';
 
 const TIME_NOW = new Date().toISOString();
-const LOG_REQUESTS = true;
+const LOG_REQUESTS = false;
 
 let OfflineUser: User = {
     id: 'c23c0238-4aeb-457f-9a2c-3d2d5d8931c0',

From 3c906390754c7aed4059eb875cb349f5a3e7eba4 Mon Sep 17 00:00:00 2001
From: bh0fer <lebalz@outlook.com>
Date: Mon, 19 Jan 2026 18:27:50 +0100
Subject: [PATCH 29/46] add clock example

---
 packages/tdev/pyodide-code/README.mdx         |  36 ++++++-
 .../components/Clock/Pointer/index.tsx        |  25 +++++
 .../pyodide-code/components/Clock/index.tsx   |  44 ++++++++
 .../components/Clock/styles.module.scss       |  96 +++++++++++++++++
 packages/tdev/pyodide-code/models/Clock.ts    |  86 +++++++++++++++
 .../pyodide-code/pyodideJsModules/index.ts    |  26 +++++
 .../pyodideJsModules/siteModules.ts           | 100 ++++++++++++++++++
 .../tdev/pyodide-code/stores/ClockStore.ts    |  38 +++++++
 .../tdev/pyodide-code/stores/PyodideStore.ts  |  34 +++---
 .../workers/helper.loadPackages.ts            |  98 ++++++++++++++---
 .../pyodide-code/workers/pyodide.worker.ts    |  96 +++--------------
 src/stores/SiteStore.ts                       |   6 ++
 12 files changed, 575 insertions(+), 110 deletions(-)
 create mode 100644 packages/tdev/pyodide-code/components/Clock/Pointer/index.tsx
 create mode 100644 packages/tdev/pyodide-code/components/Clock/index.tsx
 create mode 100644 packages/tdev/pyodide-code/components/Clock/styles.module.scss
 create mode 100644 packages/tdev/pyodide-code/models/Clock.ts
 create mode 100644 packages/tdev/pyodide-code/pyodideJsModules/index.ts
 create mode 100644 packages/tdev/pyodide-code/pyodideJsModules/siteModules.ts
 create mode 100644 packages/tdev/pyodide-code/stores/ClockStore.ts

diff --git a/packages/tdev/pyodide-code/README.mdx b/packages/tdev/pyodide-code/README.mdx
index ef56de229..ce3854262 100644
--- a/packages/tdev/pyodide-code/README.mdx
+++ b/packages/tdev/pyodide-code/README.mdx
@@ -8,10 +8,10 @@ sidebar_position: 50
 ---
 
 import BrowserWindow from '@tdev-components/BrowserWindow';
+import Clock from '@tdev/pyodide-code/components/Clock';
 
 # pyodide-code
 
-
 ````md
 ```py live_pyo id=b26cde2c-5b0b-4acb-814e-9f2b3bdd29a9
 print("Hello from Pyodide!")
@@ -85,3 +85,37 @@ result = optimize.minimize(func, x0=0)
 print("Minimum at x =", result.x[0])
 print("Function value at minimum =", result.fun)
 ```
+
+## 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.setSeconds(uhr.seconds + 1)
+    sleep(0.01)
+```
+````
+
+<BrowserWindow>
+<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.setSeconds(uhr.seconds + 1)
+    if uhr.seconds % 360 == 0:
+        sleep(0.99)
+        uhr.setMinutes(uhr.minutes + 6)
+        if uhr.minutes % 360 == 0:
+            uhr.setHours(uhr.hours + 30)
+    sleep(0.01)
+```
+</BrowserWindow>
\ No newline at end of file
diff --git a/packages/tdev/pyodide-code/components/Clock/Pointer/index.tsx b/packages/tdev/pyodide-code/components/Clock/Pointer/index.tsx
new file mode 100644
index 000000000..641ab8b5c
--- /dev/null
+++ b/packages/tdev/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/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/packages/tdev/pyodide-code/components/Clock/index.tsx b/packages/tdev/pyodide-code/components/Clock/index.tsx
new file mode 100644
index 000000000..d73599275
--- /dev/null
+++ b/packages/tdev/pyodide-code/components/Clock/index.tsx
@@ -0,0 +1,44 @@
+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('viewStore');
+    const pyodideStore = siteStore.useStore('pyodideStore');
+    const clock = pyodideStore.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/packages/tdev/pyodide-code/components/Clock/styles.module.scss b/packages/tdev/pyodide-code/components/Clock/styles.module.scss
new file mode 100644
index 000000000..e4263d51e
--- /dev/null
+++ b/packages/tdev/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/packages/tdev/pyodide-code/models/Clock.ts b/packages/tdev/pyodide-code/models/Clock.ts
new file mode 100644
index 000000000..708599295
--- /dev/null
+++ b/packages/tdev/pyodide-code/models/Clock.ts
@@ -0,0 +1,86 @@
+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) {
+        console.log('Setting minutes to', deg);
+        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);
+    }
+}
+
+class Clocks {
+    @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 Clocks;
diff --git a/packages/tdev/pyodide-code/pyodideJsModules/index.ts b/packages/tdev/pyodide-code/pyodideJsModules/index.ts
new file mode 100644
index 000000000..173416aa2
--- /dev/null
+++ b/packages/tdev/pyodide-code/pyodideJsModules/index.ts
@@ -0,0 +1,26 @@
+import { siteModules } from './siteModules';
+
+export interface MessageTypeMap {
+    clock: {
+        type: 'clock';
+        id: string;
+        clockType: 'hours' | 'minutes' | 'seconds';
+        value: number;
+        timeStamp: number;
+    };
+}
+
+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: ModuleType = {
+    clock: (ctx: Context) => ({}),
+    ...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..e99f19e77
--- /dev/null
+++ b/packages/tdev/pyodide-code/pyodideJsModules/siteModules.ts
@@ -0,0 +1,100 @@
+import type { ModuleType } from '.';
+
+/**
+ * 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> = {
+    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()
+                            });
+                        });
+                    },
+                    setTime: (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()
+                            });
+                        });
+                    },
+                    setHours: (deg: number) => {
+                        hours = deg;
+                        sendMessage({
+                            type: 'clock',
+                            clockType: 'hours',
+                            value: deg,
+                            id: id,
+                            timeStamp: getTime()
+                        });
+                    },
+                    setMinutes: (deg: number) => {
+                        minutes = deg;
+                        sendMessage({
+                            type: 'clock',
+                            clockType: 'minutes',
+                            value: deg,
+                            id: id,
+                            timeStamp: getTime()
+                        });
+                    },
+                    setSeconds: (deg: number) => {
+                        seconds = deg;
+                        sendMessage({
+                            type: 'clock',
+                            clockType: 'seconds',
+                            value: deg,
+                            id: id,
+                            timeStamp: getTime()
+                        });
+                    }
+                };
+            }
+        };
+    }
+};
diff --git a/packages/tdev/pyodide-code/stores/ClockStore.ts b/packages/tdev/pyodide-code/stores/ClockStore.ts
new file mode 100644
index 000000000..ac91057c9
--- /dev/null
+++ b/packages/tdev/pyodide-code/stores/ClockStore.ts
@@ -0,0 +1,38 @@
+import { action, observable } from 'mobx';
+import { Clock } from '../models/Clock';
+
+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/packages/tdev/pyodide-code/stores/PyodideStore.ts b/packages/tdev/pyodide-code/stores/PyodideStore.ts
index 6cb82bda5..5791d4b07 100644
--- a/packages/tdev/pyodide-code/stores/PyodideStore.ts
+++ b/packages/tdev/pyodide-code/stores/PyodideStore.ts
@@ -6,6 +6,7 @@ import ExecutionEnvironment from '@docusaurus/ExecutionEnvironment';
 import { Message, PY_AWAIT_INPUT, PY_CANCEL_INPUT, PY_INPUT } from '../config';
 import PyodideCode from '../models/PyodideCode';
 import siteConfig from '@generated/docusaurus.config';
+import ClockStore from './ClockStore';
 const BASE_URL = siteConfig.baseUrl || '/';
 
 const TimingServiceWorker =
@@ -18,6 +19,7 @@ const TimingServiceWorker =
 
 export default class PyodideStore {
     viewStore: ViewStore;
+    @observable.ref accessor clockStore = new ClockStore();
     _worker: Worker | null = null;
     @observable accessor runtimeId = Date.now();
     @observable.ref accessor pyWorker: Comlink.Remote<PyWorker> | null = null;
@@ -73,22 +75,24 @@ export default class PyodideStore {
             case 'error':
                 code.addLogMessage(message);
                 break;
-            // case 'clock':
-            //     const clock = this.viewStore.root.siteStore.toolsStore.clocks.useClock(message.id);
-            //     switch (message.clockType) {
-            //         case 'hours':
-            //             clock.setHours(message.value);
-            //             break;
-            //         case 'minutes':
-            //             console.log('Clock message received', message, clock);
-            //             clock.setMinutes(message.value);
-            //             break;
-            //         case 'seconds':
-            //             clock.setSeconds(message.value);
-            //             break;
-            //     }
-            //     break;
+            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;
             default:
+                if ('handleMessage' in this.viewStore.root.siteStore) {
+                    this.viewStore.root.siteStore.handleMessage('pyodide', message);
+                }
                 break;
         }
     }
diff --git a/packages/tdev/pyodide-code/workers/helper.loadPackages.ts b/packages/tdev/pyodide-code/workers/helper.loadPackages.ts
index 8cb4a1a03..871cf7e5a 100644
--- a/packages/tdev/pyodide-code/workers/helper.loadPackages.ts
+++ b/packages/tdev/pyodide-code/workers/helper.loadPackages.ts
@@ -1,4 +1,61 @@
 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));
@@ -13,20 +70,37 @@ const getPackageImports = (code: string): string[] => {
         }
         return [];
     });
-    return importPackages;
+    return importPackages.filter(
+        (pkg) => !StandardPythonPackages.has(pkg) && !StandardPythonNamespaces.has(pkg)
+    );
 };
 
-export const loadPackages = async (pyodide: PyodideAPI, code: string) => {
+export const loadPackages = async (pyodide: PyodideAPI, context: Context, code: string) => {
     const importPackages = getPackageImports(code);
-
-    await Promise.all(
-        importPackages.map(async (pkg) => {
-            try {
-                await pyodide.loadPackage(pkg);
-            } catch (e) {
-                // Package not found, ignore
-                console.warn(`Package ${pkg} could not be loaded:`, e);
+    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
index 4fa00f43b..9b7e634cd 100644
--- a/packages/tdev/pyodide-code/workers/pyodide.worker.ts
+++ b/packages/tdev/pyodide-code/workers/pyodide.worker.ts
@@ -62,92 +62,19 @@ export class PyWorker {
         const context = {};
         pyodide.registerComlink(Comlink);
 
-        await loadPackages(pyodide, code);
+        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('clock', {
-            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()
-                            });
-                        });
-                    },
-                    setTime: (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()
-                            });
-                        });
-                    },
-                    setHours: (deg: number) => {
-                        hours = deg;
-                        sendMessage({
-                            type: 'clock',
-                            clockType: 'hours',
-                            value: deg,
-                            id: id,
-                            timeStamp: getTime()
-                        });
-                    },
-                    setMinutes: (deg: number) => {
-                        minutes = deg;
-                        sendMessage({
-                            type: 'clock',
-                            clockType: 'minutes',
-                            value: deg,
-                            id: id,
-                            timeStamp: getTime()
-                        });
-                    },
-                    setSeconds: (deg: number) => {
-                        seconds = deg;
-                        sendMessage({
-                            type: 'clock',
-                            clockType: 'seconds',
-                            value: deg,
-                            id: id,
-                            timeStamp: getTime()
-                        });
-                    }
-                };
-            }
-        });
         pyodide.registerJsModule('tdev', {
             sendMessage: (message: Message) => {
                 sendMessage(message);
@@ -172,7 +99,12 @@ export class PyWorker {
         try {
             // Execute the python code in this context
             const result = await pyodide.runPythonAsync(code);
-            return { type: 'log', message: result, id: id, timeStamp: getTime() };
+            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 {
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
+    }
 }

From 246dd8e4a26a28dd3613765fb4af2d7d21439bc3 Mon Sep 17 00:00:00 2001
From: bh0fer <lebalz@outlook.com>
Date: Mon, 19 Jan 2026 21:41:38 +0100
Subject: [PATCH 30/46] introduce configureable website-dir folder for aliasing

---
 docusaurus.config.ts                          |   7 +-
 packages/tdev/pyodide-code/README.mdx         |   2 +-
 .../pyodide-code/pyodideJsModules/index.ts    |  15 +--
 .../pyodideJsModules/siteModules.ts           |  88 +--------------
 .../tdev/pyodide-code/stores/PyodideStore.ts  |  16 ---
 src/siteConfig/pluginConfigs.ts               |  28 +++--
 src/siteConfig/siteConfig.d.ts                |   7 ++
 tdev-website/siteConfig.ts                    |   1 +
 .../components/Clock/Pointer/index.tsx        |   2 +-
 .../pyodide-code/components/Clock/index.tsx   |   5 +-
 .../components/Clock/styles.module.scss       |   0
 .../packages}/pyodide-code/models/Clock.ts    |  36 ------
 .../pyodideJsModules/siteModules.ts           | 104 ++++++++++++++++++
 .../website}/stores/ClockStore.ts             |   2 +-
 tdev-website/website/stores/SiteStore.ts      |  38 +++++++
 tsconfig.json                                 |  40 +++----
 tsconfig.tdev.json                            |  39 +++++++
 updateTdev.config.yaml                        |   2 +-
 18 files changed, 236 insertions(+), 196 deletions(-)
 rename {packages/tdev => tdev-website/website/packages}/pyodide-code/components/Clock/Pointer/index.tsx (90%)
 rename {packages/tdev => tdev-website/website/packages}/pyodide-code/components/Clock/index.tsx (88%)
 rename {packages/tdev => tdev-website/website/packages}/pyodide-code/components/Clock/styles.module.scss (100%)
 rename {packages/tdev => tdev-website/website/packages}/pyodide-code/models/Clock.ts (50%)
 create mode 100644 tdev-website/website/packages/pyodide-code/pyodideJsModules/siteModules.ts
 rename {packages/tdev/pyodide-code => tdev-website/website}/stores/ClockStore.ts (94%)
 create mode 100644 tdev-website/website/stores/SiteStore.ts
 create mode 100644 tsconfig.tdev.json

diff --git a/docusaurus.config.ts b/docusaurus.config.ts
index a737dc21d..34cc3c49f 100644
--- a/docusaurus.config.ts
+++ b/docusaurus.config.ts
@@ -362,7 +362,12 @@ const docusaurusConfig = withSiteConfig().then(async (siteConfig) => {
         sassPluginConfig,
         dynamicRouterPluginConfig,
         rsDoctorPluginConfig,
-        aliasConfigurationPluginConfig,
+        [
+          aliasConfigurationPluginConfig,
+          {
+            websiteDir: siteConfig.websiteDir ?? './website'
+          }
+        ],
         sentryPluginConfig,
         remarkPdfPluginConfig,
         socketIoNoDepWarningsPluginConfig,
diff --git a/packages/tdev/pyodide-code/README.mdx b/packages/tdev/pyodide-code/README.mdx
index ce3854262..c91a2b68b 100644
--- a/packages/tdev/pyodide-code/README.mdx
+++ b/packages/tdev/pyodide-code/README.mdx
@@ -8,7 +8,7 @@ sidebar_position: 50
 ---
 
 import BrowserWindow from '@tdev-components/BrowserWindow';
-import Clock from '@tdev/pyodide-code/components/Clock';
+import Clock from '@tdev/website/packages/pyodide-code/components/Clock';
 
 # pyodide-code
 
diff --git a/packages/tdev/pyodide-code/pyodideJsModules/index.ts b/packages/tdev/pyodide-code/pyodideJsModules/index.ts
index 173416aa2..aea1954ff 100644
--- a/packages/tdev/pyodide-code/pyodideJsModules/index.ts
+++ b/packages/tdev/pyodide-code/pyodideJsModules/index.ts
@@ -1,14 +1,6 @@
-import { siteModules } from './siteModules';
+import { siteModules } from '@tdev/pyodide-code/pyodideJsModules/siteModules';
 
-export interface MessageTypeMap {
-    clock: {
-        type: 'clock';
-        id: string;
-        clockType: 'hours' | 'minutes' | 'seconds';
-        value: number;
-        timeStamp: number;
-    };
-}
+export interface MessageTypeMap {}
 
 export type MessageType = keyof MessageTypeMap;
 
@@ -20,7 +12,6 @@ export interface Context {
 }
 
 export type ModuleType = { [key in MessageType]: (ctx: Context) => object };
-export const pyodideJsModules: ModuleType = {
-    clock: (ctx: Context) => ({}),
+export const pyodideJsModules: Partial<ModuleType> = {
     ...siteModules
 };
diff --git a/packages/tdev/pyodide-code/pyodideJsModules/siteModules.ts b/packages/tdev/pyodide-code/pyodideJsModules/siteModules.ts
index e99f19e77..89bc5d2d8 100644
--- a/packages/tdev/pyodide-code/pyodideJsModules/siteModules.ts
+++ b/packages/tdev/pyodide-code/pyodideJsModules/siteModules.ts
@@ -1,4 +1,4 @@
-import type { ModuleType } from '.';
+import type { ModuleType } from '@tdev/pyodide-code/pyodideJsModules';
 
 /**
  * this file is to add custom pyodide js modules for the teaching-dev website
@@ -13,88 +13,4 @@ import type { ModuleType } from '.';
 //     }
 // }
 
-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()
-                            });
-                        });
-                    },
-                    setTime: (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()
-                            });
-                        });
-                    },
-                    setHours: (deg: number) => {
-                        hours = deg;
-                        sendMessage({
-                            type: 'clock',
-                            clockType: 'hours',
-                            value: deg,
-                            id: id,
-                            timeStamp: getTime()
-                        });
-                    },
-                    setMinutes: (deg: number) => {
-                        minutes = deg;
-                        sendMessage({
-                            type: 'clock',
-                            clockType: 'minutes',
-                            value: deg,
-                            id: id,
-                            timeStamp: getTime()
-                        });
-                    },
-                    setSeconds: (deg: number) => {
-                        seconds = deg;
-                        sendMessage({
-                            type: 'clock',
-                            clockType: 'seconds',
-                            value: deg,
-                            id: id,
-                            timeStamp: getTime()
-                        });
-                    }
-                };
-            }
-        };
-    }
-};
+export const siteModules: Partial<ModuleType> = {};
diff --git a/packages/tdev/pyodide-code/stores/PyodideStore.ts b/packages/tdev/pyodide-code/stores/PyodideStore.ts
index 5791d4b07..e8308c8a6 100644
--- a/packages/tdev/pyodide-code/stores/PyodideStore.ts
+++ b/packages/tdev/pyodide-code/stores/PyodideStore.ts
@@ -6,7 +6,6 @@ import ExecutionEnvironment from '@docusaurus/ExecutionEnvironment';
 import { Message, PY_AWAIT_INPUT, PY_CANCEL_INPUT, PY_INPUT } from '../config';
 import PyodideCode from '../models/PyodideCode';
 import siteConfig from '@generated/docusaurus.config';
-import ClockStore from './ClockStore';
 const BASE_URL = siteConfig.baseUrl || '/';
 
 const TimingServiceWorker =
@@ -19,7 +18,6 @@ const TimingServiceWorker =
 
 export default class PyodideStore {
     viewStore: ViewStore;
-    @observable.ref accessor clockStore = new ClockStore();
     _worker: Worker | null = null;
     @observable accessor runtimeId = Date.now();
     @observable.ref accessor pyWorker: Comlink.Remote<PyWorker> | null = null;
@@ -75,20 +73,6 @@ export default class PyodideStore {
             case 'error':
                 code.addLogMessage(message);
                 break;
-            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;
             default:
                 if ('handleMessage' in this.viewStore.root.siteStore) {
                     this.viewStore.root.siteStore.handleMessage('pyodide', message);
diff --git a/src/siteConfig/pluginConfigs.ts b/src/siteConfig/pluginConfigs.ts
index 1da9199a3..3cacb10da 100644
--- a/src/siteConfig/pluginConfigs.ts
+++ b/src/siteConfig/pluginConfigs.ts
@@ -1,6 +1,6 @@
 import path from 'path';
 import dynamicRouterPlugin, { Config as DynamicRouteConfig } from '../plugins/plugin-dynamic-routes';
-import type { PluginConfig } from '@docusaurus/types';
+import type { LoadContext, Plugin, PluginConfig } from '@docusaurus/types';
 import { sentryWebpackPlugin } from '@sentry/webpack-plugin';
 
 // TODO: Consider bundling default / recommended plugins.
@@ -32,42 +32,48 @@ export const rsDoctorPluginConfig: PluginConfig = process.env.RSDOCTOR === 'true
     }
 ];
 
-export const aliasConfigurationPluginConfig: PluginConfig = () => {
+export const aliasConfigurationPluginConfig: Plugin = (
+    context: LoadContext,
+    options?: { websiteDir?: string }
+) => {
+    const websiteDir = options?.websiteDir ? options.websiteDir : './website';
+    console.log('Using website directory for aliases:', websiteDir);
     return {
         name: 'alias-configuration',
         getThemePath() {
             const cwd = process.cwd();
-            const siteSrcPath = path.resolve(cwd, './website');
+            const siteSrcPath = path.resolve(cwd, websiteDir);
             return siteSrcPath;
         },
-        configureWebpack(config, isServer, utils, content) {
+        configureWebpack() {
             const cwd = process.cwd();
             return {
                 resolve: {
                     alias: {
                         '@tdev-components': [
-                            path.resolve(cwd, './website/components'),
+                            path.resolve(cwd, websiteDir, './components'),
                             path.resolve(cwd, './src/components')
                         ],
                         '@tdev-hooks': [
-                            path.resolve(cwd, './website/hooks'),
+                            path.resolve(cwd, websiteDir, './hooks'),
                             path.resolve(cwd, './src/hooks')
                         ],
                         '@tdev-models': [
-                            path.resolve(cwd, './website/models'),
+                            path.resolve(cwd, websiteDir, './models'),
                             path.resolve(cwd, './src/models')
                         ],
                         '@tdev-stores': [
-                            path.resolve(cwd, './website/stores'),
+                            path.resolve(cwd, websiteDir, './stores'),
                             path.resolve(cwd, './src/stores')
                         ],
-                        '@tdev-api': [path.resolve(cwd, './website/api'), path.resolve(cwd, './src/api')],
+                        '@tdev-api': [path.resolve(cwd, websiteDir, './api'), path.resolve(cwd, './src/api')],
                         '@tdev-plugins': [
-                            path.resolve(cwd, './website/plugins'),
+                            path.resolve(cwd, websiteDir, './plugins'),
                             path.resolve(cwd, './src/plugins')
                         ],
                         '@tdev': [
-                            path.resolve(cwd, './website'),
+                            path.resolve(cwd, websiteDir),
+                            path.resolve(cwd, websiteDir, './packages'),
                             path.resolve(cwd, './src'),
                             path.resolve(cwd, './packages/tdev')
                         ],
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/tdev-website/siteConfig.ts b/tdev-website/siteConfig.ts
index 66bd6eb64..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'
         },
diff --git a/packages/tdev/pyodide-code/components/Clock/Pointer/index.tsx b/tdev-website/website/packages/pyodide-code/components/Clock/Pointer/index.tsx
similarity index 90%
rename from packages/tdev/pyodide-code/components/Clock/Pointer/index.tsx
rename to tdev-website/website/packages/pyodide-code/components/Clock/Pointer/index.tsx
index 641ab8b5c..ec0994fe3 100644
--- a/packages/tdev/pyodide-code/components/Clock/Pointer/index.tsx
+++ b/tdev-website/website/packages/pyodide-code/components/Clock/Pointer/index.tsx
@@ -1,7 +1,7 @@
 import clsx from 'clsx';
 import styles from '../styles.module.scss';
 import { observer } from 'mobx-react-lite';
-import { Clock } from '@tdev/pyodide-code/models/Clock';
+import { Clock } from '@tdev/packages/pyodide-code/models/Clock';
 
 interface Props {
     clock: Clock;
diff --git a/packages/tdev/pyodide-code/components/Clock/index.tsx b/tdev-website/website/packages/pyodide-code/components/Clock/index.tsx
similarity index 88%
rename from packages/tdev/pyodide-code/components/Clock/index.tsx
rename to tdev-website/website/packages/pyodide-code/components/Clock/index.tsx
index d73599275..991f815f4 100644
--- a/packages/tdev/pyodide-code/components/Clock/index.tsx
+++ b/tdev-website/website/packages/pyodide-code/components/Clock/index.tsx
@@ -13,9 +13,8 @@ interface Props {
 
 const Clock = observer((props: Props) => {
     const { clockId } = props;
-    const siteStore = useStore('viewStore');
-    const pyodideStore = siteStore.useStore('pyodideStore');
-    const clock = pyodideStore.clockStore.useClock(clockId);
+    const siteStore = useStore('siteStore');
+    const clock = siteStore.clockStore.useClock(clockId);
     return (
         <Card
             classNames={{ body: clsx(styles.clockCard), card: clsx(styles.card) }}
diff --git a/packages/tdev/pyodide-code/components/Clock/styles.module.scss b/tdev-website/website/packages/pyodide-code/components/Clock/styles.module.scss
similarity index 100%
rename from packages/tdev/pyodide-code/components/Clock/styles.module.scss
rename to tdev-website/website/packages/pyodide-code/components/Clock/styles.module.scss
diff --git a/packages/tdev/pyodide-code/models/Clock.ts b/tdev-website/website/packages/pyodide-code/models/Clock.ts
similarity index 50%
rename from packages/tdev/pyodide-code/models/Clock.ts
rename to tdev-website/website/packages/pyodide-code/models/Clock.ts
index 708599295..0dfb22914 100644
--- a/packages/tdev/pyodide-code/models/Clock.ts
+++ b/tdev-website/website/packages/pyodide-code/models/Clock.ts
@@ -48,39 +48,3 @@ export class Clock {
         this.setSeconds(secondsDeg);
     }
 }
-
-class Clocks {
-    @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 Clocks;
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..31212edc8
--- /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()
+                            });
+                        });
+                    },
+                    setTime: (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()
+                            });
+                        });
+                    },
+                    setHours: (deg: number) => {
+                        hours = deg;
+                        sendMessage({
+                            type: 'clock',
+                            clockType: 'hours',
+                            value: deg,
+                            id: id,
+                            timeStamp: getTime()
+                        });
+                    },
+                    setMinutes: (deg: number) => {
+                        minutes = deg;
+                        sendMessage({
+                            type: 'clock',
+                            clockType: 'minutes',
+                            value: deg,
+                            id: id,
+                            timeStamp: getTime()
+                        });
+                    },
+                    setSeconds: (deg: number) => {
+                        seconds = deg;
+                        sendMessage({
+                            type: 'clock',
+                            clockType: 'seconds',
+                            value: deg,
+                            id: id,
+                            timeStamp: getTime()
+                        });
+                    }
+                };
+            }
+        };
+    }
+};
diff --git a/packages/tdev/pyodide-code/stores/ClockStore.ts b/tdev-website/website/stores/ClockStore.ts
similarity index 94%
rename from packages/tdev/pyodide-code/stores/ClockStore.ts
rename to tdev-website/website/stores/ClockStore.ts
index ac91057c9..cff40d871 100644
--- a/packages/tdev/pyodide-code/stores/ClockStore.ts
+++ b/tdev-website/website/stores/ClockStore.ts
@@ -1,5 +1,5 @@
+import { Clock } from '@tdev/packages/pyodide-code/models/Clock';
 import { action, observable } from 'mobx';
-import { Clock } from '../models/Clock';
 
 class ClockStore {
     @observable.ref accessor defaultClock = new Clock();
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..bef8820d9 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,38 +1,24 @@
 {
     // 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"]
     }
diff --git a/tsconfig.tdev.json b/tsconfig.tdev.json
new file mode 100644
index 000000000..c43cfdd0d
--- /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"]
+    }
+}
diff --git a/updateTdev.config.yaml b/updateTdev.config.yaml
index 0974d39bc..c0295537f 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

From 67e28aca064b48d4f1322c9980644bbc81cfcf3b Mon Sep 17 00:00:00 2001
From: bh0fer <lebalz@outlook.com>
Date: Mon, 19 Jan 2026 21:52:43 +0100
Subject: [PATCH 31/46] add some simple docs

---
 packages/tdev/pyodide-code/README.mdx | 128 +++++++++++++++++++++++++-
 1 file changed, 125 insertions(+), 3 deletions(-)

diff --git a/packages/tdev/pyodide-code/README.mdx b/packages/tdev/pyodide-code/README.mdx
index c91a2b68b..b731684c2 100644
--- a/packages/tdev/pyodide-code/README.mdx
+++ b/packages/tdev/pyodide-code/README.mdx
@@ -8,7 +8,7 @@ sidebar_position: 50
 ---
 
 import BrowserWindow from '@tdev-components/BrowserWindow';
-import Clock from '@tdev/website/packages/pyodide-code/components/Clock';
+import Clock from '@tdev/packages/pyodide-code/components/Clock';
 
 # pyodide-code
 
@@ -86,7 +86,11 @@ print("Minimum at x =", result.x[0])
 print("Function value at minimum =", result.fun)
 ```
 
-## Interaktive Uhr
+## 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" />
@@ -118,4 +122,122 @@ while True:
             uhr.setHours(uhr.hours + 30)
     sleep(0.01)
 ```
-</BrowserWindow>
\ No newline at end of file
+</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()
+                                });
+                            });
+                        },
+                        setTime: (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()
+                                });
+                            });
+                        },
+                        setHours: (deg: number) => {
+                            hours = deg;
+                            sendMessage({
+                                type: 'clock',
+                                clockType: 'hours',
+                                value: deg,
+                                id: id,
+                                timeStamp: getTime()
+                            });
+                        },
+                        setMinutes: (deg: number) => {
+                            minutes = deg;
+                            sendMessage({
+                                type: 'clock',
+                                clockType: 'minutes',
+                                value: deg,
+                                id: id,
+                                timeStamp: getTime()
+                            });
+                        },
+                        setSeconds: (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.
\ No newline at end of file

From 8fb18760ea17000b7044f586f6624871bc9fb430 Mon Sep 17 00:00:00 2001
From: bh0fer <lebalz@outlook.com>
Date: Tue, 20 Jan 2026 00:22:58 +0100
Subject: [PATCH 32/46] add better log experience

---
 packages/tdev/pyodide-code/README.mdx         |  4 --
 .../pyodide-code/components/Footer/index.tsx  | 19 +++---
 .../components/Footer/styles.module.scss      |  5 --
 packages/tdev/pyodide-code/register.ts        |  4 +-
 .../CodeEditor/Editor/Footer/Logs/index.tsx   | 58 +++++++++++++++++++
 .../Editor/Footer/Logs/styles.module.scss     | 36 ++++++++++++
 .../shared/Button/CopyButton/index.tsx        | 48 +++++++++++++++
 src/models/documents/iCode/index.ts           |  2 +-
 8 files changed, 154 insertions(+), 22 deletions(-)
 create mode 100644 src/components/documents/CodeEditor/Editor/Footer/Logs/index.tsx
 create mode 100644 src/components/documents/CodeEditor/Editor/Footer/Logs/styles.module.scss
 create mode 100644 src/components/shared/Button/CopyButton/index.tsx

diff --git a/packages/tdev/pyodide-code/README.mdx b/packages/tdev/pyodide-code/README.mdx
index b731684c2..1a716e205 100644
--- a/packages/tdev/pyodide-code/README.mdx
+++ b/packages/tdev/pyodide-code/README.mdx
@@ -20,11 +20,7 @@ print("Hello from Pyodide!")
 
 <BrowserWindow>
 ```py live_pyo id=b26cde2c-5b0b-4acb-814e-9f2b3bdd29a9
-print('PRE')
-### PRE
 print("Hello from Pyodide!")
-### POST
-print('POST')
 ```
 </BrowserWindow>
 
diff --git a/packages/tdev/pyodide-code/components/Footer/index.tsx b/packages/tdev/pyodide-code/components/Footer/index.tsx
index 37130ece7..08b63d399 100644
--- a/packages/tdev/pyodide-code/components/Footer/index.tsx
+++ b/packages/tdev/pyodide-code/components/Footer/index.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react';
-import CodeBlock from '@theme-original/CodeBlock';
 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';
@@ -13,18 +13,17 @@ interface Props {
     code: PyodideCode;
 }
 
-const Logs = observer((props: Props) => {
+const Footer = observer((props: Props) => {
     const { code } = props;
     return (
         <Container>
             {code.logs.length > 0 && (
-                <CodeBlock
-                    language="plaintext"
-                    className={clsx(styles.logContainer)}
-                    metastring={`{${code.logErrorIndices.map((range) => range.join('-')).join(',')}}`}
-                >
-                    {code.logs.map((log, idx) => log.message).join('\n')}
-                </CodeBlock>
+                <Logs
+                    messages={code.logs}
+                    onClear={() => {
+                        code.clearMessages();
+                    }}
+                />
             )}
             {code.hasPrompt && (
                 <div className={clsx(styles.prompt)}>
@@ -62,4 +61,4 @@ const Logs = observer((props: Props) => {
     );
 });
 
-export default Logs;
+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
index 23dfc46ab..a52fa5487 100644
--- a/packages/tdev/pyodide-code/components/Footer/styles.module.scss
+++ b/packages/tdev/pyodide-code/components/Footer/styles.module.scss
@@ -22,8 +22,3 @@
         flex-wrap: wrap;
     }
 }
-.logContainer {
-    .error {
-        color: var(--ifm-color-danger);
-    }
-}
diff --git a/packages/tdev/pyodide-code/register.ts b/packages/tdev/pyodide-code/register.ts
index 28ece4d2c..65a15e848 100644
--- a/packages/tdev/pyodide-code/register.ts
+++ b/packages/tdev/pyodide-code/register.ts
@@ -5,7 +5,7 @@ import { createModel } from './models/PyodideCode';
 import { ModelMeta } from './models/ModelMeta';
 import { LiveCode } from '@tdev-stores/ComponentStore';
 import Header from './components/Header';
-import Logs from './components/Footer';
+import Footer from './components/Footer';
 
 const createStore = (viewStore: ViewStore) => {
     return new PyodideStore(viewStore);
@@ -16,7 +16,7 @@ const register = () => {
     rootStore.documentStore.registerFactory('pyodide_code', createModel);
     rootStore.componentStore.registerEditorComponent('pyodide_code', {
         Header: Header,
-        Footer: Logs,
+        Footer: Footer,
         createModelMeta: (props) => new ModelMeta(props),
         codeBlockMetastringMatcher: (metaLiveCode: LiveCode) => {
             if (metaLiveCode === 'live_pyo') {
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..b24b81d43
--- /dev/null
+++ b/src/components/documents/CodeEditor/Editor/Footer/Logs/index.tsx
@@ -0,0 +1,58 @@
+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';
+
+interface Props {
+    messages: { type: 'log' | 'error'; message: string }[];
+    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);
+    React.useEffect(() => {
+        if (ref.current) {
+            ref.current.scrollTop = ref.current.scrollHeight;
+        }
+    }, [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"
+                    />
+                    <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) => (
+                    <div key={idx} className={clsx(styles.message, styles[msg.type])}>
+                        {msg.message}
+                    </div>
+                ))}
+                <div className={clsx(styles.message)}>
+                    <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..83aac434e
--- /dev/null
+++ b/src/components/documents/CodeEditor/Editor/Footer/Logs/styles.module.scss
@@ -0,0 +1,36 @@
+.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: 8px;
+            position: absolute;
+        }
+    }
+    &:hover {
+        .actions {
+            .hoverActions {
+                display: flex;
+            }
+        }
+    }
+    .messages {
+        overflow: auto;
+        .message {
+            font: var(--ifm-code-font-size) / var(--ifm-pre-line-height) var(--ifm-font-family-monospace);
+            text-wrap: nowrap;
+            &.error {
+                color: var(--ifm-color-danger-dark);
+                text-wrap: wrap;
+            }
+        }
+    }
+}
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/models/documents/iCode/index.ts b/src/models/documents/iCode/index.ts
index b0b339e4d..f50a48375 100644
--- a/src/models/documents/iCode/index.ts
+++ b/src/models/documents/iCode/index.ts
@@ -177,7 +177,7 @@ class iCode<T extends CodeType = CodeType> extends iDocument<T> {
 
     @computed
     get combinedCode() {
-        return `${this.preCode}\n${this.code}\n${this.postCode}`;
+        return `${this.preCode}\n${this.code}\n${this.postCode}`.trim();
     }
 
     @computed

From 147478a2385618a46b55dd9bbd0ef5605e9be548 Mon Sep 17 00:00:00 2001
From: bh0fer <lebalz@outlook.com>
Date: Tue, 20 Jan 2026 09:37:30 +0100
Subject: [PATCH 33/46] use pythonic snake case instead of camel case for clock
 package

---
 packages/tdev/pyodide-code/README.mdx            | 16 ++++++++--------
 .../pyodide-code/pyodideJsModules/siteModules.ts |  8 ++++----
 2 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/packages/tdev/pyodide-code/README.mdx b/packages/tdev/pyodide-code/README.mdx
index 1a716e205..d4005564d 100644
--- a/packages/tdev/pyodide-code/README.mdx
+++ b/packages/tdev/pyodide-code/README.mdx
@@ -104,18 +104,18 @@ while True:
 
 <BrowserWindow>
 <Clock clockId="sbb-uhr" />
-```py live_pyo id=d5240fb9-2aab-4e02-8e88-770a117b2068 title=Interaktive_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.setSeconds(uhr.seconds + 1)
+    uhr.set_seconds(uhr.seconds + 1)
     if uhr.seconds % 360 == 0:
         sleep(0.99)
-        uhr.setMinutes(uhr.minutes + 6)
+        uhr.set_minutes(uhr.minutes + 6)
         if uhr.minutes % 360 == 0:
-            uhr.setHours(uhr.hours + 30)
+            uhr.set_hours(uhr.hours + 30)
     sleep(0.01)
 ```
 </BrowserWindow>
@@ -178,7 +178,7 @@ Die Implementierung kann im Seitenspezifischen [`./website`](https://github.com/
                                 });
                             });
                         },
-                        setTime: (h: number, m: number, s: number) => {
+                        set_time: (h: number, m: number, s: number) => {
                             hours = h;
                             minutes = m;
                             seconds = s;
@@ -196,7 +196,7 @@ Die Implementierung kann im Seitenspezifischen [`./website`](https://github.com/
                                 });
                             });
                         },
-                        setHours: (deg: number) => {
+                        set_hours: (deg: number) => {
                             hours = deg;
                             sendMessage({
                                 type: 'clock',
@@ -206,7 +206,7 @@ Die Implementierung kann im Seitenspezifischen [`./website`](https://github.com/
                                 timeStamp: getTime()
                             });
                         },
-                        setMinutes: (deg: number) => {
+                        set_minutes: (deg: number) => {
                             minutes = deg;
                             sendMessage({
                                 type: 'clock',
@@ -216,7 +216,7 @@ Die Implementierung kann im Seitenspezifischen [`./website`](https://github.com/
                                 timeStamp: getTime()
                             });
                         },
-                        setSeconds: (deg: number) => {
+                        set_seconds: (deg: number) => {
                             seconds = deg;
                             sendMessage({
                                 type: 'clock',
diff --git a/tdev-website/website/packages/pyodide-code/pyodideJsModules/siteModules.ts b/tdev-website/website/packages/pyodide-code/pyodideJsModules/siteModules.ts
index 31212edc8..4e308dfde 100644
--- a/tdev-website/website/packages/pyodide-code/pyodideJsModules/siteModules.ts
+++ b/tdev-website/website/packages/pyodide-code/pyodideJsModules/siteModules.ts
@@ -49,7 +49,7 @@ export const siteModules: Partial<ModuleType> = {
                             });
                         });
                     },
-                    setTime: (h: number, m: number, s: number) => {
+                    set_time: (h: number, m: number, s: number) => {
                         hours = h;
                         minutes = m;
                         seconds = s;
@@ -67,7 +67,7 @@ export const siteModules: Partial<ModuleType> = {
                             });
                         });
                     },
-                    setHours: (deg: number) => {
+                    set_hours: (deg: number) => {
                         hours = deg;
                         sendMessage({
                             type: 'clock',
@@ -77,7 +77,7 @@ export const siteModules: Partial<ModuleType> = {
                             timeStamp: getTime()
                         });
                     },
-                    setMinutes: (deg: number) => {
+                    set_minutes: (deg: number) => {
                         minutes = deg;
                         sendMessage({
                             type: 'clock',
@@ -87,7 +87,7 @@ export const siteModules: Partial<ModuleType> = {
                             timeStamp: getTime()
                         });
                     },
-                    setSeconds: (deg: number) => {
+                    set_seconds: (deg: number) => {
                         seconds = deg;
                         sendMessage({
                             type: 'clock',

From 850cc79767b2de60755a1060f38c84f8644a6a54 Mon Sep 17 00:00:00 2001
From: bh0fer <lebalz@outlook.com>
Date: Tue, 20 Jan 2026 09:45:49 +0100
Subject: [PATCH 34/46] streamline Message Type defs

---
 packages/tdev/pyodide-code/config.ts          | 22 -------------------
 .../tdev/pyodide-code/models/PyodideCode.ts   |  2 +-
 .../pyodide-code/pyodideJsModules/index.ts    | 18 ++++++++++++++-
 .../pyodide-code/workers/pyodide.worker.ts    |  3 ++-
 4 files changed, 20 insertions(+), 25 deletions(-)

diff --git a/packages/tdev/pyodide-code/config.ts b/packages/tdev/pyodide-code/config.ts
index 5513b1d0b..0c73ce9a0 100644
--- a/packages/tdev/pyodide-code/config.ts
+++ b/packages/tdev/pyodide-code/config.ts
@@ -4,25 +4,3 @@ 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;
-// process.env.NODE_ENV === 'production' ? ('/assets/js/' as const) : ('/' as const);
-
-interface LogBase {
-    id: string;
-    timeStamp: number;
-}
-
-export interface LogMessage extends LogBase {
-    type: 'log';
-    message: string;
-}
-export interface ErrorMessage extends LogBase {
-    type: 'error';
-    message: string;
-}
-interface ClockMessage extends LogBase {
-    type: 'clock';
-    clockType: 'hours' | 'minutes' | 'seconds';
-    value: number;
-}
-
-export type Message = LogMessage | ErrorMessage | ClockMessage;
diff --git a/packages/tdev/pyodide-code/models/PyodideCode.ts b/packages/tdev/pyodide-code/models/PyodideCode.ts
index 494a570d1..0ab414ed0 100644
--- a/packages/tdev/pyodide-code/models/PyodideCode.ts
+++ b/packages/tdev/pyodide-code/models/PyodideCode.ts
@@ -3,9 +3,9 @@ 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 { Message, LogMessage, ErrorMessage } from '../config';
 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);
diff --git a/packages/tdev/pyodide-code/pyodideJsModules/index.ts b/packages/tdev/pyodide-code/pyodideJsModules/index.ts
index aea1954ff..51d418fbf 100644
--- a/packages/tdev/pyodide-code/pyodideJsModules/index.ts
+++ b/packages/tdev/pyodide-code/pyodideJsModules/index.ts
@@ -1,6 +1,22 @@
 import { siteModules } from '@tdev/pyodide-code/pyodideJsModules/siteModules';
 
-export interface MessageTypeMap {}
+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;
 
diff --git a/packages/tdev/pyodide-code/workers/pyodide.worker.ts b/packages/tdev/pyodide-code/workers/pyodide.worker.ts
index 9b7e634cd..b7388213f 100644
--- a/packages/tdev/pyodide-code/workers/pyodide.worker.ts
+++ b/packages/tdev/pyodide-code/workers/pyodide.worker.ts
@@ -1,7 +1,8 @@
 import * as Comlink from 'comlink';
 import type { loadPyodide } from 'pyodide';
-import { Message, PY_STDIN_ROUTE } from '../config';
+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

From 8ee270297044d67fa1dcc2432dbf557ebc963a30 Mon Sep 17 00:00:00 2001
From: bh0fer <lebalz@outlook.com>
Date: Tue, 20 Jan 2026 12:43:56 +0100
Subject: [PATCH 35/46] reload page when pyodide sw was not registered (max one
 try)

---
 packages/tdev/pyodide-code/README.mdx         | 38 ++++++++++++++++++-
 .../tdev/pyodide-code/stores/PyodideStore.ts  | 19 +++++++++-
 src/stores/utils/SessionStorage.ts            | 25 +++++++-----
 .../packages/pyodide-code/models/Clock.ts     |  1 -
 updateTdev.config.yaml                        |  2 +
 5 files changed, 71 insertions(+), 14 deletions(-)

diff --git a/packages/tdev/pyodide-code/README.mdx b/packages/tdev/pyodide-code/README.mdx
index d4005564d..b2fdff057 100644
--- a/packages/tdev/pyodide-code/README.mdx
+++ b/packages/tdev/pyodide-code/README.mdx
@@ -8,6 +8,7 @@ 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
@@ -97,7 +98,7 @@ from time import sleep
 uhr = use_clock("sbb-uhr")
 
 while True:
-    uhr.setSeconds(uhr.seconds + 1)
+    uhr.set_seconds(uhr.seconds + 1)
     sleep(0.01)
 ```
 ````
@@ -236,4 +237,37 @@ Die Implementierung kann im Seitenspezifischen [`./website`](https://github.com/
     :::
 - 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.
\ No newline at end of file
+- 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 das `packages/tdev/pyodide-code`-Verzeichnis in dein `tdev-website/website/packages`-Verzeichnis oder füge es dem `updateTdev.config.yaml` hinzu, damit es bei Updates nicht überschrieben wird.
+:::
+
+
+import pyodideSW from '!!raw-loader!@site/static/pyodide.sw.js';
+
+1. Füge das `pyodide-code`-Package zu den `apiDocumentProviders` in deiner `siteConfig.ts` hinzu:
+    ```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>
+    :::
+
+
+```bash
+yarn install
+```
\ No newline at end of file
diff --git a/packages/tdev/pyodide-code/stores/PyodideStore.ts b/packages/tdev/pyodide-code/stores/PyodideStore.ts
index e8308c8a6..af94460fa 100644
--- a/packages/tdev/pyodide-code/stores/PyodideStore.ts
+++ b/packages/tdev/pyodide-code/stores/PyodideStore.ts
@@ -3,11 +3,19 @@ import * as Comlink from 'comlink';
 import ViewStore from '@tdev-stores/ViewStores';
 import { PyWorker, PyWorkerApi } from '../workers/pyodide.worker';
 import ExecutionEnvironment from '@docusaurus/ExecutionEnvironment';
-import { Message, PY_AWAIT_INPUT, PY_CANCEL_INPUT, PY_INPUT } from '../config';
+import { PY_AWAIT_INPUT, 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`, {
@@ -130,7 +138,9 @@ export default class PyodideStore {
         if (this._worker) {
             this._worker.terminate();
         }
-        this._worker = new Worker(new URL('../workers/pyodide.worker', import.meta.url), { type: 'module' });
+        this._worker = new Worker(new URL('@tdev/pyodide-code/workers/pyodide.worker', import.meta.url), {
+            type: 'module'
+        });
         return Comlink.wrap<PyWorkerApi>(this._worker);
     }
 
@@ -167,6 +177,11 @@ export default class PyodideStore {
             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(() => {
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/tdev-website/website/packages/pyodide-code/models/Clock.ts b/tdev-website/website/packages/pyodide-code/models/Clock.ts
index 0dfb22914..3046b0846 100644
--- a/tdev-website/website/packages/pyodide-code/models/Clock.ts
+++ b/tdev-website/website/packages/pyodide-code/models/Clock.ts
@@ -32,7 +32,6 @@ export class Clock {
 
     @action
     setMinutes(deg: number) {
-        console.log('Setting minutes to', deg);
         this.minutes = deg;
     }
 
diff --git a/updateTdev.config.yaml b/updateTdev.config.yaml
index c0295537f..5af5f8e8b 100644
--- a/updateTdev.config.yaml
+++ b/updateTdev.config.yaml
@@ -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

From 7dbb36f8ec9fed1a4c6c60e4101854d9bf5739a9 Mon Sep 17 00:00:00 2001
From: bh0fer <lebalz@outlook.com>
Date: Tue, 20 Jan 2026 12:56:47 +0100
Subject: [PATCH 36/46] fix styling

---
 .../documents/CodeEditor/Editor/Footer/Logs/index.tsx | 11 ++++++++---
 .../CodeEditor/Editor/Footer/Logs/styles.module.scss  | 11 ++++++++++-
 2 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/src/components/documents/CodeEditor/Editor/Footer/Logs/index.tsx b/src/components/documents/CodeEditor/Editor/Footer/Logs/index.tsx
index b24b81d43..74081f573 100644
--- a/src/components/documents/CodeEditor/Editor/Footer/Logs/index.tsx
+++ b/src/components/documents/CodeEditor/Editor/Footer/Logs/index.tsx
@@ -18,9 +18,11 @@ interface Props {
 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 (
@@ -31,6 +33,7 @@ const Logs = observer((props: Props) => {
                         size={SIZE_S}
                         value={messages.map((msg) => msg.message).join('\n')}
                         title="Kopieren"
+                        className={clsx(styles.button)}
                     />
                     <Button
                         title="Logs leeren"
@@ -47,9 +50,11 @@ const Logs = observer((props: Props) => {
                         {msg.message}
                     </div>
                 ))}
-                <div className={clsx(styles.message)}>
-                    <br />
-                </div>
+                {hasHorizontalOverflow && (
+                    <div className={clsx(styles.message, styles.scrollMargin)}>
+                        <br />
+                    </div>
+                )}
             </div>
         </div>
     );
diff --git a/src/components/documents/CodeEditor/Editor/Footer/Logs/styles.module.scss b/src/components/documents/CodeEditor/Editor/Footer/Logs/styles.module.scss
index 83aac434e..b8e4b513c 100644
--- a/src/components/documents/CodeEditor/Editor/Footer/Logs/styles.module.scss
+++ b/src/components/documents/CodeEditor/Editor/Footer/Logs/styles.module.scss
@@ -11,7 +11,7 @@
             gap: 4px;
             display: none;
             top: 0;
-            right: 8px;
+            right: 0px;
             position: absolute;
         }
     }
@@ -19,6 +19,12 @@
         .actions {
             .hoverActions {
                 display: flex;
+                .button {
+                    &:hover {
+                        background-color: var(--ifm-color-gray-200);
+                        opacity: 1;
+                    }
+                }
             }
         }
     }
@@ -31,6 +37,9 @@
                 color: var(--ifm-color-danger-dark);
                 text-wrap: wrap;
             }
+            &.scrollMargin {
+                line-height: 1;
+            }
         }
     }
 }

From b990ca3705343b677db1c6347287a07449c3f139 Mon Sep 17 00:00:00 2001
From: bh0fer <lebalz@outlook.com>
Date: Tue, 20 Jan 2026 14:14:54 +0100
Subject: [PATCH 37/46] refactor alias plugin to its own file

---
 docusaurus.config.ts                          |  6 +-
 packages/tdev/brython-code/README.mdx         | 28 +++++++-
 packages/tdev/pyodide-code/README.mdx         |  5 +-
 .../plugin-alias-configuration/index.ts       | 62 +++++++++++++++++
 src/siteConfig/pluginConfigs.ts               | 66 +------------------
 5 files changed, 98 insertions(+), 69 deletions(-)
 create mode 100644 src/plugins/plugin-alias-configuration/index.ts

diff --git a/docusaurus.config.ts b/docusaurus.config.ts
index 34cc3c49f..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';
@@ -363,7 +363,7 @@ const docusaurusConfig = withSiteConfig().then(async (siteConfig) => {
         dynamicRouterPluginConfig,
         rsDoctorPluginConfig,
         [
-          aliasConfigurationPluginConfig,
+          aliasConfigurationPlugin,
           {
             websiteDir: siteConfig.websiteDir ?? './website'
           }
diff --git a/packages/tdev/brython-code/README.mdx b/packages/tdev/brython-code/README.mdx
index 8e1fca527..4ed2b55c1 100644
--- a/packages/tdev/brython-code/README.mdx
+++ b/packages/tdev/brython-code/README.mdx
@@ -612,4 +612,30 @@ print('Hello Unpersisted Code Block')
   ```py live_py hideWarning
   print('Hello Unpersisted Code Block')
   ```
-</BrowserWindow>
\ No newline at end of file
+</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/pyodide-code/README.mdx b/packages/tdev/pyodide-code/README.mdx
index b2fdff057..a05b881be 100644
--- a/packages/tdev/pyodide-code/README.mdx
+++ b/packages/tdev/pyodide-code/README.mdx
@@ -243,13 +243,13 @@ Die Implementierung kann im Seitenspezifischen [`./website`](https://github.com/
 ## Installation
 
 :::info[`packages/tdev/pyodide-code`]
-Kopiere das `packages/tdev/pyodide-code`-Verzeichnis in dein `tdev-website/website/packages`-Verzeichnis oder füge es dem `updateTdev.config.yaml` hinzu, damit es bei Updates nicht überschrieben wird.
+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. Füge das `pyodide-code`-Package zu den `apiDocumentProviders` in deiner `siteConfig.ts` hinzu:
+1. Hinzufügen des `pyodide-code`-Package zu den `apiDocumentProviders` im `siteConfig.ts`:
     ```ts title="siteConfig.ts"
     const getSiteConfig: SiteConfigProvider = () => {
         return {
@@ -267,6 +267,7 @@ import pyodideSW from '!!raw-loader!@site/static/pyodide.sw.js';
     </CodeBlock>
     :::
 
+Danach muss erneut installiert werden:
 
 ```bash
 yarn install
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/pluginConfigs.ts b/src/siteConfig/pluginConfigs.ts
index 3cacb10da..10d4bf5d9 100644
--- a/src/siteConfig/pluginConfigs.ts
+++ b/src/siteConfig/pluginConfigs.ts
@@ -1,6 +1,7 @@
 import path from 'path';
 import dynamicRouterPlugin, { Config as DynamicRouteConfig } from '../plugins/plugin-dynamic-routes';
-import type { LoadContext, Plugin, PluginConfig } from '@docusaurus/types';
+import aliasConfigurationPlugin from '../plugins/plugin-alias-configuration';
+import type { PluginConfig } from '@docusaurus/types';
 import { sentryWebpackPlugin } from '@sentry/webpack-plugin';
 
 // TODO: Consider bundling default / recommended plugins.
@@ -32,68 +33,7 @@ export const rsDoctorPluginConfig: PluginConfig = process.env.RSDOCTOR === 'true
     }
 ];
 
-export const aliasConfigurationPluginConfig: Plugin = (
-    context: LoadContext,
-    options?: { websiteDir?: string }
-) => {
-    const websiteDir = options?.websiteDir ? options.websiteDir : './website';
-    console.log('Using website directory for aliases:', websiteDir);
-    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 { aliasConfigurationPlugin };
 
 export const sentryPluginConfig: PluginConfig = () => {
     const SENTRY_AUTH_TOKEN = process.env.SENTRY_AUTH_TOKEN;

From b7456507eea0cf23eaac98671a413895e151a078 Mon Sep 17 00:00:00 2001
From: bh0fer <lebalz@outlook.com>
Date: Tue, 20 Jan 2026 19:05:51 +0100
Subject: [PATCH 38/46] make sure lang is correct for fs files

---
 src/models/documents/FileSystem/File.ts | 10 +++++++++
 src/models/documents/iCode/index.ts     | 30 +++++++++++++++----------
 2 files changed, 28 insertions(+), 12 deletions(-)

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/iCode/index.ts b/src/models/documents/iCode/index.ts
index f50a48375..a2870315d 100644
--- a/src/models/documents/iCode/index.ts
+++ b/src/models/documents/iCode/index.ts
@@ -182,12 +182,30 @@ class iCode<T extends CodeType = CodeType> extends iDocument<T> {
 
     @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;
     }
@@ -202,18 +220,6 @@ class iCode<T extends CodeType = CodeType> extends iDocument<T> {
         // to be implemented by subclasses
     }
 
-    @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;
-    }
-
     get data(): TypeDataMapping[T] {
         return {
             code: this.code

From 576b4d3f17ca3c68acf67788e852d1910985415b Mon Sep 17 00:00:00 2001
From: bh0fer <lebalz@outlook.com>
Date: Tue, 20 Jan 2026 23:35:25 +0100
Subject: [PATCH 39/46] only show editor when model was loaded

---
 src/components/documents/CodeEditor/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/documents/CodeEditor/index.tsx b/src/components/documents/CodeEditor/index.tsx
index 90e9ffa61..7982320f4 100644
--- a/src/components/documents/CodeEditor/index.tsx
+++ b/src/components/documents/CodeEditor/index.tsx
@@ -37,7 +37,7 @@ export const CodeEditor = observer((props: Props) => {
             code.setCode(props.code);
         }
     }, [code, props.code]);
-    if (!ExecutionEnvironment.canUseDOM || !code) {
+    if (!ExecutionEnvironment.canUseDOM || !code || !code.isInitialized) {
         return <CodeBlock language={props.lang}>{props.code}</CodeBlock>;
     }
     return <CodeEditorComponent code={code as iCode<typeof type>} className={props.className} />;

From a606bd93d977762a111c0fed5f64587d321c3798 Mon Sep 17 00:00:00 2001
From: bh0fer <lebalz@outlook.com>
Date: Wed, 21 Jan 2026 00:02:30 +0100
Subject: [PATCH 40/46] make sure remark-math does not throw expression errors

---
 tsconfig.json      | 2 +-
 tsconfig.tdev.json | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/tsconfig.json b/tsconfig.json
index bef8820d9..400dc7a3e 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -20,6 +20,6 @@
         }
     },
     "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
index c43cfdd0d..c09e1c7c0 100644
--- a/tsconfig.tdev.json
+++ b/tsconfig.tdev.json
@@ -34,6 +34,6 @@
         "build"
     ],
     "mdx": {
-        "plugins": [["remark-frontmatter", ["toml", "yaml"]], "remark-directive"]
+        "plugins": [["remark-frontmatter", ["toml", "yaml"]], "remark-directive", "remark-math"]
     }
 }

From 6edb7f34292b8868abedff139356f10d9786437b Mon Sep 17 00:00:00 2001
From: bh0fer <lebalz@outlook.com>
Date: Wed, 21 Jan 2026 00:15:00 +0100
Subject: [PATCH 41/46] fix private window issues

---
 src/components/documents/CodeEditor/index.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/documents/CodeEditor/index.tsx b/src/components/documents/CodeEditor/index.tsx
index 7982320f4..f61e65b64 100644
--- a/src/components/documents/CodeEditor/index.tsx
+++ b/src/components/documents/CodeEditor/index.tsx
@@ -29,6 +29,7 @@ export interface Props extends Omit<MetaProps, 'live_jsx' | 'live_py'> {
 export const CodeEditor = observer((props: Props) => {
     const id = props.slim ? undefined : props.id;
     const componentStore = useStore('componentStore');
+    const userStore = useStore('userStore');
     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);
@@ -37,7 +38,7 @@ export const CodeEditor = observer((props: Props) => {
             code.setCode(props.code);
         }
     }, [code, props.code]);
-    if (!ExecutionEnvironment.canUseDOM || !code || !code.isInitialized) {
+    if (!ExecutionEnvironment.canUseDOM || !code || (userStore.current && !code.isInitialized)) {
         return <CodeBlock language={props.lang}>{props.code}</CodeBlock>;
     }
     return <CodeEditorComponent code={code as iCode<typeof type>} className={props.className} />;

From 5f19018da0bcb2cbfa4e3c3b03c57de05b9ad320 Mon Sep 17 00:00:00 2001
From: bh0fer <lebalz@outlook.com>
Date: Wed, 21 Jan 2026 13:46:00 +0100
Subject: [PATCH 42/46] only execute script when python

---
 packages/tdev/brython-code/models/Script.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/tdev/brython-code/models/Script.ts b/packages/tdev/brython-code/models/Script.ts
index b45605701..b63f8da0f 100644
--- a/packages/tdev/brython-code/models/Script.ts
+++ b/packages/tdev/brython-code/models/Script.ts
@@ -143,7 +143,7 @@ export default class Script extends iCode<'script'> {
     }
 
     get canExecute(): boolean {
-        return true;
+        return this.lang === 'python';
     }
 
     @action

From 69b27e4955a5cf8fc2cc42a3f9d7e1eda3bb2575 Mon Sep 17 00:00:00 2001
From: bh0fer <lebalz@outlook.com>
Date: Wed, 21 Jan 2026 18:15:04 +0100
Subject: [PATCH 43/46] use general log component for brython

---
 .../brython-code/components/Footer/index.tsx  | 29 +++++------
 packages/tdev/brython-code/models/Script.ts   | 48 ++++++++++++++-----
 .../tdev/brython-code/models/ScriptMeta.ts    | 22 +++++++++
 packages/tdev/brython-code/register.ts        |  7 +--
 .../CodeEditor/Editor/Footer/Logs/index.tsx   |  8 ++--
 .../Editor/Footer/Logs/styles.module.scss     |  2 +
 6 files changed, 81 insertions(+), 35 deletions(-)
 create mode 100644 packages/tdev/brython-code/models/ScriptMeta.ts

diff --git a/packages/tdev/brython-code/components/Footer/index.tsx b/packages/tdev/brython-code/components/Footer/index.tsx
index 29d7435b5..e377180fd 100644
--- a/packages/tdev/brython-code/components/Footer/index.tsx
+++ b/packages/tdev/brython-code/components/Footer/index.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import CodeBlock from '@theme-original/CodeBlock';
+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';
@@ -8,27 +8,20 @@ interface Props {
     code: Script;
 }
 
-const Logs = observer((props: Props) => {
+const Footer = observer((props: Props) => {
     const { code } = props;
-    const logs = code.logs;
-    if (logs.length === 0) {
-        return null;
-    }
-    const errors: string[] = [];
-    let lineNr = 1;
-    const logMessages = 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 (
         <Container>
-            <CodeBlock metastring={`{${errors.join(',')}}`}>{logMessages.join('')}</CodeBlock>
+            {code.messages.length > 0 && (
+                <Logs
+                    messages={code.logs}
+                    onClear={() => {
+                        code.clearMessages();
+                    }}
+                />
+            )}
         </Container>
     );
 });
 
-export default Logs;
+export default Footer;
diff --git a/packages/tdev/brython-code/models/Script.ts b/packages/tdev/brython-code/models/Script.ts
index b63f8da0f..952fae5cb 100644
--- a/packages/tdev/brython-code/models/Script.ts
+++ b/packages/tdev/brython-code/models/Script.ts
@@ -4,10 +4,9 @@ import { Document as DocumentProps, Factory, TypeDataMapping } from '@tdev-api/d
 import DocumentStore from '@tdev-stores/DocumentStore';
 import siteConfig from '@generated/docusaurus.config';
 import globalData from '@generated/globalData';
-import { Props as CodeEditorProps } from '@tdev-components/documents/CodeEditor';
 import _ from 'es-toolkit/compat';
 import iCode from '@tdev-models/documents/iCode';
-import { default as iScriptMeta } from '@tdev-models/documents/iCode/iCodeMeta';
+import { orderBy } from 'es-toolkit/array';
 import {
     CANVAS_OUTPUT_TESTER,
     DOM_ELEMENT_IDS,
@@ -15,7 +14,10 @@ import {
     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';
@@ -26,16 +28,10 @@ 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');
-    }
-}
-
 export default class Script extends iCode<'script'> {
     @observable accessor isExecuting: boolean = false;
     @observable accessor graphicsModalExecutionNr: number = 0;
-    logs = observable.array<LogMessage>([], { deep: false });
+    messages = observable.array<LogMessage>([], { deep: false });
 
     constructor(props: DocumentProps<'script'>, store: DocumentStore) {
         super(props, store);
@@ -51,7 +47,7 @@ export default class Script extends iCode<'script'> {
 
     @action
     clearLogMessages() {
-        this.logs.clear();
+        this.messages.clear();
     }
 
     @action
@@ -61,7 +57,7 @@ export default class Script extends iCode<'script'> {
 
     @action
     addLogMessage(message: LogMessage) {
-        this.logs.push({ output: message.output, timeStamp: Date.now(), type: message.type });
+        this.messages.push({ output: message.output, timeStamp: Date.now(), type: message.type });
     }
 
     @computed
@@ -90,6 +86,36 @@ export default class Script extends iCode<'script'> {
         }
     }
 
+    @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) {
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/register.ts b/packages/tdev/brython-code/register.ts
index 273db243e..5efa5d42c 100644
--- a/packages/tdev/brython-code/register.ts
+++ b/packages/tdev/brython-code/register.ts
@@ -1,14 +1,15 @@
 import { rootStore } from '@tdev-stores/rootStore';
 import Header from './components/Header';
-import Logs from './components/Footer';
+import Footer from './components/Footer';
 import Meta from './components/Meta';
-import { createModel, ScriptMeta } from './models/Script';
+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: Logs,
+        Footer: Footer,
         Meta: Meta,
         createModelMeta: (props) => new ScriptMeta(props),
         codeBlockMetastringMatcher: (metaLiveCode: LiveCode) => {
diff --git a/src/components/documents/CodeEditor/Editor/Footer/Logs/index.tsx b/src/components/documents/CodeEditor/Editor/Footer/Logs/index.tsx
index 74081f573..7b3e6f528 100644
--- a/src/components/documents/CodeEditor/Editor/Footer/Logs/index.tsx
+++ b/src/components/documents/CodeEditor/Editor/Footer/Logs/index.tsx
@@ -9,8 +9,10 @@ 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: { type: 'log' | 'error'; message: string }[];
+    messages: LogMessage[];
     onClear: () => void;
     maxLines?: number;
 }
@@ -46,9 +48,9 @@ const Logs = observer((props: Props) => {
             </div>
             <div className={clsx(styles.messages)} style={{ maxHeight: maxLines * 1.2 + 2 + 'em' }} ref={ref}>
                 {messages.map((msg, idx) => (
-                    <div key={idx} className={clsx(styles.message, styles[msg.type])}>
+                    <pre key={idx} className={clsx(styles.message, styles[msg.type])}>
                         {msg.message}
-                    </div>
+                    </pre>
                 ))}
                 {hasHorizontalOverflow && (
                     <div className={clsx(styles.message, styles.scrollMargin)}>
diff --git a/src/components/documents/CodeEditor/Editor/Footer/Logs/styles.module.scss b/src/components/documents/CodeEditor/Editor/Footer/Logs/styles.module.scss
index b8e4b513c..58c42a02e 100644
--- a/src/components/documents/CodeEditor/Editor/Footer/Logs/styles.module.scss
+++ b/src/components/documents/CodeEditor/Editor/Footer/Logs/styles.module.scss
@@ -33,6 +33,8 @@
         .message {
             font: var(--ifm-code-font-size) / var(--ifm-pre-line-height) var(--ifm-font-family-monospace);
             text-wrap: nowrap;
+            margin: 0;
+            padding: 0;
             &.error {
                 color: var(--ifm-color-danger-dark);
                 text-wrap: wrap;

From d23693b675098d68065aa550941da4a38e8ac4a9 Mon Sep 17 00:00:00 2001
From: bh0fer <lebalz@outlook.com>
Date: Wed, 21 Jan 2026 18:23:37 +0100
Subject: [PATCH 44/46] remove unused sw ts

---
 .../tdev/pyodide-code/workers/pyodide.sw.ts   | 84 -------------------
 .../pyodide-code/workers/pyodide.worker.ts    |  2 +-
 2 files changed, 1 insertion(+), 85 deletions(-)
 delete mode 100644 packages/tdev/pyodide-code/workers/pyodide.sw.ts

diff --git a/packages/tdev/pyodide-code/workers/pyodide.sw.ts b/packages/tdev/pyodide-code/workers/pyodide.sw.ts
deleted file mode 100644
index eb6d3e48e..000000000
--- a/packages/tdev/pyodide-code/workers/pyodide.sw.ts
+++ /dev/null
@@ -1,84 +0,0 @@
-import { PY_AWAIT_INPUT, PY_CANCEL_INPUT, PY_INPUT, PY_STDIN_ROUTE } from '../config';
-
-addEventListener('install', () => {
-    // @ts-ignore
-    self.skipWaiting();
-});
-
-addEventListener('activate', () => {
-    // @ts-ignore
-    self.clients.claim();
-});
-
-const resolvers = new Map<string, ((value: Response) => void)[]>();
-
-addEventListener('message', (event) => {
-    switch (event.data.type) {
-        case PY_INPUT:
-            const resolverArray = resolvers.get(event.data.id);
-            const resolver = resolverArray?.shift();
-            if (!resolver) {
-                console.error('Error handing input: No resolver');
-                return;
-            }
-            console.log('Resolving input for id', event.data.id, 'with value', event.data.value);
-            resolver(new Response(event.data.value, { status: 200 }));
-            break;
-        case PY_CANCEL_INPUT:
-            const rejecterArray = resolvers.get(event.data.id);
-            const rejecter = rejecterArray?.shift();
-            if (!rejecter) {
-                console.error('Error handing input: No resolver');
-                return;
-            }
-            rejecter(new Response('Run cancelled', { status: 410 }));
-            break;
-        default:
-            return;
-    }
-});
-
-addEventListener('fetch', (_event) => {
-    const event = _event as FetchEvent;
-    const url = new URL(event.request.url);
-
-    if (url.pathname !== PY_STDIN_ROUTE) {
-        return;
-    }
-
-    const id = url.searchParams.get('id');
-    console.log('Fetch event for', url.pathname, event.request.url, id);
-    if (!id) {
-        console.error('Error handling input: No id');
-        return;
-    }
-    const prompt = url.searchParams.get('prompt');
-
-    console.log('EVENT', event.clientId, event.type, event);
-    event.waitUntil(
-        (async () => {
-            // Send PY_AWAIT_INPUT message to all window clients
-            (self as any as ServiceWorkerGlobalScope).clients.matchAll().then((clients) => {
-                console.log('Clients:', clients);
-                clients.forEach((client) => {
-                    console.log('Client found', client.id, client.type);
-                    if (client.type === 'window') {
-                        console.log('Sending await input message to client', client.id, PY_AWAIT_INPUT);
-                        client.postMessage({
-                            type: PY_AWAIT_INPUT,
-                            id,
-                            prompt
-                        });
-                    }
-                });
-            });
-        })().catch((err) => console.error('Error matching clients', err))
-    );
-
-    const promise = new Promise<Response>((resolve, reject) => {
-        const resolverArray = resolvers.get(id) || [];
-        resolverArray.push(resolve);
-        return resolvers.set(id, resolverArray);
-    });
-    event.respondWith(promise as unknown as Response);
-});
diff --git a/packages/tdev/pyodide-code/workers/pyodide.worker.ts b/packages/tdev/pyodide-code/workers/pyodide.worker.ts
index b7388213f..e18753db2 100644
--- a/packages/tdev/pyodide-code/workers/pyodide.worker.ts
+++ b/packages/tdev/pyodide-code/workers/pyodide.worker.ts
@@ -96,7 +96,7 @@ export class PyWorker {
                 sendMessage({ type: 'log', message: s, id: id, timeStamp: getTime() });
             }
         });
-        await pyodide.runPythonAsync(patchInputCode(id));
+        await pyodide.runPythonAsync(patchInputCode(id), { globals });
         try {
             // Execute the python code in this context
             const result = await pyodide.runPythonAsync(code);

From a3afe774f794130dd5ffc34b4499cb94d0a04f79 Mon Sep 17 00:00:00 2001
From: bh0fer <lebalz@outlook.com>
Date: Wed, 21 Jan 2026 22:30:14 +0100
Subject: [PATCH 45/46] use lamguage-key to force remount the editor on
 hydration

---
 src/components/documents/CodeEditor/index.tsx | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/components/documents/CodeEditor/index.tsx b/src/components/documents/CodeEditor/index.tsx
index f61e65b64..95ab00178 100644
--- a/src/components/documents/CodeEditor/index.tsx
+++ b/src/components/documents/CodeEditor/index.tsx
@@ -29,7 +29,6 @@ export interface Props extends Omit<MetaProps, 'live_jsx' | 'live_py'> {
 export const CodeEditor = observer((props: Props) => {
     const id = props.slim ? undefined : props.id;
     const componentStore = useStore('componentStore');
-    const userStore = useStore('userStore');
     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);
@@ -38,10 +37,18 @@ export const CodeEditor = observer((props: Props) => {
             code.setCode(props.code);
         }
     }, [code, props.code]);
-    if (!ExecutionEnvironment.canUseDOM || !code || (userStore.current && !code.isInitialized)) {
+    if (!ExecutionEnvironment.canUseDOM || !code) {
         return <CodeBlock language={props.lang}>{props.code}</CodeBlock>;
     }
-    return <CodeEditorComponent code={code as iCode<typeof type>} 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<T extends CodeType> {

From 23a6f5a37a0fe6de2da5e9c03bfe8f76a6406c5f Mon Sep 17 00:00:00 2001
From: bh0fer <lebalz@outlook.com>
Date: Wed, 21 Jan 2026 23:48:49 +0100
Subject: [PATCH 46/46] add cancel all

---
 packages/tdev/brython-code/models/Script.ts   | 11 +++++--
 packages/tdev/pyodide-code/config.ts          |  1 +
 .../tdev/pyodide-code/models/PyodideCode.ts   |  1 +
 .../tdev/pyodide-code/stores/PyodideStore.ts  | 30 ++++++++++++++++---
 .../pyodide-code/workers/pyodide.worker.ts    | 14 +++------
 .../Editor/Footer/Logs/styles.module.scss     |  1 +
 src/models/documents/iCode/index.ts           |  1 +
 static/pyodide.sw.js                          | 21 ++++++++++---
 8 files changed, 59 insertions(+), 21 deletions(-)

diff --git a/packages/tdev/brython-code/models/Script.ts b/packages/tdev/brython-code/models/Script.ts
index 952fae5cb..e68784c84 100644
--- a/packages/tdev/brython-code/models/Script.ts
+++ b/packages/tdev/brython-code/models/Script.ts
@@ -29,7 +29,7 @@ export const createModel: Factory = (data, store) => {
 };
 
 export default class Script extends iCode<'script'> {
-    @observable accessor isExecuting: boolean = false;
+    @observable accessor _isExecuting: boolean = false;
     @observable accessor graphicsModalExecutionNr: number = 0;
     messages = observable.array<LogMessage>([], { deep: false });
 
@@ -50,9 +50,14 @@ export default class Script extends iCode<'script'> {
         this.messages.clear();
     }
 
+    @computed
+    get isExecuting(): boolean {
+        return this._isExecuting;
+    }
+
     @action
     setExecuting(isExecuting: boolean) {
-        this.isExecuting = isExecuting;
+        this._isExecuting = isExecuting;
     }
 
     @action
@@ -124,7 +129,7 @@ export default class Script extends iCode<'script'> {
             }
             this.graphicsModalExecutionNr = this.graphicsModalExecutionNr + 1;
         }
-        this.isExecuting = true;
+        this._isExecuting = true;
         runCode(
             this.code,
             this.preCode,
diff --git a/packages/tdev/pyodide-code/config.ts b/packages/tdev/pyodide-code/config.ts
index 0c73ce9a0..ed08f3bb9 100644
--- a/packages/tdev/pyodide-code/config.ts
+++ b/packages/tdev/pyodide-code/config.ts
@@ -4,3 +4,4 @@ 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/models/PyodideCode.ts b/packages/tdev/pyodide-code/models/PyodideCode.ts
index 0ab414ed0..6056ddaf4 100644
--- a/packages/tdev/pyodide-code/models/PyodideCode.ts
+++ b/packages/tdev/pyodide-code/models/PyodideCode.ts
@@ -65,6 +65,7 @@ class PyodideCode extends iCode<'pyodide_code'> {
         return this.runtimeId === this.pyodideStore.runtimeId;
     }
 
+    @computed
     get pyodideStore() {
         return this.store.root.viewStore.useStore('pyodideStore');
     }
diff --git a/packages/tdev/pyodide-code/stores/PyodideStore.ts b/packages/tdev/pyodide-code/stores/PyodideStore.ts
index af94460fa..74e561784 100644
--- a/packages/tdev/pyodide-code/stores/PyodideStore.ts
+++ b/packages/tdev/pyodide-code/stores/PyodideStore.ts
@@ -3,7 +3,7 @@ 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_INPUT, PY_INPUT } from '../config';
+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';
@@ -59,7 +59,7 @@ export default class PyodideStore {
             })
         );
         return this.pyWorker
-            .run(code.id, code.combinedCode, sendMessage, '', {})
+            .run(code.id, code.combinedCode, sendMessage, code.title)
             .then((message) => {
                 if (message && !(message.type === 'log' && message.message === undefined)) {
                     this.handleMessage(code, message);
@@ -112,6 +112,19 @@ export default class PyodideStore {
         });
     }
 
+    @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)) {
@@ -145,10 +158,13 @@ export default class PyodideStore {
     }
 
     @action
-    recreatePyWorker() {
+    async recreatePyWorker() {
+        if (this.awaitingInputPrompt.size > 0) {
+            this.cancelAllCodeExecutions();
+        }
         this.pyWorker = null;
         this.runtimeId = Date.now(); // this will automatically stop all running scripts
-        return this.initialize(true);
+        return await this.initialize(true);
     }
 
     async initialize(skipSWRegistration = false) {
@@ -203,6 +219,12 @@ export default class PyodideStore {
                 }
             });
 
+            window.addEventListener('beforeunload', () => {
+                if (this._serviceWorkerRegistration) {
+                    this.cancelAllCodeExecutions();
+                }
+            });
+
             navigator.serviceWorker.onmessage = (event) => {
                 switch (event.data.type) {
                     case PY_AWAIT_INPUT:
diff --git a/packages/tdev/pyodide-code/workers/pyodide.worker.ts b/packages/tdev/pyodide-code/workers/pyodide.worker.ts
index e18753db2..9fd285d0d 100644
--- a/packages/tdev/pyodide-code/workers/pyodide.worker.ts
+++ b/packages/tdev/pyodide-code/workers/pyodide.worker.ts
@@ -40,8 +40,7 @@ export class PyWorker {
         id: string,
         code: string,
         sendMessage: (message: Message) => void,
-        initCode: string = '',
-        modules: Record<string, object> = {}
+        filename = 'snippet.py'
     ): Promise<Message> {
         const pyodide = await pyodideReadyPromise;
         // Ensure unique timestamps for messages
@@ -81,13 +80,7 @@ export class PyWorker {
                 sendMessage(message);
             }
         });
-        for (const [name, module] of Object.entries(modules)) {
-            pyodide.registerJsModule(name, module);
-        }
 
-        if (initCode) {
-            await pyodide.runPythonAsync(initCode);
-        }
         // make a Python dictionary with the data from `context`
         const dict = pyodide.globals.get('dict');
         const globals = dict(Object.entries(context));
@@ -96,10 +89,11 @@ export class PyWorker {
                 sendMessage({ type: 'log', message: s, id: id, timeStamp: getTime() });
             }
         });
-        await pyodide.runPythonAsync(patchInputCode(id), { globals });
+        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);
+            const result = await pyodide.runPythonAsync(code, { globals, filename: fname });
             return {
                 type: 'log',
                 message: result === undefined ? '' : `${result}`,
diff --git a/src/components/documents/CodeEditor/Editor/Footer/Logs/styles.module.scss b/src/components/documents/CodeEditor/Editor/Footer/Logs/styles.module.scss
index 58c42a02e..6c14a8ac9 100644
--- a/src/components/documents/CodeEditor/Editor/Footer/Logs/styles.module.scss
+++ b/src/components/documents/CodeEditor/Editor/Footer/Logs/styles.module.scss
@@ -35,6 +35,7 @@
             text-wrap: nowrap;
             margin: 0;
             padding: 0;
+            overflow: visible;
             &.error {
                 color: var(--ifm-color-danger-dark);
                 text-wrap: wrap;
diff --git a/src/models/documents/iCode/index.ts b/src/models/documents/iCode/index.ts
index a2870315d..5885637f3 100644
--- a/src/models/documents/iCode/index.ts
+++ b/src/models/documents/iCode/index.ts
@@ -210,6 +210,7 @@ class iCode<T extends CodeType = CodeType> extends iDocument<T> {
         return false;
     }
 
+    @computed
     get isExecuting(): boolean {
         return false;
     }
diff --git a/static/pyodide.sw.js b/static/pyodide.sw.js
index d344b0ce7..b3222659c 100644
--- a/static/pyodide.sw.js
+++ b/static/pyodide.sw.js
@@ -3,6 +3,7 @@ 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();
@@ -16,7 +17,7 @@ const resolvers = new Map();
 
 self.addEventListener('message', (event) => {
     switch (event.data.type) {
-        case PY_INPUT: {
+        case PY_INPUT:
             const resolverArray = resolvers.get(event.data.id);
             const resolver = resolverArray && resolverArray.shift();
             if (!resolver) {
@@ -25,8 +26,7 @@ self.addEventListener('message', (event) => {
             }
             resolver(new Response(event.data.value, { status: 200 }));
             break;
-        }
-        case PY_CANCEL_INPUT: {
+        case PY_CANCEL_INPUT:
             const rejecterArray = resolvers.get(event.data.id);
             const rejecter = rejecterArray && rejecterArray.shift();
             if (!rejecter) {
@@ -35,7 +35,20 @@ self.addEventListener('message', (event) => {
             }
             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;
     }