diff --git a/.prettierignore b/.prettierignore
index f4b94613c..010ad28a6 100644
--- a/.prettierignore
+++ b/.prettierignore
@@ -10,3 +10,4 @@ paper
 pnpm-lock.yaml
 pnpm-workspace.yaml
 **/dev-dist
+website/.astro
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index 556df3fcf..f9bc117c6 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -114,7 +114,7 @@ You can run the same check with `pnpm check`
 ## Package Workflow
 
 The project is split into multiple [packages](https://github.com/tidalcycles/strudel/tree/main/packages) with independent versioning.
-When you run `pnpm i` on the root folder, [pnpm workspaces](https://pnpm.io/workspaces) will install all dependencies of all subpackages. This will allow any js file to import `@strudel.cycles/<package-name>` to get the local version,
+When you run `pnpm i` on the root folder, [pnpm workspaces](https://pnpm.io/workspaces) will install all dependencies of all subpackages. This will allow any js file to import `@strudel/<package-name>` to get the local version,
 allowing to develop multiple packages at the same time.
 
 ## Package Publishing
diff --git a/examples/buildless/basic.html b/examples/buildless/basic.html
index 97508132c..bd74d83b8 100644
--- a/examples/buildless/basic.html
+++ b/examples/buildless/basic.html
@@ -7,7 +7,7 @@
 />
 <div id="output"></div>
 <script type="module">
-  const strudel = await import('https://cdn.skypack.dev/@strudel.cycles/core@0.6.8');
+  const strudel = await import('https://cdn.skypack.dev/@strudel/core@0.6.8');
   Object.assign(window, strudel); // assign all strudel functions to global scope to use with eval
   const input = document.getElementById('text');
   const getEvents = () => {
diff --git a/examples/buildless/canvas.html b/examples/buildless/canvas.html
index 36d2b8aa1..6cec2311a 100644
--- a/examples/buildless/canvas.html
+++ b/examples/buildless/canvas.html
@@ -8,7 +8,7 @@
   />
   <canvas id="canvas"></canvas>
   <script type="module">
-    const strudel = await import('https://cdn.skypack.dev/@strudel.cycles/core@0.6.8');
+    const strudel = await import('https://cdn.skypack.dev/@strudel/core@0.6.8');
     // this adds all strudel functions to the global scope, to be used by eval
     Object.assign(window, strudel);
     // setup elements
diff --git a/examples/buildless/minimal-repl.html b/examples/buildless/minimal-repl.html
index 9d90a84aa..97b06f1c7 100644
--- a/examples/buildless/minimal-repl.html
+++ b/examples/buildless/minimal-repl.html
@@ -16,34 +16,40 @@
     </div>
     <div id="output"></div>
     <script type="module">
-      import { controls, repl, evalScope } from 'https://cdn.skypack.dev/@strudel.cycles/core@0.6.8';
-      import { mini } from 'https://cdn.skypack.dev/@strudel.cycles/mini@0.6.0';
-      import { transpiler } from 'https://cdn.skypack.dev/@strudel.cycles/transpiler@0.6.0';
+      import { controls, repl, evalScope } from 'https://cdn.skypack.dev/@strudel/core@0.11.0';
+      import { mini } from 'https://cdn.skypack.dev/@strudel/mini@0.11.0';
+      import { transpiler } from 'https://cdn.skypack.dev/@strudel/transpiler@0.11.0';
       import {
         getAudioContext,
         webaudioOutput,
         initAudioOnFirstClick,
-      } from 'https://cdn.skypack.dev/@strudel.cycles/webaudio@0.6.0';
+        registerSynthSounds,
+      } from 'https://cdn.skypack.dev/@strudel/webaudio@0.11.0';
 
-      initAudioOnFirstClick();
       const ctx = getAudioContext();
       const input = document.getElementById('text');
       input.innerHTML = getTune();
 
-      evalScope(
+      const loadModules = evalScope(
         controls,
-        import('https://cdn.skypack.dev/@strudel.cycles/core@0.6.8'),
-        import('https://cdn.skypack.dev/@strudel.cycles/mini@0.6.0'),
-        import('https://cdn.skypack.dev/@strudel.cycles/tonal@0.6.0'),
-        import('https://cdn.skypack.dev/@strudel.cycles/webaudio@0.6.0'),
+        import('https://cdn.skypack.dev/@strudel/core@0.11.0'),
+        import('https://cdn.skypack.dev/@strudel/mini@0.11.0'),
+        import('https://cdn.skypack.dev/@strudel/tonal@0.11.0'),
+        import('https://cdn.skypack.dev/@strudel/webaudio@0.11.0'),
       );
 
+      const initAudio = Promise.all([initAudioOnFirstClick(), registerSynthSounds()]);
+
       const { evaluate } = repl({
         defaultOutput: webaudioOutput,
         getTime: () => ctx.currentTime,
         transpiler,
       });
-      document.getElementById('start').addEventListener('click', () => evaluate(input.value));
+      document.getElementById('start').addEventListener('click', async () => {
+        await loadModules;
+        await initAudio;
+        evaluate(input.value);
+      });
 
       function getTune() {
         return `await samples('github:tidalcycles/Dirt-Samples/master')
diff --git a/examples/buildless/web-component-iframe.html b/examples/buildless/web-component-iframe.html
index 4470210bc..86d0c5ce6 100644
--- a/examples/buildless/web-component-iframe.html
+++ b/examples/buildless/web-component-iframe.html
@@ -1,4 +1,4 @@
-<script src="https://unpkg.com/@strudel.cycles/embed@latest"></script>
+<script src="https://unpkg.com/@strudel/embed@0.11.0"></script>
 <!-- <script src="./embed.js"></script> -->
 <strudel-repl>
   <!--
diff --git a/examples/codemirror-repl/main.js b/examples/codemirror-repl/main.js
index 425799be0..ff83122fd 100644
--- a/examples/codemirror-repl/main.js
+++ b/examples/codemirror-repl/main.js
@@ -1,11 +1,11 @@
 import { StrudelMirror } from '@strudel/codemirror';
 import { funk42 } from './tunes';
-import { drawPianoroll, evalScope, controls } from '@strudel.cycles/core';
+import { drawPianoroll, evalScope, controls } from '@strudel/core';
 import './style.css';
-import { initAudioOnFirstClick } from '@strudel.cycles/webaudio';
-import { transpiler } from '@strudel.cycles/transpiler';
-import { getAudioContext, webaudioOutput, registerSynthSounds } from '@strudel.cycles/webaudio';
-import { registerSoundfonts } from '@strudel.cycles/soundfonts';
+import { initAudioOnFirstClick } from '@strudel/webaudio';
+import { transpiler } from '@strudel/transpiler';
+import { getAudioContext, webaudioOutput, registerSynthSounds } from '@strudel/webaudio';
+import { registerSoundfonts } from '@strudel/soundfonts';
 
 // init canvas
 const canvas = document.getElementById('roll');
@@ -26,10 +26,10 @@ const editor = new StrudelMirror({
     initAudioOnFirstClick(); // needed to make the browser happy (don't await this here..)
     const loadModules = evalScope(
       controls,
-      import('@strudel.cycles/core'),
-      import('@strudel.cycles/mini'),
-      import('@strudel.cycles/tonal'),
-      import('@strudel.cycles/webaudio'),
+      import('@strudel/core'),
+      import('@strudel/mini'),
+      import('@strudel/tonal'),
+      import('@strudel/webaudio'),
     );
     await Promise.all([loadModules, registerSynthSounds(), registerSoundfonts()]);
   },
diff --git a/examples/codemirror-repl/package.json b/examples/codemirror-repl/package.json
index 32d256409..403f34af8 100644
--- a/examples/codemirror-repl/package.json
+++ b/examples/codemirror-repl/package.json
@@ -13,11 +13,11 @@
   },
   "dependencies": {
     "@strudel/codemirror": "workspace:*",
-    "@strudel.cycles/core": "workspace:*",
-    "@strudel.cycles/mini": "workspace:*",
-    "@strudel.cycles/soundfonts": "workspace:*",
-    "@strudel.cycles/tonal": "workspace:*",
-    "@strudel.cycles/transpiler": "workspace:*",
-    "@strudel.cycles/webaudio": "workspace:*"
+    "@strudel/core": "workspace:*",
+    "@strudel/mini": "workspace:*",
+    "@strudel/soundfonts": "workspace:*",
+    "@strudel/tonal": "workspace:*",
+    "@strudel/transpiler": "workspace:*",
+    "@strudel/webaudio": "workspace:*"
   }
 }
diff --git a/examples/minimal-repl/main.js b/examples/minimal-repl/main.js
index 76203d06e..68dabe529 100644
--- a/examples/minimal-repl/main.js
+++ b/examples/minimal-repl/main.js
@@ -1,6 +1,6 @@
-import { controls, repl, evalScope } from '@strudel.cycles/core';
-import { getAudioContext, webaudioOutput, initAudioOnFirstClick } from '@strudel.cycles/webaudio';
-import { transpiler } from '@strudel.cycles/transpiler';
+import { controls, repl, evalScope } from '@strudel/core';
+import { getAudioContext, webaudioOutput, initAudioOnFirstClick } from '@strudel/webaudio';
+import { transpiler } from '@strudel/transpiler';
 import tune from './tune.mjs';
 
 const ctx = getAudioContext();
@@ -10,10 +10,10 @@ initAudioOnFirstClick();
 
 evalScope(
   controls,
-  import('@strudel.cycles/core'),
-  import('@strudel.cycles/mini'),
-  import('@strudel.cycles/webaudio'),
-  import('@strudel.cycles/tonal'),
+  import('@strudel/core'),
+  import('@strudel/mini'),
+  import('@strudel/webaudio'),
+  import('@strudel/tonal'),
 );
 
 const { evaluate } = repl({
diff --git a/examples/minimal-repl/package.json b/examples/minimal-repl/package.json
index 57ea91205..c8d6d8882 100644
--- a/examples/minimal-repl/package.json
+++ b/examples/minimal-repl/package.json
@@ -13,10 +13,10 @@
     "vite": "^5.0.10"
   },
   "dependencies": {
-    "@strudel.cycles/core": "workspace:*",
-    "@strudel.cycles/mini": "workspace:*",
-    "@strudel.cycles/transpiler": "workspace:*",
-    "@strudel.cycles/webaudio": "workspace:*",
-    "@strudel.cycles/tonal": "workspace:*"
+    "@strudel/core": "workspace:*",
+    "@strudel/mini": "workspace:*",
+    "@strudel/transpiler": "workspace:*",
+    "@strudel/webaudio": "workspace:*",
+    "@strudel/tonal": "workspace:*"
   }
 }
diff --git a/package.json b/package.json
index 8ca5963bf..741cf0705 100644
--- a/package.json
+++ b/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@strudel.cycles/monorepo",
+  "name": "@strudel/monorepo",
   "version": "0.5.0",
   "private": true,
   "description": "Port of tidalcycles to javascript",
@@ -45,12 +45,12 @@
   },
   "homepage": "https://strudel.cc",
   "dependencies": {
-    "@strudel.cycles/core": "workspace:*",
-    "@strudel.cycles/mini": "workspace:*",
-    "@strudel.cycles/tonal": "workspace:*",
-    "@strudel.cycles/transpiler": "workspace:*",
-    "@strudel.cycles/webaudio": "workspace:*",
-    "@strudel.cycles/xen": "workspace:*"
+    "@strudel/core": "workspace:*",
+    "@strudel/mini": "workspace:*",
+    "@strudel/tonal": "workspace:*",
+    "@strudel/transpiler": "workspace:*",
+    "@strudel/webaudio": "workspace:*",
+    "@strudel/xen": "workspace:*"
   },
   "devDependencies": {
     "dependency-tree": "^10.0.9",
diff --git a/packages/README.md b/packages/README.md
index 71aba9d52..7a7681b67 100644
--- a/packages/README.md
+++ b/packages/README.md
@@ -1,5 +1,5 @@
 # Packages
 
-Each folder represents one of the @strudel.cycles/* packages [published to npm](https://www.npmjs.com/org/strudel.cycles).
+Each folder represents one of the @strudel/* packages [published to npm](https://www.npmjs.com/org/strudel).
 
 To understand how those pieces connect, refer to the [Technical Manual](https://github.com/tidalcycles/strudel/wiki/Technical-Manual) or the individual READMEs.
diff --git a/packages/codemirror/autocomplete.mjs b/packages/codemirror/autocomplete.mjs
index c9ec3d7aa..203ab8556 100644
--- a/packages/codemirror/autocomplete.mjs
+++ b/packages/codemirror/autocomplete.mjs
@@ -3,6 +3,12 @@ import jsdoc from '../../doc.json';
 import { autocompletion } from '@codemirror/autocomplete';
 import { h } from './html';
 
+function plaintext(str) {
+  const div = document.createElement('div');
+  div.innerText = str;
+  return div.innerHTML;
+}
+
 const getDocLabel = (doc) => doc.name || doc.longname;
 const getInnerText = (html) => {
   var div = document.createElement('div');
@@ -21,7 +27,7 @@ ${doc.description}
   )}
 </ul>
 <div>
-  ${doc.examples?.map((example) => `<div><pre>${example}</pre></div>`)}
+  ${doc.examples?.map((example) => `<div><pre>${plaintext(example)}</pre></div>`)}
 </div>
 </div>`[0];
   /*
diff --git a/packages/codemirror/codemirror.mjs b/packages/codemirror/codemirror.mjs
index 8a887036c..0eec08d11 100644
--- a/packages/codemirror/codemirror.mjs
+++ b/packages/codemirror/codemirror.mjs
@@ -4,8 +4,15 @@ import { history } from '@codemirror/commands';
 import { javascript } from '@codemirror/lang-javascript';
 import { defaultHighlightStyle, syntaxHighlighting } from '@codemirror/language';
 import { Compartment, EditorState, Prec } from '@codemirror/state';
-import { EditorView, highlightActiveLineGutter, highlightActiveLine, keymap, lineNumbers } from '@codemirror/view';
-import { Pattern, Drawer, repl, cleanupDraw } from '@strudel.cycles/core';
+import {
+  EditorView,
+  highlightActiveLineGutter,
+  highlightActiveLine,
+  keymap,
+  lineNumbers,
+  drawSelection,
+} from '@codemirror/view';
+import { Pattern, Drawer, repl, cleanupDraw } from '@strudel/core';
 import { isAutoCompletionEnabled } from './autocomplete.mjs';
 import { isTooltipEnabled } from './tooltip.mjs';
 import { flash, isFlashEnabled } from './flash.mjs';
@@ -68,6 +75,7 @@ export function initEditor({ initialCode = '', onChange, onEvaluate, onStop, roo
       syntaxHighlighting(defaultHighlightStyle),
       history(),
       EditorView.updateListener.of((v) => onChange(v)),
+      drawSelection({ cursorBlinkRate: 0 }),
       Prec.highest(
         keymap.of([
           {
diff --git a/packages/codemirror/package.json b/packages/codemirror/package.json
index bd21b5134..c8ad9b67f 100644
--- a/packages/codemirror/package.json
+++ b/packages/codemirror/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@strudel/codemirror",
-  "version": "0.9.0",
+  "version": "0.11.0",
   "description": "Codemirror Extensions for Strudel",
   "main": "index.mjs",
   "publishConfig": {
@@ -41,14 +41,14 @@
     "@codemirror/state": "^6.4.0",
     "@codemirror/view": "^6.23.0",
     "@lezer/highlight": "^1.2.0",
+    "@nanostores/persistent": "^0.9.1",
     "@replit/codemirror-emacs": "^6.0.1",
     "@replit/codemirror-vim": "^6.1.0",
     "@replit/codemirror-vscode-keymap": "^6.0.2",
-    "@strudel.cycles/core": "workspace:*",
+    "@strudel/core": "workspace:*",
     "@uiw/codemirror-themes": "^4.21.21",
     "@uiw/codemirror-themes-all": "^4.21.21",
-    "nanostores": "^0.9.5",
-    "@nanostores/persistent": "^0.9.1"
+    "nanostores": "^0.9.5"
   },
   "devDependencies": {
     "vite": "^5.0.10"
diff --git a/packages/codemirror/slider.mjs b/packages/codemirror/slider.mjs
index 1ae3deaf8..a46f0e1e6 100644
--- a/packages/codemirror/slider.mjs
+++ b/packages/codemirror/slider.mjs
@@ -1,4 +1,4 @@
-import { ref, pure } from '@strudel.cycles/core';
+import { ref, pure } from '@strudel/core';
 import { WidgetType, ViewPlugin, Decoration } from '@codemirror/view';
 import { StateEffect, StateField } from '@codemirror/state';
 
diff --git a/packages/core/README.md b/packages/core/README.md
index 8e42800ef..59ac95aba 100644
--- a/packages/core/README.md
+++ b/packages/core/README.md
@@ -1,17 +1,17 @@
-# @strudel.cycles/core
+# @strudel/core
 
 This package contains the bare essence of strudel.
 
 ## Install
 
 ```sh
-npm i @strudel.cycles/core --save
+npm i @strudel/core --save
 ```
 
 ## Example
 
 ```js
-import { sequence } from '@strudel.cycles/core';
+import { sequence } from '@strudel/core';
 
 const pattern = sequence('a', ['b', 'c']);
 
@@ -33,7 +33,7 @@ b: 3/2 - 7/4
 c: 7/4 - 2
 ```
 
-- [play with @strudel.cycles/core on codesandbox](https://codesandbox.io/s/strudel-core-test-forked-9ywhv7?file=/src/index.js).
+- [play with @strudel/core on codesandbox](https://codesandbox.io/s/strudel-core-test-forked-9ywhv7?file=/src/index.js).
 - [open color pattern example](https://raw.githack.com/tidalcycles/strudel/main/packages/core/examples/canvas.html)
 - [open minimal repl example](https://raw.githack.com/tidalcycles/strudel/main/packages/core/examples/vanilla.html)
 - [open minimal vite example](./examples/vite-vanilla-repl/)
\ No newline at end of file
diff --git a/packages/core/controls.mjs b/packages/core/controls.mjs
index d979ff23e..42212dd3b 100644
--- a/packages/core/controls.mjs
+++ b/packages/core/controls.mjs
@@ -97,7 +97,7 @@ const generic_params = [
    */
   ['postgain'],
   /**
-   * Like {@link gain}, but linear.
+   * Like `gain`, but linear.
    *
    * @name amp
    * @param {number | Pattern} amount gain.
@@ -234,7 +234,7 @@ const generic_params = [
    * note("c3 e3").decay("<.1 .2 .3 .4>").sustain(0)
    *
    */
-  ['decay'],
+  ['decay', 'dec'],
   /**
    * Amplitude envelope sustain level: The level which is reached after attack / decay, being sustained until the offset.
    *
@@ -270,7 +270,7 @@ const generic_params = [
    * s("bd sd,hh*3").bpf("<1000 2000 4000 8000>")
    *
    */
-  [['bandf', 'bandq'], 'bpf', 'bp'],
+  [['bandf', 'bandq', 'bpenv'], 'bpf', 'bp'],
   // TODO: in tidal, it seems to be normalized
   /**
    * Sets the **b**and-**p**ass **q**-factor (resonance).
@@ -481,7 +481,7 @@ const generic_params = [
    * s("bd*8").lpf("1000:0 1000:10 1000:20 1000:30")
    *
    */
-  [['cutoff', 'resonance'], 'ctf', 'lpf', 'lp'],
+  [['cutoff', 'resonance', 'lpenv'], 'ctf', 'lpf', 'lp'],
 
   /**
    * Sets the lowpass filter envelope modulation depth.
@@ -758,7 +758,7 @@ const generic_params = [
    * .vibmod("<.25 .5 1 2 12>:8")
    */
   [['vibmod', 'vib'], 'vmod'],
-  [['hcutoff', 'hresonance'], 'hpf', 'hp'],
+  [['hcutoff', 'hresonance', 'hpenv'], 'hpf', 'hp'],
   /**
    * Controls the **h**igh-**p**ass **q**-value.
    *
@@ -856,7 +856,7 @@ const generic_params = [
    */
   ['detune', 'det'],
   /**
-   * Set dryness of reverb. See {@link room} and {@link size} for more information about reverb.
+   * Set dryness of reverb. See `room` and `size` for more information about reverb.
    *
    * @name dry
    * @param {number | Pattern} dry 0 = wet, 1 = dry
@@ -868,7 +868,7 @@ const generic_params = [
   ['dry'],
   // TODO: does not seem to do anything
   /*
-   * Used when using {@link begin}/{@link end} or {@link chop}/{@link striate} and friends, to change the fade out time of the 'grain' envelope.
+   * Used when using `begin`/`end` or `chop`/`striate` and friends, to change the fade out time of the 'grain' envelope.
    *
    * @name fadeTime
    * @param {number | Pattern} time between 0 and 1
@@ -891,6 +891,82 @@ const generic_params = [
    *
    */
   ['freq'],
+  // pitch envelope
+  /**
+   * Attack time of pitch envelope.
+   *
+   * @name pattack
+   * @synonyms patt
+   * @param {number | Pattern} time time in seconds
+   * @example
+   * note("<c eb g bb>").pattack("<0 .1 .25 .5>")
+   *
+   */
+  ['pattack', 'patt'],
+  /**
+   * Decay time of pitch envelope.
+   *
+   * @name pdecay
+   * @synonyms pdec
+   * @param {number | Pattern} time time in seconds
+   * @example
+   * note("<c eb g bb>").pdecay("<0 .1 .25 .5>")
+   *
+   */
+  ['pdecay', 'pdec'],
+  // TODO: how to use psustain?!
+  ['psustain', 'psus'],
+  /**
+   * Release time of pitch envelope
+   *
+   * @name prelease
+   * @synonyms prel
+   * @param {number | Pattern} time time in seconds
+   * @example
+   * note("<c eb g bb> ~")
+   * .release(.5) // to hear the pitch release
+   * .prelease("<0 .1 .25 .5>")
+   *
+   */
+  ['prelease', 'prel'],
+  /**
+   * Amount of pitch envelope. Negative values will flip the envelope.
+   * If you don't set other pitch envelope controls, `pattack:.2` will be the default.
+   *
+   * @name penv
+   * @param {number | Pattern} semitones change in semitones
+   * @example
+   * note("c")
+   * .penv("<12 7 1 .5 0 -1 -7 -12>")
+   *
+   */
+  ['penv'],
+  /**
+   * Curve of envelope. Defaults to linear. exponential is good for kicks
+   *
+   * @name pcurve
+   * @param {number | Pattern} type 0 = linear, 1 = exponential
+   * @example
+   * note("g1*2")
+   * .s("sine").pdec(.5)
+   * .penv(32)
+   * .pcurve("<0 1>")
+   *
+   */
+  ['pcurve'],
+  /**
+   * Sets the range anchor of the envelope:
+   * - anchor 0: range = [note, note + penv]
+   * - anchor 1: range = [note - penv, note]
+   * If you don't set an anchor, the value will default to the psustain value.
+   *
+   * @name panchor
+   * @param {number | Pattern} anchor anchor offset
+   * @example
+   * note("c").penv(12).panchor("<0 .5 1 .5>")
+   *
+   */
+  ['panchor'],
   // TODO: https://tidalcycles.org/docs/configuration/MIDIOSC/control-voltage/#gate
   ['gate', 'gat'],
   // ['hatgrain'],
@@ -1115,7 +1191,7 @@ const generic_params = [
    */
   [['ir', 'i'], 'iresponse'],
   /**
-   * Sets the room size of the reverb, see {@link room}.
+   * Sets the room size of the reverb, see `room`.
    * When this property is changed, the reverb will be recaculated, so only change this sparsely..
    *
    * @name roomsize
@@ -1173,7 +1249,7 @@ const generic_params = [
    */
   ['speed'],
   /**
-   * Used in conjunction with {@link speed}, accepts values of "r" (rate, default behavior), "c" (cycles), or "s" (seconds). Using `unit "c"` means `speed` will be interpreted in units of cycles, e.g. `speed "1"` means samples will be stretched to fill a cycle. Using `unit "s"` means the playback speed will be adjusted so that the duration is the number of seconds specified by `speed`.
+   * Used in conjunction with `speed`, accepts values of "r" (rate, default behavior), "c" (cycles), or "s" (seconds). Using `unit "c"` means `speed` will be interpreted in units of cycles, e.g. `speed "1"` means samples will be stretched to fill a cycle. Using `unit "s"` means the playback speed will be adjusted so that the duration is the number of seconds specified by `speed`.
    *
    * @name unit
    * @param {number | string | Pattern} unit see description above
@@ -1209,7 +1285,7 @@ const generic_params = [
    * Formant filter to make things sound like vowels.
    *
    * @name vowel
-   * @param {string | Pattern} vowel You can use a e i o u.
+   * @param {string | Pattern} vowel You can use a e i o u ae aa oe ue y uh un en an on, corresponding to [a] [e] [i] [o] [u] [æ] [ɑ] [ø] [y] [ɯ] [ʌ] [œ̃] [ɛ̃] [ɑ̃] [ɔ̃]. Aliases: aa = å = ɑ, oe = ø = ö, y = ı, ae = æ.
    * @example
    * note("c2 <eb2 <g2 g1>>").s('sawtooth')
    * .vowel("<a e i <o u>>")
@@ -1394,10 +1470,20 @@ controls.adsr = register('adsr', (adsr, pat) => {
   const [attack, decay, sustain, release] = adsr;
   return pat.set({ attack, decay, sustain, release });
 });
-controls.ds = register('ds', (ds, pat) => {
-  ds = !Array.isArray(ds) ? [ds] : ds;
-  const [decay, sustain] = ds;
+controls.ad = register('ad', (t, pat) => {
+  t = !Array.isArray(t) ? [t] : t;
+  const [attack, decay = attack] = t;
+  return pat.attack(attack).decay(decay);
+});
+controls.ds = register('ds', (t, pat) => {
+  t = !Array.isArray(t) ? [t] : t;
+  const [decay, sustain = 0] = t;
   return pat.set({ decay, sustain });
 });
+controls.ds = register('ar', (t, pat) => {
+  t = !Array.isArray(t) ? [t] : t;
+  const [attack, release = attack] = t;
+  return pat.set({ attack, release });
+});
 
 export default controls;
diff --git a/packages/core/index.mjs b/packages/core/index.mjs
index f4598f11f..d9386417b 100644
--- a/packages/core/index.mjs
+++ b/packages/core/index.mjs
@@ -30,12 +30,12 @@ export { default as drawLine } from './drawLine.mjs';
 // below won't work with runtime.mjs (json import fails)
 /* import * as p from './package.json';
 export const version = p.version; */
-logger('🌀 @strudel.cycles/core loaded 🌀');
+logger('🌀 @strudel/core loaded 🌀');
 if (globalThis._strudelLoaded) {
   console.warn(
-    `@strudel.cycles/core was loaded more than once...
+    `@strudel/core was loaded more than once...
 This might happen when you have multiple versions of strudel installed. 
-Please check with "npm ls @strudel.cycles/core".`,
+Please check with "npm ls @strudel/core".`,
   );
 }
 globalThis._strudelLoaded = true;
diff --git a/packages/core/package.json b/packages/core/package.json
index 7e3828242..8bce6af96 100644
--- a/packages/core/package.json
+++ b/packages/core/package.json
@@ -1,6 +1,6 @@
 {
-  "name": "@strudel.cycles/core",
-  "version": "0.9.0",
+  "name": "@strudel/core",
+  "version": "0.11.0",
   "description": "Port of Tidal Cycles to JavaScript",
   "main": "index.mjs",
   "type": "module",
diff --git a/packages/core/pattern.mjs b/packages/core/pattern.mjs
index f6969a733..6a7b210be 100644
--- a/packages/core/pattern.mjs
+++ b/packages/core/pattern.mjs
@@ -26,7 +26,7 @@ export class Pattern {
   /**
    * Create a pattern. As an end user, you will most likely not create a Pattern directly.
    *
-   * @param {function} query - The function that maps a {@link State} to an array of {@link Hap}.
+   * @param {function} query - The function that maps a `State` to an array of `Hap`.
    * @noAutocomplete
    */
   constructor(query) {
@@ -39,7 +39,7 @@ export class Pattern {
 
   /**
    * Returns a new pattern, with the function applied to the value of
-   * each hap. It has the alias {@link Pattern#fmap}.
+   * each hap. It has the alias `fmap`.
    * @synonyms fmap
    * @param {Function} func to to apply to the value
    * @returns Pattern
@@ -51,7 +51,7 @@ export class Pattern {
   }
 
   /**
-   * see {@link Pattern#withValue}
+   * see `withValue`
    * @noAutocomplete
    */
   fmap(func) {
@@ -115,7 +115,7 @@ export class Pattern {
   }
 
   /**
-   * As with {@link Pattern#appBoth}, but the `whole` timespan is not the intersection,
+   * As with `appBoth`, but the `whole` timespan is not the intersection,
    * but the timespan from the function of patterns that this method is called
    * on. In practice, this means that the pattern structure, including onsets,
    * are preserved from the pattern of functions (often referred to as the left
@@ -148,7 +148,7 @@ export class Pattern {
   }
 
   /**
-   * As with {@link Pattern#appLeft}, but `whole` timespans are instead taken from the
+   * As with `appLeft`, but `whole` timespans are instead taken from the
    * pattern of values, i.e. structure is preserved from the right hand/outer
    * pattern.
    * @param {Pattern} pat_val
@@ -387,7 +387,7 @@ export class Pattern {
   }
 
   /**
-   * As with {@link Pattern#withQuerySpan}, but the function is applied to both the
+   * As with `withQuerySpan`, but the function is applied to both the
    * begin and end time of the query timespan.
    * @param {Function} func the function to apply
    * @returns Pattern
@@ -398,7 +398,7 @@ export class Pattern {
   }
 
   /**
-   * Similar to {@link Pattern#withQuerySpan}, but the function is applied to the timespans
+   * Similar to `withQuerySpan`, but the function is applied to the timespans
    * of all haps returned by pattern queries (both `part` timespans, and where
    * present, `whole` timespans).
    * @param {Function} func
@@ -410,7 +410,7 @@ export class Pattern {
   }
 
   /**
-   * As with {@link Pattern#withHapSpan}, but the function is applied to both the
+   * As with `withHapSpan`, but the function is applied to both the
    * begin and end time of the hap timespans.
    * @param {Function} func the function to apply
    * @returns Pattern
@@ -431,7 +431,7 @@ export class Pattern {
   }
 
   /**
-   * As with {@link Pattern#withHaps}, but applies the function to every hap, rather than every list of haps.
+   * As with `withHaps`, but applies the function to every hap, rather than every list of haps.
    * @param {Function} func
    * @returns Pattern
    * @noAutocomplete
@@ -499,7 +499,7 @@ export class Pattern {
   }
 
   /**
-   * As with {@link Pattern#filterHaps}, but the function is applied to values
+   * As with `filterHaps`, but the function is applied to values
    * inside haps.
    * @param {Function} value_test
    * @returns Pattern
@@ -621,7 +621,7 @@ export class Pattern {
   }
 
   /**
-   * More human-readable version of the {@link Pattern#firstCycleValues} accessor.
+   * More human-readable version of the `firstCycleValues` accessor.
    * @noAutocomplete
    */
   get showFirstCycle() {
@@ -691,7 +691,7 @@ export class Pattern {
   // Methods without corresponding toplevel functions
 
   /**
-   * Layers the result of the given function(s). Like {@link Pattern.superimpose}, but without the original pattern:
+   * Layers the result of the given function(s). Like `superimpose`, but without the original pattern:
    * @name layer
    * @memberof Pattern
    * @synonyms apply
@@ -1154,8 +1154,8 @@ export function isPattern(thing) {
   /* if (!thing instanceof Pattern) {
     console.warn(
       `Found Pattern that fails "instanceof Pattern" check.
-      This may happen if you are using multiple versions of @strudel.cycles/core. 
-      Please check by running "npm ls @strudel.cycles/core".`,
+      This may happen if you are using multiple versions of @strudel/core.
+      Please check by running "npm ls @strudel/core".`,
     );
     console.log(thing);
   } */
@@ -1189,7 +1189,7 @@ export function stack(...pats) {
 
 /** Concatenation: combines a list of patterns, switching between them successively, one per cycle:
  *
- * synonyms: {@link cat}
+ * synonyms: `cat`
  *
  * @return {Pattern}
  * @example
@@ -1244,7 +1244,7 @@ export function cat(...pats) {
   return slowcat(...pats);
 }
 
-/** Like {@link Pattern.seq}, but each step has a length, relative to the whole.
+/** Like `seq`, but each step has a length, relative to the whole.
  * @return {Pattern}
  * @example
  * timeCat([3,"e3"],[1, "g3"]).note() // "e3@3 g3".note()
@@ -1279,7 +1279,7 @@ export function fastcat(...pats) {
   return slowcat(...pats)._fast(pats.length);
 }
 
-/** See {@link fastcat} */
+/** See `fastcat` */
 export function sequence(...pats) {
   return fastcat(...pats);
 }
@@ -1636,7 +1636,7 @@ export const { fastGap, fastgap } = register(['fastGap', 'fastgap'], function (f
 });
 
 /**
- * Similar to compress, but doesn't leave gaps, and the 'focus' can be bigger than a cycle
+ * Similar to `compress`, but doesn't leave gaps, and the 'focus' can be bigger than a cycle
  * @example
  * s("bd hh sd hh").focus(1/4, 3/4)
  */
@@ -1753,7 +1753,7 @@ export const lastOf = register('lastOf', function (n, func, pat) {
  */
 
 /**
- * An alias for {@link firstOf}
+ * An alias for `firstOf`
  * @name every
  * @memberof Pattern
  * @param {number} n how many cycles
@@ -2365,7 +2365,7 @@ export const { loopAt, loopat } = register(['loopAt', 'loopat'], function (facto
 // It is still here to work in cases where repl.mjs is not used
 /**
  * Makes the sample fit its event duration. Good for rhythmical loops like drum breaks.
- * Similar to loopAt.
+ * Similar to `loopAt`.
  * @name fit
  * @example
  * samples({ rhodes: 'https://cdn.freesound.org/previews/132/132051_316502-lq.mp3' })
diff --git a/packages/core/signal.mjs b/packages/core/signal.mjs
index 1446beebd..253458ceb 100644
--- a/packages/core/signal.mjs
+++ b/packages/core/signal.mjs
@@ -7,7 +7,7 @@ This program is free software: you can redistribute it and/or modify it under th
 import { Hap } from './hap.mjs';
 import { Pattern, fastcat, reify, silence, stack, register } from './pattern.mjs';
 import Fraction from './fraction.mjs';
-import { id, _mod, clamp } from './util.mjs';
+import { id, _mod, clamp, objectMap } from './util.mjs';
 
 export function steady(value) {
   // A continuous value
@@ -156,31 +156,96 @@ export const _irand = (i) => rand.fmap((x) => Math.trunc(x * i));
  */
 export const irand = (ipat) => reify(ipat).fmap(_irand).innerJoin();
 
-/**
- * pick from the list of values (or patterns of values) via the index using the given
- * pattern of integers
+const _pick = function (lookup, pat, modulo = true) {
+  const array = Array.isArray(lookup);
+  const len = Object.keys(lookup).length;
+
+  lookup = objectMap(lookup, reify);
+
+  if (len === 0) {
+    return silence;
+  }
+  return pat.fmap((i) => {
+    let key = i;
+    if (array) {
+      key = modulo ? Math.round(key) % len : clamp(Math.round(key), 0, lookup.length - 1);
+    }
+    return lookup[key];
+  });
+};
+
+/** * Picks patterns (or plain values) either from a list (by index) or a lookup table (by name).
+ * Similar to `inhabit`, but maintains the structure of the original patterns.
  * @param {Pattern} pat
  * @param {*} xs
  * @returns {Pattern}
  * @example
- * note(pick("<0 1 [2!2] 3>", ["g a", "e f", "f g f g" , "g a c d"]))
+ * note("<0 1 2!2 3>".pick(["g a", "e f", "f g f g" , "g c d"]))
+ * @example
+ * sound("<0 1 [2,0]>".pick(["bd sd", "cp cp", "hh hh"]))
+ * @example
+ * sound("<0!2 [0,1] 1>".pick(["bd(3,8)", "sd sd"]))
+ * @example
+ * s("<a!2 [a,b] b>".pick({a: "bd(3,8)", b: "sd sd"}))
  */
 
-export const pick = (pat, xs) => {
-  xs = xs.map(reify);
-  if (xs.length == 0) {
-    return silence;
+export const pick = function (lookup, pat) {
+  // backward compatibility - the args used to be flipped
+  if (Array.isArray(pat)) {
+    [pat, lookup] = [lookup, pat];
   }
-  return pat
-    .fmap((i) => {
-      const key = clamp(Math.round(i), 0, xs.length - 1);
-      return xs[key];
-    })
-    .innerJoin();
+  return __pick(lookup, pat);
 };
 
+const __pick = register('pick', function (lookup, pat) {
+  return _pick(lookup, pat, false).innerJoin();
+});
+
+/** * The same as `pick`, but if you pick a number greater than the size of the list,
+ * it wraps around, rather than sticking at the maximum value.
+ * For example, if you pick the fifth pattern of a list of three, you'll get the
+ * second one.
+ * @param {Pattern} pat
+ * @param {*} xs
+ * @returns {Pattern}
+ */
+
+export const pickmod = register('pickmod', function (lookup, pat) {
+  return _pick(lookup, pat, true).innerJoin();
+});
+
+/**
+/** * Picks patterns (or plain values) either from a list (by index) or a lookup table (by name).
+ * Similar to `pick`, but cycles are squeezed into the target ('inhabited') pattern.
+ * @param {Pattern} pat
+ * @param {*} xs
+ * @returns {Pattern}
+ * @example
+ * "<a b [a,b]>".inhabit({a: s("bd(3,8)"), 
+                          b: s("cp sd")
+                         })
+ * @example
+ * s("a@2 [a b] a".inhabit({a: "bd(3,8)", b: "sd sd"})).slow(4)
+ */
+export const inhabit = register('inhabit', function (lookup, pat) {
+  return _pick(lookup, pat, true).squeezeJoin();
+});
+
+/** * The same as `inhabit`, but if you pick a number greater than the size of the list,
+ * it wraps around, rather than sticking at the maximum value.
+ * For example, if you pick the fifth pattern of a list of three, you'll get the
+ * second one.
+ * @param {Pattern} pat
+ * @param {*} xs
+ * @returns {Pattern}
+ */
+
+export const inhabitmod = register('inhabit', function (lookup, pat) {
+  return _pick(lookup, pat, false).squeezeJoin();
+});
+
 /**
- * pick from the list of values (or patterns of values) via the index using the given
+ * Pick from the list of values (or patterns of values) via the index using the given
  * pattern of integers. The selected pattern will be compressed to fit the duration of the selecting event
  * @param {Pattern} pat
  * @param {*} xs
@@ -356,7 +421,7 @@ export const degradeBy = register('degradeBy', function (x, pat) {
 export const degrade = register('degrade', (pat) => pat._degradeBy(0.5));
 
 /**
- * Inverse of {@link Pattern#degradeBy}: Randomly removes events from the pattern by a given amount.
+ * Inverse of `degradeBy`: Randomly removes events from the pattern by a given amount.
  * 0 = 100% chance of removal
  * 1 = 0% chance of removal
  * Events that would be removed by degradeBy are let through by undegradeBy and vice versa (see second example).
@@ -380,7 +445,7 @@ export const undegrade = register('undegrade', (pat) => pat._undegradeBy(0.5));
 /**
  *
  * Randomly applies the given function by the given probability.
- * Similar to {@link Pattern#someCyclesBy}
+ * Similar to `someCyclesBy`
  *
  * @name sometimesBy
  * @memberof Pattern
@@ -415,7 +480,7 @@ export const sometimes = register('sometimes', function (func, pat) {
 /**
  *
  * Randomly applies the given function by the given probability on a cycle by cycle basis.
- * Similar to {@link Pattern#sometimesBy}
+ * Similar to `sometimesBy`
  *
  * @name someCyclesBy
  * @memberof Pattern
diff --git a/packages/core/test/pattern.test.mjs b/packages/core/test/pattern.test.mjs
index 928bfcef3..bd0aa52b0 100644
--- a/packages/core/test/pattern.test.mjs
+++ b/packages/core/test/pattern.test.mjs
@@ -46,6 +46,7 @@ import {
   rev,
   time,
   run,
+  pick,
 } from '../index.mjs';
 
 import { steady } from '../signal.mjs';
@@ -1057,4 +1058,63 @@ describe('Pattern', () => {
       expect(slowcat(0, 1).repeatCycles(2).fast(6).firstCycleValues).toStrictEqual([0, 0, 1, 1, 0, 0]);
     });
   });
+  describe('inhabit', () => {
+    it('Can pattern named patterns', () => {
+      expect(
+        sameFirst(
+          sequence('a', 'b', stack('a', 'b')).inhabit({ a: sequence(1, 2), b: sequence(10, 20, 30) }),
+          sequence([1, 2], [10, 20, 30], stack([1, 2], [10, 20, 30])),
+        ),
+      );
+    });
+    it('Can pattern indexed patterns', () => {
+      expect(
+        sameFirst(
+          sequence('0', '1', stack('0', '1')).inhabit([sequence(1, 2), sequence(10, 20, 30)]),
+          sequence([1, 2], [10, 20, 30], stack([1, 2], [10, 20, 30])),
+        ),
+      );
+    });
+  });
+  describe('pick', () => {
+    it('Can pattern named patterns', () => {
+      expect(
+        sameFirst(
+          sequence('a', 'b', 'a', stack('a', 'b')).pick({ a: sequence(1, 2, 3, 4), b: sequence(10, 20, 30, 40) }),
+          sequence(1, 20, 3, stack(4, 40)),
+        ),
+      );
+    });
+    it('Can pattern indexed patterns', () => {
+      expect(
+        sameFirst(
+          sequence(0, 1, 0, stack(0, 1)).pick([sequence(1, 2, 3, 4), sequence(10, 20, 30, 40)]),
+          sequence(1, 20, 3, stack(4, 40)),
+        ),
+      );
+    });
+    it('Clamps indexes', () => {
+      expect(
+        sameFirst(sequence(0, 1, 2, 3).pick([sequence(1, 2, 3, 4), sequence(10, 20, 30, 40)]), sequence(1, 20, 30, 40)),
+      );
+    });
+    it('Is backwards compatible', () => {
+      expect(
+        sameFirst(
+          pick([sequence('a', 'b'), sequence('c', 'd')], sequence(0, 1)),
+          pick(sequence(0, 1), [sequence('a', 'b'), sequence('c', 'd')]),
+        ),
+      );
+    });
+  });
+  describe('pickmod', () => {
+    it('Wraps indexes', () => {
+      expect(
+        sameFirst(
+          sequence(0, 1, 2, 3).pickmod([sequence(1, 2, 3, 4), sequence(10, 20, 30, 40)]),
+          sequence(1, 20, 3, 40),
+        ),
+      );
+    });
+  });
 });
diff --git a/packages/core/util.mjs b/packages/core/util.mjs
index 6c0439b65..ca3cfc123 100644
--- a/packages/core/util.mjs
+++ b/packages/core/util.mjs
@@ -86,7 +86,7 @@ export const midi2note = (n) => {
 // modulo that works with negative numbers e.g. _mod(-1, 3) = 2. Works on numbers (rather than patterns of numbers, as @mod@ from pattern.mjs does)
 export const _mod = (n, m) => ((n % m) + m) % m;
 
-export function nanFallback(value, fallback) {
+export function nanFallback(value, fallback = 0) {
   if (isNaN(Number(value))) {
     logger(`"${value}" is not a number, falling back to ${fallback}`, 'warning');
     return fallback;
@@ -316,3 +316,10 @@ export function hash2code(hash) {
   return base64ToUnicode(decodeURIComponent(hash));
   //return atob(decodeURIComponent(codeParam || ''));
 }
+
+export function objectMap(obj, fn) {
+  if (Array.isArray(obj)) {
+    return obj.map(fn);
+  }
+  return Object.fromEntries(Object.entries(obj).map(([k, v], i) => [k, fn(v, k, i)]));
+}
diff --git a/packages/csound/README.md b/packages/csound/README.md
new file mode 100644
index 000000000..5a34c86f3
--- /dev/null
+++ b/packages/csound/README.md
@@ -0,0 +1 @@
+# @strudel/csound
diff --git a/packages/csound/index.mjs b/packages/csound/index.mjs
index 3063febc1..05fd72e0e 100644
--- a/packages/csound/index.mjs
+++ b/packages/csound/index.mjs
@@ -1,5 +1,5 @@
-import { getFrequency, logger, register } from '@strudel.cycles/core';
-import { getAudioContext } from '@strudel.cycles/webaudio';
+import { getFrequency, logger, register } from '@strudel/core';
+import { getAudioContext } from '@strudel/webaudio';
 import csd from './project.csd?raw';
 // import livecodeOrc from './livecode.orc?raw';
 import presetsOrc from './presets.orc?raw';
diff --git a/packages/csound/package.json b/packages/csound/package.json
index 802afef32..81da65341 100644
--- a/packages/csound/package.json
+++ b/packages/csound/package.json
@@ -1,6 +1,6 @@
 {
-  "name": "@strudel.cycles/csound",
-  "version": "0.9.0",
+  "name": "@strudel/csound",
+  "version": "0.11.0",
   "description": "csound bindings for strudel",
   "main": "index.mjs",
   "publishConfig": {
@@ -33,8 +33,8 @@
   "homepage": "https://github.com/tidalcycles/strudel#readme",
   "dependencies": {
     "@csound/browser": "6.18.7",
-    "@strudel.cycles/core": "workspace:*",
-    "@strudel.cycles/webaudio": "workspace:*"
+    "@strudel/core": "workspace:*",
+    "@strudel/webaudio": "workspace:*"
   },
   "devDependencies": {
     "vite": "^5.0.10"
diff --git a/packages/desktopbridge/midibridge.mjs b/packages/desktopbridge/midibridge.mjs
index 72f7a7c31..6959a5bbe 100644
--- a/packages/desktopbridge/midibridge.mjs
+++ b/packages/desktopbridge/midibridge.mjs
@@ -1,5 +1,5 @@
 import { Invoke } from './utils.mjs';
-import { Pattern, noteToMidi } from '@strudel.cycles/core';
+import { Pattern, noteToMidi } from '@strudel/core';
 
 const ON_MESSAGE = 0x90;
 const OFF_MESSAGE = 0x80;
diff --git a/packages/desktopbridge/oscbridge.mjs b/packages/desktopbridge/oscbridge.mjs
index 135a2b02a..935ec9ff4 100644
--- a/packages/desktopbridge/oscbridge.mjs
+++ b/packages/desktopbridge/oscbridge.mjs
@@ -1,4 +1,4 @@
-import { parseNumeral, Pattern } from '@strudel.cycles/core';
+import { parseNumeral, Pattern } from '@strudel/core';
 import { Invoke } from './utils.mjs';
 
 Pattern.prototype.osc = function () {
diff --git a/packages/desktopbridge/package.json b/packages/desktopbridge/package.json
index 7316279d8..bd2d5980c 100644
--- a/packages/desktopbridge/package.json
+++ b/packages/desktopbridge/package.json
@@ -22,7 +22,7 @@
       "url": "https://github.com/tidalcycles/strudel/issues"
     },
     "dependencies": {
-        "@strudel.cycles/core": "workspace:*",
+        "@strudel/core": "workspace:*",
         "@tauri-apps/api": "^1.5.3"
       },
     "homepage": "https://github.com/tidalcycles/strudel#readme"
diff --git a/packages/embed/README.md b/packages/embed/README.md
index f293c9312..e09ca8118 100644
--- a/packages/embed/README.md
+++ b/packages/embed/README.md
@@ -1,13 +1,13 @@
-# @strudel.cycles/embed
+# @strudel/embed
 
 This package contains a embeddable web component for the Strudel REPL.
 
 ## Usage
 
-Either install with `npm i @strudel.cycles/embed` or just use a cdn to import the script:
+Either install with `npm i @strudel/embed` or just use a cdn to import the script:
 
 ```html
-<script src="https://unpkg.com/@strudel.cycles/embed@latest"></script>
+<script src="https://unpkg.com/@strudel/embed@latest"></script>
 <strudel-repl>
   <!--
 note(`[[e5 [b4 c5] d5 [c5 b4]]
diff --git a/packages/embed/package.json b/packages/embed/package.json
index ccf8652d2..257b1747c 100644
--- a/packages/embed/package.json
+++ b/packages/embed/package.json
@@ -1,6 +1,6 @@
 {
-  "name": "@strudel.cycles/embed",
-  "version": "0.2.0",
+  "name": "@strudel/embed",
+  "version": "0.11.0",
   "description": "Embeddable Web Component to load a Strudel REPL into an iframe",
   "main": "embed.js",
   "type": "module",
diff --git a/packages/hydra/README.md b/packages/hydra/README.md
index 0b2386927..44c4c8243 100644
--- a/packages/hydra/README.md
+++ b/packages/hydra/README.md
@@ -27,7 +27,7 @@ npm i @strudel/hydra
 Then add the import to your evalScope:
 
 ```js
-import { evalScope } from '@strudel.cycles/core';
+import { evalScope } from '@strudel/core';
 
 evalScope(
   import('@strudel/hydra')
diff --git a/packages/hydra/hydra.mjs b/packages/hydra/hydra.mjs
index 782c7ec1f..dc1ba3f93 100644
--- a/packages/hydra/hydra.mjs
+++ b/packages/hydra/hydra.mjs
@@ -1,4 +1,4 @@
-import { getDrawContext } from '@strudel.cycles/core';
+import { getDrawContext } from '@strudel/core';
 
 let latestOptions;
 
diff --git a/packages/hydra/package.json b/packages/hydra/package.json
index 057a973bb..234cdf1cb 100644
--- a/packages/hydra/package.json
+++ b/packages/hydra/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@strudel/hydra",
-  "version": "0.9.0",
+  "version": "0.11.0",
   "description": "Hydra integration for strudel",
   "main": "hydra.mjs",
   "publishConfig": {
@@ -33,7 +33,7 @@
   },
   "homepage": "https://github.com/tidalcycles/strudel#readme",
   "dependencies": {
-    "@strudel.cycles/core": "workspace:*",
+    "@strudel/core": "workspace:*",
     "hydra-synth": "^1.3.29"
   },
   "devDependencies": {
diff --git a/packages/midi/README.md b/packages/midi/README.md
index bf8a85eb2..6bb649f2b 100644
--- a/packages/midi/README.md
+++ b/packages/midi/README.md
@@ -1,9 +1,9 @@
-# @strudel.cycles/midi
+# @strudel/midi
 
 This package adds midi functionality to strudel Patterns.
 
 ## Install
 
 ```sh
-npm i @strudel.cycles/midi --save
+npm i @strudel/midi --save
 ```
diff --git a/packages/midi/midi.mjs b/packages/midi/midi.mjs
index ab59c2e42..f40a5049e 100644
--- a/packages/midi/midi.mjs
+++ b/packages/midi/midi.mjs
@@ -5,8 +5,8 @@ This program is free software: you can redistribute it and/or modify it under th
 */
 
 import * as _WebMidi from 'webmidi';
-import { Pattern, isPattern, logger, ref } from '@strudel.cycles/core';
-import { noteToMidi } from '@strudel.cycles/core';
+import { Pattern, isPattern, logger, ref } from '@strudel/core';
+import { noteToMidi } from '@strudel/core';
 import { Note } from 'webmidi';
 // if you use WebMidi from outside of this package, make sure to import that instance:
 export const { WebMidi } = _WebMidi;
diff --git a/packages/midi/package.json b/packages/midi/package.json
index 67df04ce3..12798a347 100644
--- a/packages/midi/package.json
+++ b/packages/midi/package.json
@@ -1,6 +1,6 @@
 {
-  "name": "@strudel.cycles/midi",
-  "version": "0.9.0",
+  "name": "@strudel/midi",
+  "version": "0.11.0",
   "description": "Midi API for strudel",
   "main": "index.mjs",
   "publishConfig": {
@@ -29,8 +29,8 @@
   },
   "homepage": "https://github.com/tidalcycles/strudel#readme",
   "dependencies": {
-    "@strudel.cycles/core": "workspace:*",
-    "@strudel.cycles/webaudio": "workspace:*",
+    "@strudel/core": "workspace:*",
+    "@strudel/webaudio": "workspace:*",
     "webmidi": "^3.1.8"
   },
   "devDependencies": {
diff --git a/packages/mini/README.md b/packages/mini/README.md
index fce7a0451..81a27ead7 100644
--- a/packages/mini/README.md
+++ b/packages/mini/README.md
@@ -1,17 +1,17 @@
-# @strudel.cycles/mini
+# @strudel/mini
 
 This package contains the mini notation parser and pattern generator.
 
 ## Install
 
 ```sh
-npm i @strudel.cycles/mini --save
+npm i @strudel/mini --save
 ```
 
 ## Example
 
 ```js
-import { mini } from '@strudel.cycles/mini';
+import { mini } from '@strudel/mini';
 
 const pattern = mini('a [b c*2]');
 
@@ -28,7 +28,7 @@ yields:
 (7/8 -> 1/1, 7/8 -> 1/1, c)
 ```
 
-[Play with @strudel.cycles/mini codesandbox](https://codesandbox.io/s/strudel-mini-example-oe9wcu?file=/src/index.js)
+[Play with @strudel/mini codesandbox](https://codesandbox.io/s/strudel-mini-example-oe9wcu?file=/src/index.js)
 
 ## Mini Notation API
 
diff --git a/packages/mini/krill-parser.js b/packages/mini/krill-parser.js
index 66dff038f..ac9e83096 100644
--- a/packages/mini/krill-parser.js
+++ b/packages/mini/krill-parser.js
@@ -292,7 +292,7 @@ function peg$parse(input, options) {
   var peg$f3 = function(s) { return s };
   var peg$f4 = function(s, stepsPerCycle) { s.arguments_.stepsPerCycle = stepsPerCycle ; return s; };
   var peg$f5 = function(a) { return a };
-  var peg$f6 = function(s) { s.arguments_.alignment = 'slowcat'; return s; };
+  var peg$f6 = function(s) { s.arguments_.alignment = 'polymeter_slowcat'; return s; };
   var peg$f7 = function(a) { return x => x.options_['weight'] = a };
   var peg$f8 = function(a) { return x => x.options_['reps'] = a };
   var peg$f9 = function(p, s, r) { return x => x.options_['ops'].push({ type_: "bjorklund", arguments_ :{ pulse: p, step:s, rotation:r }}) };
@@ -1073,7 +1073,7 @@ function peg$parse(input, options) {
     }
     if (s2 !== peg$FAILED) {
       s3 = peg$parsews();
-      s4 = peg$parsesequence();
+      s4 = peg$parsepolymeter_stack();
       if (s4 !== peg$FAILED) {
         s5 = peg$parsews();
         if (input.charCodeAt(peg$currPos) === 62) {
diff --git a/packages/mini/krill.pegjs b/packages/mini/krill.pegjs
index 62b2f1a1b..da941049c 100644
--- a/packages/mini/krill.pegjs
+++ b/packages/mini/krill.pegjs
@@ -119,8 +119,8 @@ polymeter_steps = "%"a:slice
 
 // define a step-per-cycle timeline e.g <1 3 [3 5]>. We simply defer to a sequence and
 // change the alignment to slowcat
-slow_sequence = ws "<" ws s:sequence ws ">" ws
-  { s.arguments_.alignment = 'slowcat'; return s; }
+slow_sequence = ws "<" ws s:polymeter_stack ws ">" ws
+ { s.arguments_.alignment = 'polymeter_slowcat'; return s; }
 
 // a slice is either a single step or a sub cycle
 slice = step / sub_cycle / polymeter / slow_sequence
diff --git a/packages/mini/mini.mjs b/packages/mini/mini.mjs
index c2faf29b1..b76e14790 100644
--- a/packages/mini/mini.mjs
+++ b/packages/mini/mini.mjs
@@ -5,7 +5,7 @@ This program is free software: you can redistribute it and/or modify it under th
 */
 
 import * as krill from './krill-parser.js';
-import * as strudel from '@strudel.cycles/core';
+import * as strudel from '@strudel/core';
 
 const randOffset = 0.0003;
 
@@ -91,6 +91,10 @@ export function patternifyAST(ast, code, onEnter, offset = 0) {
       if (alignment === 'stack') {
         return strudel.stack(...children);
       }
+      if (alignment === 'polymeter_slowcat') {
+        const aligned = children.map((child) => child._slow(strudel.Fraction(child.__weight ?? 1)));
+        return strudel.stack(...aligned);
+      }
       if (alignment === 'polymeter') {
         // polymeter
         const stepsPerCycle = ast.arguments_.stepsPerCycle
@@ -104,15 +108,9 @@ export function patternifyAST(ast, code, onEnter, offset = 0) {
         return strudel.chooseInWith(strudel.rand.early(randOffset * ast.arguments_.seed).segment(1), children);
       }
       const weightedChildren = ast.source_.some((child) => !!child.options_?.weight);
-      if (!weightedChildren && alignment === 'slowcat') {
-        return strudel.slowcat(...children);
-      }
       if (weightedChildren) {
         const weightSum = ast.source_.reduce((sum, child) => sum + (child.options_?.weight || 1), 0);
         const pat = strudel.timeCat(...ast.source_.map((child, i) => [child.options_?.weight || 1, children[i]]));
-        if (alignment === 'slowcat') {
-          return pat._slow(weightSum); // timecat + slow
-        }
         pat.__weight = weightSum;
         return pat;
       }
diff --git a/packages/mini/package.json b/packages/mini/package.json
index a234e1fc2..07e243cdb 100644
--- a/packages/mini/package.json
+++ b/packages/mini/package.json
@@ -1,6 +1,6 @@
 {
-  "name": "@strudel.cycles/mini",
-  "version": "0.9.0",
+  "name": "@strudel/mini",
+  "version": "0.11.0",
   "description": "Mini notation for strudel",
   "main": "index.mjs",
   "type": "module",
@@ -32,7 +32,7 @@
   },
   "homepage": "https://github.com/tidalcycles/strudel#readme",
   "dependencies": {
-    "@strudel.cycles/core": "workspace:*"
+    "@strudel/core": "workspace:*"
   },
   "devDependencies": {
     "peggy": "^3.0.2",
diff --git a/packages/mini/test/mini.test.mjs b/packages/mini/test/mini.test.mjs
index 6d9ac3671..2f204f864 100644
--- a/packages/mini/test/mini.test.mjs
+++ b/packages/mini/test/mini.test.mjs
@@ -5,7 +5,7 @@ This program is free software: you can redistribute it and/or modify it under th
 */
 
 import { getLeafLocation, getLeafLocations, mini, mini2ast } from '../mini.mjs';
-import '@strudel.cycles/core/euclid.mjs';
+import '@strudel/core/euclid.mjs';
 import { describe, expect, it } from 'vitest';
 
 describe('mini', () => {
diff --git a/packages/osc/README.md b/packages/osc/README.md
index 824d79a42..3dc65e16e 100644
--- a/packages/osc/README.md
+++ b/packages/osc/README.md
@@ -1,4 +1,4 @@
-# @strudel.cycles/osc
+# @strudel/osc
 
 OSC output for strudel patterns! Currently only tested with super collider / super dirt.
 
diff --git a/packages/osc/osc.mjs b/packages/osc/osc.mjs
index 561dbda54..14206e1d2 100644
--- a/packages/osc/osc.mjs
+++ b/packages/osc/osc.mjs
@@ -6,7 +6,7 @@ This program is free software: you can redistribute it and/or modify it under th
 
 import OSC from 'osc-js';
 
-import { logger, parseNumeral, Pattern } from '@strudel.cycles/core';
+import { logger, parseNumeral, Pattern } from '@strudel/core';
 
 let connection; // Promise<OSC>
 function connect() {
diff --git a/packages/osc/package.json b/packages/osc/package.json
index d05a3b2c7..b1e3c2cec 100644
--- a/packages/osc/package.json
+++ b/packages/osc/package.json
@@ -1,6 +1,6 @@
 {
-  "name": "@strudel.cycles/osc",
-  "version": "0.9.0",
+  "name": "@strudel/osc",
+  "version": "0.11.0",
   "description": "OSC messaging for strudel",
   "main": "osc.mjs",
   "publishConfig": {
@@ -36,7 +36,7 @@
   },
   "homepage": "https://github.com/tidalcycles/strudel#readme",
   "dependencies": {
-    "@strudel.cycles/core": "workspace:*",
+    "@strudel/core": "workspace:*",
     "osc-js": "^2.4.0"
   },
   "devDependencies": {
diff --git a/packages/repl/package.json b/packages/repl/package.json
index 04116c5ec..87928aadc 100644
--- a/packages/repl/package.json
+++ b/packages/repl/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@strudel/repl",
-  "version": "0.9.4",
+  "version": "0.11.0",
   "description": "Strudel REPL as a Web Component",
   "main": "index.mjs",
   "publishConfig": {
@@ -33,15 +33,15 @@
   },
   "homepage": "https://github.com/tidalcycles/strudel#readme",
   "dependencies": {
-    "@strudel.cycles/core": "workspace:*",
-    "@strudel.cycles/midi": "workspace:*",
-    "@strudel.cycles/mini": "workspace:*",
-    "@strudel.cycles/soundfonts": "workspace:*",
-    "@strudel.cycles/tonal": "workspace:*",
-    "@strudel.cycles/transpiler": "workspace:*",
-    "@strudel.cycles/webaudio": "workspace:*",
     "@strudel/codemirror": "workspace:*",
-    "@strudel/hydra": "workspace:*"
+    "@strudel/core": "workspace:*",
+    "@strudel/hydra": "workspace:*",
+    "@strudel/midi": "workspace:*",
+    "@strudel/mini": "workspace:*",
+    "@strudel/soundfonts": "workspace:*",
+    "@strudel/tonal": "workspace:*",
+    "@strudel/transpiler": "workspace:*",
+    "@strudel/webaudio": "workspace:*"
   },
   "devDependencies": {
     "@rollup/plugin-replace": "^5.0.5",
diff --git a/packages/repl/prebake.mjs b/packages/repl/prebake.mjs
index 80d2c3bd4..930f263cd 100644
--- a/packages/repl/prebake.mjs
+++ b/packages/repl/prebake.mjs
@@ -1,22 +1,22 @@
-import { controls, noteToMidi, valueToMidi, Pattern, evalScope } from '@strudel.cycles/core';
-import { registerSynthSounds, registerZZFXSounds, samples } from '@strudel.cycles/webaudio';
-import * as core from '@strudel.cycles/core';
+import { controls, noteToMidi, valueToMidi, Pattern, evalScope } from '@strudel/core';
+import { registerSynthSounds, registerZZFXSounds, samples } from '@strudel/webaudio';
+import * as core from '@strudel/core';
 
 export async function prebake() {
   const modulesLoading = evalScope(
-    // import('@strudel.cycles/core'),
+    // import('@strudel/core'),
     core,
-    import('@strudel.cycles/mini'),
-    import('@strudel.cycles/tonal'),
-    import('@strudel.cycles/webaudio'),
+    import('@strudel/mini'),
+    import('@strudel/tonal'),
+    import('@strudel/webaudio'),
     import('@strudel/codemirror'),
     import('@strudel/hydra'),
-    import('@strudel.cycles/soundfonts'),
-    import('@strudel.cycles/midi'),
-    // import('@strudel.cycles/xen'),
-    // import('@strudel.cycles/serial'),
-    // import('@strudel.cycles/csound'),
-    // import('@strudel.cycles/osc'),
+    import('@strudel/soundfonts'),
+    import('@strudel/midi'),
+    // import('@strudel/xen'),
+    // import('@strudel/serial'),
+    // import('@strudel/csound'),
+    // import('@strudel/osc'),
     controls, // sadly, this cannot be exported from core directly (yet)
   );
   // load samples
@@ -26,10 +26,10 @@ export async function prebake() {
     registerSynthSounds(),
     registerZZFXSounds(),
     //registerSoundfonts(),
-    // need dynamic import here, because importing @strudel.cycles/soundfonts fails on server:
-    // => getting "window is not defined", as soon as "@strudel.cycles/soundfonts" is imported statically
+    // need dynamic import here, because importing @strudel/soundfonts fails on server:
+    // => getting "window is not defined", as soon as "@strudel/soundfonts" is imported statically
     // seems to be a problem with soundfont2
-    import('@strudel.cycles/soundfonts').then(({ registerSoundfonts }) => registerSoundfonts()),
+    import('@strudel/soundfonts').then(({ registerSoundfonts }) => registerSoundfonts()),
     samples(`${ds}/tidal-drum-machines.json`),
     samples(`${ds}/piano.json`),
     samples(`${ds}/Dirt-Samples.json`),
diff --git a/packages/repl/repl-component.mjs b/packages/repl/repl-component.mjs
index 1aece8a47..7928ac437 100644
--- a/packages/repl/repl-component.mjs
+++ b/packages/repl/repl-component.mjs
@@ -1,6 +1,6 @@
-import { getDrawContext, silence } from '@strudel.cycles/core';
-import { transpiler } from '@strudel.cycles/transpiler';
-import { getAudioContext, webaudioOutput } from '@strudel.cycles/webaudio';
+import { getDrawContext, silence } from '@strudel/core';
+import { transpiler } from '@strudel/transpiler';
+import { getAudioContext, webaudioOutput } from '@strudel/webaudio';
 import { StrudelMirror, codemirrorSettings } from '@strudel/codemirror';
 import { prebake } from './prebake.mjs';
 
diff --git a/packages/serial/README.md b/packages/serial/README.md
index 5246c2f83..7952b5534 100644
--- a/packages/serial/README.md
+++ b/packages/serial/README.md
@@ -1,3 +1,3 @@
-# @strudel.cycles/serial
+# @strudel/serial
 
 This package adds webserial functionality to strudel Patterns, for e.g. sending messages to arduino microcontrollers.
diff --git a/packages/serial/package.json b/packages/serial/package.json
index 43e4a045d..c66831832 100644
--- a/packages/serial/package.json
+++ b/packages/serial/package.json
@@ -1,6 +1,6 @@
 {
-  "name": "@strudel.cycles/serial",
-  "version": "0.9.0",
+  "name": "@strudel/serial",
+  "version": "0.11.0",
   "description": "Webserial API for strudel",
   "main": "serial.mjs",
   "publishConfig": {
@@ -29,7 +29,7 @@
   },
   "homepage": "https://github.com/tidalcycles/strudel#readme",
   "dependencies": {
-    "@strudel.cycles/core": "workspace:*"
+    "@strudel/core": "workspace:*"
   },
   "devDependencies": {
     "vite": "^5.0.10"
diff --git a/packages/serial/serial.mjs b/packages/serial/serial.mjs
index 652b60546..81eb42f26 100644
--- a/packages/serial/serial.mjs
+++ b/packages/serial/serial.mjs
@@ -4,7 +4,7 @@ Copyright (C) 2022 Strudel contributors - see <https://github.com/tidalcycles/st
 This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version. This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU Affero General Public License for more details. You should have received a copy of the GNU Affero General Public License along with this program.  If not, see <https://www.gnu.org/licenses/>.
 */
 
-import { Pattern, isPattern } from '@strudel.cycles/core';
+import { Pattern, isPattern } from '@strudel/core';
 
 var writeMessagers = {};
 var choosing = false;
diff --git a/packages/soundfonts/README.md b/packages/soundfonts/README.md
new file mode 100644
index 000000000..cc7ade8b7
--- /dev/null
+++ b/packages/soundfonts/README.md
@@ -0,0 +1 @@
+# @strudel/soundfonts
diff --git a/packages/soundfonts/fontloader.mjs b/packages/soundfonts/fontloader.mjs
index c2f6a19cf..8cbe3e81a 100644
--- a/packages/soundfonts/fontloader.mjs
+++ b/packages/soundfonts/fontloader.mjs
@@ -1,5 +1,12 @@
-import { noteToMidi, freqToMidi, getSoundIndex } from '@strudel.cycles/core';
-import { getAudioContext, registerSound, getEnvelope } from '@strudel.cycles/webaudio';
+import { noteToMidi, freqToMidi, getSoundIndex } from '@strudel/core';
+import {
+  getAudioContext,
+  registerSound,
+  getParamADSR,
+  getADSRValues,
+  getPitchEnvelope,
+  getVibratoOscillator,
+} from '@strudel/webaudio';
 import gm from './gm.mjs';
 
 let loadCache = {};
@@ -130,24 +137,39 @@ export function registerSoundfonts() {
     registerSound(
       name,
       async (time, value, onended) => {
+        const [attack, decay, sustain, release] = getADSRValues([
+          value.attack,
+          value.decay,
+          value.sustain,
+          value.release,
+        ]);
+
+        const { duration } = value;
         const n = getSoundIndex(value.n, fonts.length);
-        const { attack = 0.001, decay = 0.001, sustain = 1, release = 0.001 } = value;
         const font = fonts[n];
         const ctx = getAudioContext();
         const bufferSource = await getFontBufferSource(font, value, ctx);
         bufferSource.start(time);
-        const { node: envelope, stop: releaseEnvelope } = getEnvelope(attack, decay, sustain, release, 0.3, time);
-        bufferSource.connect(envelope);
-        const stop = (releaseTime) => {
-          const silentAt = releaseEnvelope(releaseTime);
-          bufferSource.stop(silentAt);
-        };
+        const envGain = ctx.createGain();
+        const node = bufferSource.connect(envGain);
+        const holdEnd = time + duration;
+        getParamADSR(node.gain, attack, decay, sustain, release, 0, 0.3, time, holdEnd, 'linear');
+        let envEnd = holdEnd + release + 0.01;
+
+        // vibrato
+        let vibratoOscillator = getVibratoOscillator(bufferSource.detune, value, time);
+        // pitch envelope
+        getPitchEnvelope(bufferSource.detune, value, time, holdEnd);
+
+        bufferSource.stop(envEnd);
+        const stop = (releaseTime) => {};
         bufferSource.onended = () => {
           bufferSource.disconnect();
-          envelope.disconnect();
+          vibratoOscillator?.stop();
+          node.disconnect();
           onended();
         };
-        return { node: envelope, stop };
+        return { node, stop };
       },
       { type: 'soundfont', prebake: true, fonts },
     );
diff --git a/packages/soundfonts/package.json b/packages/soundfonts/package.json
index 253d28ccf..2841375af 100644
--- a/packages/soundfonts/package.json
+++ b/packages/soundfonts/package.json
@@ -1,6 +1,6 @@
 {
-  "name": "@strudel.cycles/soundfonts",
-  "version": "0.9.0",
+  "name": "@strudel/soundfonts",
+  "version": "0.11.0",
   "description": "Soundsfont support for strudel",
   "main": "index.mjs",
   "publishConfig": {
@@ -30,8 +30,8 @@
   },
   "homepage": "https://github.com/tidalcycles/strudel#readme",
   "dependencies": {
-    "@strudel.cycles/core": "workspace:*",
-    "@strudel.cycles/webaudio": "workspace:*",
+    "@strudel/core": "workspace:*",
+    "@strudel/webaudio": "workspace:*",
     "sfumato": "^0.1.2",
     "soundfont2": "^0.4.0"
   },
diff --git a/packages/soundfonts/sfumato.mjs b/packages/soundfonts/sfumato.mjs
index c03bfef54..871ee67d6 100644
--- a/packages/soundfonts/sfumato.mjs
+++ b/packages/soundfonts/sfumato.mjs
@@ -1,5 +1,5 @@
-import { Pattern, getPlayableNoteValue, noteToMidi } from '@strudel.cycles/core';
-import { getAudioContext, registerSound } from '@strudel.cycles/webaudio';
+import { Pattern, getPlayableNoteValue, noteToMidi } from '@strudel/core';
+import { getAudioContext, registerSound } from '@strudel/webaudio';
 import { loadSoundfont as _loadSoundfont, startPresetNote } from 'sfumato';
 
 Pattern.prototype.soundfont = function (sf, n = 0) {
diff --git a/packages/superdough/helpers.mjs b/packages/superdough/helpers.mjs
index 9194e2bb0..39e9977a8 100644
--- a/packages/superdough/helpers.mjs
+++ b/packages/superdough/helpers.mjs
@@ -1,5 +1,5 @@
 import { getAudioContext } from './superdough.mjs';
-import { clamp } from './util.mjs';
+import { clamp, nanFallback } from './util.mjs';
 
 export function gainNode(value) {
   const node = getAudioContext().createGain();
@@ -7,78 +7,73 @@ export function gainNode(value) {
   return node;
 }
 
-// alternative to getADSR returning the gain node and a stop handle to trigger the release anytime in the future
-export const getEnvelope = (attack, decay, sustain, release, velocity, begin) => {
-  const gainNode = getAudioContext().createGain();
-  let phase = begin;
-  gainNode.gain.setValueAtTime(0, begin);
-  phase += attack;
-  gainNode.gain.linearRampToValueAtTime(velocity, phase); // attack
-  phase += decay;
-  let sustainLevel = sustain * velocity;
-  gainNode.gain.linearRampToValueAtTime(sustainLevel, phase); // decay / sustain
-  // sustain end
-  return {
-    node: gainNode,
-    stop: (t) => {
-      // to make sure the release won't begin before sustain is reached
-      phase = Math.max(t, phase);
-      // see https://github.com/tidalcycles/strudel/issues/522
-      gainNode.gain.setValueAtTime(sustainLevel, phase);
-      phase += release;
-      gainNode.gain.linearRampToValueAtTime(0, phase); // release
-      return phase;
-    },
-  };
+const getSlope = (y1, y2, x1, x2) => {
+  const denom = x2 - x1;
+  if (denom === 0) {
+    return 0;
+  }
+  return (y2 - y1) / (x2 - x1);
 };
+export const getParamADSR = (
+  param,
+  attack,
+  decay,
+  sustain,
+  release,
+  min,
+  max,
+  begin,
+  end,
+  //exponential works better for frequency modulations (such as filter cutoff) due to human ear perception
+  curve = 'exponential',
+) => {
+  attack = nanFallback(attack);
+  decay = nanFallback(decay);
+  sustain = nanFallback(sustain);
+  release = nanFallback(release);
+  const ramp = curve === 'exponential' ? 'exponentialRampToValueAtTime' : 'linearRampToValueAtTime';
+  if (curve === 'exponential') {
+    min = min === 0 ? 0.001 : min;
+    max = max === 0 ? 0.001 : max;
+  }
+  const range = max - min;
+  const peak = max;
+  const sustainVal = min + sustain * range;
+  const duration = end - begin;
 
-export const getExpEnvelope = (attack, decay, sustain, release, velocity, begin) => {
-  sustain = Math.max(0.001, sustain);
-  velocity = Math.max(0.001, velocity);
-  const gainNode = getAudioContext().createGain();
-  gainNode.gain.setValueAtTime(0.0001, begin);
-  gainNode.gain.exponentialRampToValueAtTime(velocity, begin + attack);
-  gainNode.gain.exponentialRampToValueAtTime(sustain * velocity, begin + attack + decay);
-  return {
-    node: gainNode,
-    stop: (t) => {
-      // similar to getEnvelope, this will glitch if sustain level has not been reached
-      gainNode.gain.exponentialRampToValueAtTime(0.0001, t + release);
-    },
+  const envValAtTime = (time) => {
+    let val;
+    if (attack > time) {
+      let slope = getSlope(min, peak, 0, attack);
+      val = time * slope + (min > peak ? min : 0);
+    } else {
+      val = (time - attack) * getSlope(peak, sustainVal, 0, decay) + peak;
+    }
+    if (curve === 'exponential') {
+      val = val || 0.001;
+    }
+    return val;
   };
-};
 
-export const getADSR = (attack, decay, sustain, release, velocity, begin, end) => {
-  const gainNode = getAudioContext().createGain();
-  gainNode.gain.setValueAtTime(0, begin);
-  gainNode.gain.linearRampToValueAtTime(velocity, begin + attack); // attack
-  gainNode.gain.linearRampToValueAtTime(sustain * velocity, begin + attack + decay); // sustain start
-  gainNode.gain.setValueAtTime(sustain * velocity, end); // sustain end
-  gainNode.gain.linearRampToValueAtTime(0, end + release); // release
-  // for some reason, using exponential ramping creates little cracklings
-  /* let t = begin;
-  gainNode.gain.setValueAtTime(0, t);
-  gainNode.gain.exponentialRampToValueAtTime(velocity, (t += attack));
-  const sustainGain = Math.max(sustain * velocity, 0.001);
-  gainNode.gain.exponentialRampToValueAtTime(sustainGain, (t += decay));
-  if (end - begin < attack + decay) {
-    gainNode.gain.cancelAndHoldAtTime(end);
+  param.setValueAtTime(min, begin);
+  if (attack > duration) {
+    //attack
+    param[ramp](envValAtTime(duration), end);
+  } else if (attack + decay > duration) {
+    //attack
+    param[ramp](envValAtTime(attack), begin + attack);
+    //decay
+    param[ramp](envValAtTime(duration), end);
   } else {
-    gainNode.gain.setValueAtTime(sustainGain, end);
+    //attack
+    param[ramp](envValAtTime(attack), begin + attack);
+    //decay
+    param[ramp](envValAtTime(attack + decay), begin + attack + decay);
+    //sustain
+    param.setValueAtTime(sustainVal, end);
   }
-  gainNode.gain.exponentialRampToValueAtTime(0.001, end + release); // release */
-  return gainNode;
-};
-
-export const getParamADSR = (param, attack, decay, sustain, release, min, max, begin, end) => {
-  const range = max - min;
-  const peak = min + range;
-  const sustainLevel = min + sustain * range;
-  param.setValueAtTime(min, begin);
-  param.linearRampToValueAtTime(peak, begin + attack);
-  param.linearRampToValueAtTime(sustainLevel, begin + attack + decay);
-  param.setValueAtTime(sustainLevel, end);
-  param.linearRampToValueAtTime(min, end + Math.max(release, 0.1));
+  //release
+  param[ramp](min, end + release);
 };
 
 export function getCompressor(ac, threshold, ratio, knee, attack, release) {
@@ -92,38 +87,44 @@ export function getCompressor(ac, threshold, ratio, knee, attack, release) {
   return new DynamicsCompressorNode(ac, options);
 }
 
-export function createFilter(
-  context,
-  type,
-  frequency,
-  Q,
-  attack,
-  decay,
-  sustain,
-  release,
-  fenv,
-  start,
-  end,
-  fanchor = 0.5,
-) {
+// changes the default values of the envelope based on what parameters the user has defined
+// so it behaves more like you would expect/familiar as other synthesis tools
+// ex: sound(val).decay(val) will behave as a decay only envelope. sound(val).attack(val).decay(val) will behave like an "ad" env, etc.
+
+export const getADSRValues = (params, curve = 'linear', defaultValues) => {
+  const envmin = curve === 'exponential' ? 0.001 : 0.001;
+  const releaseMin = 0.01;
+  const envmax = 1;
+  const [a, d, s, r] = params;
+  if (a == null && d == null && s == null && r == null) {
+    return defaultValues ?? [envmin, envmin, envmax, releaseMin];
+  }
+  const sustain = s != null ? s : (a != null && d == null) || (a == null && d == null) ? envmax : envmin;
+  return [Math.max(a ?? 0, envmin), Math.max(d ?? 0, envmin), Math.min(sustain, envmax), Math.max(r ?? 0, releaseMin)];
+};
+
+export function createFilter(context, type, frequency, Q, att, dec, sus, rel, fenv, start, end, fanchor) {
+  const curve = 'exponential';
+  const [attack, decay, sustain, release] = getADSRValues([att, dec, sus, rel], curve, [0.005, 0.14, 0, 0.1]);
   const filter = context.createBiquadFilter();
+
   filter.type = type;
   filter.Q.value = Q;
   filter.frequency.value = frequency;
-
+  // envelope is active when any of these values is set
+  const hasEnvelope = att ?? dec ?? sus ?? rel ?? fenv;
   // Apply ADSR to filter frequency
-  if (!isNaN(fenv) && fenv !== 0) {
-    const offset = fenv * fanchor;
-
-    const min = clamp(2 ** -offset * frequency, 0, 20000);
-    const max = clamp(2 ** (fenv - offset) * frequency, 0, 20000);
-
-    // console.log('min', min, 'max', max);
-
-    getParamADSR(filter.frequency, attack, decay, sustain, release, min, max, start, end);
+  if (hasEnvelope !== undefined) {
+    fenv = nanFallback(fenv, 1, true);
+    fanchor = nanFallback(fanchor, 0, true);
+    const fenvAbs = Math.abs(fenv);
+    const offset = fenvAbs * fanchor;
+    let min = clamp(2 ** -offset * frequency, 0, 20000);
+    let max = clamp(2 ** (fenvAbs - offset) * frequency, 0, 20000);
+    if (fenv < 0) [min, max] = [max, min];
+    getParamADSR(filter.frequency, attack, decay, sustain, release, min, max, start, end, curve);
     return filter;
   }
-
   return filter;
 }
 
@@ -148,3 +149,40 @@ export function drywet(dry, wet, wetAmount = 0) {
   wet_gain.connect(mix);
   return mix;
 }
+
+let curves = ['linear', 'exponential'];
+export function getPitchEnvelope(param, value, t, holdEnd) {
+  // envelope is active when any of these values is set
+  const hasEnvelope = value.pattack ?? value.pdecay ?? value.psustain ?? value.prelease ?? value.penv;
+  if (!hasEnvelope) {
+    return;
+  }
+  const penv = nanFallback(value.penv, 1, true);
+  const curve = curves[value.pcurve ?? 0];
+  let [pattack, pdecay, psustain, prelease] = getADSRValues(
+    [value.pattack, value.pdecay, value.psustain, value.prelease],
+    curve,
+    [0.2, 0.001, 1, 0.001],
+  );
+  let panchor = value.panchor ?? psustain;
+  const cents = penv * 100; // penv is in semitones
+  const min = 0 - cents * panchor;
+  const max = cents - cents * panchor;
+  getParamADSR(param, pattack, pdecay, psustain, prelease, min, max, t, holdEnd, curve);
+}
+
+export function getVibratoOscillator(param, value, t) {
+  const { vibmod = 0.5, vib } = value;
+  let vibratoOscillator;
+  if (vib > 0) {
+    vibratoOscillator = getAudioContext().createOscillator();
+    vibratoOscillator.frequency.value = vib;
+    const gain = getAudioContext().createGain();
+    // Vibmod is the amount of vibrato, in semitones
+    gain.gain.value = vibmod * 100;
+    vibratoOscillator.connect(gain);
+    gain.connect(param);
+    vibratoOscillator.start(t);
+    return vibratoOscillator;
+  }
+}
diff --git a/packages/superdough/package.json b/packages/superdough/package.json
index b0074246a..e27f95f2f 100644
--- a/packages/superdough/package.json
+++ b/packages/superdough/package.json
@@ -1,6 +1,6 @@
 {
   "name": "superdough",
-  "version": "0.9.12",
+  "version": "0.10.0",
   "description": "simple web audio synth and sampler intended for live coding. inspired by superdirt and webdirt.",
   "main": "index.mjs",
   "type": "module",
diff --git a/packages/superdough/sampler.mjs b/packages/superdough/sampler.mjs
index 754ccf9b0..19fec661f 100644
--- a/packages/superdough/sampler.mjs
+++ b/packages/superdough/sampler.mjs
@@ -1,6 +1,6 @@
 import { noteToMidi, valueToMidi, getSoundIndex } from './util.mjs';
 import { getAudioContext, registerSound } from './index.mjs';
-import { getEnvelope } from './helpers.mjs';
+import { getADSRValues, getParamADSR, getPitchEnvelope, getVibratoOscillator } from './helpers.mjs';
 import { logger } from './logger.mjs';
 
 const bufferCache = {}; // string: Promise<ArrayBuffer>
@@ -243,8 +243,7 @@ export async function onTriggerSample(t, value, onended, bank, resolveUrl) {
     begin = 0,
     loopEnd = 1,
     end = 1,
-    vib,
-    vibmod = 0.5,
+    duration,
   } = value;
   // load sample
   if (speed === 0) {
@@ -254,24 +253,15 @@ export async function onTriggerSample(t, value, onended, bank, resolveUrl) {
   loop = s.startsWith('wt_') ? 1 : value.loop;
   const ac = getAudioContext();
   // destructure adsr here, because the default should be different for synths and samples
-  const { attack = 0.001, decay = 0.001, sustain = 1, release = 0.001 } = value;
+
+  let [attack, decay, sustain, release] = getADSRValues([value.attack, value.decay, value.sustain, value.release]);
   //const soundfont = getSoundfontKey(s);
   const time = t + nudge;
 
   const bufferSource = await getSampleBufferSource(s, n, note, speed, freq, bank, resolveUrl);
 
   // vibrato
-  let vibratoOscillator;
-  if (vib > 0) {
-    vibratoOscillator = getAudioContext().createOscillator();
-    vibratoOscillator.frequency.value = vib;
-    const gain = getAudioContext().createGain();
-    // Vibmod is the amount of vibrato, in semitones
-    gain.gain.value = vibmod * 100;
-    vibratoOscillator.connect(gain);
-    gain.connect(bufferSource.detune);
-    vibratoOscillator.start(0);
-  }
+  let vibratoOscillator = getVibratoOscillator(bufferSource.detune, value, t);
 
   // asny stuff above took too long?
   if (ac.currentTime > t) {
@@ -298,26 +288,31 @@ export async function onTriggerSample(t, value, onended, bank, resolveUrl) {
     bufferSource.loopEnd = loopEnd * bufferSource.buffer.duration - offset;
   }
   bufferSource.start(time, offset);
-  const { node: envelope, stop: releaseEnvelope } = getEnvelope(attack, decay, sustain, release, 1, t);
-  bufferSource.connect(envelope);
+  const envGain = ac.createGain();
+  const node = bufferSource.connect(envGain);
+  if (clip == null && loop == null && value.release == null) {
+    const bufferDuration = bufferSource.buffer.duration / bufferSource.playbackRate.value;
+    duration = (end - begin) * bufferDuration;
+  }
+  let holdEnd = t + duration;
+
+  getParamADSR(node.gain, attack, decay, sustain, release, 0, 1, t, holdEnd, 'linear');
+
+  // pitch envelope
+  getPitchEnvelope(bufferSource.detune, value, t, holdEnd);
+
   const out = ac.createGain(); // we need a separate gain for the cutgroups because firefox...
-  envelope.connect(out);
+  node.connect(out);
   bufferSource.onended = function () {
     bufferSource.disconnect();
     vibratoOscillator?.stop();
-    envelope.disconnect();
+    node.disconnect();
     out.disconnect();
     onended();
   };
-  const stop = (endTime, playWholeBuffer = clip === undefined && loop === undefined) => {
-    let releaseTime = endTime;
-    if (playWholeBuffer) {
-      const bufferDuration = bufferSource.buffer.duration / bufferSource.playbackRate.value;
-      releaseTime = t + (end - begin) * bufferDuration;
-    }
-    const silentAt = releaseEnvelope(releaseTime);
-    bufferSource.stop(silentAt);
-  };
+  let envEnd = holdEnd + release + 0.01;
+  bufferSource.stop(envEnd);
+  const stop = (endTime, playWholeBuffer) => {};
   const handle = { node: out, bufferSource, stop };
 
   // cut groups
diff --git a/packages/superdough/superdough.mjs b/packages/superdough/superdough.mjs
index f6ce6c60e..f5674f2cf 100644
--- a/packages/superdough/superdough.mjs
+++ b/packages/superdough/superdough.mjs
@@ -280,26 +280,26 @@ export const superdough = async (value, deadline, hapDuration) => {
     // low pass
     cutoff,
     lpenv,
-    lpattack = 0.01,
-    lpdecay = 0.01,
-    lpsustain = 1,
-    lprelease = 0.01,
+    lpattack,
+    lpdecay,
+    lpsustain,
+    lprelease,
     resonance = 1,
     // high pass
     hpenv,
     hcutoff,
-    hpattack = 0.01,
-    hpdecay = 0.01,
-    hpsustain = 1,
-    hprelease = 0.01,
+    hpattack,
+    hpdecay,
+    hpsustain,
+    hprelease,
     hresonance = 1,
     // band pass
     bpenv,
     bandf,
-    bpattack = 0.01,
-    bpdecay = 0.01,
-    bpsustain = 1,
-    bprelease = 0.01,
+    bpattack,
+    bpdecay,
+    bpsustain,
+    bprelease,
     bandq = 1,
     channels = [1, 2],
     //phaser
@@ -333,6 +333,7 @@ export const superdough = async (value, deadline, hapDuration) => {
     compressorAttack,
     compressorRelease,
   } = value;
+
   gain = nanFallback(gain, 1);
 
   //music programs/audio gear usually increments inputs/outputs from 1, so imitate that behavior
diff --git a/packages/superdough/synth.mjs b/packages/superdough/synth.mjs
index 13c8b93b9..6d6468628 100644
--- a/packages/superdough/synth.mjs
+++ b/packages/superdough/synth.mjs
@@ -1,6 +1,6 @@
 import { midiToFreq, noteToMidi } from './util.mjs';
 import { registerSound, getAudioContext } from './superdough.mjs';
-import { gainNode, getEnvelope, getExpEnvelope } from './helpers.mjs';
+import { gainNode, getADSRValues, getParamADSR, getPitchEnvelope, getVibratoOscillator } from './helpers.mjs';
 import { getNoiseMix, getNoiseOscillator } from './noise.mjs';
 
 const mod = (freq, range = 1, type = 'sine') => {
@@ -29,8 +29,11 @@ export function registerSynthSounds() {
     registerSound(
       s,
       (t, value, onended) => {
-        // destructure adsr here, because the default should be different for synths and samples
-        let { attack = 0.001, decay = 0.05, sustain = 0.6, release = 0.01 } = value;
+        const [attack, decay, sustain, release] = getADSRValues(
+          [value.attack, value.decay, value.sustain, value.release],
+          'linear',
+          [0.001, 0.05, 0.6, 0.01],
+        );
 
         let sound;
         if (waveforms.includes(s)) {
@@ -45,21 +48,24 @@ export function registerSynthSounds() {
         // turn down
         const g = gainNode(0.3);
 
-        // gain envelope
-        const { node: envelope, stop: releaseEnvelope } = getEnvelope(attack, decay, sustain, release, 1, t);
+        const { duration } = value;
 
         o.onended = () => {
           o.disconnect();
           g.disconnect();
           onended();
         };
+
+        const envGain = gainNode(1);
+        let node = o.connect(g).connect(envGain);
+        const holdEnd = t + duration;
+        getParamADSR(node.gain, attack, decay, sustain, release, 0, 1, t, holdEnd, 'linear');
+        const envEnd = holdEnd + release + 0.01;
+        triggerRelease?.(envEnd);
+        stop(envEnd);
         return {
-          node: o.connect(g).connect(envelope),
-          stop: (releaseTime) => {
-            const silentAt = releaseEnvelope(releaseTime);
-            triggerRelease?.(releaseTime);
-            stop(silentAt);
-          },
+          node,
+          stop: (releaseTime) => {},
         };
       },
       { type: 'synth', prebake: true },
@@ -99,28 +105,24 @@ export function waveformN(partials, type) {
 }
 
 // expects one of waveforms as s
-export function getOscillator(
-  s,
-  t,
-  {
+export function getOscillator(s, t, value) {
+  let {
     n: partials,
     note,
     freq,
-    vib = 0,
-    vibmod = 0.5,
     noise = 0,
     // fm
     fmh: fmHarmonicity = 1,
     fmi: fmModulationIndex,
-    fmenv: fmEnvelopeType = 'lin',
+    fmenv: fmEnvelopeType = 'exp',
     fmattack: fmAttack,
     fmdecay: fmDecay,
     fmsustain: fmSustain,
     fmrelease: fmRelease,
     fmvelocity: fmVelocity,
     fmwave: fmWaveform = 'sine',
-  },
-) {
+    duration,
+  } = value;
   let ac = getAudioContext();
   let o;
   // If no partials are given, use stock waveforms
@@ -148,42 +150,39 @@ export function getOscillator(
   o.start(t);
 
   // FM
-  let stopFm, fmEnvelope;
+  let stopFm;
+  let envGain = ac.createGain();
   if (fmModulationIndex) {
     const { node: modulator, stop } = fm(o, fmHarmonicity, fmModulationIndex, fmWaveform);
     if (![fmAttack, fmDecay, fmSustain, fmRelease, fmVelocity].find((v) => v !== undefined)) {
       // no envelope by default
       modulator.connect(o.frequency);
     } else {
-      fmAttack = fmAttack ?? 0.001;
-      fmDecay = fmDecay ?? 0.001;
-      fmSustain = fmSustain ?? 1;
-      fmRelease = fmRelease ?? 0.001;
-      fmVelocity = fmVelocity ?? 1;
-      fmEnvelope = getEnvelope(fmAttack, fmDecay, fmSustain, fmRelease, fmVelocity, t);
-      if (fmEnvelopeType === 'exp') {
-        fmEnvelope = getExpEnvelope(fmAttack, fmDecay, fmSustain, fmRelease, fmVelocity, t);
-        fmEnvelope.node.maxValue = fmModulationIndex * 2;
-        fmEnvelope.node.minValue = 0.00001;
-      }
-      modulator.connect(fmEnvelope.node);
-      fmEnvelope.node.connect(o.frequency);
+      const [attack, decay, sustain, release] = getADSRValues([fmAttack, fmDecay, fmSustain, fmRelease]);
+      const holdEnd = t + duration;
+      getParamADSR(
+        envGain.gain,
+        attack,
+        decay,
+        sustain,
+        release,
+        0,
+        1,
+        t,
+        holdEnd,
+        fmEnvelopeType === 'exp' ? 'exponential' : 'linear',
+      );
+      modulator.connect(envGain);
+      envGain.connect(o.frequency);
     }
     stopFm = stop;
   }
 
   // Additional oscillator for vibrato effect
-  let vibratoOscillator;
-  if (vib > 0) {
-    vibratoOscillator = getAudioContext().createOscillator();
-    vibratoOscillator.frequency.value = vib;
-    const gain = getAudioContext().createGain();
-    // Vibmod is the amount of vibrato, in semitones
-    gain.gain.value = vibmod * 100;
-    vibratoOscillator.connect(gain);
-    gain.connect(o.detune);
-    vibratoOscillator.start(t);
-  }
+  let vibratoOscillator = getVibratoOscillator(o.detune, value, t);
+
+  // pitch envelope
+  getPitchEnvelope(o.detune, value, t, t + duration);
 
   let noiseMix;
   if (noise) {
@@ -199,7 +198,7 @@ export function getOscillator(
       o.stop(time);
     },
     triggerRelease: (time) => {
-      fmEnvelope?.stop(time);
+      // envGain?.stop(time);
     },
   };
 }
diff --git a/packages/superdough/util.mjs b/packages/superdough/util.mjs
index 29eaa7bc5..4e3c7e41e 100644
--- a/packages/superdough/util.mjs
+++ b/packages/superdough/util.mjs
@@ -54,9 +54,9 @@ export const valueToMidi = (value, fallbackValue) => {
   return fallbackValue;
 };
 
-export function nanFallback(value, fallback) {
+export function nanFallback(value, fallback = 0, silent) {
   if (isNaN(Number(value))) {
-    logger(`"${value}" is not a number, falling back to ${fallback}`, 'warning');
+    !silent && logger(`"${value}" is not a number, falling back to ${fallback}`, 'warning');
     return fallback;
   }
   return value;
diff --git a/packages/superdough/vowel.mjs b/packages/superdough/vowel.mjs
index 25357642f..3f30aef1e 100644
--- a/packages/superdough/vowel.mjs
+++ b/packages/superdough/vowel.mjs
@@ -5,6 +5,37 @@ export var vowelFormant = {
   i: { freqs: [270, 1850, 2900, 3350, 3590], gains: [1, 0.0631, 0.0631, 0.0158, 0.0158], qs: [40, 90, 100, 120, 120] },
   o: { freqs: [430, 820, 2700, 3000, 3300], gains: [1, 0.3162, 0.0501, 0.0794, 0.01995], qs: [40, 80, 100, 120, 120] },
   u: { freqs: [370, 630, 2750, 3000, 3400], gains: [1, 0.1, 0.0708, 0.0316, 0.01995], qs: [40, 60, 100, 120, 120] },
+  ae: { freqs: [650, 1515, 2400, 3000, 3350], gains: [1, 0.5, 0.1008, 0.0631, 0.0126], qs: [80, 90, 120, 130, 140] },
+  aa: { freqs: [560, 900, 2570, 3000, 3300], gains: [1, 0.5, 0.0708, 0.0631, 0.0126], qs: [80, 90, 120, 130, 140] },
+  oe: { freqs: [500, 1430, 2300, 3000, 3300], gains: [1, 0.2, 0.0708, 0.0316, 0.01995], qs: [40, 60, 100, 120, 120] },
+  ue: { freqs: [250, 1750, 2150, 3200, 3300], gains: [1, 0.1, 0.0708, 0.0316, 0.01995], qs: [40, 60, 100, 120, 120] },
+  y: { freqs: [400, 1460, 2400, 3000, 3300], gains: [1, 0.2, 0.0708, 0.0316, 0.02995], qs: [40, 60, 100, 120, 120] },
+  uh: { freqs: [600, 1250, 2100, 3100, 3500], gains: [1, 0.3, 0.0608, 0.0316, 0.01995], qs: [40, 70, 100, 120, 130] },
+  un: { freqs: [500, 1240, 2280, 3000, 3500], gains: [1, 0.1, 0.1708, 0.0216, 0.02995], qs: [40, 60, 100, 120, 120] },
+  en: { freqs: [600, 1480, 2450, 3200, 3300], gains: [1, 0.15, 0.0708, 0.0316, 0.02995], qs: [40, 60, 100, 120, 120] },
+  an: { freqs: [700, 1050, 2500, 3000, 3300], gains: [1, 0.1, 0.0708, 0.0316, 0.02995], qs: [40, 60, 100, 120, 120] },
+  on: { freqs: [500, 1080, 2350, 3000, 3300], gains: [1, 0.1, 0.0708, 0.0316, 0.02995], qs: [40, 60, 100, 120, 120] },
+  get æ() {
+    return this.ae;
+  },
+  get ø() {
+    return this.oe;
+  },
+  get ɑ() {
+    return this.aa;
+  },
+  get å() {
+    return this.aa;
+  },
+  get ö() {
+    return this.oe;
+  },
+  get ü() {
+    return this.ue;
+  },
+  get ı() {
+    return this.y;
+  },
 };
 if (typeof GainNode !== 'undefined') {
   class VowelNode extends GainNode {
diff --git a/packages/tonal/README.md b/packages/tonal/README.md
index 0bb344fd4..83657451c 100644
--- a/packages/tonal/README.md
+++ b/packages/tonal/README.md
@@ -1,18 +1,18 @@
-# @strudel.cycles/tonal
+# @strudel/tonal
 
 This package adds tonal / harmonic functions to strudel Patterns.
 
 ## Install
 
 ```sh
-npm i @strudel.cycles/tonal --save
+npm i @strudel/tonal --save
 ```
 
 ## Example
 
 ```js
-import { sequence } from '@strudel.cycles/core';
-import '@strudel.cycles/tonal';
+import { sequence } from '@strudel/core';
+import '@strudel/tonal';
 
 const pattern = sequence(0, [1, 2]).scale('C major');
 
@@ -27,7 +27,7 @@ yields:
 (3/4 -> 1/1, 3/4 -> 1/1, E3)
 ```
 
-[play with @strudel.cycles/tonal codesandbox](https://codesandbox.io/s/strudel-tonal-example-rgc5if?file=/src/index.js)
+[play with @strudel/tonal codesandbox](https://codesandbox.io/s/strudel-tonal-example-rgc5if?file=/src/index.js)
 
 ## Tonal API
 
diff --git a/packages/tonal/package.json b/packages/tonal/package.json
index 389e8de8c..50ce33682 100644
--- a/packages/tonal/package.json
+++ b/packages/tonal/package.json
@@ -1,6 +1,6 @@
 {
-  "name": "@strudel.cycles/tonal",
-  "version": "0.9.0",
+  "name": "@strudel/tonal",
+  "version": "0.11.0",
   "description": "Tonal functions for strudel",
   "main": "index.mjs",
   "publishConfig": {
@@ -31,7 +31,7 @@
   },
   "homepage": "https://github.com/tidalcycles/strudel#readme",
   "dependencies": {
-    "@strudel.cycles/core": "workspace:*",
+    "@strudel/core": "workspace:*",
     "@tonaljs/tonal": "^4.7.2",
     "chord-voicings": "^0.0.1",
     "webmidi": "^3.1.8"
diff --git a/packages/tonal/test/tonal.test.mjs b/packages/tonal/test/tonal.test.mjs
index 7c32989a8..6dfdcfacc 100644
--- a/packages/tonal/test/tonal.test.mjs
+++ b/packages/tonal/test/tonal.test.mjs
@@ -7,7 +7,7 @@ This program is free software: you can redistribute it and/or modify it under th
 // import { strict as assert } from 'assert';
 
 import '../tonal.mjs'; // need to import this to add prototypes
-import { pure, controls, seq } from '@strudel.cycles/core';
+import { pure, controls, seq } from '@strudel/core';
 import { describe, it, expect } from 'vitest';
 import { mini } from '../../mini/mini.mjs';
 const { n } = controls;
diff --git a/packages/tonal/tonal.mjs b/packages/tonal/tonal.mjs
index 6b831d472..93f2fb122 100644
--- a/packages/tonal/tonal.mjs
+++ b/packages/tonal/tonal.mjs
@@ -5,7 +5,7 @@ This program is free software: you can redistribute it and/or modify it under th
 */
 
 import { Note, Interval, Scale } from '@tonaljs/tonal';
-import { register, _mod, silence, logger, pure, isNote } from '@strudel.cycles/core';
+import { register, _mod, silence, logger, pure, isNote } from '@strudel/core';
 import { stepInNamedScale } from './tonleiter.mjs';
 
 const octavesInterval = (octaves) => (octaves <= 0 ? -1 : 1) + octaves * 7 + 'P';
diff --git a/packages/tonal/tonleiter.mjs b/packages/tonal/tonleiter.mjs
index c8f4bdef7..15288fcc8 100644
--- a/packages/tonal/tonleiter.mjs
+++ b/packages/tonal/tonleiter.mjs
@@ -1,4 +1,4 @@
-import { isNote, isNoteWithOctave, _mod, noteToMidi, tokenizeNote } from '@strudel.cycles/core';
+import { isNote, isNoteWithOctave, _mod, noteToMidi, tokenizeNote } from '@strudel/core';
 import { Interval, Scale } from '@tonaljs/tonal';
 
 // https://codesandbox.io/s/stateless-voicings-g2tmz0?file=/src/lib.js:0-2515
diff --git a/packages/tonal/voicings.mjs b/packages/tonal/voicings.mjs
index 6f4d334d1..39cea0baf 100644
--- a/packages/tonal/voicings.mjs
+++ b/packages/tonal/voicings.mjs
@@ -4,7 +4,7 @@ Copyright (C) 2022 Strudel contributors - see <https://github.com/tidalcycles/st
 This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version. This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU Affero General Public License for more details. You should have received a copy of the GNU Affero General Public License along with this program.  If not, see <https://www.gnu.org/licenses/>.
 */
 
-import { stack, register, silence, logger } from '@strudel.cycles/core';
+import { stack, register, silence, logger } from '@strudel/core';
 import { renderVoicing } from './tonleiter.mjs';
 import _voicings from 'chord-voicings';
 import { complex, simple } from './ireal.mjs';
diff --git a/packages/transpiler/README.md b/packages/transpiler/README.md
index 1b0ed3654..9914174a7 100644
--- a/packages/transpiler/README.md
+++ b/packages/transpiler/README.md
@@ -1,4 +1,4 @@
-# @strudel.cycles/transpiler
+# @strudel/transpiler
 
 This package contains a JS code transpiler with the following features:
 
@@ -9,14 +9,14 @@ This package contains a JS code transpiler with the following features:
 ## Install
 
 ```sh
-npm i @strudel.cycles/transpiler
+npm i @strudel/transpiler
 ```
 
 ## Use
 
 ```js
-import { transpiler } from '@strudel.cycles/core';
-import { evaluate } from '@strudel.cycles/core';
+import { transpiler } from '@strudel/core';
+import { evaluate } from '@strudel/core';
 
 transpiler('note("c3 [e3,g3]")', { wrapAsync: false, addReturn: false, simpleLocs: true });
 /* mini('c3 [e3,g3]').withMiniLocation(7,17) */
diff --git a/packages/transpiler/index.mjs b/packages/transpiler/index.mjs
index 4832a423d..484c3e70c 100644
--- a/packages/transpiler/index.mjs
+++ b/packages/transpiler/index.mjs
@@ -1,4 +1,4 @@
-import { evaluate as _evaluate } from '@strudel.cycles/core';
+import { evaluate as _evaluate } from '@strudel/core';
 import { transpiler } from './transpiler.mjs';
 export * from './transpiler.mjs';
 
diff --git a/packages/transpiler/package.json b/packages/transpiler/package.json
index 918c79062..5c1202163 100644
--- a/packages/transpiler/package.json
+++ b/packages/transpiler/package.json
@@ -1,6 +1,6 @@
 {
-  "name": "@strudel.cycles/transpiler",
-  "version": "0.9.0",
+  "name": "@strudel/transpiler",
+  "version": "0.11.0",
   "description": "Transpiler for strudel user code. Converts syntactically correct but semantically meaningless JS into evaluatable strudel code.",
   "main": "index.mjs",
   "publishConfig": {
@@ -30,8 +30,8 @@
   },
   "homepage": "https://github.com/tidalcycles/strudel#readme",
   "dependencies": {
-    "@strudel.cycles/core": "workspace:*",
-    "@strudel.cycles/mini": "workspace:*",
+    "@strudel/core": "workspace:*",
+    "@strudel/mini": "workspace:*",
     "acorn": "^8.11.3",
     "escodegen": "^2.1.0",
     "estree-walker": "^3.0.1"
diff --git a/packages/transpiler/transpiler.mjs b/packages/transpiler/transpiler.mjs
index 0231a2f9c..aedf8f3a5 100644
--- a/packages/transpiler/transpiler.mjs
+++ b/packages/transpiler/transpiler.mjs
@@ -1,8 +1,8 @@
 import escodegen from 'escodegen';
 import { parse } from 'acorn';
 import { walk } from 'estree-walker';
-import { isNoteWithOctave } from '@strudel.cycles/core';
-import { getLeafLocations } from '@strudel.cycles/mini';
+import { isNoteWithOctave } from '@strudel/core';
+import { getLeafLocations } from '@strudel/mini';
 
 export function transpiler(input, options = {}) {
   const { wrapAsync = false, addReturn = true, emitMiniLocations = true, emitWidgets = true } = options;
diff --git a/packages/web/package.json b/packages/web/package.json
index c46bc3600..bb26f7281 100644
--- a/packages/web/package.json
+++ b/packages/web/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@strudel/web",
-  "version": "0.9.0",
+  "version": "0.11.0",
   "description": "Easy to setup, opiniated bundle of Strudel for the browser.",
   "main": "web.mjs",
   "publishConfig": {
@@ -33,11 +33,11 @@
   },
   "homepage": "https://github.com/tidalcycles/strudel#readme",
   "dependencies": {
-    "@strudel.cycles/core": "workspace:*",
-    "@strudel.cycles/mini": "workspace:*",
-    "@strudel.cycles/tonal": "workspace:*",
-    "@strudel.cycles/transpiler": "workspace:*",
-    "@strudel.cycles/webaudio": "workspace:*"
+    "@strudel/core": "workspace:*",
+    "@strudel/mini": "workspace:*",
+    "@strudel/tonal": "workspace:*",
+    "@strudel/transpiler": "workspace:*",
+    "@strudel/webaudio": "workspace:*"
   },
   "devDependencies": {
     "vite": "^5.0.10"
diff --git a/packages/web/web.mjs b/packages/web/web.mjs
index 607d20ba3..e7164197d 100644
--- a/packages/web/web.mjs
+++ b/packages/web/web.mjs
@@ -1,25 +1,25 @@
-export * from '@strudel.cycles/core';
-export * from '@strudel.cycles/webaudio';
-//export * from '@strudel.cycles/soundfonts';
-export * from '@strudel.cycles/transpiler';
-export * from '@strudel.cycles/mini';
-export * from '@strudel.cycles/tonal';
-export * from '@strudel.cycles/webaudio';
-import { Pattern, evalScope, controls } from '@strudel.cycles/core';
-import { initAudioOnFirstClick, registerSynthSounds, webaudioScheduler } from '@strudel.cycles/webaudio';
-// import { registerSoundfonts } from '@strudel.cycles/soundfonts';
-import { evaluate as _evaluate } from '@strudel.cycles/transpiler';
-import { miniAllStrings } from '@strudel.cycles/mini';
+export * from '@strudel/core';
+export * from '@strudel/webaudio';
+//export * from '@strudel/soundfonts';
+export * from '@strudel/transpiler';
+export * from '@strudel/mini';
+export * from '@strudel/tonal';
+export * from '@strudel/webaudio';
+import { Pattern, evalScope, controls } from '@strudel/core';
+import { initAudioOnFirstClick, registerSynthSounds, webaudioScheduler } from '@strudel/webaudio';
+// import { registerSoundfonts } from '@strudel/soundfonts';
+import { evaluate as _evaluate } from '@strudel/transpiler';
+import { miniAllStrings } from '@strudel/mini';
 
 // init logic
 export async function defaultPrebake() {
   const loadModules = evalScope(
     evalScope,
     controls,
-    import('@strudel.cycles/core'),
-    import('@strudel.cycles/mini'),
-    import('@strudel.cycles/tonal'),
-    import('@strudel.cycles/webaudio'),
+    import('@strudel/core'),
+    import('@strudel/mini'),
+    import('@strudel/tonal'),
+    import('@strudel/webaudio'),
     { hush, evaluate },
   );
   await Promise.all([loadModules, registerSynthSounds() /* , registerSoundfonts() */]);
diff --git a/packages/webaudio/README.md b/packages/webaudio/README.md
index 8f974a25e..442dc4dd1 100644
--- a/packages/webaudio/README.md
+++ b/packages/webaudio/README.md
@@ -1,4 +1,4 @@
-# @strudel.cycles/webaudio
+# @strudel/webaudio
 
 This package contains helpers to make music with strudel and the Web Audio API.
 It is a thin binding to [superdough](https://www.npmjs.com/package/superdough).
@@ -6,14 +6,14 @@ It is a thin binding to [superdough](https://www.npmjs.com/package/superdough).
 ## Install
 
 ```sh
-npm i @strudel.cycles/webaudio --save
+npm i @strudel/webaudio --save
 ```
 
 ## Example
 
 ```js
-import { repl, controls } from "@strudel.cycles/core";
-import { initAudioOnFirstClick, getAudioContext, webaudioOutput } from "@strudel.cycles/webaudio";
+import { repl, controls } from "@strudel/core";
+import { initAudioOnFirstClick, getAudioContext, webaudioOutput } from "@strudel/webaudio";
 const { note } = controls;
 
 initAudioOnFirstClick();
diff --git a/packages/webaudio/package.json b/packages/webaudio/package.json
index 3d810ff17..a77e12b20 100644
--- a/packages/webaudio/package.json
+++ b/packages/webaudio/package.json
@@ -1,6 +1,6 @@
 {
-  "name": "@strudel.cycles/webaudio",
-  "version": "0.9.0",
+  "name": "@strudel/webaudio",
+  "version": "0.11.0",
   "description": "Web Audio helpers for Strudel",
   "main": "index.mjs",
   "type": "module",
@@ -34,7 +34,7 @@
   },
   "homepage": "https://github.com/tidalcycles/strudel#readme",
   "dependencies": {
-    "@strudel.cycles/core": "workspace:*",
+    "@strudel/core": "workspace:*",
     "superdough": "workspace:*"
   },
   "devDependencies": {
diff --git a/packages/webaudio/scope.mjs b/packages/webaudio/scope.mjs
index 1affd2624..115f159a0 100644
--- a/packages/webaudio/scope.mjs
+++ b/packages/webaudio/scope.mjs
@@ -1,4 +1,4 @@
-import { Pattern, getDrawContext, clamp } from '@strudel.cycles/core';
+import { Pattern, getDrawContext, clamp } from '@strudel/core';
 import { analyser, getAnalyzerData } from 'superdough';
 
 export function drawTimeScope(
diff --git a/packages/webaudio/webaudio.mjs b/packages/webaudio/webaudio.mjs
index fb4a3d7de..19dbb804f 100644
--- a/packages/webaudio/webaudio.mjs
+++ b/packages/webaudio/webaudio.mjs
@@ -4,7 +4,7 @@ Copyright (C) 2022 Strudel contributors - see <https://github.com/tidalcycles/st
 This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version. This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU Affero General Public License for more details. You should have received a copy of the GNU Affero General Public License along with this program.  If not, see <https://www.gnu.org/licenses/>.
 */
 
-import * as strudel from '@strudel.cycles/core';
+import * as strudel from '@strudel/core';
 import { superdough, getAudioContext, setLogger, doughTrigger } from 'superdough';
 const { Pattern, logger } = strudel;
 
diff --git a/packages/xen/README.md b/packages/xen/README.md
index aed60e4dd..cedd04740 100644
--- a/packages/xen/README.md
+++ b/packages/xen/README.md
@@ -1,9 +1,9 @@
-# @strudel.cycles/xen
+# @strudel/xen
 
 This package adds xenharmonic / microtonal functions to strudel Patterns. Further documentation + examples will follow.
 
 ## Install
 
 ```sh
-npm i @strudel.cycles/xen --save
+npm i @strudel/xen --save
 ```
diff --git a/packages/xen/package.json b/packages/xen/package.json
index b2d639da0..7894b2033 100644
--- a/packages/xen/package.json
+++ b/packages/xen/package.json
@@ -1,6 +1,6 @@
 {
-  "name": "@strudel.cycles/xen",
-  "version": "0.9.0",
+  "name": "@strudel/xen",
+  "version": "0.11.0",
   "description": "Xenharmonic API for strudel",
   "main": "index.mjs",
   "publishConfig": {
@@ -30,7 +30,7 @@
   },
   "homepage": "https://github.com/tidalcycles/strudel#readme",
   "dependencies": {
-    "@strudel.cycles/core": "workspace:*"
+    "@strudel/core": "workspace:*"
   },
   "devDependencies": {
     "vite": "^5.0.10",
diff --git a/packages/xen/tune.mjs b/packages/xen/tune.mjs
index d3dd90568..feed38f4f 100644
--- a/packages/xen/tune.mjs
+++ b/packages/xen/tune.mjs
@@ -5,7 +5,7 @@ This program is free software: you can redistribute it and/or modify it under th
 */
 
 import Tune from './tunejs.js';
-import { register } from '@strudel.cycles/core';
+import { register } from '@strudel/core';
 
 export const tune = register('tune', (scale, pat) => {
   const tune = new Tune();
diff --git a/packages/xen/xen.mjs b/packages/xen/xen.mjs
index 362066a17..4077632a5 100644
--- a/packages/xen/xen.mjs
+++ b/packages/xen/xen.mjs
@@ -4,7 +4,7 @@ Copyright (C) 2022 Strudel contributors - see <https://github.com/tidalcycles/st
 This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version. This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU Affero General Public License for more details. You should have received a copy of the GNU Affero General Public License along with this program.  If not, see <https://www.gnu.org/licenses/>.
 */
 
-import { register, _mod, parseNumeral } from '@strudel.cycles/core';
+import { register, _mod, parseNumeral } from '@strudel/core';
 
 export function edo(name) {
   if (!/^[1-9]+[0-9]*edo$/.test(name)) {
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index e4e136397..61e3a8b23 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -8,22 +8,22 @@ importers:
 
   .:
     dependencies:
-      '@strudel.cycles/core':
+      '@strudel/core':
         specifier: workspace:*
         version: link:packages/core
-      '@strudel.cycles/mini':
+      '@strudel/mini':
         specifier: workspace:*
         version: link:packages/mini
-      '@strudel.cycles/tonal':
+      '@strudel/tonal':
         specifier: workspace:*
         version: link:packages/tonal
-      '@strudel.cycles/transpiler':
+      '@strudel/transpiler':
         specifier: workspace:*
         version: link:packages/transpiler
-      '@strudel.cycles/webaudio':
+      '@strudel/webaudio':
         specifier: workspace:*
         version: link:packages/webaudio
-      '@strudel.cycles/xen':
+      '@strudel/xen':
         specifier: workspace:*
         version: link:packages/xen
     devDependencies:
@@ -72,27 +72,27 @@ importers:
 
   examples/codemirror-repl:
     dependencies:
-      '@strudel.cycles/core':
+      '@strudel/codemirror':
+        specifier: workspace:*
+        version: link:../../packages/codemirror
+      '@strudel/core':
         specifier: workspace:*
         version: link:../../packages/core
-      '@strudel.cycles/mini':
+      '@strudel/mini':
         specifier: workspace:*
         version: link:../../packages/mini
-      '@strudel.cycles/soundfonts':
+      '@strudel/soundfonts':
         specifier: workspace:*
         version: link:../../packages/soundfonts
-      '@strudel.cycles/tonal':
+      '@strudel/tonal':
         specifier: workspace:*
         version: link:../../packages/tonal
-      '@strudel.cycles/transpiler':
+      '@strudel/transpiler':
         specifier: workspace:*
         version: link:../../packages/transpiler
-      '@strudel.cycles/webaudio':
+      '@strudel/webaudio':
         specifier: workspace:*
         version: link:../../packages/webaudio
-      '@strudel/codemirror':
-        specifier: workspace:*
-        version: link:../../packages/codemirror
     devDependencies:
       vite:
         specifier: ^5.0.10
@@ -110,19 +110,19 @@ importers:
 
   examples/minimal-repl:
     dependencies:
-      '@strudel.cycles/core':
+      '@strudel/core':
         specifier: workspace:*
         version: link:../../packages/core
-      '@strudel.cycles/mini':
+      '@strudel/mini':
         specifier: workspace:*
         version: link:../../packages/mini
-      '@strudel.cycles/tonal':
+      '@strudel/tonal':
         specifier: workspace:*
         version: link:../../packages/tonal
-      '@strudel.cycles/transpiler':
+      '@strudel/transpiler':
         specifier: workspace:*
         version: link:../../packages/transpiler
-      '@strudel.cycles/webaudio':
+      '@strudel/webaudio':
         specifier: workspace:*
         version: link:../../packages/webaudio
     devDependencies:
@@ -177,8 +177,8 @@ importers:
         version: 6.1.0(@codemirror/commands@6.3.3)(@codemirror/language@6.10.0)(@codemirror/search@6.5.5)(@codemirror/state@6.4.0)(@codemirror/view@6.23.0)
       '@replit/codemirror-vscode-keymap':
         specifier: ^6.0.2
-        version: 6.0.2(@codemirror/autocomplete@6.11.1)(@codemirror/commands@6.3.3)(@codemirror/language@6.10.0)(@codemirror/lint@6.1.0)(@codemirror/search@6.5.5)(@codemirror/state@6.4.0)(@codemirror/view@6.23.0)
-      '@strudel.cycles/core':
+        version: 6.0.2(@codemirror/autocomplete@6.11.1)(@codemirror/commands@6.3.3)(@codemirror/language@6.10.0)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.4.0)(@codemirror/view@6.23.0)
+      '@strudel/core':
         specifier: workspace:*
         version: link:../core
       '@uiw/codemirror-themes':
@@ -213,10 +213,10 @@ importers:
       '@csound/browser':
         specifier: 6.18.7
         version: 6.18.7(eslint@8.56.0)
-      '@strudel.cycles/core':
+      '@strudel/core':
         specifier: workspace:*
         version: link:../core
-      '@strudel.cycles/webaudio':
+      '@strudel/webaudio':
         specifier: workspace:*
         version: link:../webaudio
     devDependencies:
@@ -226,7 +226,7 @@ importers:
 
   packages/desktopbridge:
     dependencies:
-      '@strudel.cycles/core':
+      '@strudel/core':
         specifier: workspace:*
         version: link:../core
       '@tauri-apps/api':
@@ -237,7 +237,7 @@ importers:
 
   packages/hydra:
     dependencies:
-      '@strudel.cycles/core':
+      '@strudel/core':
         specifier: workspace:*
         version: link:../core
       hydra-synth:
@@ -253,10 +253,10 @@ importers:
 
   packages/midi:
     dependencies:
-      '@strudel.cycles/core':
+      '@strudel/core':
         specifier: workspace:*
         version: link:../core
-      '@strudel.cycles/webaudio':
+      '@strudel/webaudio':
         specifier: workspace:*
         version: link:../webaudio
       webmidi:
@@ -269,7 +269,7 @@ importers:
 
   packages/mini:
     dependencies:
-      '@strudel.cycles/core':
+      '@strudel/core':
         specifier: workspace:*
         version: link:../core
     devDependencies:
@@ -285,7 +285,7 @@ importers:
 
   packages/osc:
     dependencies:
-      '@strudel.cycles/core':
+      '@strudel/core':
         specifier: workspace:*
         version: link:../core
       osc-js:
@@ -301,33 +301,33 @@ importers:
 
   packages/repl:
     dependencies:
-      '@strudel.cycles/core':
+      '@strudel/codemirror':
+        specifier: workspace:*
+        version: link:../codemirror
+      '@strudel/core':
         specifier: workspace:*
         version: link:../core
-      '@strudel.cycles/midi':
+      '@strudel/hydra':
+        specifier: workspace:*
+        version: link:../hydra
+      '@strudel/midi':
         specifier: workspace:*
         version: link:../midi
-      '@strudel.cycles/mini':
+      '@strudel/mini':
         specifier: workspace:*
         version: link:../mini
-      '@strudel.cycles/soundfonts':
+      '@strudel/soundfonts':
         specifier: workspace:*
         version: link:../soundfonts
-      '@strudel.cycles/tonal':
+      '@strudel/tonal':
         specifier: workspace:*
         version: link:../tonal
-      '@strudel.cycles/transpiler':
+      '@strudel/transpiler':
         specifier: workspace:*
         version: link:../transpiler
-      '@strudel.cycles/webaudio':
+      '@strudel/webaudio':
         specifier: workspace:*
         version: link:../webaudio
-      '@strudel/codemirror':
-        specifier: workspace:*
-        version: link:../codemirror
-      '@strudel/hydra':
-        specifier: workspace:*
-        version: link:../hydra
     devDependencies:
       '@rollup/plugin-replace':
         specifier: ^5.0.5
@@ -341,7 +341,7 @@ importers:
 
   packages/serial:
     dependencies:
-      '@strudel.cycles/core':
+      '@strudel/core':
         specifier: workspace:*
         version: link:../core
     devDependencies:
@@ -351,10 +351,10 @@ importers:
 
   packages/soundfonts:
     dependencies:
-      '@strudel.cycles/core':
+      '@strudel/core':
         specifier: workspace:*
         version: link:../core
-      '@strudel.cycles/webaudio':
+      '@strudel/webaudio':
         specifier: workspace:*
         version: link:../webaudio
       sfumato:
@@ -383,7 +383,7 @@ importers:
 
   packages/tonal:
     dependencies:
-      '@strudel.cycles/core':
+      '@strudel/core':
         specifier: workspace:*
         version: link:../core
       '@tonaljs/tonal':
@@ -405,10 +405,10 @@ importers:
 
   packages/transpiler:
     dependencies:
-      '@strudel.cycles/core':
+      '@strudel/core':
         specifier: workspace:*
         version: link:../core
-      '@strudel.cycles/mini':
+      '@strudel/mini':
         specifier: workspace:*
         version: link:../mini
       acorn:
@@ -430,19 +430,19 @@ importers:
 
   packages/web:
     dependencies:
-      '@strudel.cycles/core':
+      '@strudel/core':
         specifier: workspace:*
         version: link:../core
-      '@strudel.cycles/mini':
+      '@strudel/mini':
         specifier: workspace:*
         version: link:../mini
-      '@strudel.cycles/tonal':
+      '@strudel/tonal':
         specifier: workspace:*
         version: link:../tonal
-      '@strudel.cycles/transpiler':
+      '@strudel/transpiler':
         specifier: workspace:*
         version: link:../transpiler
-      '@strudel.cycles/webaudio':
+      '@strudel/webaudio':
         specifier: workspace:*
         version: link:../webaudio
     devDependencies:
@@ -452,7 +452,7 @@ importers:
 
   packages/webaudio:
     dependencies:
-      '@strudel.cycles/core':
+      '@strudel/core':
         specifier: workspace:*
         version: link:../core
       superdough:
@@ -465,7 +465,7 @@ importers:
 
   packages/xen:
     dependencies:
-      '@strudel.cycles/core':
+      '@strudel/core':
         specifier: workspace:*
         version: link:../core
     devDependencies:
@@ -489,7 +489,10 @@ importers:
         version: 2.0.3(astro@4.0.8)
       '@astrojs/react':
         specifier: ^3.0.9
-        version: 3.0.9(@types/react-dom@18.2.18)(@types/react@18.2.46)(react-dom@18.2.0)(react@18.2.0)(vite@5.0.10)
+        version: 3.0.9(@types/react-dom@18.2.18)(@types/react@18.2.46)(react-dom@18.2.0)(react@18.2.0)(vite@5.0.11)
+      '@astrojs/rss':
+        specifier: ^4.0.2
+        version: 4.0.2
       '@astrojs/tailwind':
         specifier: ^5.1.0
         version: 5.1.0(astro@4.0.8)(tailwindcss@3.4.0)
@@ -511,51 +514,51 @@ importers:
       '@nanostores/react':
         specifier: ^0.7.1
         version: 0.7.1(nanostores@0.9.5)(react@18.2.0)
-      '@strudel.cycles/core':
+      '@strudel/codemirror':
+        specifier: workspace:*
+        version: link:../packages/codemirror
+      '@strudel/core':
         specifier: workspace:*
         version: link:../packages/core
-      '@strudel.cycles/csound':
+      '@strudel/csound':
         specifier: workspace:*
         version: link:../packages/csound
-      '@strudel.cycles/midi':
+      '@strudel/desktopbridge':
+        specifier: workspace:*
+        version: link:../packages/desktopbridge
+      '@strudel/hydra':
+        specifier: workspace:*
+        version: link:../packages/hydra
+      '@strudel/midi':
         specifier: workspace:*
         version: link:../packages/midi
-      '@strudel.cycles/mini':
+      '@strudel/mini':
         specifier: workspace:*
         version: link:../packages/mini
-      '@strudel.cycles/osc':
+      '@strudel/osc':
         specifier: workspace:*
         version: link:../packages/osc
-      '@strudel.cycles/serial':
+      '@strudel/repl':
+        specifier: workspace:*
+        version: link:../packages/repl
+      '@strudel/serial':
         specifier: workspace:*
         version: link:../packages/serial
-      '@strudel.cycles/soundfonts':
+      '@strudel/soundfonts':
         specifier: workspace:*
         version: link:../packages/soundfonts
-      '@strudel.cycles/tonal':
+      '@strudel/tonal':
         specifier: workspace:*
         version: link:../packages/tonal
-      '@strudel.cycles/transpiler':
+      '@strudel/transpiler':
         specifier: workspace:*
         version: link:../packages/transpiler
-      '@strudel.cycles/webaudio':
+      '@strudel/webaudio':
         specifier: workspace:*
         version: link:../packages/webaudio
-      '@strudel.cycles/xen':
+      '@strudel/xen':
         specifier: workspace:*
         version: link:../packages/xen
-      '@strudel/codemirror':
-        specifier: workspace:*
-        version: link:../packages/codemirror
-      '@strudel/desktopbridge':
-        specifier: workspace:*
-        version: link:../packages/desktopbridge
-      '@strudel/hydra':
-        specifier: workspace:*
-        version: link:../packages/hydra
-      '@strudel/repl':
-        specifier: workspace:*
-        version: link:../packages/repl
       '@supabase/supabase-js':
         specifier: ^2.39.1
         version: 2.39.1
@@ -586,6 +589,9 @@ importers:
       claviature:
         specifier: ^0.1.0
         version: 0.1.0
+      date-fns:
+        specifier: ^3.2.0
+        version: 3.2.0
       nanoid:
         specifier: ^5.0.4
         version: 5.0.4
@@ -631,7 +637,7 @@ importers:
         version: 0.33.1
       vite-plugin-pwa:
         specifier: ^0.17.4
-        version: 0.17.4(vite@5.0.10)(workbox-build@7.0.0)(workbox-window@7.0.0)
+        version: 0.17.4(vite@5.0.11)(workbox-build@7.0.0)(workbox-window@7.0.0)
       workbox-window:
         specifier: ^7.0.0
         version: 7.0.0
@@ -867,7 +873,7 @@ packages:
     dependencies:
       prismjs: 1.29.0
 
-  /@astrojs/react@3.0.9(@types/react-dom@18.2.18)(@types/react@18.2.46)(react-dom@18.2.0)(react@18.2.0)(vite@5.0.10):
+  /@astrojs/react@3.0.9(@types/react-dom@18.2.18)(@types/react@18.2.46)(react-dom@18.2.0)(react@18.2.0)(vite@5.0.11):
     resolution: {integrity: sha512-31J5yF5p9yBFV1axBooLA9PB4B2+MYm7swWhtlezSsJiUNXRFo5Is9qI3teJ7cKgmaCv+ZA593Smskko0NGaDQ==}
     engines: {node: '>=18.14.1'}
     peerDependencies:
@@ -878,7 +884,7 @@ packages:
     dependencies:
       '@types/react': 18.2.46
       '@types/react-dom': 18.2.18
-      '@vitejs/plugin-react': 4.2.1(vite@5.0.10)
+      '@vitejs/plugin-react': 4.2.1(vite@5.0.11)
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
       ultrahtml: 1.5.2
@@ -887,6 +893,13 @@ packages:
       - vite
     dev: false
 
+  /@astrojs/rss@4.0.2:
+    resolution: {integrity: sha512-Hb9GKAyvsn5EUjZtB6SniesBScMQe7SQinEHLY5EFa74QEvgcWaXTmA0Mb0P3vqDSN3d/NTYbGivprrSAawfnA==}
+    dependencies:
+      fast-xml-parser: 4.3.3
+      kleur: 4.1.5
+    dev: false
+
   /@astrojs/tailwind@5.1.0(astro@4.0.8)(tailwindcss@3.4.0):
     resolution: {integrity: sha512-BJoCDKuWhU9FT2qYg+fr6Nfb3qP4ShtyjXGHKA/4mHN94z7BGcmauQK23iy+YH5qWvTnhqkd6mQPQ1yTZTe9Ig==}
     peerDependencies:
@@ -973,11 +986,10 @@ packages:
     dependencies:
       '@babel/types': 7.23.6
 
-  /@babel/helper-builder-binary-assignment-operator-visitor@7.18.9:
-    resolution: {integrity: sha512-yFQ0YCHoIqarl8BCRwBL8ulYUaZpz3bNsA7oFepAzee+8/+ImtADXNOmO5vJvsPff3qi+hvpkY/NYBTrBQgdNw==}
+  /@babel/helper-builder-binary-assignment-operator-visitor@7.22.15:
+    resolution: {integrity: sha512-QkBXwGgaoC2GtGZRoma6kv7Szfv06khvhFav67ZExau2RaXzy8MpHSMO2PNoP2XtmQphJQRHFfg77Bq731Yizw==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/helper-explode-assignable-expression': 7.18.6
       '@babel/types': 7.23.6
     dev: true
 
@@ -991,8 +1003,8 @@ packages:
       lru-cache: 5.1.1
       semver: 6.3.1
 
-  /@babel/helper-create-class-features-plugin@7.20.12(@babel/core@7.23.7):
-    resolution: {integrity: sha512-9OunRkbT0JQcednL0UFvbfXpAsUXiGjUk0a7sN8fUXX7Mue79cUSMjHGDRRi/Vz9vYlpIhLV5fMD5dKoMhhsNQ==}
+  /@babel/helper-create-class-features-plugin@7.23.7(@babel/core@7.23.7):
+    resolution: {integrity: sha512-xCoqR/8+BoNnXOY7RVSgv6X+o7pmT5q1d+gGcRlXYkI+9B31glE4jeejhKVpA04O1AtzOt7OSQ6VYKP5FcRl9g==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
@@ -1001,30 +1013,30 @@ packages:
       '@babel/helper-annotate-as-pure': 7.22.5
       '@babel/helper-environment-visitor': 7.22.20
       '@babel/helper-function-name': 7.23.0
-      '@babel/helper-member-expression-to-functions': 7.20.7
-      '@babel/helper-optimise-call-expression': 7.18.6
-      '@babel/helper-replace-supers': 7.20.7
-      '@babel/helper-skip-transparent-expression-wrappers': 7.20.0
+      '@babel/helper-member-expression-to-functions': 7.23.0
+      '@babel/helper-optimise-call-expression': 7.22.5
+      '@babel/helper-replace-supers': 7.22.20(@babel/core@7.23.7)
+      '@babel/helper-skip-transparent-expression-wrappers': 7.22.5
       '@babel/helper-split-export-declaration': 7.22.6
-    transitivePeerDependencies:
-      - supports-color
+      semver: 6.3.1
     dev: true
 
-  /@babel/helper-create-regexp-features-plugin@7.20.5(@babel/core@7.23.7):
-    resolution: {integrity: sha512-m68B1lkg3XDGX5yCvGO0kPx3v9WIYLnzjKfPcQiwntEQa5ZeRkPmo2X/ISJc8qxWGfwUr+kvZAeEzAwLec2r2w==}
+  /@babel/helper-create-regexp-features-plugin@7.22.15(@babel/core@7.23.7):
+    resolution: {integrity: sha512-29FkPLFjn4TPEa3RE7GpW+qbE8tlsu3jntNYNfcGsc49LphF1PQIiD+vMZ1z1xVOKt+93khA9tc2JBs3kBjA7w==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
     dependencies:
       '@babel/core': 7.23.7
       '@babel/helper-annotate-as-pure': 7.22.5
-      regexpu-core: 5.2.2
+      regexpu-core: 5.3.2
+      semver: 6.3.1
     dev: true
 
-  /@babel/helper-define-polyfill-provider@0.3.3(@babel/core@7.23.7):
-    resolution: {integrity: sha512-z5aQKU4IzbqCC1XH0nAqfsFLMVSo22SBKUc0BxGrLkolTdPTructy0ToNnlO2zA4j9Q/7pjMZf0DSY+DSTYzww==}
+  /@babel/helper-define-polyfill-provider@0.4.4(@babel/core@7.23.7):
+    resolution: {integrity: sha512-QcJMILQCu2jm5TFPGA3lCpJJTeEP+mqeXooG/NZbg/h5FTFi6V0+99ahlRsW8/kRLyb24LZVCCiclDedhLKcBA==}
     peerDependencies:
-      '@babel/core': ^7.4.0-0
+      '@babel/core': ^7.4.0 || ^8.0.0-0 <8.0.0
     dependencies:
       '@babel/core': 7.23.7
       '@babel/helper-compilation-targets': 7.23.6
@@ -1032,7 +1044,6 @@ packages:
       debug: 4.3.4
       lodash.debounce: 4.0.8
       resolve: 1.22.8
-      semver: 6.3.1
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -1041,13 +1052,6 @@ packages:
     resolution: {integrity: sha512-zfedSIzFhat/gFhWfHtgWvlec0nqB9YEIVrpuwjruLlXfUSnA8cJB0miHKwqDnQ7d32aKo2xt88/xZptwxbfhA==}
     engines: {node: '>=6.9.0'}
 
-  /@babel/helper-explode-assignable-expression@7.18.6:
-    resolution: {integrity: sha512-eyAYAsQmB80jNfg4baAtLeWAQHfHFiR483rzFK+BhETlGZaQC9bsfrugfXDCbRHLQbIA7U5NxhhOxN7p/dWIcg==}
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/types': 7.23.6
-    dev: true
-
   /@babel/helper-function-name@7.23.0:
     resolution: {integrity: sha512-OErEqsrxjZTJciZ4Oo+eoZqeW9UIiOcuYKRJA4ZAgV9myA+pOXhhmpfNCKjEH/auVfEYVFJ6y1Tc4r0eIApqiw==}
     engines: {node: '>=6.9.0'}
@@ -1061,8 +1065,8 @@ packages:
     dependencies:
       '@babel/types': 7.23.6
 
-  /@babel/helper-member-expression-to-functions@7.20.7:
-    resolution: {integrity: sha512-9J0CxJLq315fEdi4s7xK5TQaNYjZw+nDVpVqr1axNGKzdrdwYBD5b4uKv3n75aABG0rCCTK8Im8Ww7eYfMrZgw==}
+  /@babel/helper-member-expression-to-functions@7.23.0:
+    resolution: {integrity: sha512-6gfrPwh7OuT6gZyJZvd6WbTfrqAo7vm4xCzAXOusKqq/vWdKXphTpj5klHKNmRUU6/QRGlBsyU9mAIPaWHlqJA==}
     engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/types': 7.23.6
@@ -1087,8 +1091,8 @@ packages:
       '@babel/helper-split-export-declaration': 7.22.6
       '@babel/helper-validator-identifier': 7.22.20
 
-  /@babel/helper-optimise-call-expression@7.18.6:
-    resolution: {integrity: sha512-HP59oD9/fEHQkdcbgFCnbmgH5vIQTJbxh2yf+CdM89/glUNnuzr87Q8GIjGEnOktTROemO0Pe0iPAYbqZuOUiA==}
+  /@babel/helper-optimise-call-expression@7.22.5:
+    resolution: {integrity: sha512-HBwaojN0xFRx4yIvpwGqxiV2tUfl7401jlok564NgB9EHS1y6QT17FmKWm4ztqjeVdXLuC4fSvHc5ePpQjoTbw==}
     engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/types': 7.23.6
@@ -1098,8 +1102,8 @@ packages:
     resolution: {integrity: sha512-uLls06UVKgFG9QD4OeFYLEGteMIAa5kpTPcFL28yuCIIzsf6ZyKZMllKVOCZFhiZ5ptnwX4mtKdWCBE/uT4amg==}
     engines: {node: '>=6.9.0'}
 
-  /@babel/helper-remap-async-to-generator@7.18.9(@babel/core@7.23.7):
-    resolution: {integrity: sha512-dI7q50YKd8BAv3VEfgg7PS7yD3Rtbi2J1XMXaalXO0W0164hYLnh8zpjRS0mte9MfVp/tltvr/cfdXPvJr1opA==}
+  /@babel/helper-remap-async-to-generator@7.22.20(@babel/core@7.23.7):
+    resolution: {integrity: sha512-pBGyV4uBqOns+0UvhsTO8qgl8hO89PmiDYv+/COyp1aeMcmfrfruz+/nCMFiYyFF/Knn0yfrC85ZzNFjembFTw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
@@ -1107,24 +1111,19 @@ packages:
       '@babel/core': 7.23.7
       '@babel/helper-annotate-as-pure': 7.22.5
       '@babel/helper-environment-visitor': 7.22.20
-      '@babel/helper-wrap-function': 7.20.5
-      '@babel/types': 7.23.6
-    transitivePeerDependencies:
-      - supports-color
+      '@babel/helper-wrap-function': 7.22.20
     dev: true
 
-  /@babel/helper-replace-supers@7.20.7:
-    resolution: {integrity: sha512-vujDMtB6LVfNW13jhlCrp48QNslK6JXi7lQG736HVbHz/mbf4Dc7tIRh1Xf5C0rF7BP8iiSxGMCmY6Ci1ven3A==}
+  /@babel/helper-replace-supers@7.22.20(@babel/core@7.23.7):
+    resolution: {integrity: sha512-qsW0In3dbwQUbK8kejJ4R7IHVGwHJlV6lpG6UA7a9hSa2YEiAib+N1T2kr6PEeUT+Fl7najmSOS6SmAwCHK6Tw==}
     engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
     dependencies:
+      '@babel/core': 7.23.7
       '@babel/helper-environment-visitor': 7.22.20
-      '@babel/helper-member-expression-to-functions': 7.20.7
-      '@babel/helper-optimise-call-expression': 7.18.6
-      '@babel/template': 7.22.15
-      '@babel/traverse': 7.23.7
-      '@babel/types': 7.23.6
-    transitivePeerDependencies:
-      - supports-color
+      '@babel/helper-member-expression-to-functions': 7.23.0
+      '@babel/helper-optimise-call-expression': 7.22.5
     dev: true
 
   /@babel/helper-simple-access@7.22.5:
@@ -1133,8 +1132,8 @@ packages:
     dependencies:
       '@babel/types': 7.23.6
 
-  /@babel/helper-skip-transparent-expression-wrappers@7.20.0:
-    resolution: {integrity: sha512-5y1JYeNKfvnT8sZcK9DVRtpTbGiomYIHviSP3OQWmDPU3DeH4a1ZlT/N2lyQ5P8egjcRaT/Y9aNqUxK0WsnIIg==}
+  /@babel/helper-skip-transparent-expression-wrappers@7.22.5:
+    resolution: {integrity: sha512-tK14r66JZKiC43p8Ki33yLBVJKlQDFoA8GYN67lWCDCqoL6EMMSuM9b+Iff2jHaM/RRFYl7K+iiru7hbRqNx8Q==}
     engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/types': 7.23.6
@@ -1173,16 +1172,13 @@ packages:
     resolution: {integrity: sha512-85ttAOMLsr53VgXkTbkx8oA6YTfT4q7/HzXSLEYmjcSTJPMPQtvq1BD79Byep5xMUYbGRzEpDsjUf3dyp54IKw==}
     engines: {node: '>=6.9.0'}
 
-  /@babel/helper-wrap-function@7.20.5:
-    resolution: {integrity: sha512-bYMxIWK5mh+TgXGVqAtnu5Yn1un+v8DDZtqyzKRLUzrh70Eal2O3aZ7aPYiMADO4uKlkzOiRiZ6GX5q3qxvW9Q==}
+  /@babel/helper-wrap-function@7.22.20:
+    resolution: {integrity: sha512-pms/UwkOpnQe/PDAEdV/d7dVCoBbB+R4FvYoHGZz+4VPcg7RtYy2KP7S2lbuWM6FCSgob5wshfGESbC/hzNXZw==}
     engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/helper-function-name': 7.23.0
       '@babel/template': 7.22.15
-      '@babel/traverse': 7.23.7
       '@babel/types': 7.23.6
-    transitivePeerDependencies:
-      - supports-color
     dev: true
 
   /@babel/helpers@7.23.7:
@@ -1226,8 +1222,8 @@ packages:
     dependencies:
       '@babel/types': 7.23.6
 
-  /@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@7.18.6(@babel/core@7.23.7):
-    resolution: {integrity: sha512-Dgxsyg54Fx1d4Nge8UnvTrED63vrwOdPmyvPzlNN/boaliRP54pm3pGzZD1SJUwrBA+Cs/xdG8kXX6Mn/RfISQ==}
+  /@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@7.23.3(@babel/core@7.23.7):
+    resolution: {integrity: sha512-iRkKcCqb7iGnq9+3G6rZ+Ciz5VywC4XNRHe57lKM+jOeYAoR0lVqdeeDRfh0tQcTfw/+vBhHn926FmQhLtlFLQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
@@ -1236,219 +1232,169 @@ packages:
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@7.20.7(@babel/core@7.23.7):
-    resolution: {integrity: sha512-sbr9+wNE5aXMBBFBICk01tt7sBf2Oc9ikRFEcem/ZORup9IMUdNhW7/wVLEbbtlWOsEubJet46mHAL2C8+2jKQ==}
+  /@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@7.23.3(@babel/core@7.23.7):
+    resolution: {integrity: sha512-WwlxbfMNdVEpQjZmK5mhm7oSwD3dS6eU+Iwsi4Knl9wAletWem7kaRsGOG+8UEbRyqxY4SS5zvtfXwX+jMxUwQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.13.0
     dependencies:
       '@babel/core': 7.23.7
       '@babel/helper-plugin-utils': 7.22.5
-      '@babel/helper-skip-transparent-expression-wrappers': 7.20.0
-      '@babel/plugin-proposal-optional-chaining': 7.20.7(@babel/core@7.23.7)
+      '@babel/helper-skip-transparent-expression-wrappers': 7.22.5
+      '@babel/plugin-transform-optional-chaining': 7.23.4(@babel/core@7.23.7)
     dev: true
 
-  /@babel/plugin-proposal-async-generator-functions@7.20.7(@babel/core@7.23.7):
-    resolution: {integrity: sha512-xMbiLsn/8RK7Wq7VeVytytS2L6qE69bXPB10YCmMdDZbKF4okCqY74pI/jJQ/8U0b/F6NrT2+14b8/P9/3AMGA==}
+  /@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly@7.23.7(@babel/core@7.23.7):
+    resolution: {integrity: sha512-LlRT7HgaifEpQA1ZgLVOIJZZFVPWN5iReq/7/JixwBtwcoeVGDBD53ZV28rrsLYOZs1Y/EHhA8N/Z6aazHR8cw==}
     engines: {node: '>=6.9.0'}
-    deprecated: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-async-generator-functions instead.
     peerDependencies:
-      '@babel/core': ^7.0.0-0
+      '@babel/core': ^7.0.0
     dependencies:
       '@babel/core': 7.23.7
       '@babel/helper-environment-visitor': 7.22.20
       '@babel/helper-plugin-utils': 7.22.5
-      '@babel/helper-remap-async-to-generator': 7.18.9(@babel/core@7.23.7)
-      '@babel/plugin-syntax-async-generators': 7.8.4(@babel/core@7.23.7)
-    transitivePeerDependencies:
-      - supports-color
     dev: true
 
-  /@babel/plugin-proposal-class-properties@7.18.6(@babel/core@7.23.7):
-    resolution: {integrity: sha512-cumfXOF0+nzZrrN8Rf0t7M+tF6sZc7vhQwYQck9q1/5w2OExlD+b4v4RpMJFaV1Z7WcDRgO6FqvxqxGlwo+RHQ==}
+  /@babel/plugin-proposal-private-property-in-object@7.21.0-placeholder-for-preset-env.2(@babel/core@7.23.7):
+    resolution: {integrity: sha512-SOSkfJDddaM7mak6cPEpswyTRnuRltl429hMraQEglW+OkovnCzsiszTmsrlY//qLFjCpQDFRvjdm2wA5pPm9w==}
     engines: {node: '>=6.9.0'}
-    deprecated: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-class-properties instead.
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.23.7
-      '@babel/helper-create-class-features-plugin': 7.20.12(@babel/core@7.23.7)
-      '@babel/helper-plugin-utils': 7.22.5
-    transitivePeerDependencies:
-      - supports-color
     dev: true
 
-  /@babel/plugin-proposal-class-static-block@7.20.7(@babel/core@7.23.7):
-    resolution: {integrity: sha512-AveGOoi9DAjUYYuUAG//Ig69GlazLnoyzMw68VCDux+c1tsnnH/OkYcpz/5xzMkEFC6UxjR5Gw1c+iY2wOGVeQ==}
-    engines: {node: '>=6.9.0'}
-    deprecated: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-class-static-block instead.
+  /@babel/plugin-syntax-async-generators@7.8.4(@babel/core@7.23.7):
+    resolution: {integrity: sha512-tycmZxkGfZaxhMRbXlPXuVFpdWlXpir2W4AMhSJgRKzk/eDlIXOhb2LHWoLpDF7TEHylV5zNhykX6KAgHJmTNw==}
     peerDependencies:
-      '@babel/core': ^7.12.0
+      '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.23.7
-      '@babel/helper-create-class-features-plugin': 7.20.12(@babel/core@7.23.7)
       '@babel/helper-plugin-utils': 7.22.5
-      '@babel/plugin-syntax-class-static-block': 7.14.5(@babel/core@7.23.7)
-    transitivePeerDependencies:
-      - supports-color
     dev: true
 
-  /@babel/plugin-proposal-dynamic-import@7.18.6(@babel/core@7.23.7):
-    resolution: {integrity: sha512-1auuwmK+Rz13SJj36R+jqFPMJWyKEDd7lLSdOj4oJK0UTgGueSAtkrCvz9ewmgyU/P941Rv2fQwZJN8s6QruXw==}
-    engines: {node: '>=6.9.0'}
-    deprecated: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-dynamic-import instead.
+  /@babel/plugin-syntax-class-properties@7.12.13(@babel/core@7.23.7):
+    resolution: {integrity: sha512-fm4idjKla0YahUNgFNLCB0qySdsoPiZP3iQE3rky0mBUtMZ23yDJ9SJdg6dXTSDnulOVqiF3Hgr9nbXvXTQZYA==}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.23.7
       '@babel/helper-plugin-utils': 7.22.5
-      '@babel/plugin-syntax-dynamic-import': 7.8.3(@babel/core@7.23.7)
     dev: true
 
-  /@babel/plugin-proposal-export-namespace-from@7.18.9(@babel/core@7.23.7):
-    resolution: {integrity: sha512-k1NtHyOMvlDDFeb9G5PhUXuGj8m/wiwojgQVEhJ/fsVsMCpLyOP4h0uGEjYJKrRI+EVPlb5Jk+Gt9P97lOGwtA==}
+  /@babel/plugin-syntax-class-static-block@7.14.5(@babel/core@7.23.7):
+    resolution: {integrity: sha512-b+YyPmr6ldyNnM6sqYeMWE+bgJcJpO6yS4QD7ymxgH34GBPNDM/THBh8iunyvKIZztiwLH4CJZ0RxTk9emgpjw==}
     engines: {node: '>=6.9.0'}
-    deprecated: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-export-namespace-from instead.
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.23.7
       '@babel/helper-plugin-utils': 7.22.5
-      '@babel/plugin-syntax-export-namespace-from': 7.8.3(@babel/core@7.23.7)
     dev: true
 
-  /@babel/plugin-proposal-json-strings@7.18.6(@babel/core@7.23.7):
-    resolution: {integrity: sha512-lr1peyn9kOdbYc0xr0OdHTZ5FMqS6Di+H0Fz2I/JwMzGmzJETNeOFq2pBySw6X/KFL5EWDjlJuMsUGRFb8fQgQ==}
-    engines: {node: '>=6.9.0'}
-    deprecated: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-json-strings instead.
+  /@babel/plugin-syntax-dynamic-import@7.8.3(@babel/core@7.23.7):
+    resolution: {integrity: sha512-5gdGbFon+PszYzqs83S3E5mpi7/y/8M9eC90MRTZfduQOYW76ig6SOSPNe41IG5LoP3FGBn2N0RjVDSQiS94kQ==}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.23.7
       '@babel/helper-plugin-utils': 7.22.5
-      '@babel/plugin-syntax-json-strings': 7.8.3(@babel/core@7.23.7)
     dev: true
 
-  /@babel/plugin-proposal-logical-assignment-operators@7.20.7(@babel/core@7.23.7):
-    resolution: {integrity: sha512-y7C7cZgpMIjWlKE5T7eJwp+tnRYM89HmRvWM5EQuB5BoHEONjmQ8lSNmBUwOyy/GFRsohJED51YBF79hE1djug==}
-    engines: {node: '>=6.9.0'}
-    deprecated: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-logical-assignment-operators instead.
+  /@babel/plugin-syntax-export-namespace-from@7.8.3(@babel/core@7.23.7):
+    resolution: {integrity: sha512-MXf5laXo6c1IbEbegDmzGPwGNTsHZmEy6QGznu5Sh2UCWvueywb2ee+CCE4zQiZstxU9BMoQO9i6zUFSY0Kj0Q==}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.23.7
       '@babel/helper-plugin-utils': 7.22.5
-      '@babel/plugin-syntax-logical-assignment-operators': 7.10.4(@babel/core@7.23.7)
     dev: true
 
-  /@babel/plugin-proposal-nullish-coalescing-operator@7.18.6(@babel/core@7.23.7):
-    resolution: {integrity: sha512-wQxQzxYeJqHcfppzBDnm1yAY0jSRkUXR2z8RePZYrKwMKgMlE8+Z6LUno+bd6LvbGh8Gltvy74+9pIYkr+XkKA==}
+  /@babel/plugin-syntax-import-assertions@7.23.3(@babel/core@7.23.7):
+    resolution: {integrity: sha512-lPgDSU+SJLK3xmFDTV2ZRQAiM7UuUjGidwBywFavObCiZc1BeAAcMtHJKUya92hPHO+at63JJPLygilZard8jw==}
     engines: {node: '>=6.9.0'}
-    deprecated: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-nullish-coalescing-operator instead.
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.23.7
       '@babel/helper-plugin-utils': 7.22.5
-      '@babel/plugin-syntax-nullish-coalescing-operator': 7.8.3(@babel/core@7.23.7)
     dev: true
 
-  /@babel/plugin-proposal-numeric-separator@7.18.6(@babel/core@7.23.7):
-    resolution: {integrity: sha512-ozlZFogPqoLm8WBr5Z8UckIoE4YQ5KESVcNudyXOR8uqIkliTEgJ3RoketfG6pmzLdeZF0H/wjE9/cCEitBl7Q==}
+  /@babel/plugin-syntax-import-attributes@7.23.3(@babel/core@7.23.7):
+    resolution: {integrity: sha512-pawnE0P9g10xgoP7yKr6CK63K2FMsTE+FZidZO/1PwRdzmAPVs+HS1mAURUsgaoxammTJvULUdIkEK0gOcU2tA==}
     engines: {node: '>=6.9.0'}
-    deprecated: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-numeric-separator instead.
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.23.7
       '@babel/helper-plugin-utils': 7.22.5
-      '@babel/plugin-syntax-numeric-separator': 7.10.4(@babel/core@7.23.7)
     dev: true
 
-  /@babel/plugin-proposal-object-rest-spread@7.20.7(@babel/core@7.23.7):
-    resolution: {integrity: sha512-d2S98yCiLxDVmBmE8UjGcfPvNEUbA1U5q5WxaWFUGRzJSVAZqm5W6MbPct0jxnegUZ0niLeNX+IOzEs7wYg9Dg==}
-    engines: {node: '>=6.9.0'}
-    deprecated: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-object-rest-spread instead.
+  /@babel/plugin-syntax-import-meta@7.10.4(@babel/core@7.23.7):
+    resolution: {integrity: sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/compat-data': 7.23.5
       '@babel/core': 7.23.7
-      '@babel/helper-compilation-targets': 7.23.6
       '@babel/helper-plugin-utils': 7.22.5
-      '@babel/plugin-syntax-object-rest-spread': 7.8.3(@babel/core@7.23.7)
-      '@babel/plugin-transform-parameters': 7.20.7(@babel/core@7.23.7)
     dev: true
 
-  /@babel/plugin-proposal-optional-catch-binding@7.18.6(@babel/core@7.23.7):
-    resolution: {integrity: sha512-Q40HEhs9DJQyaZfUjjn6vE8Cv4GmMHCYuMGIWUnlxH6400VGxOuwWsPt4FxXxJkC/5eOzgn0z21M9gMT4MOhbw==}
-    engines: {node: '>=6.9.0'}
-    deprecated: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-optional-catch-binding instead.
+  /@babel/plugin-syntax-json-strings@7.8.3(@babel/core@7.23.7):
+    resolution: {integrity: sha512-lY6kdGpWHvjoe2vk4WrAapEuBR69EMxZl+RoGRhrFGNYVK8mOPAW8VfbT/ZgrFbXlDNiiaxQnAtgVCZ6jv30EA==}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.23.7
       '@babel/helper-plugin-utils': 7.22.5
-      '@babel/plugin-syntax-optional-catch-binding': 7.8.3(@babel/core@7.23.7)
     dev: true
 
-  /@babel/plugin-proposal-optional-chaining@7.20.7(@babel/core@7.23.7):
-    resolution: {integrity: sha512-T+A7b1kfjtRM51ssoOfS1+wbyCVqorfyZhT99TvxxLMirPShD8CzKMRepMlCBGM5RpHMbn8s+5MMHnPstJH6mQ==}
+  /@babel/plugin-syntax-jsx@7.22.5(@babel/core@7.23.7):
+    resolution: {integrity: sha512-gvyP4hZrgrs/wWMaocvxZ44Hw0b3W8Pe+cMxc8V1ULQ07oh8VNbIRaoD1LRZVTvD+0nieDKjfgKg89sD7rrKrg==}
     engines: {node: '>=6.9.0'}
-    deprecated: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-optional-chaining instead.
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.23.7
       '@babel/helper-plugin-utils': 7.22.5
-      '@babel/helper-skip-transparent-expression-wrappers': 7.20.0
-      '@babel/plugin-syntax-optional-chaining': 7.8.3(@babel/core@7.23.7)
+
+  /@babel/plugin-syntax-logical-assignment-operators@7.10.4(@babel/core@7.23.7):
+    resolution: {integrity: sha512-d8waShlpFDinQ5MtvGU9xDAOzKH47+FFoney2baFIoMr952hKOLp1HR7VszoZvOsV/4+RRszNY7D17ba0te0ig==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.23.7
+      '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-proposal-private-methods@7.18.6(@babel/core@7.23.7):
-    resolution: {integrity: sha512-nutsvktDItsNn4rpGItSNV2sz1XwS+nfU0Rg8aCx3W3NOKVzdMjJRu0O5OkgDp3ZGICSTbgRpxZoWsxoKRvbeA==}
-    engines: {node: '>=6.9.0'}
-    deprecated: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-private-methods instead.
+  /@babel/plugin-syntax-nullish-coalescing-operator@7.8.3(@babel/core@7.23.7):
+    resolution: {integrity: sha512-aSff4zPII1u2QD7y+F8oDsz19ew4IGEJg9SVW+bqwpwtfFleiQDMdzA/R+UlWDzfnHFCxxleFT0PMIrR36XLNQ==}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.23.7
-      '@babel/helper-create-class-features-plugin': 7.20.12(@babel/core@7.23.7)
       '@babel/helper-plugin-utils': 7.22.5
-    transitivePeerDependencies:
-      - supports-color
     dev: true
 
-  /@babel/plugin-proposal-private-property-in-object@7.20.5(@babel/core@7.23.7):
-    resolution: {integrity: sha512-Vq7b9dUA12ByzB4EjQTPo25sFhY+08pQDBSZRtUAkj7lb7jahaHR5igera16QZ+3my1nYR4dKsNdYj5IjPHilQ==}
-    engines: {node: '>=6.9.0'}
-    deprecated: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-private-property-in-object instead.
+  /@babel/plugin-syntax-numeric-separator@7.10.4(@babel/core@7.23.7):
+    resolution: {integrity: sha512-9H6YdfkcK/uOnY/K7/aA2xpzaAgkQn37yzWUMRK7OaPOqOpGS1+n0H5hxT9AUw9EsSjPW8SVyMJwYRtWs3X3ug==}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.23.7
-      '@babel/helper-annotate-as-pure': 7.22.5
-      '@babel/helper-create-class-features-plugin': 7.20.12(@babel/core@7.23.7)
       '@babel/helper-plugin-utils': 7.22.5
-      '@babel/plugin-syntax-private-property-in-object': 7.14.5(@babel/core@7.23.7)
-    transitivePeerDependencies:
-      - supports-color
     dev: true
 
-  /@babel/plugin-proposal-unicode-property-regex@7.18.6(@babel/core@7.23.7):
-    resolution: {integrity: sha512-2BShG/d5yoZyXZfVePH91urL5wTG6ASZU9M4o03lKK8u8UW1y08OMttBSOADTcJrnPMpvDXRG3G8fyLh4ovs8w==}
-    engines: {node: '>=4'}
-    deprecated: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-unicode-property-regex instead.
+  /@babel/plugin-syntax-object-rest-spread@7.8.3(@babel/core@7.23.7):
+    resolution: {integrity: sha512-XoqMijGZb9y3y2XskN+P1wUGiVwWZ5JmoDRwx5+3GmEplNyVM2s2Dg8ILFQm8rWM48orGy5YpI5Bl8U1y7ydlA==}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.23.7
-      '@babel/helper-create-regexp-features-plugin': 7.20.5(@babel/core@7.23.7)
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-syntax-async-generators@7.8.4(@babel/core@7.23.7):
-    resolution: {integrity: sha512-tycmZxkGfZaxhMRbXlPXuVFpdWlXpir2W4AMhSJgRKzk/eDlIXOhb2LHWoLpDF7TEHylV5zNhykX6KAgHJmTNw==}
+  /@babel/plugin-syntax-optional-catch-binding@7.8.3(@babel/core@7.23.7):
+    resolution: {integrity: sha512-6VPD0Pc1lpTqw0aKoeRTMiB+kWhAoT24PA+ksWSBrFtl5SIRVpZlwN3NNPQjehA2E/91FV3RjLWoVTglWcSV3Q==}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
@@ -1456,8 +1402,8 @@ packages:
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-syntax-class-properties@7.12.13(@babel/core@7.23.7):
-    resolution: {integrity: sha512-fm4idjKla0YahUNgFNLCB0qySdsoPiZP3iQE3rky0mBUtMZ23yDJ9SJdg6dXTSDnulOVqiF3Hgr9nbXvXTQZYA==}
+  /@babel/plugin-syntax-optional-chaining@7.8.3(@babel/core@7.23.7):
+    resolution: {integrity: sha512-KoK9ErH1MBlCPxV0VANkXW2/dw4vlbGDrFgz8bmUsBGYkFRcbRwMh6cIJubdPrkxRwuGdtCk0v/wPTKbQgBjkg==}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
@@ -1465,8 +1411,8 @@ packages:
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-syntax-class-static-block@7.14.5(@babel/core@7.23.7):
-    resolution: {integrity: sha512-b+YyPmr6ldyNnM6sqYeMWE+bgJcJpO6yS4QD7ymxgH34GBPNDM/THBh8iunyvKIZztiwLH4CJZ0RxTk9emgpjw==}
+  /@babel/plugin-syntax-private-property-in-object@7.14.5(@babel/core@7.23.7):
+    resolution: {integrity: sha512-0wVnp9dxJ72ZUJDV27ZfbSj6iHLoytYZmh3rFcxNnvsJF3ktkzLDZPy/mA17HGsaQT3/DQsWYX1f1QGWkCoVUg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
@@ -1475,8 +1421,9 @@ packages:
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-syntax-dynamic-import@7.8.3(@babel/core@7.23.7):
-    resolution: {integrity: sha512-5gdGbFon+PszYzqs83S3E5mpi7/y/8M9eC90MRTZfduQOYW76ig6SOSPNe41IG5LoP3FGBn2N0RjVDSQiS94kQ==}
+  /@babel/plugin-syntax-top-level-await@7.14.5(@babel/core@7.23.7):
+    resolution: {integrity: sha512-hx++upLv5U1rgYfwe1xBQUhRmU41NEvpUvrp8jkrSCdvGSnM5/qdRMtylJ6PG5OFkBaHkbTAKTnd3/YyESRHFw==}
+    engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
@@ -1484,17 +1431,19 @@ packages:
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-syntax-export-namespace-from@7.8.3(@babel/core@7.23.7):
-    resolution: {integrity: sha512-MXf5laXo6c1IbEbegDmzGPwGNTsHZmEy6QGznu5Sh2UCWvueywb2ee+CCE4zQiZstxU9BMoQO9i6zUFSY0Kj0Q==}
+  /@babel/plugin-syntax-unicode-sets-regex@7.18.6(@babel/core@7.23.7):
+    resolution: {integrity: sha512-727YkEAPwSIQTv5im8QHz3upqp92JTWhidIC81Tdx4VJYIte/VndKf1qKrfnnhPLiPghStWfvC/iFaMCQu7Nqg==}
+    engines: {node: '>=6.9.0'}
     peerDependencies:
-      '@babel/core': ^7.0.0-0
+      '@babel/core': ^7.0.0
     dependencies:
       '@babel/core': 7.23.7
+      '@babel/helper-create-regexp-features-plugin': 7.22.15(@babel/core@7.23.7)
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-syntax-import-assertions@7.20.0(@babel/core@7.23.7):
-    resolution: {integrity: sha512-IUh1vakzNoWalR8ch/areW7qFopR2AEw03JlG7BbrDqmQ4X3q9uuipQwSGrUn7oGiemKjtSLDhNtQHzMHr1JdQ==}
+  /@babel/plugin-transform-arrow-functions@7.23.3(@babel/core@7.23.7):
+    resolution: {integrity: sha512-NzQcQrzaQPkaEwoTm4Mhyl8jI1huEL/WWIEvudjTCMJ9aBZNpsJbMASx7EQECtQQPS/DcnFpo0FIh3LvEO9cxQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
@@ -1503,26 +1452,34 @@ packages:
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-syntax-json-strings@7.8.3(@babel/core@7.23.7):
-    resolution: {integrity: sha512-lY6kdGpWHvjoe2vk4WrAapEuBR69EMxZl+RoGRhrFGNYVK8mOPAW8VfbT/ZgrFbXlDNiiaxQnAtgVCZ6jv30EA==}
+  /@babel/plugin-transform-async-generator-functions@7.23.7(@babel/core@7.23.7):
+    resolution: {integrity: sha512-PdxEpL71bJp1byMG0va5gwQcXHxuEYC/BgI/e88mGTtohbZN28O5Yit0Plkkm/dBzCF/BxmbNcses1RH1T+urA==}
+    engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.23.7
+      '@babel/helper-environment-visitor': 7.22.20
       '@babel/helper-plugin-utils': 7.22.5
+      '@babel/helper-remap-async-to-generator': 7.22.20(@babel/core@7.23.7)
+      '@babel/plugin-syntax-async-generators': 7.8.4(@babel/core@7.23.7)
     dev: true
 
-  /@babel/plugin-syntax-jsx@7.22.5(@babel/core@7.23.7):
-    resolution: {integrity: sha512-gvyP4hZrgrs/wWMaocvxZ44Hw0b3W8Pe+cMxc8V1ULQ07oh8VNbIRaoD1LRZVTvD+0nieDKjfgKg89sD7rrKrg==}
+  /@babel/plugin-transform-async-to-generator@7.23.3(@babel/core@7.23.7):
+    resolution: {integrity: sha512-A7LFsKi4U4fomjqXJlZg/u0ft/n8/7n7lpffUP/ZULx/DtV9SGlNKZolHH6PE8Xl1ngCc0M11OaeZptXVkfKSw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.23.7
+      '@babel/helper-module-imports': 7.22.15
       '@babel/helper-plugin-utils': 7.22.5
+      '@babel/helper-remap-async-to-generator': 7.22.20(@babel/core@7.23.7)
+    dev: true
 
-  /@babel/plugin-syntax-logical-assignment-operators@7.10.4(@babel/core@7.23.7):
-    resolution: {integrity: sha512-d8waShlpFDinQ5MtvGU9xDAOzKH47+FFoney2baFIoMr952hKOLp1HR7VszoZvOsV/4+RRszNY7D17ba0te0ig==}
+  /@babel/plugin-transform-block-scoped-functions@7.23.3(@babel/core@7.23.7):
+    resolution: {integrity: sha512-vI+0sIaPIO6CNuM9Kk5VmXcMVRiOpDh7w2zZt9GXzmE/9KD70CUEVhvPR/etAeNK/FAEkhxQtXOzVF3EuRL41A==}
+    engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
@@ -1530,8 +1487,9 @@ packages:
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-syntax-nullish-coalescing-operator@7.8.3(@babel/core@7.23.7):
-    resolution: {integrity: sha512-aSff4zPII1u2QD7y+F8oDsz19ew4IGEJg9SVW+bqwpwtfFleiQDMdzA/R+UlWDzfnHFCxxleFT0PMIrR36XLNQ==}
+  /@babel/plugin-transform-block-scoping@7.23.4(@babel/core@7.23.7):
+    resolution: {integrity: sha512-0QqbP6B6HOh7/8iNR4CQU2Th/bbRtBp4KS9vcaZd1fZ0wSh5Fyssg0UCIHwxh+ka+pNDREbVLQnHCMHKZfPwfw==}
+    engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
@@ -1539,35 +1497,61 @@ packages:
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-syntax-numeric-separator@7.10.4(@babel/core@7.23.7):
-    resolution: {integrity: sha512-9H6YdfkcK/uOnY/K7/aA2xpzaAgkQn37yzWUMRK7OaPOqOpGS1+n0H5hxT9AUw9EsSjPW8SVyMJwYRtWs3X3ug==}
+  /@babel/plugin-transform-class-properties@7.23.3(@babel/core@7.23.7):
+    resolution: {integrity: sha512-uM+AN8yCIjDPccsKGlw271xjJtGii+xQIF/uMPS8H15L12jZTsLfF4o5vNO7d/oUguOyfdikHGc/yi9ge4SGIg==}
+    engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.23.7
+      '@babel/helper-create-class-features-plugin': 7.23.7(@babel/core@7.23.7)
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-syntax-object-rest-spread@7.8.3(@babel/core@7.23.7):
-    resolution: {integrity: sha512-XoqMijGZb9y3y2XskN+P1wUGiVwWZ5JmoDRwx5+3GmEplNyVM2s2Dg8ILFQm8rWM48orGy5YpI5Bl8U1y7ydlA==}
+  /@babel/plugin-transform-class-static-block@7.23.4(@babel/core@7.23.7):
+    resolution: {integrity: sha512-nsWu/1M+ggti1SOALj3hfx5FXzAY06fwPJsUZD4/A5e1bWi46VUIWtD+kOX6/IdhXGsXBWllLFDSnqSCdUNydQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.12.0
+    dependencies:
+      '@babel/core': 7.23.7
+      '@babel/helper-create-class-features-plugin': 7.23.7(@babel/core@7.23.7)
+      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/plugin-syntax-class-static-block': 7.14.5(@babel/core@7.23.7)
+    dev: true
+
+  /@babel/plugin-transform-classes@7.23.5(@babel/core@7.23.7):
+    resolution: {integrity: sha512-jvOTR4nicqYC9yzOHIhXG5emiFEOpappSJAl73SDSEDcybD+Puuze8Tnpb9p9qEyYup24tq891gkaygIFvWDqg==}
+    engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.23.7
+      '@babel/helper-annotate-as-pure': 7.22.5
+      '@babel/helper-compilation-targets': 7.23.6
+      '@babel/helper-environment-visitor': 7.22.20
+      '@babel/helper-function-name': 7.23.0
+      '@babel/helper-optimise-call-expression': 7.22.5
       '@babel/helper-plugin-utils': 7.22.5
+      '@babel/helper-replace-supers': 7.22.20(@babel/core@7.23.7)
+      '@babel/helper-split-export-declaration': 7.22.6
+      globals: 11.12.0
     dev: true
 
-  /@babel/plugin-syntax-optional-catch-binding@7.8.3(@babel/core@7.23.7):
-    resolution: {integrity: sha512-6VPD0Pc1lpTqw0aKoeRTMiB+kWhAoT24PA+ksWSBrFtl5SIRVpZlwN3NNPQjehA2E/91FV3RjLWoVTglWcSV3Q==}
+  /@babel/plugin-transform-computed-properties@7.23.3(@babel/core@7.23.7):
+    resolution: {integrity: sha512-dTj83UVTLw/+nbiHqQSFdwO9CbTtwq1DsDqm3CUEtDrZNET5rT5E6bIdTlOftDTDLMYxvxHNEYO4B9SLl8SLZw==}
+    engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.23.7
       '@babel/helper-plugin-utils': 7.22.5
+      '@babel/template': 7.22.15
     dev: true
 
-  /@babel/plugin-syntax-optional-chaining@7.8.3(@babel/core@7.23.7):
-    resolution: {integrity: sha512-KoK9ErH1MBlCPxV0VANkXW2/dw4vlbGDrFgz8bmUsBGYkFRcbRwMh6cIJubdPrkxRwuGdtCk0v/wPTKbQgBjkg==}
+  /@babel/plugin-transform-destructuring@7.23.3(@babel/core@7.23.7):
+    resolution: {integrity: sha512-n225npDqjDIr967cMScVKHXJs7rout1q+tt50inyBCPkyZ8KxeI6d+GIbSBTT/w/9WdlWDOej3V9HE5Lgk57gw==}
+    engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
@@ -1575,18 +1559,19 @@ packages:
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-syntax-private-property-in-object@7.14.5(@babel/core@7.23.7):
-    resolution: {integrity: sha512-0wVnp9dxJ72ZUJDV27ZfbSj6iHLoytYZmh3rFcxNnvsJF3ktkzLDZPy/mA17HGsaQT3/DQsWYX1f1QGWkCoVUg==}
+  /@babel/plugin-transform-dotall-regex@7.23.3(@babel/core@7.23.7):
+    resolution: {integrity: sha512-vgnFYDHAKzFaTVp+mneDsIEbnJ2Np/9ng9iviHw3P/KVcgONxpNULEW/51Z/BaFojG2GI2GwwXck5uV1+1NOYQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.23.7
+      '@babel/helper-create-regexp-features-plugin': 7.22.15(@babel/core@7.23.7)
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-syntax-top-level-await@7.14.5(@babel/core@7.23.7):
-    resolution: {integrity: sha512-hx++upLv5U1rgYfwe1xBQUhRmU41NEvpUvrp8jkrSCdvGSnM5/qdRMtylJ6PG5OFkBaHkbTAKTnd3/YyESRHFw==}
+  /@babel/plugin-transform-duplicate-keys@7.23.3(@babel/core@7.23.7):
+    resolution: {integrity: sha512-RrqQ+BQmU3Oyav3J+7/myfvRCq7Tbz+kKLLshUmMwNlDHExbGL7ARhajvoBJEvc+fCguPPu887N+3RRXBVKZUA==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
@@ -1595,83 +1580,75 @@ packages:
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-transform-arrow-functions@7.20.7(@babel/core@7.23.7):
-    resolution: {integrity: sha512-3poA5E7dzDomxj9WXWwuD6A5F3kc7VXwIJO+E+J8qtDtS+pXPAhrgEyh+9GBwBgPq1Z+bB+/JD60lp5jsN7JPQ==}
+  /@babel/plugin-transform-dynamic-import@7.23.4(@babel/core@7.23.7):
+    resolution: {integrity: sha512-V6jIbLhdJK86MaLh4Jpghi8ho5fGzt3imHOBu/x0jlBaPYqDoWz4RDXjmMOfnh+JWNaQleEAByZLV0QzBT4YQQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.23.7
       '@babel/helper-plugin-utils': 7.22.5
+      '@babel/plugin-syntax-dynamic-import': 7.8.3(@babel/core@7.23.7)
     dev: true
 
-  /@babel/plugin-transform-async-to-generator@7.20.7(@babel/core@7.23.7):
-    resolution: {integrity: sha512-Uo5gwHPT9vgnSXQxqGtpdufUiWp96gk7yiP4Mp5bm1QMkEmLXBO7PAGYbKoJ6DhAwiNkcHFBol/x5zZZkL/t0Q==}
+  /@babel/plugin-transform-exponentiation-operator@7.23.3(@babel/core@7.23.7):
+    resolution: {integrity: sha512-5fhCsl1odX96u7ILKHBj4/Y8vipoqwsJMh4csSA8qFfxrZDEA4Ssku2DyNvMJSmZNOEBT750LfFPbtrnTP90BQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.23.7
-      '@babel/helper-module-imports': 7.22.15
+      '@babel/helper-builder-binary-assignment-operator-visitor': 7.22.15
       '@babel/helper-plugin-utils': 7.22.5
-      '@babel/helper-remap-async-to-generator': 7.18.9(@babel/core@7.23.7)
-    transitivePeerDependencies:
-      - supports-color
     dev: true
 
-  /@babel/plugin-transform-block-scoped-functions@7.18.6(@babel/core@7.23.7):
-    resolution: {integrity: sha512-ExUcOqpPWnliRcPqves5HJcJOvHvIIWfuS4sroBUenPuMdmW+SMHDakmtS7qOo13sVppmUijqeTv7qqGsvURpQ==}
+  /@babel/plugin-transform-export-namespace-from@7.23.4(@babel/core@7.23.7):
+    resolution: {integrity: sha512-GzuSBcKkx62dGzZI1WVgTWvkkz84FZO5TC5T8dl/Tht/rAla6Dg/Mz9Yhypg+ezVACf/rgDuQt3kbWEv7LdUDQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.23.7
       '@babel/helper-plugin-utils': 7.22.5
+      '@babel/plugin-syntax-export-namespace-from': 7.8.3(@babel/core@7.23.7)
     dev: true
 
-  /@babel/plugin-transform-block-scoping@7.20.15(@babel/core@7.23.7):
-    resolution: {integrity: sha512-Vv4DMZ6MiNOhu/LdaZsT/bsLRxgL94d269Mv4R/9sp6+Mp++X/JqypZYypJXLlM4mlL352/Egzbzr98iABH1CA==}
+  /@babel/plugin-transform-for-of@7.23.6(@babel/core@7.23.7):
+    resolution: {integrity: sha512-aYH4ytZ0qSuBbpfhuofbg/e96oQ7U2w1Aw/UQmKT+1l39uEhUPoFS3fHevDc1G0OvewyDudfMKY1OulczHzWIw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.23.7
       '@babel/helper-plugin-utils': 7.22.5
+      '@babel/helper-skip-transparent-expression-wrappers': 7.22.5
     dev: true
 
-  /@babel/plugin-transform-classes@7.20.7(@babel/core@7.23.7):
-    resolution: {integrity: sha512-LWYbsiXTPKl+oBlXUGlwNlJZetXD5Am+CyBdqhPsDVjM9Jc8jwBJFrKhHf900Kfk2eZG1y9MAG3UNajol7A4VQ==}
+  /@babel/plugin-transform-function-name@7.23.3(@babel/core@7.23.7):
+    resolution: {integrity: sha512-I1QXp1LxIvt8yLaib49dRW5Okt7Q4oaxao6tFVKS/anCdEOMtYwWVKoiOA1p34GOWIZjUK0E+zCp7+l1pfQyiw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.23.7
-      '@babel/helper-annotate-as-pure': 7.22.5
       '@babel/helper-compilation-targets': 7.23.6
-      '@babel/helper-environment-visitor': 7.22.20
       '@babel/helper-function-name': 7.23.0
-      '@babel/helper-optimise-call-expression': 7.18.6
       '@babel/helper-plugin-utils': 7.22.5
-      '@babel/helper-replace-supers': 7.20.7
-      '@babel/helper-split-export-declaration': 7.22.6
-      globals: 11.12.0
-    transitivePeerDependencies:
-      - supports-color
     dev: true
 
-  /@babel/plugin-transform-computed-properties@7.20.7(@babel/core@7.23.7):
-    resolution: {integrity: sha512-Lz7MvBK6DTjElHAmfu6bfANzKcxpyNPeYBGEafyA6E5HtRpjpZwU+u7Qrgz/2OR0z+5TvKYbPdphfSaAcZBrYQ==}
+  /@babel/plugin-transform-json-strings@7.23.4(@babel/core@7.23.7):
+    resolution: {integrity: sha512-81nTOqM1dMwZ/aRXQ59zVubN9wHGqk6UtqRK+/q+ciXmRy8fSolhGVvG09HHRGo4l6fr/c4ZhXUQH0uFW7PZbg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.23.7
       '@babel/helper-plugin-utils': 7.22.5
-      '@babel/template': 7.22.15
+      '@babel/plugin-syntax-json-strings': 7.8.3(@babel/core@7.23.7)
     dev: true
 
-  /@babel/plugin-transform-destructuring@7.20.7(@babel/core@7.23.7):
-    resolution: {integrity: sha512-Xwg403sRrZb81IVB79ZPqNQME23yhugYVqgTxAhT99h485F4f+GMELFhhOsscDUB7HCswepKeCKLn/GZvUKoBA==}
+  /@babel/plugin-transform-literals@7.23.3(@babel/core@7.23.7):
+    resolution: {integrity: sha512-wZ0PIXRxnwZvl9AYpqNUxpZ5BiTGrYt7kueGQ+N5FiQ7RCOD4cm8iShd6S6ggfVIWaJf2EMk8eRzAh52RfP4rQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
@@ -1680,19 +1657,19 @@ packages:
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-transform-dotall-regex@7.18.6(@babel/core@7.23.7):
-    resolution: {integrity: sha512-6S3jpun1eEbAxq7TdjLotAsl4WpQI9DxfkycRcKrjhQYzU87qpXdknpBg/e+TdcMehqGnLFi7tnFUBR02Vq6wg==}
+  /@babel/plugin-transform-logical-assignment-operators@7.23.4(@babel/core@7.23.7):
+    resolution: {integrity: sha512-Mc/ALf1rmZTP4JKKEhUwiORU+vcfarFVLfcFiolKUo6sewoxSEgl36ak5t+4WamRsNr6nzjZXQjM35WsU+9vbg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.23.7
-      '@babel/helper-create-regexp-features-plugin': 7.20.5(@babel/core@7.23.7)
       '@babel/helper-plugin-utils': 7.22.5
+      '@babel/plugin-syntax-logical-assignment-operators': 7.10.4(@babel/core@7.23.7)
     dev: true
 
-  /@babel/plugin-transform-duplicate-keys@7.18.9(@babel/core@7.23.7):
-    resolution: {integrity: sha512-d2bmXCtZXYc59/0SanQKbiWINadaJXqtvIQIzd4+hNwkWBgyCd5F/2t1kXoUdvPMrxzPvhK6EMQRROxsue+mfw==}
+  /@babel/plugin-transform-member-expression-literals@7.23.3(@babel/core@7.23.7):
+    resolution: {integrity: sha512-sC3LdDBDi5x96LA+Ytekz2ZPk8i/Ck+DEuDbRAll5rknJ5XRTSaPKEYwomLcs1AA8wg9b3KjIQRsnApj+q51Ag==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
@@ -1701,51 +1678,66 @@ packages:
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-transform-exponentiation-operator@7.18.6(@babel/core@7.23.7):
-    resolution: {integrity: sha512-wzEtc0+2c88FVR34aQmiz56dxEkxr2g8DQb/KfaFa1JYXOFVsbhvAonFN6PwVWj++fKmku8NP80plJ5Et4wqHw==}
+  /@babel/plugin-transform-modules-amd@7.23.3(@babel/core@7.23.7):
+    resolution: {integrity: sha512-vJYQGxeKM4t8hYCKVBlZX/gtIY2I7mRGFNcm85sgXGMTBcoV3QdVtdpbcWEbzbfUIUZKwvgFT82mRvaQIebZzw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.23.7
-      '@babel/helper-builder-binary-assignment-operator-visitor': 7.18.9
+      '@babel/helper-module-transforms': 7.23.3(@babel/core@7.23.7)
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-transform-for-of@7.18.8(@babel/core@7.23.7):
-    resolution: {integrity: sha512-yEfTRnjuskWYo0k1mHUqrVWaZwrdq8AYbfrpqULOJOaucGSp4mNMVps+YtA8byoevxS/urwU75vyhQIxcCgiBQ==}
+  /@babel/plugin-transform-modules-commonjs@7.23.3(@babel/core@7.23.7):
+    resolution: {integrity: sha512-aVS0F65LKsdNOtcz6FRCpE4OgsP2OFnW46qNxNIX9h3wuzaNcSQsJysuMwqSibC98HPrf2vCgtxKNwS0DAlgcA==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.23.7
+      '@babel/helper-module-transforms': 7.23.3(@babel/core@7.23.7)
       '@babel/helper-plugin-utils': 7.22.5
+      '@babel/helper-simple-access': 7.22.5
     dev: true
 
-  /@babel/plugin-transform-function-name@7.18.9(@babel/core@7.23.7):
-    resolution: {integrity: sha512-WvIBoRPaJQ5yVHzcnJFor7oS5Ls0PYixlTYE63lCj2RtdQEl15M68FXQlxnG6wdraJIXRdR7KI+hQ7q/9QjrCQ==}
+  /@babel/plugin-transform-modules-systemjs@7.23.3(@babel/core@7.23.7):
+    resolution: {integrity: sha512-ZxyKGTkF9xT9YJuKQRo19ewf3pXpopuYQd8cDXqNzc3mUNbOME0RKMoZxviQk74hwzfQsEe66dE92MaZbdHKNQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.23.7
-      '@babel/helper-compilation-targets': 7.23.6
-      '@babel/helper-function-name': 7.23.0
+      '@babel/helper-hoist-variables': 7.22.5
+      '@babel/helper-module-transforms': 7.23.3(@babel/core@7.23.7)
       '@babel/helper-plugin-utils': 7.22.5
+      '@babel/helper-validator-identifier': 7.22.20
     dev: true
 
-  /@babel/plugin-transform-literals@7.18.9(@babel/core@7.23.7):
-    resolution: {integrity: sha512-IFQDSRoTPnrAIrI5zoZv73IFeZu2dhu6irxQjY9rNjTT53VmKg9fenjvoiOWOkJ6mm4jKVPtdMzBY98Fp4Z4cg==}
+  /@babel/plugin-transform-modules-umd@7.23.3(@babel/core@7.23.7):
+    resolution: {integrity: sha512-zHsy9iXX2nIsCBFPud3jKn1IRPWg3Ing1qOZgeKV39m1ZgIdpJqvlWVeiHBZC6ITRG0MfskhYe9cLgntfSFPIg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.23.7
+      '@babel/helper-module-transforms': 7.23.3(@babel/core@7.23.7)
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-transform-member-expression-literals@7.18.6(@babel/core@7.23.7):
-    resolution: {integrity: sha512-qSF1ihLGO3q+/g48k85tUjD033C29TNTVB2paCwZPVmOsjn9pClvYYrM2VeJpBY2bcNkuny0YUyTNRyRxJ54KA==}
+  /@babel/plugin-transform-named-capturing-groups-regex@7.22.5(@babel/core@7.23.7):
+    resolution: {integrity: sha512-YgLLKmS3aUBhHaxp5hi1WJTgOUb/NCuDHzGT9z9WTt3YG+CPRhJs6nprbStx6DnWM4dh6gt7SU3sZodbZ08adQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+    dependencies:
+      '@babel/core': 7.23.7
+      '@babel/helper-create-regexp-features-plugin': 7.22.15(@babel/core@7.23.7)
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-transform-new-target@7.23.3(@babel/core@7.23.7):
+    resolution: {integrity: sha512-YJ3xKqtJMAT5/TIZnpAR3I+K+WaDowYbN3xyxI8zxx/Gsypwf9B9h0VB+1Nh6ACAAPRS5NSRje0uVv5i79HYGQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
@@ -1754,66 +1746,78 @@ packages:
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-transform-modules-amd@7.20.11(@babel/core@7.23.7):
-    resolution: {integrity: sha512-NuzCt5IIYOW0O30UvqktzHYR2ud5bOWbY0yaxWZ6G+aFzOMJvrs5YHNikrbdaT15+KNO31nPOy5Fim3ku6Zb5g==}
+  /@babel/plugin-transform-nullish-coalescing-operator@7.23.4(@babel/core@7.23.7):
+    resolution: {integrity: sha512-jHE9EVVqHKAQx+VePv5LLGHjmHSJR76vawFPTdlxR/LVJPfOEGxREQwQfjuZEOPTwG92X3LINSh3M40Rv4zpVA==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.23.7
-      '@babel/helper-module-transforms': 7.23.3(@babel/core@7.23.7)
       '@babel/helper-plugin-utils': 7.22.5
+      '@babel/plugin-syntax-nullish-coalescing-operator': 7.8.3(@babel/core@7.23.7)
     dev: true
 
-  /@babel/plugin-transform-modules-commonjs@7.20.11(@babel/core@7.23.7):
-    resolution: {integrity: sha512-S8e1f7WQ7cimJQ51JkAaDrEtohVEitXjgCGAS2N8S31Y42E+kWwfSz83LYz57QdBm7q9diARVqanIaH2oVgQnw==}
+  /@babel/plugin-transform-numeric-separator@7.23.4(@babel/core@7.23.7):
+    resolution: {integrity: sha512-mps6auzgwjRrwKEZA05cOwuDc9FAzoyFS4ZsG/8F43bTLf/TgkJg7QXOrPO1JO599iA3qgK9MXdMGOEC8O1h6Q==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.23.7
-      '@babel/helper-module-transforms': 7.23.3(@babel/core@7.23.7)
       '@babel/helper-plugin-utils': 7.22.5
-      '@babel/helper-simple-access': 7.22.5
+      '@babel/plugin-syntax-numeric-separator': 7.10.4(@babel/core@7.23.7)
     dev: true
 
-  /@babel/plugin-transform-modules-systemjs@7.20.11(@babel/core@7.23.7):
-    resolution: {integrity: sha512-vVu5g9BPQKSFEmvt2TA4Da5N+QVS66EX21d8uoOihC+OCpUoGvzVsXeqFdtAEfVa5BILAeFt+U7yVmLbQnAJmw==}
+  /@babel/plugin-transform-object-rest-spread@7.23.4(@babel/core@7.23.7):
+    resolution: {integrity: sha512-9x9K1YyeQVw0iOXJlIzwm8ltobIIv7j2iLyP2jIhEbqPRQ7ScNgwQufU2I0Gq11VjyG4gI4yMXt2VFags+1N3g==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
+      '@babel/compat-data': 7.23.5
       '@babel/core': 7.23.7
-      '@babel/helper-hoist-variables': 7.22.5
-      '@babel/helper-module-transforms': 7.23.3(@babel/core@7.23.7)
+      '@babel/helper-compilation-targets': 7.23.6
       '@babel/helper-plugin-utils': 7.22.5
-      '@babel/helper-validator-identifier': 7.22.20
+      '@babel/plugin-syntax-object-rest-spread': 7.8.3(@babel/core@7.23.7)
+      '@babel/plugin-transform-parameters': 7.23.3(@babel/core@7.23.7)
     dev: true
 
-  /@babel/plugin-transform-modules-umd@7.18.6(@babel/core@7.23.7):
-    resolution: {integrity: sha512-dcegErExVeXcRqNtkRU/z8WlBLnvD4MRnHgNs3MytRO1Mn1sHRyhbcpYbVMGclAqOjdW+9cfkdZno9dFdfKLfQ==}
+  /@babel/plugin-transform-object-super@7.23.3(@babel/core@7.23.7):
+    resolution: {integrity: sha512-BwQ8q0x2JG+3lxCVFohg+KbQM7plfpBwThdW9A6TMtWwLsbDA01Ek2Zb/AgDN39BiZsExm4qrXxjk+P1/fzGrA==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.23.7
-      '@babel/helper-module-transforms': 7.23.3(@babel/core@7.23.7)
       '@babel/helper-plugin-utils': 7.22.5
+      '@babel/helper-replace-supers': 7.22.20(@babel/core@7.23.7)
     dev: true
 
-  /@babel/plugin-transform-named-capturing-groups-regex@7.20.5(@babel/core@7.23.7):
-    resolution: {integrity: sha512-mOW4tTzi5iTLnw+78iEq3gr8Aoq4WNRGpmSlrogqaiCBoR1HFhpU4JkpQFOHfeYx3ReVIFWOQJS4aZBRvuZ6mA==}
+  /@babel/plugin-transform-optional-catch-binding@7.23.4(@babel/core@7.23.7):
+    resolution: {integrity: sha512-XIq8t0rJPHf6Wvmbn9nFxU6ao4c7WhghTR5WyV8SrJfUFzyxhCm4nhC+iAp3HFhbAKLfYpgzhJ6t4XCtVwqO5A==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
-      '@babel/core': ^7.0.0
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.23.7
+      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/plugin-syntax-optional-catch-binding': 7.8.3(@babel/core@7.23.7)
+    dev: true
+
+  /@babel/plugin-transform-optional-chaining@7.23.4(@babel/core@7.23.7):
+    resolution: {integrity: sha512-ZU8y5zWOfjM5vZ+asjgAPwDaBjJzgufjES89Rs4Lpq63O300R/kOz30WCLo6BxxX6QVEilwSlpClnG5cZaikTA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.23.7
-      '@babel/helper-create-regexp-features-plugin': 7.20.5(@babel/core@7.23.7)
       '@babel/helper-plugin-utils': 7.22.5
+      '@babel/helper-skip-transparent-expression-wrappers': 7.22.5
+      '@babel/plugin-syntax-optional-chaining': 7.8.3(@babel/core@7.23.7)
     dev: true
 
-  /@babel/plugin-transform-new-target@7.18.6(@babel/core@7.23.7):
-    resolution: {integrity: sha512-DjwFA/9Iu3Z+vrAn+8pBUGcjhxKguSMlsFqeCKbhb9BAV756v0krzVK04CRDi/4aqmk8BsHb4a/gFcaA5joXRw==}
+  /@babel/plugin-transform-parameters@7.23.3(@babel/core@7.23.7):
+    resolution: {integrity: sha512-09lMt6UsUb3/34BbECKVbVwrT9bO6lILWln237z7sLaWnMsTi7Yc9fhX5DLpkJzAGfaReXI22wP41SZmnAA3Vw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
@@ -1822,31 +1826,32 @@ packages:
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-transform-object-super@7.18.6(@babel/core@7.23.7):
-    resolution: {integrity: sha512-uvGz6zk+pZoS1aTZrOvrbj6Pp/kK2mp45t2B+bTDre2UgsZZ8EZLSJtUg7m/no0zOJUWgFONpB7Zv9W2tSaFlA==}
+  /@babel/plugin-transform-private-methods@7.23.3(@babel/core@7.23.7):
+    resolution: {integrity: sha512-UzqRcRtWsDMTLrRWFvUBDwmw06tCQH9Rl1uAjfh6ijMSmGYQ+fpdB+cnqRC8EMh5tuuxSv0/TejGL+7vyj+50g==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.23.7
+      '@babel/helper-create-class-features-plugin': 7.23.7(@babel/core@7.23.7)
       '@babel/helper-plugin-utils': 7.22.5
-      '@babel/helper-replace-supers': 7.20.7
-    transitivePeerDependencies:
-      - supports-color
     dev: true
 
-  /@babel/plugin-transform-parameters@7.20.7(@babel/core@7.23.7):
-    resolution: {integrity: sha512-WiWBIkeHKVOSYPO0pWkxGPfKeWrCJyD3NJ53+Lrp/QMSZbsVPovrVl2aWZ19D/LTVnaDv5Ap7GJ/B2CTOZdrfA==}
+  /@babel/plugin-transform-private-property-in-object@7.23.4(@babel/core@7.23.7):
+    resolution: {integrity: sha512-9G3K1YqTq3F4Vt88Djx1UZ79PDyj+yKRnUy7cZGSMe+a7jkwD259uKKuUzQlPkGam7R+8RJwh5z4xO27fA1o2A==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.23.7
+      '@babel/helper-annotate-as-pure': 7.22.5
+      '@babel/helper-create-class-features-plugin': 7.23.7(@babel/core@7.23.7)
       '@babel/helper-plugin-utils': 7.22.5
+      '@babel/plugin-syntax-private-property-in-object': 7.14.5(@babel/core@7.23.7)
     dev: true
 
-  /@babel/plugin-transform-property-literals@7.18.6(@babel/core@7.23.7):
-    resolution: {integrity: sha512-cYcs6qlgafTud3PAzrrRNbQtfpQ8+y/+M5tKmksS9+M1ckbH6kzY8MrexEM9mcA6JDsukE19iIRvAyYl463sMg==}
+  /@babel/plugin-transform-property-literals@7.23.3(@babel/core@7.23.7):
+    resolution: {integrity: sha512-jR3Jn3y7cZp4oEWPFAlRsSWjxKe4PZILGBSd4nis1TsC5qeSpb+nrtihJuDhNI7QHiVbUaiXa0X2RZY3/TI6Nw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
@@ -1888,19 +1893,19 @@ packages:
       '@babel/plugin-syntax-jsx': 7.22.5(@babel/core@7.23.7)
       '@babel/types': 7.23.6
 
-  /@babel/plugin-transform-regenerator@7.20.5(@babel/core@7.23.7):
-    resolution: {integrity: sha512-kW/oO7HPBtntbsahzQ0qSE3tFvkFwnbozz3NWFhLGqH75vLEg+sCGngLlhVkePlCs3Jv0dBBHDzCHxNiFAQKCQ==}
+  /@babel/plugin-transform-regenerator@7.23.3(@babel/core@7.23.7):
+    resolution: {integrity: sha512-KP+75h0KghBMcVpuKisx3XTu9Ncut8Q8TuvGO4IhY+9D5DFEckQefOuIsB/gQ2tG71lCke4NMrtIPS8pOj18BQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.23.7
       '@babel/helper-plugin-utils': 7.22.5
-      regenerator-transform: 0.15.1
+      regenerator-transform: 0.15.2
     dev: true
 
-  /@babel/plugin-transform-reserved-words@7.18.6(@babel/core@7.23.7):
-    resolution: {integrity: sha512-oX/4MyMoypzHjFrT1CdivfKZ+XvIPMFXwwxHp/r0Ddy2Vuomt4HDFGmft1TAY2yiTKiNSsh3kjBAzcM8kSdsjA==}
+  /@babel/plugin-transform-reserved-words@7.23.3(@babel/core@7.23.7):
+    resolution: {integrity: sha512-QnNTazY54YqgGxwIexMZva9gqbPa15t/x9VS+0fsEFWplwVpXYZivtgl43Z1vMpc1bdPP2PP8siFeVcnFvA3Cg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
@@ -1909,8 +1914,8 @@ packages:
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-transform-shorthand-properties@7.18.6(@babel/core@7.23.7):
-    resolution: {integrity: sha512-eCLXXJqv8okzg86ywZJbRn19YJHU4XUa55oz2wbHhaQVn/MM+XhukiT7SYqp/7o00dg52Rj51Ny+Ecw4oyoygw==}
+  /@babel/plugin-transform-shorthand-properties@7.23.3(@babel/core@7.23.7):
+    resolution: {integrity: sha512-ED2fgqZLmexWiN+YNFX26fx4gh5qHDhn1O2gvEhreLW2iI63Sqm4llRLCXALKrCnbN4Jy0VcMQZl/SAzqug/jg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
@@ -1919,19 +1924,19 @@ packages:
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-transform-spread@7.20.7(@babel/core@7.23.7):
-    resolution: {integrity: sha512-ewBbHQ+1U/VnH1fxltbJqDeWBU1oNLG8Dj11uIv3xVf7nrQu0bPGe5Rf716r7K5Qz+SqtAOVswoVunoiBtGhxw==}
+  /@babel/plugin-transform-spread@7.23.3(@babel/core@7.23.7):
+    resolution: {integrity: sha512-VvfVYlrlBVu+77xVTOAoxQ6mZbnIq5FM0aGBSFEcIh03qHf+zNqA4DC/3XMUozTg7bZV3e3mZQ0i13VB6v5yUg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.23.7
       '@babel/helper-plugin-utils': 7.22.5
-      '@babel/helper-skip-transparent-expression-wrappers': 7.20.0
+      '@babel/helper-skip-transparent-expression-wrappers': 7.22.5
     dev: true
 
-  /@babel/plugin-transform-sticky-regex@7.18.6(@babel/core@7.23.7):
-    resolution: {integrity: sha512-kfiDrDQ+PBsQDO85yj1icueWMfGfJFKN1KCkndygtu/C9+XUfydLC8Iv5UYJqRwy4zk8EcplRxEOeLyjq1gm6Q==}
+  /@babel/plugin-transform-sticky-regex@7.23.3(@babel/core@7.23.7):
+    resolution: {integrity: sha512-HZOyN9g+rtvnOU3Yh7kSxXrKbzgrm5X4GncPY1QOquu7epga5MxKHVpYu2hvQnry/H+JjckSYRb93iNfsioAGg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
@@ -1940,8 +1945,8 @@ packages:
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-transform-template-literals@7.18.9(@babel/core@7.23.7):
-    resolution: {integrity: sha512-S8cOWfT82gTezpYOiVaGHrCbhlHgKhQt8XH5ES46P2XWmX92yisoZywf5km75wv5sYcXDUCLMmMxOLCtthDgMA==}
+  /@babel/plugin-transform-template-literals@7.23.3(@babel/core@7.23.7):
+    resolution: {integrity: sha512-Flok06AYNp7GV2oJPZZcP9vZdszev6vPBkHLwxwSpaIqx75wn6mUd3UFWsSsA0l8nXAKkyCmL/sR02m8RYGeHg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
@@ -1950,8 +1955,8 @@ packages:
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-transform-typeof-symbol@7.18.9(@babel/core@7.23.7):
-    resolution: {integrity: sha512-SRfwTtF11G2aemAZWivL7PD+C9z52v9EvMqH9BuYbabyPuKUvSWks3oCg6041pT925L4zVFqaVBeECwsmlguEw==}
+  /@babel/plugin-transform-typeof-symbol@7.23.3(@babel/core@7.23.7):
+    resolution: {integrity: sha512-4t15ViVnaFdrPC74be1gXBSMzXk3B4Us9lP7uLRQHTFpV5Dvt33pn+2MyyNxmN3VTTm3oTrZVMUmuw3oBnQ2oQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
@@ -1960,8 +1965,8 @@ packages:
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-transform-unicode-escapes@7.18.10(@babel/core@7.23.7):
-    resolution: {integrity: sha512-kKAdAI+YzPgGY/ftStBFXTI1LZFju38rYThnfMykS+IXy8BVx+res7s2fxf1l8I35DV2T97ezo6+SGrXz6B3iQ==}
+  /@babel/plugin-transform-unicode-escapes@7.23.3(@babel/core@7.23.7):
+    resolution: {integrity: sha512-OMCUx/bU6ChE3r4+ZdylEqAjaQgHAgipgW8nsCfu5pGqDcFytVd91AwRvUJSBZDz0exPGgnjoqhgRYLRjFZc9Q==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
@@ -1970,19 +1975,41 @@ packages:
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-transform-unicode-regex@7.18.6(@babel/core@7.23.7):
-    resolution: {integrity: sha512-gE7A6Lt7YLnNOL3Pb9BNeZvi+d8l7tcRrG4+pwJjK9hD2xX4mEvjlQW60G9EEmfXVYRPv9VRQcyegIVHCql/AA==}
+  /@babel/plugin-transform-unicode-property-regex@7.23.3(@babel/core@7.23.7):
+    resolution: {integrity: sha512-KcLIm+pDZkWZQAFJ9pdfmh89EwVfmNovFBcXko8szpBeF8z68kWIPeKlmSOkT9BXJxs2C0uk+5LxoxIv62MROA==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.23.7
-      '@babel/helper-create-regexp-features-plugin': 7.20.5(@babel/core@7.23.7)
+      '@babel/helper-create-regexp-features-plugin': 7.22.15(@babel/core@7.23.7)
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/preset-env@7.20.2(@babel/core@7.23.7):
-    resolution: {integrity: sha512-1G0efQEWR1EHkKvKHqbG+IN/QdgwfByUpM5V5QroDzGV2t3S/WXNQd693cHiHTlCFMpr9B6FkPFXDA2lQcKoDg==}
+  /@babel/plugin-transform-unicode-regex@7.23.3(@babel/core@7.23.7):
+    resolution: {integrity: sha512-wMHpNA4x2cIA32b/ci3AfwNgheiva2W0WUKWTK7vBHBhDKfPsc5cFGNWm69WBqpwd86u1qwZ9PWevKqm1A3yAw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.23.7
+      '@babel/helper-create-regexp-features-plugin': 7.22.15(@babel/core@7.23.7)
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-transform-unicode-sets-regex@7.23.3(@babel/core@7.23.7):
+    resolution: {integrity: sha512-W7lliA/v9bNR83Qc3q1ip9CQMZ09CcHDbHfbLRDNuAhn1Mvkr1ZNF7hPmztMQvtTGVLJ9m8IZqWsTkXOml8dbw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+    dependencies:
+      '@babel/core': 7.23.7
+      '@babel/helper-create-regexp-features-plugin': 7.22.15(@babel/core@7.23.7)
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/preset-env@7.23.7(@babel/core@7.23.7):
+    resolution: {integrity: sha512-SY27X/GtTz/L4UryMNJ6p4fH4nsgWbz84y9FE0bQeWJP6O5BhgVCt53CotQKHCOeXJel8VyhlhujhlltKms/CA==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
@@ -1992,29 +2019,18 @@ packages:
       '@babel/helper-compilation-targets': 7.23.6
       '@babel/helper-plugin-utils': 7.22.5
       '@babel/helper-validator-option': 7.23.5
-      '@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression': 7.18.6(@babel/core@7.23.7)
-      '@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining': 7.20.7(@babel/core@7.23.7)
-      '@babel/plugin-proposal-async-generator-functions': 7.20.7(@babel/core@7.23.7)
-      '@babel/plugin-proposal-class-properties': 7.18.6(@babel/core@7.23.7)
-      '@babel/plugin-proposal-class-static-block': 7.20.7(@babel/core@7.23.7)
-      '@babel/plugin-proposal-dynamic-import': 7.18.6(@babel/core@7.23.7)
-      '@babel/plugin-proposal-export-namespace-from': 7.18.9(@babel/core@7.23.7)
-      '@babel/plugin-proposal-json-strings': 7.18.6(@babel/core@7.23.7)
-      '@babel/plugin-proposal-logical-assignment-operators': 7.20.7(@babel/core@7.23.7)
-      '@babel/plugin-proposal-nullish-coalescing-operator': 7.18.6(@babel/core@7.23.7)
-      '@babel/plugin-proposal-numeric-separator': 7.18.6(@babel/core@7.23.7)
-      '@babel/plugin-proposal-object-rest-spread': 7.20.7(@babel/core@7.23.7)
-      '@babel/plugin-proposal-optional-catch-binding': 7.18.6(@babel/core@7.23.7)
-      '@babel/plugin-proposal-optional-chaining': 7.20.7(@babel/core@7.23.7)
-      '@babel/plugin-proposal-private-methods': 7.18.6(@babel/core@7.23.7)
-      '@babel/plugin-proposal-private-property-in-object': 7.20.5(@babel/core@7.23.7)
-      '@babel/plugin-proposal-unicode-property-regex': 7.18.6(@babel/core@7.23.7)
+      '@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression': 7.23.3(@babel/core@7.23.7)
+      '@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining': 7.23.3(@babel/core@7.23.7)
+      '@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly': 7.23.7(@babel/core@7.23.7)
+      '@babel/plugin-proposal-private-property-in-object': 7.21.0-placeholder-for-preset-env.2(@babel/core@7.23.7)
       '@babel/plugin-syntax-async-generators': 7.8.4(@babel/core@7.23.7)
       '@babel/plugin-syntax-class-properties': 7.12.13(@babel/core@7.23.7)
       '@babel/plugin-syntax-class-static-block': 7.14.5(@babel/core@7.23.7)
       '@babel/plugin-syntax-dynamic-import': 7.8.3(@babel/core@7.23.7)
       '@babel/plugin-syntax-export-namespace-from': 7.8.3(@babel/core@7.23.7)
-      '@babel/plugin-syntax-import-assertions': 7.20.0(@babel/core@7.23.7)
+      '@babel/plugin-syntax-import-assertions': 7.23.3(@babel/core@7.23.7)
+      '@babel/plugin-syntax-import-attributes': 7.23.3(@babel/core@7.23.7)
+      '@babel/plugin-syntax-import-meta': 7.10.4(@babel/core@7.23.7)
       '@babel/plugin-syntax-json-strings': 7.8.3(@babel/core@7.23.7)
       '@babel/plugin-syntax-logical-assignment-operators': 7.10.4(@babel/core@7.23.7)
       '@babel/plugin-syntax-nullish-coalescing-operator': 7.8.3(@babel/core@7.23.7)
@@ -2024,67 +2040,93 @@ packages:
       '@babel/plugin-syntax-optional-chaining': 7.8.3(@babel/core@7.23.7)
       '@babel/plugin-syntax-private-property-in-object': 7.14.5(@babel/core@7.23.7)
       '@babel/plugin-syntax-top-level-await': 7.14.5(@babel/core@7.23.7)
-      '@babel/plugin-transform-arrow-functions': 7.20.7(@babel/core@7.23.7)
-      '@babel/plugin-transform-async-to-generator': 7.20.7(@babel/core@7.23.7)
-      '@babel/plugin-transform-block-scoped-functions': 7.18.6(@babel/core@7.23.7)
-      '@babel/plugin-transform-block-scoping': 7.20.15(@babel/core@7.23.7)
-      '@babel/plugin-transform-classes': 7.20.7(@babel/core@7.23.7)
-      '@babel/plugin-transform-computed-properties': 7.20.7(@babel/core@7.23.7)
-      '@babel/plugin-transform-destructuring': 7.20.7(@babel/core@7.23.7)
-      '@babel/plugin-transform-dotall-regex': 7.18.6(@babel/core@7.23.7)
-      '@babel/plugin-transform-duplicate-keys': 7.18.9(@babel/core@7.23.7)
-      '@babel/plugin-transform-exponentiation-operator': 7.18.6(@babel/core@7.23.7)
-      '@babel/plugin-transform-for-of': 7.18.8(@babel/core@7.23.7)
-      '@babel/plugin-transform-function-name': 7.18.9(@babel/core@7.23.7)
-      '@babel/plugin-transform-literals': 7.18.9(@babel/core@7.23.7)
-      '@babel/plugin-transform-member-expression-literals': 7.18.6(@babel/core@7.23.7)
-      '@babel/plugin-transform-modules-amd': 7.20.11(@babel/core@7.23.7)
-      '@babel/plugin-transform-modules-commonjs': 7.20.11(@babel/core@7.23.7)
-      '@babel/plugin-transform-modules-systemjs': 7.20.11(@babel/core@7.23.7)
-      '@babel/plugin-transform-modules-umd': 7.18.6(@babel/core@7.23.7)
-      '@babel/plugin-transform-named-capturing-groups-regex': 7.20.5(@babel/core@7.23.7)
-      '@babel/plugin-transform-new-target': 7.18.6(@babel/core@7.23.7)
-      '@babel/plugin-transform-object-super': 7.18.6(@babel/core@7.23.7)
-      '@babel/plugin-transform-parameters': 7.20.7(@babel/core@7.23.7)
-      '@babel/plugin-transform-property-literals': 7.18.6(@babel/core@7.23.7)
-      '@babel/plugin-transform-regenerator': 7.20.5(@babel/core@7.23.7)
-      '@babel/plugin-transform-reserved-words': 7.18.6(@babel/core@7.23.7)
-      '@babel/plugin-transform-shorthand-properties': 7.18.6(@babel/core@7.23.7)
-      '@babel/plugin-transform-spread': 7.20.7(@babel/core@7.23.7)
-      '@babel/plugin-transform-sticky-regex': 7.18.6(@babel/core@7.23.7)
-      '@babel/plugin-transform-template-literals': 7.18.9(@babel/core@7.23.7)
-      '@babel/plugin-transform-typeof-symbol': 7.18.9(@babel/core@7.23.7)
-      '@babel/plugin-transform-unicode-escapes': 7.18.10(@babel/core@7.23.7)
-      '@babel/plugin-transform-unicode-regex': 7.18.6(@babel/core@7.23.7)
-      '@babel/preset-modules': 0.1.5(@babel/core@7.23.7)
-      '@babel/types': 7.23.6
-      babel-plugin-polyfill-corejs2: 0.3.3(@babel/core@7.23.7)
-      babel-plugin-polyfill-corejs3: 0.6.0(@babel/core@7.23.7)
-      babel-plugin-polyfill-regenerator: 0.4.1(@babel/core@7.23.7)
-      core-js-compat: 3.27.2
+      '@babel/plugin-syntax-unicode-sets-regex': 7.18.6(@babel/core@7.23.7)
+      '@babel/plugin-transform-arrow-functions': 7.23.3(@babel/core@7.23.7)
+      '@babel/plugin-transform-async-generator-functions': 7.23.7(@babel/core@7.23.7)
+      '@babel/plugin-transform-async-to-generator': 7.23.3(@babel/core@7.23.7)
+      '@babel/plugin-transform-block-scoped-functions': 7.23.3(@babel/core@7.23.7)
+      '@babel/plugin-transform-block-scoping': 7.23.4(@babel/core@7.23.7)
+      '@babel/plugin-transform-class-properties': 7.23.3(@babel/core@7.23.7)
+      '@babel/plugin-transform-class-static-block': 7.23.4(@babel/core@7.23.7)
+      '@babel/plugin-transform-classes': 7.23.5(@babel/core@7.23.7)
+      '@babel/plugin-transform-computed-properties': 7.23.3(@babel/core@7.23.7)
+      '@babel/plugin-transform-destructuring': 7.23.3(@babel/core@7.23.7)
+      '@babel/plugin-transform-dotall-regex': 7.23.3(@babel/core@7.23.7)
+      '@babel/plugin-transform-duplicate-keys': 7.23.3(@babel/core@7.23.7)
+      '@babel/plugin-transform-dynamic-import': 7.23.4(@babel/core@7.23.7)
+      '@babel/plugin-transform-exponentiation-operator': 7.23.3(@babel/core@7.23.7)
+      '@babel/plugin-transform-export-namespace-from': 7.23.4(@babel/core@7.23.7)
+      '@babel/plugin-transform-for-of': 7.23.6(@babel/core@7.23.7)
+      '@babel/plugin-transform-function-name': 7.23.3(@babel/core@7.23.7)
+      '@babel/plugin-transform-json-strings': 7.23.4(@babel/core@7.23.7)
+      '@babel/plugin-transform-literals': 7.23.3(@babel/core@7.23.7)
+      '@babel/plugin-transform-logical-assignment-operators': 7.23.4(@babel/core@7.23.7)
+      '@babel/plugin-transform-member-expression-literals': 7.23.3(@babel/core@7.23.7)
+      '@babel/plugin-transform-modules-amd': 7.23.3(@babel/core@7.23.7)
+      '@babel/plugin-transform-modules-commonjs': 7.23.3(@babel/core@7.23.7)
+      '@babel/plugin-transform-modules-systemjs': 7.23.3(@babel/core@7.23.7)
+      '@babel/plugin-transform-modules-umd': 7.23.3(@babel/core@7.23.7)
+      '@babel/plugin-transform-named-capturing-groups-regex': 7.22.5(@babel/core@7.23.7)
+      '@babel/plugin-transform-new-target': 7.23.3(@babel/core@7.23.7)
+      '@babel/plugin-transform-nullish-coalescing-operator': 7.23.4(@babel/core@7.23.7)
+      '@babel/plugin-transform-numeric-separator': 7.23.4(@babel/core@7.23.7)
+      '@babel/plugin-transform-object-rest-spread': 7.23.4(@babel/core@7.23.7)
+      '@babel/plugin-transform-object-super': 7.23.3(@babel/core@7.23.7)
+      '@babel/plugin-transform-optional-catch-binding': 7.23.4(@babel/core@7.23.7)
+      '@babel/plugin-transform-optional-chaining': 7.23.4(@babel/core@7.23.7)
+      '@babel/plugin-transform-parameters': 7.23.3(@babel/core@7.23.7)
+      '@babel/plugin-transform-private-methods': 7.23.3(@babel/core@7.23.7)
+      '@babel/plugin-transform-private-property-in-object': 7.23.4(@babel/core@7.23.7)
+      '@babel/plugin-transform-property-literals': 7.23.3(@babel/core@7.23.7)
+      '@babel/plugin-transform-regenerator': 7.23.3(@babel/core@7.23.7)
+      '@babel/plugin-transform-reserved-words': 7.23.3(@babel/core@7.23.7)
+      '@babel/plugin-transform-shorthand-properties': 7.23.3(@babel/core@7.23.7)
+      '@babel/plugin-transform-spread': 7.23.3(@babel/core@7.23.7)
+      '@babel/plugin-transform-sticky-regex': 7.23.3(@babel/core@7.23.7)
+      '@babel/plugin-transform-template-literals': 7.23.3(@babel/core@7.23.7)
+      '@babel/plugin-transform-typeof-symbol': 7.23.3(@babel/core@7.23.7)
+      '@babel/plugin-transform-unicode-escapes': 7.23.3(@babel/core@7.23.7)
+      '@babel/plugin-transform-unicode-property-regex': 7.23.3(@babel/core@7.23.7)
+      '@babel/plugin-transform-unicode-regex': 7.23.3(@babel/core@7.23.7)
+      '@babel/plugin-transform-unicode-sets-regex': 7.23.3(@babel/core@7.23.7)
+      '@babel/preset-modules': 0.1.6-no-external-plugins(@babel/core@7.23.7)
+      babel-plugin-polyfill-corejs2: 0.4.7(@babel/core@7.23.7)
+      babel-plugin-polyfill-corejs3: 0.8.7(@babel/core@7.23.7)
+      babel-plugin-polyfill-regenerator: 0.5.4(@babel/core@7.23.7)
+      core-js-compat: 3.35.0
       semver: 6.3.1
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@babel/preset-modules@0.1.5(@babel/core@7.23.7):
-    resolution: {integrity: sha512-A57th6YRG7oR3cq/yt/Y84MvGgE0eJG2F1JLhKuyG+jFxEgrd/HAMJatiFtmOiZurz+0DkrvbheCLaV5f2JfjA==}
+  /@babel/preset-modules@0.1.6-no-external-plugins(@babel/core@7.23.7):
+    resolution: {integrity: sha512-HrcgcIESLm9aIR842yhJ5RWan/gebQUJ6E/E5+rf0y9o6oj7w0Br+sWuL6kEQ/o/AdfvR1Je9jG18/gnpwjEyA==}
     peerDependencies:
-      '@babel/core': ^7.0.0-0
+      '@babel/core': ^7.0.0-0 || ^8.0.0-0 <8.0.0
     dependencies:
       '@babel/core': 7.23.7
       '@babel/helper-plugin-utils': 7.22.5
-      '@babel/plugin-proposal-unicode-property-regex': 7.18.6(@babel/core@7.23.7)
-      '@babel/plugin-transform-dotall-regex': 7.18.6(@babel/core@7.23.7)
       '@babel/types': 7.23.6
       esutils: 2.0.3
     dev: true
 
+  /@babel/regjsgen@0.8.0:
+    resolution: {integrity: sha512-x/rqGMdzj+fWZvCOYForTghzbtqPDZ5gPwaoNGHdgDfF2QA/XZbCBp4Moo5scrkAMPhB7z26XM/AaHuIJdgauA==}
+    dev: true
+
   /@babel/runtime@7.20.13:
     resolution: {integrity: sha512-gt3PKXs0DBoL9xCvOIIZ2NEqAGZqHjAnmVbfQtB620V0uReIQutpel14KcneZuer7UioY8ALKZ7iocavvzTNFA==}
     engines: {node: '>=6.9.0'}
     dependencies:
       regenerator-runtime: 0.13.11
+    dev: false
+
+  /@babel/runtime@7.23.7:
+    resolution: {integrity: sha512-w06OXVOFso7LcbzMiDGt+3X7Rh7Ho8MmgPoWU3rarH+8upf+wSU/grlGbWzQyr3DkdN6ZeuMFjpdwW0Q+HxobA==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      regenerator-runtime: 0.14.1
+    dev: true
 
   /@babel/template@7.22.15:
     resolution: {integrity: sha512-QPErUVm4uyJa60rkI73qneDacvdvzxshT3kksGqlGWYdOTIUOwJ7RDUL8sGqslY1uXWSL6xMFKEXDS3ox2uF0w==}
@@ -2214,6 +2256,14 @@ packages:
       crelt: 1.0.5
     dev: false
 
+  /@codemirror/lint@6.4.2:
+    resolution: {integrity: sha512-wzRkluWb1ptPKdzlsrbwwjYCPLgzU6N88YBAmlZi8WFyuiEduSd05MnJYNogzyc8rPK7pj6m95ptUApc8sHKVA==}
+    dependencies:
+      '@codemirror/state': 6.4.0
+      '@codemirror/view': 6.23.0
+      crelt: 1.0.6
+    dev: false
+
   /@codemirror/search@6.5.5:
     resolution: {integrity: sha512-PIEN3Ke1buPod2EHbJsoQwlbpkz30qGZKcnmH1eihq9+bPQx8gelauUwLYaY4vBOuBAuEhmpDLii4rj/uO0yMA==}
     dependencies:
@@ -2298,7 +2348,7 @@ packages:
     resolution: {integrity: sha512-ZX/etZEZw8DR7zAB1eVQT40lNo0jeqpb6dCgOvctB6FIQ5PoXfMuNY8+ayQfu8tNQbAB8gQWSSJupR8NxeiZXw==}
     requiresBuild: true
     dependencies:
-      tslib: 2.5.0
+      tslib: 2.6.2
     optional: true
 
   /@esbuild/aix-ppc64@0.19.11:
@@ -2939,19 +2989,33 @@ packages:
       '@jridgewell/sourcemap-codec': 1.4.15
       '@jridgewell/trace-mapping': 0.3.17
 
+  /@jridgewell/gen-mapping@0.3.3:
+    resolution: {integrity: sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==}
+    engines: {node: '>=6.0.0'}
+    dependencies:
+      '@jridgewell/set-array': 1.1.2
+      '@jridgewell/sourcemap-codec': 1.4.15
+      '@jridgewell/trace-mapping': 0.3.20
+    dev: true
+
   /@jridgewell/resolve-uri@3.1.0:
     resolution: {integrity: sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w==}
     engines: {node: '>=6.0.0'}
 
+  /@jridgewell/resolve-uri@3.1.1:
+    resolution: {integrity: sha512-dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA==}
+    engines: {node: '>=6.0.0'}
+    dev: true
+
   /@jridgewell/set-array@1.1.2:
     resolution: {integrity: sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==}
     engines: {node: '>=6.0.0'}
 
-  /@jridgewell/source-map@0.3.2:
-    resolution: {integrity: sha512-m7O9o2uR8k2ObDysZYzdfhb08VuEml5oWGiosa1VdaPZ/A6QyPkAJuwN0Q1lhULOf6B7MtQmHENS743hWtCrgw==}
+  /@jridgewell/source-map@0.3.5:
+    resolution: {integrity: sha512-UTYAUj/wviwdsMfzoSJspJxbkH5o1snzwX0//0ENX1u/55kkZZkcTZP6u9bwKGkv+dkk9at4m1Cpt0uY80kcpQ==}
     dependencies:
-      '@jridgewell/gen-mapping': 0.3.2
-      '@jridgewell/trace-mapping': 0.3.17
+      '@jridgewell/gen-mapping': 0.3.3
+      '@jridgewell/trace-mapping': 0.3.20
     dev: true
 
   /@jridgewell/sourcemap-codec@1.4.14:
@@ -2966,6 +3030,13 @@ packages:
       '@jridgewell/resolve-uri': 3.1.0
       '@jridgewell/sourcemap-codec': 1.4.14
 
+  /@jridgewell/trace-mapping@0.3.20:
+    resolution: {integrity: sha512-R8LcPeWZol2zR8mmH3JeKQ6QRCFb7XgUhV9ZlGhHLGyg4wpPiPZNQOOWhFZhxKw8u//yTbNGI42Bx/3paXEQ+Q==}
+    dependencies:
+      '@jridgewell/resolve-uri': 3.1.1
+      '@jridgewell/sourcemap-codec': 1.4.15
+    dev: true
+
   /@jsdoc/salty@0.2.3:
     resolution: {integrity: sha512-bbtCxCkxcnWhi50I+4Lj6mdz9w3pOXOgEQrID8TCZ/DF51fW7M9GCQW2y45SpBDdHd1Eirm1X/Cf6CkAAe8HPg==}
     engines: {node: '>=v12.0.0'}
@@ -3541,7 +3612,7 @@ packages:
       '@codemirror/view': 6.23.0
     dev: false
 
-  /@replit/codemirror-vscode-keymap@6.0.2(@codemirror/autocomplete@6.11.1)(@codemirror/commands@6.3.3)(@codemirror/language@6.10.0)(@codemirror/lint@6.1.0)(@codemirror/search@6.5.5)(@codemirror/state@6.4.0)(@codemirror/view@6.23.0):
+  /@replit/codemirror-vscode-keymap@6.0.2(@codemirror/autocomplete@6.11.1)(@codemirror/commands@6.3.3)(@codemirror/language@6.10.0)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.4.0)(@codemirror/view@6.23.0):
     resolution: {integrity: sha512-j45qTwGxzpsv82lMD/NreGDORFKSctMDVkGRopaP+OrzSzv+pXDQuU3LnFvKpasyjVT0lf+PKG1v2DSCn/vxxg==}
     peerDependencies:
       '@codemirror/autocomplete': ^6.0.0
@@ -3555,7 +3626,7 @@ packages:
       '@codemirror/autocomplete': 6.11.1(@codemirror/language@6.10.0)(@codemirror/state@6.4.0)(@codemirror/view@6.23.0)(@lezer/common@1.2.0)
       '@codemirror/commands': 6.3.3
       '@codemirror/language': 6.10.0
-      '@codemirror/lint': 6.1.0
+      '@codemirror/lint': 6.4.2
       '@codemirror/search': 6.5.5
       '@codemirror/state': 6.4.0
       '@codemirror/view': 6.23.0
@@ -3587,7 +3658,7 @@ packages:
       '@rollup/pluginutils': 3.1.0(rollup@2.79.1)
       '@types/resolve': 1.17.1
       builtin-modules: 3.3.0
-      deepmerge: 4.2.2
+      deepmerge: 4.3.1
       is-module: 1.0.0
       resolve: 1.22.8
       rollup: 2.79.1
@@ -3834,10 +3905,10 @@ packages:
   /@surma/rollup-plugin-off-main-thread@2.2.3:
     resolution: {integrity: sha512-lR8q/9W7hZpMWweNiAKU7NQerBnzQQLvi8qnTDU/fxItPhtZVMbPV3lbCwjhIlNBe9Bbr5V+KHshvWmVSG9cxQ==}
     dependencies:
-      ejs: 3.1.8
+      ejs: 3.1.9
       json5: 2.2.3
       magic-string: 0.25.9
-      string.prototype.matchall: 4.0.8
+      string.prototype.matchall: 4.0.10
     dev: true
 
   /@tailwindcss/forms@0.5.7(tailwindcss@3.4.0):
@@ -4318,6 +4389,12 @@ packages:
   /@types/unist@3.0.1:
     resolution: {integrity: sha512-ue/hDUpPjC85m+PM9OQDMZr3LywT+CT6mPsQq8OJtCLiERkGRcQUFvu9XASF5XWqyZFXbf15lvb3JFJ4dRLWPg==}
 
+  /@types/webmidi@2.0.10:
+    resolution: {integrity: sha512-4RmTFMB6mN2h8XbJa1x3cOs9IOkXvFyHGcPUpUvWfmATuKg/J+dsFiMVgCE2EkpS+/8a8AP2tE3rQT1mLG7vEg==}
+    requiresBuild: true
+    dev: false
+    optional: true
+
   /@types/webmidi@2.0.6:
     resolution: {integrity: sha512-sfS0A5IryqmBrUpcGPipEPeFdpqmZzP6b6lZFxHKgz5n2Vhzh4yJ5P2TvoDUhDjqJyv0Y25ng0Qodgo2Vu08ug==}
     dev: false
@@ -4762,10 +4839,10 @@ packages:
       vite-plugin-pwa: '>=0.17.3 <1'
     dependencies:
       astro: 4.0.8(@types/node@20.10.6)(typescript@5.3.3)
-      vite-plugin-pwa: 0.17.4(vite@5.0.10)(workbox-build@7.0.0)(workbox-window@7.0.0)
+      vite-plugin-pwa: 0.17.4(vite@5.0.11)(workbox-build@7.0.0)(workbox-window@7.0.0)
     dev: true
 
-  /@vitejs/plugin-react@4.2.1(vite@5.0.10):
+  /@vitejs/plugin-react@4.2.1(vite@5.0.11):
     resolution: {integrity: sha512-oojO9IDc4nCUUi8qIR11KoQm0XFFLIwsRBwHRR4d/88IWghn1y6ckz/bJ8GHDCsYEJee8mDzqtJxh15/cisJNQ==}
     engines: {node: ^14.18.0 || >=16.0.0}
     peerDependencies:
@@ -4776,7 +4853,7 @@ packages:
       '@babel/plugin-transform-react-jsx-source': 7.23.3(@babel/core@7.23.7)
       '@types/babel__core': 7.20.5
       react-refresh: 0.14.0
-      vite: 5.0.10(@types/node@20.10.6)
+      vite: 5.0.11(@types/node@20.10.6)
     transitivePeerDependencies:
       - supports-color
     dev: false
@@ -5284,6 +5361,10 @@ packages:
     resolution: {integrity: sha512-iAB+JbDEGXhyIUavoDl9WP/Jj106Kz9DEn1DPgYw5ruDn0e3Wgi3sKFm55sASdGBNOQB8F59d9qQ7deqrHA8wQ==}
     dev: true
 
+  /async@3.2.5:
+    resolution: {integrity: sha512-baNZyqaaLhyLVKm/DlvdW051MSgO6b8eVfIezl9E5PqWxFgzLm/wQntEW4zOytVburDEr0JlALEpdOFwvErLsg==}
+    dev: true
+
   /asynckit@0.4.0:
     resolution: {integrity: sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==}
     dev: true
@@ -5336,38 +5417,38 @@ packages:
     resolution: {integrity: sha512-3AN/9V/rKuv90NG65m4tTHsI04XrCKsWbztIcW7a8H5iIN7WlvWucRtVV0V/rT4QvtA11n5Vmp20fLwfMWqp6g==}
     dev: false
 
-  /babel-plugin-polyfill-corejs2@0.3.3(@babel/core@7.23.7):
-    resolution: {integrity: sha512-8hOdmFYFSZhqg2C/JgLUQ+t52o5nirNwaWM2B9LWteozwIvM14VSwdsCAUET10qT+kmySAlseadmfeeSWFCy+Q==}
+  /babel-plugin-polyfill-corejs2@0.4.7(@babel/core@7.23.7):
+    resolution: {integrity: sha512-LidDk/tEGDfuHW2DWh/Hgo4rmnw3cduK6ZkOI1NPFceSK3n/yAGeOsNT7FLnSGHkXj3RHGSEVkN3FsCTY6w2CQ==}
     peerDependencies:
-      '@babel/core': ^7.0.0-0
+      '@babel/core': ^7.4.0 || ^8.0.0-0 <8.0.0
     dependencies:
       '@babel/compat-data': 7.23.5
       '@babel/core': 7.23.7
-      '@babel/helper-define-polyfill-provider': 0.3.3(@babel/core@7.23.7)
+      '@babel/helper-define-polyfill-provider': 0.4.4(@babel/core@7.23.7)
       semver: 6.3.1
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /babel-plugin-polyfill-corejs3@0.6.0(@babel/core@7.23.7):
-    resolution: {integrity: sha512-+eHqR6OPcBhJOGgsIar7xoAB1GcSwVUA3XjAd7HJNzOXT4wv6/H7KIdA/Nc60cvUlDbKApmqNvD1B1bzOt4nyA==}
+  /babel-plugin-polyfill-corejs3@0.8.7(@babel/core@7.23.7):
+    resolution: {integrity: sha512-KyDvZYxAzkC0Aj2dAPyDzi2Ym15e5JKZSK+maI7NAwSqofvuFglbSsxE7wUOvTg9oFVnHMzVzBKcqEb4PJgtOA==}
     peerDependencies:
-      '@babel/core': ^7.0.0-0
+      '@babel/core': ^7.4.0 || ^8.0.0-0 <8.0.0
     dependencies:
       '@babel/core': 7.23.7
-      '@babel/helper-define-polyfill-provider': 0.3.3(@babel/core@7.23.7)
-      core-js-compat: 3.27.2
+      '@babel/helper-define-polyfill-provider': 0.4.4(@babel/core@7.23.7)
+      core-js-compat: 3.35.0
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /babel-plugin-polyfill-regenerator@0.4.1(@babel/core@7.23.7):
-    resolution: {integrity: sha512-NtQGmyQDXjQqQ+IzRkBVwEOz9lQ4zxAQZgoAYEtU9dJjnl1Oc98qnN7jcp+bE7O7aYzVpavXE3/VKXNzUbh7aw==}
+  /babel-plugin-polyfill-regenerator@0.5.4(@babel/core@7.23.7):
+    resolution: {integrity: sha512-S/x2iOCvDaCASLYsOOgWOq4bCfKYVqvO/uxjkaYyZ3rVsVE3CeAI/c84NpyuBBymEgNvHgjEot3a9/Z/kXvqsg==}
     peerDependencies:
-      '@babel/core': ^7.0.0-0
+      '@babel/core': ^7.4.0 || ^8.0.0-0 <8.0.0
     dependencies:
       '@babel/core': 7.23.7
-      '@babel/helper-define-polyfill-provider': 0.3.3(@babel/core@7.23.7)
+      '@babel/helper-define-polyfill-provider': 0.4.4(@babel/core@7.23.7)
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -6086,8 +6167,8 @@ packages:
     resolution: {integrity: sha512-U71cyTamuh1CRNCfpGY6to28lxvNwPG4Guz/EVjgf3Jmzv0vlDp1atT9eS5dDjMYHucpHbWns6Lwf3BKz6svdw==}
     engines: {node: '>= 0.6'}
 
-  /core-js-compat@3.27.2:
-    resolution: {integrity: sha512-welaYuF7ZtbYKGrIy7y3eb40d37rG1FvzEOfe7hSLd2iD6duMDqUhRfSvCGyC46HhR6Y8JXXdZ2lnRUMkPBpvg==}
+  /core-js-compat@3.35.0:
+    resolution: {integrity: sha512-5blwFAddknKeNgsjBzilkdQ0+YK8L1PfqPYq40NOYMYFSS38qj+hpTcLLWwpIwA2A5bje/x5jmVn2tzUMg9IVw==}
     dependencies:
       browserslist: 4.22.2
     dev: true
@@ -6115,6 +6196,10 @@ packages:
     resolution: {integrity: sha512-+BO9wPPi+DWTDcNYhr/W90myha8ptzftZT+LwcmUbbok0rcP/fequmFYCw8NMoH7pkAZQzU78b3kYrlua5a9eA==}
     dev: false
 
+  /crelt@1.0.6:
+    resolution: {integrity: sha512-VQ2MBenTq1fWZUH9DJNGti7kKv6EeAuYr3cLwxUWhIu1baTaXh4Ib5W2CqHVqib4/MqbYGJqiL3Zb8GJZr3l4g==}
+    dev: false
+
   /cross-spawn@7.0.3:
     resolution: {integrity: sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==}
     engines: {node: '>= 8'}
@@ -6148,6 +6233,10 @@ packages:
     engines: {node: '>= 12'}
     dev: true
 
+  /date-fns@3.2.0:
+    resolution: {integrity: sha512-E4KWKavANzeuusPi0jUjpuI22SURAznGkx7eZV+4i6x2A+IZxAMcajgkvuDAU1bg40+xuhW1zRdVIIM/4khuIg==}
+    dev: false
+
   /dateformat@3.0.3:
     resolution: {integrity: sha512-jyCETtSl3VMZMWeRo7iY1FL19ges1t55hMo5yaam4Jrsm5EPL89UQkoQRyiI+Yf4k8r2ZpdngkV8hr1lIdjb3Q==}
     dev: true
@@ -6238,8 +6327,8 @@ packages:
   /deep-is@0.1.4:
     resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
 
-  /deepmerge@4.2.2:
-    resolution: {integrity: sha512-FJ3UgI4gIl+PHZm53knsuSFpE+nESMr7M4v9QcgB7S63Kj/6WqMiFQJpBBYz1Pt+66bZpP3Q7Lye0Oo9MPKEdg==}
+  /deepmerge@4.3.1:
+    resolution: {integrity: sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==}
     engines: {node: '>=0.10.0'}
     dev: true
 
@@ -6498,6 +6587,14 @@ packages:
       jake: 10.8.5
     dev: true
 
+  /ejs@3.1.9:
+    resolution: {integrity: sha512-rC+QVNMJWv+MtPgkt0y+0rVEIdbtxVADApW9JXrUVlzHetgcyczP/E7DJmWJ4fJCZF2cPcBk0laWO9ZHMG3DmQ==}
+    engines: {node: '>=0.10.0'}
+    hasBin: true
+    dependencies:
+      jake: 10.8.7
+    dev: true
+
   /electron-to-chromium@1.4.574:
     resolution: {integrity: sha512-bg1m8L0n02xRzx4LsTTMbBPiUd9yIR+74iPtS/Ao65CuXvhVZHP0ym1kSdDG3yHFDXqHQQBKujlN1AQ8qZnyFg==}
     dev: false
@@ -7095,6 +7192,13 @@ packages:
   /fast-levenshtein@2.0.6:
     resolution: {integrity: sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==}
 
+  /fast-xml-parser@4.3.3:
+    resolution: {integrity: sha512-coV/D1MhrShMvU6D0I+VAK3umz6hUaxxhL0yp/9RjfiYUfAv14rDhGQL+PLForhMdr0wq3PiV07WtkkNjJjNHg==}
+    hasBin: true
+    dependencies:
+      strnum: 1.0.5
+    dev: false
+
   /fastq@1.15.0:
     resolution: {integrity: sha512-wBrocU2LCXXa+lWBt8RoIRD89Fi8OdABODa/kEnyeyjS5aZO5/GNvI5sEINADqP/h8M29UHTHUb53sUu5Ihqdw==}
     dependencies:
@@ -8541,6 +8645,17 @@ packages:
       minimatch: 3.1.2
     dev: true
 
+  /jake@10.8.7:
+    resolution: {integrity: sha512-ZDi3aP+fG/LchyBzUM804VjddnwfSfsdeYkwt8NcbKRvo4rFkjhs456iLFn3k2ZUWvNe4i48WACDbza8fhq2+w==}
+    engines: {node: '>=10'}
+    hasBin: true
+    dependencies:
+      async: 3.2.5
+      chalk: 4.1.2
+      filelist: 1.0.4
+      minimatch: 3.1.2
+    dev: true
+
   /jazz-midi@1.7.9:
     resolution: {integrity: sha512-c8c4BBgwxdsIr1iVm53nadCrtH7BUlnX3V95ciK/gbvXN/ndE5+POskBalXgqlc/r9p2XUbdLTrgrC6fou5p9w==}
     engines: {node: '>=10.0.0'}
@@ -8747,6 +8862,15 @@ packages:
       jazz-midi: 1.7.9
     dev: false
 
+  /jzz@1.7.7:
+    resolution: {integrity: sha512-fh7Qxb7G4q+7XqmayINHtGj2WpXtQTm+crFK0kg/s7JDhXLKg97MV0MXpADWNFJrNNVb9mkwNzW9sQlkRlfyug==}
+    requiresBuild: true
+    dependencies:
+      '@types/webmidi': 2.0.10
+      jazz-midi: 1.7.9
+    dev: false
+    optional: true
+
   /kind-of@6.0.3:
     resolution: {integrity: sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==}
     engines: {node: '>=0.10.0'}
@@ -11235,6 +11359,11 @@ packages:
     resolution: {integrity: sha512-rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA==}
     engines: {node: '>=6'}
 
+  /punycode@2.3.1:
+    resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==}
+    engines: {node: '>=6'}
+    dev: true
+
   /queue-microtask@1.2.3:
     resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
 
@@ -11481,8 +11610,8 @@ packages:
       test-value: 2.1.0
     dev: true
 
-  /regenerate-unicode-properties@10.1.0:
-    resolution: {integrity: sha512-d1VudCLoIGitcU/hEg2QqvyGZQmdC0Lf8BqdOMXGFSvJP4bNV1+XqbPQeHHLD51Jh4QJJ225dlIFvY4Ly6MXmQ==}
+  /regenerate-unicode-properties@10.1.1:
+    resolution: {integrity: sha512-X007RyZLsCJVVrjgEFVpLUTZwyOZk3oiL75ZcuYjlIWd6rNJtOjkBwQc5AsRrpbKVkxN6sklw/k/9m2jJYOf8Q==}
     engines: {node: '>=4'}
     dependencies:
       regenerate: 1.4.2
@@ -11494,11 +11623,16 @@ packages:
 
   /regenerator-runtime@0.13.11:
     resolution: {integrity: sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==}
+    dev: false
 
-  /regenerator-transform@0.15.1:
-    resolution: {integrity: sha512-knzmNAcuyxV+gQCufkYcvOqX/qIIfHLv0u5x79kRxuGojfYVky1f15TzZEu2Avte8QGepvUNTnLskf8E6X6Vyg==}
+  /regenerator-runtime@0.14.1:
+    resolution: {integrity: sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==}
+    dev: true
+
+  /regenerator-transform@0.15.2:
+    resolution: {integrity: sha512-hfMp2BoF0qOk3uc5V20ALGDS2ddjQaLrdl7xrGXvAIow7qeWRM2VA2HuCHkUKk9slq3VwEwLNK3DFBqDfPGYtg==}
     dependencies:
-      '@babel/runtime': 7.20.13
+      '@babel/runtime': 7.23.7
     dev: true
 
   /regexp.prototype.flags@1.5.1:
@@ -11515,22 +11649,18 @@ packages:
     engines: {node: '>=8'}
     dev: false
 
-  /regexpu-core@5.2.2:
-    resolution: {integrity: sha512-T0+1Zp2wjF/juXMrMxHxidqGYn8U4R+zleSJhX9tQ1PUsS8a9UtYfbsF9LdiVgNX3kiX8RNaKM42nfSgvFJjmw==}
+  /regexpu-core@5.3.2:
+    resolution: {integrity: sha512-RAM5FlZz+Lhmo7db9L298p2vHP5ZywrVXmVXpmAD9GuL5MPH6t9ROw1iA/wfHkQ76Qe7AaPF0nGuim96/IrQMQ==}
     engines: {node: '>=4'}
     dependencies:
+      '@babel/regjsgen': 0.8.0
       regenerate: 1.4.2
-      regenerate-unicode-properties: 10.1.0
-      regjsgen: 0.7.1
+      regenerate-unicode-properties: 10.1.1
       regjsparser: 0.9.1
       unicode-match-property-ecmascript: 2.0.0
       unicode-match-property-value-ecmascript: 2.1.0
     dev: true
 
-  /regjsgen@0.7.1:
-    resolution: {integrity: sha512-RAt+8H2ZEzHeYWxZ3H2z6tF18zyyOnlcdaafLrm21Bguj7uZy6ULibiAFdXEtKQY4Sy7wDTwDiOazasMLc4KPA==}
-    dev: true
-
   /regjsparser@0.9.1:
     resolution: {integrity: sha512-dQUtn90WanSNl+7mQKcXAgZxvUe7Z0SqXlgzv0za4LwiUhyzBC58yQO3liFoUgu8GiJVInAhJjkj1N0EtQ5nkQ==}
     hasBin: true
@@ -11821,7 +11951,7 @@ packages:
       jest-worker: 26.6.2
       rollup: 2.79.1
       serialize-javascript: 4.0.0
-      terser: 5.16.3
+      terser: 5.26.0
     dev: true
 
   /rollup-plugin-visualizer@5.12.0:
@@ -12389,8 +12519,8 @@ packages:
       get-east-asian-width: 1.2.0
       strip-ansi: 7.1.0
 
-  /string.prototype.matchall@4.0.8:
-    resolution: {integrity: sha512-6zOCOcJ+RJAQshcTvXPHoxoQGONa3e/Lqx90wUA+wEzX78sg5Bo+1tQo4N0pohS0erG9qtCqJDjNCQBjeWVxyg==}
+  /string.prototype.matchall@4.0.10:
+    resolution: {integrity: sha512-rGXbGmOEosIQi6Qva94HUjgPs9vKW+dkG7Y8Q5O2OYkWL6wFaTRZO8zM4mhP94uX55wgyrXzfS2aGtGzUL7EJQ==}
     dependencies:
       call-bind: 1.0.5
       define-properties: 1.2.1
@@ -12399,6 +12529,7 @@ packages:
       has-symbols: 1.0.3
       internal-slot: 1.0.6
       regexp.prototype.flags: 1.5.1
+      set-function-name: 2.0.1
       side-channel: 1.0.4
     dev: true
 
@@ -12523,6 +12654,10 @@ packages:
       acorn: 8.11.3
     dev: true
 
+  /strnum@1.0.5:
+    resolution: {integrity: sha512-J8bbNyKKXl5qYcR36TIO8W3mVGVHrmmxsd5PAItGkmyzwJvybiw2IVq5nqd0i4LSNSkB/sx9VHllbfFdr9k1JA==}
+    dev: false
+
   /strong-log-transformer@2.1.0:
     resolution: {integrity: sha512-B3Hgul+z0L9a236FAUC9iZsL+nVHgoCJnqCbN588DjYxvGXaXaaFbfmQ/JhvKjZwsOukuR72XbHv71Qkug0HxA==}
     engines: {node: '>=4'}
@@ -12705,12 +12840,12 @@ packages:
       unique-string: 2.0.0
     dev: true
 
-  /terser@5.16.3:
-    resolution: {integrity: sha512-v8wWLaS/xt3nE9dgKEWhNUFP6q4kngO5B8eYFUuebsu7Dw/UNAnpUod6UHo04jSSkv8TzKHjZDSd7EXdDQAl8Q==}
+  /terser@5.26.0:
+    resolution: {integrity: sha512-dytTGoE2oHgbNV9nTzgBEPaqAWvcJNl66VZ0BkJqlvp71IjO8CxdBx/ykCNb47cLnCmCvRZ6ZR0tLkqvZCdVBQ==}
     engines: {node: '>=10'}
     hasBin: true
     dependencies:
-      '@jridgewell/source-map': 0.3.2
+      '@jridgewell/source-map': 0.3.5
       acorn: 8.11.3
       commander: 2.20.3
       source-map-support: 0.5.21
@@ -12825,7 +12960,7 @@ packages:
   /tr46@1.0.1:
     resolution: {integrity: sha512-dTpowEjclQ7Kgx5SdBkqRzVhERQXov8/l9Ft9dVM9fmg0W0KQSVaXX9T4i6twCPNtYiZM53lpSSUAwJbFPOHxA==}
     dependencies:
-      punycode: 2.3.0
+      punycode: 2.3.1
     dev: true
 
   /trim-lines@3.0.1:
@@ -12880,6 +13015,11 @@ packages:
   /tslib@2.5.0:
     resolution: {integrity: sha512-336iVw3rtn2BUK7ORdIAHTyxHGRIHVReokCR3XjbckJMK7ms8FysBfhLR8IXnAgy7T0PTPNBWKiH514FOW/WSg==}
 
+  /tslib@2.6.2:
+    resolution: {integrity: sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==}
+    requiresBuild: true
+    optional: true
+
   /tsutils@3.21.0(typescript@5.3.3):
     resolution: {integrity: sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==}
     engines: {node: '>= 6'}
@@ -13363,7 +13503,7 @@ packages:
       debug: 4.3.4
       pathe: 1.1.1
       picocolors: 1.0.0
-      vite: 5.0.10(@types/node@20.10.6)
+      vite: 5.0.11(@types/node@20.10.6)
     transitivePeerDependencies:
       - '@types/node'
       - less
@@ -13375,7 +13515,7 @@ packages:
       - terser
     dev: true
 
-  /vite-plugin-pwa@0.17.4(vite@5.0.10)(workbox-build@7.0.0)(workbox-window@7.0.0):
+  /vite-plugin-pwa@0.17.4(vite@5.0.11)(workbox-build@7.0.0)(workbox-window@7.0.0):
     resolution: {integrity: sha512-j9iiyinFOYyof4Zk3Q+DtmYyDVBDAi6PuMGNGq6uGI0pw7E+LNm9e+nQ2ep9obMP/kjdWwzilqUrlfVRj9OobA==}
     engines: {node: '>=16.0.0'}
     peerDependencies:
@@ -13386,7 +13526,7 @@ packages:
       debug: 4.3.4
       fast-glob: 3.3.2
       pretty-bytes: 6.1.1
-      vite: 5.0.10(@types/node@20.10.6)
+      vite: 5.0.11(@types/node@20.10.6)
       workbox-build: 7.0.0
       workbox-window: 7.0.0
     transitivePeerDependencies:
@@ -13428,6 +13568,41 @@ packages:
     optionalDependencies:
       fsevents: 2.3.3
 
+  /vite@5.0.11(@types/node@20.10.6):
+    resolution: {integrity: sha512-XBMnDjZcNAw/G1gEiskiM1v6yzM4GE5aMGvhWTlHAYYhxb7S3/V1s3m2LDHa8Vh6yIWYYB0iJwsEaS523c4oYA==}
+    engines: {node: ^18.0.0 || >=20.0.0}
+    hasBin: true
+    peerDependencies:
+      '@types/node': ^18.0.0 || >=20.0.0
+      less: '*'
+      lightningcss: ^1.21.0
+      sass: '*'
+      stylus: '*'
+      sugarss: '*'
+      terser: ^5.4.0
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+      less:
+        optional: true
+      lightningcss:
+        optional: true
+      sass:
+        optional: true
+      stylus:
+        optional: true
+      sugarss:
+        optional: true
+      terser:
+        optional: true
+    dependencies:
+      '@types/node': 20.10.6
+      esbuild: 0.19.5
+      postcss: 8.4.32
+      rollup: 4.9.2
+    optionalDependencies:
+      fsevents: 2.3.3
+
   /vitefu@0.2.5(vite@5.0.10):
     resolution: {integrity: sha512-SgHtMLoqaeeGnd2evZ849ZbACbnwQCIwRH57t18FxcXoZop0uQu0uzlIhJBlF/eWVzuce0sHeqPcDo+evVcg8Q==}
     peerDependencies:
@@ -13482,7 +13657,7 @@ packages:
       strip-literal: 1.3.0
       tinybench: 2.5.1
       tinypool: 0.8.1
-      vite: 5.0.10(@types/node@20.10.6)
+      vite: 5.0.11(@types/node@20.10.6)
       vite-node: 1.1.0
       why-is-node-running: 2.2.2
     transitivePeerDependencies:
@@ -13554,7 +13729,7 @@ packages:
     dependencies:
       djipevents: 2.0.7
     optionalDependencies:
-      jzz: 1.5.9
+      jzz: 1.7.7
     dev: false
 
   /whatwg-url@5.0.0:
@@ -13676,8 +13851,8 @@ packages:
     dependencies:
       '@apideck/better-ajv-errors': 0.3.6(ajv@8.12.0)
       '@babel/core': 7.23.7
-      '@babel/preset-env': 7.20.2(@babel/core@7.23.7)
-      '@babel/runtime': 7.20.13
+      '@babel/preset-env': 7.23.7(@babel/core@7.23.7)
+      '@babel/runtime': 7.23.7
       '@rollup/plugin-babel': 5.3.1(@babel/core@7.23.7)(rollup@2.79.1)
       '@rollup/plugin-node-resolve': 11.2.1(rollup@2.79.1)
       '@rollup/plugin-replace': 2.4.2(rollup@2.79.1)
diff --git a/src-tauri/README.md b/src-tauri/README.md
index 4045e1904..b674f46dc 100644
--- a/src-tauri/README.md
+++ b/src-tauri/README.md
@@ -1,4 +1,4 @@
-# @strudel.cycles/tauri
+# @strudel/tauri
 
 Rust source files for building native desktop apps using Tauri
 
diff --git a/test/__snapshots__/examples.test.mjs.snap b/test/__snapshots__/examples.test.mjs.snap
index dd7392d11..b3114ed5f 100644
--- a/test/__snapshots__/examples.test.mjs.snap
+++ b/test/__snapshots__/examples.test.mjs.snap
@@ -2408,6 +2408,40 @@ exports[`runs examples > example "hush" example index 0 1`] = `
 ]
 `;
 
+exports[`runs examples > example "inhabit" example index 0 1`] = `
+[
+  "[ 0/1 → 1/8 | s:bd ]",
+  "[ 3/8 → 1/2 | s:bd ]",
+  "[ 3/4 → 7/8 | s:bd ]",
+  "[ 1/1 → 3/2 | s:cp ]",
+  "[ 3/2 → 2/1 | s:sd ]",
+  "[ 2/1 → 17/8 | s:bd ]",
+  "[ 2/1 → 5/2 | s:cp ]",
+  "[ 19/8 → 5/2 | s:bd ]",
+  "[ 5/2 → 3/1 | s:sd ]",
+  "[ 11/4 → 23/8 | s:bd ]",
+  "[ 3/1 → 25/8 | s:bd ]",
+  "[ 27/8 → 7/2 | s:bd ]",
+  "[ 15/4 → 31/8 | s:bd ]",
+]
+`;
+
+exports[`runs examples > example "inhabit" example index 1 1`] = `
+[
+  "[ 0/1 → 1/4 | s:bd ]",
+  "[ 3/4 → 1/1 | s:bd ]",
+  "[ 3/2 → 7/4 | s:bd ]",
+  "[ 2/1 → 33/16 | s:bd ]",
+  "[ 35/16 → 9/4 | s:bd ]",
+  "[ 19/8 → 39/16 | s:bd ]",
+  "[ 5/2 → 11/4 | s:sd ]",
+  "[ 11/4 → 3/1 | s:sd ]",
+  "[ 3/1 → 25/8 | s:bd ]",
+  "[ 27/8 → 7/2 | s:bd ]",
+  "[ 15/4 → 31/8 | s:bd ]",
+]
+`;
+
 exports[`runs examples > example "inside" example index 0 1`] = `
 [
   "[ 0/1 → 1/8 | note:D3 ]",
@@ -3332,6 +3366,55 @@ exports[`runs examples > example "pan" example index 0 1`] = `
 ]
 `;
 
+exports[`runs examples > example "panchor" example index 0 1`] = `
+[
+  "[ 0/1 → 1/1 | note:c penv:12 panchor:0 ]",
+  "[ 1/1 → 2/1 | note:c penv:12 panchor:0.5 ]",
+  "[ 2/1 → 3/1 | note:c penv:12 panchor:1 ]",
+  "[ 3/1 → 4/1 | note:c penv:12 panchor:0.5 ]",
+]
+`;
+
+exports[`runs examples > example "pattack" example index 0 1`] = `
+[
+  "[ 0/1 → 1/1 | note:c pattack:0 ]",
+  "[ 1/1 → 2/1 | note:eb pattack:0.1 ]",
+  "[ 2/1 → 3/1 | note:g pattack:0.25 ]",
+  "[ 3/1 → 4/1 | note:bb pattack:0.5 ]",
+]
+`;
+
+exports[`runs examples > example "pcurve" example index 0 1`] = `
+[
+  "[ 0/1 → 1/2 | note:g1 s:sine pdecay:0.5 penv:32 pcurve:0 ]",
+  "[ 1/2 → 1/1 | note:g1 s:sine pdecay:0.5 penv:32 pcurve:0 ]",
+  "[ 1/1 → 3/2 | note:g1 s:sine pdecay:0.5 penv:32 pcurve:1 ]",
+  "[ 3/2 → 2/1 | note:g1 s:sine pdecay:0.5 penv:32 pcurve:1 ]",
+  "[ 2/1 → 5/2 | note:g1 s:sine pdecay:0.5 penv:32 pcurve:0 ]",
+  "[ 5/2 → 3/1 | note:g1 s:sine pdecay:0.5 penv:32 pcurve:0 ]",
+  "[ 3/1 → 7/2 | note:g1 s:sine pdecay:0.5 penv:32 pcurve:1 ]",
+  "[ 7/2 → 4/1 | note:g1 s:sine pdecay:0.5 penv:32 pcurve:1 ]",
+]
+`;
+
+exports[`runs examples > example "pdecay" example index 0 1`] = `
+[
+  "[ 0/1 → 1/1 | note:c pdecay:0 ]",
+  "[ 1/1 → 2/1 | note:eb pdecay:0.1 ]",
+  "[ 2/1 → 3/1 | note:g pdecay:0.25 ]",
+  "[ 3/1 → 4/1 | note:bb pdecay:0.5 ]",
+]
+`;
+
+exports[`runs examples > example "penv" example index 0 1`] = `
+[
+  "[ 0/1 → 1/1 | note:c penv:12 ]",
+  "[ 1/1 → 2/1 | note:c penv:7 ]",
+  "[ 2/1 → 3/1 | note:c penv:1 ]",
+  "[ 3/1 → 4/1 | note:c penv:0.5 ]",
+]
+`;
+
 exports[`runs examples > example "perlin" example index 0 1`] = `
 [
   "[ 0/1 → 1/4 | s:hh cutoff:512.5097280354112 ]",
@@ -3552,10 +3635,61 @@ exports[`runs examples > example "pick" example index 0 1`] = `
   "[ 9/4 → 5/2 | note:g ]",
   "[ 5/2 → 11/4 | note:f ]",
   "[ 11/4 → 3/1 | note:g ]",
-  "[ 3/1 → 13/4 | note:g ]",
-  "[ 13/4 → 7/2 | note:a ]",
-  "[ 7/2 → 15/4 | note:c ]",
-  "[ 15/4 → 4/1 | note:d ]",
+  "[ 3/1 → 13/4 | note:f ]",
+  "[ 13/4 → 7/2 | note:g ]",
+  "[ 7/2 → 15/4 | note:f ]",
+  "[ 15/4 → 4/1 | note:g ]",
+]
+`;
+
+exports[`runs examples > example "pick" example index 1 1`] = `
+[
+  "[ 0/1 → 1/2 | s:bd ]",
+  "[ 1/2 → 1/1 | s:sd ]",
+  "[ 1/1 → 3/2 | s:cp ]",
+  "[ 3/2 → 2/1 | s:cp ]",
+  "[ 2/1 → 5/2 | s:hh ]",
+  "[ 2/1 → 5/2 | s:bd ]",
+  "[ 5/2 → 3/1 | s:hh ]",
+  "[ 5/2 → 3/1 | s:sd ]",
+  "[ 3/1 → 7/2 | s:bd ]",
+  "[ 7/2 → 4/1 | s:sd ]",
+]
+`;
+
+exports[`runs examples > example "pick" example index 2 1`] = `
+[
+  "[ 0/1 → 1/8 | s:bd ]",
+  "[ 3/8 → 1/2 | s:bd ]",
+  "[ 3/4 → 7/8 | s:bd ]",
+  "[ 1/1 → 9/8 | s:bd ]",
+  "[ 11/8 → 3/2 | s:bd ]",
+  "[ 7/4 → 15/8 | s:bd ]",
+  "[ 2/1 → 17/8 | s:bd ]",
+  "[ 2/1 → 5/2 | s:sd ]",
+  "[ 19/8 → 5/2 | s:bd ]",
+  "[ 5/2 → 3/1 | s:sd ]",
+  "[ 11/4 → 23/8 | s:bd ]",
+  "[ 3/1 → 7/2 | s:sd ]",
+  "[ 7/2 → 4/1 | s:sd ]",
+]
+`;
+
+exports[`runs examples > example "pick" example index 3 1`] = `
+[
+  "[ 0/1 → 1/8 | s:bd ]",
+  "[ 3/8 → 1/2 | s:bd ]",
+  "[ 3/4 → 7/8 | s:bd ]",
+  "[ 1/1 → 9/8 | s:bd ]",
+  "[ 11/8 → 3/2 | s:bd ]",
+  "[ 7/4 → 15/8 | s:bd ]",
+  "[ 2/1 → 17/8 | s:bd ]",
+  "[ 2/1 → 5/2 | s:sd ]",
+  "[ 19/8 → 5/2 | s:bd ]",
+  "[ 5/2 → 3/1 | s:sd ]",
+  "[ 11/4 → 23/8 | s:bd ]",
+  "[ 3/1 → 7/2 | s:sd ]",
+  "[ 7/2 → 4/1 | s:sd ]",
 ]
 `;
 
@@ -3660,6 +3794,15 @@ exports[`runs examples > example "postgain" example index 0 1`] = `
 ]
 `;
 
+exports[`runs examples > example "prelease" example index 0 1`] = `
+[
+  "[ 0/1 → 1/2 | note:c release:0.5 prelease:0 ]",
+  "[ 1/1 → 3/2 | note:eb release:0.5 prelease:0.1 ]",
+  "[ 2/1 → 5/2 | note:g release:0.5 prelease:0.25 ]",
+  "[ 3/1 → 7/2 | note:bb release:0.5 prelease:0.5 ]",
+]
+`;
+
 exports[`runs examples > example "press" example index 0 1`] = `
 [
   "[ 0/1 → 1/2 | s:hh ]",
diff --git a/test/metadata.test.mjs b/test/metadata.test.mjs
index cbd0f8a36..947b045d6 100644
--- a/test/metadata.test.mjs
+++ b/test/metadata.test.mjs
@@ -1,5 +1,5 @@
 import { describe, expect, it } from 'vitest';
-import { getMetadata } from '../website/src/pages/metadata_parser';
+import { getMetadata } from '../website/src/metadata_parser';
 
 describe.concurrent('Metadata parser', () => {
   it('loads a tag from inline comment', async () => {
diff --git a/test/runtime.mjs b/test/runtime.mjs
index fc8f4450a..79e8dcc6d 100644
--- a/test/runtime.mjs
+++ b/test/runtime.mjs
@@ -3,25 +3,25 @@
 // it might require mocking more stuff when tunes added that use other functions
 
 // import * as tunes from './tunes.mjs';
-import { evaluate } from '@strudel.cycles/transpiler';
-import { evalScope } from '@strudel.cycles/core';
-import * as strudel from '@strudel.cycles/core';
-import * as webaudio from '@strudel.cycles/webaudio';
-import controls from '@strudel.cycles/core/controls.mjs';
-// import gist from '@strudel.cycles/core/gist.js';
-import { mini, m } from '@strudel.cycles/mini/mini.mjs';
-// import * as voicingHelpers from '@strudel.cycles/tonal/voicings.mjs';
-// import euclid from '@strudel.cycles/core/euclid.mjs';
-// import '@strudel.cycles/midi/midi.mjs';
-import * as tonalHelpers from '@strudel.cycles/tonal';
-import '@strudel.cycles/xen/xen.mjs';
-// import '@strudel.cycles/xen/tune.mjs';
-// import '@strudel.cycles/core/euclid.mjs';
-// import '@strudel.cycles/core/speak.mjs'; // window is not defined
-// import '@strudel.cycles/osc/osc.mjs';
-// import '@strudel.cycles/webaudio/webaudio.mjs';
-// import '@strudel.cycles/serial/serial.mjs';
-// import controls from '@strudel.cycles/core/controls.mjs';
+import { evaluate } from '@strudel/transpiler';
+import { evalScope } from '@strudel/core';
+import * as strudel from '@strudel/core';
+import * as webaudio from '@strudel/webaudio';
+import controls from '@strudel/core/controls.mjs';
+// import gist from '@strudel/core/gist.js';
+import { mini, m } from '@strudel/mini/mini.mjs';
+// import * as voicingHelpers from '@strudel/tonal/voicings.mjs';
+// import euclid from '@strudel/core/euclid.mjs';
+// import '@strudel/midi/midi.mjs';
+import * as tonalHelpers from '@strudel/tonal';
+import '@strudel/xen/xen.mjs';
+// import '@strudel/xen/tune.mjs';
+// import '@strudel/core/euclid.mjs';
+// import '@strudel/core/speak.mjs'; // window is not defined
+// import '@strudel/osc/osc.mjs';
+// import '@strudel/webaudio/webaudio.mjs';
+// import '@strudel/serial/serial.mjs';
+// import controls from '@strudel/core/controls.mjs';
 import '../website/src/repl/piano';
 
 class MockedNode {
diff --git a/website/.astro/types.d.ts b/website/.astro/types.d.ts
new file mode 100644
index 000000000..268e956b3
--- /dev/null
+++ b/website/.astro/types.d.ts
@@ -0,0 +1,276 @@
+declare module 'astro:content' {
+	interface Render {
+		'.mdx': Promise<{
+			Content: import('astro').MarkdownInstance<{}>['Content'];
+			headings: import('astro').MarkdownHeading[];
+			remarkPluginFrontmatter: Record<string, any>;
+		}>;
+	}
+}
+
+declare module 'astro:content' {
+	interface Render {
+		'.md': Promise<{
+			Content: import('astro').MarkdownInstance<{}>['Content'];
+			headings: import('astro').MarkdownHeading[];
+			remarkPluginFrontmatter: Record<string, any>;
+		}>;
+	}
+}
+
+declare module 'astro:content' {
+	export { z } from 'astro/zod';
+
+	type Flatten<T> = T extends { [K: string]: infer U } ? U : never;
+
+	export type CollectionKey = keyof AnyEntryMap;
+	export type CollectionEntry<C extends CollectionKey> = Flatten<AnyEntryMap[C]>;
+
+	export type ContentCollectionKey = keyof ContentEntryMap;
+	export type DataCollectionKey = keyof DataEntryMap;
+
+	// This needs to be in sync with ImageMetadata
+	export type ImageFunction = () => import('astro/zod').ZodObject<{
+		src: import('astro/zod').ZodString;
+		width: import('astro/zod').ZodNumber;
+		height: import('astro/zod').ZodNumber;
+		format: import('astro/zod').ZodUnion<
+			[
+				import('astro/zod').ZodLiteral<'png'>,
+				import('astro/zod').ZodLiteral<'jpg'>,
+				import('astro/zod').ZodLiteral<'jpeg'>,
+				import('astro/zod').ZodLiteral<'tiff'>,
+				import('astro/zod').ZodLiteral<'webp'>,
+				import('astro/zod').ZodLiteral<'gif'>,
+				import('astro/zod').ZodLiteral<'svg'>,
+				import('astro/zod').ZodLiteral<'avif'>,
+			]
+		>;
+	}>;
+
+	type BaseSchemaWithoutEffects =
+		| import('astro/zod').AnyZodObject
+		| import('astro/zod').ZodUnion<[BaseSchemaWithoutEffects, ...BaseSchemaWithoutEffects[]]>
+		| import('astro/zod').ZodDiscriminatedUnion<string, import('astro/zod').AnyZodObject[]>
+		| import('astro/zod').ZodIntersection<BaseSchemaWithoutEffects, BaseSchemaWithoutEffects>;
+
+	type BaseSchema =
+		| BaseSchemaWithoutEffects
+		| import('astro/zod').ZodEffects<BaseSchemaWithoutEffects>;
+
+	export type SchemaContext = { image: ImageFunction };
+
+	type DataCollectionConfig<S extends BaseSchema> = {
+		type: 'data';
+		schema?: S | ((context: SchemaContext) => S);
+	};
+
+	type ContentCollectionConfig<S extends BaseSchema> = {
+		type?: 'content';
+		schema?: S | ((context: SchemaContext) => S);
+	};
+
+	type CollectionConfig<S> = ContentCollectionConfig<S> | DataCollectionConfig<S>;
+
+	export function defineCollection<S extends BaseSchema>(
+		input: CollectionConfig<S>
+	): CollectionConfig<S>;
+
+	type AllValuesOf<T> = T extends any ? T[keyof T] : never;
+	type ValidContentEntrySlug<C extends keyof ContentEntryMap> = AllValuesOf<
+		ContentEntryMap[C]
+	>['slug'];
+
+	export function getEntryBySlug<
+		C extends keyof ContentEntryMap,
+		E extends ValidContentEntrySlug<C> | (string & {}),
+	>(
+		collection: C,
+		// Note that this has to accept a regular string too, for SSR
+		entrySlug: E
+	): E extends ValidContentEntrySlug<C>
+		? Promise<CollectionEntry<C>>
+		: Promise<CollectionEntry<C> | undefined>;
+
+	export function getDataEntryById<C extends keyof DataEntryMap, E extends keyof DataEntryMap[C]>(
+		collection: C,
+		entryId: E
+	): Promise<CollectionEntry<C>>;
+
+	export function getCollection<C extends keyof AnyEntryMap, E extends CollectionEntry<C>>(
+		collection: C,
+		filter?: (entry: CollectionEntry<C>) => entry is E
+	): Promise<E[]>;
+	export function getCollection<C extends keyof AnyEntryMap>(
+		collection: C,
+		filter?: (entry: CollectionEntry<C>) => unknown
+	): Promise<CollectionEntry<C>[]>;
+
+	export function getEntry<
+		C extends keyof ContentEntryMap,
+		E extends ValidContentEntrySlug<C> | (string & {}),
+	>(entry: {
+		collection: C;
+		slug: E;
+	}): E extends ValidContentEntrySlug<C>
+		? Promise<CollectionEntry<C>>
+		: Promise<CollectionEntry<C> | undefined>;
+	export function getEntry<
+		C extends keyof DataEntryMap,
+		E extends keyof DataEntryMap[C] | (string & {}),
+	>(entry: {
+		collection: C;
+		id: E;
+	}): E extends keyof DataEntryMap[C]
+		? Promise<DataEntryMap[C][E]>
+		: Promise<CollectionEntry<C> | undefined>;
+	export function getEntry<
+		C extends keyof ContentEntryMap,
+		E extends ValidContentEntrySlug<C> | (string & {}),
+	>(
+		collection: C,
+		slug: E
+	): E extends ValidContentEntrySlug<C>
+		? Promise<CollectionEntry<C>>
+		: Promise<CollectionEntry<C> | undefined>;
+	export function getEntry<
+		C extends keyof DataEntryMap,
+		E extends keyof DataEntryMap[C] | (string & {}),
+	>(
+		collection: C,
+		id: E
+	): E extends keyof DataEntryMap[C]
+		? Promise<DataEntryMap[C][E]>
+		: Promise<CollectionEntry<C> | undefined>;
+
+	/** Resolve an array of entry references from the same collection */
+	export function getEntries<C extends keyof ContentEntryMap>(
+		entries: {
+			collection: C;
+			slug: ValidContentEntrySlug<C>;
+		}[]
+	): Promise<CollectionEntry<C>[]>;
+	export function getEntries<C extends keyof DataEntryMap>(
+		entries: {
+			collection: C;
+			id: keyof DataEntryMap[C];
+		}[]
+	): Promise<CollectionEntry<C>[]>;
+
+	export function reference<C extends keyof AnyEntryMap>(
+		collection: C
+	): import('astro/zod').ZodEffects<
+		import('astro/zod').ZodString,
+		C extends keyof ContentEntryMap
+			? {
+					collection: C;
+					slug: ValidContentEntrySlug<C>;
+				}
+			: {
+					collection: C;
+					id: keyof DataEntryMap[C];
+				}
+	>;
+	// Allow generic `string` to avoid excessive type errors in the config
+	// if `dev` is not running to update as you edit.
+	// Invalid collection names will be caught at build time.
+	export function reference<C extends string>(
+		collection: C
+	): import('astro/zod').ZodEffects<import('astro/zod').ZodString, never>;
+
+	type ReturnTypeOrOriginal<T> = T extends (...args: any[]) => infer R ? R : T;
+	type InferEntrySchema<C extends keyof AnyEntryMap> = import('astro/zod').infer<
+		ReturnTypeOrOriginal<Required<ContentConfig['collections'][C]>['schema']>
+	>;
+
+	type ContentEntryMap = {
+		"blog": {
+"release-0.0.2-schwindlig.mdx": {
+	id: "release-0.0.2-schwindlig.mdx";
+  slug: "release-002-schwindlig";
+  body: string;
+  collection: "blog";
+  data: InferEntrySchema<"blog">
+} & { render(): Render[".mdx"] };
+"release-0.0.2.1-stuermisch.mdx": {
+	id: "release-0.0.2.1-stuermisch.mdx";
+  slug: "release-0021-stuermisch";
+  body: string;
+  collection: "blog";
+  data: InferEntrySchema<"blog">
+} & { render(): Render[".mdx"] };
+"release-0.0.3-maelstrom.mdx": {
+	id: "release-0.0.3-maelstrom.mdx";
+  slug: "release-003-maelstrom";
+  body: string;
+  collection: "blog";
+  data: InferEntrySchema<"blog">
+} & { render(): Render[".mdx"] };
+"release-0.0.4-gischt.mdx": {
+	id: "release-0.0.4-gischt.mdx";
+  slug: "release-004-gischt";
+  body: string;
+  collection: "blog";
+  data: InferEntrySchema<"blog">
+} & { render(): Render[".mdx"] };
+"release-0.3.0-donauwelle.mdx": {
+	id: "release-0.3.0-donauwelle.mdx";
+  slug: "release-030-donauwelle";
+  body: string;
+  collection: "blog";
+  data: InferEntrySchema<"blog">
+} & { render(): Render[".mdx"] };
+"release-0.4.0-brandung.mdx": {
+	id: "release-0.4.0-brandung.mdx";
+  slug: "release-040-brandung";
+  body: string;
+  collection: "blog";
+  data: InferEntrySchema<"blog">
+} & { render(): Render[".mdx"] };
+"release-0.5.0-wirbel.mdx": {
+	id: "release-0.5.0-wirbel.mdx";
+  slug: "release-050-wirbel";
+  body: string;
+  collection: "blog";
+  data: InferEntrySchema<"blog">
+} & { render(): Render[".mdx"] };
+"release-0.6.0-zimtschnecke.mdx": {
+	id: "release-0.6.0-zimtschnecke.mdx";
+  slug: "release-060-zimtschnecke";
+  body: string;
+  collection: "blog";
+  data: InferEntrySchema<"blog">
+} & { render(): Render[".mdx"] };
+"release-0.7.0-zuckerguss.mdx": {
+	id: "release-0.7.0-zuckerguss.mdx";
+  slug: "release-070-zuckerguss";
+  body: string;
+  collection: "blog";
+  data: InferEntrySchema<"blog">
+} & { render(): Render[".mdx"] };
+"release-0.8.0-himbeermuffin.mdx": {
+	id: "release-0.8.0-himbeermuffin.mdx";
+  slug: "release-080-himbeermuffin";
+  body: string;
+  collection: "blog";
+  data: InferEntrySchema<"blog">
+} & { render(): Render[".mdx"] };
+"release-0.9.0-bananenbrot.mdx": {
+	id: "release-0.9.0-bananenbrot.mdx";
+  slug: "release-090-bananenbrot";
+  body: string;
+  collection: "blog";
+  data: InferEntrySchema<"blog">
+} & { render(): Render[".mdx"] };
+};
+
+	};
+
+	type DataEntryMap = {
+		
+	};
+
+	type AnyEntryMap = ContentEntryMap & DataEntryMap;
+
+	type ContentConfig = typeof import("../src/content/config");
+}
diff --git a/website/database.types.ts b/website/database.types.ts
new file mode 100644
index 000000000..152742b4b
--- /dev/null
+++ b/website/database.types.ts
@@ -0,0 +1,120 @@
+// generated with https://supabase.com/docs/reference/javascript/typescript-support#generating-typescript-types
+export type Json = string | number | boolean | null | { [key: string]: Json | undefined } | Json[];
+
+export interface Database {
+  public: {
+    Tables: {
+      code: {
+        Row: {
+          code: string | null;
+          created_at: string | null;
+          featured: boolean | null;
+          hash: string | null;
+          id: number;
+          public: boolean | null;
+        };
+        Insert: {
+          code?: string | null;
+          created_at?: string | null;
+          featured?: boolean | null;
+          hash?: string | null;
+          id?: number;
+          public?: boolean | null;
+        };
+        Update: {
+          code?: string | null;
+          created_at?: string | null;
+          featured?: boolean | null;
+          hash?: string | null;
+          id?: number;
+          public?: boolean | null;
+        };
+        Relationships: [];
+      };
+    };
+    Views: {
+      [_ in never]: never;
+    };
+    Functions: {
+      [_ in never]: never;
+    };
+    Enums: {
+      [_ in never]: never;
+    };
+    CompositeTypes: {
+      [_ in never]: never;
+    };
+  };
+}
+
+export type Tables<
+  PublicTableNameOrOptions extends
+    | keyof (Database['public']['Tables'] & Database['public']['Views'])
+    | { schema: keyof Database },
+  TableName extends PublicTableNameOrOptions extends { schema: keyof Database }
+    ? keyof (Database[PublicTableNameOrOptions['schema']]['Tables'] &
+        Database[PublicTableNameOrOptions['schema']]['Views'])
+    : never = never,
+> = PublicTableNameOrOptions extends { schema: keyof Database }
+  ? (Database[PublicTableNameOrOptions['schema']]['Tables'] &
+      Database[PublicTableNameOrOptions['schema']]['Views'])[TableName] extends {
+      Row: infer R;
+    }
+    ? R
+    : never
+  : PublicTableNameOrOptions extends keyof (Database['public']['Tables'] & Database['public']['Views'])
+    ? (Database['public']['Tables'] & Database['public']['Views'])[PublicTableNameOrOptions] extends {
+        Row: infer R;
+      }
+      ? R
+      : never
+    : never;
+
+export type TablesInsert<
+  PublicTableNameOrOptions extends keyof Database['public']['Tables'] | { schema: keyof Database },
+  TableName extends PublicTableNameOrOptions extends { schema: keyof Database }
+    ? keyof Database[PublicTableNameOrOptions['schema']]['Tables']
+    : never = never,
+> = PublicTableNameOrOptions extends { schema: keyof Database }
+  ? Database[PublicTableNameOrOptions['schema']]['Tables'][TableName] extends {
+      Insert: infer I;
+    }
+    ? I
+    : never
+  : PublicTableNameOrOptions extends keyof Database['public']['Tables']
+    ? Database['public']['Tables'][PublicTableNameOrOptions] extends {
+        Insert: infer I;
+      }
+      ? I
+      : never
+    : never;
+
+export type TablesUpdate<
+  PublicTableNameOrOptions extends keyof Database['public']['Tables'] | { schema: keyof Database },
+  TableName extends PublicTableNameOrOptions extends { schema: keyof Database }
+    ? keyof Database[PublicTableNameOrOptions['schema']]['Tables']
+    : never = never,
+> = PublicTableNameOrOptions extends { schema: keyof Database }
+  ? Database[PublicTableNameOrOptions['schema']]['Tables'][TableName] extends {
+      Update: infer U;
+    }
+    ? U
+    : never
+  : PublicTableNameOrOptions extends keyof Database['public']['Tables']
+    ? Database['public']['Tables'][PublicTableNameOrOptions] extends {
+        Update: infer U;
+      }
+      ? U
+      : never
+    : never;
+
+export type Enums<
+  PublicEnumNameOrOptions extends keyof Database['public']['Enums'] | { schema: keyof Database },
+  EnumName extends PublicEnumNameOrOptions extends { schema: keyof Database }
+    ? keyof Database[PublicEnumNameOrOptions['schema']]['Enums']
+    : never = never,
+> = PublicEnumNameOrOptions extends { schema: keyof Database }
+  ? Database[PublicEnumNameOrOptions['schema']]['Enums'][EnumName]
+  : PublicEnumNameOrOptions extends keyof Database['public']['Enums']
+    ? Database['public']['Enums'][PublicEnumNameOrOptions]
+    : never;
diff --git a/website/package.json b/website/package.json
index a324821bc..a84527cf6 100644
--- a/website/package.json
+++ b/website/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@strudel.cycles/website",
+  "name": "@strudel/website",
   "type": "module",
   "version": "0.6.0",
   "private": true,
@@ -16,6 +16,7 @@
     "@astro-community/astro-embed-youtube": "^0.4.3",
     "@astrojs/mdx": "^2.0.3",
     "@astrojs/react": "^3.0.9",
+    "@astrojs/rss": "^4.0.2",
     "@astrojs/tailwind": "^5.1.0",
     "@docsearch/css": "^3.5.2",
     "@docsearch/react": "^3.5.2",
@@ -23,21 +24,21 @@
     "@heroicons/react": "^2.1.1",
     "@nanostores/persistent": "^0.9.1",
     "@nanostores/react": "^0.7.1",
-    "@strudel.cycles/core": "workspace:*",
-    "@strudel.cycles/csound": "workspace:*",
-    "@strudel.cycles/midi": "workspace:*",
-    "@strudel.cycles/mini": "workspace:*",
-    "@strudel.cycles/osc": "workspace:*",
-    "@strudel.cycles/serial": "workspace:*",
-    "@strudel.cycles/soundfonts": "workspace:*",
-    "@strudel.cycles/tonal": "workspace:*",
-    "@strudel.cycles/transpiler": "workspace:*",
-    "@strudel.cycles/webaudio": "workspace:*",
-    "@strudel.cycles/xen": "workspace:*",
     "@strudel/codemirror": "workspace:*",
+    "@strudel/core": "workspace:*",
+    "@strudel/csound": "workspace:*",
     "@strudel/desktopbridge": "workspace:*",
     "@strudel/hydra": "workspace:*",
+    "@strudel/midi": "workspace:*",
+    "@strudel/mini": "workspace:*",
+    "@strudel/osc": "workspace:*",
     "@strudel/repl": "workspace:*",
+    "@strudel/serial": "workspace:*",
+    "@strudel/soundfonts": "workspace:*",
+    "@strudel/tonal": "workspace:*",
+    "@strudel/transpiler": "workspace:*",
+    "@strudel/webaudio": "workspace:*",
+    "@strudel/xen": "workspace:*",
     "@supabase/supabase-js": "^2.39.1",
     "@tailwindcss/forms": "^0.5.7",
     "@tailwindcss/typography": "^0.5.10",
@@ -48,6 +49,7 @@
     "astro": "^4.0.8",
     "canvas": "^2.11.2",
     "claviature": "^0.1.0",
+    "date-fns": "^3.2.0",
     "nanoid": "^5.0.4",
     "nanostores": "^0.9.5",
     "react": "^18.2.0",
diff --git a/website/src/components/BlogPost.astro b/website/src/components/BlogPost.astro
new file mode 100644
index 000000000..6117d3ceb
--- /dev/null
+++ b/website/src/components/BlogPost.astro
@@ -0,0 +1,27 @@
+---
+import type { CollectionEntry } from 'astro:content';
+
+type Props = { post: CollectionEntry<'blog'> };
+
+const { post } = Astro.props;
+const { Content } = await post.render();
+import { format } from 'date-fns';
+---
+
+<article
+  class="prose max-w-none prose-headings:font-sans prose-headings:font-black prose-headings:text-slate-900 dark:prose-headings:text-gray-200 dark:text-gray-400 dark:prose-strong:text-gray-400 dark:prose-code:text-slate-400 dark:prose-a:text-gray-300 prose-a:text-slate-900 prose-blockquote:text-slate-800 dark:prose-blockquote:text-slate-400 border-b-4 border-lineHighlight pt-4"
+>
+  <div class="pb-2">
+    <div class="md:flex justify-between">
+      <h1 class="mb-4" id={post.slug}>{post.data.title}</h1>
+    </div>
+    <p class="italic p-0 m-0">
+      <time datetime={post.data.date.toISOString()}>
+        {format(post.data.date, 'MMMM yyyy')} by {post.data.author}
+      </time>
+    </p>
+  </div>
+  <div>
+    <Content />
+  </div>
+</article>
diff --git a/website/src/components/BlogVideo.astro b/website/src/components/BlogVideo.astro
new file mode 100644
index 000000000..e9112fdaf
--- /dev/null
+++ b/website/src/components/BlogVideo.astro
@@ -0,0 +1,5 @@
+---
+const { src } = Astro.props;
+---
+
+<video controls width="600" src={src}></video>
diff --git a/website/src/components/HeadCommon.astro b/website/src/components/HeadCommon.astro
index cb3e605a1..a352a2c7d 100644
--- a/website/src/components/HeadCommon.astro
+++ b/website/src/components/HeadCommon.astro
@@ -10,7 +10,7 @@ const baseNoTrailing = BASE_URL.endsWith('/') ? BASE_URL.slice(0, -1) : BASE_URL
 <meta charset="utf-8" />
 <meta name="viewport" content="width=device-width" />
 <meta name="generator" content={Astro.generator} />
-
+<link rel="alternate" type="application/rss+xml" title={`RSS Feed for strudel.cc`} href="/rss.xml" />
 <link rel="icon" type="image/svg+xml" href={`${baseNoTrailing}/favicon.ico`} />
 
 <meta
@@ -24,7 +24,7 @@ const baseNoTrailing = BASE_URL.endsWith('/') ? BASE_URL.slice(0, -1) : BASE_URL
 <base href={BASE_URL} />
 
 <!-- Scrollable a11y code helper -->
-<script src{`${baseNoTrailing}/make-scrollable-code-focusable.js`} is:inline></script>
+<script {`${baseNoTrailing}/make-scrollable-code-focusable.js`} is:inline></script>
 
 <script src="/src/pwa.ts"></script>
 <!-- this does not work for some reason: -->
diff --git a/website/src/components/HeadSEO.astro b/website/src/components/HeadSEO.astro
index 556b50a72..413668c16 100644
--- a/website/src/components/HeadSEO.astro
+++ b/website/src/components/HeadSEO.astro
@@ -1,5 +1,5 @@
 ---
-import { SITE, OPEN_GRAPH, Frontmatter } from '../config';
+import { SITE, OPEN_GRAPH, type Frontmatter } from '../config';
 
 export interface Props {
   frontmatter: Frontmatter;
@@ -25,11 +25,3 @@ const imageAlt = frontmatter.image?.alt ?? OPEN_GRAPH.image.alt;
 <meta property="og:image:alt" content={imageAlt} />
 <meta name="description" property="og:description" content={frontmatter.description ?? SITE.description} />
 <meta property="og:site_name" content={SITE.title} />
-
-<!-- Twitter Tags -->
-<meta name="twitter:card" content="summary_large_image" />
-<meta name="twitter:site" content={OPEN_GRAPH.twitter} />
-<meta name="twitter:title" content={formattedContentTitle} />
-<meta name="twitter:description" content={frontmatter.description ?? SITE.description} />
-<meta name="twitter:image" content={canonicalImageSrc} />
-<meta name="twitter:image:alt" content={imageAlt} />
diff --git a/website/src/components/Header/Header.astro b/website/src/components/Header/Header.astro
index 6447d9d63..cbc91ca0a 100644
--- a/website/src/components/Header/Header.astro
+++ b/website/src/components/Header/Header.astro
@@ -9,7 +9,7 @@ import MobileNav from '../../docs/MobileNav';
 import { SIDEBAR } from '../../config';
 
 type Props = {
-  currentPage: string;
+  currentPage?: string;
 };
 
 const { currentPage } = Astro.props as Props;
diff --git a/website/src/components/PageContent/PageContent.astro b/website/src/components/PageContent/PageContent.astro
index 9c433945f..c53053aff 100644
--- a/website/src/components/PageContent/PageContent.astro
+++ b/website/src/components/PageContent/PageContent.astro
@@ -1,18 +1,11 @@
 ---
-import type { Frontmatter } from '../../config';
 import MoreMenu from '../RightSidebar/MoreMenu.astro';
-import TableOfContents from '../RightSidebar/TableOfContents';
-import type { MarkdownHeading } from 'astro';
 
 type Props = {
-  frontmatter: Frontmatter;
-  headings: MarkdownHeading[];
-  githubEditUrl: string;
+  githubEditUrl?: string;
 };
 
-const { frontmatter, headings, githubEditUrl } = Astro.props as Props;
-const title = frontmatter.title;
-const currentPage = Astro.url.pathname;
+const { githubEditUrl } = Astro.props as Props;
 ---
 
 <article id="article" class="content">
diff --git a/website/src/components/PitchSlider.jsx b/website/src/components/PitchSlider.jsx
index 41b215fb3..2f23a96d0 100644
--- a/website/src/components/PitchSlider.jsx
+++ b/website/src/components/PitchSlider.jsx
@@ -1,7 +1,7 @@
 import useEvent from '@src/useEvent.mjs';
 import useFrame from '@src/useFrame.mjs';
-import { getAudioContext } from '@strudel.cycles/webaudio';
-import { midi2note } from '@strudel.cycles/core';
+import { getAudioContext } from '@strudel/webaudio';
+import { midi2note } from '@strudel/core';
 import { useState, useRef, useEffect } from 'react';
 import Claviature from '@components/Claviature';
 
diff --git a/website/src/components/RightSidebar/MoreMenu.astro b/website/src/components/RightSidebar/MoreMenu.astro
index 1cf1c4e5a..5205c9c57 100644
--- a/website/src/components/RightSidebar/MoreMenu.astro
+++ b/website/src/components/RightSidebar/MoreMenu.astro
@@ -2,7 +2,7 @@
 import * as CONFIG from '../../config';
 
 type Props = {
-  editHref: string;
+  editHref?: string;
 };
 
 const { editHref } = Astro.props as Props;
diff --git a/website/src/components/RightSidebar/RightSidebar.astro b/website/src/components/RightSidebar/RightSidebar.astro
index ba193d240..cd501b1a2 100644
--- a/website/src/components/RightSidebar/RightSidebar.astro
+++ b/website/src/components/RightSidebar/RightSidebar.astro
@@ -6,7 +6,7 @@ import AvatarList from '../Footer/AvatarList.astro';
 
 type Props = {
   headings: MarkdownHeading[];
-  githubEditUrl: string;
+  githubEditUrl?: string;
 };
 
 const { headings, githubEditUrl } = Astro.props as Props;
diff --git a/website/src/components/Showcase.jsx b/website/src/components/Showcase.jsx
index bbdf77855..e4e624a99 100644
--- a/website/src/components/Showcase.jsx
+++ b/website/src/components/Showcase.jsx
@@ -36,6 +36,13 @@ export function Showcase() {
 }
 
 let _videos = [
+  { title: 'Coding Music With Strudel Workhop by Dan Gorelick and Viola He', id: 'oqyAJ4WeKoU' },
+  { title: 'Hexe - playing w strudel live coding music', id: '03m3F5xVOMg' },
+  { title: 'DJ_Dave - Array [Lil Data Edit]', id: 'KUujFuTcuKc' },
+  { title: 'DJ_Dave - Bitrot [v10101a Edit]', id: 'z_cJMdBp67Q' },
+  { title: 'you will not steve reich your way out of it', id: 'xpILnXcWyuo' },
+  { title: 'dough dream #1 - strudel jam 12/03/23', id: 'p0J7XrT9JEs' },
+  { title: 'eddyflux & superdirtspatz at the dough cathedral', id: 'GrkwKMQ7_Ys' },
   // solstice 2023
   { title: 'Jade Rose @ solstice stream 2023', id: 'wg0vW5Ac7L0' },
   {
diff --git a/website/src/config.ts b/website/src/config.ts
index fc904bfa6..effc593c1 100644
--- a/website/src/config.ts
+++ b/website/src/config.ts
@@ -57,6 +57,7 @@ export const SIDEBAR: Sidebar = {
     Presentation: [
       { text: 'What is Strudel?', link: 'workshop/getting-started' },
       { text: 'Showcase', link: 'intro/showcase' },
+      { text: 'Blog', link: 'blog' },
     ],
     Workshop: [
       // { text: 'Getting Started', link: 'workshop/getting-started' },
diff --git a/website/src/content/blog/release-0.0.2-schwindlig.mdx b/website/src/content/blog/release-0.0.2-schwindlig.mdx
new file mode 100644
index 000000000..b65ff98f5
--- /dev/null
+++ b/website/src/content/blog/release-0.0.2-schwindlig.mdx
@@ -0,0 +1,40 @@
+---
+title: 'Release Notes v0.0.2 Schwindlig'
+description: ''
+date: '2022-03-28'
+tags: ['meta']
+author: froos
+---
+
+## What's Changed
+
+- Most work done as [commits to main](https://github.com/tidalcycles/strudel/commits/2a0d8c3f77ff7b34e82602e2d02400707f367316)
+- repl + reify functions by @felixroos in https://github.com/tidalcycles/strudel/pull/2
+- Fix path by @yaxu in https://github.com/tidalcycles/strudel/pull/3
+- update readme for local dev by @kindohm in https://github.com/tidalcycles/strudel/pull/4
+- Patternify all the things by @yaxu in https://github.com/tidalcycles/strudel/pull/5
+- krill parser + improved repl by @felixroos in https://github.com/tidalcycles/strudel/pull/6
+- fixed editor crash by @felixroos in https://github.com/tidalcycles/strudel/pull/7
+- timeCat by @yaxu in https://github.com/tidalcycles/strudel/pull/8
+- Bugfix every, and create more top level functions by @yaxu in https://github.com/tidalcycles/strudel/pull/9
+- Failing test for `when` WIP by @yaxu in https://github.com/tidalcycles/strudel/pull/10
+- Added mask() and struct() by @yaxu in https://github.com/tidalcycles/strudel/pull/11
+- Add continuous signals (sine, cosine, saw, etc) by @yaxu in https://github.com/tidalcycles/strudel/pull/13
+- add apply and layer, and missing div/mul methods by @yaxu in https://github.com/tidalcycles/strudel/pull/15
+- higher latencyHint by @felixroos in https://github.com/tidalcycles/strudel/pull/16
+- test: 📦 Add missing dependency and a CI check, to prevent oversights ;p by @puria in https://github.com/tidalcycles/strudel/pull/17
+- fix: 💄 Enhance visualisation of the Tutorial on mobile by @puria in https://github.com/tidalcycles/strudel/pull/19
+- Stateful queries and events (WIP) by @yaxu in https://github.com/tidalcycles/strudel/pull/14
+- Fix resolveState by @yaxu in https://github.com/tidalcycles/strudel/pull/22
+- added \_asNumber + interprete numbers as midi by @felixroos in https://github.com/tidalcycles/strudel/pull/21
+- Update package.json by @ChiakiUehira in https://github.com/tidalcycles/strudel/pull/23
+- packaging by @felixroos in https://github.com/tidalcycles/strudel/pull/24
+
+## New Contributors
+
+- @felixroos made their first contribution in https://github.com/tidalcycles/strudel/pull/2
+- @kindohm made their first contribution in https://github.com/tidalcycles/strudel/pull/4
+- @puria made their first contribution in https://github.com/tidalcycles/strudel/pull/17
+- @ChiakiUehira made their first contribution in https://github.com/tidalcycles/strudel/pull/23
+
+**Full Changelog**: https://github.com/tidalcycles/strudel/commits/2a0d8c3f77ff7b34e82602e2d02400707f367316
diff --git a/website/src/content/blog/release-0.0.2.1-stuermisch.mdx b/website/src/content/blog/release-0.0.2.1-stuermisch.mdx
new file mode 100644
index 000000000..3824bd6b1
--- /dev/null
+++ b/website/src/content/blog/release-0.0.2.1-stuermisch.mdx
@@ -0,0 +1,53 @@
+---
+title: 'Release Notes v0.0.3 Stürmisch'
+date: '2022-05-20'
+tags: ['meta']
+author: froos
+---
+
+## What's Changed
+
+- Add chunk, chunkBack and iterBack by @yaxu in https://github.com/tidalcycles/strudel/pull/25
+- Update tutorial.mdx by @bwagner in https://github.com/tidalcycles/strudel/pull/37
+- Update tutorial.mdx by @bwagner in https://github.com/tidalcycles/strudel/pull/38
+- Compose by @felixroos in https://github.com/tidalcycles/strudel/pull/40
+- Fix polymeter by @yaxu in https://github.com/tidalcycles/strudel/pull/44
+- First run at squeezeBind, ref #32 by @yaxu in https://github.com/tidalcycles/strudel/pull/48
+- Implement `chop()` by @yaxu in https://github.com/tidalcycles/strudel/pull/50
+- OSC and SuperDirt support by @yaxu in https://github.com/tidalcycles/strudel/pull/27
+- More functions by @yaxu in https://github.com/tidalcycles/strudel/pull/56
+- More functions by @yaxu in https://github.com/tidalcycles/strudel/pull/61
+- Separate out strudel.mjs, make index.mjs aggregate module by @yaxu in https://github.com/tidalcycles/strudel/pull/62
+- Speech output by @felixroos in https://github.com/tidalcycles/strudel/pull/67
+- use new fixed version of osc-js package by @felixroos in https://github.com/tidalcycles/strudel/pull/68
+- First effort at rand() by @yaxu in https://github.com/tidalcycles/strudel/pull/69
+- More randomness, fix `rand`, and add `brand`, `irand` and `choose` by @yaxu in https://github.com/tidalcycles/strudel/pull/70
+- webaudio package by @felixroos in https://github.com/tidalcycles/strudel/pull/26
+- Port `perlin` noise, `rangex`, and `palindrome` by @yaxu in https://github.com/tidalcycles/strudel/pull/73
+- More random functions by @yaxu in https://github.com/tidalcycles/strudel/pull/74
+- Try to fix appLeft / appRight by @yaxu in https://github.com/tidalcycles/strudel/pull/75
+- Basic webserial support by @yaxu in https://github.com/tidalcycles/strudel/pull/80
+- Webaudio in REPL by @felixroos in https://github.com/tidalcycles/strudel/pull/77
+- add `striate()` by @yaxu in https://github.com/tidalcycles/strudel/pull/76
+- Tidy up a couple of old files by @mindofmatthew in https://github.com/tidalcycles/strudel/pull/84
+- Add pattern composers, implements #82 by @yaxu in https://github.com/tidalcycles/strudel/pull/83
+- Fiddles with cat/stack by @yaxu in https://github.com/tidalcycles/strudel/pull/90
+- Paper by @felixroos in https://github.com/tidalcycles/strudel/pull/98
+- Change to Affero GPL by @yaxu in https://github.com/tidalcycles/strudel/pull/101
+- Work on Codemirror 6 highlighting by @mindofmatthew in https://github.com/tidalcycles/strudel/pull/102
+- Codemirror 6 by @felixroos in https://github.com/tidalcycles/strudel/pull/97
+- Tune tests by @felixroos in https://github.com/tidalcycles/strudel/pull/104
+- /embed package: web component for repl by @felixroos in https://github.com/tidalcycles/strudel/pull/106
+- Reset, Restart and other composers by @felixroos in https://github.com/tidalcycles/strudel/pull/88
+- Embed style by @felixroos in https://github.com/tidalcycles/strudel/pull/109
+- In source doc by @yaxu in https://github.com/tidalcycles/strudel/pull/105
+- `.brak()`, `.inside()` and `.outside()` by @yaxu in https://github.com/tidalcycles/strudel/pull/112
+- loopAt by @yaxu in https://github.com/tidalcycles/strudel/pull/114
+- Osc timing improvements by @yaxu in https://github.com/tidalcycles/strudel/pull/113
+
+## New Contributors
+
+- @bwagner made their first contribution in https://github.com/tidalcycles/strudel/pull/37
+- @mindofmatthew made their first contribution in https://github.com/tidalcycles/strudel/pull/84
+
+**Full Changelog**: https://github.com/tidalcycles/strudel/compare/v0.0.2...@strudel.cycles/core@0.1.0
diff --git a/website/src/content/blog/release-0.0.3-maelstrom.mdx b/website/src/content/blog/release-0.0.3-maelstrom.mdx
new file mode 100644
index 000000000..542412d82
--- /dev/null
+++ b/website/src/content/blog/release-0.0.3-maelstrom.mdx
@@ -0,0 +1,66 @@
+---
+title: 'Release Notes v0.0.3 Maelstrom'
+description: ''
+date: '2022-06-18'
+tags: ['meta']
+author: froos
+---
+
+## What's Changed
+
+- Add chunk, chunkBack and iterBack by @yaxu in https://github.com/tidalcycles/strudel/pull/25
+- Update tutorial.mdx by @bwagner in https://github.com/tidalcycles/strudel/pull/37
+- Update tutorial.mdx by @bwagner in https://github.com/tidalcycles/strudel/pull/38
+- Compose by @felixroos in https://github.com/tidalcycles/strudel/pull/40
+- Fix polymeter by @yaxu in https://github.com/tidalcycles/strudel/pull/44
+- First run at squeezeBind, ref #32 by @yaxu in https://github.com/tidalcycles/strudel/pull/48
+- Implement `chop()` by @yaxu in https://github.com/tidalcycles/strudel/pull/50
+- OSC and SuperDirt support by @yaxu in https://github.com/tidalcycles/strudel/pull/27
+- More functions by @yaxu in https://github.com/tidalcycles/strudel/pull/56
+- More functions by @yaxu in https://github.com/tidalcycles/strudel/pull/61
+- Separate out strudel.mjs, make index.mjs aggregate module by @yaxu in https://github.com/tidalcycles/strudel/pull/62
+- Speech output by @felixroos in https://github.com/tidalcycles/strudel/pull/67
+- use new fixed version of osc-js package by @felixroos in https://github.com/tidalcycles/strudel/pull/68
+- First effort at rand() by @yaxu in https://github.com/tidalcycles/strudel/pull/69
+- More randomness, fix `rand`, and add `brand`, `irand` and `choose` by @yaxu in https://github.com/tidalcycles/strudel/pull/70
+- webaudio package by @felixroos in https://github.com/tidalcycles/strudel/pull/26
+- Port `perlin` noise, `rangex`, and `palindrome` by @yaxu in https://github.com/tidalcycles/strudel/pull/73
+- More random functions by @yaxu in https://github.com/tidalcycles/strudel/pull/74
+- Try to fix appLeft / appRight by @yaxu in https://github.com/tidalcycles/strudel/pull/75
+- Basic webserial support by @yaxu in https://github.com/tidalcycles/strudel/pull/80
+- Webaudio in REPL by @felixroos in https://github.com/tidalcycles/strudel/pull/77
+- add `striate()` by @yaxu in https://github.com/tidalcycles/strudel/pull/76
+- Tidy up a couple of old files by @mindofmatthew in https://github.com/tidalcycles/strudel/pull/84
+- Add pattern composers, implements #82 by @yaxu in https://github.com/tidalcycles/strudel/pull/83
+- Fiddles with cat/stack by @yaxu in https://github.com/tidalcycles/strudel/pull/90
+- Paper by @felixroos in https://github.com/tidalcycles/strudel/pull/98
+- Change to Affero GPL by @yaxu in https://github.com/tidalcycles/strudel/pull/101
+- Work on Codemirror 6 highlighting by @mindofmatthew in https://github.com/tidalcycles/strudel/pull/102
+- Codemirror 6 by @felixroos in https://github.com/tidalcycles/strudel/pull/97
+- Tune tests by @felixroos in https://github.com/tidalcycles/strudel/pull/104
+- /embed package: web component for repl by @felixroos in https://github.com/tidalcycles/strudel/pull/106
+- Reset, Restart and other composers by @felixroos in https://github.com/tidalcycles/strudel/pull/88
+- Embed style by @felixroos in https://github.com/tidalcycles/strudel/pull/109
+- In source doc by @yaxu in https://github.com/tidalcycles/strudel/pull/105
+- `.brak()`, `.inside()` and `.outside()` by @yaxu in https://github.com/tidalcycles/strudel/pull/112
+- loopAt by @yaxu in https://github.com/tidalcycles/strudel/pull/114
+- Osc timing improvements by @yaxu in https://github.com/tidalcycles/strudel/pull/113
+- react package + vite build by @felixroos in https://github.com/tidalcycles/strudel/pull/116
+- In source doc by @felixroos in https://github.com/tidalcycles/strudel/pull/117
+- fix: #108 by @felixroos in https://github.com/tidalcycles/strudel/pull/123
+- fix: #122 ctrl enter would add newline by @felixroos in https://github.com/tidalcycles/strudel/pull/124
+- Webdirt by @felixroos in https://github.com/tidalcycles/strudel/pull/121
+- Fix link to contributing to tutorial docs by @stephendwolff in https://github.com/tidalcycles/strudel/pull/129
+- Pianoroll enhancements by @felixroos in https://github.com/tidalcycles/strudel/pull/131
+- add createParam + createParams by @felixroos in https://github.com/tidalcycles/strudel/pull/110
+- remove cycle + delta from onTrigger by @felixroos in https://github.com/tidalcycles/strudel/pull/135
+- Scheduler improvements by @felixroos in https://github.com/tidalcycles/strudel/pull/134
+- add onTrigger helper by @felixroos in https://github.com/tidalcycles/strudel/pull/136
+
+## New Contributors
+
+- @bwagner made their first contribution in https://github.com/tidalcycles/strudel/pull/37
+- @mindofmatthew made their first contribution in https://github.com/tidalcycles/strudel/pull/84
+- @stephendwolff made their first contribution in https://github.com/tidalcycles/strudel/pull/129
+
+**Full Changelog**: https://github.com/tidalcycles/strudel/compare/v0.0.2...v0.0.3
diff --git a/website/src/content/blog/release-0.0.4-gischt.mdx b/website/src/content/blog/release-0.0.4-gischt.mdx
new file mode 100644
index 000000000..83b831a75
--- /dev/null
+++ b/website/src/content/blog/release-0.0.4-gischt.mdx
@@ -0,0 +1,45 @@
+---
+title: 'Release Notes v0.0.4 Gischt'
+description: ''
+date: '2022-08-14'
+tags: ['meta']
+author: froos
+---
+
+## What's Changed
+
+- Webaudio rewrite by @felixroos in https://github.com/tidalcycles/strudel/pull/138
+- Fix createParam() by @yaxu in https://github.com/tidalcycles/strudel/pull/140
+- Soundfont Support by @felixroos in https://github.com/tidalcycles/strudel/pull/139
+- Serial twiddles by @yaxu in https://github.com/tidalcycles/strudel/pull/141
+- Pianoroll Object Support by @felixroos in https://github.com/tidalcycles/strudel/pull/142
+- flash effect on ctrl enter by @felixroos in https://github.com/tidalcycles/strudel/pull/144
+- can now generate short link for sharing by @felixroos in https://github.com/tidalcycles/strudel/pull/146
+- Sampler optimizations and more by @felixroos in https://github.com/tidalcycles/strudel/pull/148
+- Final update to demo.pdf by @yaxu in https://github.com/tidalcycles/strudel/pull/151
+- add webdirt drum samples to prebake for general availability by @larkob in https://github.com/tidalcycles/strudel/pull/150
+- update to tutorial documentation by @larkob in https://github.com/tidalcycles/strudel/pull/162
+- add chooseInWith/chooseCycles by @yaxu in https://github.com/tidalcycles/strudel/pull/166
+- fix: jsdoc comments by @felixroos in https://github.com/tidalcycles/strudel/pull/169
+- Pianoroll fixes by @felixroos in https://github.com/tidalcycles/strudel/pull/163
+- Talk fixes by @felixroos in https://github.com/tidalcycles/strudel/pull/164
+- Amend shapeshifter to allow use of dynamic import by @debrisapron in https://github.com/tidalcycles/strudel/pull/171
+- add more shapeshifter flags by @felixroos in https://github.com/tidalcycles/strudel/pull/99
+- Replace react-codemirror6 with @uiw/react-codemirror by @felixroos in https://github.com/tidalcycles/strudel/pull/173
+- fix some annoying bugs by @felixroos in https://github.com/tidalcycles/strudel/pull/177
+- incorporate elements of randomness to the mini notation by @bpow in https://github.com/tidalcycles/strudel/pull/165
+- replace mocha with vitest by @felixroos in https://github.com/tidalcycles/strudel/pull/175
+- scheduler improvements by @felixroos in https://github.com/tidalcycles/strudel/pull/181
+- Fix codemirror bug by @felixroos in https://github.com/tidalcycles/strudel/pull/186
+- wait for prebake to finish before evaluating by @felixroos in https://github.com/tidalcycles/strudel/pull/189
+- fix regression: old way of setting frequencies was broken by @felixroos in https://github.com/tidalcycles/strudel/pull/190
+- Soundfont file support by @felixroos in https://github.com/tidalcycles/strudel/pull/183
+- change "stride"/"offset" of successive degradeBy/chooseIn by @bpow in https://github.com/tidalcycles/strudel/pull/185
+
+## New Contributors
+
+- @larkob made their first contribution in https://github.com/tidalcycles/strudel/pull/150
+- @debrisapron made their first contribution in https://github.com/tidalcycles/strudel/pull/171
+- @bpow made their first contribution in https://github.com/tidalcycles/strudel/pull/165
+
+**Full Changelog**: https://github.com/tidalcycles/strudel/compare/v0.0.3...v0.0.4
diff --git a/website/src/content/blog/release-0.3.0-donauwelle.mdx b/website/src/content/blog/release-0.3.0-donauwelle.mdx
new file mode 100644
index 000000000..70dba0e68
--- /dev/null
+++ b/website/src/content/blog/release-0.3.0-donauwelle.mdx
@@ -0,0 +1,65 @@
+---
+title: 'Release Notes v0.3.0 Donauwelle'
+description: ''
+date: '2022-11-06'
+tags: ['meta']
+author: froos
+---
+
+## Package Versions
+
+- @strudel.cycles/core@0.3.1
+- @strudel.cycles/eval@0.3.1
+- @strudel.cycles/midi@0.3.1
+- @strudel.cycles/mini@0.3.1
+- @strudel.cycles/react@0.3.1
+- @strudel.cycles/soundfonts@0.3.1
+- @strudel.cycles/tonal@0.3.1
+- @strudel.cycles/tone@0.3.1
+- @strudel.cycles/webaudio@0.3.1
+- @strudel.cycles/webdirt@0.3.1
+- @strudel.cycles/xen@0.3.1
+
+## What's Changed
+
+- Fix numbers in sampler by @felixroos in https://github.com/tidalcycles/strudel/pull/196
+- document random functions by @felixroos in https://github.com/tidalcycles/strudel/pull/199
+- add rollup-plugin-visualizer to build by @felixroos in https://github.com/tidalcycles/strudel/pull/200
+- add vowel to .out by @felixroos in https://github.com/tidalcycles/strudel/pull/201
+- Coarse crush shape by @felixroos in https://github.com/tidalcycles/strudel/pull/205
+- Webaudio guide by @felixroos in https://github.com/tidalcycles/strudel/pull/207
+- Even more docs by @felixroos in https://github.com/tidalcycles/strudel/pull/212
+- Just another docs PR by @felixroos in https://github.com/tidalcycles/strudel/pull/215
+- sampler features + fixes by @felixroos in https://github.com/tidalcycles/strudel/pull/217
+- samples now have envelopes by @felixroos in https://github.com/tidalcycles/strudel/pull/218
+- encapsulate webaudio output by @felixroos in https://github.com/tidalcycles/strudel/pull/219
+- Fix squeeze join by @yaxu in https://github.com/tidalcycles/strudel/pull/220
+- Feedback Delay by @felixroos in https://github.com/tidalcycles/strudel/pull/213
+- support negative speeds by @felixroos in https://github.com/tidalcycles/strudel/pull/222
+- focus tweak for squeezeJoin - another go at fixing #216 by @yaxu in https://github.com/tidalcycles/strudel/pull/221
+- Reverb by @felixroos in https://github.com/tidalcycles/strudel/pull/224
+- fix fastgap for events that go across cycle boundaries by @yaxu in https://github.com/tidalcycles/strudel/pull/225
+- Core util tests by @mystery-house in https://github.com/tidalcycles/strudel/pull/226
+- Refactor tunes away from tone by @felixroos in https://github.com/tidalcycles/strudel/pull/230
+- Just another docs branch by @felixroos in https://github.com/tidalcycles/strudel/pull/228
+- Patternify range by @yaxu in https://github.com/tidalcycles/strudel/pull/231
+- Out by default by @felixroos in https://github.com/tidalcycles/strudel/pull/232
+- Fix zero length queries WIP by @yaxu in https://github.com/tidalcycles/strudel/pull/234
+- add vcsl sample library by @felixroos in https://github.com/tidalcycles/strudel/pull/235
+- fx on stereo speakers by @felixroos in https://github.com/tidalcycles/strudel/pull/236
+- Tidal drum machines by @felixroos in https://github.com/tidalcycles/strudel/pull/237
+- Object arithmetic by @felixroos in https://github.com/tidalcycles/strudel/pull/238
+- Load samples from url by @felixroos in https://github.com/tidalcycles/strudel/pull/239
+- feat: support github: links by @felixroos in https://github.com/tidalcycles/strudel/pull/240
+- in source example tests by @felixroos in https://github.com/tidalcycles/strudel/pull/242
+- Readme + TLC by @felixroos in https://github.com/tidalcycles/strudel/pull/244
+- patchday by @felixroos in https://github.com/tidalcycles/strudel/pull/246
+- Some tunes by @felixroos in https://github.com/tidalcycles/strudel/pull/247
+- snapshot tests on shared snippets by @felixroos in https://github.com/tidalcycles/strudel/pull/243
+- General purpose scheduler by @felixroos in https://github.com/tidalcycles/strudel/pull/248
+
+## New Contributors
+
+- @mystery-house made their first contribution in https://github.com/tidalcycles/strudel/pull/226
+
+**Full Changelog**: https://github.com/tidalcycles/strudel/compare/v0.0.4...v0.3.0
diff --git a/website/src/content/blog/release-0.4.0-brandung.mdx b/website/src/content/blog/release-0.4.0-brandung.mdx
new file mode 100644
index 000000000..56a1d2e29
--- /dev/null
+++ b/website/src/content/blog/release-0.4.0-brandung.mdx
@@ -0,0 +1,15 @@
+---
+title: 'Release Notes v0.4.0 Brandung'
+description: ''
+date: '2022-11-13'
+tags: ['meta']
+author: froos
+---
+
+## What's Changed
+
+- new transpiler based on acorn by @felixroos in https://github.com/tidalcycles/strudel/pull/249
+- Webaudio build by @felixroos in https://github.com/tidalcycles/strudel/pull/250
+- Repl refactoring by @felixroos in https://github.com/tidalcycles/strudel/pull/255
+
+**Full Changelog**: https://github.com/tidalcycles/strudel/compare/v0.3.0...v0.4.0
diff --git a/website/src/content/blog/release-0.5.0-wirbel.mdx b/website/src/content/blog/release-0.5.0-wirbel.mdx
new file mode 100644
index 000000000..7d04f0d27
--- /dev/null
+++ b/website/src/content/blog/release-0.5.0-wirbel.mdx
@@ -0,0 +1,59 @@
+---
+title: 'Release Notes v0.5.0 Wirbel'
+description: ''
+date: '2022-12-13'
+tags: ['meta']
+author: froos
+---
+
+## Package Versions
+
+- @strudel.cycles/core@0.5.0
+- @strudel.cycles/osc@0.4.0
+- @strudel.cycles/serial@0.3.0
+- @strudel.cycles/csound@0.5.1
+- @strudel.cycles/eval@0.5.0
+- @strudel.cycles/midi@0.5.0
+- @strudel.cycles/mini@0.5.0
+- @strudel.cycles/react@0.5.0
+- @strudel.cycles/soundfonts@0.5.0
+- @strudel.cycles/tonal@0.5.0
+- @strudel.cycles/tone@0.5.0
+- @strudel.cycles/transpiler@0.5.0
+- @strudel.cycles/webaudio@0.5.0
+- @strudel.cycles/webdirt@0.5.0
+- @strudel.cycles/xen@0.5.0
+
+## What's Changed
+
+- Binaries by @felixroos in https://github.com/tidalcycles/strudel/pull/254
+- fix tutorial bugs by @felixroos in https://github.com/tidalcycles/strudel/pull/263
+- fix performance bottleneck by @felixroos in https://github.com/tidalcycles/strudel/pull/266
+- Tidying up core by @yaxu in https://github.com/tidalcycles/strudel/pull/256
+- tonal update with fixed memory leak by @felixroos in https://github.com/tidalcycles/strudel/pull/272
+- add eslint by @felixroos in https://github.com/tidalcycles/strudel/pull/271
+- release version bumps by @felixroos in https://github.com/tidalcycles/strudel/pull/273
+- Support sending CRC16 bytes with serial messages by @yaxu in https://github.com/tidalcycles/strudel/pull/276
+- add licenses / credits to all tunes + remove some by @felixroos in https://github.com/tidalcycles/strudel/pull/277
+- add basic csound output by @felixroos in https://github.com/tidalcycles/strudel/pull/275
+- do not recompile orc by @felixroos in https://github.com/tidalcycles/strudel/pull/278
+- implement collect + arp function by @felixroos in https://github.com/tidalcycles/strudel/pull/281
+- Switch 'operators' from .whatHow to .what.how by @yaxu in https://github.com/tidalcycles/strudel/pull/285
+- Fancy hap show, include part in snapshots by @yaxu in https://github.com/tidalcycles/strudel/pull/291
+- Reorganise pattern.mjs with a 'toplevel first' regime by @yaxu in https://github.com/tidalcycles/strudel/pull/286
+- add prettier task by @felixroos in https://github.com/tidalcycles/strudel/pull/296
+- Move stuff to new register function by @felixroos in https://github.com/tidalcycles/strudel/pull/295
+- can now add bare numbers to numeral object props by @felixroos in https://github.com/tidalcycles/strudel/pull/287
+- update vitest by @felixroos in https://github.com/tidalcycles/strudel/pull/297
+- remove whitespace from highlighted region by @felixroos in https://github.com/tidalcycles/strudel/pull/298
+- .defragmentHaps() for merging touching haps that share a whole and value by @yaxu in https://github.com/tidalcycles/strudel/pull/299
+- fix whitespace trimming by @felixroos in https://github.com/tidalcycles/strudel/pull/300
+- add freq support to sampler by @felixroos in https://github.com/tidalcycles/strudel/pull/301
+- add lint + prettier check before test by @felixroos in https://github.com/tidalcycles/strudel/pull/305
+- Updated csoundm to use the register facility . by @gogins in https://github.com/tidalcycles/strudel/pull/303
+
+## New Contributors
+
+- @gogins made their first contribution in https://github.com/tidalcycles/strudel/pull/303
+
+**Full Changelog**: https://github.com/tidalcycles/strudel/compare/v0.4.0...v0.5.0
diff --git a/website/src/content/blog/release-0.6.0-zimtschnecke.mdx b/website/src/content/blog/release-0.6.0-zimtschnecke.mdx
new file mode 100644
index 000000000..ee6353d36
--- /dev/null
+++ b/website/src/content/blog/release-0.6.0-zimtschnecke.mdx
@@ -0,0 +1,84 @@
+---
+title: 'Release Notes v0.6.0 Zimtschnecke'
+description: ''
+date: '2023-02-01'
+tags: ['meta']
+author: froos
+---
+
+## Package Versions
+
+- @strudel.cycles/core@0.6.8
+- @strudel.cycles/eval@0.6.2
+- @strudel.cycles/transpiler@0.6.0
+- @strudel.cycles/mini@0.6.0
+- @strudel.cycles/tonal@0.6.0
+- @strudel.cycles/tone@0.6.0
+- @strudel.cycles/xen@0.6.0
+- @strudel.cycles/webaudio@0.6.1
+- @strudel.cycles/react@0.6.0
+- @strudel.cycles/osc@0.6.0
+- @strudel.cycles/midi@0.6.0
+- @strudel.cycles/webdirt@0.6.0
+- @strudel.cycles/serial@0.6.0
+- @strudel.cycles/soundfonts@0.6.0
+- @strudel.cycles/csound@0.6.0
+
+## What's Changed
+
+- support freq in pianoroll by @felixroos in https://github.com/tidalcycles/strudel/pull/308
+- ICLC2023 paper WIP by @yaxu in https://github.com/tidalcycles/strudel/pull/306
+- fix: copy share link to clipboard was broken for some browers by @felixroos in https://github.com/tidalcycles/strudel/pull/311
+- Jsdoc component by @felixroos in https://github.com/tidalcycles/strudel/pull/312
+- object support for .scale by @felixroos in https://github.com/tidalcycles/strudel/pull/307
+- Astro build by @felixroos in https://github.com/tidalcycles/strudel/pull/315
+- Reference tab sort by @felixroos in https://github.com/tidalcycles/strudel/pull/318
+- tutorial updates by @jarmitage in https://github.com/tidalcycles/strudel/pull/320
+- support notes without octave by @felixroos in https://github.com/tidalcycles/strudel/pull/323
+- mini repl improvements by @felixroos in https://github.com/tidalcycles/strudel/pull/324
+- fix: workaround Object.assign globalThis by @felixroos in https://github.com/tidalcycles/strudel/pull/326
+- add examples route by @felixroos in https://github.com/tidalcycles/strudel/pull/327
+- add my-patterns by @felixroos in https://github.com/tidalcycles/strudel/pull/328
+- my-patterns build + deploy by @felixroos in https://github.com/tidalcycles/strudel/pull/329
+- my-patterns: fix paths + update readme by @felixroos in https://github.com/tidalcycles/strudel/pull/330
+- improve displaying 's' in pianoroll by @felixroos in https://github.com/tidalcycles/strudel/pull/331
+- fix: can now multiply floats in mini notation by @felixroos in https://github.com/tidalcycles/strudel/pull/332
+- Embed mode improvements by @felixroos in https://github.com/tidalcycles/strudel/pull/333
+- testing + docs docs by @felixroos in https://github.com/tidalcycles/strudel/pull/334
+- animate mvp by @felixroos in https://github.com/tidalcycles/strudel/pull/335
+- Tidy parser, implement polymeters by @yaxu in https://github.com/tidalcycles/strudel/pull/336
+- animation options by @felixroos in https://github.com/tidalcycles/strudel/pull/337
+- move /my-patterns to /swatch by @yaxu in https://github.com/tidalcycles/strudel/pull/338
+- more animate functions + mini repl fix by @felixroos in https://github.com/tidalcycles/strudel/pull/340
+- Patternify euclid, fast, slow and polymeter step parameters in mininotation by @yaxu in https://github.com/tidalcycles/strudel/pull/341
+- fixes #346 by @felixroos in https://github.com/tidalcycles/strudel/pull/347
+- Fix prebake base path by @felixroos in https://github.com/tidalcycles/strudel/pull/345
+- Fix Bjorklund by @yaxu in https://github.com/tidalcycles/strudel/pull/343
+- docs: tidal comparison + add global fx + add missing sampler fx by @felixroos in https://github.com/tidalcycles/strudel/pull/356
+- Fix .out(), renaming webaudio's out() to webaudio() by @yaxu in https://github.com/tidalcycles/strudel/pull/361
+- Support for multiple mininotation operators by @yaxu in https://github.com/tidalcycles/strudel/pull/350
+- doc structuring by @felixroos in https://github.com/tidalcycles/strudel/pull/360
+- add https to url by @urswilke in https://github.com/tidalcycles/strudel/pull/364
+- document more functions + change arp join by @felixroos in https://github.com/tidalcycles/strudel/pull/369
+- improve new draw logic by @felixroos in https://github.com/tidalcycles/strudel/pull/372
+- Draw fixes by @felixroos in https://github.com/tidalcycles/strudel/pull/377
+- update my-patterns instructions by @felixroos in https://github.com/tidalcycles/strudel/pull/384
+- docs: use note instead of n to mitigate confusion by @felixroos in https://github.com/tidalcycles/strudel/pull/385
+- add run + test + docs by @felixroos in https://github.com/tidalcycles/strudel/pull/386
+- Rename a to angle by @felixroos in https://github.com/tidalcycles/strudel/pull/387
+- document csound by @felixroos in https://github.com/tidalcycles/strudel/pull/391
+- Notes are not essential :) by @yaxu in https://github.com/tidalcycles/strudel/pull/393
+- add ribbon + test + docs by @felixroos in https://github.com/tidalcycles/strudel/pull/388
+- Add tidal-drum-patterns to examples by @urswilke in https://github.com/tidalcycles/strudel/pull/379
+- add pattern methods hurry, press and pressBy by @yaxu in https://github.com/tidalcycles/strudel/pull/397
+- proper builds + use pnpm workspaces by @felixroos in https://github.com/tidalcycles/strudel/pull/396
+- fix: minirepl styles by @felixroos in https://github.com/tidalcycles/strudel/pull/398
+- can now await initAudio + initAudioOnFirstClick by @felixroos in https://github.com/tidalcycles/strudel/pull/399
+- release webaudio by @felixroos in https://github.com/tidalcycles/strudel/pull/400
+
+## New Contributors
+
+- @jarmitage made their first contribution in https://github.com/tidalcycles/strudel/pull/320
+- @urswilke made their first contribution in https://github.com/tidalcycles/strudel/pull/364
+
+**Full Changelog**: https://github.com/tidalcycles/strudel/compare/v0.5.0...v0.6.0
diff --git a/website/src/content/blog/release-0.7.0-zuckerguss.mdx b/website/src/content/blog/release-0.7.0-zuckerguss.mdx
new file mode 100644
index 000000000..1d810cb29
--- /dev/null
+++ b/website/src/content/blog/release-0.7.0-zuckerguss.mdx
@@ -0,0 +1,88 @@
+---
+title: 'Release Notes v0.7.0 Zimtschnecke'
+description: ''
+date: '2023-03-23'
+tags: ['meta']
+author: froos
+---
+
+## Package Versions
+
+- @strudel.cycles/core@0.7.2
+- @strudel.cycles/transpiler@0.7.1
+- @strudel.cycles/mini@0.7.2
+- @strudel.cycles/tonal@0.7.1
+- @strudel.cycles/xen@0.7.1
+- @strudel.cycles/tone@0.7.1
+- @strudel.cycles/webaudio@0.7.1
+- @strudel.cycles/react@0.7.1
+- @strudel.cycles/osc@0.7.1
+- @strudel.cycles/serial@0.7.1
+- @strudel.cycles/midi@0.7.1
+- @strudel.cycles/csound@0.7.1
+
+## What's Changed
+
+- pin @csound/browser to 6.18.3 + bump by @felixroos in https://github.com/tidalcycles/strudel/pull/403
+- update csound + fix sound output by @felixroos in https://github.com/tidalcycles/strudel/pull/404
+- fix: share url on subpath by @felixroos in https://github.com/tidalcycles/strudel/pull/405
+- add shabda doc by @felixroos in https://github.com/tidalcycles/strudel/pull/407
+- Update effects.mdx by @bwagner in https://github.com/tidalcycles/strudel/pull/410
+- improve effects doc by @felixroos in https://github.com/tidalcycles/strudel/pull/409
+- google gtfo by @felixroos in https://github.com/tidalcycles/strudel/pull/413
+- improve samples doc by @felixroos in https://github.com/tidalcycles/strudel/pull/411
+- PWA with offline support by @felixroos in https://github.com/tidalcycles/strudel/pull/417
+- add caching strategy for missing file types + cache all samples loaded from github by @felixroos in https://github.com/tidalcycles/strudel/pull/419
+- add more offline caching by @felixroos in https://github.com/tidalcycles/strudel/pull/421
+- add cdn.freesound to cache list by @felixroos in https://github.com/tidalcycles/strudel/pull/425
+- minirepl: add keyboard shortcuts by @felixroos in https://github.com/tidalcycles/strudel/pull/429
+- Themes by @felixroos in https://github.com/tidalcycles/strudel/pull/431
+- autocomplete preparations by @felixroos in https://github.com/tidalcycles/strudel/pull/427
+- Fix anchors by @felixroos in https://github.com/tidalcycles/strudel/pull/433
+- Update code.mdx by @bwagner in https://github.com/tidalcycles/strudel/pull/436
+- Update mini-notation.mdx by @bwagner in https://github.com/tidalcycles/strudel/pull/437
+- Update synths.mdx by @bwagner in https://github.com/tidalcycles/strudel/pull/438
+- FIXES: Warning about jsxBracketSameLine deprecation by @bwagner in https://github.com/tidalcycles/strudel/pull/461
+- Composable functions by @yaxu in https://github.com/tidalcycles/strudel/pull/390
+- weave and weaveWith by @yaxu in https://github.com/tidalcycles/strudel/pull/465
+- slice and splice by @yaxu in https://github.com/tidalcycles/strudel/pull/466
+- fix: osc should not return a promise by @felixroos in https://github.com/tidalcycles/strudel/pull/472
+- FIXES: freqs instead of pitches by @bwagner in https://github.com/tidalcycles/strudel/pull/464
+- Update input-output.mdx by @bwagner in https://github.com/tidalcycles/strudel/pull/471
+- settings tab with vim / emacs modes + additional themes and fonts by @felixroos in https://github.com/tidalcycles/strudel/pull/467
+- fix: hash links by @felixroos in https://github.com/tidalcycles/strudel/pull/473
+- midi cc support by @felixroos in https://github.com/tidalcycles/strudel/pull/478
+- Fix array args by @felixroos in https://github.com/tidalcycles/strudel/pull/480
+- docs: packages + offline by @felixroos in https://github.com/tidalcycles/strudel/pull/482
+- Update mini-notation.mdx by @yaxu in https://github.com/tidalcycles/strudel/pull/365
+- Revert "Another attempt at composable functions - WIP (#390)" by @felixroos in https://github.com/tidalcycles/strudel/pull/484
+- fix app height by @felixroos in https://github.com/tidalcycles/strudel/pull/485
+- add algolia creds + optimize sidebar for crawling by @felixroos in https://github.com/tidalcycles/strudel/pull/488
+- refactor react package by @felixroos in https://github.com/tidalcycles/strudel/pull/490
+- react style fixes by @felixroos in https://github.com/tidalcycles/strudel/pull/491
+- implement cps in scheduler by @felixroos in https://github.com/tidalcycles/strudel/pull/493
+- Add control aliases by @yaxu in https://github.com/tidalcycles/strudel/pull/497
+- fix: nano-repl highlighting by @felixroos in https://github.com/tidalcycles/strudel/pull/501
+- Reinstate slice and splice by @yaxu in https://github.com/tidalcycles/strudel/pull/500
+- can now use : as a replacement for space in scales by @felixroos in https://github.com/tidalcycles/strudel/pull/502
+- Support list syntax in mininotation by @yaxu in https://github.com/tidalcycles/strudel/pull/512
+- update react to 18 by @felixroos in https://github.com/tidalcycles/strudel/pull/514
+- add arrange function by @felixroos in https://github.com/tidalcycles/strudel/pull/508
+- Update README.md by @bwagner in https://github.com/tidalcycles/strudel/pull/474
+- add 2 illegible fonts by @felixroos in https://github.com/tidalcycles/strudel/pull/518
+- registerSound API + improved sounds tab + regroup soundfonts by @felixroos in https://github.com/tidalcycles/strudel/pull/516
+- fix: envelopes in chrome by @felixroos in https://github.com/tidalcycles/strudel/pull/521
+- Update samples.mdx by @bwagner in https://github.com/tidalcycles/strudel/pull/524
+- Update intro.mdx by @bwagner in https://github.com/tidalcycles/strudel/pull/525
+- fix(footer): fix link to tidalcycles by @revolunet in https://github.com/tidalcycles/strudel/pull/529
+- FIXES: alias pm for polymeter by @bwagner in https://github.com/tidalcycles/strudel/pull/527
+- Maintain random seed state in parser, not globally by @ijc8 in https://github.com/tidalcycles/strudel/pull/531
+- feat: add freq support to gm soundfonts by @felixroos in https://github.com/tidalcycles/strudel/pull/534
+- Update lerna by @felixroos in https://github.com/tidalcycles/strudel/pull/535
+
+## New Contributors
+
+- @revolunet made their first contribution in https://github.com/tidalcycles/strudel/pull/529
+- @ijc8 made their first contribution in https://github.com/tidalcycles/strudel/pull/531
+
+**Full Changelog**: https://github.com/tidalcycles/strudel/compare/v0.6.0...v0.7.0
diff --git a/website/src/content/blog/release-0.8.0-himbeermuffin.mdx b/website/src/content/blog/release-0.8.0-himbeermuffin.mdx
new file mode 100644
index 000000000..7baea4c1b
--- /dev/null
+++ b/website/src/content/blog/release-0.8.0-himbeermuffin.mdx
@@ -0,0 +1,130 @@
+---
+title: 'Release Notes v0.8.0 Himbeermuffin'
+description: ''
+date: '2023-06-30'
+tags: ['meta']
+author: froos
+---
+
+import BlogVideo from '../../components/BlogVideo.astro';
+
+These are the release notes for Strudel 0.8.0 aka "Himbeermuffin"!
+
+[Go to Tidal Club Forum for this Release](https://club.tidalcycles.org/t/strudel-0-8-0-released/4769)
+
+Let me write up some of the highlights:
+
+## Desktop App
+
+Besides the REPL (https://strudel.tidalcycles.org/), Strudel is now also distributed as a Desktop App via https://tauri.app/! Thanks to [vasilymilovidov](https://github.com/vasilymilovidov)!
+
+- [Linux: Debian based](https://github.com/tidalcycles/strudel/releases/download/v0.8.0/strudel_0.1.0_amd64.deb)
+- [Linux: AppImage](https://github.com/tidalcycles/strudel/releases/download/v0.8.0/strudel_0.1.0_amd64.AppImage)
+- [MacOS](https://github.com/tidalcycles/strudel/releases/download/v0.8.0/Strudel_0.1.0_x64.dmg)
+- [Windows .exe](https://github.com/tidalcycles/strudel/releases/download/v0.8.0/Strudel_0.1.0_x64-setup.exe)
+- [Windows .msi](https://github.com/tidalcycles/strudel/releases/download/v0.8.0/Strudel_0.1.0_x64_en-US.msi)
+
+edit: the desktop app performance on linux is currently not that great.. the web REPL runs much smoother (using firefox or chromium)
+
+The desktop App has the same features as the webapp, with the additional ability to load samples from disk. It is currently not documented yet, but you can do something like
+
+```js
+await samples('~/music/xxx');
+
+s('my_sound');
+```
+
+You have to start with `~/music/`, followed by an arbitrary folder path that is expected to be present in the systems [audio directory](https://tauri.app/v1/api/js/path/#audiodir).
+When you first run it, the app will create a strudel.json file in that directory to map out the available samples.
+
+I would be very happy to collect some feedback on how it works across different platforms & systems!
+
+## Spiral Visualization
+
+Also still undocumented, but you can now visualize patterns as a spiral via `.spiral()`:
+
+<BlogVideo src="https://github.com/tidalcycles/strudel/assets/12023032/05bc2dba-b304-4298-9465-a1a6fafe5ded" />
+
+This is especially nice because strudel is not only the name of a dessert but also the german word for vortex! The spiral is very fitting to visualize cycles because you can align cycles vertically, while surfing along an infinite twisted timeline.
+
+## More settings
+
+In the settings tab, you can now toggle:
+
+- line numbers
+- auto-complete
+- line wrapping
+
+Thanks to [roipoussiere](https://github.com/roipoussiere)!
+
+## More
+
+Scroll down to see the full list of Changes!
+
+A big thanks to all the contributors!
+
+## Package Versions
+
+- @strudel.cycles/core: 0.8.2
+- @strudel.cycles/mini: 0.8.2
+- @strudel.cycles/transpiler: 0.8.2
+- @strudel.cycles/webaudio: 0.8.2
+- @strudel.cycles/soundfonts: 0.8.2
+- @strudel.cycles/react: 0.8.0
+- @strudel.cycles/midi: 0.8.0
+- @strudel.cycles/osc: 0.8.0
+- @strudel.cycles/csound: 0.8.0
+- @strudel.cycles/serial: 0.8.0
+- @strudel.cycles/tonal: 0.8.2
+- @strudel.cycles/xen: 0.8.0
+- @strudel/codemirror: 0.8.4
+- @strudel/web: 0.8.3
+
+## What's Changed
+
+- fix period key for dvorak + remove duplicated code by @felixroos in https://github.com/tidalcycles/strudel/pull/537
+- improve initial loading + wait before eval by @felixroos in https://github.com/tidalcycles/strudel/pull/538
+- do not reset cps before eval #517 by @felixroos in https://github.com/tidalcycles/strudel/pull/539
+- feat: add loader bar to animate loading state by @felixroos in https://github.com/tidalcycles/strudel/pull/542
+- add firacode font by @felixroos in https://github.com/tidalcycles/strudel/pull/544
+- fix: allow whitespace at the end of a mini pattern by @felixroos in https://github.com/tidalcycles/strudel/pull/547
+- fix: reset time on stop by @felixroos in https://github.com/tidalcycles/strudel/pull/548
+- fix: load soundfonts in prebake by @felixroos in https://github.com/tidalcycles/strudel/pull/550
+- fix: colorable highlighting by @felixroos in https://github.com/tidalcycles/strudel/pull/553
+- fix: make soundfonts import dynamic by @felixroos in https://github.com/tidalcycles/strudel/pull/556
+- add basic triads and guidetone voicings by @felixroos in https://github.com/tidalcycles/strudel/pull/557
+- Patchday by @felixroos in https://github.com/tidalcycles/strudel/pull/559
+- Vanilla JS Refactoring by @felixroos in https://github.com/tidalcycles/strudel/pull/563
+- repl: add option to display line numbers by @roipoussiere in https://github.com/tidalcycles/strudel/pull/582
+- learn/tonal: fix typo in "scaleTran[s]pose" by @srenatus in https://github.com/tidalcycles/strudel/pull/585
+- Music metadata by @roipoussiere in https://github.com/tidalcycles/strudel/pull/580
+- New Workshop by @felixroos in https://github.com/tidalcycles/strudel/pull/587
+- Fix option dot by @felixroos in https://github.com/tidalcycles/strudel/pull/596
+- fix: allow f for flat notes like tidal by @felixroos in https://github.com/tidalcycles/strudel/pull/593
+- fix: division by zero by @felixroos in https://github.com/tidalcycles/strudel/pull/591
+- Solmization added by @dariacotocu in https://github.com/tidalcycles/strudel/pull/570
+- improve cursor by @felixroos in https://github.com/tidalcycles/strudel/pull/597
+- enable auto-completion by @roipoussiere in https://github.com/tidalcycles/strudel/pull/588
+- add ratio function by @felixroos in https://github.com/tidalcycles/strudel/pull/602
+- editor: enable line wrapping by @roipoussiere in https://github.com/tidalcycles/strudel/pull/581
+- tonal fixes by @felixroos in https://github.com/tidalcycles/strudel/pull/607
+- fix: flatten scale lists by @felixroos in https://github.com/tidalcycles/strudel/pull/605
+- clip now works like legato in tidal by @felixroos in https://github.com/tidalcycles/strudel/pull/598
+- fix: doc links by @felixroos in https://github.com/tidalcycles/strudel/pull/612
+- tauri desktop app by @vasilymilovidov in https://github.com/tidalcycles/strudel/pull/613
+- add spiral viz by @felixroos in https://github.com/tidalcycles/strudel/pull/614
+- patterning ui settings by @felixroos in https://github.com/tidalcycles/strudel/pull/606
+- Fix typo on packages.mdx by @paikwiki in https://github.com/tidalcycles/strudel/pull/520
+- cps dependent functions by @felixroos in https://github.com/tidalcycles/strudel/pull/620
+- desktop: play samples from disk by @felixroos in https://github.com/tidalcycles/strudel/pull/621
+- fix: midi clock drift by @felixroos in https://github.com/tidalcycles/strudel/pull/627
+
+## New Contributors
+
+- @roipoussiere made their first contribution in https://github.com/tidalcycles/strudel/pull/582
+- @srenatus made their first contribution in https://github.com/tidalcycles/strudel/pull/585
+- @dariacotocu made their first contribution in https://github.com/tidalcycles/strudel/pull/570
+- @vasilymilovidov made their first contribution in https://github.com/tidalcycles/strudel/pull/613
+- @paikwiki made their first contribution in https://github.com/tidalcycles/strudel/pull/520
+
+**Full Changelog**: https://github.com/tidalcycles/strudel/compare/v0.7.0...v0.8.0
diff --git a/website/src/content/blog/release-0.9.0-bananenbrot.mdx b/website/src/content/blog/release-0.9.0-bananenbrot.mdx
new file mode 100644
index 000000000..eed5bf553
--- /dev/null
+++ b/website/src/content/blog/release-0.9.0-bananenbrot.mdx
@@ -0,0 +1,114 @@
+---
+title: 'Release Notes v0.9.0 Bananenbrot'
+description: ''
+date: '2023-09-17'
+tags: ['meta']
+author: froos
+---
+
+import BlogVideo from '../../components/BlogVideo.astro';
+
+These are the release notes for Strudel 0.9.0 aka "Bananenbrot"!
+
+The last release was over 11 weeks ago, so a lot of things have happened!
+
+Let me write up some of the highlights:
+
+## Improved Synth Engine
+
+The synth engine has gotten a lot of love + a name: [superdough](https://www.npmjs.com/package/superdough) encapsulates the web audio based synth / sampler / fx engine into a reusable package, which is already used by [Topos](https://topos.raphaelforment.fr/).
+Main new features include:
+
+- [filter envelopes](https://strudel.tidalcycles.org/learn/effects#filter-envelope)
+- [FM Synthesis](https://strudel.tidalcycles.org/learn/synths#fm-synthesis)
+- [looping samples](https://strudel.tidalcycles.org/learn/samples#loop), allowing [wavetable synthesis](https://strudel.tidalcycles.org/?I9myTNQoKKaP)
+- [vibrato](https://strudel.tidalcycles.org/learn/synths#vibrato)
+- an integration of [ZZFX](https://strudel.tidalcycles.org/learn/synths#zzfx)
+
+<BlogVideo src="https://github.com/tidalcycles/strudel/assets/12023032/652e7042-f296-496b-95cd-b2a4987fe238" />
+
+Related PRs:
+
+- superdough: encapsulates web audio output by @felixroos in https://github.com/tidalcycles/strudel/pull/664
+- basic fm by @felixroos in https://github.com/tidalcycles/strudel/pull/669
+- Wave Selection and Global Envelope on the FM Synth Modulator by @Bubobubobubobubo in https://github.com/tidalcycles/strudel/pull/683
+- control osc partial count with n by @felixroos in https://github.com/tidalcycles/strudel/pull/674
+- ZZFX Synth support by @Bubobubobubobubo in https://github.com/tidalcycles/strudel/pull/684
+- Adding filter envelopes and filter order selection by @Bubobubobubobubo in https://github.com/tidalcycles/strudel/pull/692
+- Adding loop points and thus wavetable synthesis by @Bubobubobubobubo in https://github.com/tidalcycles/strudel/pull/698
+- Adding vibrato to base oscillators by @Bubobubobubobubo in https://github.com/tidalcycles/strudel/pull/693
+
+## Desktop App Improvements
+
+Thanks to @daslyfe and @vasilymilovidov , the desktop app now has its own rust based MIDI and OSC integrations,
+which do not depend on browser APIs!
+
+You can see superdough, superdirt via OSC + hardware synths via MIDI all together playing in harmony in this [awesome video](https://www.youtube.com/watch?v=lxQgBeLQBgk). These are the related PRs:
+
+- Create Midi Integration for Tauri Desktop app by @daslyfe in https://github.com/tidalcycles/strudel/pull/685
+- add sleep timer + improve message iterating by @daslyfe in https://github.com/tidalcycles/strudel/pull/688
+- fix MIDI CC messages by @vasilymilovidov in https://github.com/tidalcycles/strudel/pull/690
+- Direct OSC Support in Tauri by @daslyfe in https://github.com/tidalcycles/strudel/pull/694
+- Add logging from tauri by @daslyfe in https://github.com/tidalcycles/strudel/pull/697
+- fix osc bundle timestamp glitches caused by drifting clock by @daslyfe in https://github.com/tidalcycles/strudel/pull/666
+- Midi time fixes by @daslyfe in https://github.com/tidalcycles/strudel/pull/668
+- [Bug Fix] Account for numeral notation when converting to midi by @daslyfe in https://github.com/tidalcycles/strudel/pull/656
+- [Bug Fix] Midi: Don't treat note 0 as false by @daslyfe in https://github.com/tidalcycles/strudel/pull/657
+
+## Visuals
+
+- 2 new FFT based vizualisations have now landed: [scope and fscope](https://github.com/tidalcycles/strudel/pull/677) (featured in the video at the top).
+- pianoroll has new options, see [PR](https://github.com/tidalcycles/strudel/pull/679)
+
+Related PRs:
+
+- Scope by @felixroos in https://github.com/tidalcycles/strudel/pull/677 ([demo](https://strudel.tidalcycles.org/?hXVQF-KxMI8p))
+- Pianoroll improvements by @felixroos in https://github.com/tidalcycles/strudel/pull/679 ([demo](https://strudel.tidalcycles.org/?aPMKqXGVMgSM))
+
+## Voicings
+
+There is now a new way to play chord voicings + a huge selection of chord voicings available. Find out more in these PRs:
+
+- stateless voicings + tonleiter lib by @felixroos in https://github.com/tidalcycles/strudel/pull/647 ([demo](https://strudel.tidalcycles.org/?FoILM0Hs9y9f))
+- ireal voicings by @felixroos in https://github.com/tidalcycles/strudel/pull/653 ([demo](https://strudel.tidalcycles.org/?bv_TjY9hOC28))
+
+## Adaptive Highlighting
+
+Thanks to @mindofmatthew , the highlighting will adapt to edits instantly! Related PRs:
+
+- More work on highlight IDs by @mindofmatthew in https://github.com/tidalcycles/strudel/pull/636
+- Adaptive Highlighting by @felixroos in https://github.com/tidalcycles/strudel/pull/634
+
+## UI Changes
+
+- teletext theme + fonts by @felixroos in https://github.com/tidalcycles/strudel/pull/681 (featured in video at the top)
+- togglable panel position by @felixroos in https://github.com/tidalcycles/strudel/pull/667
+
+## Other New Features
+
+- slice: list mode by @felixroos in https://github.com/tidalcycles/strudel/pull/645 ([demo](https://strudel.tidalcycles.org/?bAYIqz5NLjRr))
+- add emoji support by @felixroos in https://github.com/tidalcycles/strudel/pull/680 ([demo](https://strudel.tidalcycles.org/?a6FgLz475gN9))
+
+## Articles
+
+- Understand pitch by @felixroos in https://github.com/tidalcycles/strudel/pull/652
+
+## Other Fixes & Enhancements
+
+- fix: out of range error by @felixroos in https://github.com/tidalcycles/strudel/pull/630
+- fix: update canvas size on window resize by @felixroos in https://github.com/tidalcycles/strudel/pull/631
+- FIXES: TODO in rotateChroma by @bwagner in https://github.com/tidalcycles/strudel/pull/650
+- snapshot tests: sort haps by part by @felixroos in https://github.com/tidalcycles/strudel/pull/637
+- Delete old packages by @felixroos in https://github.com/tidalcycles/strudel/pull/639
+- update vitest by @felixroos in https://github.com/tidalcycles/strudel/pull/651
+- fix: welcome message for latestCode by @felixroos in https://github.com/tidalcycles/strudel/pull/659
+- fix: always run previous trigger by @felixroos in https://github.com/tidalcycles/strudel/pull/660
+
+## New Contributors
+
+- @daslyfe made their first contribution in https://github.com/tidalcycles/strudel/pull/656
+- @Bubobubobubobubo made their first contribution in https://github.com/tidalcycles/strudel/pull/683
+
+**Full Changelog**: https://github.com/tidalcycles/strudel/compare/v0.8.0...v0.9.0
+
+A big thanks to all the contributors!
diff --git a/website/src/content/config.ts b/website/src/content/config.ts
new file mode 100644
index 000000000..bc5d1dd37
--- /dev/null
+++ b/website/src/content/config.ts
@@ -0,0 +1,24 @@
+import { defineCollection, z } from 'astro:content';
+
+const blog = defineCollection({
+  // Type-check frontmatter using a schema
+  schema: z.object({
+    title: z.string(),
+    author: z.string(),
+    description: z.string().optional(),
+    // Transform string to Date object
+    date: z
+      .string()
+      .or(z.date())
+      .transform((val) => new Date(val)),
+    updatedDate: z
+      .string()
+      .optional()
+      .transform((str) => (str ? new Date(str) : undefined)),
+    image: z.string().optional(),
+    tags: z.array(z.string()).optional(),
+    draft: z.boolean().optional(),
+  }),
+});
+
+export const collections = { blog };
diff --git a/website/src/docs/Colors.jsx b/website/src/docs/Colors.jsx
index 59f7bca0d..7cc7eab61 100644
--- a/website/src/docs/Colors.jsx
+++ b/website/src/docs/Colors.jsx
@@ -1,4 +1,4 @@
-import { colorMap } from '@strudel.cycles/core/color.mjs';
+import { colorMap } from '@strudel/core/color.mjs';
 import React from 'react';
 
 const Colors = () => {
diff --git a/website/src/docs/Icon.jsx b/website/src/docs/Icon.jsx
index 64d5f88ac..48b05d87f 100644
--- a/website/src/docs/Icon.jsx
+++ b/website/src/docs/Icon.jsx
@@ -1,4 +1,19 @@
 export function Icon({ type }) {
+  if (type === 'skip') {
+    // !Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.
+    return (
+      <svg
+        fillRule="evenodd"
+        fill="currentColor"
+        xmlns="http://www.w3.org/2000/svg"
+        height="16"
+        width="10"
+        viewBox="0 0 320 512"
+      >
+        <path d="M52.5 440.6c-9.5 7.9-22.8 9.7-34.1 4.4S0 428.4 0 416V96C0 83.6 7.2 72.3 18.4 67s24.5-3.6 34.1 4.4l192 160L256 241V96c0-17.7 14.3-32 32-32s32 14.3 32 32V416c0 17.7-14.3 32-32 32s-32-14.3-32-32V271l-11.5 9.6-192 160z" />
+      </svg>
+    );
+  }
   return (
     <svg xmlns="http://www.w3.org/2000/svg" className="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
       {
@@ -31,6 +46,13 @@ export function Icon({ type }) {
               clipRule="evenodd"
             />
           ),
+          skip: (
+            <path
+              fillRule="evenodd"
+              d="M52.5 440.6c-9.5 7.9-22.8 9.7-34.1 4.4S0 428.4 0 416V96C0 83.6 7.2 72.3 18.4 67s24.5-3.6 34.1 4.4l192 160L256 241V96c0-17.7 14.3-32 32-32s32 14.3 32 32V416c0 17.7-14.3 32-32 32s-32-14.3-32-32V271l-11.5 9.6-192 160z"
+              clipRule="evenodd"
+            />
+          ),
         }[type]
       }
     </svg>
diff --git a/website/src/docs/MiniRepl.jsx b/website/src/docs/MiniRepl.jsx
index 5e915641f..10eff4832 100644
--- a/website/src/docs/MiniRepl.jsx
+++ b/website/src/docs/MiniRepl.jsx
@@ -1,8 +1,8 @@
 import { useState, useRef, useCallback, useMemo, useEffect } from 'react';
 import { Icon } from './Icon';
-import { silence, getPunchcardPainter, noteToMidi } from '@strudel.cycles/core';
-import { transpiler } from '@strudel.cycles/transpiler';
-import { getAudioContext, webaudioOutput } from '@strudel.cycles/webaudio';
+import { silence, getPunchcardPainter, noteToMidi, _mod } from '@strudel/core';
+import { transpiler } from '@strudel/transpiler';
+import { getAudioContext, webaudioOutput, initAudioOnFirstClick } from '@strudel/webaudio';
 import { StrudelMirror } from '@strudel/codemirror';
 // import { prebake } from '@strudel/repl';
 import { prebake } from '../repl/prebake.mjs';
@@ -10,14 +10,16 @@ import { loadModules } from '../repl/util.mjs';
 import Claviature from '@components/Claviature';
 import useClient from '@src/useClient.mjs';
 
-let prebaked, modulesLoading;
+let prebaked, modulesLoading, audioLoading;
 if (typeof window !== 'undefined') {
   prebaked = prebake();
   modulesLoading = loadModules();
+  audioLoading = initAudioOnFirstClick();
 }
 
 export function MiniRepl({
-  tune: code,
+  tune,
+  tunes,
   hideHeader = false,
   canvasHeight = 100,
   onTrigger,
@@ -26,6 +28,7 @@ export function MiniRepl({
   claviature,
   claviatureLabels,
 }) {
+  const code = tunes ? tunes[0] : tune;
   const id = useMemo(() => s4(), []);
   const canvasId = useMemo(() => `canvas-${id}`, [id]);
   const shouldDraw = !!punchcard || !!claviature;
@@ -75,7 +78,7 @@ export function MiniRepl({
         }
         return pat;
       },
-      prebake: async () => Promise.all([modulesLoading, prebaked]),
+      prebake: async () => Promise.all([modulesLoading, prebaked, audioLoading]),
       onUpdateState: (state) => {
         setReplState({ ...state });
       },
@@ -91,6 +94,14 @@ export function MiniRepl({
   const containerRef = useRef();
   const client = useClient();
 
+  const [tuneIndex, setTuneIndex] = useState(0);
+  const changeTune = (index) => {
+    index = _mod(index, tunes.length);
+    setTuneIndex(index);
+    editorRef.current?.setCode(tunes[index]);
+    editorRef.current?.evaluate();
+  };
+
   if (!client) {
     return <pre>{code}</pre>;
   }
@@ -119,6 +130,28 @@ export function MiniRepl({
               <Icon type="refresh" />
             </button>
           </div>
+          {tunes && (
+            <div className="flex">
+              <button
+                className={
+                  'cursor-pointer w-16 flex items-center justify-center p-1 border-r border-lineHighlight text-foreground bg-lineHighlight hover:bg-background'
+                }
+                onClick={() => changeTune(tuneIndex - 1)}
+              >
+                <div className="rotate-180">
+                  <Icon type="skip" />
+                </div>
+              </button>
+              <button
+                className={
+                  'cursor-pointer w-16 flex items-center justify-center p-1 border-r border-lineHighlight text-foreground bg-lineHighlight hover:bg-background'
+                }
+                onClick={() => changeTune(tuneIndex + 1)}
+              >
+                <Icon type="skip" />
+              </button>
+            </div>
+          )}
         </div>
       )}
       <div className="overflow-auto relative p-1">
diff --git a/website/src/env.d.ts b/website/src/env.d.ts
index 5263bd6a3..bd7aa94b7 100644
--- a/website/src/env.d.ts
+++ b/website/src/env.d.ts
@@ -2,3 +2,5 @@
 /// <reference types="astro/client" />
 /// <reference types="vite-plugin-pwa/info" />
 /// <reference types="vite-plugin-pwa/client" />
+
+declare module 'date-fns';
diff --git a/website/src/examples.mjs b/website/src/examples.mjs
new file mode 100644
index 000000000..d752e711d
--- /dev/null
+++ b/website/src/examples.mjs
@@ -0,0 +1,81 @@
+export const examples = [
+  `// "coastline" @by eddyflux
+await samples('github:eddyflux/crate')
+setcps(.75)
+let chords = chord("<Bbm9 Fm9>/4").dict('ireal')
+stack(
+  stack( // DRUMS
+    s("bd").struct("<[x*<1 2> [~@3 x]] x>"),
+    s("~ [rim, sd:<2 3>]").room("<0 .2>"),
+    n("[0 <1 3>]*<2!3 4>").s("hh"),
+    s("rd:<1!3 2>*2").mask("<0 0 1 1>/16").gain(.5)
+  ).bank('crate')
+  .mask("<[0 1] 1 1 1>/16".early(.5))
+  , // CHORDS
+  chords.offset(-1).voicing().s("gm_epiano1:1")
+  .phaser(4).room(.5)
+  , // MELODY
+  n("<0!3 1*2>").set(chords).mode("root:g2")
+  .voicing().s("gm_acoustic_bass"),
+  chords.n("[0 <4 3 <2 5>>*2](<3 5>,8)")
+  .set(x).anchor("D5").voicing()
+  .segment(4).clip(rand.range(.4,.8))
+  .room(.75).shape(.3).delay(.25)
+  .fm(sine.range(3,8).slow(8))
+  .lpf(sine.range(500,1000).slow(8)).lpq(5)
+  .rarely(ply("2")).chunk(4, fast(2))
+  .gain(perlin.range(.6, .9))
+  .mask("<0 1 1 0>/16")
+)
+.late("[0 .01]*4").late("[0 .01]*2").size(4)`,
+  `// "broken cut 1" @by froos
+
+await samples('github:tidalcycles/Dirt-Samples/master')
+samples({
+  'slap': 'https://cdn.freesound.org/previews/495/495416_10350281-lq.mp3',
+  'whirl': 'https://cdn.freesound.org/previews/495/495313_10350281-lq.mp3',
+  'attack': 'https://cdn.freesound.org/previews/494/494947_10350281-lq.mp3'
+})
+
+setcps(1.25)
+
+note("[c2 ~](3,8)*2,eb,g,bb,d").s("sawtooth")
+  .noise(0.3)
+  .lpf(perlin.range(800,2000).mul(0.6))
+  .lpenv(perlin.range(1,5)).lpa(.25).lpd(.1).lps(0)
+  .add.mix(note("<0!3 [1 <4!3 12>]>")).late(.5)
+  .vib("4:.2")
+  .room(1).roomsize(4).slow(4)
+  .stack(
+    s("bd").late("<0.01 .251>"),
+    s("breaks165:1/2").fit()
+    .chop(4).sometimesBy(.4, ply("2"))
+    .sometimesBy(.1, ply("4")).release(.01)
+    .gain(1.5).sometimes(mul(speed("1.05"))).cut(1)
+    ,
+    s("<whirl attack>?").delay(".8:.1:.8").room(2).slow(8).cut(2),
+  ).reset("<x@30 [x*[8 [8 [16 32]]]]@2>".late(2))`,
+  `// "acidic tooth" @by eddyflux
+  setcps(1)
+  stack(
+    note("[<g1 f1>/8](<3 5>,8)")
+    .clip(perlin.range(.15,1.5))
+    .release(.1)
+    .s("sawtooth")
+    .lpf(sine.range(400,800).slow(16))
+    .lpq(cosine.range(6,14).slow(3))
+    .lpenv(sine.mul(4).slow(4))
+    .lpd(.2).lpa(.02)
+    .ftype('24db')
+    .rarely(add(note(12)))
+    .room(.2).shape(.3).postgain(.5)
+    .superimpose(x=>x.add(note(12)).delay(.5).bpf(1000))
+    .gain("[.2 1@3]*2") // fake sidechain
+    ,
+    stack(
+      s("bd*2").mask("<0@4 1@16>"),
+      s("hh*8").gain(saw.mul(saw.fast(2))).clip(sine)
+      .mask("<0@8 1@16>")
+    ).bank('RolandTR909')
+  )`,
+];
diff --git a/website/src/pages/metadata_parser.js b/website/src/metadata_parser.js
similarity index 100%
rename from website/src/pages/metadata_parser.js
rename to website/src/metadata_parser.js
diff --git a/website/src/my_patterns.js b/website/src/my_patterns.js
new file mode 100644
index 000000000..5779cc427
--- /dev/null
+++ b/website/src/my_patterns.js
@@ -0,0 +1,10 @@
+import { getMetadata } from './metadata_parser';
+
+export function getMyPatterns() {
+  const my = import.meta.glob('../../my-patterns/**', { as: 'raw', eager: true });
+  return Object.fromEntries(
+    Object.entries(my)
+      .filter(([name]) => name.endsWith('.txt'))
+      .map(([name, raw]) => [getMetadata(raw)['title'] || name.split('/').slice(-1), raw]),
+  );
+}
diff --git a/website/src/pages/blog.astro b/website/src/pages/blog.astro
new file mode 100644
index 000000000..f735e7ba7
--- /dev/null
+++ b/website/src/pages/blog.astro
@@ -0,0 +1,61 @@
+---
+import BlogPost from '../components/BlogPost.astro';
+import HeadCommon from '../components/HeadCommon.astro';
+import HeadSEO from '../components/HeadSEO.astro';
+import Header from '../components/Header/Header.astro';
+import LeftSidebar from '../components/LeftSidebar/LeftSidebar.astro';
+import PageContent from '../components/PageContent/PageContent.astro';
+import RightSidebar from '../components/RightSidebar/RightSidebar.astro';
+import { getCollection } from 'astro:content';
+import { compareDesc } from 'date-fns';
+
+const currentPage = Astro.url.pathname;
+
+const posts = (await getCollection('blog')).sort((a, b) => compareDesc(a.data.date, b.data.date));
+---
+
+<html dir={'ltr'} lang={'en'} class="initial dark">
+  <head>
+    <HeadCommon />
+    <!-- <HeadSEO frontmatter={frontmatter} canonicalUrl={canonicalURL} /> -->
+    <title>🌀 Strudel Blog</title>
+  </head>
+
+  <body class="h-app-height text-gray-50 bg-background">
+    <div class="w-full h-full space-y-4 flex flex-col">
+      <header class="max-w-full fixed top-0 w-full z-[100]">
+        <Header currentPage={currentPage} />
+      </header>
+      <main class="relative pt-16">
+        <div class="h-full top-0 overflow-auto min-w-[300px] flex xl:justify-center pr-4 pl-4 md:pl-[300px] xl:pl-0">
+          <aside title="Site Navigation" class="w-[300px] px-6 left-0 hidden md:block fixed h-full">
+            <LeftSidebar currentPage={currentPage} />
+          </aside>
+          <PageContent>
+            <div class="border-b-4 border-lineHighlight py-4">
+              <h1>Strudel Blog</h1>
+              <p>
+                Welcome to the Strudel Blog, where we will keep you updated with the latest changes and things happening
+                in the strudelsphere. You can subscribe to this blog using <a target="_blank" href="/rss.xml"
+                  >this rss link</a
+                >
+              </p>
+            </div>
+            <div class="space-y-8">
+              {posts.map((post) => <BlogPost post={post} />)}
+            </div>
+          </PageContent>
+          <aside class="fixed right-0 h-full overflow-auto pr-4 pl-0 pb-16 hidden xl:block" title="Table of Contents">
+            <RightSidebar
+              headings={posts.map((post) => ({
+                depth: 1,
+                slug: post.slug,
+                text: post.data.title,
+              }))}
+            />
+          </aside>
+        </div>
+      </main>
+    </div>
+  </body>
+</html>
diff --git a/website/src/pages/de/workshop/first-effects.mdx b/website/src/pages/de/workshop/first-effects.mdx
index b408a343e..a790120ab 100644
--- a/website/src/pages/de/workshop/first-effects.mdx
+++ b/website/src/pages/de/workshop/first-effects.mdx
@@ -15,7 +15,6 @@ import Box from '@components/Box.astro';
 **low-pass filter**
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`note("<[c2 c3]*4 [bb1 bb2]*4 [f2 f3]*4 [eb2 eb3]*4>/2")
 .sound("sawtooth").lpf(800)`}
@@ -33,7 +32,6 @@ lpf = **l**ow **p**ass **f**ilter
 **filter automatisieren**
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`note("<[c2 c3]*4 [bb1 bb2]*4 [f2 f3]*4 [eb2 eb3]*4>/2")
 .sound("sawtooth").lpf("200 1000")`}
@@ -51,7 +49,6 @@ Später sehen wir, wie man mit Wellenformen Dinge automatisieren kann.
 **vowel = Vokal**
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`note("<[c3,g3,e4] [bb2,f3,d4] [a2,f3,c4] [bb2,g3,eb4]>/2")
 .sound("sawtooth").vowel("<a e i o>/2")`}
@@ -60,7 +57,6 @@ Später sehen wir, wie man mit Wellenformen Dinge automatisieren kann.
 **gain = Verstärkung**
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`stack(
   sound("hh*8").gain("[.25 1]*2"),
@@ -83,7 +79,6 @@ Bei Rhythmen ist die Dynamik (= Veränderungen der Lautstärke) sehr wichtig.
 Lass uns die obigen Beispiele kombinieren:
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`stack(
   stack(
@@ -108,7 +103,6 @@ Die 3 Teile (Drums, Bass, Akkorde) sind genau wie vorher, nur in einem `stack`,
 **Den Sound formen mit ADSR-Hüllkurve**
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`note("<c3 bb2 f3 eb3>")
 .sound("sawtooth").lpf(600)
@@ -145,7 +139,6 @@ Kannst du erraten, was die einzelnen Werte machen?
 **adsr-Kurznotation**
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`note("<c3 bb2 f3 eb3>")
 .sound("sawtooth").lpf(600)
@@ -156,7 +149,6 @@ Kannst du erraten, was die einzelnen Werte machen?
 **delay = Verzögerung**
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`stack(
   note("~ [<[d3,a3,f4]!2 [d3,bb3,g4]!2> ~]")
@@ -188,7 +180,6 @@ Was passiert, wenn du `.delay(".8:.06:.8")` schreibst? Kannst du erraten, was di
 **room aka reverb = Hall**
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`n("<4 [3@3 4] [<2 0> ~@16] ~>/2")
 .scale("D4:minor").sound("gm_accordion:2")
@@ -206,7 +197,6 @@ Füg auch ein Delay hinzu!
 **kleiner Dub-Tune**
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`stack(
   note("~ [<[d3,a3,f4]!2 [d3,bb3,g4]!2> ~]")
@@ -221,7 +211,6 @@ Füg auch ein Delay hinzu!
 Für echten Dub fehlt noch der Bass:
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`stack(
   note("~ [<[d3,a3,f4]!2 [d3,bb3,g4]!2> ~]")
@@ -245,7 +234,6 @@ Füg `.hush()` ans Ende eines Patterns im stack...
 **pan = Panorama**
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`sound("numbers:1 numbers:2 numbers:3 numbers:4")
 .pan("0 0.3 .6 1")
@@ -254,13 +242,13 @@ Füg `.hush()` ans Ende eines Patterns im stack...
 
 **speed = Geschwindigkeit**
 
-<MiniRepl hideHeader client:visible tune={`sound("bd rim").speed("<1 2 -1 -2>").room(.2)`} />
+<MiniRepl client:visible tune={`sound("bd rim").speed("<1 2 -1 -2>").room(.2)`} />
 
 **fast and slow = schnell und langsam**
 
 Mit `fast` und `slow` kann man das Tempo eines Patterns außerhalb der Mini-Notation ändern:
 
-<MiniRepl hideHeader client:visible tune={`sound("bd*2,~ rim").slow(2)`} />
+<MiniRepl client:visible tune={`sound("bd*2,~ rim").slow(2)`} />
 
 <Box>
 
@@ -272,13 +260,13 @@ Was passiert, wenn du den Wert automatisierst? z.b. `.fast("<1 [2 4]>")` ?
 
 Übrigens, innerhalb der Mini-Notation: `fast` ist `*` und `slow` ist `/`.
 
-<MiniRepl hideHeader client:visible tune={`sound("[bd*2,~ rim]*<1 [2 4]>")`} />
+<MiniRepl client:visible tune={`sound("[bd*2,~ rim]*<1 [2 4]>")`} />
 
 ## Automation mit Signalen
 
 Anstatt Werte schrittweise zu automatisieren, können wir auch sogenannte Signale benutzen:
 
-<MiniRepl hideHeader client:visible tune={`sound("hh*16").gain(sine)`} punchcard punchcardLabels={false} />
+<MiniRepl client:visible tune={`sound("hh*16").gain(sine)`} punchcard punchcardLabels={false} />
 
 <Box>
 
@@ -294,7 +282,7 @@ Der `gain`-Wert (Verstärkung) wird in der Visualisierung als Transparenz darges
 
 Signale bewegen sich standardmäßig zwischen 0 und 1. Wir können das mit `range` ändern:
 
-<MiniRepl hideHeader client:visible tune={`sound("hh*8").lpf(saw.range(500, 2000))`} />
+<MiniRepl client:visible tune={`sound("hh*8").lpf(saw.range(500, 2000))`} />
 
 `range` ist nützlich wenn wir Funktionen mit einem anderen Wertebereich als 0 und 1 automatisieren wollen (z.b. `lpf`)
 
@@ -307,7 +295,6 @@ Was passiert wenn du die beiden Werte vertauschst?
 Wir können die Geschwindigkeit der Automation mit slow / fast ändern:
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`note("<[c2 c3]*4 [bb1 bb2]*4 [f2 f3]*4 [eb2 eb3]*4>/2")
 .sound("sawtooth")
@@ -322,15 +309,15 @@ Die ganze Automation braucht nun 8 cycle bis sie sich wiederholt.
 
 ## Rückblick
 
-| Name  | Beispiel                                                                                           |
-| ----- | -------------------------------------------------------------------------------------------------- |
-| lpf   | <MiniRepl hideHeader client:visible tune={`note("c2 c3").s("sawtooth").lpf("<400 2000>")`} />      |
-| vowel | <MiniRepl hideHeader client:visible tune={`note("c3 eb3 g3").s("sawtooth").vowel("<a e i o>")`} /> |
-| gain  | <MiniRepl hideHeader client:visible tune={`s("hh*8").gain("[.25 1]*2")`} />                        |
-| delay | <MiniRepl hideHeader client:visible tune={`s("bd rim").delay(.5)`} />                              |
-| room  | <MiniRepl hideHeader client:visible tune={`s("bd rim").room(.5)`} />                               |
-| pan   | <MiniRepl hideHeader client:visible tune={`s("bd rim").pan("0 1")`} />                             |
-| speed | <MiniRepl hideHeader client:visible tune={`s("bd rim").speed("<1 2 -1 -2>")`} />                   |
-| range | <MiniRepl hideHeader client:visible tune={`s("hh*16").lpf(saw.range(200,4000))`} />                |
+| Name  | Beispiel                                                                                |
+| ----- | --------------------------------------------------------------------------------------- |
+| lpf   | <MiniRepl client:visible tune={`note("c2 c3").s("sawtooth").lpf("<400 2000>")`} />      |
+| vowel | <MiniRepl client:visible tune={`note("c3 eb3 g3").s("sawtooth").vowel("<a e i o>")`} /> |
+| gain  | <MiniRepl client:visible tune={`s("hh*8").gain("[.25 1]*2")`} />                        |
+| delay | <MiniRepl client:visible tune={`s("bd rim").delay(.5)`} />                              |
+| room  | <MiniRepl client:visible tune={`s("bd rim").room(.5)`} />                               |
+| pan   | <MiniRepl client:visible tune={`s("bd rim").pan("0 1")`} />                             |
+| speed | <MiniRepl client:visible tune={`s("bd rim").speed("<1 2 -1 -2>")`} />                   |
+| range | <MiniRepl client:visible tune={`s("hh*16").lpf(saw.range(200,4000))`} />                |
 
 Lass uns nun die für Tidal typischen [Pattern-Effekte anschauen](/de/workshop/pattern-effects).
diff --git a/website/src/pages/de/workshop/first-notes.mdx b/website/src/pages/de/workshop/first-notes.mdx
index c44969dfb..ad0c4586a 100644
--- a/website/src/pages/de/workshop/first-notes.mdx
+++ b/website/src/pages/de/workshop/first-notes.mdx
@@ -4,7 +4,7 @@ layout: ../../../layouts/MainLayout.astro
 ---
 
 import { MiniRepl } from '@src/docs/MiniRepl';
-import { midi2note } from '@strudel.cycles/core/';
+import { midi2note } from '@strudel/core/';
 import Box from '@components/Box.astro';
 import QA from '@components/QA';
 
@@ -17,7 +17,6 @@ Jetzt schauen wir uns an wie man mit Tönen mit der `note` Funktion spielt.
 **Töne mit Zahlen**
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`note("48 52 55 59").sound("piano")`}
   claviature
@@ -39,7 +38,6 @@ Versuch auch mal Kommazahlen, z.B. 55.5 (beachte die englische Schreibweise von
 **Töne mit Buchstaben**
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`note("c e g b").sound("piano")`}
   claviature
@@ -57,7 +55,6 @@ Findest du Melodien die auch gleichzeitig ein Wort sind? Tipp: ☕ 🙈 🧚
 **Vorzeichen**
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`note("db eb gb ab bb").sound("piano")`}
   claviature
@@ -67,7 +64,6 @@ Findest du Melodien die auch gleichzeitig ein Wort sind? Tipp: ☕ 🙈 🧚
 />
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`note("c# d# f# g# a#").sound("piano")`}
   claviature
@@ -79,7 +75,6 @@ Findest du Melodien die auch gleichzeitig ein Wort sind? Tipp: ☕ 🙈 🧚
 **Andere Oktaven**
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`note("c2 e3 g4 b5").sound("piano")`}
   claviature
@@ -105,7 +100,7 @@ Später sehen wir auch noch ein paar Tricks die es uns erleichtern Töne zu spie
 
 Genau wie bei geräuschhaften Sounds können wir den Klang unserer Töne mit `sound` verändern:
 
-<MiniRepl hideHeader client:visible tune={`note("36 43, 52 59 62 64").sound("piano")`} />
+<MiniRepl client:visible tune={`note("36 43, 52 59 62 64").sound("piano")`} />
 
 <Box>
 
@@ -126,7 +121,6 @@ Probier ein paar sounds aus:
 **Zwischen Sounds hin und her wechseln**
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`note("48 67 63 [62, 58]")
 .sound("piano gm_electric_guitar_muted")`}
@@ -135,7 +129,6 @@ Probier ein paar sounds aus:
 **Gleichzeitige Sounds**
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`note("48 67 63 [62, 58]")
 .sound("piano, gm_electric_guitar_muted")`}
@@ -155,7 +148,7 @@ Wir schauen uns später noch mehr Möglichkeiten an wie man patterns kombiniert.
 
 {/* [c2 bb1 f2 eb2] */}
 
-<MiniRepl hideHeader client:visible tune={`note("[36 34 41 39]/4").sound("gm_acoustic_bass")`} punchcard />
+<MiniRepl client:visible tune={`note("[36 34 41 39]/4").sound("gm_acoustic_bass")`} punchcard />
 
 <Box>
 
@@ -171,7 +164,7 @@ Wenn eine Sequenz unabhängig von ihrem Inhalt immer gleich schnell bleiben soll
 
 **Eins pro Cycle per \< \>**
 
-<MiniRepl hideHeader client:visible tune={`note("<36 34 41 39>").sound("gm_acoustic_bass")`} punchcard />
+<MiniRepl client:visible tune={`note("<36 34 41 39>").sound("gm_acoustic_bass")`} punchcard />
 
 <Box>
 
@@ -190,7 +183,6 @@ usw..
 **Eine Sequenz pro Cycle**
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`note("<[36 48] [34 46] [41 53] [39 51]>")
 .sound("gm_acoustic_bass")`}
@@ -200,7 +192,6 @@ usw..
 oder auch...
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`note("<[36 48]*4 [34 46]*4 [41 53]*4 [39 51]*4>/2")
 .sound("gm_acoustic_bass")`}
@@ -212,7 +203,6 @@ oder auch...
 Ähnlich wie Unter-Sequenzen, kann auch `<...>` innerhalb einer Sequenz verwendet werden:
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`note("60 <63 62 65 63>")
 .sound("gm_xylophone")`}
@@ -222,7 +212,6 @@ oder auch...
 Das ist auch praktisch für atonale Sounds:
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`sound("bd*2, ~ <sd cp>, [~ hh]*2")
 .bank("RolandTR909")`}
@@ -235,7 +224,6 @@ Es kann mühsam sein die richtigen Noten zu finden wenn man alle zur Verfügung
 Mit Skalen ist das einfacher:
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`n("0 2 4 <[6,8] [7,9]>")
 .scale("C:minor").sound("piano")`}
@@ -262,7 +250,6 @@ Probier verschiedene Skalen:
 Wie alle Funktionen können auch Skalen mit einem Pattern automatisiert werden:
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`n("<0 -3>, 2 4 <[6,8] [7,9]>")
 .scale("<C:major D:mixolydian>/4")
@@ -283,7 +270,7 @@ Nimm dir Zeit um herauszufinden welche Skalen du magst.
 
 **Verlängern mit @**
 
-<MiniRepl hideHeader client:visible tune={`note("c@3 eb").sound("gm_acoustic_bass")`} punchcard />
+<MiniRepl client:visible tune={`note("c@3 eb").sound("gm_acoustic_bass")`} punchcard />
 
 <Box>
 
@@ -296,7 +283,6 @@ Spiel mit der Länge!
 **Unter-Sequenzen verlängern**
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`n("<[4@2 4] [5@2 5] [6@2 6] [5@2 5]>*2")
 .scale("<C2:mixolydian F2:mixolydian>/4")
@@ -314,7 +300,7 @@ Das nennt man auch manchmal `triolen swing`. Es ist ein typischer Rhythmus im Bl
 
 **Wiederholen**
 
-<MiniRepl hideHeader client:visible tune={`note("c!2 [eb,<g a bb a>]").sound("piano")`} punchcard />
+<MiniRepl client:visible tune={`note("c!2 [eb,<g a bb a>]").sound("piano")`} punchcard />
 
 <Box>
 
@@ -328,27 +314,26 @@ Was ist der Unterschied?
 
 Das haben wir in diesem Kapitel gelernt:
 
-| Concept      | Syntax | Example                                                             |
-| ------------ | ------ | ------------------------------------------------------------------- |
-| Verlangsamen | \/     | <MiniRepl hideHeader client:visible tune={`note("[c a f e]/2")`} /> |
-| Alternativen | \<\>   | <MiniRepl hideHeader client:visible tune={`note("c <e g>")`} />     |
-| Verlängern   | @      | <MiniRepl hideHeader client:visible tune={`note("c@3 e")`} />       |
-| Wiederholen  | !      | <MiniRepl hideHeader client:visible tune={`note("c!3 e")`} />       |
+| Concept      | Syntax | Example                                                  |
+| ------------ | ------ | -------------------------------------------------------- |
+| Verlangsamen | \/     | <MiniRepl client:visible tune={`note("[c a f e]/2")`} /> |
+| Alternativen | \<\>   | <MiniRepl client:visible tune={`note("c <e g>")`} />     |
+| Verlängern   | @      | <MiniRepl client:visible tune={`note("c@3 e")`} />       |
+| Wiederholen  | !      | <MiniRepl client:visible tune={`note("c!3 e")`} />       |
 
 Neue Funktionen:
 
-| Name  | Description                             | Example                                                                                      |
-| ----- | --------------------------------------- | -------------------------------------------------------------------------------------------- |
-| note  | Tonhöhe als Buchstabe oder Zahl         | <MiniRepl hideHeader client:visible tune={`note("b g e c").sound("piano")`} />               |
-| scale | Interpretiert `n` als Skalenstufe       | <MiniRepl hideHeader client:visible tune={`n("6 4 2 0").scale("C:minor").sound("piano")`} /> |
-| stack | Spiele mehrere Patterns parallel (s.u.) | <MiniRepl hideHeader client:visible tune={`stack(s("bd sd"),note("c eb g"))`} />             |
+| Name  | Description                             | Example                                                                           |
+| ----- | --------------------------------------- | --------------------------------------------------------------------------------- |
+| note  | Tonhöhe als Buchstabe oder Zahl         | <MiniRepl client:visible tune={`note("b g e c").sound("piano")`} />               |
+| scale | Interpretiert `n` als Skalenstufe       | <MiniRepl client:visible tune={`n("6 4 2 0").scale("C:minor").sound("piano")`} /> |
+| stack | Spiele mehrere Patterns parallel (s.u.) | <MiniRepl client:visible tune={`stack(s("bd sd"),note("c eb g"))`} />             |
 
 ## Beispiele
 
 **Bassline**
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`note("<[c2 c3]*4 [bb1 bb2]*4 [f2 f3]*4 [eb2 eb3]*4>/2")
 .sound("gm_synth_bass_1")
@@ -358,7 +343,6 @@ Neue Funktionen:
 **Melodie**
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`n(\`<
 [~ 0] 2 [0 2] [~ 2]
@@ -372,7 +356,6 @@ Neue Funktionen:
 **Drums**
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`sound("bd*2, ~ <sd cp>, [~ hh]*2")
 .bank("RolandTR909")`}
@@ -387,7 +370,6 @@ Das geht mit `stack` 😙
 </Box>
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`stack(
   note("<[c2 c3]*4 [bb1 bb2]*4 [f2 f3]*4 [eb2 eb3]*4>/2")
diff --git a/website/src/pages/de/workshop/first-sounds.mdx b/website/src/pages/de/workshop/first-sounds.mdx
index a689add80..743a53125 100644
--- a/website/src/pages/de/workshop/first-sounds.mdx
+++ b/website/src/pages/de/workshop/first-sounds.mdx
@@ -15,7 +15,7 @@ Dies ist das erste Kapitel im Strudel Workshop, schön dich an Bord zu haben!
 
 Der Workshop ist voller interaktiver Textfelder. Lass uns lernen wie sie funktionieren. Hier ist eins:
 
-<MiniRepl hideHeader client:visible tune={`sound("casio")`} />
+<MiniRepl client:visible tune={`sound("casio")`} />
 
 <Box>
 
@@ -35,7 +35,7 @@ Glückwunsch, du kannst jetzt live coden!
 
 Gerade haben wir schon den ersten sound mit `sound` abgespielt:
 
-<MiniRepl hideHeader client:visible tune={`sound("casio")`} />
+<MiniRepl client:visible tune={`sound("casio")`} />
 
 <Box>
 
@@ -57,7 +57,7 @@ Ein Sound kann mehrere Samples (Audio Dateien) enthalten.
 
 Du kannst ein anderes Sample wählen, indem du `:` und eine Zahl an den Sound-Namen anhängst:
 
-<MiniRepl hideHeader client:visible tune={`sound("casio:1")`} hideHeader />
+<MiniRepl client:visible tune={`sound("casio:1")`} />
 
 <Box>
 
@@ -74,7 +74,7 @@ Vorerst bleiben wir bei den voreingestellten Sounds, später erfahren wir noch w
 
 Strudel kommt von Haus aus mit einer breiten Auswahl an Drum Sounds:
 
-<MiniRepl hideHeader client:visible tune={`sound("bd hh sd oh")`} hideHeader />
+<MiniRepl client:visible tune={`sound("bd hh sd oh")`} />
 
 <Box>
 
@@ -92,7 +92,7 @@ Probier verschiedene Sounds aus!
 
 Wir können den Charakter des Drum Sounds verändern, indem wir mit `bank` die Drum Machine auswählen:
 
-<MiniRepl hideHeader client:visible tune={`sound("bd hh sd oh").bank("RolandTR909")`} hideHeader />
+<MiniRepl client:visible tune={`sound("bd hh sd oh").bank("RolandTR909")`} />
 
 In diesem Beispiel ist `RolandTR909` der Name der Drum Machine, die eine prägende Rolle für House und Techno Musik spielte.
 
@@ -117,7 +117,7 @@ Dann kannst du ihn mit `Strg`+`C` kopieren und mit `Strg`+`V` einfügen.
 
 Im letzten Beispiel haben wir schon gesehen dass man mehrere Sounds hintereinander abspielen kann wenn man sie durch Leerzeichen trennt:
 
-<MiniRepl hideHeader client:visible tune={`sound("bd hh sd hh")`} punchcard />
+<MiniRepl client:visible tune={`sound("bd hh sd hh")`} punchcard />
 
 Beachte wie der aktuell gespielte Sound im Code markiert und auch darunter visualisiert wird.
 
@@ -129,13 +129,13 @@ Versuch noch mehr Sounds hinzuzfügen!
 
 **Je länger die Sequence, desto schneller**
 
-<MiniRepl hideHeader client:visible tune={`sound("bd bd hh bd rim bd hh bd")`} punchcard />
+<MiniRepl client:visible tune={`sound("bd bd hh bd rim bd hh bd")`} punchcard />
 
 Der Inhalt einer Sequence wird in einen sogenannten Cycle (=Zyklus) zusammengequetscht.
 
 **Tempo ändern mit `cpm`**
 
-<MiniRepl hideHeader client:visible tune={`sound("bd bd hh bd rim bd hh bd").cpm(40)`} punchcard />
+<MiniRepl client:visible tune={`sound("bd bd hh bd rim bd hh bd").cpm(40)`} punchcard />
 
 <Box>
 
@@ -151,7 +151,7 @@ Wir werden später noch mehr Möglichkeiten kennen lernen das Tempo zu veränder
 
 **Pausen mit '~'**
 
-<MiniRepl hideHeader client:visible tune={`sound("bd hh ~ rim")`} punchcard />
+<MiniRepl client:visible tune={`sound("bd hh ~ rim")`} punchcard />
 
 <Box>
 
@@ -164,7 +164,7 @@ Tilde tippen:
 
 **Unter-Sequenzen mit [Klammern]**
 
-<MiniRepl hideHeader client:visible tune={`sound("bd [hh hh] rim [hh hh]")`} punchcard />
+<MiniRepl client:visible tune={`sound("bd [hh hh] rim [hh hh]")`} punchcard />
 
 <Box>
 
@@ -178,11 +178,11 @@ Genau wie bei der ganzen Sequence wird eine Unter-Sequence schneller je mehr dri
 
 **Multiplikation: Dinge schneller machen**
 
-<MiniRepl hideHeader client:visible tune={`sound("bd hh*2 sd hh*3")`} punchcard />
+<MiniRepl client:visible tune={`sound("bd hh*2 sd hh*3")`} punchcard />
 
 **Multiplikation: Vieeeeeeel schneller**
 
-<MiniRepl hideHeader client:visible tune={`sound("bd hh*16 sd hh*8")`} punchcard />
+<MiniRepl client:visible tune={`sound("bd hh*16 sd hh*8")`} punchcard />
 
 <Box>
 
@@ -192,12 +192,11 @@ Tonhöhe = sehr schneller Rhythmus
 
 **Multiplikation: Ganze Unter-Sequences schneller machen**
 
-<MiniRepl hideHeader client:visible tune={`sound("bd [sd hh]*2")`} punchcard />
+<MiniRepl client:visible tune={`sound("bd [sd hh]*2")`} punchcard />
 
 Bolero:
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`sound("sd sd*3 sd sd*3 sd sd sd sd*3 sd sd*3 sd*3 sd*3")
 .cpm(10)`}
@@ -206,7 +205,7 @@ Bolero:
 
 **Unter-Unter-Sequenzen mit [[Klammern]]**
 
-<MiniRepl hideHeader client:visible tune={`sound("bd [[rim rim] hh]")`} punchcard />
+<MiniRepl client:visible tune={`sound("bd [[rim rim] hh]")`} punchcard />
 
 <Box>
 
@@ -216,15 +215,15 @@ Du kannst so tief verschachteln wie du willst!
 
 **Parallele Sequenzen mit Komma**
 
-<MiniRepl hideHeader client:visible tune={`sound("hh hh hh, bd casio")`} punchcard />
+<MiniRepl client:visible tune={`sound("hh hh hh, bd casio")`} punchcard />
 
 Du kannst so viele Kommas benutzen wie du möchtest:
 
-<MiniRepl hideHeader client:visible tune={`sound("hh hh hh, bd bd, ~ casio")`} punchcard />
+<MiniRepl client:visible tune={`sound("hh hh hh, bd bd, ~ casio")`} punchcard />
 
 Kommas können auch in Unter-Sequenzen verwendet werden:
 
-<MiniRepl hideHeader client:visible tune={`sound("hh hh hh, bd [bd,casio]")`} punchcard />
+<MiniRepl client:visible tune={`sound("hh hh hh, bd [bd,casio]")`} punchcard />
 
 <Box>
 
@@ -237,7 +236,6 @@ Es kommt öfter vor, dass man die gleiche Idee auf verschiedene Arten ausdrücke
 **Mehrere Zeilen schreiben mit \` (backtick)**
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`sound(\`bd*2, ~ cp, 
 ~ ~ ~ oh, hh*4,
@@ -255,11 +253,11 @@ Ob man " oder \` benutzt ist nur eine Frage der Übersichtlichkeit.
 
 Benutzt man nur einen Sound mit unterschiedlichen Sample Nummer sieht das so aus:
 
-<MiniRepl hideHeader client:visible tune={`sound("jazz:0 jazz:1 [jazz:4 jazz:2] jazz:3*2")`} punchcard />
+<MiniRepl client:visible tune={`sound("jazz:0 jazz:1 [jazz:4 jazz:2] jazz:3*2")`} punchcard />
 
 Das gleiche kann man auch so schreiben:
 
-<MiniRepl hideHeader client:visible tune={`n("0 1 [4 2] 3*2").sound("jazz")`} punchcard />
+<MiniRepl client:visible tune={`n("0 1 [4 2] 3*2").sound("jazz")`} punchcard />
 
 ## Rückblick
 
@@ -267,35 +265,35 @@ Wir haben jetzt die Grundlagen der sogenannten Mini-Notation gelernt, der Rhythm
 
 Das haben wir bisher gelernt:
 
-| Concept               | Syntax      | Example                                                                          |
-| --------------------- | ----------- | -------------------------------------------------------------------------------- |
-| Sequenz               | Leerzeichen | <MiniRepl hideHeader client:visible tune={`sound("bd bd sd hh")`} />             |
-| Sound Nummer          | :x          | <MiniRepl hideHeader client:visible tune={`sound("hh:0 hh:1 hh:2 hh:3")`} />     |
-| Pausen                | ~           | <MiniRepl hideHeader client:visible tune={`sound("metal ~ jazz jazz:1")`} />     |
-| Unter-Sequenzen       | \[\]        | <MiniRepl hideHeader client:visible tune={`sound("bd wind [metal jazz] hh")`} /> |
-| Unter-Unter-Sequenzen | \[\[\]\]    | <MiniRepl hideHeader client:visible tune={`sound("bd [metal [jazz sd]]")`} />    |
-| Schneller             | \*          | <MiniRepl hideHeader client:visible tune={`sound("bd sd*2 cp*3")`} />            |
-| Parallel              | ,           | <MiniRepl hideHeader client:visible tune={`sound("bd*2, hh*2 [hh oh]")`} />      |
+| Concept               | Syntax      | Example                                                               |
+| --------------------- | ----------- | --------------------------------------------------------------------- |
+| Sequenz               | Leerzeichen | <MiniRepl client:visible tune={`sound("bd bd sd hh")`} />             |
+| Sound Nummer          | :x          | <MiniRepl client:visible tune={`sound("hh:0 hh:1 hh:2 hh:3")`} />     |
+| Pausen                | ~           | <MiniRepl client:visible tune={`sound("metal ~ jazz jazz:1")`} />     |
+| Unter-Sequenzen       | \[\]        | <MiniRepl client:visible tune={`sound("bd wind [metal jazz] hh")`} /> |
+| Unter-Unter-Sequenzen | \[\[\]\]    | <MiniRepl client:visible tune={`sound("bd [metal [jazz sd]]")`} />    |
+| Schneller             | \*          | <MiniRepl client:visible tune={`sound("bd sd*2 cp*3")`} />            |
+| Parallel              | ,           | <MiniRepl client:visible tune={`sound("bd*2, hh*2 [hh oh]")`} />      |
 
 Die mit Apostrophen umgebene Mini-Notation benutzt man normalerweise in einer sogenannten Funktion.
 Die folgenden Funktionen haben wir bereits gesehen:
 
-| Name  | Description                            | Example                                                                            |
-| ----- | -------------------------------------- | ---------------------------------------------------------------------------------- |
-| sound | Spielt den Sound mit dem Namen         | <MiniRepl hideHeader client:visible tune={`sound("bd sd")`} />                     |
-| bank  | Wählt die Soundbank / Drum Machine     | <MiniRepl hideHeader client:visible tune={`sound("bd sd").bank("RolandTR909")`} /> |
-| cpm   | Tempo in **C**ycles **p**ro **M**inute | <MiniRepl hideHeader client:visible tune={`sound("bd sd").cpm(90)`} />             |
-| n     | Sample Nummer                          | <MiniRepl hideHeader client:visible tune={`n("0 1 4 2").sound("jazz")`} />         |
+| Name  | Description                            | Example                                                                 |
+| ----- | -------------------------------------- | ----------------------------------------------------------------------- |
+| sound | Spielt den Sound mit dem Namen         | <MiniRepl client:visible tune={`sound("bd sd")`} />                     |
+| bank  | Wählt die Soundbank / Drum Machine     | <MiniRepl client:visible tune={`sound("bd sd").bank("RolandTR909")`} /> |
+| cpm   | Tempo in **C**ycles **p**ro **M**inute | <MiniRepl client:visible tune={`sound("bd sd").cpm(90)`} />             |
+| n     | Sample Nummer                          | <MiniRepl client:visible tune={`n("0 1 4 2").sound("jazz")`} />         |
 
 ## Beispiele
 
 **Einfacher Rock Beat**
 
-<MiniRepl hideHeader client:visible tune={`sound("bd sd, hh*4").bank("RolandTR505").cpm(100/2)`} punchcard />
+<MiniRepl client:visible tune={`sound("bd sd, hh*4").bank("RolandTR505").cpm(100/2)`} punchcard />
 
 **Klassischer House**
 
-<MiniRepl hideHeader client:visible tune={`sound("bd*2, ~ cp, [~ hh]*2").bank("RolandTR909")`} punchcard />
+<MiniRepl client:visible tune={`sound("bd*2, ~ cp, [~ hh]*2").bank("RolandTR909")`} punchcard />
 
 <Box>
 
@@ -306,12 +304,11 @@ Bestimmte Drum Patterns werden oft genreübergreifend wiederverwendet.
 
 We Will Rock you
 
-<MiniRepl hideHeader client:visible tune={`sound("bd*2 cp").bank("RolandTR707").cpm(81/2)`} punchcard />
+<MiniRepl client:visible tune={`sound("bd*2 cp").bank("RolandTR707").cpm(81/2)`} punchcard />
 
 **Yellow Magic Orchestra - Firecracker**
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`sound("bd sd, ~ ~ ~ hh ~ hh ~ ~, ~ perc ~ perc:1*2")
 .bank("RolandCompurhythm1000")`}
@@ -321,7 +318,6 @@ We Will Rock you
 **Nachahmung eines 16 step sequencers**
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`sound(\`
 [~  ~  oh ~ ] [~  ~  ~  ~ ] [~  ~  ~  ~ ] [~  ~  ~  ~ ],
@@ -335,7 +331,6 @@ We Will Rock you
 **Noch eins**
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`sound(\`
 [~  ~  ~  ~ ] [~  ~  ~  ~ ] [~  ~  ~  ~ ] [~  ~  oh:1 ~ ],
@@ -349,7 +344,6 @@ We Will Rock you
 **Nicht so typische Drums**
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`s(\`jazz*2, 
 insect [crow metal] ~ ~, 
diff --git a/website/src/pages/de/workshop/pattern-effects.mdx b/website/src/pages/de/workshop/pattern-effects.mdx
index 703358819..c76c831df 100644
--- a/website/src/pages/de/workshop/pattern-effects.mdx
+++ b/website/src/pages/de/workshop/pattern-effects.mdx
@@ -15,16 +15,15 @@ In diesem Kapitel beschäftigen wir uns mit Funktionen die weniger herkömmlich
 
 **rev = rückwärts abspielen**
 
-<MiniRepl hideHeader client:visible tune={`n("0 1 [4 3] 2").sound("jazz").rev()`} />
+<MiniRepl client:visible tune={`n("0 1 [4 3] 2").sound("jazz").rev()`} />
 
 **jux = einen stereo kanal modifizieren**
 
-<MiniRepl hideHeader client:visible tune={`n("0 1 [4 3] 2").sound("jazz").jux(rev)`} />
+<MiniRepl client:visible tune={`n("0 1 [4 3] 2").sound("jazz").jux(rev)`} />
 
 So würde man das ohne `jux` schreiben:
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`stack(
   n("0 1 [4 3] 2").sound("jazz").pan(0),
@@ -35,7 +34,6 @@ So würde man das ohne `jux` schreiben:
 Lass uns visualisieren, was hier passiert:
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`stack(
   n("0 1 [4 3] 2").sound("jazz").pan(0).color("cyan"),
@@ -52,12 +50,11 @@ Schreibe `//` vor eine der beiden Zeilen im `stack`!
 
 **mehrere tempos**
 
-<MiniRepl hideHeader client:visible tune={`note("c2, eb3 g3 [bb3 c4]").sound("piano").slow("1,2,3")`} />
+<MiniRepl client:visible tune={`note("c2, eb3 g3 [bb3 c4]").sound("piano").slow("1,2,3")`} />
 
 Das hat den gleichen Effekt, wie:
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`stack(
   note("c2, eb3 g3 [bb3 c4]").s("piano").slow(1).color('cyan'),
@@ -76,7 +73,6 @@ Schreibe wieder `//` vor eine oder mehrere Zeilen im `stack`.
 **add = addieren**
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`note("c2 [eb3,g3]".add("<0 <1 -1>>"))
 .color("<cyan <magenta yellow>>").adsr("[.1 0]:.2:[1 0]")
@@ -95,7 +91,6 @@ z.B. c4 = 60, also ist c4 + 2 = 62
 Man kann auch mehrmals addieren:
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`note("c2 [eb3,g3]".add("<0 <1 -1>>").add("0,7"))
 .color("<cyan <magenta yellow>>").adsr("[.1 0]:.2:[1 0]")
@@ -106,7 +101,6 @@ Man kann auch mehrmals addieren:
 **add + scale**
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`n("<0 [2 4] <3 5> [~ <4 1>]>*2".add("<0 [0,2,4]>/4"))
 .scale("C5:minor").release(.5)
@@ -117,7 +111,6 @@ Man kann auch mehrmals addieren:
 **Alles zusammen**
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`stack(
   n("<0 [2 4] <3 5> [~ <4 1>]>*2".add("<0 [0,2,4]>/4"))
@@ -134,11 +127,11 @@ Man kann auch mehrmals addieren:
 
 **ply**
 
-<MiniRepl hideHeader client:visible tune={`sound("hh, bd rim").bank("RolandTR707").ply(2)`} punchcard />
+<MiniRepl client:visible tune={`sound("hh, bd rim").bank("RolandTR707").ply(2)`} punchcard />
 
 das ist wie:
 
-<MiniRepl hideHeader client:visible tune={`sound("hh*2, bd*2 rim*2").bank("RolandTR707")`} punchcard />
+<MiniRepl client:visible tune={`sound("hh*2, bd*2 rim*2").bank("RolandTR707")`} punchcard />
 
 <Box>
 
@@ -149,7 +142,6 @@ Probier `ply` mit einem pattern zu automatisieren, z.b. `"<1 2 1 3>"`
 **off**
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`n("<0 [4 <3 2>] <2 3> [~ 1]>"
   .off(1/8, x=>x.add(4))
@@ -168,16 +160,15 @@ In der Notation `x=>x.`, ist `x` das Pattern, das wir bearbeiten.
 `off` ist auch nützlich für Sounds:
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`s("bd sd,[~ hh]*2").bank("CasioRZ1")
   .off(1/8, x=>x.speed(1.5).gain(.25))`}
 />
 
-| Name | Beschreibung                      | Beispiel                                                                                       |
-| ---- | --------------------------------- | ---------------------------------------------------------------------------------------------- |
-| rev  | rückwärts                         | <MiniRepl hideHeader client:visible tune={`n("0 2 4 6").scale("C:minor").rev()`} />            |
-| jux  | einen Stereo-Kanal modifizieren   | <MiniRepl hideHeader client:visible tune={`n("0 2 4 6").scale("C:minor").jux(rev)`} />         |
-| add  | addiert Zahlen oder Noten         | <MiniRepl hideHeader client:visible tune={`n("0 2 4 6".add("<0 1 2 1>")).scale("C:minor")`} /> |
-| ply  | multipliziert jedes Element x mal | <MiniRepl hideHeader client:visible tune={`s("bd sd").ply("<1 2 3>")`} />                      |
-| off  | verzögert eine modifizierte Kopie | <MiniRepl hideHeader client:visible tune={`s("bd sd, hh*4").off(1/8, x=>x.speed(2))`} />       |
+| Name | Beschreibung                      | Beispiel                                                                            |
+| ---- | --------------------------------- | ----------------------------------------------------------------------------------- |
+| rev  | rückwärts                         | <MiniRepl client:visible tune={`n("0 2 4 6").scale("C:minor").rev()`} />            |
+| jux  | einen Stereo-Kanal modifizieren   | <MiniRepl client:visible tune={`n("0 2 4 6").scale("C:minor").jux(rev)`} />         |
+| add  | addiert Zahlen oder Noten         | <MiniRepl client:visible tune={`n("0 2 4 6".add("<0 1 2 1>")).scale("C:minor")`} /> |
+| ply  | multipliziert jedes Element x mal | <MiniRepl client:visible tune={`s("bd sd").ply("<1 2 3>")`} />                      |
+| off  | verzögert eine modifizierte Kopie | <MiniRepl client:visible tune={`s("bd sd, hh*4").off(1/8, x=>x.speed(2))`} />       |
diff --git a/website/src/pages/de/workshop/recap.mdx b/website/src/pages/de/workshop/recap.mdx
index c0d577d16..14ef6b252 100644
--- a/website/src/pages/de/workshop/recap.mdx
+++ b/website/src/pages/de/workshop/recap.mdx
@@ -11,58 +11,58 @@ Diese Seite ist eine Auflistung aller im Workshop vorgestellten Funktionen.
 
 ## Mini Notation
 
-| Konzept               | Syntax   | Beispiel                                                                         |
-| --------------------- | -------- | -------------------------------------------------------------------------------- |
-| Sequenz               | space    | <MiniRepl hideHeader client:visible tune={`sound("bd bd sn hh")`} />             |
-| Sample-Nummer         | :x       | <MiniRepl hideHeader client:visible tune={`sound("hh:0 hh:1 hh:2 hh:3")`} />     |
-| Pausen                | ~        | <MiniRepl hideHeader client:visible tune={`sound("metal ~ jazz jazz:1")`} />     |
-| Unter-Sequenzen       | \[\]     | <MiniRepl hideHeader client:visible tune={`sound("bd wind [metal jazz] hh")`} /> |
-| Unter-Unter-Sequenzen | \[\[\]\] | <MiniRepl hideHeader client:visible tune={`sound("bd [metal [jazz sn]]")`} />    |
-| Schneller             | \*       | <MiniRepl hideHeader client:visible tune={`sound("bd sn*2 cp*3")`} />            |
-| Verlangsamen          | \/       | <MiniRepl hideHeader client:visible tune={`note("[c a f e]/2")`} />              |
-| Parallel              | ,        | <MiniRepl hideHeader client:visible tune={`sound("bd*2, hh*2 [hh oh]")`} />      |
-| Alternieren           | \<\>     | <MiniRepl hideHeader client:visible tune={`note("c <e g>")`} />                  |
-| Verlängern            | @        | <MiniRepl hideHeader client:visible tune={`note("c@3 e")`} />                    |
-| Wiederholen           | !        | <MiniRepl hideHeader client:visible tune={`note("c!3 e")`} />                    |
+| Konzept               | Syntax   | Beispiel                                                              |
+| --------------------- | -------- | --------------------------------------------------------------------- |
+| Sequenz               | space    | <MiniRepl client:visible tune={`sound("bd bd sn hh")`} />             |
+| Sample-Nummer         | :x       | <MiniRepl client:visible tune={`sound("hh:0 hh:1 hh:2 hh:3")`} />     |
+| Pausen                | ~        | <MiniRepl client:visible tune={`sound("metal ~ jazz jazz:1")`} />     |
+| Unter-Sequenzen       | \[\]     | <MiniRepl client:visible tune={`sound("bd wind [metal jazz] hh")`} /> |
+| Unter-Unter-Sequenzen | \[\[\]\] | <MiniRepl client:visible tune={`sound("bd [metal [jazz sn]]")`} />    |
+| Schneller             | \*       | <MiniRepl client:visible tune={`sound("bd sn*2 cp*3")`} />            |
+| Verlangsamen          | \/       | <MiniRepl client:visible tune={`note("[c a f e]/2")`} />              |
+| Parallel              | ,        | <MiniRepl client:visible tune={`sound("bd*2, hh*2 [hh oh]")`} />      |
+| Alternieren           | \<\>     | <MiniRepl client:visible tune={`note("c <e g>")`} />                  |
+| Verlängern            | @        | <MiniRepl client:visible tune={`note("c@3 e")`} />                    |
+| Wiederholen           | !        | <MiniRepl client:visible tune={`note("c!3 e")`} />                    |
 
 ## Sounds
 
-| Name  | Beschreibung               | Beispiel                                                                           |
-| ----- | -------------------------- | ---------------------------------------------------------------------------------- |
-| sound | spielt den Sound mit Namen | <MiniRepl hideHeader client:visible tune={`sound("bd sd")`} />                     |
-| bank  | wählt die Soundbank        | <MiniRepl hideHeader client:visible tune={`sound("bd sd").bank("RolandTR909")`} /> |
-| n     | wählt Sample mit Nummer    | <MiniRepl hideHeader client:visible tune={`n("0 1 4 2").sound("jazz")`} />         |
+| Name  | Beschreibung               | Beispiel                                                                |
+| ----- | -------------------------- | ----------------------------------------------------------------------- |
+| sound | spielt den Sound mit Namen | <MiniRepl client:visible tune={`sound("bd sd")`} />                     |
+| bank  | wählt die Soundbank        | <MiniRepl client:visible tune={`sound("bd sd").bank("RolandTR909")`} /> |
+| n     | wählt Sample mit Nummer    | <MiniRepl client:visible tune={`n("0 1 4 2").sound("jazz")`} />         |
 
 ## Noten
 
-| Name      | Beschreibung                       | Beispiel                                                                                     |
-| --------- | ---------------------------------- | -------------------------------------------------------------------------------------------- |
-| note      | wählt Note per Zahl oder Buchstabe | <MiniRepl hideHeader client:visible tune={`note("b g e c").sound("piano")`} />               |
-| n + scale | wählt Note n in Skala              | <MiniRepl hideHeader client:visible tune={`n("6 4 2 0").scale("C:minor").sound("piano")`} /> |
-| stack     | spielt mehrere Patterns parallel   | <MiniRepl hideHeader client:visible tune={`stack(s("bd sd"),note("c eb g"))`} />             |
+| Name      | Beschreibung                       | Beispiel                                                                          |
+| --------- | ---------------------------------- | --------------------------------------------------------------------------------- |
+| note      | wählt Note per Zahl oder Buchstabe | <MiniRepl client:visible tune={`note("b g e c").sound("piano")`} />               |
+| n + scale | wählt Note n in Skala              | <MiniRepl client:visible tune={`n("6 4 2 0").scale("C:minor").sound("piano")`} /> |
+| stack     | spielt mehrere Patterns parallel   | <MiniRepl client:visible tune={`stack(s("bd sd"),note("c eb g"))`} />             |
 
 ## Audio-Effekte
 
-| Name  | Beispiele                                                                                          |
-| ----- | -------------------------------------------------------------------------------------------------- |
-| lpf   | <MiniRepl hideHeader client:visible tune={`note("c2 c3").s("sawtooth").lpf("<400 2000>")`} />      |
-| vowel | <MiniRepl hideHeader client:visible tune={`note("c3 eb3 g3").s("sawtooth").vowel("<a e i o>")`} /> |
-| gain  | <MiniRepl hideHeader client:visible tune={`s("hh*8").gain("[.25 1]*2")`} />                        |
-| delay | <MiniRepl hideHeader client:visible tune={`s("bd rim").delay(.5)`} />                              |
-| room  | <MiniRepl hideHeader client:visible tune={`s("bd rim").room(.5)`} />                               |
-| pan   | <MiniRepl hideHeader client:visible tune={`s("bd rim").pan("0 1")`} />                             |
-| speed | <MiniRepl hideHeader client:visible tune={`s("bd rim").speed("<1 2 -1 -2>")`} />                   |
-| range | <MiniRepl hideHeader client:visible tune={`s("hh*16").lpf(saw.range(200,4000))`} />                |
+| Name  | Beispiele                                                                               |
+| ----- | --------------------------------------------------------------------------------------- |
+| lpf   | <MiniRepl client:visible tune={`note("c2 c3").s("sawtooth").lpf("<400 2000>")`} />      |
+| vowel | <MiniRepl client:visible tune={`note("c3 eb3 g3").s("sawtooth").vowel("<a e i o>")`} /> |
+| gain  | <MiniRepl client:visible tune={`s("hh*8").gain("[.25 1]*2")`} />                        |
+| delay | <MiniRepl client:visible tune={`s("bd rim").delay(.5)`} />                              |
+| room  | <MiniRepl client:visible tune={`s("bd rim").room(.5)`} />                               |
+| pan   | <MiniRepl client:visible tune={`s("bd rim").pan("0 1")`} />                             |
+| speed | <MiniRepl client:visible tune={`s("bd rim").speed("<1 2 -1 -2>")`} />                   |
+| range | <MiniRepl client:visible tune={`s("hh*16").lpf(saw.range(200,4000))`} />                |
 
 ## Pattern-Effekte
 
-| Name | Beschreibung                      | Beispiel                                                                                       |
-| ---- | --------------------------------- | ---------------------------------------------------------------------------------------------- |
-| cpm  | Tempo in Cycles pro Minute        | <MiniRepl hideHeader client:visible tune={`sound("bd sd").cpm(90)`} />                         |
-| fast | schneller                         | <MiniRepl hideHeader client:visible tune={`sound("bd sd").fast(2)`} />                         |
-| slow | langsamer                         | <MiniRepl hideHeader client:visible tune={`sound("bd sd").slow(2)`} />                         |
-| rev  | rückwärts                         | <MiniRepl hideHeader client:visible tune={`n("0 2 4 6").scale("C:minor").rev()`} />            |
-| jux  | einen Stereo-Kanal modifizieren   | <MiniRepl hideHeader client:visible tune={`n("0 2 4 6").scale("C:minor").jux(rev)`} />         |
-| add  | addiert Zahlen oder Noten         | <MiniRepl hideHeader client:visible tune={`n("0 2 4 6".add("<0 1 2 1>")).scale("C:minor")`} /> |
-| ply  | jedes Element schneller machen    | <MiniRepl hideHeader client:visible tune={`s("bd sd").ply("<1 2 3>")`} />                      |
-| off  | verzögert eine modifizierte Kopie | <MiniRepl hideHeader client:visible tune={`s("bd sd, hh*4").off(1/8, x=>x.speed(2))`} />       |
+| Name | Beschreibung                      | Beispiel                                                                            |
+| ---- | --------------------------------- | ----------------------------------------------------------------------------------- |
+| cpm  | Tempo in Cycles pro Minute        | <MiniRepl client:visible tune={`sound("bd sd").cpm(90)`} />                         |
+| fast | schneller                         | <MiniRepl client:visible tune={`sound("bd sd").fast(2)`} />                         |
+| slow | langsamer                         | <MiniRepl client:visible tune={`sound("bd sd").slow(2)`} />                         |
+| rev  | rückwärts                         | <MiniRepl client:visible tune={`n("0 2 4 6").scale("C:minor").rev()`} />            |
+| jux  | einen Stereo-Kanal modifizieren   | <MiniRepl client:visible tune={`n("0 2 4 6").scale("C:minor").jux(rev)`} />         |
+| add  | addiert Zahlen oder Noten         | <MiniRepl client:visible tune={`n("0 2 4 6".add("<0 1 2 1>")).scale("C:minor")`} /> |
+| ply  | jedes Element schneller machen    | <MiniRepl client:visible tune={`s("bd sd").ply("<1 2 3>")`} />                      |
+| off  | verzögert eine modifizierte Kopie | <MiniRepl client:visible tune={`s("bd sd, hh*4").off(1/8, x=>x.speed(2))`} />       |
diff --git a/website/src/pages/examples/index.astro b/website/src/pages/examples/index.astro
index d44406898..6b24d9ff8 100644
--- a/website/src/pages/examples/index.astro
+++ b/website/src/pages/examples/index.astro
@@ -2,7 +2,7 @@
 import * as tunes from '../../../src/repl/tunes.mjs';
 import HeadCommon from '../../components/HeadCommon.astro';
 
-import { getMetadata } from '../metadata_parser';
+import { getMetadata } from '../../metadata_parser';
 
 const { BASE_URL } = import.meta.env;
 const baseNoTrailing = BASE_URL.endsWith('/') ? BASE_URL.slice(0, -1) : BASE_URL;
@@ -25,3 +25,4 @@ const baseNoTrailing = BASE_URL.endsWith('/') ? BASE_URL.slice(0, -1) : BASE_URL
     }
   </div>
 </body>
+../../metadata_parser
\ No newline at end of file
diff --git a/website/src/pages/img/example-[name].png.js b/website/src/pages/img/example-[name].png.js
index b058a017f..86d8a5528 100644
--- a/website/src/pages/img/example-[name].png.js
+++ b/website/src/pages/img/example-[name].png.js
@@ -1,6 +1,6 @@
 import { createCanvas } from 'canvas';
-import { pianoroll } from '@strudel.cycles/core';
-import { evaluate } from '@strudel.cycles/transpiler';
+import { pianoroll } from '@strudel/core';
+import { evaluate } from '@strudel/transpiler';
 import '../../../../test/runtime.mjs';
 import * as tunes from '../../repl/tunes.mjs';
 
diff --git a/website/src/pages/learn/effects.mdx b/website/src/pages/learn/effects.mdx
index a3ae91d79..be4a11840 100644
--- a/website/src/pages/learn/effects.mdx
+++ b/website/src/pages/learn/effects.mdx
@@ -138,6 +138,60 @@ There is one filter envelope for each filter type and thus one set of envelope f
 
 <JsDoc client:idle name="lpenv" h={0} />
 
+# Pitch Envelope
+
+You can also control the pitch with envelopes!
+Pitch envelopes can breathe life into static sounds:
+
+<MiniRepl
+  client:idle
+  tune={`n("<-4,0 5 2 1>*<2!3 4>")
+  .scale("<C F>/8:pentatonic")
+  .s("gm_electric_guitar_jazz")
+  .penv("<.5 0 7 -2>*2").vib("4:.1")
+  .phaser(2).delay(.25).room(.3)
+  .size(4).fast(.75)`}
+/>
+
+You also create some lovely chiptune-style sounds:
+
+<MiniRepl
+  client:idle
+  tune={`n(run("<4 8>/16")).jux(rev)
+.chord("<C^7 <Db^7 Fm7>>")
+.dict('ireal')
+.voicing().add(note("<0 1>/8"))
+.dec(.1).room(.2)
+.segment("<4 [2 8]>")
+.penv("<0 <2 -2>>").patt(.02)`}
+/>
+
+Let's break down all pitch envelope controls:
+
+## pattack
+
+<JsDoc client:idle name="pattack" h={0} />
+
+## pdecay
+
+<JsDoc client:idle name="pdecay" h={0} />
+
+## prelease
+
+<JsDoc client:idle name="prelease" h={0} />
+
+## penv
+
+<JsDoc client:idle name="penv" h={0} />
+
+## pcurve
+
+<JsDoc client:idle name="pcurve" h={0} />
+
+## panchor
+
+<JsDoc client:idle name="panchor" h={0} />
+
 # Dynamics
 
 ## gain
diff --git a/website/src/pages/learn/metadata.mdx b/website/src/pages/learn/metadata.mdx
index 9ade4447c..e8bb86dfc 100644
--- a/website/src/pages/learn/metadata.mdx
+++ b/website/src/pages/learn/metadata.mdx
@@ -50,7 +50,7 @@ Available tags are:
 
 - `@title`: music title
 - `@by`: music author(s), separated by comma, eventually followed with a link in `<>` (ex: `@by John Doe <https://example.com>`)
-- `@license`: music license(s)
+- `@license`: music license(s), e.g. CC BY-NC-SA. Unsure? [Choose a creative commons license here](https://creativecommons.org/choose/)
 - `@details`: some additional information about the music
 - `@url`: web page(s) related to the music (git repo, soundcloud link, etc.)
 - `@genre`: music genre(s) (pop, jazz, etc)
diff --git a/website/src/pages/recipes/microrhythms.mdx b/website/src/pages/recipes/microrhythms.mdx
index 107b56fdf..c032c6da9 100644
--- a/website/src/pages/recipes/microrhythms.mdx
+++ b/website/src/pages/recipes/microrhythms.mdx
@@ -4,8 +4,6 @@ layout: ../../layouts/MainLayout.astro
 ---
 
 import { MiniRepl } from '../../docs/MiniRepl';
-import { JsDoc } from '../../docs/JsDoc';
-import { samples } from '@strudel.cycles/webaudio';
 
 see https://strudel.cc/?zMEo5kowGrFc
 
diff --git a/website/src/pages/recipes/rhythms.mdx b/website/src/pages/recipes/rhythms.mdx
index 08aef82ac..144616c96 100644
--- a/website/src/pages/recipes/rhythms.mdx
+++ b/website/src/pages/recipes/rhythms.mdx
@@ -4,8 +4,6 @@ layout: ../../layouts/MainLayout.astro
 ---
 
 import { MiniRepl } from '../../docs/MiniRepl';
-import { JsDoc } from '../../docs/JsDoc';
-import { samples } from '@strudel.cycles/webaudio';
 
 Note:
 
diff --git a/website/src/pages/rss.xml.js b/website/src/pages/rss.xml.js
new file mode 100644
index 000000000..02ecd7618
--- /dev/null
+++ b/website/src/pages/rss.xml.js
@@ -0,0 +1,19 @@
+import rss from '@astrojs/rss';
+import { getCollection } from 'astro:content';
+
+export async function GET(context) {
+  const posts = (await getCollection('blog')).filter((p) => !p.data.draft);
+  const options = {
+    title: 'Strudel Blog',
+    description:
+      'The Strudel Blog will keep you updated with the latest changes and things happening in the strudelsphere.',
+    site: context.site,
+    items: posts.map((post) => ({
+      link: `/blog/#${post.slug}`,
+      title: post.data.title,
+      pubDate: post.data.date,
+      description: post.data.description,
+    })),
+  };
+  return rss(options);
+}
diff --git a/website/src/pages/swatch/[name].png.js b/website/src/pages/swatch/[name].png.js
index aa8aabf3c..c0a52a6be 100644
--- a/website/src/pages/swatch/[name].png.js
+++ b/website/src/pages/swatch/[name].png.js
@@ -1,10 +1,10 @@
 import { createCanvas } from 'canvas';
-import { pianoroll } from '@strudel.cycles/core';
-import { evaluate } from '@strudel.cycles/transpiler';
+import { pianoroll } from '@strudel/core';
+import { evaluate } from '@strudel/transpiler';
 import '../../../../test/runtime.mjs';
-import { getMyPatterns } from './list.json';
+import { getMyPatterns } from '../../my_patterns';
 
-export async function get({ params, request }) {
+export async function GET({ params, request }) {
   const patterns = await getMyPatterns();
   const { name } = params;
   const tune = patterns[name];
@@ -14,10 +14,7 @@ export async function get({ params, request }) {
   const ctx = canvas.getContext('2d');
   pianoroll({ time: 4, haps, ctx, playhead: 1, fold: 1, background: 'transparent', playheadColor: 'transparent' });
   const buffer = canvas.toBuffer('image/png');
-  return {
-    body: buffer,
-    encoding: 'binary',
-  };
+  return new Response(buffer);
 }
 export async function getStaticPaths() {
   const patterns = await getMyPatterns();
diff --git a/website/src/pages/swatch/index.astro b/website/src/pages/swatch/index.astro
index 65484856c..5f5754494 100644
--- a/website/src/pages/swatch/index.astro
+++ b/website/src/pages/swatch/index.astro
@@ -1,5 +1,5 @@
 ---
-import { getMyPatterns } from './list.json';
+import { getMyPatterns } from '../../my_patterns.js';
 
 import { Content } from '../../../../my-patterns/README.md';
 import HeadCommon from '../../components/HeadCommon.astro';
@@ -37,3 +37,4 @@ const baseNoTrailing = BASE_URL.endsWith('/') ? BASE_URL.slice(0, -1) : BASE_URL
     }
   </div>
 </body>
+../../list.json
diff --git a/website/src/pages/swatch/list.json.js b/website/src/pages/swatch/list.json.js
deleted file mode 100644
index 4bf6bb4ae..000000000
--- a/website/src/pages/swatch/list.json.js
+++ /dev/null
@@ -1,17 +0,0 @@
-import { getMetadata } from '../metadata_parser';
-
-export function getMyPatterns() {
-  const my = import.meta.glob('../../../../my-patterns/**', { as: 'raw', eager: true });
-  return Object.fromEntries(
-    Object.entries(my)
-      .filter(([name]) => name.endsWith('.txt'))
-      .map(([name, raw]) => [getMetadata(raw)['title'] || name.split('/').slice(-1), raw]),
-  );
-}
-
-export async function get() {
-  const all = await getMyPatterns();
-  return {
-    body: JSON.stringify(all),
-  };
-}
diff --git a/website/src/pages/technical-manual/packages.mdx b/website/src/pages/technical-manual/packages.mdx
index 9c7204d90..d378f781a 100644
--- a/website/src/pages/technical-manual/packages.mdx
+++ b/website/src/pages/technical-manual/packages.mdx
@@ -16,16 +16,16 @@ The purpose of the multiple packages is to
 
 ## Overview
 
-[See the latest published packages on npm](https://www.npmjs.com/search?q=%40strudel.cycles).
+[See the latest published packages on npm](https://www.npmjs.com/search?q=%40strudel).
 Here is an overview of all the packages:
 
 ### Essential Packages
 
 These package are the most essential. You might want to use all of those if you're using strudel in your project:
 
-- [core](https://github.com/tidalcycles/strudel/tree/main/packages/core#strudelcyclescore): tidal pattern engine with core primitives
-- [mini](https://github.com/tidalcycles/strudel/tree/main/packages/mini#strudelcyclesmini): mini notation parser + core bindings
-- [transpiler](https://github.com/tidalcycles/strudel/tree/main/packages/transpiler#strudelcyclestranspiler): user code transpiler. syntax sugar + highlighting
+- [core](https://github.com/tidalcycles/strudel/tree/main/packages/core#strudelcore): tidal pattern engine with core primitives
+- [mini](https://github.com/tidalcycles/strudel/tree/main/packages/mini#strudelmini): mini notation parser + core bindings
+- [transpiler](https://github.com/tidalcycles/strudel/tree/main/packages/transpiler#strudeltranspiler): user code transpiler. syntax sugar + highlighting
 
 ### Language Extensions
 
@@ -38,23 +38,24 @@ These packages extend the pattern language by specific functions
 
 These packages provide bindings for different ways to output strudel patterns:
 
-- [webaudio](https://github.com/tidalcycles/strudel/tree/main/packages/webaudio#strudelcycleswebaudio): the default webaudio output
-- [osc](https://github.com/tidalcycles/strudel/tree/main/packages/osc#strudelcyclesosc): bindings to communicate via OSC
-- [midi](https://github.com/tidalcycles/strudel/tree/main/packages/midi#strudelcyclesmidi): webmidi bindings
-- [csound](https://github.com/tidalcycles/strudel/tree/main/packages/csound#strudelcyclescsound): csound bindings
-- [soundfonts](https://github.com/tidalcycles/strudel/tree/main/packages/serial#strudelcyclessoundfonts): Soundfont support
-- [serial](https://github.com/tidalcycles/strudel/tree/main/packages/serial#strudelcyclesserial): webserial bindings
+- [webaudio](https://github.com/tidalcycles/strudel/tree/main/packages/webaudio#strudelwebaudio): the default webaudio output
+- [osc](https://github.com/tidalcycles/strudel/tree/main/packages/osc#strudelosc): bindings to communicate via OSC
+- [midi](https://github.com/tidalcycles/strudel/tree/main/packages/midi#strudelmidi): webmidi bindings
+- [csound](https://github.com/tidalcycles/strudel/tree/main/packages/csound#strudelcsound): csound bindings
+- [soundfonts](https://github.com/tidalcycles/strudel/tree/main/packages/serial#strudelsoundfonts): Soundfont support
+- [serial](https://github.com/tidalcycles/strudel/tree/main/packages/serial#strudelserial): webserial bindings
 
 ### Others
 
-- [embed](https://github.com/tidalcycles/strudel/tree/main/packages/embed#strudelcyclesembed): embeddable REPL web component
-- [react](https://github.com/tidalcycles/strudel/tree/main/packages/react#strudelcyclesreact): react hooks and components for strudel
+- [embed](https://github.com/tidalcycles/strudel/tree/main/packages/embed#strudelembed): embeddable REPL web component
 
 ### No Longer Maintained
 
+- [react](https://www.npmjs.com/package/@strudel.cycles/react): react hooks and components for strudel
 - [eval](https://www.npmjs.com/package/@strudel.cycles/eval): old code transpiler
 - [tone](https://www.npmjs.com/package/@strudel.cycles/tone): bindings for Tone.js instruments and effects
 - [webdirt](https://www.npmjs.com/package/@strudel.cycles/webdirt): webdirt bindings, replaced by webaudio package
+- any `@strudel.cycles/*` packages have been renamed to `@strudel/*` since version 0.10.0.
 
 ## Tools
 
diff --git a/website/src/pages/workshop/first-effects.mdx b/website/src/pages/workshop/first-effects.mdx
index e3ce54874..48764bce3 100644
--- a/website/src/pages/workshop/first-effects.mdx
+++ b/website/src/pages/workshop/first-effects.mdx
@@ -17,7 +17,6 @@ We have sounds, we have notes, now let's look at effects!
 **low-pass filter**
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`note("<[c2 c3]*4 [bb1 bb2]*4 [f2 f3]*4 [eb2 eb3]*4>/2")
 .sound("sawtooth").lpf(800)`}
@@ -35,7 +34,6 @@ lpf = **l**ow **p**ass **f**ilter
 **pattern the filter**
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`note("<[c2 c3]*4 [bb1 bb2]*4 [f2 f3]*4 [eb2 eb3]*4>/2")
 .sound("sawtooth").lpf("200 1000")`}
@@ -53,7 +51,6 @@ We will learn how to automate with waves later...
 **vowel**
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`note("<[c3,g3,e4] [bb2,f3,d4] [a2,f3,c4] [bb2,g3,eb4]>/2")
 .sound("sawtooth").vowel("<a e i o>/2")`}
@@ -62,7 +59,6 @@ We will learn how to automate with waves later...
 **gain**
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`stack(
   sound("hh*8").gain("[.25 1]*2"),
@@ -85,7 +81,6 @@ Rhythm is all about dynamics!
 Let's combine all of the above into a little tune:
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`stack(
   stack(
@@ -109,7 +104,6 @@ The 3 parts (drums, bassline, chords) are exactly as earlier, just stacked toget
 **shape the sound with an adsr envelope**
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`note("<c3 bb2 f3 eb3>")
 .sound("sawtooth").lpf(600)
@@ -146,7 +140,6 @@ Can you guess what they do?
 **adsr short notation**
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`note("<c3 bb2 f3 eb3>")
 .sound("sawtooth").lpf(600)
@@ -157,7 +150,6 @@ Can you guess what they do?
 **delay**
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`stack(
   note("~ [<[d3,a3,f4]!2 [d3,bb3,g4]!2> ~]")
@@ -189,7 +181,6 @@ What happens if you use `.delay(".8:.06:.8")` ? Can you guess what the third num
 **room aka reverb**
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`n("<4 [3@3 4] [<2 0> ~@16] ~>/2")
 .scale("D4:minor").sound("gm_accordion:2")
@@ -207,7 +198,6 @@ Add a delay too!
 **little dub tune**
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`stack(
   note("~ [<[d3,a3,f4]!2 [d3,bb3,g4]!2> ~]")
@@ -222,7 +212,6 @@ Add a delay too!
 Let's add a bass to make this complete:
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`stack(
   note("~ [<[d3,a3,f4]!2 [d3,bb3,g4]!2> ~]")
@@ -246,7 +235,6 @@ Try adding `.hush()` at the end of one of the patterns in the stack...
 **pan**
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`sound("numbers:1 numbers:2 numbers:3 numbers:4")
 .pan("0 0.3 .6 1")
@@ -255,13 +243,13 @@ Try adding `.hush()` at the end of one of the patterns in the stack...
 
 **speed**
 
-<MiniRepl hideHeader client:visible tune={`sound("bd rim").speed("<1 2 -1 -2>").room(.2)`} />
+<MiniRepl client:visible tune={`sound("bd rim").speed("<1 2 -1 -2>").room(.2)`} />
 
 **fast and slow**
 
 We can use `fast` and `slow` to change the tempo of a pattern outside of Mini-Notation:
 
-<MiniRepl hideHeader client:visible tune={`sound("bd*2,~ rim").slow(2)`} />
+<MiniRepl client:visible tune={`sound("bd*2,~ rim").slow(2)`} />
 
 <Box>
 
@@ -273,13 +261,13 @@ What happens if you use a pattern like `.fast("<1 [2 4]>")`?
 
 By the way, inside Mini-Notation, `fast` is `*` and `slow` is `/`.
 
-<MiniRepl hideHeader client:visible tune={`sound("[bd*2,~ rim]*<1 [2 4]>")`} />
+<MiniRepl client:visible tune={`sound("[bd*2,~ rim]*<1 [2 4]>")`} />
 
 ## automation with signals
 
 Instead of changing values stepwise, we can also control them with signals:
 
-<MiniRepl hideHeader client:visible tune={`sound("hh*16").gain(sine)`} punchcard punchcardLabels={false} />
+<MiniRepl client:visible tune={`sound("hh*16").gain(sine)`} punchcard punchcardLabels={false} />
 
 <Box>
 
@@ -295,7 +283,7 @@ The gain is visualized as transparency in the pianoroll.
 
 By default, waves oscillate between 0 to 1. We can change that with `range`:
 
-<MiniRepl hideHeader client:visible tune={`sound("hh*8").lpf(saw.range(500, 2000))`} />
+<MiniRepl client:visible tune={`sound("hh*8").lpf(saw.range(500, 2000))`} />
 
 <Box>
 
@@ -306,7 +294,6 @@ What happens if you flip the range values?
 We can change the automation speed with slow / fast:
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`note("<[c2 c3]*4 [bb1 bb2]*4 [f2 f3]*4 [eb2 eb3]*4>/2")
 .sound("sawtooth")
@@ -321,15 +308,15 @@ The whole automation will now take 8 cycles to repeat.
 
 ## Recap
 
-| name  | example                                                                                            |
-| ----- | -------------------------------------------------------------------------------------------------- |
-| lpf   | <MiniRepl hideHeader client:visible tune={`note("c2 c3").s("sawtooth").lpf("<400 2000>")`} />      |
-| vowel | <MiniRepl hideHeader client:visible tune={`note("c3 eb3 g3").s("sawtooth").vowel("<a e i o>")`} /> |
-| gain  | <MiniRepl hideHeader client:visible tune={`s("hh*8").gain("[.25 1]*2")`} />                        |
-| delay | <MiniRepl hideHeader client:visible tune={`s("bd rim").delay(.5)`} />                              |
-| room  | <MiniRepl hideHeader client:visible tune={`s("bd rim").room(.5)`} />                               |
-| pan   | <MiniRepl hideHeader client:visible tune={`s("bd rim").pan("0 1")`} />                             |
-| speed | <MiniRepl hideHeader client:visible tune={`s("bd rim").speed("<1 2 -1 -2>")`} />                   |
-| range | <MiniRepl hideHeader client:visible tune={`s("hh*16").lpf(saw.range(200,4000))`} />                |
+| name  | example                                                                                 |
+| ----- | --------------------------------------------------------------------------------------- |
+| lpf   | <MiniRepl client:visible tune={`note("c2 c3").s("sawtooth").lpf("<400 2000>")`} />      |
+| vowel | <MiniRepl client:visible tune={`note("c3 eb3 g3").s("sawtooth").vowel("<a e i o>")`} /> |
+| gain  | <MiniRepl client:visible tune={`s("hh*8").gain("[.25 1]*2")`} />                        |
+| delay | <MiniRepl client:visible tune={`s("bd rim").delay(.5)`} />                              |
+| room  | <MiniRepl client:visible tune={`s("bd rim").room(.5)`} />                               |
+| pan   | <MiniRepl client:visible tune={`s("bd rim").pan("0 1")`} />                             |
+| speed | <MiniRepl client:visible tune={`s("bd rim").speed("<1 2 -1 -2>")`} />                   |
+| range | <MiniRepl client:visible tune={`s("hh*16").lpf(saw.range(200,4000))`} />                |
 
 Let us now take a look at some of Tidal's typical [pattern effects](/workshop/pattern-effects).
diff --git a/website/src/pages/workshop/first-notes.mdx b/website/src/pages/workshop/first-notes.mdx
index ab11ed903..230c8e604 100644
--- a/website/src/pages/workshop/first-notes.mdx
+++ b/website/src/pages/workshop/first-notes.mdx
@@ -4,7 +4,7 @@ layout: ../../layouts/MainLayout.astro
 ---
 
 import { MiniRepl } from '@src/docs/MiniRepl';
-import { midi2note } from '@strudel.cycles/core/';
+import { midi2note } from '@strudel/core';
 import Box from '@components/Box.astro';
 import QA from '@components/QA';
 
@@ -17,7 +17,6 @@ Let's look at how we can play notes
 **play notes with numbers**
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`note("48 52 55 59").sound("piano")`}
   claviature
@@ -39,7 +38,6 @@ Try decimal numbers, like 55.5
 **play notes with letters**
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`note("c e g b").sound("piano")`}
   claviature
@@ -57,7 +55,6 @@ Can you find melodies that are actual words? Hint: ☕ 😉 ⚪
 **add flats or sharps to play the black keys**
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`note("db eb gb ab bb").sound("piano")`}
   claviature
@@ -67,7 +64,6 @@ Can you find melodies that are actual words? Hint: ☕ 😉 ⚪
 />
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`note("c# d# f# g# a#").sound("piano")`}
   claviature
@@ -79,7 +75,6 @@ Can you find melodies that are actual words? Hint: ☕ 😉 ⚪
 **play notes with letters in different octaves**
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`note("c2 e3 g4 b5").sound("piano")`}
   claviature
@@ -104,7 +99,7 @@ We will also look at ways to make it easier to play the right notes later.
 
 Just like with unpitched sounds, we can change the sound of our notes with `sound`:
 
-<MiniRepl hideHeader client:visible tune={`note("36 43, 52 59 62 64").sound("piano")`} />
+<MiniRepl client:visible tune={`note("36 43, 52 59 62 64").sound("piano")`} />
 
 {/* c2 g2, e3 b3 d4 e4 */}
 
@@ -127,7 +122,6 @@ Try out different sounds:
 **switch between sounds**
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`note("48 67 63 [62, 58]")
 .sound("piano gm_electric_guitar_muted")`}
@@ -136,7 +130,6 @@ Try out different sounds:
 **stack multiple sounds**
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`note("48 67 63 [62, 58]")
 .sound("piano, gm_electric_guitar_muted")`}
@@ -156,7 +149,7 @@ We will see more ways to combine patterns later..
 
 {/* [c2 bb1 f2 eb2] */}
 
-<MiniRepl hideHeader client:visible tune={`note("[36 34 41 39]/4").sound("gm_acoustic_bass")`} punchcard />
+<MiniRepl client:visible tune={`note("[36 34 41 39]/4").sound("gm_acoustic_bass")`} punchcard />
 
 <Box>
 
@@ -172,7 +165,7 @@ Because it is so common to just play one thing per cycle, you can..
 
 **Play one per cycle with \< \>**
 
-<MiniRepl hideHeader client:visible tune={`note("<36 34 41 39>").sound("gm_acoustic_bass")`} punchcard />
+<MiniRepl client:visible tune={`note("<36 34 41 39>").sound("gm_acoustic_bass")`} punchcard />
 
 <Box>
 
@@ -185,7 +178,6 @@ Try adding more notes inside the brackets and notice how it does **not** get fas
 {/* <[c2 c3]*4 [bb1 bb2]*4 [f2 f3]*4 [eb2 eb3]*4>/2 */}
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`note("<[36 48]*4 [34 46]*4 [41 53]*4 [39 51]*4>/2")
 .sound("gm_acoustic_bass")`}
@@ -195,7 +187,6 @@ Try adding more notes inside the brackets and notice how it does **not** get fas
 **Alternate between multiple things**
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`note("60 <63 62 65 63>")
 .sound("gm_xylophone")`}
@@ -205,7 +196,6 @@ Try adding more notes inside the brackets and notice how it does **not** get fas
 This is also useful for unpitched sounds:
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`sound("bd*2, ~ <sd cp>, [~ hh]*2")
 .bank("RolandTR909")`}
@@ -217,7 +207,6 @@ This is also useful for unpitched sounds:
 Finding the right notes can be difficult.. Scales are here to help:
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`n("0 2 4 <[6,8] [7,9]>")
 .scale("C:minor").sound("piano")`}
@@ -244,7 +233,6 @@ Try out different scales:
 Just like anything, we can automate the scale with a pattern:
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`n("<0 -3>, 2 4 <[6,8] [7,9]>")
 .scale("<C:major D:mixolydian>/4")
@@ -265,7 +253,7 @@ Take your time and you'll find scales you like!
 
 **Elongate with @**
 
-<MiniRepl hideHeader client:visible tune={`note("c@3 eb").sound("gm_acoustic_bass")`} punchcard />
+<MiniRepl client:visible tune={`note("c@3 eb").sound("gm_acoustic_bass")`} punchcard />
 
 <Box>
 
@@ -278,7 +266,6 @@ Try changing that number!
 **Elongate within sub-sequences**
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`n("<[4@2 4] [5@2 5] [6@2 6] [5@2 5]>*2")
 .scale("<C2:mixolydian F2:mixolydian>/4")
@@ -296,7 +283,7 @@ This is also sometimes called triplet swing. You'll often find it in blues and j
 
 **Replicate**
 
-<MiniRepl hideHeader client:visible tune={`note("c!2 [eb,<g a bb a>]").sound("piano")`} punchcard />
+<MiniRepl client:visible tune={`note("c!2 [eb,<g a bb a>]").sound("piano")`} punchcard />
 
 <Box>
 
@@ -310,27 +297,26 @@ What's the difference?
 
 Let's recap what we've learned in this chapter:
 
-| Concept   | Syntax | Example                                                             |
-| --------- | ------ | ------------------------------------------------------------------- |
-| Slow down | \/     | <MiniRepl hideHeader client:visible tune={`note("[c a f e]/2")`} /> |
-| Alternate | \<\>   | <MiniRepl hideHeader client:visible tune={`note("c <e g>")`} />     |
-| Elongate  | @      | <MiniRepl hideHeader client:visible tune={`note("c@3 e")`} />       |
-| Replicate | !      | <MiniRepl hideHeader client:visible tune={`note("c!3 e")`} />       |
+| Concept   | Syntax | Example                                                  |
+| --------- | ------ | -------------------------------------------------------- |
+| Slow down | \/     | <MiniRepl client:visible tune={`note("[c a f e]/2")`} /> |
+| Alternate | \<\>   | <MiniRepl client:visible tune={`note("c <e g>")`} />     |
+| Elongate  | @      | <MiniRepl client:visible tune={`note("c@3 e")`} />       |
+| Replicate | !      | <MiniRepl client:visible tune={`note("c!3 e")`} />       |
 
 New functions:
 
-| Name  | Description                         | Example                                                                                      |
-| ----- | ----------------------------------- | -------------------------------------------------------------------------------------------- |
-| note  | set pitch as number or letter       | <MiniRepl hideHeader client:visible tune={`note("b g e c").sound("piano")`} />               |
-| scale | interpret `n` as scale degree       | <MiniRepl hideHeader client:visible tune={`n("6 4 2 0").scale("C:minor").sound("piano")`} /> |
-| stack | play patterns in parallel (read on) | <MiniRepl hideHeader client:visible tune={`stack(s("bd sd"),note("c eb g"))`} />             |
+| Name  | Description                         | Example                                                                           |
+| ----- | ----------------------------------- | --------------------------------------------------------------------------------- |
+| note  | set pitch as number or letter       | <MiniRepl client:visible tune={`note("b g e c").sound("piano")`} />               |
+| scale | interpret `n` as scale degree       | <MiniRepl client:visible tune={`n("6 4 2 0").scale("C:minor").sound("piano")`} /> |
+| stack | play patterns in parallel (read on) | <MiniRepl client:visible tune={`stack(s("bd sd"),note("c eb g"))`} />             |
 
 ## Examples
 
 **Classy Bassline**
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`note("<[c2 c3]*4 [bb1 bb2]*4 [f2 f3]*4 [eb2 eb3]*4>/2")
 .sound("gm_synth_bass_1")
@@ -340,7 +326,6 @@ New functions:
 **Classy Melody**
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`n(\`<
 [~ 0] 2 [0 2] [~ 2]
@@ -354,7 +339,6 @@ New functions:
 **Classy Drums**
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`sound("bd*2, ~ <sd cp>, [~ hh]*2")
 .bank("RolandTR909")`}
@@ -369,7 +353,6 @@ It's called `stack` 😙
 </Box>
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`stack(
   note("<[c2 c3]*4 [bb1 bb2]*4 [f2 f3]*4 [eb2 eb3]*4>/2")
diff --git a/website/src/pages/workshop/first-sounds.mdx b/website/src/pages/workshop/first-sounds.mdx
index 5897f0292..91ae1e5a0 100644
--- a/website/src/pages/workshop/first-sounds.mdx
+++ b/website/src/pages/workshop/first-sounds.mdx
@@ -15,7 +15,7 @@ This is the first chapter of the Strudel Workshop, nice to have you on board!
 
 The workshop is full of interactive code fields. Let's learn how to use those. Here is one:
 
-<MiniRepl hideHeader client:visible tune={`sound("casio")`} dirt />
+<MiniRepl client:visible tune={`sound("casio")`} dirt />
 
 <Box>
 
@@ -33,7 +33,7 @@ Congratulations, you are now live coding!
 
 We have just played a sound with `sound` like this:
 
-<MiniRepl hideHeader client:visible tune={`sound("casio")`} hideHeader />
+<MiniRepl client:visible tune={`sound("casio")`} />
 
 <Box>
 
@@ -55,7 +55,7 @@ One Sound can contain multiple samples (audio files).
 
 You can select the sample by appending `:` followed by a number to the name:
 
-<MiniRepl hideHeader client:visible tune={`sound("casio:1")`} hideHeader />
+<MiniRepl client:visible tune={`sound("casio:1")`} />
 
 <Box>
 
@@ -72,7 +72,7 @@ For now we'll stick to this little selection of sounds, but we'll find out how t
 
 By default, Strudel comes with a wide selection of drum sounds:
 
-<MiniRepl hideHeader client:visible tune={`sound("bd hh sd oh")`} hideHeader />
+<MiniRepl client:visible tune={`sound("bd hh sd oh")`} />
 
 <Box>
 
@@ -90,7 +90,7 @@ Try out different drum sounds!
 
 To change the sound character of our drums, we can use `bank` to change the drum machine:
 
-<MiniRepl hideHeader client:visible tune={`sound("bd hh sd oh").bank("RolandTR909")`} hideHeader />
+<MiniRepl client:visible tune={`sound("bd hh sd oh").bank("RolandTR909")`} />
 
 In this example `RolandTR909` is the name of the drum machine that we're using.
 It is a famous drum machine for house and techno beats.
@@ -115,7 +115,7 @@ There are a lot more, but let's keep it simple for now
 
 In the last example, we already saw that you can play multiple sounds in a sequence by separating them with a space:
 
-<MiniRepl hideHeader client:visible tune={`sound("bd hh sd hh")`} punchcard />
+<MiniRepl client:visible tune={`sound("bd hh sd hh")`} punchcard />
 
 Notice how the currently playing sound is highlighted in the code and also visualized below.
 
@@ -127,13 +127,13 @@ Try adding more sounds to the sequence!
 
 **The longer the sequence, the faster it runs**
 
-<MiniRepl hideHeader client:visible tune={`sound("bd bd hh bd rim bd hh bd")`} punchcard />
+<MiniRepl client:visible tune={`sound("bd bd hh bd rim bd hh bd")`} punchcard />
 
 The content of a sequence will be squished into what's called a cycle.
 
 **One way to change the tempo is using `cpm`**
 
-<MiniRepl hideHeader client:visible tune={`sound("bd bd hh bd rim bd hh bd").cpm(40)`} punchcard />
+<MiniRepl client:visible tune={`sound("bd bd hh bd rim bd hh bd").cpm(40)`} punchcard />
 
 <Box>
 
@@ -147,11 +147,11 @@ We will look at other ways to change the tempo later!
 
 **Add a rests in a sequence with '~'**
 
-<MiniRepl hideHeader client:visible tune={`sound("bd hh ~ rim")`} punchcard />
+<MiniRepl client:visible tune={`sound("bd hh ~ rim")`} punchcard />
 
 **Sub-Sequences with [brackets]**
 
-<MiniRepl hideHeader client:visible tune={`sound("bd [hh hh] sd [hh bd]")`} punchcard />
+<MiniRepl client:visible tune={`sound("bd [hh hh] sd [hh bd]")`} punchcard />
 
 <Box>
 
@@ -163,15 +163,15 @@ Similar to the whole sequence, the content of a sub-sequence will be squished to
 
 **Multiplication: Speed things up**
 
-<MiniRepl hideHeader client:visible tune={`sound("bd hh*2 rim hh*3")`} punchcard />
+<MiniRepl client:visible tune={`sound("bd hh*2 rim hh*3")`} punchcard />
 
 **Multiplication: Speed up sequences**
 
-<MiniRepl hideHeader client:visible tune={`sound("bd [hh rim]*2")`} punchcard />
+<MiniRepl client:visible tune={`sound("bd [hh rim]*2")`} punchcard />
 
 **Multiplication: Speeeeeeeeed things up**
 
-<MiniRepl hideHeader client:visible tune={`sound("bd hh*16 rim hh*8")`} punchcard />
+<MiniRepl client:visible tune={`sound("bd hh*16 rim hh*8")`} punchcard />
 
 <Box>
 
@@ -181,7 +181,7 @@ Pitch = really fast rhythm
 
 **Sub-Sub-Sequences with [[brackets]]**
 
-<MiniRepl hideHeader client:visible tune={`sound("bd [[rim rim] hh]")`} punchcard />
+<MiniRepl client:visible tune={`sound("bd [[rim rim] hh]")`} punchcard />
 
 <Box>
 
@@ -191,15 +191,15 @@ You can go as deep as you want!
 
 **Play sequences in parallel with comma**
 
-<MiniRepl hideHeader client:visible tune={`sound("hh hh hh, bd casio")`} punchcard />
+<MiniRepl client:visible tune={`sound("hh hh hh, bd casio")`} punchcard />
 
 You can use as many commas as you want:
 
-<MiniRepl hideHeader client:visible tune={`sound("hh hh hh, bd bd, ~ casio")`} punchcard />
+<MiniRepl client:visible tune={`sound("hh hh hh, bd bd, ~ casio")`} punchcard />
 
 Commas can also be used inside sub-sequences:
 
-<MiniRepl hideHeader client:visible tune={`sound("hh hh hh, bd [bd,casio]")`} punchcard />
+<MiniRepl client:visible tune={`sound("hh hh hh, bd [bd,casio]")`} punchcard />
 
 <Box>
 
@@ -212,7 +212,6 @@ It is quite common that there are many ways to express the same idea.
 **Multiple Lines with backticks**
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`sound(\`bd*2, ~ cp, 
 ~ ~ ~ oh, hh*4,
@@ -224,45 +223,45 @@ It is quite common that there are many ways to express the same idea.
 
 Instead of using ":", we can also use the `n` function to select sample numbers:
 
-<MiniRepl hideHeader client:visible tune={`n("0 1 [4 2] 3*2").sound("jazz")`} punchcard />
+<MiniRepl client:visible tune={`n("0 1 [4 2] 3*2").sound("jazz")`} punchcard />
 
 This is shorter and more readable than:
 
-<MiniRepl hideHeader client:visible tune={`sound("jazz:0 jazz:1 [jazz:4 jazz:2] jazz:3*2")`} punchcard />
+<MiniRepl client:visible tune={`sound("jazz:0 jazz:1 [jazz:4 jazz:2] jazz:3*2")`} punchcard />
 
 ## Recap
 
 Now we've learned the basics of the so called Mini-Notation, the rhythm language of Tidal.
 This is what we've leared so far:
 
-| Concept           | Syntax   | Example                                                                          |
-| ----------------- | -------- | -------------------------------------------------------------------------------- |
-| Sequence          | space    | <MiniRepl hideHeader client:visible tune={`sound("bd bd sd hh")`} />             |
-| Sample Number     | :x       | <MiniRepl hideHeader client:visible tune={`sound("hh:0 hh:1 hh:2 hh:3")`} />     |
-| Rests             | ~        | <MiniRepl hideHeader client:visible tune={`sound("metal ~ jazz jazz:1")`} />     |
-| Sub-Sequences     | \[\]     | <MiniRepl hideHeader client:visible tune={`sound("bd wind [metal jazz] hh")`} /> |
-| Sub-Sub-Sequences | \[\[\]\] | <MiniRepl hideHeader client:visible tune={`sound("bd [metal [jazz sd]]")`} />    |
-| Speed up          | \*       | <MiniRepl hideHeader client:visible tune={`sound("bd sd*2 cp*3")`} />            |
-| Parallel          | ,        | <MiniRepl hideHeader client:visible tune={`sound("bd*2, hh*2 [hh oh]")`} />      |
+| Concept           | Syntax   | Example                                                               |
+| ----------------- | -------- | --------------------------------------------------------------------- |
+| Sequence          | space    | <MiniRepl client:visible tune={`sound("bd bd sd hh")`} />             |
+| Sample Number     | :x       | <MiniRepl client:visible tune={`sound("hh:0 hh:1 hh:2 hh:3")`} />     |
+| Rests             | ~        | <MiniRepl client:visible tune={`sound("metal ~ jazz jazz:1")`} />     |
+| Sub-Sequences     | \[\]     | <MiniRepl client:visible tune={`sound("bd wind [metal jazz] hh")`} /> |
+| Sub-Sub-Sequences | \[\[\]\] | <MiniRepl client:visible tune={`sound("bd [metal [jazz sd]]")`} />    |
+| Speed up          | \*       | <MiniRepl client:visible tune={`sound("bd sd*2 cp*3")`} />            |
+| Parallel          | ,        | <MiniRepl client:visible tune={`sound("bd*2, hh*2 [hh oh]")`} />      |
 
 The Mini-Notation is usually used inside some function. These are the functions we've seen so far:
 
-| Name  | Description                         | Example                                                                            |
-| ----- | ----------------------------------- | ---------------------------------------------------------------------------------- |
-| sound | plays the sound of the given name   | <MiniRepl hideHeader client:visible tune={`sound("bd sd")`} />                     |
-| bank  | selects the sound bank              | <MiniRepl hideHeader client:visible tune={`sound("bd sd").bank("RolandTR909")`} /> |
-| cpm   | sets the tempo in cycles per minute | <MiniRepl hideHeader client:visible tune={`sound("bd sd").cpm(90)`} />             |
-| n     | select sample number                | <MiniRepl hideHeader client:visible tune={`n("0 1 4 2").sound("jazz")`} />         |
+| Name  | Description                         | Example                                                                 |
+| ----- | ----------------------------------- | ----------------------------------------------------------------------- |
+| sound | plays the sound of the given name   | <MiniRepl client:visible tune={`sound("bd sd")`} />                     |
+| bank  | selects the sound bank              | <MiniRepl client:visible tune={`sound("bd sd").bank("RolandTR909")`} /> |
+| cpm   | sets the tempo in cycles per minute | <MiniRepl client:visible tune={`sound("bd sd").cpm(90)`} />             |
+| n     | select sample number                | <MiniRepl client:visible tune={`n("0 1 4 2").sound("jazz")`} />         |
 
 ## Examples
 
 **Basic rock beat**
 
-<MiniRepl hideHeader client:visible tune={`sound("bd sd, hh*4").bank("RolandTR505").cpm(100/2)`} punchcard />
+<MiniRepl client:visible tune={`sound("bd sd, hh*4").bank("RolandTR505").cpm(100/2)`} punchcard />
 
 **Classic house**
 
-<MiniRepl hideHeader client:visible tune={`sound("bd*2, ~ cp, [~ hh]*2").bank("RolandTR909")`} punchcard />
+<MiniRepl client:visible tune={`sound("bd*2, ~ cp, [~ hh]*2").bank("RolandTR909")`} punchcard />
 
 <Box>
 
@@ -273,12 +272,11 @@ Certain drum patterns are reused across genres.
 
 We Will Rock you
 
-<MiniRepl hideHeader client:visible tune={`sound("bd*2 cp").bank("RolandTR707").cpm(81/2)`} punchcard />
+<MiniRepl client:visible tune={`sound("bd*2 cp").bank("RolandTR707").cpm(81/2)`} punchcard />
 
 **Yellow Magic Orchestra - Firecracker**
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`sound("bd sd, ~ ~ ~ hh ~ hh ~ ~, ~ perc ~ perc:1*2")
 .bank("RolandCompurhythm1000")`}
@@ -288,7 +286,6 @@ We Will Rock you
 **Imitation of a 16 step sequencer**
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`sound(\`
 [~  ~  oh ~ ] [~  ~  ~  ~ ] [~  ~  ~  ~ ] [~  ~  ~  ~ ],
@@ -302,7 +299,6 @@ We Will Rock you
 **Another one**
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`sound(\`
 [~  ~  ~  ~ ] [~  ~  ~  ~ ] [~  ~  ~  ~ ] [~  ~  oh:1 ~ ],
@@ -316,7 +312,6 @@ We Will Rock you
 **Not your average drums**
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`s(\`jazz*2, 
 insect [crow metal] ~ ~, 
diff --git a/website/src/pages/workshop/getting-started.mdx b/website/src/pages/workshop/getting-started.mdx
index 3d37a5cf7..83dc8894d 100644
--- a/website/src/pages/workshop/getting-started.mdx
+++ b/website/src/pages/workshop/getting-started.mdx
@@ -4,6 +4,7 @@ layout: ../../layouts/MainLayout.astro
 ---
 
 import { MiniRepl } from '../../docs/MiniRepl';
+import { examples } from '../../examples.mjs';
 
 # Welcome
 
@@ -29,40 +30,13 @@ The best place to actually make music with Strudel is the [Strudel REPL](https:/
 - teaching: focussing on a low barrier of entry, Strudel is a good fit for teaching music and code at the same time.
 - integrate into your existing music setup: either via MIDI or OSC, you can use Strudel as a really flexible sequencer
 
-## Example
+## Examples
 
-Here is an example of how strudel can sound:
+Here are some examples of how strudel can sound:
 
-<MiniRepl
-  client:idle
-  tune={`stack(
-  // drums
-  s("bd,[~ <sd!3 sd(3,4,2)>],hh*8")
-  .speed(perlin.range(.8,.9)), // random sample speed variation
-  // bassline
-  "<a1 b1\*2 a1(3,8) e2>" 
-  .off(1/8,x=>x.add(12).degradeBy(.5)) // random octave jumps
-  .add(perlin.range(0,.5)) // random pitch variation
-  .superimpose(add(.05)) // add second, slightly detuned voice
-  .note() // wrap in "note"
-  .decay(.15).sustain(0) // make each note of equal length
-  .s('sawtooth') // waveform
-  .gain(.4) // turn down
-  .cutoff(sine.slow(7).range(300,5000)), // automate cutoff
-  // chords
-  "<Am7!3 <Em7 E7b13 Em7 Ebm7b5>>".voicings('lefthand') 
-  .superimpose(x=>x.add(.04)) // add second, slightly detuned voice
-  .add(perlin.range(0,.5)) // random pitch variation
-  .note() // wrap in "note"
-  .s('sawtooth') // waveform
-  .gain(.16) // turn down
-  .cutoff(500) // fixed cutoff
-  .attack(1) // slowly fade in
-)
-.slow(3/2)`}
-/>
+<MiniRepl client:idle tunes={examples} />
 
-To hear more, go to the [Strudel REPL](https://strudel.cc/) and press shuffle to hear a random example pattern.
+These examples cannot fully encompass the variety of things you can do, so [check out the showcase](/intro/showcase/) for some videos of how people use Strudel.
 
 ## Getting Started
 
diff --git a/website/src/pages/workshop/pattern-effects.mdx b/website/src/pages/workshop/pattern-effects.mdx
index 23346ccb7..20a432b1d 100644
--- a/website/src/pages/workshop/pattern-effects.mdx
+++ b/website/src/pages/workshop/pattern-effects.mdx
@@ -15,16 +15,15 @@ In this chapter, we are going to look at functions that are more unique to tidal
 
 **reverse patterns with rev**
 
-<MiniRepl hideHeader client:visible tune={`n("0 1 [4 3] 2").sound("jazz").rev()`} />
+<MiniRepl client:visible tune={`n("0 1 [4 3] 2").sound("jazz").rev()`} />
 
 **play pattern left and modify it right with jux**
 
-<MiniRepl hideHeader client:visible tune={`n("0 1 [4 3] 2").sound("jazz").jux(rev)`} />
+<MiniRepl client:visible tune={`n("0 1 [4 3] 2").sound("jazz").jux(rev)`} />
 
 This is the same as:
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`stack(
   n("0 1 [4 3] 2").sound("jazz").pan(0),
@@ -35,7 +34,6 @@ This is the same as:
 Let's visualize what happens here:
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`stack(
   n("0 1 [4 3] 2").sound("jazz").pan(0).color("cyan"),
@@ -52,12 +50,11 @@ Try commenting out one of the two by adding `//` before a line
 
 **multiple tempos**
 
-<MiniRepl hideHeader client:visible tune={`note("c2, eb3 g3 [bb3 c4]").sound("piano").slow("1,2,3")`} />
+<MiniRepl client:visible tune={`note("c2, eb3 g3 [bb3 c4]").sound("piano").slow("1,2,3")`} />
 
 This is like doing
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`stack(
   note("c2, eb3 g3 [bb3 c4]").s("piano").slow(1).color('cyan'),
@@ -76,7 +73,6 @@ Try commenting out one or more by adding `//` before a line
 **add**
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`note("c2 [eb3,g3]".add("<0 <1 -1>>"))
 .color("<cyan <magenta yellow>>").adsr("[.1 0]:.2:[1 0]")
@@ -93,7 +89,6 @@ If you add a number to a note, the note will be treated as if it was a number
 We can add as often as we like:
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`note("c2 [eb3,g3]".add("<0 <1 -1>>").add("0,7"))
 .color("<cyan <magenta yellow>>").adsr("[.1 0]:.2:[1 0]")
@@ -104,7 +99,6 @@ We can add as often as we like:
 **add with scale**
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`n("<0 [2 4] <3 5> [~ <4 1>]>*2".add("<0 [0,2,4]>/4"))
 .scale("C5:minor").release(.5)
@@ -115,7 +109,6 @@ We can add as often as we like:
 **time to stack**
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`stack(
   n("<0 [2 4] <3 5> [~ <4 1>]>*2".add("<0 [0,2,4]>/4"))
@@ -132,11 +125,11 @@ We can add as often as we like:
 
 **ply**
 
-<MiniRepl hideHeader client:visible tune={`sound("hh, bd rim").bank("RolandTR707").ply(2)`} punchcard />
+<MiniRepl client:visible tune={`sound("hh, bd rim").bank("RolandTR707").ply(2)`} punchcard />
 
 this is like writing:
 
-<MiniRepl hideHeader client:visible tune={`sound("hh*2, bd*2 rim*2").bank("RolandTR707")`} punchcard />
+<MiniRepl client:visible tune={`sound("hh*2, bd*2 rim*2").bank("RolandTR707")`} punchcard />
 
 <Box>
 
@@ -147,7 +140,6 @@ Try patterning the `ply` function, for example using `"<1 2 1 3>"`
 **off**
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`n("<0 [4 <3 2>] <2 3> [~ 1]>"
   .off(1/8, x=>x.add(4))
@@ -166,16 +158,15 @@ In the notation `x=>x.`, the `x` is the shifted pattern, which where modifying.
 off is also useful for sounds:
 
 <MiniRepl
-  hideHeader
   client:visible
   tune={`s("bd sd,[~ hh]*2").bank("CasioRZ1")
   .off(1/8, x=>x.speed(1.5).gain(.25))`}
 />
 
-| name | description                    | example                                                                                        |
-| ---- | ------------------------------ | ---------------------------------------------------------------------------------------------- |
-| rev  | reverse                        | <MiniRepl hideHeader client:visible tune={`n("0 2 4 6").scale("C:minor").rev()`} />            |
-| jux  | split left/right, modify right | <MiniRepl hideHeader client:visible tune={`n("0 2 4 6").scale("C:minor").jux(rev)`} />         |
-| add  | add numbers / notes            | <MiniRepl hideHeader client:visible tune={`n("0 2 4 6".add("<0 1 2 1>")).scale("C:minor")`} /> |
-| ply  | speed up each event n times    | <MiniRepl hideHeader client:visible tune={`s("bd sd").ply("<1 2 3>")`} />                      |
-| off  | copy, shift time & modify      | <MiniRepl hideHeader client:visible tune={`s("bd sd, hh*4").off(1/8, x=>x.speed(2))`} />       |
+| name | description                    | example                                                                             |
+| ---- | ------------------------------ | ----------------------------------------------------------------------------------- |
+| rev  | reverse                        | <MiniRepl client:visible tune={`n("0 2 4 6").scale("C:minor").rev()`} />            |
+| jux  | split left/right, modify right | <MiniRepl client:visible tune={`n("0 2 4 6").scale("C:minor").jux(rev)`} />         |
+| add  | add numbers / notes            | <MiniRepl client:visible tune={`n("0 2 4 6".add("<0 1 2 1>")).scale("C:minor")`} /> |
+| ply  | speed up each event n times    | <MiniRepl client:visible tune={`s("bd sd").ply("<1 2 3>")`} />                      |
+| off  | copy, shift time & modify      | <MiniRepl client:visible tune={`s("bd sd, hh*4").off(1/8, x=>x.speed(2))`} />       |
diff --git a/website/src/pages/workshop/recap.mdx b/website/src/pages/workshop/recap.mdx
index fad14fb4f..9260a8f6a 100644
--- a/website/src/pages/workshop/recap.mdx
+++ b/website/src/pages/workshop/recap.mdx
@@ -11,58 +11,58 @@ This page is just a listing of all functions covered in the workshop!
 
 ## Mini Notation
 
-| Concept           | Syntax   | Example                                                                          |
-| ----------------- | -------- | -------------------------------------------------------------------------------- |
-| Sequence          | space    | <MiniRepl hideHeader client:visible tune={`sound("bd bd sn hh")`} />             |
-| Sample Number     | :x       | <MiniRepl hideHeader client:visible tune={`sound("hh:0 hh:1 hh:2 hh:3")`} />     |
-| Rests             | ~        | <MiniRepl hideHeader client:visible tune={`sound("metal ~ jazz jazz:1")`} />     |
-| Sub-Sequences     | \[\]     | <MiniRepl hideHeader client:visible tune={`sound("bd wind [metal jazz] hh")`} /> |
-| Sub-Sub-Sequences | \[\[\]\] | <MiniRepl hideHeader client:visible tune={`sound("bd [metal [jazz sn]]")`} />    |
-| Speed up          | \*       | <MiniRepl hideHeader client:visible tune={`sound("bd sn*2 cp*3")`} />            |
-| Parallel          | ,        | <MiniRepl hideHeader client:visible tune={`sound("bd*2, hh*2 [hh oh]")`} />      |
-| Slow down         | \/       | <MiniRepl hideHeader client:visible tune={`note("[c a f e]/2")`} />              |
-| Alternate         | \<\>     | <MiniRepl hideHeader client:visible tune={`note("c <e g>")`} />                  |
-| Elongate          | @        | <MiniRepl hideHeader client:visible tune={`note("c@3 e")`} />                    |
-| Replicate         | !        | <MiniRepl hideHeader client:visible tune={`note("c!3 e")`} />                    |
+| Concept           | Syntax   | Example                                                               |
+| ----------------- | -------- | --------------------------------------------------------------------- |
+| Sequence          | space    | <MiniRepl client:visible tune={`sound("bd bd sn hh")`} />             |
+| Sample Number     | :x       | <MiniRepl client:visible tune={`sound("hh:0 hh:1 hh:2 hh:3")`} />     |
+| Rests             | ~        | <MiniRepl client:visible tune={`sound("metal ~ jazz jazz:1")`} />     |
+| Sub-Sequences     | \[\]     | <MiniRepl client:visible tune={`sound("bd wind [metal jazz] hh")`} /> |
+| Sub-Sub-Sequences | \[\[\]\] | <MiniRepl client:visible tune={`sound("bd [metal [jazz sn]]")`} />    |
+| Speed up          | \*       | <MiniRepl client:visible tune={`sound("bd sn*2 cp*3")`} />            |
+| Parallel          | ,        | <MiniRepl client:visible tune={`sound("bd*2, hh*2 [hh oh]")`} />      |
+| Slow down         | \/       | <MiniRepl client:visible tune={`note("[c a f e]/2")`} />              |
+| Alternate         | \<\>     | <MiniRepl client:visible tune={`note("c <e g>")`} />                  |
+| Elongate          | @        | <MiniRepl client:visible tune={`note("c@3 e")`} />                    |
+| Replicate         | !        | <MiniRepl client:visible tune={`note("c!3 e")`} />                    |
 
 ## Sounds
 
-| Name  | Description                       | Example                                                                            |
-| ----- | --------------------------------- | ---------------------------------------------------------------------------------- |
-| sound | plays the sound of the given name | <MiniRepl hideHeader client:visible tune={`sound("bd sd")`} />                     |
-| bank  | selects the sound bank            | <MiniRepl hideHeader client:visible tune={`sound("bd sd").bank("RolandTR909")`} /> |
-| n     | select sample number              | <MiniRepl hideHeader client:visible tune={`n("0 1 4 2").sound("jazz")`} />         |
+| Name  | Description                       | Example                                                                 |
+| ----- | --------------------------------- | ----------------------------------------------------------------------- |
+| sound | plays the sound of the given name | <MiniRepl client:visible tune={`sound("bd sd")`} />                     |
+| bank  | selects the sound bank            | <MiniRepl client:visible tune={`sound("bd sd").bank("RolandTR909")`} /> |
+| n     | select sample number              | <MiniRepl client:visible tune={`n("0 1 4 2").sound("jazz")`} />         |
 
 ## Notes
 
-| Name      | Description                   | Example                                                                                      |
-| --------- | ----------------------------- | -------------------------------------------------------------------------------------------- |
-| note      | set pitch as number or letter | <MiniRepl hideHeader client:visible tune={`note("b g e c").sound("piano")`} />               |
-| n + scale | set note in scale             | <MiniRepl hideHeader client:visible tune={`n("6 4 2 0").scale("C:minor").sound("piano")`} /> |
-| stack     | play patterns in parallel     | <MiniRepl hideHeader client:visible tune={`stack(s("bd sd"),note("c eb g"))`} />             |
+| Name      | Description                   | Example                                                                           |
+| --------- | ----------------------------- | --------------------------------------------------------------------------------- |
+| note      | set pitch as number or letter | <MiniRepl client:visible tune={`note("b g e c").sound("piano")`} />               |
+| n + scale | set note in scale             | <MiniRepl client:visible tune={`n("6 4 2 0").scale("C:minor").sound("piano")`} /> |
+| stack     | play patterns in parallel     | <MiniRepl client:visible tune={`stack(s("bd sd"),note("c eb g"))`} />             |
 
 ## Audio Effects
 
-| name  | example                                                                                            |
-| ----- | -------------------------------------------------------------------------------------------------- |
-| lpf   | <MiniRepl hideHeader client:visible tune={`note("c2 c3").s("sawtooth").lpf("<400 2000>")`} />      |
-| vowel | <MiniRepl hideHeader client:visible tune={`note("c3 eb3 g3").s("sawtooth").vowel("<a e i o>")`} /> |
-| gain  | <MiniRepl hideHeader client:visible tune={`s("hh*8").gain("[.25 1]*2")`} />                        |
-| delay | <MiniRepl hideHeader client:visible tune={`s("bd rim").delay(.5)`} />                              |
-| room  | <MiniRepl hideHeader client:visible tune={`s("bd rim").room(.5)`} />                               |
-| pan   | <MiniRepl hideHeader client:visible tune={`s("bd rim").pan("0 1")`} />                             |
-| speed | <MiniRepl hideHeader client:visible tune={`s("bd rim").speed("<1 2 -1 -2>")`} />                   |
-| range | <MiniRepl hideHeader client:visible tune={`s("hh*16").lpf(saw.range(200,4000))`} />                |
+| name  | example                                                                                 |
+| ----- | --------------------------------------------------------------------------------------- |
+| lpf   | <MiniRepl client:visible tune={`note("c2 c3").s("sawtooth").lpf("<400 2000>")`} />      |
+| vowel | <MiniRepl client:visible tune={`note("c3 eb3 g3").s("sawtooth").vowel("<a e i o>")`} /> |
+| gain  | <MiniRepl client:visible tune={`s("hh*8").gain("[.25 1]*2")`} />                        |
+| delay | <MiniRepl client:visible tune={`s("bd rim").delay(.5)`} />                              |
+| room  | <MiniRepl client:visible tune={`s("bd rim").room(.5)`} />                               |
+| pan   | <MiniRepl client:visible tune={`s("bd rim").pan("0 1")`} />                             |
+| speed | <MiniRepl client:visible tune={`s("bd rim").speed("<1 2 -1 -2>")`} />                   |
+| range | <MiniRepl client:visible tune={`s("hh*16").lpf(saw.range(200,4000))`} />                |
 
 ## Pattern Effects
 
-| name | description                         | example                                                                                        |
-| ---- | ----------------------------------- | ---------------------------------------------------------------------------------------------- |
-| cpm  | sets the tempo in cycles per minute | <MiniRepl hideHeader client:visible tune={`sound("bd sd").cpm(90)`} />                         |
-| fast | speed up                            | <MiniRepl hideHeader client:visible tune={`sound("bd sd").fast(2)`} />                         |
-| slow | slow down                           | <MiniRepl hideHeader client:visible tune={`sound("bd sd").slow(2)`} />                         |
-| rev  | reverse                             | <MiniRepl hideHeader client:visible tune={`n("0 2 4 6").scale("C:minor").rev()`} />            |
-| jux  | split left/right, modify right      | <MiniRepl hideHeader client:visible tune={`n("0 2 4 6").scale("C:minor").jux(rev)`} />         |
-| add  | add numbers / notes                 | <MiniRepl hideHeader client:visible tune={`n("0 2 4 6".add("<0 1 2 1>")).scale("C:minor")`} /> |
-| ply  | speed up each event n times         | <MiniRepl hideHeader client:visible tune={`s("bd sd").ply("<1 2 3>")`} />                      |
-| off  | copy, shift time & modify           | <MiniRepl hideHeader client:visible tune={`s("bd sd, hh*4").off(1/8, x=>x.speed(2))`} />       |
+| name | description                         | example                                                                             |
+| ---- | ----------------------------------- | ----------------------------------------------------------------------------------- |
+| cpm  | sets the tempo in cycles per minute | <MiniRepl client:visible tune={`sound("bd sd").cpm(90)`} />                         |
+| fast | speed up                            | <MiniRepl client:visible tune={`sound("bd sd").fast(2)`} />                         |
+| slow | slow down                           | <MiniRepl client:visible tune={`sound("bd sd").slow(2)`} />                         |
+| rev  | reverse                             | <MiniRepl client:visible tune={`n("0 2 4 6").scale("C:minor").rev()`} />            |
+| jux  | split left/right, modify right      | <MiniRepl client:visible tune={`n("0 2 4 6").scale("C:minor").jux(rev)`} />         |
+| add  | add numbers / notes                 | <MiniRepl client:visible tune={`n("0 2 4 6".add("<0 1 2 1>")).scale("C:minor")`} /> |
+| ply  | speed up each event n times         | <MiniRepl client:visible tune={`s("bd sd").ply("<1 2 3>")`} />                      |
+| off  | copy, shift time & modify           | <MiniRepl client:visible tune={`s("bd sd, hh*4").off(1/8, x=>x.speed(2))`} />       |
diff --git a/website/src/repl/Repl.jsx b/website/src/repl/Repl.jsx
index d53e7e5bd..8651cc26e 100644
--- a/website/src/repl/Repl.jsx
+++ b/website/src/repl/Repl.jsx
@@ -4,13 +4,14 @@ Copyright (C) 2022 Strudel contributors - see <https://github.com/tidalcycles/st
 This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version. This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU Affero General Public License for more details. You should have received a copy of the GNU Affero General Public License along with this program.  If not, see <https://www.gnu.org/licenses/>.
 */
 
-import { code2hash, getDrawContext, logger, silence } from '@strudel.cycles/core';
+import { code2hash, getDrawContext, logger, silence } from '@strudel/core';
 import cx from '@src/cx.mjs';
-import { transpiler } from '@strudel.cycles/transpiler';
-import { getAudioContext, initAudioOnFirstClick, webaudioOutput } from '@strudel.cycles/webaudio';
-import { defaultAudioDeviceName, getAudioDevices, setAudioDevice } from './panel/AudioDeviceSelector';
+import { transpiler } from '@strudel/transpiler';
+import { getAudioContext, initAudioOnFirstClick, webaudioOutput } from '@strudel/webaudio';
+import { defaultAudioDeviceName } from '../settings.mjs';
+import { getAudioDevices, setAudioDevice } from './util.mjs';
 import { StrudelMirror, defaultSettings } from '@strudel/codemirror';
-import { createContext, useCallback, useEffect, useRef, useState } from 'react';
+import { useCallback, useEffect, useRef, useState } from 'react';
 import {
   initUserCode,
   setActivePattern,
@@ -24,12 +25,11 @@ import Loader from './Loader';
 import { Panel } from './panel/Panel';
 import { useStore } from '@nanostores/react';
 import { prebake } from './prebake.mjs';
-import { getRandomTune, initCode, loadModules, shareCode } from './util.mjs';
+import { getRandomTune, initCode, loadModules, shareCode, ReplContext } from './util.mjs';
 import PlayCircleIcon from '@heroicons/react/20/solid/PlayCircleIcon';
 import './Repl.css';
 
 const { code: randomTune, name } = getRandomTune();
-export const ReplContext = createContext(null);
 
 const { latestCode } = settingsMap.get();
 
diff --git a/website/src/repl/files.mjs b/website/src/repl/files.mjs
index 3131c8c4e..63ac5f853 100644
--- a/website/src/repl/files.mjs
+++ b/website/src/repl/files.mjs
@@ -5,7 +5,7 @@ import {
   onTriggerSample,
   getAudioContext,
   loadBuffer,
-} from '@strudel.cycles/webaudio';
+} from '@strudel/webaudio';
 
 let TAURI;
 if (typeof window !== 'undefined') {
diff --git a/website/src/repl/idbutils.mjs b/website/src/repl/idbutils.mjs
index 7613b767a..40219c9ac 100644
--- a/website/src/repl/idbutils.mjs
+++ b/website/src/repl/idbutils.mjs
@@ -1,6 +1,6 @@
-import { registerSound, onTriggerSample } from '@strudel.cycles/webaudio';
+import { registerSound, onTriggerSample } from '@strudel/webaudio';
 import { isAudioFile } from './files.mjs';
-import { logger } from '@strudel.cycles/core';
+import { logger } from '@strudel/core';
 
 //utilites for writing and reading to the indexdb
 
diff --git a/website/src/repl/panel/AudioDeviceSelector.jsx b/website/src/repl/panel/AudioDeviceSelector.jsx
index 98e3e0687..969bf3873 100644
--- a/website/src/repl/panel/AudioDeviceSelector.jsx
+++ b/website/src/repl/panel/AudioDeviceSelector.jsx
@@ -1,42 +1,8 @@
 import React, { useState } from 'react';
-import { getAudioContext, initializeAudioOutput, setDefaultAudioContext } from '@strudel.cycles/webaudio';
+import { getAudioDevices, setAudioDevice } from '../util.mjs';
 import { SelectInput } from './SelectInput';
-import { logger } from '@strudel.cycles/core';
 
 const initdevices = new Map();
-export const defaultAudioDeviceName = 'System Standard';
-
-export const getAudioDevices = async () => {
-  await navigator.mediaDevices.getUserMedia({ audio: true });
-  let mediaDevices = await navigator.mediaDevices.enumerateDevices();
-  mediaDevices = mediaDevices.filter((device) => device.kind === 'audiooutput' && device.deviceId !== 'default');
-  const devicesMap = new Map();
-  devicesMap.set(defaultAudioDeviceName, '');
-  mediaDevices.forEach((device) => {
-    devicesMap.set(device.label, device.deviceId);
-  });
-  return devicesMap;
-};
-
-export const setAudioDevice = async (id) => {
-  let audioCtx = getAudioContext();
-  if (audioCtx.sinkId === id) {
-    return;
-  }
-  await audioCtx.suspend();
-  await audioCtx.close();
-  audioCtx = setDefaultAudioContext();
-  await audioCtx.resume();
-  const isValidID = (id ?? '').length > 0;
-  if (isValidID) {
-    try {
-      await audioCtx.setSinkId(id);
-    } catch {
-      logger('failed to set audio interface', 'warning');
-    }
-  }
-  initializeAudioOutput();
-};
 
 // Allows the user to select an audio interface for Strudel to play through
 export function AudioDeviceSelector({ audioDeviceName, onChange, isDisabled }) {
diff --git a/website/src/repl/panel/Panel.jsx b/website/src/repl/panel/Panel.jsx
index 1c421af24..7d35f0e4b 100644
--- a/website/src/repl/panel/Panel.jsx
+++ b/website/src/repl/panel/Panel.jsx
@@ -1,5 +1,5 @@
 import XMarkIcon from '@heroicons/react/20/solid/XMarkIcon';
-import { logger } from '@strudel.cycles/core';
+import { logger } from '@strudel/core';
 import useEvent from '@src/useEvent.mjs';
 import cx from '@src/cx.mjs';
 import { nanoid } from 'nanoid';
diff --git a/website/src/repl/panel/PatternsTab.jsx b/website/src/repl/panel/PatternsTab.jsx
index 4466b5999..cec165c1f 100644
--- a/website/src/repl/panel/PatternsTab.jsx
+++ b/website/src/repl/panel/PatternsTab.jsx
@@ -1,6 +1,8 @@
 import { DocumentDuplicateIcon, PencilSquareIcon, TrashIcon } from '@heroicons/react/20/solid';
 import { useMemo } from 'react';
 import {
+  $featuredPatterns,
+  $publicPatterns,
   clearUserPatterns,
   deleteActivePattern,
   duplicateActivePattern,
@@ -14,6 +16,8 @@ import {
   useSettings,
 } from '../../settings.mjs';
 import * as tunes from '../tunes.mjs';
+import { useStore } from '@nanostores/react';
+import { getMetadata } from '../../metadata_parser';
 
 function classNames(...classes) {
   return classes.filter(Boolean).join(' ');
@@ -22,6 +26,8 @@ function classNames(...classes) {
 export function PatternsTab({ context }) {
   const { userPatterns } = useSettings();
   const activePattern = useActivePattern();
+  const featuredPatterns = useStore($featuredPatterns);
+  const publicPatterns = useStore($publicPatterns);
   const isExample = useMemo(() => activePattern && !!tunes[activePattern], [activePattern]);
   return (
     <div className="px-4 w-full dark:text-white text-stone-900 space-y-4 pb-4">
@@ -94,8 +100,52 @@ export function PatternsTab({ context }) {
           </button>
         </div>
       </section>
+      {featuredPatterns && (
+        <section>
+          <h2 className="text-xl mb-2">Featured Patterns</h2>
+          <div className="font-mono text-sm">
+            {featuredPatterns.map((pattern) => (
+              <a
+                key={pattern.id}
+                className={classNames(
+                  'mr-4 hover:opacity-50 cursor-pointer block',
+                  pattern.hash === activePattern ? 'outline outline-1' : '',
+                )}
+                onClick={() => {
+                  setActivePattern(pattern.hash);
+                  context.handleUpdate(pattern.code, true);
+                }}
+              >
+                <PatternLabel pattern={pattern} />
+              </a>
+            ))}
+          </div>
+        </section>
+      )}
+      {publicPatterns && (
+        <section>
+          <h2 className="text-xl mb-2">Last Creations</h2>
+          <div className="font-mono text-sm">
+            {publicPatterns.map((pattern) => (
+              <a
+                key={'public-' + pattern.id}
+                className={classNames(
+                  'mr-4 hover:opacity-50 cursor-pointer block', // inline-block
+                  pattern.hash === activePattern ? 'outline outline-1' : '',
+                )}
+                onClick={() => {
+                  setActivePattern(pattern.hash);
+                  context.handleUpdate(pattern.code, true);
+                }}
+              >
+                <PatternLabel pattern={pattern} />
+              </a>
+            ))}
+          </div>
+        </section>
+      )}
       <section>
-        <h2 className="text-xl mb-2">Examples</h2>
+        <h2 className="text-xl mb-2">Stock Examples</h2>
         <div className="font-mono text-sm">
           {Object.entries(tunes).map(([key, tune]) => (
             <a
@@ -117,3 +167,12 @@ export function PatternsTab({ context }) {
     </div>
   );
 }
+
+export function PatternLabel({ pattern } /* : { pattern: Tables<'code'> } */) {
+  const meta = useMemo(() => getMetadata(pattern.code), [pattern]);
+  return (
+    <>
+      {pattern.id}. {meta.title || pattern.hash} by {Array.isArray(meta.by) ? meta.by.join(',') : 'Anonymous'}
+    </>
+  );
+}
diff --git a/website/src/repl/panel/SoundsTab.jsx b/website/src/repl/panel/SoundsTab.jsx
index a3639dfb2..d4b52ee58 100644
--- a/website/src/repl/panel/SoundsTab.jsx
+++ b/website/src/repl/panel/SoundsTab.jsx
@@ -1,6 +1,6 @@
 import useEvent from '@src/useEvent.mjs';
 import { useStore } from '@nanostores/react';
-import { getAudioContext, soundMap, connectToDestination } from '@strudel.cycles/webaudio';
+import { getAudioContext, soundMap, connectToDestination } from '@strudel/webaudio';
 import React, { useMemo, useRef } from 'react';
 import { settingsMap, useSettings } from '../../settings.mjs';
 import { ButtonGroup } from './Forms.jsx';
@@ -57,32 +57,36 @@ export function SoundsTab() {
         <ImportSoundsButton onComplete={() => settingsMap.setKey('soundsFilter', 'user')} />
       </div>
       <div className="min-h-0 max-h-full grow overflow-auto font-mono text-sm break-normal">
-        {soundEntries.map(([name, { data, onTrigger }]) => (
-          <span
-            key={name}
-            className="cursor-pointer hover:opacity-50"
-            onMouseDown={async () => {
-              const ctx = getAudioContext();
-              const params = {
-                note: ['synth', 'soundfont'].includes(data.type) ? 'a3' : undefined,
-                s: name,
-                clip: 1,
-                release: 0.5,
-              };
-              const time = ctx.currentTime + 0.05;
-              const onended = () => trigRef.current?.node?.disconnect();
-              trigRef.current = Promise.resolve(onTrigger(time, params, onended));
-              trigRef.current.then((ref) => {
-                connectToDestination(ref?.node);
-              });
-            }}
-          >
-            {' '}
-            {name}
-            {data?.type === 'sample' ? `(${getSamples(data.samples)})` : ''}
-            {data?.type === 'soundfont' ? `(${data.fonts.length})` : ''}
-          </span>
-        ))}
+        {soundEntries.map(([name, { data, onTrigger }]) => {
+          return (
+            <span
+              key={name}
+              className="cursor-pointer hover:opacity-50"
+              onMouseDown={async () => {
+                const ctx = getAudioContext();
+                const params = {
+                  note: ['synth', 'soundfont'].includes(data.type) ? 'a3' : undefined,
+                  s: name,
+                  clip: 1,
+                  release: 0.5,
+                  sustain: 1,
+                  duration: 0.5,
+                };
+                const time = ctx.currentTime + 0.05;
+                const onended = () => trigRef.current?.node?.disconnect();
+                trigRef.current = Promise.resolve(onTrigger(time, params, onended));
+                trigRef.current.then((ref) => {
+                  connectToDestination(ref?.node);
+                });
+              }}
+            >
+              {' '}
+              {name}
+              {data?.type === 'sample' ? `(${getSamples(data.samples)})` : ''}
+              {data?.type === 'soundfont' ? `(${data.fonts.length})` : ''}
+            </span>
+          );
+        })}
         {!soundEntries.length ? 'No custom sounds loaded in this pattern (yet).' : ''}
       </div>
     </div>
diff --git a/website/src/repl/piano.mjs b/website/src/repl/piano.mjs
index bb849b208..3b02fd0b4 100644
--- a/website/src/repl/piano.mjs
+++ b/website/src/repl/piano.mjs
@@ -1,4 +1,4 @@
-import { Pattern, noteToMidi, valueToMidi } from '@strudel.cycles/core';
+import { Pattern, noteToMidi, valueToMidi } from '@strudel/core';
 
 const maxPan = noteToMidi('C8');
 const panwidth = (pan, width) => pan * width + (1 - width) / 2;
diff --git a/website/src/repl/prebake.mjs b/website/src/repl/prebake.mjs
index 96a484e75..2ce3a1949 100644
--- a/website/src/repl/prebake.mjs
+++ b/website/src/repl/prebake.mjs
@@ -1,5 +1,5 @@
-import { Pattern, noteToMidi, valueToMidi } from '@strudel.cycles/core';
-import { registerSynthSounds, registerZZFXSounds, samples } from '@strudel.cycles/webaudio';
+import { Pattern, noteToMidi, valueToMidi } from '@strudel/core';
+import { registerSynthSounds, registerZZFXSounds, samples } from '@strudel/webaudio';
 import { registerSamplesFromDB } from './idbutils.mjs';
 import './piano.mjs';
 import './files.mjs';
@@ -15,10 +15,10 @@ export async function prebake() {
     registerZZFXSounds(),
     registerSamplesFromDB(),
     //registerSoundfonts(),
-    // need dynamic import here, because importing @strudel.cycles/soundfonts fails on server:
-    // => getting "window is not defined", as soon as "@strudel.cycles/soundfonts" is imported statically
+    // need dynamic import here, because importing @strudel/soundfonts fails on server:
+    // => getting "window is not defined", as soon as "@strudel/soundfonts" is imported statically
     // seems to be a problem with soundfont2
-    import('@strudel.cycles/soundfonts').then(({ registerSoundfonts }) => registerSoundfonts()),
+    import('@strudel/soundfonts').then(({ registerSoundfonts }) => registerSoundfonts()),
     samples(`${baseNoTrailing}/piano.json`, `${baseNoTrailing}/piano/`, { prebake: true }),
     // https://github.com/sgossner/VCSL/
     // https://api.github.com/repositories/126427031/contents/
diff --git a/website/src/repl/util.mjs b/website/src/repl/util.mjs
index 2b93b619f..3a6758f6a 100644
--- a/website/src/repl/util.mjs
+++ b/website/src/repl/util.mjs
@@ -1,18 +1,45 @@
-import { controls, evalScope, hash2code, logger } from '@strudel.cycles/core';
-import { settingPatterns } from '../settings.mjs';
+import { controls, evalScope, hash2code, logger } from '@strudel/core';
+import { settingPatterns, defaultAudioDeviceName } from '../settings.mjs';
+import { getAudioContext, initializeAudioOutput, setDefaultAudioContext } from '@strudel/webaudio';
+
 import { isTauri } from '../tauri.mjs';
 import './Repl.css';
 import * as tunes from './tunes.mjs';
 import { createClient } from '@supabase/supabase-js';
 import { nanoid } from 'nanoid';
 import { writeText } from '@tauri-apps/api/clipboard';
+import { createContext } from 'react';
+import { $publicPatterns, $featuredPatterns } from '../settings.mjs';
 
 // Create a single supabase client for interacting with your database
-const supabase = createClient(
+export const supabase = createClient(
   'https://pidxdsxphlhzjnzmifth.supabase.co',
   'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6InBpZHhkc3hwaGxoempuem1pZnRoIiwicm9sZSI6ImFub24iLCJpYXQiOjE2NTYyMzA1NTYsImV4cCI6MTk3MTgwNjU1Nn0.bqlw7802fsWRnqU5BLYtmXk_k-D1VFmbkHMywWc15NM',
 );
 
+export function loadPublicPatterns() {
+  return supabase.from('code').select().eq('public', true).limit(20).order('id', { ascending: false });
+}
+
+export function loadFeaturedPatterns() {
+  return supabase.from('code').select().eq('featured', true).limit(20).order('id', { ascending: false });
+}
+
+async function loadDBPatterns() {
+  try {
+    const { data: publicPatterns } = await loadPublicPatterns();
+    const { data: featuredPatterns } = await loadFeaturedPatterns();
+    $publicPatterns.set(publicPatterns);
+    $featuredPatterns.set(featuredPatterns);
+  } catch (err) {
+    console.error('error loading patterns');
+  }
+}
+
+if (typeof window !== 'undefined') {
+  loadDBPatterns();
+}
+
 export async function initCode() {
   // load code from url hash (either short hash from database or decode long hash)
   try {
@@ -52,16 +79,16 @@ export function getRandomTune() {
 
 export function loadModules() {
   let modules = [
-    import('@strudel.cycles/core'),
-    import('@strudel.cycles/tonal'),
-    import('@strudel.cycles/mini'),
-    import('@strudel.cycles/xen'),
-    import('@strudel.cycles/webaudio'),
+    import('@strudel/core'),
+    import('@strudel/tonal'),
+    import('@strudel/mini'),
+    import('@strudel/xen'),
+    import('@strudel/webaudio'),
     import('@strudel/codemirror'),
     import('@strudel/hydra'),
-    import('@strudel.cycles/serial'),
-    import('@strudel.cycles/soundfonts'),
-    import('@strudel.cycles/csound'),
+    import('@strudel/serial'),
+    import('@strudel/soundfonts'),
+    import('@strudel/csound'),
   ];
   if (isTauri()) {
     modules = modules.concat([
@@ -70,7 +97,7 @@ export function loadModules() {
       import('@strudel/desktopbridge/oscbridge.mjs'),
     ]);
   } else {
-    modules = modules.concat([import('@strudel.cycles/midi'), import('@strudel.cycles/osc')]);
+    modules = modules.concat([import('@strudel/midi'), import('@strudel/osc')]);
   }
 
   return evalScope(
@@ -87,10 +114,13 @@ export async function shareCode(codeToShare) {
     logger(`Link already generated!`, 'error');
     return;
   }
+  const isPublic = confirm(
+    'Do you want your pattern to be public? If no, press cancel and you will get just a private link.',
+  );
   // generate uuid in the browser
   const hash = nanoid(12);
   const shareUrl = window.location.origin + window.location.pathname + '?' + hash;
-  const { data, error } = await supabase.from('code').insert([{ code: codeToShare, hash }]);
+  const { error } = await supabase.from('code').insert([{ code: codeToShare, hash, ['public']: isPublic }]);
   if (!error) {
     lastShared = codeToShare;
     // copy shareUrl to clipboard
@@ -110,3 +140,37 @@ export async function shareCode(codeToShare) {
     logger(message);
   }
 }
+
+export const ReplContext = createContext(null);
+
+export const getAudioDevices = async () => {
+  await navigator.mediaDevices.getUserMedia({ audio: true });
+  let mediaDevices = await navigator.mediaDevices.enumerateDevices();
+  mediaDevices = mediaDevices.filter((device) => device.kind === 'audiooutput' && device.deviceId !== 'default');
+  const devicesMap = new Map();
+  devicesMap.set(defaultAudioDeviceName, '');
+  mediaDevices.forEach((device) => {
+    devicesMap.set(device.label, device.deviceId);
+  });
+  return devicesMap;
+};
+
+export const setAudioDevice = async (id) => {
+  let audioCtx = getAudioContext();
+  if (audioCtx.sinkId === id) {
+    return;
+  }
+  await audioCtx.suspend();
+  await audioCtx.close();
+  audioCtx = setDefaultAudioContext();
+  await audioCtx.resume();
+  const isValidID = (id ?? '').length > 0;
+  if (isValidID) {
+    try {
+      await audioCtx.setSinkId(id);
+    } catch {
+      logger('failed to set audio interface', 'warning');
+    }
+  }
+  initializeAudioOutput();
+};
diff --git a/website/src/settings.mjs b/website/src/settings.mjs
index c74136363..2b00c812d 100644
--- a/website/src/settings.mjs
+++ b/website/src/settings.mjs
@@ -1,9 +1,14 @@
+import { atom } from 'nanostores';
 import { persistentMap, persistentAtom } from '@nanostores/persistent';
 import { useStore } from '@nanostores/react';
-import { register } from '@strudel.cycles/core';
+import { register } from '@strudel/core';
 import * as tunes from './repl/tunes.mjs';
-import { defaultAudioDeviceName } from './repl/panel/AudioDeviceSelector';
-import { logger } from '@strudel.cycles/core';
+import { logger } from '@strudel/core';
+
+export let $publicPatterns = atom([]);
+export let $featuredPatterns = atom([]);
+
+export const defaultAudioDeviceName = 'System Standard';
 
 export const defaultSettings = {
   activeFooter: 'intro',
@@ -171,11 +176,25 @@ export function updateUserCode(code) {
     setActivePattern(example);
     return;
   }
+  const publicPattern = $publicPatterns.get().find((pat) => pat.code === code);
+  if (publicPattern) {
+    setActivePattern(publicPattern.hash);
+    return;
+  }
+  const featuredPattern = $featuredPatterns.get().find((pat) => pat.code === code);
+  if (featuredPattern) {
+    setActivePattern(featuredPattern.hash);
+    return;
+  }
   if (!activePattern) {
     // create new user pattern
     activePattern = newUserPattern();
     setActivePattern(activePattern);
-  } else if (!!tunes[activePattern] && code !== tunes[activePattern]) {
+  } else if (
+    (!!tunes[activePattern] && code !== tunes[activePattern]) || // fork example tune?
+    $publicPatterns.get().find((p) => p.hash === activePattern) || // fork public pattern?
+    $featuredPatterns.get().find((p) => p.hash === activePattern) // fork featured pattern?
+  ) {
     // fork example
     activePattern = getNextCloneName(activePattern);
     setActivePattern(activePattern);