diff --git a/.github/workflows/pr.yml b/.github/workflows/pr.yml
index 144f2dd88e..aa375f8e88 100644
--- a/.github/workflows/pr.yml
+++ b/.github/workflows/pr.yml
@@ -61,8 +61,6 @@ jobs:
       - run: yarn format
       - run: yarn lint
       - run: yarn build
-      - run: yarn workspace mutxt-element run bundle
-      - run: yarn workspace mu-txt run electron:build
       - run: yarn vitest
       - run: yarn workspace @jsonjoy.com/rpc-server test:e2e:all
       - run: yarn workspace @jsonjoy.com/json-crdt-server test:e2e
diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml
index ea882a0d9c..6b47872149 100644
--- a/.github/workflows/release.yml
+++ b/.github/workflows/release.yml
@@ -57,12 +57,6 @@ jobs:
       - name: Run typecheck
         run: yarn typecheck
 
-      - name: Bundle mutxt-element (Webpack)
-        run: yarn workspace mutxt-element run bundle
-
-      - name: Build mu-txt Electron (renderer + main process)
-        run: yarn workspace mu-txt run electron:build
-
       - name: Run tests (vitest)
         run: yarn vitest
 
diff --git a/.storybook/main.ts b/.storybook/main.ts
index da5a330364..5844f09753 100644
--- a/.storybook/main.ts
+++ b/.storybook/main.ts
@@ -34,8 +34,6 @@ const packages = [
   'collaborative-ui',
   'json-crdt-explorer',
   'json-joy',
-  'mutxt-element',
-  'mutxt-react',
   'peritext',
   'ui',
 ];
@@ -113,10 +111,6 @@ const config: StorybookConfig = {
       '@jsonjoy.com/json-equal': resolve(__dirname, '../packages/json-equal/src'),
       '@jsonjoy.com/keyboard/lib': resolve(__dirname, '../packages/keyboard/src'),
       '@jsonjoy.com/keyboard': resolve(__dirname, '../packages/keyboard/src'),
-      'mutxt-react/lib': resolve(__dirname, '../packages/mutxt-react/src'),
-      'mutxt-react': resolve(__dirname, '../packages/mutxt-react/src'),
-      'mutxt-element/lib': resolve(__dirname, '../packages/mutxt-element/src'),
-      'mutxt-element': resolve(__dirname, '../packages/mutxt-element/src'),
       '@jsonjoy.com/json-expression/lib': resolve(__dirname, '../packages/json-expression/src'),
       '@jsonjoy.com/json-pack/lib': resolve(__dirname, '../packages/json-pack/src'),
       '@jsonjoy.com/json-path/lib': resolve(__dirname, '../packages/json-path/src'),
diff --git a/package.json b/package.json
index 3416921583..d3b22659f2 100644
--- a/package.json
+++ b/package.json
@@ -53,7 +53,7 @@
     }
   },
   "devDependencies": {
-    "@biomejs/biome": "^2.2.6",
+    "@biomejs/biome": "2.4.16",
     "@monaco-editor/react": "^4.7.0",
     "@radix-ui/react-icons": "^1.3.1",
     "@storybook/addon-a11y": "^10.3.5",
diff --git a/packages/click-json/src/ClickableJson/JsonHoverable.tsx b/packages/click-json/src/ClickableJson/JsonHoverable.tsx
index 78dffb914d..549f8e52f3 100644
--- a/packages/click-json/src/ClickableJson/JsonHoverable.tsx
+++ b/packages/click-json/src/ClickableJson/JsonHoverable.tsx
@@ -49,7 +49,7 @@ export const JsonHoverable: React.FC<JsonHoverableProps> = ({pointer, children})
       onMouseEnter={onMouseEnter}
       onMouseLeave={onMouseLeave}
       onDelete={
-        !!onChange && !input.focused && prefixedPointer === focused
+        onChange && !input.focused && prefixedPointer === focused
           ? () => onChange([{op: 'remove', path: pointer}])
           : undefined
       }
diff --git a/packages/collaborative-prosemirror/src/ProseMirrorFacade.ts b/packages/collaborative-prosemirror/src/ProseMirrorFacade.ts
index 52564f0a59..44957be8dc 100644
--- a/packages/collaborative-prosemirror/src/ProseMirrorFacade.ts
+++ b/packages/collaborative-prosemirror/src/ProseMirrorFacade.ts
@@ -41,7 +41,7 @@ const tryExtractPeritextOperation = (tr: Transaction, txt: Peritext, doc: PmNode
   const step = steps[0];
   if (!(step instanceof ReplaceStep)) return;
   const slice = step.slice;
-  if (!!slice.openStart || !!slice.openEnd) return;
+  if (slice.openStart || slice.openEnd) return;
   const content = slice.content;
   let insertedText = '';
   const deleteLen = step.to - step.from;
diff --git a/packages/collaborative-slate/src/SlateFacade.ts b/packages/collaborative-slate/src/SlateFacade.ts
index 074002cf6a..d3dc863af7 100644
--- a/packages/collaborative-slate/src/SlateFacade.ts
+++ b/packages/collaborative-slate/src/SlateFacade.ts
@@ -115,7 +115,7 @@ export class SlateFacade implements RichtextEditorFacade {
     if (installHistory) withHistory(editor);
     this._origOnChange = (editor as any).onChange;
     (editor.onChange as SlateEditorOnChange) = this._slateOnChange = (options?: {operation?: SlateOperation}) => {
-      if (this._disposed || !!this._remoteCnt) {
+      if (this._disposed || this._remoteCnt) {
         this._origOnChange?.call(editor);
         return;
       }
diff --git a/packages/collaborative-ui/src/JsonBlock/JsonBlockClickable/index.tsx b/packages/collaborative-ui/src/JsonBlock/JsonBlockClickable/index.tsx
index 111bbc5fe6..3f4d2444af 100644
--- a/packages/collaborative-ui/src/JsonBlock/JsonBlockClickable/index.tsx
+++ b/packages/collaborative-ui/src/JsonBlock/JsonBlockClickable/index.tsx
@@ -26,7 +26,7 @@ export const JsonBlockClickable: React.FC<JsonBlockClickableProps> = ({value, pa
   }, [value, path]);
 
   return (
-    <div className={css.block} style={{paddingLeft: !!view && typeof view === 'object' ? undefined : '1px'}}>
+    <div className={css.block} style={{paddingLeft: view && typeof view === 'object' ? undefined : '1px'}}>
       <ClickableJson
         doc={view}
         compact
diff --git a/packages/collaborative-ui/src/JsonCrdtModel/index.tsx b/packages/collaborative-ui/src/JsonCrdtModel/index.tsx
index 654a4fbc09..d03ef0e885 100644
--- a/packages/collaborative-ui/src/JsonCrdtModel/index.tsx
+++ b/packages/collaborative-ui/src/JsonCrdtModel/index.tsx
@@ -229,7 +229,7 @@ export const JsonCrdtModel: React.FC<JsonCrdtModelProps> = ({
       listItems.push(
         <JsonCrdtModelView key="view" readonly={readonly} model={model} state={state} filename={filename} />,
       );
-    } else if (item === 'display' && !!renderDisplay) {
+    } else if (item === 'display' && renderDisplay) {
       listItems.push(
         <Display
           key="display"
diff --git a/packages/collaborative-ui/src/LiveCrdt/LiveCrdtRoom.tsx b/packages/collaborative-ui/src/LiveCrdt/LiveCrdtRoom.tsx
index 1b3dca84a6..59bef33966 100644
--- a/packages/collaborative-ui/src/LiveCrdt/LiveCrdtRoom.tsx
+++ b/packages/collaborative-ui/src/LiveCrdt/LiveCrdtRoom.tsx
@@ -4,9 +4,9 @@ import {Input} from '@jsonjoy.com/ui/lib/2-inline-block/Input';
 import {CopyInput} from '@jsonjoy.com/ui/lib/2-inline-block/CopyInput';
 import {Button} from '@jsonjoy.com/ui/lib/2-inline-block/Button';
 import {LiveCrdt, type LiveCrdtProps} from '.';
-import {MiniTitle} from '@jsonjoy.com/ui/src/3-list-item/MiniTitle';
-import {Separator} from '@jsonjoy.com/ui/src/3-list-item/Separator';
-import {Split} from '@jsonjoy.com/ui/src/3-list-item/Split';
+import {MiniTitle} from '@jsonjoy.com/ui/lib/3-list-item/MiniTitle';
+import {Separator} from '@jsonjoy.com/ui/lib/3-list-item/Separator';
+import {Split} from '@jsonjoy.com/ui/lib/3-list-item/Split';
 
 export interface LiveCrdtRoomProps extends Omit<LiveCrdtProps, 'id'> {
   /** Optional initial room ID. When omitted the entry screen is shown. */
diff --git a/packages/json-crdt-repo/src/local/level/LevelLocalRepo.ts b/packages/json-crdt-repo/src/local/level/LevelLocalRepo.ts
index 18c1cb3caf..233005588c 100644
--- a/packages/json-crdt-repo/src/local/level/LevelLocalRepo.ts
+++ b/packages/json-crdt-repo/src/local/level/LevelLocalRepo.ts
@@ -391,8 +391,7 @@ export class LevelLocalRepo implements LocalRepo {
       const model = Model.load(blob, this.sid);
       return model;
     } catch (error) {
-      if (!!error && typeof error === 'object' && (error as any).code === 'LEVEL_NOT_FOUND')
-        throw new Error('NOT_FOUND');
+      if (error && typeof error === 'object' && (error as any).code === 'LEVEL_NOT_FOUND') throw new Error('NOT_FOUND');
       throw error;
     }
   }
@@ -487,7 +486,7 @@ export class LevelLocalRepo implements LocalRepo {
       const meta = await this.readMeta(keyBase);
       if (meta.seq === -1) {
         remote.create(remoteId).catch((error) => {
-          const code = !!error && typeof error === 'object' ? (error as any).code : undefined;
+          const code = error && typeof error === 'object' ? (error as any).code : undefined;
           const message = error instanceof Error ? error.message : undefined;
           if (code === 'CONFLICT' || message === 'CONFLICT') return;
           this.emitSyncError(error);
@@ -747,7 +746,7 @@ export class LevelLocalRepo implements LocalRepo {
       if (!model) throw RpcError.notFound();
       return {model, cursor};
     } catch (error) {
-      const code = !!error && typeof error === 'object' ? (error as any).code : undefined;
+      const code = error && typeof error === 'object' ? (error as any).code : undefined;
       const message = error instanceof Error ? error.message : undefined;
       const notFound = code === 'NOT_FOUND' || message === 'NOT_FOUND' || message === 'Not Found';
       if (remote && notFound) return await this.load(id);
@@ -967,7 +966,7 @@ export class LevelLocalRepo implements LocalRepo {
       const {model, meta} = await this.pullExisting(id, keyBase);
       return {model, cursor: meta.seq};
     } catch (error) {
-      if (!!error && typeof error === 'object' && (error as any).code === 'LEVEL_NOT_FOUND') {
+      if (error && typeof error === 'object' && (error as any).code === 'LEVEL_NOT_FOUND') {
         try {
           const {model, meta} = await this.pullNew(id, keyBase);
           return {model, cursor: meta.seq};
@@ -1168,7 +1167,7 @@ export class LevelLocalRepo implements LocalRepo {
           return;
         }
       } catch (error) {
-        if (!!error && typeof error === 'object' && (error as any).code === 'LEVEL_NOT_FOUND') {
+        if (error && typeof error === 'object' && (error as any).code === 'LEVEL_NOT_FOUND') {
           if (this._stopped) return;
           await this.pullNew(id, keyBase);
           return;
diff --git a/packages/json-crdt-repo/src/session/EditSessionFactory.ts b/packages/json-crdt-repo/src/session/EditSessionFactory.ts
index ebc8184e71..2bd6a700a5 100644
--- a/packages/json-crdt-repo/src/session/EditSessionFactory.ts
+++ b/packages/json-crdt-repo/src/session/EditSessionFactory.ts
@@ -64,7 +64,7 @@ export class EditSessionFactory {
       return session;
     } catch (error) {
       const errorCode =
-        !!error && typeof error === 'object'
+        error && typeof error === 'object'
           ? (error as Record<string, unknown>).code || (error as Record<string, unknown>).message || ''
           : '';
       if (errorCode === 'NOT_FOUND') {
@@ -81,7 +81,7 @@ export class EditSessionFactory {
             return session;
           } catch (error) {
             const errorCode =
-              !!error && typeof error === 'object'
+              error && typeof error === 'object'
                 ? (error as Record<string, unknown>).code || (error as Record<string, unknown>).message || ''
                 : '';
             switch (errorCode) {
diff --git a/packages/json-expression/docs/collections.md b/packages/json-expression/docs/collections.md
new file mode 100644
index 0000000000..f3cb8694e1
--- /dev/null
+++ b/packages/json-expression/docs/collections.md
@@ -0,0 +1,104 @@
+Operators that build and transform arrays and objects, plus a JSON Patch `add`
+for non-destructive updates. The higher-order array operators (`filter`, `map`,
+`reduce`) run a sub-expression per element, binding a named variable you read
+with `$`.
+
+Remember to box literal arrays: `[[1, 2, 3]]` is the array `[1, 2, 3]`, while a
+bare `[1, 2, 3]` is read as a call to the operator named `1`.
+
+## Array operators
+
+```ts
+['concat', ['$', '/a'], ['$', '/b']]; // a ++ b
+['head', ['$', '/items'], 3];         // first 3 items
+['in', [['a', 'b', 'c']], ['$', '/x']]; // is x one of a/b/c?
+```
+
+| Operator | Aliases | Arity | Result |
+|----------|---------|-------|--------|
+| `concat` | `++` | variadic | Concatenate arrays into one |
+| `push` | | variadic | `(array, ...items)` --- array with items appended (non-mutating) |
+| `head` | | 2 | `(array, n)` --- first `n` items; negative `n` takes from the end |
+| `slice` | | 3 | `(array, start, end)` --- sub-array |
+| `sort` | | 1 | Sorted copy |
+| `reverse` | | 1 | Reversed copy |
+| `in` | | 2 | `(array, value)` --- whether `value` is in `array` (deep equality) |
+| `indexOf` | | 2 | `(array, value)` --- index of `value`, or `-1` |
+| `zip` | | 2 | Pair up two arrays into `[a, b]` tuples |
+| `fromEntries` | | 1 | Build an object from `[key, value]` pairs |
+| `filter` | | 3 | Keep elements matching a predicate (see below) |
+| `map` | | 3 | Transform each element (see below) |
+| `reduce` | | 5 | Fold to a single value (see below) |
+
+### `filter` and `map`
+
+Both take `[op, array, varname, expression]`. `varname` is a constant string
+naming the per-element variable; `expression` runs once per element and reads
+the element via `['$', varname]`.
+
+```ts
+// Keep even numbers.
+['filter', [[1, 2, 3, 4, 5]], 'x', ['not', ['%', ['$', 'x'], 2]]]; // => [2, 4]
+
+// Triple each number.
+['map', [[1, 2, 3]], 'x', ['*', ['$', 'x'], 3]]; // => [3, 6, 9]
+```
+
+The element variable coexists with the input, so `map`/`filter` bodies can still
+read the outer data:
+
+```ts
+['map', ['$', '/arr'], 'x', ['*', ['$', 'x'], ['$', '/multiple']]];
+```
+
+### `reduce`
+
+`reduce` takes `[reduce, array, initial, accName, varName, expression]`. The
+expression reads the accumulator via `['$', accName]` and the current element
+via `['$', varName]`, and returns the next accumulator.
+
+```ts
+['reduce', [[1, 2, 3, 4, 5]], 0, 'acc', 'x', ['+', ['$', 'acc'], ['$', 'x']]]; // => 15
+```
+
+## Object operators
+
+```ts
+['keys', ['$', '/user']];                // property names
+['o.set', ['$', '/user'], 'active', true]; // user with active: true
+['o.del', ['$', '/user'], 'password'];     // user without password
+```
+
+| Operator | Arity | Result |
+|----------|-------|--------|
+| `keys` | 1 | Array of the object's keys |
+| `values` | 1 | Array of the object's values |
+| `entries` | 1 | Array of `[key, value]` pairs |
+| `o.set` | variadic | `(object, key, value, ...)` --- object with the keys set (non-mutating) |
+| `o.del` | variadic | `(object, key, ...)` --- object with the keys removed |
+
+`o.set` takes alternating key/value operands and refuses `__proto__`:
+
+```ts
+['o.set', {}, 'foo', 'bar', 'baz', ['+', ['$', ''], 3]];
+// with input 2 => {foo: 'bar', baz: 5}
+```
+
+## JSON Patch: `jp.add`
+
+`jp.add` applies one or more JSON Patch *add* operations, addressing locations
+by JSON Pointer. Operands alternate pointer and value; the original input is not
+mutated.
+
+```ts
+['jp.add', {}, '/foo', 'bar', '/baz', ['+', ['$', ''], 3]];
+// with input 2 => {foo: 'bar', baz: 5}
+```
+
+| Operator | Arity | Result |
+|----------|-------|--------|
+| `jp.add` | variadic | `(document, pointer, value, ...)` --- document with values added at each pointer |
+
+Pointers must be constant strings. Adding at an array index inserts at that
+position; adding at the array's length appends, and an out-of-range index
+throws.
diff --git a/packages/json-expression/docs/evaluate-and-compile.md b/packages/json-expression/docs/evaluate-and-compile.md
new file mode 100644
index 0000000000..ced2f96102
--- /dev/null
+++ b/packages/json-expression/docs/evaluate-and-compile.md
@@ -0,0 +1,91 @@
+There are two ways to run an expression: interpret it with `evaluate`, or
+JIT-compile it to a JavaScript function with `JsonExpressionCodegen`. Both
+share the same operator set and produce identical results.
+
+## `evaluate`
+
+`evaluate` walks the expression tree once and returns the result. It is bound to
+the full operator set, so you only pass the expression and a context with a
+`Vars` instance:
+
+```ts
+import {evaluate, Vars} from '@jsonjoy.com/json-expression';
+
+evaluate(['*', 2, ['$', '/x']], {vars: new Vars({x: 21})}); // => 42
+```
+
+Reach for `evaluate` when the expression runs once, changes often, or is
+supplied at runtime --- there is no compile step to amortize.
+
+## `JsonExpressionCodegen`
+
+The codegen compiles an expression into a plain function `(vars) => result`.
+Compiling has up-front cost but the returned function runs about an order of
+magnitude faster, so it pays off when one expression runs against many inputs.
+
+Unlike `evaluate`, the codegen needs the operator set passed explicitly:
+
+```ts
+import {JsonExpressionCodegen, Vars} from '@jsonjoy.com/json-expression';
+import {operatorsMap} from '@jsonjoy.com/json-expression/lib/operators';
+
+const codegen = new JsonExpressionCodegen({
+  expression: ['*', 2, ['$', '/x']],
+  operators: operatorsMap,
+});
+const fn = codegen.run().compile();
+
+fn(new Vars({x: 21})); // => 42
+fn(new Vars({x: 50})); // => 100
+```
+
+Call `.run()` once to build the code, then `.compile()` to get the function.
+`.compile()` wraps execution so thrown non-`Error` values are normalized;
+`.compileRaw()` skips that wrapper. `.generate()` returns the generated source
+if you want to inspect what was produced.
+
+## Constant folding
+
+The compiler evaluates *pure* sub-expressions whose operands are all literals at
+compile time, baking the result into the generated code:
+
+```ts
+// ['+', 1, 2] is folded to the constant 3 during compilation.
+const fn = new JsonExpressionCodegen({
+  expression: ['+', ['+', 1, 2], ['$', '/x']],
+  operators: operatorsMap,
+}).run().compile();
+```
+
+Operators that read input or otherwise have side effects --- `$`, `get`, `get?` --- are
+marked impure and are never folded, so they re-run on every call.
+
+## Matching with `createPattern`
+
+The `matches` string operator needs a pattern compiler, supplied via the
+`createPattern` option on *both* `evaluate` and the codegen. It receives the
+pattern string and returns a `(value: string) => boolean` tester. This keeps the
+choice of regex/glob engine (and its security trade-offs) in your hands:
+
+```ts
+const createPattern = (pattern: string) => {
+  const re = new RegExp(pattern);
+  return (value: string) => re.test(value);
+};
+
+evaluate(['matches', ['$', '/name'], 'A.*'], {
+  vars: new Vars({name: 'Alice'}),
+  createPattern,
+}); // => true
+```
+
+Without `createPattern`, `matches` throws.
+
+## Which to use
+
+| Situation | Use |
+|-----------|-----|
+| Expression supplied at runtime, runs once | `evaluate` |
+| One expression, many inputs (hot path) | `JsonExpressionCodegen` |
+| Need to inspect generated JS | `JsonExpressionCodegen` + `.generate()` |
+| Using `matches` | either, with `createPattern` |
diff --git a/packages/json-expression/docs/index.ts b/packages/json-expression/docs/index.ts
new file mode 100644
index 0000000000..b547e06752
--- /dev/null
+++ b/packages/json-expression/docs/index.ts
@@ -0,0 +1,49 @@
+import type {LibPage} from '@jsonjoy.com/ui/src/types/libs';
+
+export const page: LibPage = {
+  name: 'JSON Expression',
+  title: 'JSON Expression',
+  type: 'lib',
+  subtitle: 'A JSON-native expression language that evaluates directly or JIT-compiles to fast JavaScript.',
+  pkg: '@jsonjoy.com/json-expression',
+  group: 'tooling',
+  repo: 'streamich/json-joy',
+  repoPath: 'tree/master/packages/json-expression',
+  tech: 'TypeScript',
+  techIcon: {set: 'lineicons', icon: 'typescript'},
+  showContentsTable: true,
+  children: [
+    {
+      name: 'Variables',
+      subtitle: 'Read input with the $ / get operators and the Vars container.',
+      // @ts-ignore raw markdown, loaded by the site's webpack raw-loader
+      src: async () => (await import('./variables.md')).default,
+    },
+    {
+      name: 'Evaluate and compile',
+      subtitle: 'Interpret expressions with evaluate() or JIT-compile them with JsonExpressionCodegen.',
+      // @ts-ignore
+      src: async () => (await import('./evaluate-and-compile.md')).default,
+    },
+    {
+      name: 'Math and logic',
+      subtitle: 'Arithmetic, comparison, logical, bitwise, and branching operators.',
+      // @ts-ignore
+      src: async () => (await import('./math-and-logic.md')).default,
+    },
+    {
+      name: 'Strings and types',
+      subtitle: 'Type checks and casts, container access, string operators, and binary reads.',
+      // @ts-ignore
+      src: async () => (await import('./strings-and-types.md')).default,
+    },
+    {
+      name: 'Collections',
+      subtitle: 'Array, object, and JSON Patch operators, including filter, map, and reduce.',
+      // @ts-ignore
+      src: async () => (await import('./collections.md')).default,
+    },
+  ],
+  // @ts-ignore
+  src: async () => (await import('./text.md')).default,
+};
diff --git a/packages/json-expression/docs/math-and-logic.md b/packages/json-expression/docs/math-and-logic.md
new file mode 100644
index 0000000000..3a8f20de5b
--- /dev/null
+++ b/packages/json-expression/docs/math-and-logic.md
@@ -0,0 +1,101 @@
+Operators for numbers, comparisons, booleans, bit twiddling, and control flow.
+Every operator that has a symbolic alias lists it; the word form and the symbol
+are interchangeable.
+
+## Arithmetic
+
+```ts
+['+', 1, 2, 3];                  // => 6
+['-', 10, ['$', '/x']];          // 10 - x
+['*', ['$', '/price'], 1.2];     // price * 1.2
+```
+
+| Operator | Aliases | Arity | Result |
+|----------|---------|-------|--------|
+| `add` | `+` | variadic | Sum of all operands |
+| `subtract` | `-` | variadic | First operand minus the rest |
+| `multiply` | `*` | variadic | Product of all operands |
+| `divide` | `/` | variadic | First operand divided by the rest |
+| `mod` | `%` | variadic | Remainder, folded left to right |
+| `min` | - | variadic | Smallest operand |
+| `max` | - | variadic | Largest operand |
+| `round` | - | 1 | Round to nearest integer |
+| `ceil` | - | 1 | Round up |
+| `floor` | - | 1 | Round down |
+| `trunc` | - | 1 | Drop the fractional part (toward zero) |
+| `abs` | - | 1 | Absolute value |
+| `sqrt` | - | 1 | Square root |
+| `exp` | - | 1 | e raised to the operand |
+| `ln` | - | 1 | Natural logarithm |
+| `log` | - | 2 | Logarithm of operand 1 in base operand 2 |
+| `log10` | - | 1 | Base-10 logarithm |
+| `pow` | `**` | 2 | Operand 1 raised to operand 2 |
+
+## Comparison
+
+Equality is **deep** for objects and arrays. The ordering operators compare
+numbers and strings.
+
+```ts
+['==', ['$', '/status'], 'active'];
+['cmp', 2, 1];   // => 1   (-1, 0, or 1)
+['between', ['$', '/age'], 18, 65]; // 18 <= age <= 65
+```
+
+| Operator | Aliases | Arity | Result |
+|----------|---------|-------|--------|
+| `eq` | `==` | 2 | Deep equality |
+| `ne` | `!=` | 2 | Deep inequality |
+| `gt` | `>` | 2 | Greater than |
+| `ge` | `>=` | 2 | Greater than or equal |
+| `lt` | `<` | 2 | Less than |
+| `le` | `<=` | 2 | Less than or equal |
+| `cmp` | - | 2 | Three-way compare: `-1`, `0`, or `1` |
+| `between` | `=><=` | 3 | `low <= value <= high` |
+| `><` | - | 3 | `low < value < high` |
+| `=><` | - | 3 | `low <= value < high` |
+| `><=` | - | 3 | `low < value <= high` |
+
+The between-family takes the value first, then the bounds:
+`['between', value, low, high]`. The operator name encodes which ends are
+inclusive (`=`) versus exclusive --- `=><=` is inclusive on both ends.
+
+## Logical
+
+```ts
+['and', ['>', ['$', '/age'], 18], ['$', '/verified']];
+['or', ['$', '/admin'], ['$', '/owner']];
+['not', ['$', '/disabled']];
+```
+
+| Operator | Aliases | Arity | Result |
+|----------|---------|-------|--------|
+| `and` | `&&` | variadic | True when all operands are truthy |
+| `or` | `\|\|` | variadic | True when any operand is truthy |
+| `not` | `!` | 1 | Logical negation |
+
+## Bitwise
+
+Integer bit operations.
+
+| Operator | Aliases | Arity | Result |
+|----------|---------|-------|--------|
+| `bitAnd` | `&` | variadic | Bitwise AND |
+| `bitOr` | `\|` | variadic | Bitwise OR |
+| `bitXor` | `^` | variadic | Bitwise XOR |
+| `bitNot` | `~` | 1 | Bitwise NOT |
+
+## Branching
+
+```ts
+['?', ['>', ['$', '/n'], 0], 'positive', 'non-positive'];
+['throw', 'invalid input'];
+```
+
+| Operator | Aliases | Arity | Result |
+|----------|---------|-------|--------|
+| `if` | `?` | 3 | `condition ? then : otherwise`; only the taken branch is evaluated |
+| `throw` | - | 1 | Throws its operand as the error value |
+
+`if` short-circuits: the untaken branch is never evaluated, so it is safe to put
+a `throw` or a `$` that might not resolve in either arm.
diff --git a/packages/json-expression/docs/strings-and-types.md b/packages/json-expression/docs/strings-and-types.md
new file mode 100644
index 0000000000..a1691e1bd1
--- /dev/null
+++ b/packages/json-expression/docs/strings-and-types.md
@@ -0,0 +1,113 @@
+Operators for inspecting and casting values, measuring and indexing containers,
+working with strings, and reading numbers out of binary buffers.
+
+## Type inspection and casts
+
+`type` returns one of `boolean`, `null`, `number`, `string`, `object`, `array`,
+`undefined`, or `binary`. The cast operators coerce a value to a target type.
+
+```ts
+['type', ['$', '/x']];   // e.g. 'number'
+['num', ['$', '/count']]; // coerce to number
+['str', 123];             // => '123'
+```
+
+| Operator | Arity | Result |
+|----------|-------|--------|
+| `type` | 1 | Runtime type name (see list above) |
+| `bool` | 1 | Coerce to boolean |
+| `num` | 1 | Coerce to number |
+| `str` | 1 | Coerce to string |
+
+## Type guards
+
+Each guard returns a boolean. Note the trailing `?` is part of the operator
+name.
+
+| Operator | True when the value is |
+|----------|------------------------|
+| `und?` | `undefined` |
+| `nil?` | `null` |
+| `bool?` | a boolean |
+| `num?` | a number |
+| `str?` | a string |
+| `bin?` | binary (`Uint8Array`) |
+| `arr?` | an array |
+| `obj?` | an object |
+
+```ts
+['?', ['str?', ['$', '/id']], ['$', '/id'], ['str', ['$', '/id']]];
+```
+
+## Containers: length and member access
+
+`len` measures strings, arrays, objects (key count), and binary; it returns `0`
+for scalars. `member` (alias `[]`) reads an element by index or key.
+
+```ts
+['len', ['$', '/items']];        // number of items
+['member', ['$', '/items'], 0];  // first item
+['[]', ['$', '/user'], 'name'];  // user.name
+```
+
+| Operator | Aliases | Arity | Result |
+|----------|---------|-------|--------|
+| `len` | | 1 | Length / size of a string, array, object, or binary |
+| `member` | `[]` | 2 | Element of an array/object/string/binary by index or key |
+
+## Strings
+
+```ts
+['.', 'Hello, ', ['$', '/name']];   // concatenation
+['starts', ['$', '/type'], 'com.']; // prefix test
+['substr', 'abcde', 1, 3];          // => 'bc'
+```
+
+| Operator | Aliases | Arity | Result |
+|----------|---------|-------|--------|
+| `cat` | `.` | variadic | Concatenate operands into a string |
+| `contains` | | 2 | Whether operand 1 contains operand 2 |
+| `starts` | | 2 | Whether operand 1 starts with operand 2 |
+| `ends` | | 2 | Whether operand 1 ends with operand 2 |
+| `substr` | | 3 | Substring `(string, start, end)` |
+| `matches` | | 2 | Whether the string matches a pattern --- requires `createPattern` |
+
+`matches` needs a pattern compiler supplied through the `createPattern` option;
+see [Evaluate and compile](/libs/json-expression/evaluate-and-compile).
+
+### String validators
+
+Boolean operators that test common string formats:
+
+| Operator | Validates |
+|----------|-----------|
+| `email?` | Email address |
+| `hostname?` | Hostname |
+| `ip4?` | IPv4 address |
+| `ip6?` | IPv6 address |
+| `uuid?` | UUID |
+| `uri?` | URI |
+| `duration?` | ISO 8601 duration |
+| `date?` | Full date |
+| `time?` | Time |
+| `dateTime?` | Date-time |
+
+```ts
+['?', ['email?', ['$', '/contact']], 'ok', 'bad email'];
+```
+
+## Binary reads
+
+When the input is a `Uint8Array`, these operators read a typed number at a byte
+offset: `[op, binary, offset]`.
+
+| Operator | Reads |
+|----------|-------|
+| `u8` / `i8` | Unsigned / signed 8-bit integer |
+| `u16` / `i16` | Unsigned / signed 16-bit integer |
+| `u32` / `i32` | Unsigned / signed 32-bit integer |
+| `f32` / `f64` | 32- / 64-bit float |
+
+```ts
+['u8', ['$', '/buf'], 0]; // first byte of the buffer as an unsigned int
+```
diff --git a/packages/json-expression/docs/text.md b/packages/json-expression/docs/text.md
new file mode 100644
index 0000000000..928cba5bd7
--- /dev/null
+++ b/packages/json-expression/docs/text.md
@@ -0,0 +1,114 @@
+JSON Expression is a small expression language whose syntax *is* JSON. An
+expression is a JSON array whose first element names an operator; the remaining
+elements are operands. Everything else is a literal.
+
+```ts
+['+', 1, 2]; // => 3
+['and', ['>', ['$', '/age'], 18], ['starts', ['$', '/name'], 'A']];
+```
+
+Expressions can be **evaluated** directly, or **JIT-compiled** to a JavaScript
+function that runs roughly an order of magnitude faster. The same expression
+and the same operators back both paths, so you can prototype with `evaluate`
+and switch to the compiler in hot code without changing the expression.
+
+This package is the reference implementation of the
+[JSON Expression specification](/specs/json-expression), which defines the
+language and its operators independent of any one runtime.
+
+## Install
+
+```
+npm install @jsonjoy.com/json-expression
+```
+
+## Quick start
+
+Evaluate an expression against some input data:
+
+```ts
+import {evaluate, Vars} from '@jsonjoy.com/json-expression';
+
+const expression = ['+', 1, ['$', '/foo']];
+evaluate(expression, {vars: new Vars({foo: 2})}); // => 3
+```
+
+Or compile it once and reuse the function:
+
+```ts
+import {JsonExpressionCodegen, Vars} from '@jsonjoy.com/json-expression';
+import {operatorsMap} from '@jsonjoy.com/json-expression/lib/operators';
+
+const codegen = new JsonExpressionCodegen({
+  expression: ['+', 1, ['$', '/foo']],
+  operators: operatorsMap,
+});
+const fn = codegen.run().compile();
+
+fn(new Vars({foo: 2})); // => 3
+fn(new Vars({foo: 9})); // => 10
+```
+
+See [Evaluate and compile](/libs/json-expression/evaluate-and-compile) for when
+to use each.
+
+## Data model and syntax rules
+
+An expression is plain JSON, parsed by three rules:
+
+1. An expression is a valid JSON value.
+2. **Arrays are operator calls.** The first element is the operator name (a
+   string), the rest are operand expressions, evaluated recursively. For
+   example `['$', '/some/path']` reads a value from the input.
+3. **Everything else is a literal** --- numbers, strings, booleans, `null`, and
+   objects. To use a *literal array*, wrap it in an extra array so it reads as a
+   one-element expression: `[[1, 2, 3]]` evaluates to `[1, 2, 3]`, and `[[]]`
+   evaluates to `[]`.
+
+~~~jj.note
+Rule 3 is the one that trips people up: a bare `[1, 2, 3]` is read as a call to
+the operator named `1`. Box literal arrays as `[[1, 2, 3]]`.
+~~~
+
+Operators have **aliases** --- a readable word form and often a symbolic form.
+`['add', 1, 2]` and `['+', 1, 2]` are the same expression, as are `['get', '/x']`
+and `['$', '/x']`. The tables on the operator pages list every alias. For the
+formal grammar and the authoritative operator list, see the
+[JSON Expression spec](/specs/json-expression).
+
+## Example: filtering an event stream
+
+Given CloudEvents-shaped input:
+
+```ts
+{
+  specversion: '1.0',
+  type: 'com.example.someevent',
+  datacontenttype: 'application/json',
+  data: {appinfoA: 'abc'},
+}
+```
+
+a single expression decides whether an event is interesting:
+
+```ts
+[
+  'and',
+  ['==', ['$', '/specversion'], '1.0'],
+  ['starts', ['$', '/type'], 'com.example.'],
+  ['in', [['application/octet-stream', 'application/json']], ['$', '/datacontenttype']],
+  ['==', ['$', '/data/appinfoA'], 'abc'],
+];
+```
+
+Compile it once and run it over every event in the stream.
+
+## Operator reference
+
+| Page | Covers |
+|------|--------|
+| [Variables](/libs/json-expression/variables) | Reading input: `$` / `get`, `get?`, default values, named variables, the `Vars` container |
+| [Evaluate and compile](/libs/json-expression/evaluate-and-compile) | `evaluate()`, `JsonExpressionCodegen`, constant folding, the `createPattern` option |
+| [Math and logic](/libs/json-expression/math-and-logic) | Arithmetic, comparison, logical, bitwise, and branching (`if`, `throw`) |
+| [Strings and types](/libs/json-expression/strings-and-types) | `type`/casts, type guards, `len`/`member`, string operators and validators, binary reads |
+| [Collections](/libs/json-expression/collections) | Array operators (incl. `filter`/`map`/`reduce`), object operators, and `jp.add` |
diff --git a/packages/json-expression/docs/variables.md b/packages/json-expression/docs/variables.md
new file mode 100644
index 0000000000..20e285b510
--- /dev/null
+++ b/packages/json-expression/docs/variables.md
@@ -0,0 +1,92 @@
+Expressions read their input through **variables**. The input you pass at
+evaluation time is the *default variable*; named variables are bound by
+scoping operators like `filter`, `map`, and `reduce`, or set manually on the
+`Vars` container.
+
+## The `$` / `get` operator
+
+`['$', varname]` (alias `['get', varname]`) reads a value. The `varname` is a
+string combining an optional variable name with a JSON Pointer:
+
+```ts
+['$', '']           // the whole input (default variable)
+['$', '/foo']       // input.foo
+['$', '/foo/1']     // input.foo[1]
+['$', 'item']       // the named variable `item`
+['$', 'item/name']  // named variable `item`, then /name inside it
+```
+
+A leading `/` (or an empty string) targets the default variable; otherwise the
+text up to the first `/` is the variable name.
+
+```ts
+import {evaluate, Vars} from '@jsonjoy.com/json-expression';
+
+evaluate(['$', '/foo'], {vars: new Vars({foo: 2})}); // => 2
+evaluate(['$', ''], {vars: new Vars({foo: 2})});     // => {foo: 2}
+```
+
+### Default values
+
+By default, reading a missing path **throws** `NOT_FOUND`. Pass a third operand
+to return a fallback instead:
+
+```ts
+evaluate(['$', '/foo/5'], {vars: new Vars({foo: [1, 2]})});         // throws NOT_FOUND
+evaluate(['$', '/foo/5', 'miss'], {vars: new Vars({foo: [1, 2]})}); // => 'miss'
+```
+
+### Checking existence with `$?`
+
+`['$?', varname]` (alias `['get?', varname]`) returns a boolean instead of the
+value --- `true` when the path resolves, `false` when it does not. Use it to
+branch without risking a throw:
+
+```ts
+['?', ['$?', '/email'], ['$', '/email'], 'no email'];
+```
+
+### Dynamic paths
+
+The `varname` operand can itself be an expression, so the path can be computed
+at runtime:
+
+```ts
+// Read the pointer to follow out of the data itself.
+evaluate(['$', ['$', '/foo/0']], {vars: new Vars({foo: ['/foo']})}); // => ['/foo']
+```
+
+~~~jj.note
+`$` / `get` is an *impure* operator (its result depends on input), so the
+compiler never folds it to a constant --- unlike pure operators over literal
+operands. See [Evaluate and compile](/libs/json-expression/evaluate-and-compile).
+~~~
+
+## The `Vars` container
+
+Both `evaluate` and a compiled function receive a `Vars` instance, not the raw
+data. `Vars` wraps the default-variable value (`env`) and holds named
+variables:
+
+```ts
+import {Vars} from '@jsonjoy.com/json-expression';
+
+const vars = new Vars({foo: 2});
+vars.get('');         // => {foo: 2}   (the env / default variable)
+vars.set('x', 42);
+vars.get('x');        // => 42
+vars.has('x');        // => true
+vars.find('', '/foo'); // => 2         (env, then JSON Pointer /foo)
+```
+
+| Method | Purpose |
+|--------|---------|
+| `get(name)` | Named variable, or the env when `name` is `''` |
+| `set(name, value)` | Bind a named variable |
+| `has(name)` | Whether a named variable is bound |
+| `del(name)` | Remove a named variable |
+| `find(name, pointer)` | Resolve a JSON Pointer inside a variable |
+
+You rarely call `set` yourself --- the scoping operators bind per-element
+variables for you. See `filter`, `map`, and `reduce` in
+[Collections](/libs/json-expression/collections).
diff --git a/packages/json-joy/docs/index.ts b/packages/json-joy/docs/index.ts
index 408f582f9b..b7bfdf5152 100644
--- a/packages/json-joy/docs/index.ts
+++ b/packages/json-joy/docs/index.ts
@@ -1,12 +1,10 @@
 import type {LibPage} from '@jsonjoy.com/ui/src/types/libs';
 import {page as gettingStartedPage} from './getting-started';
-import {page as jsonPackPage} from './json-pack';
 import {page as jsonCrdtPage} from './json-crdt';
 import {page as jsonCrdtPatchPage} from './json-crdt-patch';
 import {page as jsonBinaryPage} from './json-binary';
 import {page as jsonBrandPage} from './json-brand';
 import {page as jsonClonePage} from './json-clone';
-import {page as jsonExpressionPage} from './json-expression';
 import {page as jsonEqualPage} from './json-equal';
 import {page as jsonPatchPage} from './json-patch';
 import {page as jsonPointerPage} from './json-pointer';
@@ -31,10 +29,8 @@ export const page: LibPage = {
     gettingStartedPage,
     jsonCrdtPage,
     jsonCrdtPatchPage,
-    jsonPackPage,
     jsonPatchPage,
     jsonPointerPage,
-    jsonExpressionPage,
     jsonBinaryPage,
     jsonEqualPage,
     jsonClonePage,
diff --git a/packages/json-joy/docs/json-expression/index.ts b/packages/json-joy/docs/json-expression/index.ts
deleted file mode 100644
index 9c0783137a..0000000000
--- a/packages/json-joy/docs/json-expression/index.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import type {ContentPage} from '@jsonjoy.com/ui/src/types/libs';
-
-export const page: ContentPage = {
-  name: 'json-expression',
-  slug: 'json-expression',
-  children: [],
-  // @ts-ignore
-  src: async () => (await import('./text.md')).default,
-};
diff --git a/packages/json-joy/docs/json-expression/text.md b/packages/json-joy/docs/json-expression/text.md
deleted file mode 100644
index ca7e28b300..0000000000
--- a/packages/json-joy/docs/json-expression/text.md
+++ /dev/null
@@ -1,104 +0,0 @@
-JSON Expression is a simple JSON DSL, which allows to write expressions and
-evaluate expressions.
-
-For example, the following expression
-
-```js
-['+', 1, 2]; // 1 + 2
-```
-
-evaluates to 3.
-
-## Example
-
-Consider you application receives a stream of JSON Cloud Events, like this:
-
-```js
-{
-  "specversion" : "1.0",
-  "type" : "com.example.someevent",
-  "source" : "/mycontext",
-  "subject": null,
-  "id" : "C234-1234-1234",
-  "time" : "2018-04-05T17:31:00Z",
-  "comexampleextension1" : "value",
-  "comexampleothervalue" : 5,
-  "datacontenttype" : "application/json",
-  "data" : {
-      "appinfoA" : "abc",
-      "appinfoB" : 123,
-      "appinfoC" : true
-  }
-}
-```
-
-You could write and compile a JSON Expression to efficiently filter out events
-you are interested in, for example your expression could look like this:
-
-```js
-[
-  'and',
-  ['==', ['get', '/specversion'], '1.0'],
-  ['starts', ['get', '/type'], 'com.example.'],
-  ['in', ['get', '/datacontenttype'], [['application/octet-stream', 'application/json']]],
-  ['==', ['=', '/data/appinfoA'], 'abc'],
-];
-```
-
-## Documentation
-
-`json-expression` library supports few dozen operators, see full list in `Expr`
-type [here](https://github.com/streamich/json-joy/blob/master/src/json-expression/types.ts).
-
-Parsing rules:
-
-1. JSON Expression is a valid JSON value.
-2. All expressions are JSON arrays, which start with a string which specifies
-   the operator and remaining array elements are operands. For example, the
-   "get" operator fetches some value from supplied data using JSON
-   Pointer:`["get", "/some/path"]`.
-3. All other values are treated as literals. Except for arrays, which need to
-   be enclosed in square brackets. For example, to specify an empty array, you
-   box your array in square brackets: `[[]]`. This evaluates to an empty array
-   JSON value `[]`.
-
-## Reference
-
-`json-expression` library can immediately evaluate expressions or it can
-compile an efficient expression to a function, which will execute about
-an order of magnitude faster.
-
-Evaluating expression immediately as-is.
-
-```ts
-import {evaluate} from 'json-joy/{lib,es2020}/json-expression';
-
-const expression = ['+', 1, ['get', '/foo']];
-const data = {foo: 2};
-
-evaluate(expression, {data}); // 3
-```
-
-Pre-compiling expression to an optimized function.
-
-```ts
-import {JsonExpressionCodegen} from 'json-joy/{lib,es2020}/json-expression';
-
-const expression = ['+', 1, ['get', '/foo']];
-const codegen = new JsonExpressionCodegen({expression});
-const fn = codegen.run().compile();
-const data = {foo: 2};
-
-fn({data}); // 3
-```
-
-## Benchmark
-
-```
-node benchmarks/json-expression/main.js
-json-joy/json-expression JsonExpressionCodegen x 14,557,786 ops/sec ±0.09% (100 runs sampled), 69 ns/op
-json-joy/json-expression JsonExpressionCodegen with codegen x 170,098 ops/sec ±0.13% (101 runs sampled), 5879 ns/op
-json-joy/json-expression evaluate x 864,956 ops/sec ±0.10% (101 runs sampled), 1156 ns/op
-json-logic-js x 821,799 ops/sec ±0.18% (99 runs sampled), 1217 ns/op
-Fastest is json-joy/json-expression JsonExpressionCodegen
-```
diff --git a/packages/json-joy/docs/json-expression/text.ts b/packages/json-joy/docs/json-expression/text.ts
deleted file mode 100644
index 87ba8e1486..0000000000
--- a/packages/json-joy/docs/json-expression/text.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-import {md} from '@jsonjoy.com/ui/lib/markdown/parser';
-
-const markdown = require('./text.md').default;
-export const text = md(markdown);
diff --git a/packages/json-joy/docs/json-pack/cbor/benchmarks/index.ts b/packages/json-joy/docs/json-pack/cbor/benchmarks/index.ts
deleted file mode 100644
index 4fa31ff206..0000000000
--- a/packages/json-joy/docs/json-pack/cbor/benchmarks/index.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import type {ContentPage} from '@jsonjoy.com/ui/src/types/libs';
-
-export const page: ContentPage = {
-  name: 'Benchmarks',
-  slug: 'benchmarks',
-  children: [],
-  // @ts-ignore
-  src: async () => (await import('./text.md')).default,
-};
diff --git a/packages/json-joy/docs/json-pack/cbor/benchmarks/text.md b/packages/json-joy/docs/json-pack/cbor/benchmarks/text.md
deleted file mode 100644
index 8a69cbf151..0000000000
--- a/packages/json-joy/docs/json-pack/cbor/benchmarks/text.md
+++ /dev/null
@@ -1,426 +0,0 @@
-`json-pack` aims to implement the fastest CBOR code in NPM ecosystem. Below you can
-see the benchmark results comparing `json-joy` against other CBOR packages.
-
-Overall, `json-pack` is much faster than all other packages, except `cbor-x` which
-comes close to `json-pack`, but still slower.
-
-
-### Encoding
-
-Below table compares CBOR encoding performance of `json-joy` against `cbor-x`, `cborg`, and `cbor` packages.
-
-![cbor-encoding-benchmark-results](https://appsets.jsonjoy.com/libraries/json-joy-js/json-pack/cbor-encoding-results.png)
-
-
-### Decoding
-
-Below table compares CBOR decoding performance of `json-joy` against `cbor-x`, `cborg`, and `cbor` packages.
-
-![cbor-decoding-benchmark-results](https://appsets.jsonjoy.com/libraries/json-joy-js/json-pack/cbor-decoding-results.png)
-
-
-### More details
-
-More benchmark results in raw text format below.
-
-
-#### Encoding
-
-```
-npx ts-node benchmarks/json-pack/bench.encoding.cbor.ts
-=========================================================== Benchmark: Encoding
-Warmup: 1000x , Node.js: v20.1.0 , Arch: arm64 , CPU: Apple M1
--------------------------------------------------------- Small object, 44 bytes
-🤞 Buffer.from(JSON.stringify()) x 2,339,523 ops/sec ±0.50% (99 runs sampled)
-🤞 JSON.stringify() x 3,802,757 ops/sec ±0.17% (100 runs sampled)
-🤞 json-joy/json-pack CborEncoderFast x 6,132,816 ops/sec ±0.43% (99 runs sampled)
-🤞 json-joy/json-pack CborEncoder x 6,248,575 ops/sec ±0.13% (98 runs sampled)
-🤞 cbor-x x 4,924,643 ops/sec ±0.31% (99 runs sampled)
-🤞 cbor-js x 670,013 ops/sec ±1.51% (80 runs sampled)
-🤞 cborg x 777,829 ops/sec ±0.16% (98 runs sampled)
-🤞 cbor-sync x 444,785 ops/sec ±3.07% (96 runs sampled)
-Fastest is 🤞 json-joy/json-pack CborEncoder
------------------------------------------------------ Typical object, 993 bytes
-🤞 Buffer.from(JSON.stringify()) x 208,448 ops/sec ±0.07% (101 runs sampled)
-🤞 JSON.stringify() x 335,826 ops/sec ±0.14% (101 runs sampled)
-🤞 json-joy/json-pack CborEncoderFast x 468,552 ops/sec ±0.31% (96 runs sampled)
-🤞 json-joy/json-pack CborEncoder x 446,904 ops/sec ±0.15% (98 runs sampled)
-🤞 cbor-x x 400,380 ops/sec ±0.89% (91 runs sampled)
-🤞 cbor-js x 109,455 ops/sec ±0.13% (98 runs sampled)
-🤞 cborg x 60,584 ops/sec ±0.10% (102 runs sampled)
-🤞 cbor-sync x 75,523 ops/sec ±0.21% (96 runs sampled)
-Fastest is 🤞 json-joy/json-pack CborEncoderFast
------------------------------------------------------- Large object, 3741 bytes
-🤞 Buffer.from(JSON.stringify()) x 64,232 ops/sec ±0.07% (99 runs sampled)
-🤞 JSON.stringify() x 108,186 ops/sec ±0.24% (101 runs sampled)
-🤞 json-joy/json-pack CborEncoderFast x 135,553 ops/sec ±0.11% (101 runs sampled)
-🤞 json-joy/json-pack CborEncoder x 130,092 ops/sec ±0.24% (100 runs sampled)
-🤞 cbor-x x 110,045 ops/sec ±0.63% (95 runs sampled)
-🤞 cbor-js x 33,044 ops/sec ±0.11% (102 runs sampled)
-🤞 cborg x 18,516 ops/sec ±0.13% (101 runs sampled)
-🤞 cbor-sync x 25,829 ops/sec ±0.43% (98 runs sampled)
-Fastest is 🤞 json-joy/json-pack CborEncoderFast
------------------------------------------------- Very large object, 45750 bytes
-🤞 Buffer.from(JSON.stringify()) x 7,175 ops/sec ±0.76% (98 runs sampled)
-🤞 JSON.stringify() x 7,783 ops/sec ±0.51% (101 runs sampled)
-🤞 json-joy/json-pack CborEncoderFast x 5,759 ops/sec ±0.53% (100 runs sampled)
-🤞 json-joy/json-pack CborEncoder x 5,569 ops/sec ±0.43% (100 runs sampled)
-🤞 cbor-x x 5,671 ops/sec ±0.71% (94 runs sampled)
-🤞 cbor-js x 2,513 ops/sec ±0.40% (100 runs sampled)
-🤞 cborg x 818 ops/sec ±1.04% (92 runs sampled)
-🤞 cbor-sync x 1,579 ops/sec ±0.34% (98 runs sampled)
-Fastest is 🤞 JSON.stringify()
----------------------------------------------- Object with many keys, 969 bytes
-🤞 Buffer.from(JSON.stringify()) x 182,418 ops/sec ±0.69% (99 runs sampled)
-🤞 JSON.stringify() x 166,880 ops/sec ±5.89% (82 runs sampled)
-🤞 json-joy/json-pack CborEncoderFast x 276,754 ops/sec ±1.11% (99 runs sampled)
-🤞 json-joy/json-pack CborEncoder x 272,113 ops/sec ±0.77% (94 runs sampled)
-🤞 cbor-x x 193,156 ops/sec ±0.49% (96 runs sampled)
-🤞 cbor-js x 73,180 ops/sec ±0.38% (100 runs sampled)
-🤞 cborg x 35,937 ops/sec ±0.19% (95 runs sampled)
-🤞 cbor-sync x 53,410 ops/sec ±0.66% (100 runs sampled)
-Fastest is 🤞 json-joy/json-pack CborEncoderFast
------------------------------------------------------ String ladder, 3398 bytes
-🤞 Buffer.from(JSON.stringify()) x 148,910 ops/sec ±0.24% (98 runs sampled)
-🤞 JSON.stringify() x 172,582 ops/sec ±0.06% (102 runs sampled)
-🤞 json-joy/json-pack CborEncoderFast x 276,018 ops/sec ±0.64% (92 runs sampled)
-🤞 json-joy/json-pack CborEncoder x 278,835 ops/sec ±0.85% (92 runs sampled)
-🤞 cbor-x x 209,737 ops/sec ±0.44% (95 runs sampled)
-🤞 cbor-js x 29,304 ops/sec ±0.15% (101 runs sampled)
-🤞 cborg x 61,577 ops/sec ±0.10% (102 runs sampled)
-🤞 cbor-sync x 73,548 ops/sec ±2.14% (93 runs sampled)
-Fastest is 🤞 json-joy/json-pack CborEncoder,🤞 json-joy/json-pack CborEncoderFast
------------------------------------------------------- Long strings, 7011 bytes
-🤞 Buffer.from(JSON.stringify()) x 28,860 ops/sec ±0.06% (99 runs sampled)
-🤞 JSON.stringify() x 59,800 ops/sec ±0.07% (99 runs sampled)
-🤞 json-joy/json-pack CborEncoderFast x 403,027 ops/sec ±1.97% (93 runs sampled)
-🤞 json-joy/json-pack CborEncoder x 415,001 ops/sec ±1.38% (95 runs sampled)
-🤞 cbor-x x 364,240 ops/sec ±1.95% (85 runs sampled)
-🤞 cbor-js x 13,370 ops/sec ±0.11% (101 runs sampled)
-🤞 cborg x 118,723 ops/sec ±0.54% (99 runs sampled)
-🤞 cbor-sync x 117,072 ops/sec ±0.17% (94 runs sampled)
-Fastest is 🤞 json-joy/json-pack CborEncoder
------------------------------------------------------- Short strings, 170 bytes
-🤞 Buffer.from(JSON.stringify()) x 1,016,012 ops/sec ±0.12% (102 runs sampled)
-🤞 JSON.stringify() x 1,828,820 ops/sec ±0.15% (102 runs sampled)
-🤞 json-joy/json-pack CborEncoderFast x 1,848,409 ops/sec ±0.56% (99 runs sampled)
-🤞 json-joy/json-pack CborEncoder x 1,860,103 ops/sec ±0.18% (98 runs sampled)
-🤞 cbor-x x 1,360,519 ops/sec ±0.22% (98 runs sampled)
-🤞 cbor-js x 367,320 ops/sec ±0.25% (97 runs sampled)
-🤞 cborg x 278,084 ops/sec ±0.15% (98 runs sampled)
-🤞 cbor-sync x 181,966 ops/sec ±0.17% (92 runs sampled)
-Fastest is 🤞 json-joy/json-pack CborEncoder
------------------------------------------------------------- Numbers, 136 bytes
-🤞 Buffer.from(JSON.stringify()) x 1,231,696 ops/sec ±0.15% (100 runs sampled)
-🤞 JSON.stringify() x 1,610,733 ops/sec ±0.16% (100 runs sampled)
-🤞 json-joy/json-pack CborEncoderFast x 2,775,684 ops/sec ±0.17% (101 runs sampled)
-🤞 json-joy/json-pack CborEncoder x 3,112,233 ops/sec ±0.18% (100 runs sampled)
-🤞 cbor-x x 3,264,422 ops/sec ±0.14% (101 runs sampled)
-🤞 cbor-js x 558,877 ops/sec ±1.31% (89 runs sampled)
-🤞 cborg x 296,104 ops/sec ±0.14% (100 runs sampled)
-🤞 cbor-sync x 379,437 ops/sec ±0.28% (99 runs sampled)
-Fastest is 🤞 cbor-x
-------------------------------------------------------------- Tokens, 308 bytes
-🤞 Buffer.from(JSON.stringify()) x 1,101,690 ops/sec ±0.17% (98 runs sampled)
-🤞 JSON.stringify() x 1,560,523 ops/sec ±0.14% (98 runs sampled)
-🤞 json-joy/json-pack CborEncoderFast x 1,352,703 ops/sec ±0.24% (96 runs sampled)
-🤞 json-joy/json-pack CborEncoder x 1,371,395 ops/sec ±0.24% (101 runs sampled)
-🤞 cbor-x x 1,975,990 ops/sec ±0.19% (98 runs sampled)
-🤞 cbor-js x 525,540 ops/sec ±1.25% (91 runs sampled)
-🤞 cborg x 227,011 ops/sec ±0.15% (98 runs sampled)
-🤞 cbor-sync x 418,451 ops/sec ±0.30% (97 runs sampled)
-Fastest is 🤞 cbor-x
-```
-
-Node 18:
-
-```
-npx ts-node benchmarks/json-pack/bench.cbor.encoding.ts
-=========================================================== Benchmark: Encoding
-Warmup: 1000x , Node.js: v18.16.0 , Arch: arm64 , CPU: Apple M1 Max
--------------------------------------------------------- Small object, 44 bytes
-👍 json-joy/json-pack CborEncoderFast x 6,233,741 ops/sec ±0.48% (97 runs sampled)
-👍 json-joy/json-pack CborEncoder x 6,284,071 ops/sec ±0.52% (98 runs sampled)
-👍 cborg x 593,217 ops/sec ±0.75% (98 runs sampled)
-👍 cbor-x x 4,360,950 ops/sec ±0.61% (92 runs sampled)
-Fastest is 👍 json-joy/json-pack CborEncoder
------------------------------------------------------ Typical object, 993 bytes
-👍 json-joy/json-pack CborEncoderFast x 450,797 ops/sec ±0.43% (94 runs sampled)
-👍 json-joy/json-pack CborEncoder x 465,790 ops/sec ±0.39% (97 runs sampled)
-👍 cborg x 48,343 ops/sec ±0.57% (99 runs sampled)
-👍 cbor-x x 414,580 ops/sec ±0.38% (98 runs sampled)
-Fastest is 👍 json-joy/json-pack CborEncoder
------------------------------------------------------- Large object, 3741 bytes
-👍 json-joy/json-pack CborEncoderFast x 132,873 ops/sec ±0.37% (99 runs sampled)
-👍 json-joy/json-pack CborEncoder x 134,572 ops/sec ±0.49% (96 runs sampled)
-👍 cborg x 14,615 ops/sec ±0.59% (96 runs sampled)
-👍 cbor-x x 114,106 ops/sec ±0.46% (100 runs sampled)
-Fastest is 👍 json-joy/json-pack CborEncoder
------------------------------------------------- Very large object, 45750 bytes
-👍 json-joy/json-pack CborEncoderFast x 5,498 ops/sec ±0.60% (97 runs sampled)
-👍 json-joy/json-pack CborEncoder x 5,474 ops/sec ±1.15% (94 runs sampled)
-👍 cborg x 659 ops/sec ±0.99% (92 runs sampled)
-👍 cbor-x x 5,635 ops/sec ±0.76% (96 runs sampled)
-Fastest is 👍 cbor-x
----------------------------------------------- Object with many keys, 969 bytes
-👍 json-joy/json-pack CborEncoderFast x 279,077 ops/sec ±0.52% (96 runs sampled)
-👍 json-joy/json-pack CborEncoder x 279,231 ops/sec ±0.35% (98 runs sampled)
-👍 cborg x 26,533 ops/sec ±0.62% (95 runs sampled)
-👍 cbor-x x 194,635 ops/sec ±0.58% (95 runs sampled)
-Fastest is 👍 json-joy/json-pack CborEncoder,👍 json-joy/json-pack CborEncoderFast
------------------------------------------------------ String ladder, 3398 bytes
-👍 json-joy/json-pack CborEncoderFast x 295,817 ops/sec ±0.61% (98 runs sampled)
-👍 json-joy/json-pack CborEncoder x 293,260 ops/sec ±0.37% (97 runs sampled)
-👍 cborg x 46,351 ops/sec ±0.46% (99 runs sampled)
-👍 cbor-x x 221,037 ops/sec ±0.49% (96 runs sampled)
-Fastest is 👍 json-joy/json-pack CborEncoderFast
------------------------------------------------------- Long strings, 7011 bytes
-👍 json-joy/json-pack CborEncoderFast x 397,191 ops/sec ±1.10% (93 runs sampled)
-👍 json-joy/json-pack CborEncoder x 393,080 ops/sec ±0.86% (91 runs sampled)
-👍 cborg x 73,491 ops/sec ±0.51% (98 runs sampled)
-👍 cbor-x x 386,859 ops/sec ±0.82% (94 runs sampled)
-Fastest is 👍 json-joy/json-pack CborEncoderFast
------------------------------------------------------- Short strings, 170 bytes
-👍 json-joy/json-pack CborEncoderFast x 1,746,092 ops/sec ±0.40% (98 runs sampled)
-👍 json-joy/json-pack CborEncoder x 1,745,521 ops/sec ±0.40% (99 runs sampled)
-👍 cborg x 198,683 ops/sec ±0.57% (96 runs sampled)
-👍 cbor-x x 1,276,409 ops/sec ±0.62% (93 runs sampled)
-Fastest is 👍 json-joy/json-pack CborEncoderFast,👍 json-joy/json-pack CborEncoder
------------------------------------------------------------- Numbers, 136 bytes
-👍 json-joy/json-pack CborEncoderFast x 2,558,939 ops/sec ±0.46% (98 runs sampled)
-👍 json-joy/json-pack CborEncoder x 2,575,323 ops/sec ±0.39% (95 runs sampled)
-👍 cborg x 230,191 ops/sec ±0.40% (98 runs sampled)
-👍 cbor-x x 2,966,610 ops/sec ±0.34% (97 runs sampled)
-Fastest is 👍 cbor-x
-------------------------------------------------------------- Tokens, 308 bytes
-👍 json-joy/json-pack CborEncoderFast x 1,318,484 ops/sec ±0.45% (100 runs sampled)
-👍 json-joy/json-pack CborEncoder x 1,332,239 ops/sec ±0.40% (100 runs sampled)
-👍 cborg x 168,853 ops/sec ±0.42% (96 runs sampled)
-👍 cbor-x x 1,824,744 ops/sec ±0.43% (95 runs sampled)
-Fastest is 👍 cbor-x
-```
-
-#### Decoding
-
-```
-npx ts-node benchmarks/json-pack/bench.cbor.decoding.ts
-====================================================== Benchmark: CBOR Decoding
-Warmup: 1000x , Node.js: v20.2.0 , Arch: arm64 , CPU: Apple M1
--------------------------------------------------------- Combined, 634613 bytes
-👍 json-joy/json-pack CborDecoder x 3,869 ops/sec ±0.18% (98 runs sampled)
-👎 cbor-x x 3,636 ops/sec ±0.13% (100 runs sampled)
-👍 cborg x 1,848 ops/sec ±0.27% (99 runs sampled)
-👍 cbor x 313 ops/sec ±0.85% (95 runs sampled)
-Fastest is 👍 json-joy/json-pack CborDecoder
-------------------------------------------------------- Small object, 274 bytes
-👍 json-joy/json-pack CborDecoder x 4,547,927 ops/sec ±0.13% (98 runs sampled)
-👍 cbor-x x 4,146,745 ops/sec ±0.15% (94 runs sampled)
-👍 cborg x 1,979,229 ops/sec ±0.15% (99 runs sampled)
-👍 cbor x 133,271 ops/sec ±2.51% (92 runs sampled)
-Fastest is 👍 json-joy/json-pack CborDecoder
----------------------------------------------------- Typical object, 8253 bytes
-👍 json-joy/json-pack CborDecoder x 373,571 ops/sec ±0.33% (97 runs sampled)
-👍 cbor-x x 254,533 ops/sec ±0.57% (99 runs sampled)
-👍 cborg x 121,327 ops/sec ±0.36% (97 runs sampled)
-👍 cbor x 19,516 ops/sec ±0.22% (98 runs sampled)
-Fastest is 👍 json-joy/json-pack CborDecoder
------------------------------------------------------ Large object, 34563 bytes
-👍 json-joy/json-pack CborDecoder x 108,250 ops/sec ±0.70% (96 runs sampled)
-👍 cbor-x x 86,146 ops/sec ±0.32% (101 runs sampled)
-👍 cborg x 33,641 ops/sec ±0.56% (93 runs sampled)
-👍 cbor x 6,383 ops/sec ±0.58% (97 runs sampled)
-Fastest is 👍 json-joy/json-pack CborDecoder
------------------------------------------------ Very large object, 437014 bytes
-👍 json-joy/json-pack CborDecoder x 4,374 ops/sec ±0.31% (94 runs sampled)
-👎 cbor-x x 3,943 ops/sec ±0.30% (98 runs sampled)
-👍 cborg x 1,685 ops/sec ±0.29% (79 runs sampled)
-👍 cbor x 310 ops/sec ±0.15% (89 runs sampled)
-Fastest is 👍 json-joy/json-pack CborDecoder
---------------------------------------------- Object with many keys, 7575 bytes
-👍 json-joy/json-pack CborDecoder x 92,625 ops/sec ±0.51% (95 runs sampled)
-👎 cbor-x x 91,511 ops/sec ±0.94% (93 runs sampled)
-👍 cborg x 54,355 ops/sec ±0.41% (97 runs sampled)
-👍 cbor x 13,289 ops/sec ±1.41% (99 runs sampled)
-Fastest is 👍 json-joy/json-pack CborDecoder,👎 cbor-x
----------------------------------------------------- String ladder, 35622 bytes
-👍 json-joy/json-pack CborDecoder x 240,683 ops/sec ±0.34% (100 runs sampled)
-👍 cbor-x x 324,927 ops/sec ±0.40% (96 runs sampled)
-👍 cborg x 70,820 ops/sec ±0.58% (95 runs sampled)
-👍 cbor x 24,792 ops/sec ±0.76% (96 runs sampled)
-Fastest is 👍 cbor-x
------------------------------------------------------ Long strings, 85228 bytes
-👍 json-joy/json-pack CborDecoder x 96,957 ops/sec ±0.50% (98 runs sampled)
-👍 cbor-x x 94,397 ops/sec ±0.51% (94 runs sampled)
-👍 cborg x 69,925 ops/sec ±6.38% (91 runs sampled)
-👍 cbor x 34,779 ops/sec ±10.73% (79 runs sampled)
-Fastest is 👍 json-joy/json-pack CborDecoder
------------------------------------------------------ Short strings, 1211 bytes
-👍 json-joy/json-pack CborDecoder x 1,177,079 ops/sec ±0.61% (94 runs sampled)
-👍 cbor-x x 1,070,770 ops/sec ±1.19% (90 runs sampled)
-👍 cborg x 385,823 ops/sec ±0.79% (94 runs sampled)
-👍 cbor x 53,147 ops/sec ±0.91% (91 runs sampled)
-Fastest is 👍 json-joy/json-pack CborDecoder
------------------------------------------------------------ Numbers, 1544 bytes
-👍 json-joy/json-pack CborDecoder x 974,821 ops/sec ±0.72% (98 runs sampled)
-👍 cbor-x x 1,576,220 ops/sec ±0.68% (95 runs sampled)
-👍 cborg x 464,996 ops/sec ±0.44% (94 runs sampled)
-👍 cbor x 34,161 ops/sec ±0.76% (92 runs sampled)
-Fastest is 👍 cbor-x
-------------------------------------------------------------- Tokens, 530 bytes
-👍 json-joy/json-pack CborDecoder x 1,198,726 ops/sec ±0.53% (96 runs sampled)
-👍 cbor-x x 1,927,307 ops/sec ±0.67% (80 runs sampled)
-👍 cborg x 957,531 ops/sec ±0.62% (98 runs sampled)
-👍 cbor x 44,276 ops/sec ±10.58% (80 runs sampled)
-Fastest is 👍 cbor-x
-```
-
-
-### Benchmarks of `Writer` buffer size
-
-When encoding bytes `CborEncoder` uses `Writer` class to write bytes to the underlying buffer.
-The `Writer` preallocates a buffer of a certain size and then writes bytes to it.
-
-Below benchmarks test various default buffer size allocation sizes of the underlying
-`Writer` class. The default buffer size is 64 KB, but it can be changed to any value.
-
-```
-npx ts-node benchmarks/json-pack/bench.writer-size.ts
-=========================================================== Benchmark: Encoding
-Warmup: 1000x , Node.js: v18.16.0 , Arch: arm64 , CPU: Apple M1 Max
--------------------------------------------------------- Small object, 44 bytes
-👍 1 MB x 6,313,890 ops/sec ±0.12% (101 runs sampled)
-👍 256 KB x 6,289,685 ops/sec ±0.11% (97 runs sampled)
-👍 64 KB x 6,275,863 ops/sec ±0.12% (100 runs sampled)
-👍 16 KB x 6,254,832 ops/sec ±0.24% (98 runs sampled)
-👍 4 KB x 6,187,636 ops/sec ±0.13% (99 runs sampled)
-👍 1 KB x 5,890,157 ops/sec ±0.14% (99 runs sampled)
-Fastest is 👍 1 MB
------------------------------------------------------ Typical object, 993 bytes
-👍 1 MB x 497,752 ops/sec ±0.21% (100 runs sampled)
-👍 256 KB x 495,574 ops/sec ±0.15% (99 runs sampled)
-👍 64 KB x 494,724 ops/sec ±0.15% (98 runs sampled)
-👍 16 KB x 489,579 ops/sec ±0.23% (97 runs sampled)
-👍 4 KB x 455,526 ops/sec ±0.34% (98 runs sampled)
-👍 1 KB x 433,038 ops/sec ±0.48% (97 runs sampled)
-Fastest is 👍 1 MB
------------------------------------------------------- Large object, 3741 bytes
-👍 1 MB x 140,580 ops/sec ±0.39% (96 runs sampled)
-👍 256 KB x 136,933 ops/sec ±0.39% (92 runs sampled)
-👍 64 KB x 139,697 ops/sec ±0.27% (98 runs sampled)
-👍 16 KB x 137,278 ops/sec ±0.33% (98 runs sampled)
-👍 4 KB x 130,838 ops/sec ±0.19% (98 runs sampled)
-👍 1 KB x 122,987 ops/sec ±0.45% (94 runs sampled)
-Fastest is 👍 1 MB
------------------------------------------------- Very large object, 45750 bytes
-👍 1 MB x 5,883 ops/sec ±0.12% (101 runs sampled)
-👍 256 KB x 5,845 ops/sec ±0.66% (91 runs sampled)
-👍 64 KB x 5,783 ops/sec ±0.26% (100 runs sampled)
-👍 16 KB x 5,584 ops/sec ±0.59% (94 runs sampled)
-👍 4 KB x 5,648 ops/sec ±0.35% (98 runs sampled)
-👍 1 KB x 5,649 ops/sec ±0.35% (95 runs sampled)
-Fastest is 👍 1 MB,👍 256 KB
----------------------------------------------- Object with many keys, 969 bytes
-👍 1 MB x 282,535 ops/sec ±0.34% (98 runs sampled)
-👍 256 KB x 282,055 ops/sec ±0.34% (95 runs sampled)
-👍 64 KB x 286,786 ops/sec ±0.22% (97 runs sampled)
-👍 16 KB x 283,067 ops/sec ±0.27% (97 runs sampled)
-👍 4 KB x 281,647 ops/sec ±0.24% (100 runs sampled)
-👍 1 KB x 259,775 ops/sec ±0.33% (96 runs sampled)
-Fastest is 👍 64 KB
------------------------------------------------------ String ladder, 3398 bytes
-👍 1 MB x 308,326 ops/sec ±0.23% (96 runs sampled)
-👍 256 KB x 307,324 ops/sec ±0.34% (100 runs sampled)
-👍 64 KB x 305,368 ops/sec ±0.23% (97 runs sampled)
-👍 16 KB x 289,570 ops/sec ±0.46% (99 runs sampled)
-👍 4 KB x 270,486 ops/sec ±0.52% (96 runs sampled)
-👍 1 KB x 211,091 ops/sec ±0.57% (95 runs sampled)
-Fastest is 👍 1 MB,👍 256 KB
------------------------------------------------------- Long strings, 7011 bytes
-👍 1 MB x 446,622 ops/sec ±0.48% (98 runs sampled)
-👍 256 KB x 438,083 ops/sec ±0.58% (94 runs sampled)
-👍 64 KB x 421,277 ops/sec ±0.50% (97 runs sampled)
-👍 16 KB x 349,768 ops/sec ±1.32% (93 runs sampled)
-👍 4 KB x 350,886 ops/sec ±0.76% (92 runs sampled)
-👍 1 KB x 348,879 ops/sec ±1.00% (92 runs sampled)
-Fastest is 👍 1 MB
------------------------------------------------------- Short strings, 170 bytes
-👍 1 MB x 2,003,291 ops/sec ±0.18% (99 runs sampled)
-👍 256 KB x 2,002,815 ops/sec ±0.30% (98 runs sampled)
-👍 64 KB x 2,003,416 ops/sec ±0.22% (98 runs sampled)
-👍 16 KB x 1,973,326 ops/sec ±0.31% (96 runs sampled)
-👍 4 KB x 1,938,991 ops/sec ±0.28% (98 runs sampled)
-👍 1 KB x 1,815,441 ops/sec ±0.24% (99 runs sampled)
-Fastest is 👍 1 MB,👍 64 KB,👍 256 KB
------------------------------------------------------------- Numbers, 136 bytes
-👍 1 MB x 3,301,798 ops/sec ±0.25% (99 runs sampled)
-👍 256 KB x 3,284,645 ops/sec ±0.30% (98 runs sampled)
-👍 64 KB x 3,272,060 ops/sec ±0.94% (96 runs sampled)
-👍 16 KB x 3,317,569 ops/sec ±0.25% (98 runs sampled)
-👍 4 KB x 3,238,186 ops/sec ±0.34% (96 runs sampled)
-👍 1 KB x 3,017,336 ops/sec ±0.68% (98 runs sampled)
-Fastest is 👍 16 KB
-------------------------------------------------------------- Tokens, 308 bytes
-👍 1 MB x 1,698,059 ops/sec ±0.24% (101 runs sampled)
-👍 256 KB x 1,644,210 ops/sec ±0.70% (99 runs sampled)
-👍 64 KB x 1,680,855 ops/sec ±0.22% (97 runs sampled)
-👍 16 KB x 1,651,801 ops/sec ±0.35% (97 runs sampled)
-👍 4 KB x 1,634,786 ops/sec ±0.72% (95 runs sampled)
-👍 1 KB x 1,633,724 ops/sec ±0.25% (98 runs sampled)
-Fastest is 👍 1 MB
-```
-
-
-### Result Slices
-
-The method `.encode()` returns a `Uint8Array` but you can also get a
-`Slice` which is a view into the underlying buffer. Create a `Slice` is much
-faster than creating a `Uint8Array`.
-
-This overhead becomes significant when encoding small objects. To receive a
-`Slice` as a result, use the `.encodeToSlice()` method.
-
-```
-npx ts-node benchmarks/json-pack/bench.slice.ts
-=========================================================== Benchmark: Encoding
-Warmup: 1000x , Node.js: v18.16.0 , Arch: arm64 , CPU: Apple M1 Max
--------------------------------------------------------- Small object, 44 bytes
-👍 Uint8Array x 6,375,191 ops/sec ±0.29% (99 runs sampled)
-👎 Slice x 7,477,318 ops/sec ±0.24% (99 runs sampled)
-Fastest is 👎 Slice
------------------------------------------------------ Typical object, 993 bytes
-👍 Uint8Array x 481,245 ops/sec ±0.27% (95 runs sampled)
-👎 Slice x 487,881 ops/sec ±0.24% (95 runs sampled)
-Fastest is 👎 Slice
------------------------------------------------------- Large object, 3741 bytes
-👍 Uint8Array x 139,034 ops/sec ±0.28% (99 runs sampled)
-👎 Slice x 139,084 ops/sec ±0.30% (93 runs sampled)
-Fastest is 👎 Slice,👍 Uint8Array
------------------------------------------------- Very large object, 45750 bytes
-👍 Uint8Array x 5,992 ops/sec ±0.17% (98 runs sampled)
-👎 Slice x 5,973 ops/sec ±0.18% (101 runs sampled)
-Fastest is 👍 Uint8Array
----------------------------------------------- Object with many keys, 969 bytes
-👍 Uint8Array x 283,511 ops/sec ±0.21% (96 runs sampled)
-👎 Slice x 284,962 ops/sec ±0.20% (100 runs sampled)
-Fastest is 👎 Slice
------------------------------------------------------ String ladder, 3398 bytes
-👍 Uint8Array x 321,418 ops/sec ±0.36% (97 runs sampled)
-👎 Slice x 324,213 ops/sec ±0.34% (99 runs sampled)
-Fastest is 👎 Slice
------------------------------------------------------- Long strings, 7011 bytes
-👍 Uint8Array x 417,711 ops/sec ±0.72% (94 runs sampled)
-👎 Slice x 421,504 ops/sec ±0.72% (94 runs sampled)
-Fastest is 👎 Slice
------------------------------------------------------- Short strings, 170 bytes
-👍 Uint8Array x 2,186,736 ops/sec ±0.21% (97 runs sampled)
-👎 Slice x 2,283,908 ops/sec ±0.26% (98 runs sampled)
-Fastest is 👎 Slice
------------------------------------------------------------- Numbers, 136 bytes
-👍 Uint8Array x 3,305,268 ops/sec ±0.21% (100 runs sampled)
-👎 Slice x 3,526,413 ops/sec ±0.32% (97 runs sampled)
-Fastest is 👎 Slice
-------------------------------------------------------------- Tokens, 308 bytes
-👍 Uint8Array x 1,681,882 ops/sec ±0.14% (100 runs sampled)
-👎 Slice x 1,721,419 ops/sec ±0.35% (97 runs sampled)
-Fastest is 👎 Slice
-```
diff --git a/packages/json-joy/docs/json-pack/cbor/benchmarks/text.ts b/packages/json-joy/docs/json-pack/cbor/benchmarks/text.ts
deleted file mode 100644
index 87ba8e1486..0000000000
--- a/packages/json-joy/docs/json-pack/cbor/benchmarks/text.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-import {md} from '@jsonjoy.com/ui/lib/markdown/parser';
-
-const markdown = require('./text.md').default;
-export const text = md(markdown);
diff --git a/packages/json-joy/docs/json-pack/cbor/index.ts b/packages/json-joy/docs/json-pack/cbor/index.ts
deleted file mode 100644
index 29e8f11c96..0000000000
--- a/packages/json-joy/docs/json-pack/cbor/index.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import type {ContentPage} from '@jsonjoy.com/ui/src/types/libs';
-import {page as partialDecodingPage} from './partial-decoding';
-import {page as benchmarksPage} from './benchmarks';
-
-export const page: ContentPage = {
-  name: 'CBOR',
-  // title: 'json-pack',
-  subtitle: 'CBOR serialization and deserialization codec',
-  slug: 'cbor',
-  children: [partialDecodingPage, benchmarksPage],
-  // @ts-ignore
-  src: async () => (await import('./text.md')).default,
-};
diff --git a/packages/json-joy/docs/json-pack/cbor/partial-decoding/index.ts b/packages/json-joy/docs/json-pack/cbor/partial-decoding/index.ts
deleted file mode 100644
index 19bfe64e09..0000000000
--- a/packages/json-joy/docs/json-pack/cbor/partial-decoding/index.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import type {ContentPage} from '@jsonjoy.com/ui/src/types/libs';
-
-export const page: ContentPage = {
-  name: 'Partial decoding',
-  slug: 'partial-decoding',
-  children: [],
-  // @ts-ignore
-  src: async () => (await import('./text.md')).default,
-};
diff --git a/packages/json-joy/docs/json-pack/cbor/partial-decoding/text.md b/packages/json-joy/docs/json-pack/cbor/partial-decoding/text.md
deleted file mode 100644
index 9d04756055..0000000000
--- a/packages/json-joy/docs/json-pack/cbor/partial-decoding/text.md
+++ /dev/null
@@ -1,85 +0,0 @@
-The `CborDecoder` class allows to parse values from a CBOR blob without fully
-decoding it. This is useful when you want to save CPU or memory resources, when
-you only need few specific values from a larger document.
-
-~~~jj.note
-[Try this example][link] without installation on RunKit.
-
-[link]: https://runkit.com/streamich/json-joy-json-pack-cbor-partial-decoding
-~~~
-
-For these advanced decoding features you will need the to use the `CborDecoder`
-class. Instantiate the decoder:
-
-```ts
-const decoder = new CborDecoder();
-```
-
-For our examples we will use the following CBOR encoded document:
-
-```ts
-const pojo = {
-  id: 123,
-  foo: 'bar',
-  tags: ['a', 'b', 'c'],
-  nested: {
-    a: 1,
-    b: 2,
-    level2: {
-      c: 3,
-    }
-  },
-};
-
-const encoder = new CborEncoder();
-const encoded = encoder.encode(pojo);
-```
-
-
-### One level decoding
-
-Then use the `decodeLevel()` method to decode only one level of JSON nesting,
-while returning the rest of the document as a `Uint8Array` blobs.
-
-```ts
-const decodedLevel = decoder.decodeLevel(encoded);
-
-console.log(decodedLevel);
-// {
-//   id: 123,
-//   foo: 'bar',
-//   tags: JsonPackValue {
-//     val: Uint8Array(7) [
-//       131, 97, 97, 97,
-//        98, 97, 99
-//     ]
-//   },
-//   nested: JsonPackValue {
-//     val: Uint8Array(19) [
-//       163,  97,  97,   1,  97,  98,   2,
-//       120,   6, 108, 101, 118, 101, 108,
-//        50, 161,  97,  99,   3
-//     ]
-//   }
-// }
-```
-
-
-### Finding by path (skipping)
-
-You can also retrieve specific values from the document by path without
-decoding the whole document. The decoder skips over the values that are not
-needed and returns only the value specified by the path.
-
-```ts
-decoder.reader.reset(encoded);
-const tag = decoder.find(['tags', 1]).val();
-
-console.log(tag);
-// b
-```
-
-Skipping is much faster than full decoding, if you need to retrieve only one
-or few values from the document. If you need to retrieve many values from the
-document, it is better to use either the one level decoding or full document
-decoding.
diff --git a/packages/json-joy/docs/json-pack/cbor/partial-decoding/text.ts b/packages/json-joy/docs/json-pack/cbor/partial-decoding/text.ts
deleted file mode 100644
index 87ba8e1486..0000000000
--- a/packages/json-joy/docs/json-pack/cbor/partial-decoding/text.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-import {md} from '@jsonjoy.com/ui/lib/markdown/parser';
-
-const markdown = require('./text.md').default;
-export const text = md(markdown);
diff --git a/packages/json-joy/docs/json-pack/cbor/text.md b/packages/json-joy/docs/json-pack/cbor/text.md
deleted file mode 100644
index 64022a5c97..0000000000
--- a/packages/json-joy/docs/json-pack/cbor/text.md
+++ /dev/null
@@ -1,82 +0,0 @@
-`json-pack` implements fast [CBOR][cbor] encoder and decoder. It is written in TypeScript
-and has no external dependencies.
-
-
-[cbor]: https://cbor.io/
-
-
-## Getting started
-
-~~~jj.note
-[Try this example][link] without installation on RunKit.
-
-[link]: https://runkit.com/streamich/json-joy-json-pack-cbor-codec
-~~~
-
-To get started you need to import `CborEncoder` and `CborDecoder` classes like
-this:
-
-```ts
-import {CborEncoder} from 'json-joy/es2020/json-pack/cbor/CborEncoder';
-import {CborDecoder} from 'json-joy/es2020/json-pack/cbor/CborDecoder';
-```
-
-The `CborDecoder` implements full decoding feature set including advanced
-features like value skipping and decoding one level at-a-time. Those features
-are not necessary for most use cases, to save on bundle size you can import
-the "base" decoder instead:
-
-```ts
-import {CborDecoderBase} from 'json-joy/es2020/json-pack/cbor/CborDecoderBase';
-```
-
-The base decoder implements all CBOR decoding features except for the advanced
-shallow decoding features, like skipping, one level at-a-time decoding.
-
-
-## Usage
-
-Encode a JavaScript POJO to CBOR:
-
-```ts
-const encoder = new CborEncoder();
-
-const pojo = {
-  id: 123,
-  foo: 'bar',
-  tags: ['a', 'b', 'c'],
-  nested: {
-    a: 1,
-    b: 2,
-    level2: {
-      c: 3,
-    }
-  },
-};
-
-const encoded = encoder.encode(pojo);
-console.log(encoded);
-// Uint8Array(53) [
-//   164,  98, 105, 100,  24, 123,  99, 102, 111, 111,
-//    99,  98,  97, 114, 100, 116,  97, 103, 115, 131,
-//    97,  97,  97,  98,  97,  99, 120,   6, 110, 101,
-//   115, 116, 101, 100, 163,  97,  97,   1,  97,  98,
-//     2, 120,   6, 108, 101, 118, 101, 108,  50, 161,
-//    97,  99,   3
-// ]
-```
-
-Decode CBOR back to JavaScript POJO:
-
-```ts
-const decoderBase = new CborDecoderBase();
-const decoded = decoderBase.read(encoded);
-
-console.log(decoded);
-// {
-//   id: 123,
-//   foo: 'bar',
-//   tags: [ 'a', 'b', 'c' ],
-//   nested: { a: 1, b: 2, level2: { c: 3 } }
-// }
-```
diff --git a/packages/json-joy/docs/json-pack/cbor/text.ts b/packages/json-joy/docs/json-pack/cbor/text.ts
deleted file mode 100644
index 87ba8e1486..0000000000
--- a/packages/json-joy/docs/json-pack/cbor/text.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-import {md} from '@jsonjoy.com/ui/lib/markdown/parser';
-
-const markdown = require('./text.md').default;
-export const text = md(markdown);
diff --git a/packages/json-joy/docs/json-pack/index.ts b/packages/json-joy/docs/json-pack/index.ts
deleted file mode 100644
index d98949f491..0000000000
--- a/packages/json-joy/docs/json-pack/index.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import type {ContentPage} from '@jsonjoy.com/ui/src/types/libs';
-import {page as cborPage} from './cbor';
-import {page as msgpackPage} from './msgpack';
-import {page as jsonPage} from './json';
-import {page as ubjsonPage} from './ubjson';
-
-export const page: ContentPage = {
-  name: 'json-pack',
-  // title: 'json-pack',
-  subtitle: 'JSON serialization and deserialization codecs',
-  slug: 'json-pack',
-  children: [cborPage, msgpackPage, jsonPage, ubjsonPage],
-  // @ts-ignore
-  src: async () => (await import('./text.md')).default,
-  showContentsTable: true,
-};
diff --git a/packages/json-joy/docs/json-pack/json/index.ts b/packages/json-joy/docs/json-pack/json/index.ts
deleted file mode 100644
index 2782f78da2..0000000000
--- a/packages/json-joy/docs/json-pack/json/index.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import type {ContentPage} from '@jsonjoy.com/ui/src/types/libs';
-
-export const page: ContentPage = {
-  name: 'JSON',
-  subtitle: 'JSON serialization and deserialization codec',
-  slug: 'json',
-  children: [],
-  // @ts-ignore
-  src: async () => (await import('./text.md')).default,
-};
diff --git a/packages/json-joy/docs/json-pack/json/text.md b/packages/json-joy/docs/json-pack/json/text.md
deleted file mode 100644
index dccc7e0abc..0000000000
--- a/packages/json-joy/docs/json-pack/json/text.md
+++ /dev/null
@@ -1,100 +0,0 @@
-`json-pack` implements fast [JSON][json] encoder and decoder. It is written in TypeScript
-and has no external dependencies.
-
-`json-pack` JSON codec supports binary data and is faster than the
-native way to encode to a `Uint8Array`, however, JavaScript built-in JSON parser
-is faster.
-
-
-[json]: https://www.json.org/json-en.html
-
-
-## Getting started
-
-To get started you need to import `JsonEncoder` and `JsonDecoder` classes like
-this:
-
-```ts
-import {JsonEncoder} from 'json-joy/es2020/json-pack/json/JsonEncoder';
-import {JsonDecoder} from 'json-joy/es2020/json-pack/json/JsonDecoder';
-import {Writer} from 'json-joy/es2020/util/buffers/Writer';
-```
-
-
-## Usage
-
-Encode a JavaScript POJO to JSON (as `Uint8Array`):
-
-```ts
-const pojo = {
-  id: 123,
-  foo: 'bar',
-  tags: ['a', 'b', 'c'],
-  binary: new Uint8Array([1, 2, 3]),
-};
-const encoder = new JsonEncoder(new Writer());
-const encoded = encoder.encode(pojo);
-```
-
-Decode JSON `Uint8Array` back to JavaScript POJO:
-
-```ts
-const decoder = new JsonDecoder();
-const decoded = decoder.read(encoded);
-
-console.log(decoded);
-// {
-//   id: 123,
-//   foo: 'bar',
-//   tags: [ 'a', 'b', 'c' ],
-//   binary: Uint8Array(3) [ 1, 2, 3 ]
-// }
-```
-
-
-## Binary data
-
-If your POJO contains binary data, it will be encoded as a JSON string, when
-decoding, it will be decoded back to a `Uint8Array`. `json-pack` encodes binary
-blobs as data URLs.
-
-```ts
-const blob = encoder.encode({binary: new Uint8Array([1, 2, 3])});
-
-console.log(Buffer.from(blob).toString());
-// {"binary":"data:application/octet-stream;base64,AQID"}
-```
-
-~~~jj.note
-`json-pack` ships with the fastest Base64 encoder and decoder for JavaScript.
-It encodes binary data directly to a `Uint8Array` without any intermediate
-encoding to a Base64 string.
-
-Likewise, when parsing, it decodes Base64 strings directly from the `Uint8Array`
-without any intermediate decoding to a string.
-~~~
-
-
-## Benchmarks
-
-`json-pack` JSON encoder generally performs better than the native way using
-` Buffer.from(JSON.stringify(obj))`. However, the native Node.js JSON decoder `JSON.parse(buf.toString())` is
-faster than `json-pack` JSON decoder.
-
-~~~jj.aside
-Benchmark were performed using Node.js v20.2.0 on Apple M1 chip. The numbers show
-the number of POJO objects encoded/decoded per second.
-~~~
-
-![json-codec-benchmark-results](https://appsets.jsonjoy.com/libraries/json-joy-js/json-pack/json-codec-results.png)
-
-
-### Running the benchmarks
-
-You can run the benchmarks yourself by cloning the `json-joy` repository and
-running the following commands:
-
-```
-npx ts-node benchmarks/json-pack/bench.json.encoding.ts
-npx ts-node benchmarks/json-pack/bench.json.decoding.ts
-```
diff --git a/packages/json-joy/docs/json-pack/json/text.ts b/packages/json-joy/docs/json-pack/json/text.ts
deleted file mode 100644
index 87ba8e1486..0000000000
--- a/packages/json-joy/docs/json-pack/json/text.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-import {md} from '@jsonjoy.com/ui/lib/markdown/parser';
-
-const markdown = require('./text.md').default;
-export const text = md(markdown);
diff --git a/packages/json-joy/docs/json-pack/msgpack/benchmarks/index.ts b/packages/json-joy/docs/json-pack/msgpack/benchmarks/index.ts
deleted file mode 100644
index 4fa31ff206..0000000000
--- a/packages/json-joy/docs/json-pack/msgpack/benchmarks/index.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import type {ContentPage} from '@jsonjoy.com/ui/src/types/libs';
-
-export const page: ContentPage = {
-  name: 'Benchmarks',
-  slug: 'benchmarks',
-  children: [],
-  // @ts-ignore
-  src: async () => (await import('./text.md')).default,
-};
diff --git a/packages/json-joy/docs/json-pack/msgpack/benchmarks/text.md b/packages/json-joy/docs/json-pack/msgpack/benchmarks/text.md
deleted file mode 100644
index 5d2a88cce0..0000000000
--- a/packages/json-joy/docs/json-pack/msgpack/benchmarks/text.md
+++ /dev/null
@@ -1,30 +0,0 @@
-`json-pack` ships the fastest MessagePack encoder and decoder in the NPM ecosystem.
-The benchmarks below show that `json-pack` is 40x faster than `messagepack` package,
-about 2x faster than `@msgpack/msgpack`, and even slightly faster than the highly
-optimized `msgpackr` package.
-
-~~~jj.note
-Benchmark were performed using Node.js v20.2.0 on Apple M1 chip. The numbers show
-the number of POJO objects encoded/decoded per second.
-~~~
-
-
-## Encoding
-
-![msgpack-encoding-benchmark-results](https://appsets.jsonjoy.com/libraries/json-joy-js/json-pack/msgpack-encoding-results.png)
-
-
-## Decoding
-
-![msgpack-decoding-benchmark-results](https://appsets.jsonjoy.com/libraries/json-joy-js/json-pack/msgpack-decoding-results.png)
-
-
-## Running the benchmarks
-
-You can run the benchmarks yourself by cloning the `json-joy` repository and
-running the following commands:
-
-```
-npx ts-node benchmarks/json-pack/bench.msgpack.encoding.ts
-npx ts-node benchmarks/json-pack/bench.msgpack.decoding.ts
-```
diff --git a/packages/json-joy/docs/json-pack/msgpack/index.ts b/packages/json-joy/docs/json-pack/msgpack/index.ts
deleted file mode 100644
index a8b8c98022..0000000000
--- a/packages/json-joy/docs/json-pack/msgpack/index.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import type {ContentPage} from '@jsonjoy.com/ui/src/types/libs';
-import {page as partialDecodingPage} from './partial-decoding';
-import {page as benchmarksPage} from './benchmarks';
-
-export const page: ContentPage = {
-  name: 'MessagePack',
-  subtitle: 'MessagePack serialization and deserialization codec',
-  slug: 'msgpack',
-  children: [partialDecodingPage, benchmarksPage],
-  // @ts-ignore
-  src: async () => (await import('./text.md')).default,
-};
diff --git a/packages/json-joy/docs/json-pack/msgpack/partial-decoding/index.ts b/packages/json-joy/docs/json-pack/msgpack/partial-decoding/index.ts
deleted file mode 100644
index 19bfe64e09..0000000000
--- a/packages/json-joy/docs/json-pack/msgpack/partial-decoding/index.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import type {ContentPage} from '@jsonjoy.com/ui/src/types/libs';
-
-export const page: ContentPage = {
-  name: 'Partial decoding',
-  slug: 'partial-decoding',
-  children: [],
-  // @ts-ignore
-  src: async () => (await import('./text.md')).default,
-};
diff --git a/packages/json-joy/docs/json-pack/msgpack/partial-decoding/text.md b/packages/json-joy/docs/json-pack/msgpack/partial-decoding/text.md
deleted file mode 100644
index 39f223831b..0000000000
--- a/packages/json-joy/docs/json-pack/msgpack/partial-decoding/text.md
+++ /dev/null
@@ -1,22 +0,0 @@
-The `MsgPackDecoder` class allows to parse values from a MessagePack blob without fully
-decoding it. This is useful when you want to save CPU or memory resources, when
-you only need few specific values from a larger document.
-
-
-### Finding by path (skipping)
-
-You can retrieve specific values from the document by path without
-decoding the whole document. The decoder skips over the values that are not
-needed and returns only the value specified by the path.
-
-```ts
-decoder.reader.reset(encoded);
-const tag = decoder.find(['tags', 1]).val();
-
-console.log(tag);
-// b
-```
-
-Skipping is much faster than full decoding, if you need to retrieve only one
-or few values from the document. If you need to retrieve many values from the
-document, it could be better to parse the whole document.
diff --git a/packages/json-joy/docs/json-pack/msgpack/partial-decoding/text.ts b/packages/json-joy/docs/json-pack/msgpack/partial-decoding/text.ts
deleted file mode 100644
index 87ba8e1486..0000000000
--- a/packages/json-joy/docs/json-pack/msgpack/partial-decoding/text.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-import {md} from '@jsonjoy.com/ui/lib/markdown/parser';
-
-const markdown = require('./text.md').default;
-export const text = md(markdown);
diff --git a/packages/json-joy/docs/json-pack/msgpack/text.md b/packages/json-joy/docs/json-pack/msgpack/text.md
deleted file mode 100644
index 146e317e48..0000000000
--- a/packages/json-joy/docs/json-pack/msgpack/text.md
+++ /dev/null
@@ -1,63 +0,0 @@
-`json-pack` implements fast [MessagePack][msgpack] encoder and decoder. It is written in TypeScript
-and has no external dependencies.
-
-
-[msgpack]: https://msgpack.org/
-
-
-## Getting started
-
-To get started you need to import `MsgPackEncoder` and `MsgPackDecoder` classes like
-this:
-
-```ts
-import {MsgPackEncoder} from 'json-joy/es2020/json-pack/msgpack/MsgPackEncoder';
-import {MsgPackDecoder} from 'json-joy/es2020/json-pack/msgpack/MsgPackDecoder';
-```
-
-
-## Usage
-
-Encode a JavaScript POJO to MessagePack:
-
-```ts
-const pojo = {
-  id: 123,
-  foo: 'bar',
-  tags: ['a', 'b', 'c'],
-  nested: {
-    a: 1,
-    b: 2,
-    level2: {
-      c: 3,
-    }
-  },
-};
-const encoder = new MsgPackEncoder();
-const encoded = encoder.encode(pojo);
-
-console.log(encoded);
-// Uint8Array(50) [
-//   132, 162, 105, 100, 123, 163, 102, 111, 111,
-//   163,  98,  97, 114, 164, 116,  97, 103, 115,
-//   147, 161,  97, 161,  98, 161,  99, 166, 110,
-//   101, 115, 116, 101, 100, 131, 161,  97,   1,
-//   161,  98,   2, 166, 108, 101, 118, 101, 108,
-//    50, 129, 161,  99,   3
-// ]
-```
-
-Decode MessagePack back to JavaScript POJO:
-
-```ts
-const decoder = new MsgPackDecoder();
-const decoded = decoder.read(encoded);
-
-console.log(decoded);
-// {
-//   id: 123,
-//   foo: 'bar',
-//   tags: [ 'a', 'b', 'c' ],
-//   nested: { a: 1, b: 2, level2: { c: 3 } }
-// }
-```
diff --git a/packages/json-joy/docs/json-pack/text.md b/packages/json-joy/docs/json-pack/text.md
deleted file mode 100644
index 97c6cfa147..0000000000
--- a/packages/json-joy/docs/json-pack/text.md
+++ /dev/null
@@ -1,9 +0,0 @@
-`json-pack` implements the fastest JSON serialization and deserialization algorithms
-in NPM ecosystem. This module implements [CBOR][cbor], [MessagePack][msgpack],
-[JSON][json], and [UBJSON][ubjson] codecs. The module does not use any external
-dependencies and it works, both, in Node.js and in browsers.
-
-[cbor]: https://cbor.io/
-[msgpack]: https://msgpack.org/
-[json]: https://www.json.org/json-en.html
-[ubjson]: http://ubjson.org/
diff --git a/packages/json-joy/docs/json-pack/ubjson/index.ts b/packages/json-joy/docs/json-pack/ubjson/index.ts
deleted file mode 100644
index a585afe662..0000000000
--- a/packages/json-joy/docs/json-pack/ubjson/index.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import type {ContentPage} from '@jsonjoy.com/ui/src/types/libs';
-
-export const page: ContentPage = {
-  name: 'UBJSON',
-  subtitle: 'UBJSON serialization and deserialization codec',
-  slug: 'ubjson',
-  children: [],
-  // @ts-ignore
-  src: async () => (await import('./text.md')).default,
-};
diff --git a/packages/json-joy/docs/json-pack/ubjson/text.md b/packages/json-joy/docs/json-pack/ubjson/text.md
deleted file mode 100644
index 26d595171a..0000000000
--- a/packages/json-joy/docs/json-pack/ubjson/text.md
+++ /dev/null
@@ -1,98 +0,0 @@
-`json-pack` implements fast [UBJSON][ubjson] encoder and decoder. It is written in TypeScript
-and has no external dependencies.
-
-~~~jj.note
-`json-pack` UBJSON codec supports all JSON types as well as binary data, using
-the ``js Uint8Array`` class. So, you can encode and decode any JSON POJO and
-binary data.
-
-However, `json-pack` UBJSON decoder does not support [*Optimized Format*](https://ubjson.org/type-reference/container-types/).
-Hence, if you will try to decode a UBJSON document that uses *Optimized Format*,
-the decoder will throw an error.
-~~~
-
-[ubjson]: https://ubjson.org/
-
-
-## Getting started
-
-To get started you need to import `UbjsonEncoder` and `UbjsonDecoder` classes like
-this:
-
-```ts
-import {UbjsonEncoder} from 'json-joy/es2020/json-pack/ubjson/UbjsonEncoder';
-import {UbjsonDecoder} from 'json-joy/es2020/json-pack/ubjson/UbjsonDecoder';
-import {Writer} from 'json-joy/es2020/util/buffers/Writer';
-```
-
-
-## Usage
-
-Encode a JavaScript POJO to UBJSON:
-
-```ts
-const pojo = {
-  id: 123,
-  foo: 'bar',
-  tags: ['a', 'b', 'c'],
-  binary: new Uint8Array([1, 2, 3]),
-};
-const encoder = new UbjsonEncoder(new Writer());
-const encoded = encoder.encode(pojo);
-
-console.log(encoded);
-// Uint8Array(56) [
-//   123, 85,  2, 105, 100,  85, 123,  85,   3, 102, 111, 111,
-//    83, 85,  3,  98,  97, 114,  85,   4, 116,  97, 103, 115,
-//    91, 83, 85,   1,  97,  83,  85,   1,  98,  83,  85,   1,
-//    99, 93, 85,   6,  98, 105, 110,  97, 114, 121,  91,  36,
-//    85, 35, 85,   3,   1,   2,   3, 125
-// ]
-```
-
-Decode UBJSON back to JavaScript POJO:
-
-```ts
-const decoder = new UbjsonDecoder();
-const decoded = decoder.read(encoded);
-
-console.log(decoded);
-// {
-//   id: 123,
-//   foo: 'bar',
-//   tags: [ 'a', 'b', 'c' ],
-//   binary: Uint8Array(3) [ 1, 2, 3 ]
-// }
-```
-
-
-## Benchmarks
-
-`json-pack` ships the fastest UBJSON encoder and decoder in NPM ecosystem. The
-encoder is at least 20x faster than `@shelacek/ubjson`.
-
-~~~jj.aside
-Benchmark were performed using Node.js v20.2.0 on Apple M1 chip. The numbers show
-the number of POJO objects encoded/decoded per second.
-~~~
-
-
-### Encoding
-
-![ubjson-encoding-benchmark-results](https://appsets.jsonjoy.com/libraries/json-joy-js/json-pack/ubjson-encoding-results.png)
-
-
-### Decoding
-
-![ubjson-decoding-benchmark-results](https://appsets.jsonjoy.com/libraries/json-joy-js/json-pack/ubjson-decoding-results.png)
-
-
-### Running the benchmarks
-
-You can run the benchmarks yourself by cloning the `json-joy` repository and
-running the following commands:
-
-```
-npx ts-node benchmarks/json-pack/bench.ubjson.encoding.ts
-npx ts-node benchmarks/json-pack/bench.ubjson.decoding.ts
-```
diff --git a/packages/json-joy/docs/json-pack/ubjson/text.ts b/packages/json-joy/docs/json-pack/ubjson/text.ts
deleted file mode 100644
index 87ba8e1486..0000000000
--- a/packages/json-joy/docs/json-pack/ubjson/text.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-import {md} from '@jsonjoy.com/ui/lib/markdown/parser';
-
-const markdown = require('./text.md').default;
-export const text = md(markdown);
diff --git a/packages/json-joy/package.json b/packages/json-joy/package.json
index d17c940fd6..16ca7e8273 100644
--- a/packages/json-joy/package.json
+++ b/packages/json-joy/package.json
@@ -107,7 +107,7 @@
     "fast-diff": "^1.3.0",
     "fast-json-patch": "^3.1.1",
     "html-webpack-plugin": "^5.6.0",
-    "jest": "^29.7.0",
+    "jest": "^30.2.0",
     "json-crdt-traces": "https://github.com/streamich/json-crdt-traces#ec825401dc05cbb74b9e0b3c4d6527399f54d54d",
     "json-logic-js": "^2.0.2",
     "nano-theme": "workspace:*",
diff --git a/packages/json-joy/src/json-crdt-extensions/peritext/editor/Editor.ts b/packages/json-joy/src/json-crdt-extensions/peritext/editor/Editor.ts
index 2ab3c3d085..11075dd752 100644
--- a/packages/json-joy/src/json-crdt-extensions/peritext/editor/Editor.ts
+++ b/packages/json-joy/src/json-crdt-extensions/peritext/editor/Editor.ts
@@ -1508,7 +1508,7 @@ export class Editor<T = string> implements Printable {
       const x1Dest = x1Capped + pos;
       const annotationLength = x2Capped - x1Capped;
       const range = txt.rangeAt(x1Dest, annotationLength);
-      if (!!x1Dest && anchor1 === Anchor.After) range.start.refAfter();
+      if (x1Dest && anchor1 === Anchor.After) range.start.refAfter();
       // else range.start.refBefore();
       if (anchor2 === Anchor.Before) range.end.refBefore();
       // else range.end.refAfter();
diff --git a/packages/json-joy/src/json-crdt-extensions/peritext/rga/Point.ts b/packages/json-joy/src/json-crdt-extensions/peritext/rga/Point.ts
index 2a1c6c8b17..63fa683e37 100644
--- a/packages/json-joy/src/json-crdt-extensions/peritext/rga/Point.ts
+++ b/packages/json-joy/src/json-crdt-extensions/peritext/rga/Point.ts
@@ -195,7 +195,7 @@ export class Point<T = string> implements Pick<Stateful, 'refresh'>, Printable {
     } else {
       chunk = this.chunk();
       if (!chunk) return undefined;
-      if (!chunk.del || !!deleted) {
+      if (!chunk.del || deleted) {
         const offset = id.time - chunk.id.time;
         const span = chunk.span;
         if (offset + remaining < span) return tick(id, remaining);
@@ -234,7 +234,7 @@ export class Point<T = string> implements Pick<Stateful, 'refresh'>, Printable {
     const {id, rga} = this;
     let chunk = this.chunk();
     if (!chunk) return rga.id;
-    if (!chunk.del || !!deleted) {
+    if (!chunk.del || deleted) {
       const offset = id.time - chunk.id.time;
       if (offset >= remaining) return tick(id, -remaining);
       remaining -= offset;
diff --git a/packages/json-joy/src/json-crdt-extensions/peritext/slice/Slice.ts b/packages/json-joy/src/json-crdt-extensions/peritext/slice/Slice.ts
index 50833bd546..5c7c5cff23 100644
--- a/packages/json-joy/src/json-crdt-extensions/peritext/slice/Slice.ts
+++ b/packages/json-joy/src/json-crdt-extensions/peritext/slice/Slice.ts
@@ -298,7 +298,7 @@ export class Slice<T = string> extends Range<T> implements Stateful, Printable {
     const {model} = this;
     const diff = new JsonCrdtDiff(model);
     diff.shallowConBin = true;
-    if (this.dataNode() instanceof ObjApi && !!data && typeof data === 'object' && !Array.isArray(data)) {
+    if (this.dataNode() instanceof ObjApi && data && typeof data === 'object' && !Array.isArray(data)) {
       const dataNode = this.dataAsObj();
       const patch = diff.diff(dataNode.node, data);
       model.applyPatch(patch);
diff --git a/packages/json-joy/src/json-crdt/model/api/nodes.ts b/packages/json-joy/src/json-crdt/model/api/nodes.ts
index 7002d4a44b..3c5104beb7 100644
--- a/packages/json-joy/src/json-crdt/model/api/nodes.ts
+++ b/packages/json-joy/src/json-crdt/model/api/nodes.ts
@@ -76,7 +76,7 @@ export class NodeApi<N extends JsonNode = JsonNode> implements Printable {
       }
       throw new Error('CANNOT_IN');
     }
-    if (typeof path === 'string' && !!path && path[0] !== '/') path = '/' + path;
+    if (typeof path === 'string' && path && path[0] !== '/') path = '/' + path;
     if (typeof path === 'number') path = [path];
     while (node instanceof ValNode) node = node.child()!;
     return find(node, path);
diff --git a/packages/json-joy/src/json-ot/types/ot-json/tree.ts b/packages/json-joy/src/json-ot/types/ot-json/tree.ts
index 4ca83beac1..565aa5091e 100644
--- a/packages/json-joy/src/json-ot/types/ot-json/tree.ts
+++ b/packages/json-joy/src/json-ot/types/ot-json/tree.ts
@@ -354,7 +354,7 @@ export class OpTree {
           clone.regId = reg.id;
         }
       }
-      if (!!d1.parent && !!d2.parent) {
+      if (d1.parent && d2.parent) {
         const child = d1.parent.children.get(d1.index);
         if (child) this.removeDrop(child);
         d1.parent.children.set(d2.index, clone);
diff --git a/packages/json-joy/src/json-patch/applyPatch/v3.ts b/packages/json-joy/src/json-patch/applyPatch/v3.ts
index cf18dfd6a6..de7beb4953 100644
--- a/packages/json-joy/src/json-patch/applyPatch/v3.ts
+++ b/packages/json-joy/src/json-patch/applyPatch/v3.ts
@@ -88,7 +88,7 @@ export function applyOperation(doc: unknown, operation: Operation): OpResult {
         break;
       }
       obj = obj[key];
-    } else if (typeof obj === 'object' && !!obj) {
+    } else if (typeof obj === 'object' && obj) {
       key = unescapeComponent(key);
       if (indexOfSlash === -1) {
         switch (operation.op) {
diff --git a/packages/json-pack/docs/cbor.md b/packages/json-pack/docs/cbor.md
new file mode 100644
index 0000000000..b164c66304
--- /dev/null
+++ b/packages/json-pack/docs/cbor.md
@@ -0,0 +1,73 @@
+[CBOR](https://cbor.io/) (RFC 8949) is a standardized, self-describing binary
+format. `json-pack`'s CBOR codec is the fastest in this package and a good
+default when you control both ends of the wire.
+
+```ts
+import {CborEncoder, CborDecoder} from '@jsonjoy.com/json-pack/lib/cbor';
+
+const encoder = new CborEncoder();
+const decoder = new CborDecoder();
+
+const buf = encoder.encode({id: 123, tags: ['a', 'b']});
+decoder.decode(buf); // {id: 123, tags: ['a', 'b']}
+```
+
+## Encoders
+
+| Class | Use |
+|-------|-----|
+| `CborEncoderFast` | Plain JSON values only --- the fastest path |
+| `CborEncoder` | Full CBOR: adds binary (`Uint8Array`), tags, `undefined`, and `bigint` |
+| `CborEncoderStable` | Deterministic output: object keys sorted, shortest-form integers |
+| `CborEncoderDag` | [DAG-CBOR](https://ipld.io/specs/codecs/dag-cbor/spec/) for IPLD/content addressing |
+
+Pick `CborEncoderFast` when you only ever encode JSON-compatible data; reach for
+`CborEncoder` the moment you need `Uint8Array` values or tags. Use the `Stable`
+variant when bytes must be reproducible (hashing, signatures), and `Dag` for
+IPLD.
+
+## Decoders
+
+| Class | Use |
+|-------|-----|
+| `CborDecoderBase` | All standard decoding; smallest footprint |
+| `CborDecoder` | Adds shallow / one-level-at-a-time decoding and value skipping |
+| `CborDecoderDag` | DAG-CBOR decoding |
+
+If you do not need the shallow-reading helpers, importing `CborDecoderBase`
+keeps the bundle smaller.
+
+## Tags
+
+CBOR tags (and MessagePack extensions) are represented by `JsonPackExtension`.
+Wrap a value to have it encoded with a tag; the decoder hands you back a
+`JsonPackExtension` for tagged values.
+
+```ts
+import {CborEncoder, JsonPackExtension} from '@jsonjoy.com/json-pack/lib/cbor';
+
+const encoder = new CborEncoder();
+// Tag 0 (date/time string):
+const buf = encoder.encode(new JsonPackExtension(0, '2024-01-01T00:00:00Z'));
+```
+
+To splice in already-encoded CBOR bytes verbatim, wrap them in a
+`JsonPackValue`; the encoder writes the buffer as-is.
+
+## Shallow decoding
+
+`CborDecoder` can read a single value deep inside a document without
+materializing the whole thing --- useful for plucking one field out of a large
+blob. Reset the reader onto your buffer, then read level by level.
+
+```ts
+import {CborDecoder} from '@jsonjoy.com/json-pack/lib/cbor';
+
+const decoder = new CborDecoder();
+decoder.reader.reset(buf);
+// ...navigate with the reader / map helpers and read just what you need.
+```
+
+For an ergonomic key/index navigation API of the same kind, see the
+`findKey`/`findIndex`/`find` helpers on
+[MessagePack's decoder](/libs/json-pack/messagepack).
diff --git a/packages/json-pack/docs/index.ts b/packages/json-pack/docs/index.ts
new file mode 100644
index 0000000000..6b00d99016
--- /dev/null
+++ b/packages/json-pack/docs/index.ts
@@ -0,0 +1,43 @@
+import type {LibPage} from '@jsonjoy.com/ui/src/types/libs';
+
+export const page: LibPage = {
+  name: 'json-pack',
+  title: 'json-pack',
+  type: 'lib',
+  subtitle: 'The fastest JSON, CBOR, MessagePack, and binary serialization codecs for JavaScript.',
+  pkg: '@jsonjoy.com/json-pack',
+  group: 'tooling',
+  repo: 'streamich/json-joy',
+  repoPath: 'tree/master/packages/json-pack',
+  tech: 'TypeScript',
+  techIcon: {set: 'lineicons', icon: 'typescript'},
+  showContentsTable: true,
+  children: [
+    {
+      name: 'CBOR',
+      subtitle: 'Concise Binary Object Representation: fast, full, stable, and DAG-CBOR codecs.',
+      // @ts-ignore raw markdown, loaded by the site's webpack raw-loader
+      src: async () => (await import('./cbor.md')).default,
+    },
+    {
+      name: 'MessagePack',
+      subtitle: 'MessagePack encoders and decoders, extensions, and shallow reading.',
+      // @ts-ignore
+      src: async () => (await import('./messagepack.md')).default,
+    },
+    {
+      name: 'JSON',
+      subtitle: 'Binary JSON encoder/decoder and the JSON Binary extension for Uint8Array.',
+      // @ts-ignore
+      src: async () => (await import('./json.md')).default,
+    },
+    {
+      name: 'More formats',
+      subtitle: 'UBJSON, BSON, RESP, Bencode, and Amazon Ion codecs.',
+      // @ts-ignore
+      src: async () => (await import('./more-formats.md')).default,
+    },
+  ],
+  // @ts-ignore
+  src: async () => (await import('./text.md')).default,
+};
diff --git a/packages/json-pack/docs/json.md b/packages/json-pack/docs/json.md
new file mode 100644
index 0000000000..7efde4a6cb
--- /dev/null
+++ b/packages/json-pack/docs/json.md
@@ -0,0 +1,55 @@
+Two related things live here: a **binary JSON codec** that reads and writes
+standard JSON as `Uint8Array` (often faster than the native `JSON` on the hot
+path, and integer-keyed), and **JSON Binary**, a small extension that lets plain
+JSON carry `Uint8Array` values.
+
+## Binary JSON codec
+
+`JsonEncoder` encodes a value to UTF-8 JSON bytes; `JsonDecoder` parses JSON
+bytes back to a value. The encoder needs a `Writer` to write into.
+
+```ts
+import {Writer} from '@jsonjoy.com/buffers/lib/Writer';
+import {JsonEncoder, JsonDecoder} from '@jsonjoy.com/json-pack/lib/json';
+
+const encoder = new JsonEncoder(new Writer());
+const decoder = new JsonDecoder();
+
+const buf = encoder.encode({id: 123});  // Uint8Array of `{"id":123}`
+decoder.decode(buf);                    // {id: 123}
+```
+
+| Class | Use |
+|-------|-----|
+| `JsonEncoder` | Encode a value to JSON bytes |
+| `JsonEncoderStable` | Same, with object keys sorted (deterministic output) |
+| `JsonEncoderDag` | [DAG-JSON](https://ipld.io/specs/codecs/dag-json/spec/): binary as `{"/": {"bytes": "<base64>"}}` |
+| `JsonDecoder` | Parse JSON bytes to a value |
+| `JsonDecoderDag` | DAG-JSON decoding |
+
+This codec emits ordinary JSON, so its output is readable by any JSON parser ---
+the win is speed and working directly in bytes without a `string` round-trip.
+
+## JSON Binary
+
+Standard JSON has no way to represent a `Uint8Array`. The `json-binary` module
+solves this with drop-in `stringify` / `parse` that encode binary as a base64
+data-URI string, leaving everything else as normal JSON.
+
+```ts
+import {stringify, parse} from '@jsonjoy.com/json-pack/lib/json-binary';
+
+const doc = {name: 'file', body: new Uint8Array([1, 2, 3])};
+
+const json = stringify(doc);
+// {"name":"file","body":"data:application/octet-stream;base64,AQID"}
+
+const back = parse(json);
+// {name: 'file', body: Uint8Array [1, 2, 3]}  -- restored as a Uint8Array
+```
+
+`stringify(value, replacer?, space?)` mirrors `JSON.stringify`'s signature, and
+`parse(json)` mirrors `JSON.parse`. Values that are not `Uint8Array` pass
+through unchanged, so the output stays valid JSON for any consumer --- only this
+`parse` revives the binary. `stringifyBinary(uint8)` returns the data-URI string
+for a single buffer.
diff --git a/packages/json-pack/docs/messagepack.md b/packages/json-pack/docs/messagepack.md
new file mode 100644
index 0000000000..e6466df7ef
--- /dev/null
+++ b/packages/json-pack/docs/messagepack.md
@@ -0,0 +1,72 @@
+[MessagePack](https://msgpack.org/) is a compact binary format with a wide
+ecosystem. Use this codec when you need to interoperate with other MessagePack
+implementations.
+
+```ts
+import {MessagePackEncoder, MessagePackDecoder} from '@jsonjoy.com/json-pack/lib/msgpack';
+
+const encoder = new MessagePackEncoder();
+const decoder = new MessagePackDecoder();
+
+const buf = encoder.encode({id: 123, tags: ['a', 'b']});
+decoder.decode(buf); // {id: 123, tags: ['a', 'b']}
+```
+
+`MessagePackEncoder` / `MessagePackDecoder` are aliases for `MsgPackEncoder` /
+`MsgPackDecoder`.
+
+## Encoders
+
+| Class | Use |
+|-------|-----|
+| `MsgPackEncoderFast` | Plain JSON values only --- the fastest path |
+| `MsgPackEncoder` | Full MessagePack: adds binary (`Uint8Array`) and extensions |
+| `MsgPackEncoderStable` | Deterministic output with object keys sorted |
+
+## Decoders
+
+| Class | Use |
+|-------|-----|
+| `MsgPackDecoderFast` | Standard decoding |
+| `MsgPackDecoder` | Adds shallow reading (`findKey`, `findIndex`, `find`) and value skipping |
+
+## Extensions
+
+MessagePack extensions are represented by `JsonPackExtension` (the same wrapper
+CBOR uses for tags). The first argument is the extension type, the second the
+payload.
+
+```ts
+import {MsgPackEncoder, JsonPackExtension} from '@jsonjoy.com/json-pack/lib/msgpack';
+
+const encoder = new MsgPackEncoder();
+const buf = encoder.encode(new JsonPackExtension(1, new Uint8Array([1, 2, 3])));
+```
+
+Use `JsonPackValue` to embed a pre-encoded MessagePack value verbatim.
+
+## Shallow reading
+
+`MsgPackDecoder` can extract a single value from deep inside a document without
+decoding everything around it --- much faster than a full `decode` when you only
+want one field. Reset the reader onto the buffer, navigate by key or index, then
+read.
+
+```ts
+import {MsgPackDecoder} from '@jsonjoy.com/json-pack/lib/msgpack';
+
+const decoder = new MsgPackDecoder();
+decoder.reader.reset(buf);
+
+decoder.findKey('foo').readAny();      // value at .foo
+```
+
+`findKey`, `findIndex`, and `find` return the decoder, so they chain. `find`
+takes a path of mixed keys and indices:
+
+```ts
+decoder.reader.reset(buf);
+decoder.find(['a', 'b', 1]).readAny(); // value at .a.b[1]
+```
+
+Reset the reader before each independent lookup.
diff --git a/packages/json-pack/docs/more-formats.md b/packages/json-pack/docs/more-formats.md
new file mode 100644
index 0000000000..f0f7f03762
--- /dev/null
+++ b/packages/json-pack/docs/more-formats.md
@@ -0,0 +1,80 @@
+Beyond CBOR, MessagePack, and JSON, `json-pack` ships codecs for several other
+binary and wire formats. They follow the same `encode` / `decode` shape; reach
+for one when you need to talk to a system that speaks that protocol. Some
+encoders require a `Writer` instance (from `@jsonjoy.com/buffers`) in their
+constructor --- the examples below show which.
+
+## UBJSON
+
+[Universal Binary JSON](https://ubjson.org/). Encoder needs a `Writer`.
+
+```ts
+import {Writer} from '@jsonjoy.com/buffers/lib/Writer';
+import {UbjsonEncoder, UbjsonDecoder} from '@jsonjoy.com/json-pack/lib/ubjson';
+
+const encoder = new UbjsonEncoder(new Writer());
+const decoder = new UbjsonDecoder();
+decoder.decode(encoder.encode({id: 123}));
+```
+
+## BSON
+
+[BSON](https://bsonspec.org/), the binary format used by MongoDB. Encode a
+document with `BsonEncoder` (needs a `Writer`), decode with `BsonDecoder`. The
+`bson` module also exports value wrappers for BSON-specific types.
+
+```ts
+import {Writer} from '@jsonjoy.com/buffers/lib/Writer';
+import {BsonEncoder, BsonDecoder} from '@jsonjoy.com/json-pack/lib/bson';
+
+const encoder = new BsonEncoder(new Writer());
+const decoder = new BsonDecoder();
+```
+
+## RESP
+
+[Redis Serialization Protocol](https://redis.io/docs/latest/develop/reference/protocol-spec/),
+versions 2 and 3 --- handy for building Redis clients/servers.
+
+| Class | Use |
+|-------|-----|
+| `RespEncoder` | Encode values to RESP (RESP3) |
+| `RespEncoderLegacy` | RESP2 encoder |
+| `RespDecoder` | Decode a complete RESP message |
+| `RespStreamingDecoder` | Incremental decoder for streamed data --- feed bytes, pull values as they complete |
+
+`RespEncoder` defaults its `Writer`, so it constructs with no arguments.
+
+```ts
+import {RespEncoder, RespDecoder} from '@jsonjoy.com/json-pack/lib/resp';
+
+const encoder = new RespEncoder();
+const decoder = new RespDecoder();
+decoder.decode(encoder.encode(['PING']));
+```
+
+## Bencode
+
+[Bencode](https://en.wikipedia.org/wiki/Bencode), BitTorrent's encoding. Encoder
+needs a `Writer`.
+
+```ts
+import {Writer} from '@jsonjoy.com/buffers/lib/Writer';
+import {BencodeEncoder, BencodeDecoder} from '@jsonjoy.com/json-pack/lib/bencode';
+
+const encoder = new BencodeEncoder(new Writer());
+const decoder = new BencodeDecoder();
+```
+
+## Amazon Ion
+
+[Amazon Ion](https://amazon-ion.github.io/ion-docs/). `IonEncoderFast` defaults
+its `Writer`; decode with `IonDecoder`.
+
+```ts
+import {IonEncoderFast, IonDecoder} from '@jsonjoy.com/json-pack/lib/ion';
+
+const encoder = new IonEncoderFast();
+const decoder = new IonDecoder();
+decoder.decode(encoder.encode({id: 123}));
+```
diff --git a/packages/json-pack/docs/text.md b/packages/json-pack/docs/text.md
new file mode 100644
index 0000000000..415ca473ba
--- /dev/null
+++ b/packages/json-pack/docs/text.md
@@ -0,0 +1,75 @@
+`json-pack` is a collection of high-performance serialization codecs ---
+the fastest in the JavaScript ecosystem for both encoding and decoding. It has
+no runtime dependencies on external codec libraries and runs in Node.js, Deno,
+Bun, and browsers.
+
+```ts
+import {MessagePackEncoder, MessagePackDecoder} from '@jsonjoy.com/json-pack/lib/msgpack';
+
+const encoder = new MessagePackEncoder();
+const decoder = new MessagePackDecoder();
+
+const data = {hello: 'world', numbers: [1, 2, 3]};
+const blob = encoder.encode(data);   // Uint8Array
+decoder.decode(blob);                // {hello: 'world', numbers: [1, 2, 3]}
+```
+
+## Install
+
+```
+npm install @jsonjoy.com/json-pack
+```
+
+Each codec lives under its own subpath, so you only pull in the format you use:
+`@jsonjoy.com/json-pack/lib/cbor`, `.../lib/msgpack`, `.../lib/json`, and so on.
+
+## The encoder / decoder model
+
+Every format follows the same shape: an **encoder** turns a JavaScript value
+into a `Uint8Array`, and a **decoder** turns a `Uint8Array` back into a value.
+
+```ts
+const buf = encoder.encode(value); // value -> Uint8Array
+const value = decoder.decode(buf); // Uint8Array -> value
+```
+
+Encoders and decoders are **stateful, reusable objects** --- construct one and
+call it many times. An encoder writes into an internal growable buffer (a
+`Writer` from [`@jsonjoy.com/buffers`](https://github.com/streamich/json-joy)),
+which it reuses across calls, so a long-lived encoder avoids per-call
+allocations. You can pass your own `Writer` to the constructor to share one
+buffer across several encoders:
+
+```ts
+import {Writer} from '@jsonjoy.com/buffers/lib/Writer';
+import {CborEncoder} from '@jsonjoy.com/json-pack/lib/cbor';
+
+const writer = new Writer();
+const encoder = new CborEncoder(writer);
+```
+
+~~~jj.note
+Because the encoder reuses its buffer, the `Uint8Array` returned by `encode()`
+is only valid until the next `encode()` call on that encoder. Copy it if you
+need to keep it around.
+~~~
+
+## Choosing a format
+
+| Page | Format | Reach for it when |
+|------|--------|-------------------|
+| [CBOR](/libs/json-pack/cbor) | RFC 8949 | A standardized, self-describing binary format; the fastest codec here |
+| [MessagePack](/libs/json-pack/messagepack) | msgpack | Interop with the MessagePack ecosystem; compact binary |
+| [JSON](/libs/json-pack/json) | JSON + binary | Drop-in for `JSON.stringify`/`parse` on the hot path, or JSON that must carry `Uint8Array` |
+| [More formats](/libs/json-pack/more-formats) | UBJSON, BSON, RESP, Bencode, Ion | Talking to a system that speaks one of these protocols |
+
+## Fast vs. full encoders
+
+Several formats ship a `*Fast` encoder alongside the full one. The fast variant
+handles only plain JSON values (`null`, booleans, numbers, strings, arrays,
+objects) and is the quickest path when that is all you have. The full encoder
+adds binary data, extensions/tags, and other format-specific types. See each
+codec's page for the exact set of classes.
+
+This package is part of [json-joy](/libs/json-joy-js); the serialization
+formats are also described in the [specs section](/specs).
diff --git a/packages/json-pack/src/json/JsonDecoder.ts b/packages/json-pack/src/json/JsonDecoder.ts
index a8ff14c81b..5a01f89e0d 100644
--- a/packages/json-pack/src/json/JsonDecoder.ts
+++ b/packages/json-pack/src/json/JsonDecoder.ts
@@ -202,17 +202,18 @@ export class JsonDecoder implements BinaryJsonDecoder {
     const uint8 = reader.uint8;
     const char = uint8[x];
     switch (char) {
-      case 34 /* " */: {
-        if (uint8[x + 1] === 0x64 /* d */) {
-          const bin = this.tryReadBin();
-          if (bin) return bin;
-          if (isUndefined(uint8, x + 2)) {
-            reader.x = x + 35;
-            return undefined;
+      case 34 /* " */:
+        {
+          if (uint8[x + 1] === 0x64 /* d */) {
+            const bin = this.tryReadBin();
+            if (bin) return bin;
+            if (isUndefined(uint8, x + 2)) {
+              reader.x = x + 35;
+              return undefined;
+            }
           }
+          return this.readStr();
         }
-        return this.readStr();
-      }
       case 91 /* [ */:
         return this.readArr();
       case 102 /* f */:
diff --git a/packages/json-pointer/src/find.ts b/packages/json-pointer/src/find.ts
index 4d022453c9..29b61e36ca 100644
--- a/packages/json-pointer/src/find.ts
+++ b/packages/json-pointer/src/find.ts
@@ -58,7 +58,7 @@ export const find = (val: unknown, path: Path): Reference => {
         }
       }
       val = obj[key];
-    } else if (typeof obj === 'object' && !!obj) {
+    } else if (typeof obj === 'object' && obj) {
       val = has(obj, key as string) ? (obj as any)[key] : undefined;
     } else throw new Error('NOT_FOUND');
   }
diff --git a/packages/json-pointer/src/findByPointer/v1.ts b/packages/json-pointer/src/findByPointer/v1.ts
index cfc73cb14d..c31bd60884 100644
--- a/packages/json-pointer/src/findByPointer/v1.ts
+++ b/packages/json-pointer/src/findByPointer/v1.ts
@@ -25,7 +25,7 @@ export const findByPointer = (pointer: string, val: unknown): Reference => {
         if (key < 0) throw new Error('INVALID_INDEX');
       }
       val = has(obj, String(key)) ? obj[key] : undefined;
-    } else if (typeof obj === 'object' && !!obj) {
+    } else if (typeof obj === 'object' && obj) {
       val = has(obj, String(key)) ? (obj as any)[key] : undefined;
     } else throw new Error('NOT_FOUND');
   }
diff --git a/packages/json-pointer/src/findByPointer/v2.ts b/packages/json-pointer/src/findByPointer/v2.ts
index bf75af1e9e..d02aaa5a8b 100644
--- a/packages/json-pointer/src/findByPointer/v2.ts
+++ b/packages/json-pointer/src/findByPointer/v2.ts
@@ -30,7 +30,7 @@ export const findByPointer = (pointer: string, val: unknown): Reference => {
         if (key < 0) throw new Error('INVALID_INDEX');
       }
       val = has(obj, String(key)) ? obj[key] : undefined;
-    } else if (typeof obj === 'object' && !!obj) {
+    } else if (typeof obj === 'object' && obj) {
       val = has(obj, String(key)) ? (obj as any)[key] : undefined;
     } else throw new Error('NOT_FOUND');
   }
diff --git a/packages/json-pointer/src/findByPointer/v3.ts b/packages/json-pointer/src/findByPointer/v3.ts
index 14fe86f96d..d60f3e5be8 100644
--- a/packages/json-pointer/src/findByPointer/v3.ts
+++ b/packages/json-pointer/src/findByPointer/v3.ts
@@ -30,7 +30,7 @@ export const findByPointer = (pointer: string, val: unknown): Reference => {
         if (key < 0) throw new Error('INVALID_INDEX');
       }
       val = has(obj, String(key)) ? obj[key] : undefined;
-    } else if (typeof obj === 'object' && !!obj) {
+    } else if (typeof obj === 'object' && obj) {
       val = has(obj, String(key)) ? (obj as any)[key] : undefined;
     } else throw new Error('NOT_FOUND');
   }
diff --git a/packages/json-pointer/src/findByPointer/v4.ts b/packages/json-pointer/src/findByPointer/v4.ts
index a5f8668ea3..39d7edda1d 100644
--- a/packages/json-pointer/src/findByPointer/v4.ts
+++ b/packages/json-pointer/src/findByPointer/v4.ts
@@ -25,7 +25,7 @@ export const findByPointer = (pointer: string, val: unknown): Reference => {
         if (key < 0) throw new Error('INVALID_INDEX');
       }
       val = has(obj, key as any) ? obj[~~key] : undefined;
-    } else if (typeof obj === 'object' && !!obj) {
+    } else if (typeof obj === 'object' && obj) {
       val = has(obj, key) ? (obj as any)[key] : undefined;
     } else throw new Error('NOT_FOUND');
   }
diff --git a/packages/json-pointer/src/findByPointer/v5.ts b/packages/json-pointer/src/findByPointer/v5.ts
index ef05623467..9b16ad1e97 100644
--- a/packages/json-pointer/src/findByPointer/v5.ts
+++ b/packages/json-pointer/src/findByPointer/v5.ts
@@ -27,7 +27,7 @@ export const findByPointer = (pointer: string, val: unknown): Reference => {
         if (key < 0) throw 'INVALID_INDEX';
       }
       val = obj[key];
-    } else if (typeof obj === 'object' && !!obj) {
+    } else if (typeof obj === 'object' && obj) {
       key = unescapeComponent(key);
       val = has(obj, key) ? (obj as any)[key] : undefined;
     } else throw 'NOT_FOUND';
diff --git a/packages/json-pointer/src/findByPointer/v6.ts b/packages/json-pointer/src/findByPointer/v6.ts
index 3bb8136618..c2232e0ad8 100644
--- a/packages/json-pointer/src/findByPointer/v6.ts
+++ b/packages/json-pointer/src/findByPointer/v6.ts
@@ -24,7 +24,7 @@ export const findByPointer = (pointer: string, val: unknown): [Reference['obj'],
         if (key < 0) throw 'INVALID_INDEX';
       }
       val = obj[key];
-    } else if (typeof obj === 'object' && !!obj) {
+    } else if (typeof obj === 'object' && obj) {
       key = unescapeComponent(key);
       val = has(obj, key) ? (obj as any)[key] : undefined;
     } else throw 'NOT_FOUND';
diff --git a/packages/mu-txt/LICENSE b/packages/mu-txt/LICENSE
deleted file mode 100644
index 0ad25db4bd..0000000000
--- a/packages/mu-txt/LICENSE
+++ /dev/null
@@ -1,661 +0,0 @@
-                    GNU AFFERO GENERAL PUBLIC LICENSE
-                       Version 3, 19 November 2007
-
- Copyright (C) 2007 Free Software Foundation, Inc. <https://fsf.org/>
- Everyone is permitted to copy and distribute verbatim copies
- of this license document, but changing it is not allowed.
-
-                            Preamble
-
-  The GNU Affero General Public License is a free, copyleft license for
-software and other kinds of works, specifically designed to ensure
-cooperation with the community in the case of network server software.
-
-  The licenses for most software and other practical works are designed
-to take away your freedom to share and change the works.  By contrast,
-our General Public Licenses are intended to guarantee your freedom to
-share and change all versions of a program--to make sure it remains free
-software for all its users.
-
-  When we speak of free software, we are referring to freedom, not
-price.  Our General Public Licenses are designed to make sure that you
-have the freedom to distribute copies of free software (and charge for
-them if you wish), that you receive source code or can get it if you
-want it, that you can change the software or use pieces of it in new
-free programs, and that you know you can do these things.
-
-  Developers that use our General Public Licenses protect your rights
-with two steps: (1) assert copyright on the software, and (2) offer
-you this License which gives you legal permission to copy, distribute
-and/or modify the software.
-
-  A secondary benefit of defending all users' freedom is that
-improvements made in alternate versions of the program, if they
-receive widespread use, become available for other developers to
-incorporate.  Many developers of free software are heartened and
-encouraged by the resulting cooperation.  However, in the case of
-software used on network servers, this result may fail to come about.
-The GNU General Public License permits making a modified version and
-letting the public access it on a server without ever releasing its
-source code to the public.
-
-  The GNU Affero General Public License is designed specifically to
-ensure that, in such cases, the modified source code becomes available
-to the community.  It requires the operator of a network server to
-provide the source code of the modified version running there to the
-users of that server.  Therefore, public use of a modified version, on
-a publicly accessible server, gives the public access to the source
-code of the modified version.
-
-  An older license, called the Affero General Public License and
-published by Affero, was designed to accomplish similar goals.  This is
-a different license, not a version of the Affero GPL, but Affero has
-released a new version of the Affero GPL which permits relicensing under
-this license.
-
-  The precise terms and conditions for copying, distribution and
-modification follow.
-
-                       TERMS AND CONDITIONS
-
-  0. Definitions.
-
-  "This License" refers to version 3 of the GNU Affero General Public License.
-
-  "Copyright" also means copyright-like laws that apply to other kinds of
-works, such as semiconductor masks.
-
-  "The Program" refers to any copyrightable work licensed under this
-License.  Each licensee is addressed as "you".  "Licensees" and
-"recipients" may be individuals or organizations.
-
-  To "modify" a work means to copy from or adapt all or part of the work
-in a fashion requiring copyright permission, other than the making of an
-exact copy.  The resulting work is called a "modified version" of the
-earlier work or a work "based on" the earlier work.
-
-  A "covered work" means either the unmodified Program or a work based
-on the Program.
-
-  To "propagate" a work means to do anything with it that, without
-permission, would make you directly or secondarily liable for
-infringement under applicable copyright law, except executing it on a
-computer or modifying a private copy.  Propagation includes copying,
-distribution (with or without modification), making available to the
-public, and in some countries other activities as well.
-
-  To "convey" a work means any kind of propagation that enables other
-parties to make or receive copies.  Mere interaction with a user through
-a computer network, with no transfer of a copy, is not conveying.
-
-  An interactive user interface displays "Appropriate Legal Notices"
-to the extent that it includes a convenient and prominently visible
-feature that (1) displays an appropriate copyright notice, and (2)
-tells the user that there is no warranty for the work (except to the
-extent that warranties are provided), that licensees may convey the
-work under this License, and how to view a copy of this License.  If
-the interface presents a list of user commands or options, such as a
-menu, a prominent item in the list meets this criterion.
-
-  1. Source Code.
-
-  The "source code" for a work means the preferred form of the work
-for making modifications to it.  "Object code" means any non-source
-form of a work.
-
-  A "Standard Interface" means an interface that either is an official
-standard defined by a recognized standards body, or, in the case of
-interfaces specified for a particular programming language, one that
-is widely used among developers working in that language.
-
-  The "System Libraries" of an executable work include anything, other
-than the work as a whole, that (a) is included in the normal form of
-packaging a Major Component, but which is not part of that Major
-Component, and (b) serves only to enable use of the work with that
-Major Component, or to implement a Standard Interface for which an
-implementation is available to the public in source code form.  A
-"Major Component", in this context, means a major essential component
-(kernel, window system, and so on) of the specific operating system
-(if any) on which the executable work runs, or a compiler used to
-produce the work, or an object code interpreter used to run it.
-
-  The "Corresponding Source" for a work in object code form means all
-the source code needed to generate, install, and (for an executable
-work) run the object code and to modify the work, including scripts to
-control those activities.  However, it does not include the work's
-System Libraries, or general-purpose tools or generally available free
-programs which are used unmodified in performing those activities but
-which are not part of the work.  For example, Corresponding Source
-includes interface definition files associated with source files for
-the work, and the source code for shared libraries and dynamically
-linked subprograms that the work is specifically designed to require,
-such as by intimate data communication or control flow between those
-subprograms and other parts of the work.
-
-  The Corresponding Source need not include anything that users
-can regenerate automatically from other parts of the Corresponding
-Source.
-
-  The Corresponding Source for a work in source code form is that
-same work.
-
-  2. Basic Permissions.
-
-  All rights granted under this License are granted for the term of
-copyright on the Program, and are irrevocable provided the stated
-conditions are met.  This License explicitly affirms your unlimited
-permission to run the unmodified Program.  The output from running a
-covered work is covered by this License only if the output, given its
-content, constitutes a covered work.  This License acknowledges your
-rights of fair use or other equivalent, as provided by copyright law.
-
-  You may make, run and propagate covered works that you do not
-convey, without conditions so long as your license otherwise remains
-in force.  You may convey covered works to others for the sole purpose
-of having them make modifications exclusively for you, or provide you
-with facilities for running those works, provided that you comply with
-the terms of this License in conveying all material for which you do
-not control copyright.  Those thus making or running the covered works
-for you must do so exclusively on your behalf, under your direction
-and control, on terms that prohibit them from making any copies of
-your copyrighted material outside their relationship with you.
-
-  Conveying under any other circumstances is permitted solely under
-the conditions stated below.  Sublicensing is not allowed; section 10
-makes it unnecessary.
-
-  3. Protecting Users' Legal Rights From Anti-Circumvention Law.
-
-  No covered work shall be deemed part of an effective technological
-measure under any applicable law fulfilling obligations under article
-11 of the WIPO copyright treaty adopted on 20 December 1996, or
-similar laws prohibiting or restricting circumvention of such
-measures.
-
-  When you convey a covered work, you waive any legal power to forbid
-circumvention of technological measures to the extent such circumvention
-is effected by exercising rights under this License with respect to
-the covered work, and you disclaim any intention to limit operation or
-modification of the work as a means of enforcing, against the work's
-users, your or third parties' legal rights to forbid circumvention of
-technological measures.
-
-  4. Conveying Verbatim Copies.
-
-  You may convey verbatim copies of the Program's source code as you
-receive it, in any medium, provided that you conspicuously and
-appropriately publish on each copy an appropriate copyright notice;
-keep intact all notices stating that this License and any
-non-permissive terms added in accord with section 7 apply to the code;
-keep intact all notices of the absence of any warranty; and give all
-recipients a copy of this License along with the Program.
-
-  You may charge any price or no price for each copy that you convey,
-and you may offer support or warranty protection for a fee.
-
-  5. Conveying Modified Source Versions.
-
-  You may convey a work based on the Program, or the modifications to
-produce it from the Program, in the form of source code under the
-terms of section 4, provided that you also meet all of these conditions:
-
-    a) The work must carry prominent notices stating that you modified
-    it, and giving a relevant date.
-
-    b) The work must carry prominent notices stating that it is
-    released under this License and any conditions added under section
-    7.  This requirement modifies the requirement in section 4 to
-    "keep intact all notices".
-
-    c) You must license the entire work, as a whole, under this
-    License to anyone who comes into possession of a copy.  This
-    License will therefore apply, along with any applicable section 7
-    additional terms, to the whole of the work, and all its parts,
-    regardless of how they are packaged.  This License gives no
-    permission to license the work in any other way, but it does not
-    invalidate such permission if you have separately received it.
-
-    d) If the work has interactive user interfaces, each must display
-    Appropriate Legal Notices; however, if the Program has interactive
-    interfaces that do not display Appropriate Legal Notices, your
-    work need not make them do so.
-
-  A compilation of a covered work with other separate and independent
-works, which are not by their nature extensions of the covered work,
-and which are not combined with it such as to form a larger program,
-in or on a volume of a storage or distribution medium, is called an
-"aggregate" if the compilation and its resulting copyright are not
-used to limit the access or legal rights of the compilation's users
-beyond what the individual works permit.  Inclusion of a covered work
-in an aggregate does not cause this License to apply to the other
-parts of the aggregate.
-
-  6. Conveying Non-Source Forms.
-
-  You may convey a covered work in object code form under the terms
-of sections 4 and 5, provided that you also convey the
-machine-readable Corresponding Source under the terms of this License,
-in one of these ways:
-
-    a) Convey the object code in, or embodied in, a physical product
-    (including a physical distribution medium), accompanied by the
-    Corresponding Source fixed on a durable physical medium
-    customarily used for software interchange.
-
-    b) Convey the object code in, or embodied in, a physical product
-    (including a physical distribution medium), accompanied by a
-    written offer, valid for at least three years and valid for as
-    long as you offer spare parts or customer support for that product
-    model, to give anyone who possesses the object code either (1) a
-    copy of the Corresponding Source for all the software in the
-    product that is covered by this License, on a durable physical
-    medium customarily used for software interchange, for a price no
-    more than your reasonable cost of physically performing this
-    conveying of source, or (2) access to copy the
-    Corresponding Source from a network server at no charge.
-
-    c) Convey individual copies of the object code with a copy of the
-    written offer to provide the Corresponding Source.  This
-    alternative is allowed only occasionally and noncommercially, and
-    only if you received the object code with such an offer, in accord
-    with subsection 6b.
-
-    d) Convey the object code by offering access from a designated
-    place (gratis or for a charge), and offer equivalent access to the
-    Corresponding Source in the same way through the same place at no
-    further charge.  You need not require recipients to copy the
-    Corresponding Source along with the object code.  If the place to
-    copy the object code is a network server, the Corresponding Source
-    may be on a different server (operated by you or a third party)
-    that supports equivalent copying facilities, provided you maintain
-    clear directions next to the object code saying where to find the
-    Corresponding Source.  Regardless of what server hosts the
-    Corresponding Source, you remain obligated to ensure that it is
-    available for as long as needed to satisfy these requirements.
-
-    e) Convey the object code using peer-to-peer transmission, provided
-    you inform other peers where the object code and Corresponding
-    Source of the work are being offered to the general public at no
-    charge under subsection 6d.
-
-  A separable portion of the object code, whose source code is excluded
-from the Corresponding Source as a System Library, need not be
-included in conveying the object code work.
-
-  A "User Product" is either (1) a "consumer product", which means any
-tangible personal property which is normally used for personal, family,
-or household purposes, or (2) anything designed or sold for incorporation
-into a dwelling.  In determining whether a product is a consumer product,
-doubtful cases shall be resolved in favor of coverage.  For a particular
-product received by a particular user, "normally used" refers to a
-typical or common use of that class of product, regardless of the status
-of the particular user or of the way in which the particular user
-actually uses, or expects or is expected to use, the product.  A product
-is a consumer product regardless of whether the product has substantial
-commercial, industrial or non-consumer uses, unless such uses represent
-the only significant mode of use of the product.
-
-  "Installation Information" for a User Product means any methods,
-procedures, authorization keys, or other information required to install
-and execute modified versions of a covered work in that User Product from
-a modified version of its Corresponding Source.  The information must
-suffice to ensure that the continued functioning of the modified object
-code is in no case prevented or interfered with solely because
-modification has been made.
-
-  If you convey an object code work under this section in, or with, or
-specifically for use in, a User Product, and the conveying occurs as
-part of a transaction in which the right of possession and use of the
-User Product is transferred to the recipient in perpetuity or for a
-fixed term (regardless of how the transaction is characterized), the
-Corresponding Source conveyed under this section must be accompanied
-by the Installation Information.  But this requirement does not apply
-if neither you nor any third party retains the ability to install
-modified object code on the User Product (for example, the work has
-been installed in ROM).
-
-  The requirement to provide Installation Information does not include a
-requirement to continue to provide support service, warranty, or updates
-for a work that has been modified or installed by the recipient, or for
-the User Product in which it has been modified or installed.  Access to a
-network may be denied when the modification itself materially and
-adversely affects the operation of the network or violates the rules and
-protocols for communication across the network.
-
-  Corresponding Source conveyed, and Installation Information provided,
-in accord with this section must be in a format that is publicly
-documented (and with an implementation available to the public in
-source code form), and must require no special password or key for
-unpacking, reading or copying.
-
-  7. Additional Terms.
-
-  "Additional permissions" are terms that supplement the terms of this
-License by making exceptions from one or more of its conditions.
-Additional permissions that are applicable to the entire Program shall
-be treated as though they were included in this License, to the extent
-that they are valid under applicable law.  If additional permissions
-apply only to part of the Program, that part may be used separately
-under those permissions, but the entire Program remains governed by
-this License without regard to the additional permissions.
-
-  When you convey a copy of a covered work, you may at your option
-remove any additional permissions from that copy, or from any part of
-it.  (Additional permissions may be written to require their own
-removal in certain cases when you modify the work.)  You may place
-additional permissions on material, added by you to a covered work,
-for which you have or can give appropriate copyright permission.
-
-  Notwithstanding any other provision of this License, for material you
-add to a covered work, you may (if authorized by the copyright holders of
-that material) supplement the terms of this License with terms:
-
-    a) Disclaiming warranty or limiting liability differently from the
-    terms of sections 15 and 16 of this License; or
-
-    b) Requiring preservation of specified reasonable legal notices or
-    author attributions in that material or in the Appropriate Legal
-    Notices displayed by works containing it; or
-
-    c) Prohibiting misrepresentation of the origin of that material, or
-    requiring that modified versions of such material be marked in
-    reasonable ways as different from the original version; or
-
-    d) Limiting the use for publicity purposes of names of licensors or
-    authors of the material; or
-
-    e) Declining to grant rights under trademark law for use of some
-    trade names, trademarks, or service marks; or
-
-    f) Requiring indemnification of licensors and authors of that
-    material by anyone who conveys the material (or modified versions of
-    it) with contractual assumptions of liability to the recipient, for
-    any liability that these contractual assumptions directly impose on
-    those licensors and authors.
-
-  All other non-permissive additional terms are considered "further
-restrictions" within the meaning of section 10.  If the Program as you
-received it, or any part of it, contains a notice stating that it is
-governed by this License along with a term that is a further
-restriction, you may remove that term.  If a license document contains
-a further restriction but permits relicensing or conveying under this
-License, you may add to a covered work material governed by the terms
-of that license document, provided that the further restriction does
-not survive such relicensing or conveying.
-
-  If you add terms to a covered work in accord with this section, you
-must place, in the relevant source files, a statement of the
-additional terms that apply to those files, or a notice indicating
-where to find the applicable terms.
-
-  Additional terms, permissive or non-permissive, may be stated in the
-form of a separately written license, or stated as exceptions;
-the above requirements apply either way.
-
-  8. Termination.
-
-  You may not propagate or modify a covered work except as expressly
-provided under this License.  Any attempt otherwise to propagate or
-modify it is void, and will automatically terminate your rights under
-this License (including any patent licenses granted under the third
-paragraph of section 11).
-
-  However, if you cease all violation of this License, then your
-license from a particular copyright holder is reinstated (a)
-provisionally, unless and until the copyright holder explicitly and
-finally terminates your license, and (b) permanently, if the copyright
-holder fails to notify you of the violation by some reasonable means
-prior to 60 days after the cessation.
-
-  Moreover, your license from a particular copyright holder is
-reinstated permanently if the copyright holder notifies you of the
-violation by some reasonable means, this is the first time you have
-received notice of violation of this License (for any work) from that
-copyright holder, and you cure the violation prior to 30 days after
-your receipt of the notice.
-
-  Termination of your rights under this section does not terminate the
-licenses of parties who have received copies or rights from you under
-this License.  If your rights have been terminated and not permanently
-reinstated, you do not qualify to receive new licenses for the same
-material under section 10.
-
-  9. Acceptance Not Required for Having Copies.
-
-  You are not required to accept this License in order to receive or
-run a copy of the Program.  Ancillary propagation of a covered work
-occurring solely as a consequence of using peer-to-peer transmission
-to receive a copy likewise does not require acceptance.  However,
-nothing other than this License grants you permission to propagate or
-modify any covered work.  These actions infringe copyright if you do
-not accept this License.  Therefore, by modifying or propagating a
-covered work, you indicate your acceptance of this License to do so.
-
-  10. Automatic Licensing of Downstream Recipients.
-
-  Each time you convey a covered work, the recipient automatically
-receives a license from the original licensors, to run, modify and
-propagate that work, subject to this License.  You are not responsible
-for enforcing compliance by third parties with this License.
-
-  An "entity transaction" is a transaction transferring control of an
-organization, or substantially all assets of one, or subdividing an
-organization, or merging organizations.  If propagation of a covered
-work results from an entity transaction, each party to that
-transaction who receives a copy of the work also receives whatever
-licenses to the work the party's predecessor in interest had or could
-give under the previous paragraph, plus a right to possession of the
-Corresponding Source of the work from the predecessor in interest, if
-the predecessor has it or can get it with reasonable efforts.
-
-  You may not impose any further restrictions on the exercise of the
-rights granted or affirmed under this License.  For example, you may
-not impose a license fee, royalty, or other charge for exercise of
-rights granted under this License, and you may not initiate litigation
-(including a cross-claim or counterclaim in a lawsuit) alleging that
-any patent claim is infringed by making, using, selling, offering for
-sale, or importing the Program or any portion of it.
-
-  11. Patents.
-
-  A "contributor" is a copyright holder who authorizes use under this
-License of the Program or a work on which the Program is based.  The
-work thus licensed is called the contributor's "contributor version".
-
-  A contributor's "essential patent claims" are all patent claims
-owned or controlled by the contributor, whether already acquired or
-hereafter acquired, that would be infringed by some manner, permitted
-by this License, of making, using, or selling its contributor version,
-but do not include claims that would be infringed only as a
-consequence of further modification of the contributor version.  For
-purposes of this definition, "control" includes the right to grant
-patent sublicenses in a manner consistent with the requirements of
-this License.
-
-  Each contributor grants you a non-exclusive, worldwide, royalty-free
-patent license under the contributor's essential patent claims, to
-make, use, sell, offer for sale, import and otherwise run, modify and
-propagate the contents of its contributor version.
-
-  In the following three paragraphs, a "patent license" is any express
-agreement or commitment, however denominated, not to enforce a patent
-(such as an express permission to practice a patent or covenant not to
-sue for patent infringement).  To "grant" such a patent license to a
-party means to make such an agreement or commitment not to enforce a
-patent against the party.
-
-  If you convey a covered work, knowingly relying on a patent license,
-and the Corresponding Source of the work is not available for anyone
-to copy, free of charge and under the terms of this License, through a
-publicly available network server or other readily accessible means,
-then you must either (1) cause the Corresponding Source to be so
-available, or (2) arrange to deprive yourself of the benefit of the
-patent license for this particular work, or (3) arrange, in a manner
-consistent with the requirements of this License, to extend the patent
-license to downstream recipients.  "Knowingly relying" means you have
-actual knowledge that, but for the patent license, your conveying the
-covered work in a country, or your recipient's use of the covered work
-in a country, would infringe one or more identifiable patents in that
-country that you have reason to believe are valid.
-
-  If, pursuant to or in connection with a single transaction or
-arrangement, you convey, or propagate by procuring conveyance of, a
-covered work, and grant a patent license to some of the parties
-receiving the covered work authorizing them to use, propagate, modify
-or convey a specific copy of the covered work, then the patent license
-you grant is automatically extended to all recipients of the covered
-work and works based on it.
-
-  A patent license is "discriminatory" if it does not include within
-the scope of its coverage, prohibits the exercise of, or is
-conditioned on the non-exercise of one or more of the rights that are
-specifically granted under this License.  You may not convey a covered
-work if you are a party to an arrangement with a third party that is
-in the business of distributing software, under which you make payment
-to the third party based on the extent of your activity of conveying
-the work, and under which the third party grants, to any of the
-parties who would receive the covered work from you, a discriminatory
-patent license (a) in connection with copies of the covered work
-conveyed by you (or copies made from those copies), or (b) primarily
-for and in connection with specific products or compilations that
-contain the covered work, unless you entered into that arrangement,
-or that patent license was granted, prior to 28 March 2007.
-
-  Nothing in this License shall be construed as excluding or limiting
-any implied license or other defenses to infringement that may
-otherwise be available to you under applicable patent law.
-
-  12. No Surrender of Others' Freedom.
-
-  If conditions are imposed on you (whether by court order, agreement or
-otherwise) that contradict the conditions of this License, they do not
-excuse you from the conditions of this License.  If you cannot convey a
-covered work so as to satisfy simultaneously your obligations under this
-License and any other pertinent obligations, then as a consequence you may
-not convey it at all.  For example, if you agree to terms that obligate you
-to collect a royalty for further conveying from those to whom you convey
-the Program, the only way you could satisfy both those terms and this
-License would be to refrain entirely from conveying the Program.
-
-  13. Remote Network Interaction; Use with the GNU General Public License.
-
-  Notwithstanding any other provision of this License, if you modify the
-Program, your modified version must prominently offer all users
-interacting with it remotely through a computer network (if your version
-supports such interaction) an opportunity to receive the Corresponding
-Source of your version by providing access to the Corresponding Source
-from a network server at no charge, through some standard or customary
-means of facilitating copying of software.  This Corresponding Source
-shall include the Corresponding Source for any work covered by version 3
-of the GNU General Public License that is incorporated pursuant to the
-following paragraph.
-
-  Notwithstanding any other provision of this License, you have
-permission to link or combine any covered work with a work licensed
-under version 3 of the GNU General Public License into a single
-combined work, and to convey the resulting work.  The terms of this
-License will continue to apply to the part which is the covered work,
-but the work with which it is combined will remain governed by version
-3 of the GNU General Public License.
-
-  14. Revised Versions of this License.
-
-  The Free Software Foundation may publish revised and/or new versions of
-the GNU Affero General Public License from time to time.  Such new versions
-will be similar in spirit to the present version, but may differ in detail to
-address new problems or concerns.
-
-  Each version is given a distinguishing version number.  If the
-Program specifies that a certain numbered version of the GNU Affero General
-Public License "or any later version" applies to it, you have the
-option of following the terms and conditions either of that numbered
-version or of any later version published by the Free Software
-Foundation.  If the Program does not specify a version number of the
-GNU Affero General Public License, you may choose any version ever published
-by the Free Software Foundation.
-
-  If the Program specifies that a proxy can decide which future
-versions of the GNU Affero General Public License can be used, that proxy's
-public statement of acceptance of a version permanently authorizes you
-to choose that version for the Program.
-
-  Later license versions may give you additional or different
-permissions.  However, no additional obligations are imposed on any
-author or copyright holder as a result of your choosing to follow a
-later version.
-
-  15. Disclaimer of Warranty.
-
-  THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY
-APPLICABLE LAW.  EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT
-HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY
-OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO,
-THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
-PURPOSE.  THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM
-IS WITH YOU.  SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF
-ALL NECESSARY SERVICING, REPAIR OR CORRECTION.
-
-  16. Limitation of Liability.
-
-  IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
-WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS
-THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY
-GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE
-USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF
-DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD
-PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS),
-EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF
-SUCH DAMAGES.
-
-  17. Interpretation of Sections 15 and 16.
-
-  If the disclaimer of warranty and limitation of liability provided
-above cannot be given local legal effect according to their terms,
-reviewing courts shall apply local law that most closely approximates
-an absolute waiver of all civil liability in connection with the
-Program, unless a warranty or assumption of liability accompanies a
-copy of the Program in return for a fee.
-
-                     END OF TERMS AND CONDITIONS
-
-            How to Apply These Terms to Your New Programs
-
-  If you develop a new program, and you want it to be of the greatest
-possible use to the public, the best way to achieve this is to make it
-free software which everyone can redistribute and change under these terms.
-
-  To do so, attach the following notices to the program.  It is safest
-to attach them to the start of each source file to most effectively
-state the exclusion of warranty; and each file should have at least
-the "copyright" line and a pointer to where the full notice is found.
-
-    <one line to give the program's name and a brief idea of what it does.>
-    Copyright (C) <year>  <name of author>
-
-    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/>.
-
-Also add information on how to contact you by electronic and paper mail.
-
-  If your software can interact with users remotely through a computer
-network, you should also make sure that it provides a way for users to
-get its source.  For example, if your program is a web application, its
-interface could display a "Source" link that leads users to an archive
-of the code.  There are many ways you could offer source, and different
-solutions will be better for different programs; see section 13 for the
-specific requirements.
-
-  You should also get your employer (if you work as a programmer) or school,
-if any, to sign a "copyright disclaimer" for the program, if necessary.
-For more information on this, and how to apply and follow the GNU AGPL, see
-<https://www.gnu.org/licenses/>.
diff --git a/packages/mu-txt/README.md b/packages/mu-txt/README.md
deleted file mode 100644
index 418c140689..0000000000
--- a/packages/mu-txt/README.md
+++ /dev/null
@@ -1,40 +0,0 @@
-# `mu-txt`
-
-This package contains the `mutxt.com` web app. 
-
-## Development
-
-From the monorepo root:
-
-```sh
-yarn workspace mu-txt dev
-```
-
-Other useful commands:
-
-```sh
-yarn workspace mu-txt build
-yarn workspace mu-txt typecheck
-yarn workspace mu-txt clean
-```
-
-## Deployment
-
-### Wrangler / Cloudflare Pages
-
-```sh
-yarn workspace mu-txt deploy
-yarn workspace mu-txt deploy:preview
-```
-
-Wrangler publishes the generated `dist/` folder.
-
-Common commands:
-
-| Command | Purpose |
-|---|---|
-| `npx wrangler login` | Authenticate once |
-| `npx wrangler pages project create mutxt --production-branch=master` | Create the Pages project once |
-| `npx wrangler pages deploy dist` | Deploy to production |
-| `npx wrangler pages deploy dist --branch=preview` | Deploy a preview build |
-| `npx wrangler pages deployment list` | Inspect recent deployments |
diff --git a/packages/mu-txt/SECURITY.md b/packages/mu-txt/SECURITY.md
deleted file mode 100644
index a5497b62af..0000000000
--- a/packages/mu-txt/SECURITY.md
+++ /dev/null
@@ -1,13 +0,0 @@
-# Security Policy
-
-## Supported Versions
-
-We release patches for security vulnerabilities. The latest major version
-will support security patches.
-
-## Reporting a Vulnerability
-
-Please report (suspected) security vulnerabilities to
-**[streamich@gmail.com](mailto:streamich@gmail.com)**. We will try to respond
-within 48 hours. If the issue is confirmed, we will release a patch as soon
-as possible depending on complexity.
diff --git a/packages/mu-txt/bin/mu-txt.js b/packages/mu-txt/bin/mu-txt.js
deleted file mode 100755
index dc95a8839c..0000000000
--- a/packages/mu-txt/bin/mu-txt.js
+++ /dev/null
@@ -1,22 +0,0 @@
-#!/usr/bin/env node
-'use strict';
-
-const {spawn} = require('node:child_process');
-const path = require('node:path');
-
-const electron = require('electron');
-const main = path.resolve(__dirname, '..', 'out-electron', 'main.js');
-
-const child = spawn(electron, [main, ...process.argv.slice(2)], {
-  stdio: 'inherit',
-  env: process.env,
-  windowsHide: false,
-});
-
-child.on('close', (code, signal) => {
-  if (signal) {
-    process.kill(process.pid, signal);
-  } else {
-    process.exit(code == null ? 0 : code);
-  }
-});
diff --git a/packages/mu-txt/electron/main.ts b/packages/mu-txt/electron/main.ts
deleted file mode 100644
index aad32809f1..0000000000
--- a/packages/mu-txt/electron/main.ts
+++ /dev/null
@@ -1,268 +0,0 @@
-import {app, BrowserWindow, dialog, ipcMain, shell, protocol, net, Menu, screen, type MenuItemConstructorOptions} from 'electron';
-import * as path from 'node:path';
-import * as fs from 'node:fs/promises';
-import {pathToFileURL} from 'node:url';
-
-app.setName('mu-txt');
-
-const isDev = process.env.MUTXT_DEV === '1';
-const distRoot = path.resolve(__dirname, '..', 'dist');
-const iconsRoot = path.resolve(__dirname, '..', 'public', 'icons');
-
-const TRAFFIC_LIGHT_DEFAULT = {x: 16, y: 21};
-const TRAFFIC_LIGHT_COMPACT = {x: 16, y: 18};
-type TitlebarMode = 'default' | 'compact';
-
-type PendingInput =
-  | {kind: 'file'; name: string; path: string; bytes?: Uint8Array}
-  | {kind: 'url'; value: string};
-
-const pending: PendingInput[] = [];
-let mainWindow: BrowserWindow | null = null;
-let rendererReady = false;
-
-const channelFor = (kind: PendingInput['kind']) => (kind === 'file' ? 'mutxt:open-file' : 'mutxt:open-url');
-
-const payloadFor = (item: PendingInput) =>
-  item.kind === 'file' ? {name: item.name, path: item.path, bytes: item.bytes} : item.value;
-
-const send = (item: PendingInput) => {
-  if (!mainWindow || mainWindow.isDestroyed()) return;
-  mainWindow.webContents.send(channelFor(item.kind), payloadFor(item));
-};
-
-const dispatch = (item: PendingInput) => {
-  if (rendererReady && mainWindow && !mainWindow.isDestroyed()) {
-    send(item);
-  } else {
-    pending.push(item);
-  }
-};
-
-const flushPending = () => {
-  if (!mainWindow || mainWindow.isDestroyed()) return;
-  while (pending.length) send(pending.shift()!);
-};
-
-const userArgv = (argv: readonly string[]): readonly string[] => argv.slice(process.defaultApp ? 2 : 1);
-
-type ParsedArg = {kind: 'path'; value: string} | {kind: 'url'; value: string};
-
-const parseArg = (argv: readonly string[], cwd: string): ParsedArg | null => {
-  for (const arg of userArgv(argv)) {
-    if (!arg || arg.startsWith('-')) continue;
-    if (arg.startsWith('mutxt://')) return {kind: 'url', value: arg};
-    return {kind: 'path', value: path.isAbsolute(arg) ? arg : path.resolve(cwd, arg)};
-  }
-  return null;
-};
-
-const dispatchPath = async (filePath: string) => {
-  const name = path.basename(filePath);
-  try {
-    const buf = await fs.readFile(filePath);
-    const bytes = new Uint8Array(buf.buffer, buf.byteOffset, buf.byteLength);
-    dispatch({kind: 'file', name, path: filePath, bytes});
-  } catch (err) {
-    if ((err as NodeJS.ErrnoException)?.code === 'ENOENT') {
-      dispatch({kind: 'file', name, path: filePath});
-    } else {
-      console.error('[mutxt] failed to read file', filePath, err);
-    }
-  }
-};
-
-const dispatchArg = (argv: readonly string[], cwd: string) => {
-  const parsed = parseArg(argv, cwd);
-  if (!parsed) return;
-  if (parsed.kind === 'url') dispatch({kind: 'url', value: parsed.value});
-  else void dispatchPath(parsed.value);
-};
-
-const openDialog = async (): Promise<void> => {
-  const opts: Electron.OpenDialogOptions = {
-    title: 'Open File',
-    properties: ['openFile', 'multiSelections'],
-  };
-  const result =
-    mainWindow && !mainWindow.isDestroyed()
-      ? await dialog.showOpenDialog(mainWindow, opts)
-      : await dialog.showOpenDialog(opts);
-  if (result.canceled) return;
-  for (const filePath of result.filePaths) void dispatchPath(filePath);
-};
-
-protocol.registerSchemesAsPrivileged([
-  {
-    scheme: 'app',
-    privileges: {standard: true, secure: true, supportFetchAPI: true, stream: true, codeCache: true},
-  },
-]);
-
-const gotLock = app.requestSingleInstanceLock();
-if (!gotLock) {
-  app.quit();
-} else {
-  app.on('second-instance', (_event, argv, workingDirectory) => {
-    if (mainWindow) {
-      if (mainWindow.isMinimized()) mainWindow.restore();
-      mainWindow.focus();
-    }
-    dispatchArg(argv, workingDirectory || process.cwd());
-  });
-
-  app.on('open-url', (event, url) => {
-    event.preventDefault();
-    dispatch({kind: 'url', value: url});
-  });
-  app.on('open-file', (event, filePath) => {
-    event.preventDefault();
-    void dispatchPath(filePath);
-  });
-
-  ipcMain.handle('mutxt:open-dialog', () => openDialog());
-  ipcMain.handle('mutxt:write-file', async (_event, filePath: string, bytes: Uint8Array) => {
-    await fs.writeFile(filePath, bytes);
-  });
-  ipcMain.handle('mutxt:set-titlebar-mode', (_event, mode: TitlebarMode) => {
-    if (process.platform !== 'darwin') return;
-    if (!mainWindow || mainWindow.isDestroyed()) return;
-    mainWindow.setWindowButtonPosition(mode === 'compact' ? TRAFFIC_LIGHT_COMPACT : TRAFFIC_LIGHT_DEFAULT);
-  });
-
-  if (!app.isDefaultProtocolClient('mutxt')) {
-    app.setAsDefaultProtocolClient('mutxt');
-  }
-
-  dispatchArg(process.argv, process.cwd());
-
-  app.whenReady().then(() => {
-    if (!isDev) registerAppProtocol();
-    buildAppMenu();
-    createWindow();
-    app.on('activate', () => {
-      if (BrowserWindow.getAllWindows().length === 0) createWindow();
-    });
-  });
-
-  app.on('window-all-closed', () => {
-    if (process.platform !== 'darwin') app.quit();
-  });
-}
-
-function buildAppMenu(): void {
-  const isMac = process.platform === 'darwin';
-  const sendCloseFile = () => {
-    if (!mainWindow || mainWindow.isDestroyed()) return;
-    if (!rendererReady) return;
-    const wc = mainWindow.webContents;
-    if (wc.isDestroyed() || wc.isCrashed()) return;
-    wc.send('mutxt:close-file');
-  };
-  const template: MenuItemConstructorOptions[] = [
-    ...(isMac
-      ? ([
-          {
-            label: app.name,
-            submenu: [
-              {role: 'about'},
-              {type: 'separator'},
-              {role: 'services'},
-              {type: 'separator'},
-              {role: 'hide'},
-              {role: 'hideOthers'},
-              {role: 'unhide'},
-              {type: 'separator'},
-              {role: 'quit'},
-            ],
-          },
-        ] as MenuItemConstructorOptions[])
-      : []),
-    {
-      label: 'File',
-      submenu: [
-        {label: 'Open…', accelerator: 'CmdOrCtrl+O', click: () => void openDialog()},
-        {type: 'separator'},
-        {label: 'Close File', accelerator: 'CmdOrCtrl+W', click: sendCloseFile},
-        {label: 'Close Window', accelerator: 'CmdOrCtrl+Shift+W', role: 'close'},
-        ...(isMac ? [] : ([{type: 'separator'}, {role: 'quit'}] as MenuItemConstructorOptions[])),
-      ],
-    },
-    {role: 'editMenu'},
-    {role: 'viewMenu'},
-    {role: 'windowMenu'},
-  ];
-  Menu.setApplicationMenu(Menu.buildFromTemplate(template));
-}
-
-const CSP =
-  "default-src 'self' app: https: http: data: blob: 'unsafe-inline' 'unsafe-eval'; " +
-  "img-src 'self' app: https: http: data: blob:; " +
-  "media-src 'self' app: https: http: data: blob:; " +
-  "style-src 'self' app: https: http: 'unsafe-inline'; " +
-  "script-src 'self' app: https: http: 'unsafe-inline' 'unsafe-eval'; " +
-  "font-src 'self' app: https: http: data:; " +
-  "connect-src 'self' app: https: http: ws: wss: data: blob:; " +
-  "frame-src 'self' app: https: http: data: blob:; " +
-  "worker-src 'self' app: blob: data:;";
-
-function registerAppProtocol(): void {
-  protocol.handle('app', async (request) => {
-    const url = new URL(request.url);
-    let pathname = decodeURIComponent(url.pathname);
-    if (!pathname || pathname === '/') pathname = '/index.html';
-
-    const candidate = path.normalize(path.join(distRoot, pathname));
-    if (!candidate.startsWith(distRoot)) {
-      return new Response('Forbidden', {status: 403});
-    }
-
-    const target = path.extname(candidate) ? candidate : path.join(distRoot, 'index.html');
-    const upstream = await net.fetch(pathToFileURL(target).toString());
-    const headers = new Headers(upstream.headers);
-    headers.set('Content-Security-Policy', CSP);
-    return new Response(upstream.body, {status: upstream.status, statusText: upstream.statusText, headers});
-  });
-}
-
-function createWindow(): void {
-  const {width: screenWidth, height: screenHeight} = screen.getPrimaryDisplay().workAreaSize;
-  mainWindow = new BrowserWindow({
-    width: Math.round(screenWidth * 0.85),
-    height: Math.round(screenHeight * 0.85),
-    minWidth: 600,
-    minHeight: 400,
-    titleBarStyle: 'hiddenInset',
-    trafficLightPosition: TRAFFIC_LIGHT_DEFAULT,
-    backgroundColor: '#0f172a',
-    icon: path.join(iconsRoot, 'icon-512.png'),
-    webPreferences: {
-      contextIsolation: true,
-      nodeIntegration: false,
-      sandbox: true,
-      preload: path.join(__dirname, 'preload.js'),
-    },
-  });
-
-  mainWindow.webContents.setWindowOpenHandler(({url}) => {
-    shell.openExternal(url);
-    return {action: 'deny'};
-  });
-
-  mainWindow.webContents.on('did-finish-load', () => {
-    rendererReady = true;
-    flushPending();
-  });
-
-  mainWindow.on('closed', () => {
-    mainWindow = null;
-    rendererReady = false;
-  });
-
-  if (isDev) {
-    mainWindow.loadURL('http://localhost:3000');
-    mainWindow.webContents.openDevTools({mode: 'detach'});
-  } else {
-    mainWindow.loadURL('app://-/index.html');
-  }
-}
diff --git a/packages/mu-txt/electron/preload.ts b/packages/mu-txt/electron/preload.ts
deleted file mode 100644
index ff4dd54803..0000000000
--- a/packages/mu-txt/electron/preload.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-import {contextBridge, ipcRenderer, type IpcRendererEvent} from 'electron';
-
-type Listener<T> = (value: T) => void;
-type Unsubscribe = () => void;
-
-const subscribe = <T>(channel: string, cb: Listener<T>): Unsubscribe => {
-  const listener = (_event: IpcRendererEvent, value: T) => cb(value);
-  ipcRenderer.on(channel, listener);
-  return () => {
-    ipcRenderer.off(channel, listener);
-  };
-};
-
-const subscribeVoid = (channel: string, cb: () => void): Unsubscribe => {
-  const listener = () => cb();
-  ipcRenderer.on(channel, listener);
-  return () => {
-    ipcRenderer.off(channel, listener);
-  };
-};
-
-type OpenFilePayload = {name: string; path: string; bytes?: Uint8Array};
-
-const api = {
-  platform: process.platform,
-  versions: {...process.versions},
-  openDialog: (): Promise<void> => ipcRenderer.invoke('mutxt:open-dialog'),
-  writeFile: (path: string, bytes: Uint8Array): Promise<void> =>
-    ipcRenderer.invoke('mutxt:write-file', path, bytes),
-  setTitlebarMode: (mode: 'default' | 'compact'): Promise<void> =>
-    ipcRenderer.invoke('mutxt:set-titlebar-mode', mode),
-  onOpenFile: (cb: Listener<OpenFilePayload>): Unsubscribe => subscribe<OpenFilePayload>('mutxt:open-file', cb),
-  onOpenUrl: (cb: Listener<string>): Unsubscribe => subscribe<string>('mutxt:open-url', cb),
-  onCloseFile: (cb: () => void): Unsubscribe => subscribeVoid('mutxt:close-file', cb),
-} as const;
-
-export type MutxtBridge = typeof api;
-
-contextBridge.exposeInMainWorld('mutxt', api);
diff --git a/packages/mu-txt/forge.config.ts b/packages/mu-txt/forge.config.ts
deleted file mode 100644
index 508051c1c8..0000000000
--- a/packages/mu-txt/forge.config.ts
+++ /dev/null
@@ -1,103 +0,0 @@
-import * as path from 'node:path';
-import type {ForgeConfig} from '@electron-forge/shared-types';
-
-const iconBase = path.join(__dirname, 'public', 'icons', 'icon-512');
-
-const hasAppleIdentity = Boolean(process.env.APPLE_IDENTITY);
-const hasAppleNotarize = Boolean(
-  process.env.APPLE_ID && process.env.APPLE_PASSWORD && process.env.APPLE_TEAM_ID,
-);
-
-const config: ForgeConfig = {
-  packagerConfig: {
-    name: 'mu-txt',
-    executableName: 'mutxt',
-    appBundleId: 'com.mutxt',
-    icon: iconBase,
-    asar: true,
-    // Registers `mutxt://` as a default scheme on macOS via Info.plist. On
-    // Windows/Linux registration happens at runtime in main.ts.
-    protocols: [{name: 'mu-txt', schemes: ['mutxt']}],
-    osxSign: hasAppleIdentity
-      ? {
-          identity: process.env.APPLE_IDENTITY,
-          optionsForFile: () => ({
-            hardenedRuntime: true,
-            entitlements: path.join(__dirname, 'electron', 'entitlements.plist'),
-            'entitlements-inherit': path.join(__dirname, 'electron', 'entitlements.plist'),
-          }),
-        }
-      : undefined,
-    osxNotarize: hasAppleNotarize
-      ? {
-          appleId: process.env.APPLE_ID!,
-          appleIdPassword: process.env.APPLE_PASSWORD!,
-          teamId: process.env.APPLE_TEAM_ID!,
-        }
-      : undefined,
-    win32metadata: {
-      CompanyName: 'streamich',
-      FileDescription: 'mu-txt',
-      ProductName: 'mu-txt',
-    },
-    // Trim the packaged app to just the bits Electron needs at runtime:
-    // dist/ (renderer), out-electron/ (main+preload), public/icons/ (window
-    // icon), package.json. Everything else is build-time only.
-    ignore: [
-      /^\/src($|\/)/,
-      /^\/electron($|\/)/,
-      /^\/bin($|\/)/,
-      /^\/docs($|\/)/,
-      /^\/lib($|\/)/,
-      /^\/out($|\/)/,
-      /^\/public\/(?!icons($|\/))/,
-      /^\/tsconfig.*\.json$/,
-      /^\/webpack\.config\.ts$/,
-      /^\/forge\.config\.ts$/,
-      /^\/wrangler\.toml$/,
-      /^\/SIGNING\.md$/,
-      /^\/SECURITY\.md$/,
-      /^\/README\.md$/,
-      /\.map$/,
-    ],
-  },
-  rebuildConfig: {},
-  makers: [
-    {
-      name: '@electron-forge/maker-squirrel',
-      config: {
-        name: 'mutxt',
-        setupIcon: `${iconBase}.ico`,
-      },
-    },
-    {name: '@electron-forge/maker-zip', config: {}, platforms: ['darwin', 'linux']},
-    {
-      name: '@electron-forge/maker-deb',
-      config: {
-        options: {
-          mimeType: ['x-scheme-handler/mutxt'],
-        },
-      },
-    },
-    {
-      name: '@electron-forge/maker-rpm',
-      config: {
-        options: {
-          mimeType: ['x-scheme-handler/mutxt'],
-        },
-      },
-    },
-  ],
-  publishers: [
-    {
-      name: '@electron-forge/publisher-github',
-      config: {
-        repository: {owner: 'streamich', name: 'json-joy'},
-        prerelease: false,
-        draft: true,
-      },
-    },
-  ],
-};
-
-export default config;
diff --git a/packages/mu-txt/package.json b/packages/mu-txt/package.json
deleted file mode 100644
index 077c4b4cd1..0000000000
--- a/packages/mu-txt/package.json
+++ /dev/null
@@ -1,103 +0,0 @@
-{
-  "name": "mu-txt",
-  "publishConfig": {
-    "access": "public"
-  },
-  "version": "18.26.0",
-  "description": "Mutxt web app for creating and managing multiple rich-text files",
-  "author": {
-    "name": "streamich",
-    "url": "https://github.com/streamich"
-  },
-  "homepage": "https://mutxt.com",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/streamich/json-joy.git",
-    "directory": "packages/mu-txt"
-  },
-  "license": "AGPL-3.0-only",
-  "funding": {
-    "type": "github",
-    "url": "https://github.com/sponsors/streamich"
-  },
-  "main": "out-electron/main.js",
-  "bin": "bin/mu-txt.js",
-  "files": [
-    "LICENSE",
-    "lib/",
-    "dist/",
-    "out-electron/",
-    "bin/",
-    "public/icons/"
-  ],
-  "keywords": [
-    "mutxt",
-    "rich-text",
-    "editor",
-    "files",
-    "workspace",
-    "site",
-    "json-joy",
-    "peritext"
-  ],
-  "peerDependencies": {
-    "rxjs": "7",
-    "tslib": "*"
-  },
-  "dependencies": {
-    "electron": "^42.0.0"
-  },
-  "engines": {
-    "node": ">=18.0"
-  },
-  "installConfig": {
-    "hoistingLimits": "workspaces"
-  },
-  "scripts": {
-    "dev": "webpack serve --mode development",
-    "dev:prod": "webpack serve --mode production",
-    "build": "webpack --mode production",
-    "deploy": "yarn build && wrangler pages deploy --branch=master dist",
-    "deploy:preview": "yarn build && wrangler pages deploy --branch=preview dist",
-    "typecheck": "npx tsc --noEmit -p tsconfig.app.json && npx tsc --noEmit -p tsconfig.electron.json",
-    "clean": "npx rimraf dist out out-electron out-stage",
-    "electron:build:main": "npx tsc -p tsconfig.electron.json",
-    "electron:build": "yarn build && yarn electron:build:main",
-    "electron:stage": "node scripts/stage-electron.js",
-    "electron:dev": "yarn electron:build:main && MUTXT_DEV=1 electron out-electron/main.js",
-    "electron:package": "yarn electron:build && yarn electron:stage && electron-forge package out-stage",
-    "electron:make": "yarn electron:build && yarn electron:stage && electron-forge make out-stage",
-    "electron:publish": "yarn electron:build && yarn electron:stage && electron-forge publish out-stage",
-    "prepack": "yarn electron:build"
-  },
-  "devDependencies": {
-    "@electron-forge/cli": "^7.11.1",
-    "@electron-forge/maker-deb": "^7.11.1",
-    "@electron-forge/maker-rpm": "^7.11.1",
-    "@electron-forge/maker-squirrel": "^7.11.1",
-    "@electron-forge/maker-zip": "^7.11.1",
-    "@electron-forge/publisher-github": "^7.11.1",
-    "@electron-forge/shared-types": "^7.11.1",
-    "@jsonjoy.com/base64": "workspace:*",
-    "@jsonjoy.com/collaborative-peritext": "workspace:*",
-    "@jsonjoy.com/collaborative-slate": "workspace:*",
-    "@jsonjoy.com/collaborative-ui": "workspace:*",
-    "@jsonjoy.com/json-pack": "workspace:*",
-    "@jsonjoy.com/ui": "workspace:*",
-    "@jsonjoy.com/util": "workspace:*",
-    "@types/node": "^22.14.1",
-    "css-loader": "^7.1.2",
-    "electron": "^42.0.0",
-    "flexible-input": "^1.0.3",
-    "html-webpack-plugin": "^5.6.3",
-    "json-joy": "workspace:*",
-    "mini-css-extract-plugin": "^2.9.2",
-    "mutxt-react": "workspace:*",
-    "style-loader": "^4.0.0",
-    "ts-loader": "^9.5.2",
-    "webpack": "^5.99.5",
-    "webpack-cli": "^6.0.1",
-    "webpack-dev-server": "^5.2.1",
-    "wrangler": "^4.81.1"
-  }
-}
diff --git a/packages/mu-txt/public/favicon.png b/packages/mu-txt/public/favicon.png
deleted file mode 100644
index 17200b4029..0000000000
Binary files a/packages/mu-txt/public/favicon.png and /dev/null differ
diff --git a/packages/mu-txt/public/icon.svg b/packages/mu-txt/public/icon.svg
deleted file mode 100644
index 4998186de6..0000000000
--- a/packages/mu-txt/public/icon.svg
+++ /dev/null
@@ -1,20 +0,0 @@
-<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_2530_65)">
-<rect y="1" width="512" height="512" rx="128" fill="white"/>
-<path d="M102.4 159.974V262.374H0.000318527C0.000318527 205.82 45.8466 159.974 102.4 159.974Z" fill="#985DF7"/>
-<path d="M102.4 260.774H0V413.748H102.4V260.774Z" fill="#EE69B1"/>
-<path d="M204.801 262.374H102.401L102.401 159.974C158.954 159.974 204.801 205.82 204.801 262.374Z" fill="#E44A28"/>
-<path d="M102.4 262.374H204.8V364.774C148.247 364.774 102.4 318.928 102.4 262.374Z" fill="#F6A832"/>
-<path d="M307.199 159.974V262.374H204.799C204.799 205.82 250.645 159.974 307.199 159.974Z" fill="#985DF7"/>
-<path d="M204.801 364.774L204.801 262.374H307.201C307.201 318.928 261.355 364.774 204.801 364.774Z" fill="#5FCC8A"/>
-<path d="M409.6 262.374H307.2V159.974C363.753 159.974 409.6 205.82 409.6 262.374Z" fill="#E44A28"/>
-<path d="M307.199 262.374H409.599V364.774C353.046 364.774 307.199 318.928 307.199 262.374Z" fill="#F6A832"/>
-<path d="M512 111H409.6V263.974H512V111Z" fill="#58B9F8"/>
-<path d="M409.6 364.774V262.374H512C512 318.928 466.153 364.774 409.6 364.774Z" fill="#5FCC8A"/>
-</g>
-<defs>
-<clipPath id="clip0_2530_65">
-<rect width="512" height="512" fill="white"/>
-</clipPath>
-</defs>
-</svg>
diff --git a/packages/mu-txt/public/icons/128x128-fitted.png b/packages/mu-txt/public/icons/128x128-fitted.png
deleted file mode 100644
index ec3b1148d3..0000000000
Binary files a/packages/mu-txt/public/icons/128x128-fitted.png and /dev/null differ
diff --git a/packages/mu-txt/public/icons/128x128-fitted.svg b/packages/mu-txt/public/icons/128x128-fitted.svg
deleted file mode 100644
index a8ddca9ac9..0000000000
--- a/packages/mu-txt/public/icons/128x128-fitted.svg
+++ /dev/null
@@ -1,19 +0,0 @@
-<svg width="128" height="128" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_2528_1656)">
-<path d="M25.6006 38.2435V63.8435H0.000567913C0.000567913 49.7051 11.4621 38.2435 25.6006 38.2435Z" fill="#985DF7"/>
-<path d="M25.6 63.4435H0V101.687H25.6V63.4435Z" fill="#EE69B1"/>
-<path d="M51.2002 63.8435H25.6002L25.6002 38.2435C39.7386 38.2435 51.2002 49.7051 51.2002 63.8435Z" fill="#E44A28"/>
-<path d="M25.6006 63.8435H51.2006V89.4435C37.0622 89.4435 25.6006 77.982 25.6006 63.8435Z" fill="#F6A832"/>
-<path d="M76.8008 38.2435V63.8435H51.2008C51.2008 49.7051 62.6623 38.2435 76.8008 38.2435Z" fill="#985DF7"/>
-<path d="M51.2002 89.4435L51.2002 63.8435H76.8002C76.8002 77.982 65.3386 89.4435 51.2002 89.4435Z" fill="#5FCC8A"/>
-<path d="M102.4 63.8435H76.8004V38.2435C90.9388 38.2435 102.4 49.7051 102.4 63.8435Z" fill="#E44A28"/>
-<path d="M76.8008 63.8435H102.401V89.4435C88.2624 89.4435 76.8008 77.982 76.8008 63.8435Z" fill="#F6A832"/>
-<path d="M128 26H102.4V64.2435H128V26Z" fill="#58B9F8"/>
-<path d="M102.4 89.4435V63.8435H128C128 77.982 116.539 89.4435 102.4 89.4435Z" fill="#5FCC8A"/>
-</g>
-<defs>
-<clipPath id="clip0_2528_1656">
-<rect width="128" height="128" fill="white"/>
-</clipPath>
-</defs>
-</svg>
diff --git a/packages/mu-txt/public/icons/128x128-fitted@2x.png b/packages/mu-txt/public/icons/128x128-fitted@2x.png
deleted file mode 100644
index f05e58f4da..0000000000
Binary files a/packages/mu-txt/public/icons/128x128-fitted@2x.png and /dev/null differ
diff --git a/packages/mu-txt/public/icons/128x128-spaced-1.png b/packages/mu-txt/public/icons/128x128-spaced-1.png
deleted file mode 100644
index 5c21e9a6f9..0000000000
Binary files a/packages/mu-txt/public/icons/128x128-spaced-1.png and /dev/null differ
diff --git a/packages/mu-txt/public/icons/128x128-spaced-1.svg b/packages/mu-txt/public/icons/128x128-spaced-1.svg
deleted file mode 100644
index be0f7b053b..0000000000
--- a/packages/mu-txt/public/icons/128x128-spaced-1.svg
+++ /dev/null
@@ -1,20 +0,0 @@
-<svg width="128" height="128" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_2528_1815)">
-<rect width="128" height="128" rx="32" fill="black"/>
-<path d="M25.6006 38.2435V63.8435H0.000567913C0.000567913 49.7051 11.4621 38.2435 25.6006 38.2435Z" fill="#985DF7"/>
-<path d="M25.6 63.4435H0V101.687H25.6V63.4435Z" fill="#EE69B1"/>
-<path d="M51.2002 63.8435H25.6002L25.6002 38.2435C39.7386 38.2435 51.2002 49.7051 51.2002 63.8435Z" fill="#E44A28"/>
-<path d="M25.6006 63.8435H51.2006V89.4435C37.0622 89.4435 25.6006 77.982 25.6006 63.8435Z" fill="#F6A832"/>
-<path d="M76.8008 38.2435V63.8435H51.2008C51.2008 49.7051 62.6623 38.2435 76.8008 38.2435Z" fill="#985DF7"/>
-<path d="M51.2002 89.4435L51.2002 63.8435H76.8002C76.8002 77.982 65.3386 89.4435 51.2002 89.4435Z" fill="#5FCC8A"/>
-<path d="M102.4 63.8435H76.8004V38.2435C90.9388 38.2435 102.4 49.7051 102.4 63.8435Z" fill="#E44A28"/>
-<path d="M76.8008 63.8435H102.401V89.4435C88.2624 89.4435 76.8008 77.982 76.8008 63.8435Z" fill="#F6A832"/>
-<path d="M128 26H102.4V64.2435H128V26Z" fill="#58B9F8"/>
-<path d="M102.4 89.4435V63.8435H128C128 77.982 116.539 89.4435 102.4 89.4435Z" fill="#5FCC8A"/>
-</g>
-<defs>
-<clipPath id="clip0_2528_1815">
-<rect width="128" height="128" fill="white"/>
-</clipPath>
-</defs>
-</svg>
diff --git a/packages/mu-txt/public/icons/128x128-spaced.png b/packages/mu-txt/public/icons/128x128-spaced.png
deleted file mode 100644
index d75d08a88d..0000000000
Binary files a/packages/mu-txt/public/icons/128x128-spaced.png and /dev/null differ
diff --git a/packages/mu-txt/public/icons/128x128-spaced.svg b/packages/mu-txt/public/icons/128x128-spaced.svg
deleted file mode 100644
index bce637f28f..0000000000
--- a/packages/mu-txt/public/icons/128x128-spaced.svg
+++ /dev/null
@@ -1,20 +0,0 @@
-<svg width="128" height="128" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_2526_1365)">
-<rect width="128" height="128" rx="32" fill="white"/>
-<path d="M25.6006 38.2435V63.8435H0.000567913C0.000567913 49.7051 11.4621 38.2435 25.6006 38.2435Z" fill="#985DF7"/>
-<path d="M25.6 63.4435H0V101.687H25.6V63.4435Z" fill="#EE69B1"/>
-<path d="M51.2002 63.8435H25.6002L25.6002 38.2435C39.7386 38.2435 51.2002 49.7051 51.2002 63.8435Z" fill="#E44A28"/>
-<path d="M25.6006 63.8435H51.2006V89.4435C37.0622 89.4435 25.6006 77.982 25.6006 63.8435Z" fill="#F6A832"/>
-<path d="M76.8008 38.2435V63.8435H51.2008C51.2008 49.7051 62.6623 38.2435 76.8008 38.2435Z" fill="#985DF7"/>
-<path d="M51.2002 89.4435L51.2002 63.8435H76.8002C76.8002 77.982 65.3386 89.4435 51.2002 89.4435Z" fill="#5FCC8A"/>
-<path d="M102.4 63.8435H76.8004V38.2435C90.9388 38.2435 102.4 49.7051 102.4 63.8435Z" fill="#E44A28"/>
-<path d="M76.8008 63.8435H102.401V89.4435C88.2624 89.4435 76.8008 77.982 76.8008 63.8435Z" fill="#F6A832"/>
-<path d="M128 26H102.4V64.2435H128V26Z" fill="#58B9F8"/>
-<path d="M102.4 89.4435V63.8435H128C128 77.982 116.539 89.4435 102.4 89.4435Z" fill="#5FCC8A"/>
-</g>
-<defs>
-<clipPath id="clip0_2526_1365">
-<rect width="128" height="128" fill="white"/>
-</clipPath>
-</defs>
-</svg>
diff --git a/packages/mu-txt/public/icons/128x128-spaced@2x-1.png b/packages/mu-txt/public/icons/128x128-spaced@2x-1.png
deleted file mode 100644
index 42e3abe1b0..0000000000
Binary files a/packages/mu-txt/public/icons/128x128-spaced@2x-1.png and /dev/null differ
diff --git a/packages/mu-txt/public/icons/128x128-spaced@2x.png b/packages/mu-txt/public/icons/128x128-spaced@2x.png
deleted file mode 100644
index 7cf43b0c1d..0000000000
Binary files a/packages/mu-txt/public/icons/128x128-spaced@2x.png and /dev/null differ
diff --git a/packages/mu-txt/public/icons/16x16-fitted.png b/packages/mu-txt/public/icons/16x16-fitted.png
deleted file mode 100644
index f5f68280b6..0000000000
Binary files a/packages/mu-txt/public/icons/16x16-fitted.png and /dev/null differ
diff --git a/packages/mu-txt/public/icons/16x16-fitted.svg b/packages/mu-txt/public/icons/16x16-fitted.svg
deleted file mode 100644
index c670390bdd..0000000000
--- a/packages/mu-txt/public/icons/16x16-fitted.svg
+++ /dev/null
@@ -1,19 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_2528_1695)">
-<path d="M3.2002 4.78043V7.98043H0.000193059C0.000193059 6.21312 1.43289 4.78043 3.2002 4.78043Z" fill="#985DF7"/>
-<path d="M3.2 7.93045H0V12.7109H3.2V7.93045Z" fill="#EE69B1"/>
-<path d="M6.40039 7.98044H3.20039L3.20039 4.78044C4.96769 4.78044 6.40039 6.21313 6.40039 7.98044Z" fill="#E44A28"/>
-<path d="M3.2002 7.98044H6.4002V11.1804C4.63289 11.1804 3.2002 9.74774 3.2002 7.98044Z" fill="#F6A832"/>
-<path d="M9.60059 4.78043V7.98043H6.40058C6.40058 6.21312 7.83328 4.78043 9.60059 4.78043Z" fill="#985DF7"/>
-<path d="M6.40039 11.1805L6.40039 7.98045H9.60039C9.60039 9.74775 8.1677 11.1805 6.40039 11.1805Z" fill="#5FCC8A"/>
-<path d="M12.8008 7.98044H9.60078V4.78044C11.3681 4.78044 12.8008 6.21313 12.8008 7.98044Z" fill="#E44A28"/>
-<path d="M9.60059 7.98044H12.8006V11.1804C11.0333 11.1804 9.60059 9.74774 9.60059 7.98044Z" fill="#F6A832"/>
-<path d="M16.0008 3.25H12.8008V8.03044H16.0008V3.25Z" fill="#58B9F8"/>
-<path d="M12.8008 11.1805V7.98045H16.0008C16.0008 9.74775 14.5681 11.1805 12.8008 11.1805Z" fill="#5FCC8A"/>
-</g>
-<defs>
-<clipPath id="clip0_2528_1695">
-<rect width="16" height="16" fill="white"/>
-</clipPath>
-</defs>
-</svg>
diff --git a/packages/mu-txt/public/icons/16x16-fitted@2x.png b/packages/mu-txt/public/icons/16x16-fitted@2x.png
deleted file mode 100644
index 2fa7322ff6..0000000000
Binary files a/packages/mu-txt/public/icons/16x16-fitted@2x.png and /dev/null differ
diff --git a/packages/mu-txt/public/icons/16x16-spaced-1.png b/packages/mu-txt/public/icons/16x16-spaced-1.png
deleted file mode 100644
index 1f3a4dd387..0000000000
Binary files a/packages/mu-txt/public/icons/16x16-spaced-1.png and /dev/null differ
diff --git a/packages/mu-txt/public/icons/16x16-spaced-1.svg b/packages/mu-txt/public/icons/16x16-spaced-1.svg
deleted file mode 100644
index 3059cbef71..0000000000
--- a/packages/mu-txt/public/icons/16x16-spaced-1.svg
+++ /dev/null
@@ -1,13 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="16" height="16" rx="4" fill="black"/>
-<path d="M3.2002 4.53044V7.73044H0.000193059C0.000193059 5.96314 1.43289 4.53044 3.2002 4.53044Z" fill="#985DF7"/>
-<path d="M3.2 7.68044H0V12.4609H3.2V7.68044Z" fill="#EE69B1"/>
-<path d="M6.40039 7.73044H3.20039L3.20039 4.53044C4.96769 4.53044 6.40039 5.96313 6.40039 7.73044Z" fill="#E44A28"/>
-<path d="M3.2002 7.73044H6.4002V10.9304C4.63289 10.9304 3.2002 9.49774 3.2002 7.73044Z" fill="#F6A832"/>
-<path d="M9.60059 4.53044V7.73044H6.40058C6.40058 5.96314 7.83328 4.53044 9.60059 4.53044Z" fill="#985DF7"/>
-<path d="M6.40039 10.9304L6.40039 7.73043H9.60039C9.60039 9.49774 8.1677 10.9304 6.40039 10.9304Z" fill="#5FCC8A"/>
-<path d="M12.8008 7.73044H9.60078V4.53044C11.3681 4.53044 12.8008 5.96313 12.8008 7.73044Z" fill="#E44A28"/>
-<path d="M9.60059 7.73044H12.8006V10.9304C11.0333 10.9304 9.60059 9.49774 9.60059 7.73044Z" fill="#F6A832"/>
-<path d="M16.0008 3H12.8008V7.78044H16.0008V3Z" fill="#58B9F8"/>
-<path d="M12.8008 10.9304V7.73043H16.0008C16.0008 9.49774 14.5681 10.9304 12.8008 10.9304Z" fill="#5FCC8A"/>
-</svg>
diff --git a/packages/mu-txt/public/icons/16x16-spaced.png b/packages/mu-txt/public/icons/16x16-spaced.png
deleted file mode 100644
index 17200b4029..0000000000
Binary files a/packages/mu-txt/public/icons/16x16-spaced.png and /dev/null differ
diff --git a/packages/mu-txt/public/icons/16x16-spaced.svg b/packages/mu-txt/public/icons/16x16-spaced.svg
deleted file mode 100644
index dc4b60d07f..0000000000
--- a/packages/mu-txt/public/icons/16x16-spaced.svg
+++ /dev/null
@@ -1,14 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="16" height="16" rx="4" fill="white"/>
-<mask id="mask0_2526_1413" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="16" height="16">
-<rect width="16" height="16" rx="4" fill="white"/>
-</mask>
-<g mask="url(#mask0_2526_1413)">
-<path d="M5 3.00069V8.00069H1.63913e-07C1.63913e-07 5.23928 2.23859 3.00069 5 3.00069Z" fill="#985DF7"/>
-<path d="M5 8H0V20H5V8Z" fill="#EE69B1"/>
-<path d="M10 8.00069H5L5 3.00069C7.76141 3.00069 10 5.23928 10 8.00069Z" fill="#E44A28"/>
-<path d="M5 8.00069H10V14.0007C7.23859 14.0007 5 11.3144 5 8.00069Z" fill="#F6A832"/>
-<path d="M16 3.00069V8.00069H10C10 5.23928 12.6863 3.00069 16 3.00069Z" fill="#985DF7"/>
-<path d="M10 14.0007L10 8.00069H16C16 11.3144 13.3137 14.0007 10 14.0007Z" fill="#5FCC8A"/>
-</g>
-</svg>
diff --git a/packages/mu-txt/public/icons/16x16-spaced@2x-1.png b/packages/mu-txt/public/icons/16x16-spaced@2x-1.png
deleted file mode 100644
index d082917605..0000000000
Binary files a/packages/mu-txt/public/icons/16x16-spaced@2x-1.png and /dev/null differ
diff --git a/packages/mu-txt/public/icons/16x16-spaced@2x.png b/packages/mu-txt/public/icons/16x16-spaced@2x.png
deleted file mode 100644
index 52fd7eb39c..0000000000
Binary files a/packages/mu-txt/public/icons/16x16-spaced@2x.png and /dev/null differ
diff --git a/packages/mu-txt/public/icons/192x192-spaced.png b/packages/mu-txt/public/icons/192x192-spaced.png
deleted file mode 100644
index d99aac9211..0000000000
Binary files a/packages/mu-txt/public/icons/192x192-spaced.png and /dev/null differ
diff --git a/packages/mu-txt/public/icons/192x192-spaced.svg b/packages/mu-txt/public/icons/192x192-spaced.svg
deleted file mode 100644
index bbd37b6081..0000000000
--- a/packages/mu-txt/public/icons/192x192-spaced.svg
+++ /dev/null
@@ -1,20 +0,0 @@
-<svg width="192" height="192" viewBox="0 0 192 192" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_2526_1353)">
-<rect y="1" width="192" height="192" rx="56" fill="white"/>
-<path d="M38.4004 58.3652V96.7653H0.00036633C0.00036633 75.5576 17.1927 58.3652 38.4004 58.3652Z" fill="#985DF7"/>
-<path d="M38.4 96.1653H0V153.531H38.4V96.1653Z" fill="#EE69B1"/>
-<path d="M76.7998 96.7653H38.3998L38.3998 58.3652C59.6074 58.3652 76.7998 75.5576 76.7998 96.7653Z" fill="#E44A28"/>
-<path d="M38.4004 96.7653H76.8004V135.165C55.5927 135.165 38.4004 117.973 38.4004 96.7653Z" fill="#F6A832"/>
-<path d="M115.2 58.3652V96.7653H76.8002C76.8002 75.5576 93.9925 58.3652 115.2 58.3652Z" fill="#985DF7"/>
-<path d="M76.7998 135.165V96.7653H115.2C115.2 117.973 98.0075 135.165 76.7998 135.165Z" fill="#5FCC8A"/>
-<path d="M153.6 96.7653H115.2V58.3652C136.407 58.3652 153.6 75.5576 153.6 96.7653Z" fill="#E44A28"/>
-<path d="M115.2 96.7653H153.6V135.165C132.393 135.165 115.2 117.973 115.2 96.7653Z" fill="#F6A832"/>
-<path d="M192 40H153.6V97.3653H192V40Z" fill="#58B9F8"/>
-<path d="M153.6 135.165V96.7653H192C192 117.973 174.807 135.165 153.6 135.165Z" fill="#5FCC8A"/>
-</g>
-<defs>
-<clipPath id="clip0_2526_1353">
-<rect width="192" height="192" fill="white"/>
-</clipPath>
-</defs>
-</svg>
diff --git a/packages/mu-txt/public/icons/192x192-spaced@2x.png b/packages/mu-txt/public/icons/192x192-spaced@2x.png
deleted file mode 100644
index 8773cd6e9c..0000000000
Binary files a/packages/mu-txt/public/icons/192x192-spaced@2x.png and /dev/null differ
diff --git a/packages/mu-txt/public/icons/24x24-fitted.png b/packages/mu-txt/public/icons/24x24-fitted.png
deleted file mode 100644
index dd0e3e12ea..0000000000
Binary files a/packages/mu-txt/public/icons/24x24-fitted.png and /dev/null differ
diff --git a/packages/mu-txt/public/icons/24x24-fitted.svg b/packages/mu-txt/public/icons/24x24-fitted.svg
deleted file mode 100644
index bd85c6d781..0000000000
--- a/packages/mu-txt/public/icons/24x24-fitted.svg
+++ /dev/null
@@ -1,19 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_2528_1708)">
-<path d="M4.80078 7.17065V11.9707H0.000778213C0.000778213 9.3197 2.14982 7.17065 4.80078 7.17065Z" fill="#985DF7"/>
-<path d="M4.8 11.8957H0V19.0663H4.8V11.8957Z" fill="#EE69B1"/>
-<path d="M9.60059 11.9707H4.80058L4.80058 7.17067C7.45154 7.17067 9.60059 9.31971 9.60059 11.9707Z" fill="#E44A28"/>
-<path d="M4.80078 11.9707H9.60078V16.7707C6.94983 16.7707 4.80078 14.6216 4.80078 11.9707Z" fill="#F6A832"/>
-<path d="M14.4004 7.17065V11.9707H9.60039C9.60039 9.3197 11.7494 7.17065 14.4004 7.17065Z" fill="#985DF7"/>
-<path d="M9.60059 16.7707V11.9707H14.4006C14.4006 14.6216 12.2515 16.7707 9.60059 16.7707Z" fill="#5FCC8A"/>
-<path d="M19.2002 11.9707H14.4002V7.17067C17.0512 7.17067 19.2002 9.31971 19.2002 11.9707Z" fill="#E44A28"/>
-<path d="M14.4004 11.9707H19.2004V16.7707C16.5494 16.7707 14.4004 14.6216 14.4004 11.9707Z" fill="#F6A832"/>
-<path d="M24.0002 4.875H19.2002V12.0457H24.0002V4.875Z" fill="#58B9F8"/>
-<path d="M19.2002 16.7707V11.9707H24.0002C24.0002 14.6216 21.8512 16.7707 19.2002 16.7707Z" fill="#5FCC8A"/>
-</g>
-<defs>
-<clipPath id="clip0_2528_1708">
-<rect width="24" height="24" fill="white"/>
-</clipPath>
-</defs>
-</svg>
diff --git a/packages/mu-txt/public/icons/24x24-fitted@2x.png b/packages/mu-txt/public/icons/24x24-fitted@2x.png
deleted file mode 100644
index 60380388b9..0000000000
Binary files a/packages/mu-txt/public/icons/24x24-fitted@2x.png and /dev/null differ
diff --git a/packages/mu-txt/public/icons/24x24-spaced-1.png b/packages/mu-txt/public/icons/24x24-spaced-1.png
deleted file mode 100644
index 95807938a3..0000000000
Binary files a/packages/mu-txt/public/icons/24x24-spaced-1.png and /dev/null differ
diff --git a/packages/mu-txt/public/icons/24x24-spaced-1.svg b/packages/mu-txt/public/icons/24x24-spaced-1.svg
deleted file mode 100644
index a1f41f187b..0000000000
--- a/packages/mu-txt/public/icons/24x24-spaced-1.svg
+++ /dev/null
@@ -1,20 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_2528_1857)">
-<rect width="24" height="24" rx="6" fill="black"/>
-<path d="M4.80078 7.29565V12.0957H0.000778213C0.000778213 9.4447 2.14982 7.29565 4.80078 7.29565Z" fill="#985DF7"/>
-<path d="M4.8 12.0207H0V19.1913H4.8V12.0207Z" fill="#EE69B1"/>
-<path d="M9.60059 12.0957H4.80058L4.80058 7.29565C7.45154 7.29565 9.60059 9.4447 9.60059 12.0957Z" fill="#E44A28"/>
-<path d="M4.80078 12.0957H9.60078V16.8957C6.94983 16.8957 4.80078 14.7466 4.80078 12.0957Z" fill="#F6A832"/>
-<path d="M14.4004 7.29565V12.0957H9.60039C9.60039 9.4447 11.7494 7.29565 14.4004 7.29565Z" fill="#985DF7"/>
-<path d="M9.60059 16.8957V12.0957H14.4006C14.4006 14.7466 12.2515 16.8957 9.60059 16.8957Z" fill="#5FCC8A"/>
-<path d="M19.2002 12.0957H14.4002V7.29565C17.0512 7.29565 19.2002 9.4447 19.2002 12.0957Z" fill="#E44A28"/>
-<path d="M14.4004 12.0957H19.2004V16.8957C16.5494 16.8957 14.4004 14.7466 14.4004 12.0957Z" fill="#F6A832"/>
-<path d="M24.0002 5H19.2002V12.1707H24.0002V5Z" fill="#58B9F8"/>
-<path d="M19.2002 16.8957V12.0957H24.0002C24.0002 14.7466 21.8512 16.8957 19.2002 16.8957Z" fill="#5FCC8A"/>
-</g>
-<defs>
-<clipPath id="clip0_2528_1857">
-<rect width="24" height="24" fill="white"/>
-</clipPath>
-</defs>
-</svg>
diff --git a/packages/mu-txt/public/icons/24x24-spaced.png b/packages/mu-txt/public/icons/24x24-spaced.png
deleted file mode 100644
index 3336d153b6..0000000000
Binary files a/packages/mu-txt/public/icons/24x24-spaced.png and /dev/null differ
diff --git a/packages/mu-txt/public/icons/24x24-spaced.svg b/packages/mu-txt/public/icons/24x24-spaced.svg
deleted file mode 100644
index c31c2333cd..0000000000
--- a/packages/mu-txt/public/icons/24x24-spaced.svg
+++ /dev/null
@@ -1,20 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_2526_1401)">
-<rect width="24" height="24" rx="6" fill="white"/>
-<path d="M4.80078 7.29565V12.0957H0.000778213C0.000778213 9.4447 2.14982 7.29565 4.80078 7.29565Z" fill="#985DF7"/>
-<path d="M4.8 12.0207H0V19.1913H4.8V12.0207Z" fill="#EE69B1"/>
-<path d="M9.60059 12.0957H4.80058L4.80058 7.29565C7.45154 7.29565 9.60059 9.4447 9.60059 12.0957Z" fill="#E44A28"/>
-<path d="M4.80078 12.0957H9.60078V16.8957C6.94983 16.8957 4.80078 14.7466 4.80078 12.0957Z" fill="#F6A832"/>
-<path d="M14.4004 7.29565V12.0957H9.60039C9.60039 9.4447 11.7494 7.29565 14.4004 7.29565Z" fill="#985DF7"/>
-<path d="M9.60059 16.8957V12.0957H14.4006C14.4006 14.7466 12.2515 16.8957 9.60059 16.8957Z" fill="#5FCC8A"/>
-<path d="M19.2002 12.0957H14.4002V7.29565C17.0512 7.29565 19.2002 9.4447 19.2002 12.0957Z" fill="#E44A28"/>
-<path d="M14.4004 12.0957H19.2004V16.8957C16.5494 16.8957 14.4004 14.7466 14.4004 12.0957Z" fill="#F6A832"/>
-<path d="M24.0002 5H19.2002V12.1707H24.0002V5Z" fill="#58B9F8"/>
-<path d="M19.2002 16.8957V12.0957H24.0002C24.0002 14.7466 21.8512 16.8957 19.2002 16.8957Z" fill="#5FCC8A"/>
-</g>
-<defs>
-<clipPath id="clip0_2526_1401">
-<rect width="24" height="24" fill="white"/>
-</clipPath>
-</defs>
-</svg>
diff --git a/packages/mu-txt/public/icons/24x24-spaced@2x-1.png b/packages/mu-txt/public/icons/24x24-spaced@2x-1.png
deleted file mode 100644
index dece56d4c3..0000000000
Binary files a/packages/mu-txt/public/icons/24x24-spaced@2x-1.png and /dev/null differ
diff --git a/packages/mu-txt/public/icons/24x24-spaced@2x.png b/packages/mu-txt/public/icons/24x24-spaced@2x.png
deleted file mode 100644
index f056b3be6b..0000000000
Binary files a/packages/mu-txt/public/icons/24x24-spaced@2x.png and /dev/null differ
diff --git a/packages/mu-txt/public/icons/256x256-fitted.png b/packages/mu-txt/public/icons/256x256-fitted.png
deleted file mode 100644
index c19ee7d4f0..0000000000
Binary files a/packages/mu-txt/public/icons/256x256-fitted.png and /dev/null differ
diff --git a/packages/mu-txt/public/icons/256x256-fitted.svg b/packages/mu-txt/public/icons/256x256-fitted.svg
deleted file mode 100644
index 4159568689..0000000000
--- a/packages/mu-txt/public/icons/256x256-fitted.svg
+++ /dev/null
@@ -1,12 +0,0 @@
-<svg width="256" height="256" viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M51.2002 76.487V127.687H0.000159264C0.000159264 99.4101 22.9233 76.487 51.2002 76.487Z" fill="#985DF7"/>
-<path d="M51.2 126.887H0V203.374H51.2V126.887Z" fill="#EE69B1"/>
-<path d="M102.4 127.687H51.2004L51.2004 76.487C79.4772 76.487 102.4 99.4101 102.4 127.687Z" fill="#E44A28"/>
-<path d="M51.2002 127.687H102.4V178.887C74.1233 178.887 51.2002 155.964 51.2002 127.687Z" fill="#F6A832"/>
-<path d="M153.6 76.487V127.687H102.4C102.4 99.4101 125.323 76.487 153.6 76.487Z" fill="#985DF7"/>
-<path d="M102.4 178.887L102.4 127.687H153.6C153.6 155.964 130.677 178.887 102.4 178.887Z" fill="#5FCC8A"/>
-<path d="M204.8 127.687H153.6V76.487C181.877 76.487 204.8 99.4101 204.8 127.687Z" fill="#E44A28"/>
-<path d="M153.6 127.687H204.8V178.887C176.523 178.887 153.6 155.964 153.6 127.687Z" fill="#F6A832"/>
-<path d="M256 52H204.8V128.487H256V52Z" fill="#58B9F8"/>
-<path d="M204.8 178.887V127.687H256C256 155.964 233.077 178.887 204.8 178.887Z" fill="#5FCC8A"/>
-</svg>
diff --git a/packages/mu-txt/public/icons/256x256-fitted@2x.png b/packages/mu-txt/public/icons/256x256-fitted@2x.png
deleted file mode 100644
index b7d23a0ddc..0000000000
Binary files a/packages/mu-txt/public/icons/256x256-fitted@2x.png and /dev/null differ
diff --git a/packages/mu-txt/public/icons/256x256-spaced-1.png b/packages/mu-txt/public/icons/256x256-spaced-1.png
deleted file mode 100644
index 9afece3b2f..0000000000
Binary files a/packages/mu-txt/public/icons/256x256-spaced-1.png and /dev/null differ
diff --git a/packages/mu-txt/public/icons/256x256-spaced-1.svg b/packages/mu-txt/public/icons/256x256-spaced-1.svg
deleted file mode 100644
index 2cdc011726..0000000000
--- a/packages/mu-txt/public/icons/256x256-spaced-1.svg
+++ /dev/null
@@ -1,20 +0,0 @@
-<svg width="256" height="256" viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_2528_1801)">
-<rect y="1" width="256" height="256" rx="64" fill="black"/>
-<path d="M51.2002 76.487V127.687H0.000159264C0.000159264 99.4101 22.9233 76.487 51.2002 76.487Z" fill="#985DF7"/>
-<path d="M51.2 126.887H0V203.374H51.2V126.887Z" fill="#EE69B1"/>
-<path d="M102.4 127.687H51.2004L51.2004 76.487C79.4772 76.487 102.4 99.4101 102.4 127.687Z" fill="#E44A28"/>
-<path d="M51.2002 127.687H102.4V178.887C74.1233 178.887 51.2002 155.964 51.2002 127.687Z" fill="#F6A832"/>
-<path d="M153.6 76.487V127.687H102.4C102.4 99.4101 125.323 76.487 153.6 76.487Z" fill="#985DF7"/>
-<path d="M102.4 178.887L102.4 127.687H153.6C153.6 155.964 130.677 178.887 102.4 178.887Z" fill="#5FCC8A"/>
-<path d="M204.8 127.687H153.6V76.487C181.877 76.487 204.8 99.4101 204.8 127.687Z" fill="#E44A28"/>
-<path d="M153.6 127.687H204.8V178.887C176.523 178.887 153.6 155.964 153.6 127.687Z" fill="#F6A832"/>
-<path d="M256 52H204.8V128.487H256V52Z" fill="#58B9F8"/>
-<path d="M204.8 178.887V127.687H256C256 155.964 233.077 178.887 204.8 178.887Z" fill="#5FCC8A"/>
-</g>
-<defs>
-<clipPath id="clip0_2528_1801">
-<rect width="256" height="256" fill="white"/>
-</clipPath>
-</defs>
-</svg>
diff --git a/packages/mu-txt/public/icons/256x256-spaced.png b/packages/mu-txt/public/icons/256x256-spaced.png
deleted file mode 100644
index e67fb653a0..0000000000
Binary files a/packages/mu-txt/public/icons/256x256-spaced.png and /dev/null differ
diff --git a/packages/mu-txt/public/icons/256x256-spaced.svg b/packages/mu-txt/public/icons/256x256-spaced.svg
deleted file mode 100644
index 64775d3fb7..0000000000
--- a/packages/mu-txt/public/icons/256x256-spaced.svg
+++ /dev/null
@@ -1,20 +0,0 @@
-<svg width="256" height="256" viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_2526_1353)">
-<rect y="1" width="256" height="256" rx="64" fill="white"/>
-<path d="M51.2002 76.487V127.687H0.000159264C0.000159264 99.4101 22.9233 76.487 51.2002 76.487Z" fill="#985DF7"/>
-<path d="M51.2 126.887H0V203.374H51.2V126.887Z" fill="#EE69B1"/>
-<path d="M102.4 127.687H51.2004L51.2004 76.487C79.4772 76.487 102.4 99.4101 102.4 127.687Z" fill="#E44A28"/>
-<path d="M51.2002 127.687H102.4V178.887C74.1233 178.887 51.2002 155.964 51.2002 127.687Z" fill="#F6A832"/>
-<path d="M153.6 76.487V127.687H102.4C102.4 99.4101 125.323 76.487 153.6 76.487Z" fill="#985DF7"/>
-<path d="M102.4 178.887L102.4 127.687H153.6C153.6 155.964 130.677 178.887 102.4 178.887Z" fill="#5FCC8A"/>
-<path d="M204.8 127.687H153.6V76.487C181.877 76.487 204.8 99.4101 204.8 127.687Z" fill="#E44A28"/>
-<path d="M153.6 127.687H204.8V178.887C176.523 178.887 153.6 155.964 153.6 127.687Z" fill="#F6A832"/>
-<path d="M256 52H204.8V128.487H256V52Z" fill="#58B9F8"/>
-<path d="M204.8 178.887V127.687H256C256 155.964 233.077 178.887 204.8 178.887Z" fill="#5FCC8A"/>
-</g>
-<defs>
-<clipPath id="clip0_2526_1353">
-<rect width="256" height="256" fill="white"/>
-</clipPath>
-</defs>
-</svg>
diff --git a/packages/mu-txt/public/icons/256x256-spaced@2x-1.png b/packages/mu-txt/public/icons/256x256-spaced@2x-1.png
deleted file mode 100644
index bc922d9546..0000000000
Binary files a/packages/mu-txt/public/icons/256x256-spaced@2x-1.png and /dev/null differ
diff --git a/packages/mu-txt/public/icons/256x256-spaced@2x.png b/packages/mu-txt/public/icons/256x256-spaced@2x.png
deleted file mode 100644
index 28c8f1f32a..0000000000
Binary files a/packages/mu-txt/public/icons/256x256-spaced@2x.png and /dev/null differ
diff --git a/packages/mu-txt/public/icons/32x32-fitted.png b/packages/mu-txt/public/icons/32x32-fitted.png
deleted file mode 100644
index b63070484b..0000000000
Binary files a/packages/mu-txt/public/icons/32x32-fitted.png and /dev/null differ
diff --git a/packages/mu-txt/public/icons/32x32-fitted.svg b/packages/mu-txt/public/icons/32x32-fitted.svg
deleted file mode 100644
index cb787e87ad..0000000000
--- a/packages/mu-txt/public/icons/32x32-fitted.svg
+++ /dev/null
@@ -1,19 +0,0 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_2528_1682)">
-<path d="M6.40039 9.56088V15.9609H0.000386119C0.000386119 12.4263 2.86578 9.56088 6.40039 9.56088Z" fill="#985DF7"/>
-<path d="M6.4 15.8609H0V25.4217H6.4V15.8609Z" fill="#EE69B1"/>
-<path d="M12.8008 15.9609H6.40078L6.40078 9.56087C9.93539 9.56087 12.8008 12.4263 12.8008 15.9609Z" fill="#E44A28"/>
-<path d="M6.40039 15.9609H12.8004V22.3609C9.26578 22.3609 6.40039 19.4955 6.40039 15.9609Z" fill="#F6A832"/>
-<path d="M19.2002 9.56088V15.9609H12.8002C12.8002 12.4263 15.6656 9.56088 19.2002 9.56088Z" fill="#985DF7"/>
-<path d="M12.8008 22.3609L12.8008 15.9609H19.2008C19.2008 19.4955 16.3354 22.3609 12.8008 22.3609Z" fill="#5FCC8A"/>
-<path d="M25.6006 15.9609H19.2006V9.56087C22.7352 9.56087 25.6006 12.4263 25.6006 15.9609Z" fill="#E44A28"/>
-<path d="M19.2002 15.9609H25.6002V22.3609C22.0656 22.3609 19.2002 19.4955 19.2002 15.9609Z" fill="#F6A832"/>
-<path d="M32.0006 6.5H25.6006V16.0609H32.0006V6.5Z" fill="#58B9F8"/>
-<path d="M25.6006 22.3609V15.9609H32.0006C32.0006 19.4955 29.1352 22.3609 25.6006 22.3609Z" fill="#5FCC8A"/>
-</g>
-<defs>
-<clipPath id="clip0_2528_1682">
-<rect width="32" height="32" fill="white"/>
-</clipPath>
-</defs>
-</svg>
diff --git a/packages/mu-txt/public/icons/32x32-fitted@2x.png b/packages/mu-txt/public/icons/32x32-fitted@2x.png
deleted file mode 100644
index 985fb7c25a..0000000000
Binary files a/packages/mu-txt/public/icons/32x32-fitted@2x.png and /dev/null differ
diff --git a/packages/mu-txt/public/icons/32x32-spaced-1.png b/packages/mu-txt/public/icons/32x32-spaced-1.png
deleted file mode 100644
index 508e7057ac..0000000000
Binary files a/packages/mu-txt/public/icons/32x32-spaced-1.png and /dev/null differ
diff --git a/packages/mu-txt/public/icons/32x32-spaced-1.svg b/packages/mu-txt/public/icons/32x32-spaced-1.svg
deleted file mode 100644
index c3bf4869fe..0000000000
--- a/packages/mu-txt/public/icons/32x32-spaced-1.svg
+++ /dev/null
@@ -1,20 +0,0 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_2528_1843)">
-<rect width="32" height="32" rx="8" fill="black"/>
-<path d="M6.40039 10.0609V16.4609H0.000386119C0.000386119 12.9263 2.86578 10.0609 6.40039 10.0609Z" fill="#985DF7"/>
-<path d="M6.4 16.3609H0V25.9217H6.4V16.3609Z" fill="#EE69B1"/>
-<path d="M12.8008 16.4609H6.40078L6.40078 10.0609C9.93539 10.0609 12.8008 12.9263 12.8008 16.4609Z" fill="#E44A28"/>
-<path d="M6.40039 16.4609H12.8004V22.8609C9.26578 22.8609 6.40039 19.9955 6.40039 16.4609Z" fill="#F6A832"/>
-<path d="M19.2002 10.0609V16.4609H12.8002C12.8002 12.9263 15.6656 10.0609 19.2002 10.0609Z" fill="#985DF7"/>
-<path d="M12.8008 22.8609L12.8008 16.4609H19.2008C19.2008 19.9955 16.3354 22.8609 12.8008 22.8609Z" fill="#5FCC8A"/>
-<path d="M25.6006 16.4609H19.2006V10.0609C22.7352 10.0609 25.6006 12.9263 25.6006 16.4609Z" fill="#E44A28"/>
-<path d="M19.2002 16.4609H25.6002V22.8609C22.0656 22.8609 19.2002 19.9955 19.2002 16.4609Z" fill="#F6A832"/>
-<path d="M32.0006 7H25.6006V16.5609H32.0006V7Z" fill="#58B9F8"/>
-<path d="M25.6006 22.8609V16.4609H32.0006C32.0006 19.9955 29.1352 22.8609 25.6006 22.8609Z" fill="#5FCC8A"/>
-</g>
-<defs>
-<clipPath id="clip0_2528_1843">
-<rect width="32" height="32" fill="white"/>
-</clipPath>
-</defs>
-</svg>
diff --git a/packages/mu-txt/public/icons/32x32-spaced.png b/packages/mu-txt/public/icons/32x32-spaced.png
deleted file mode 100644
index 0dd1639ebf..0000000000
Binary files a/packages/mu-txt/public/icons/32x32-spaced.png and /dev/null differ
diff --git a/packages/mu-txt/public/icons/32x32-spaced.svg b/packages/mu-txt/public/icons/32x32-spaced.svg
deleted file mode 100644
index 8d6d8b4cc3..0000000000
--- a/packages/mu-txt/public/icons/32x32-spaced.svg
+++ /dev/null
@@ -1,20 +0,0 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_2526_1389)">
-<rect width="32" height="32" rx="8" fill="white"/>
-<path d="M6.40039 10.0609V16.4609H0.000386119C0.000386119 12.9263 2.86578 10.0609 6.40039 10.0609Z" fill="#985DF7"/>
-<path d="M6.4 16.3609H0V25.9218H6.4V16.3609Z" fill="#EE69B1"/>
-<path d="M12.8008 16.4609H6.40078L6.40078 10.0609C9.93539 10.0609 12.8008 12.9263 12.8008 16.4609Z" fill="#E44A28"/>
-<path d="M6.40039 16.4609H12.8004V22.8609C9.26578 22.8609 6.40039 19.9955 6.40039 16.4609Z" fill="#F6A832"/>
-<path d="M19.2002 10.0609V16.4609H12.8002C12.8002 12.9263 15.6656 10.0609 19.2002 10.0609Z" fill="#985DF7"/>
-<path d="M12.8008 22.8609L12.8008 16.4609H19.2008C19.2008 19.9955 16.3354 22.8609 12.8008 22.8609Z" fill="#5FCC8A"/>
-<path d="M25.6006 16.4609H19.2006V10.0609C22.7352 10.0609 25.6006 12.9263 25.6006 16.4609Z" fill="#E44A28"/>
-<path d="M19.2002 16.4609H25.6002V22.8609C22.0656 22.8609 19.2002 19.9955 19.2002 16.4609Z" fill="#F6A832"/>
-<path d="M32.0006 7H25.6006V16.5609H32.0006V7Z" fill="#58B9F8"/>
-<path d="M25.6006 22.8609V16.4609H32.0006C32.0006 19.9955 29.1352 22.8609 25.6006 22.8609Z" fill="#5FCC8A"/>
-</g>
-<defs>
-<clipPath id="clip0_2526_1389">
-<rect width="32" height="32" fill="white"/>
-</clipPath>
-</defs>
-</svg>
diff --git a/packages/mu-txt/public/icons/32x32-spaced@2x-1.png b/packages/mu-txt/public/icons/32x32-spaced@2x-1.png
deleted file mode 100644
index a8128515b4..0000000000
Binary files a/packages/mu-txt/public/icons/32x32-spaced@2x-1.png and /dev/null differ
diff --git a/packages/mu-txt/public/icons/32x32-spaced@2x.png b/packages/mu-txt/public/icons/32x32-spaced@2x.png
deleted file mode 100644
index 482661e81a..0000000000
Binary files a/packages/mu-txt/public/icons/32x32-spaced@2x.png and /dev/null differ
diff --git a/packages/mu-txt/public/icons/512x512-spaced.png b/packages/mu-txt/public/icons/512x512-spaced.png
deleted file mode 100644
index 0ae032894b..0000000000
Binary files a/packages/mu-txt/public/icons/512x512-spaced.png and /dev/null differ
diff --git a/packages/mu-txt/public/icons/512x512-spaced.svg b/packages/mu-txt/public/icons/512x512-spaced.svg
deleted file mode 100644
index 4998186de6..0000000000
--- a/packages/mu-txt/public/icons/512x512-spaced.svg
+++ /dev/null
@@ -1,20 +0,0 @@
-<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_2530_65)">
-<rect y="1" width="512" height="512" rx="128" fill="white"/>
-<path d="M102.4 159.974V262.374H0.000318527C0.000318527 205.82 45.8466 159.974 102.4 159.974Z" fill="#985DF7"/>
-<path d="M102.4 260.774H0V413.748H102.4V260.774Z" fill="#EE69B1"/>
-<path d="M204.801 262.374H102.401L102.401 159.974C158.954 159.974 204.801 205.82 204.801 262.374Z" fill="#E44A28"/>
-<path d="M102.4 262.374H204.8V364.774C148.247 364.774 102.4 318.928 102.4 262.374Z" fill="#F6A832"/>
-<path d="M307.199 159.974V262.374H204.799C204.799 205.82 250.645 159.974 307.199 159.974Z" fill="#985DF7"/>
-<path d="M204.801 364.774L204.801 262.374H307.201C307.201 318.928 261.355 364.774 204.801 364.774Z" fill="#5FCC8A"/>
-<path d="M409.6 262.374H307.2V159.974C363.753 159.974 409.6 205.82 409.6 262.374Z" fill="#E44A28"/>
-<path d="M307.199 262.374H409.599V364.774C353.046 364.774 307.199 318.928 307.199 262.374Z" fill="#F6A832"/>
-<path d="M512 111H409.6V263.974H512V111Z" fill="#58B9F8"/>
-<path d="M409.6 364.774V262.374H512C512 318.928 466.153 364.774 409.6 364.774Z" fill="#5FCC8A"/>
-</g>
-<defs>
-<clipPath id="clip0_2530_65">
-<rect width="512" height="512" fill="white"/>
-</clipPath>
-</defs>
-</svg>
diff --git a/packages/mu-txt/public/icons/512x512-spaced@2x.png b/packages/mu-txt/public/icons/512x512-spaced@2x.png
deleted file mode 100644
index 2624db5378..0000000000
Binary files a/packages/mu-txt/public/icons/512x512-spaced@2x.png and /dev/null differ
diff --git a/packages/mu-txt/public/icons/64x64-fitted.png b/packages/mu-txt/public/icons/64x64-fitted.png
deleted file mode 100644
index d8db56e03e..0000000000
Binary files a/packages/mu-txt/public/icons/64x64-fitted.png and /dev/null differ
diff --git a/packages/mu-txt/public/icons/64x64-fitted.svg b/packages/mu-txt/public/icons/64x64-fitted.svg
deleted file mode 100644
index 19ca1b8983..0000000000
--- a/packages/mu-txt/public/icons/64x64-fitted.svg
+++ /dev/null
@@ -1,19 +0,0 @@
-<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_2528_1669)">
-<path d="M12.8008 19.1217V31.9217H0.000772238C0.000772238 24.8525 5.73156 19.1217 12.8008 19.1217Z" fill="#985DF7"/>
-<path d="M12.8 31.7217H0V50.8435H12.8V31.7217Z" fill="#EE69B1"/>
-<path d="M25.6006 31.9218H12.8006L12.8006 19.1217C19.8698 19.1217 25.6006 24.8525 25.6006 31.9218Z" fill="#E44A28"/>
-<path d="M12.8008 31.9218H25.6008V44.7218C18.5316 44.7218 12.8008 38.991 12.8008 31.9218Z" fill="#F6A832"/>
-<path d="M38.4004 19.1217V31.9217H25.6004C25.6004 24.8525 31.3312 19.1217 38.4004 19.1217Z" fill="#985DF7"/>
-<path d="M25.6006 44.7218L25.6006 31.9218H38.4006C38.4006 38.991 32.6698 44.7218 25.6006 44.7218Z" fill="#5FCC8A"/>
-<path d="M51.2002 31.9218H38.4002V19.1217C45.4694 19.1217 51.2002 24.8525 51.2002 31.9218Z" fill="#E44A28"/>
-<path d="M38.4004 31.9218H51.2004V44.7218C44.1312 44.7218 38.4004 38.991 38.4004 31.9218Z" fill="#F6A832"/>
-<path d="M64.0002 13H51.2002V32.1218H64.0002V13Z" fill="#58B9F8"/>
-<path d="M51.2002 44.7218V31.9218H64.0002C64.0002 38.991 58.2694 44.7218 51.2002 44.7218Z" fill="#5FCC8A"/>
-</g>
-<defs>
-<clipPath id="clip0_2528_1669">
-<rect width="64" height="64" fill="white"/>
-</clipPath>
-</defs>
-</svg>
diff --git a/packages/mu-txt/public/icons/64x64-fitted@2x.png b/packages/mu-txt/public/icons/64x64-fitted@2x.png
deleted file mode 100644
index 8c1409955e..0000000000
Binary files a/packages/mu-txt/public/icons/64x64-fitted@2x.png and /dev/null differ
diff --git a/packages/mu-txt/public/icons/64x64-spaced-1.png b/packages/mu-txt/public/icons/64x64-spaced-1.png
deleted file mode 100644
index 08250f13da..0000000000
Binary files a/packages/mu-txt/public/icons/64x64-spaced-1.png and /dev/null differ
diff --git a/packages/mu-txt/public/icons/64x64-spaced-1.svg b/packages/mu-txt/public/icons/64x64-spaced-1.svg
deleted file mode 100644
index 5a55f32646..0000000000
--- a/packages/mu-txt/public/icons/64x64-spaced-1.svg
+++ /dev/null
@@ -1,20 +0,0 @@
-<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_2528_1829)">
-<rect width="64" height="64" rx="16" fill="black"/>
-<path d="M12.8008 19.1217V31.9218H0.000772238C0.000772238 24.8525 5.73156 19.1217 12.8008 19.1217Z" fill="#985DF7"/>
-<path d="M12.8 31.7217H0V50.8435H12.8V31.7217Z" fill="#EE69B1"/>
-<path d="M25.6006 31.9218H12.8006L12.8006 19.1217C19.8698 19.1217 25.6006 24.8525 25.6006 31.9218Z" fill="#E44A28"/>
-<path d="M12.8008 31.9218H25.6008V44.7218C18.5316 44.7218 12.8008 38.991 12.8008 31.9218Z" fill="#F6A832"/>
-<path d="M38.4004 19.1217V31.9218H25.6004C25.6004 24.8525 31.3312 19.1217 38.4004 19.1217Z" fill="#985DF7"/>
-<path d="M25.6006 44.7218L25.6006 31.9218H38.4006C38.4006 38.991 32.6698 44.7218 25.6006 44.7218Z" fill="#5FCC8A"/>
-<path d="M51.2002 31.9218H38.4002V19.1217C45.4694 19.1217 51.2002 24.8525 51.2002 31.9218Z" fill="#E44A28"/>
-<path d="M38.4004 31.9218H51.2004V44.7218C44.1312 44.7218 38.4004 38.991 38.4004 31.9218Z" fill="#F6A832"/>
-<path d="M64.0002 13H51.2002V32.1218H64.0002V13Z" fill="#58B9F8"/>
-<path d="M51.2002 44.7218V31.9218H64.0002C64.0002 38.991 58.2694 44.7218 51.2002 44.7218Z" fill="#5FCC8A"/>
-</g>
-<defs>
-<clipPath id="clip0_2528_1829">
-<rect width="64" height="64" fill="white"/>
-</clipPath>
-</defs>
-</svg>
diff --git a/packages/mu-txt/public/icons/64x64-spaced.png b/packages/mu-txt/public/icons/64x64-spaced.png
deleted file mode 100644
index 9b6ab3a13e..0000000000
Binary files a/packages/mu-txt/public/icons/64x64-spaced.png and /dev/null differ
diff --git a/packages/mu-txt/public/icons/64x64-spaced.svg b/packages/mu-txt/public/icons/64x64-spaced.svg
deleted file mode 100644
index 58a1604dc1..0000000000
--- a/packages/mu-txt/public/icons/64x64-spaced.svg
+++ /dev/null
@@ -1,20 +0,0 @@
-<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_2526_1377)">
-<rect width="64" height="64" rx="16" fill="white"/>
-<path d="M12.8008 19.1217V31.9218H0.000772238C0.000772238 24.8525 5.73156 19.1217 12.8008 19.1217Z" fill="#985DF7"/>
-<path d="M12.8 31.7218H0V50.8435H12.8V31.7218Z" fill="#EE69B1"/>
-<path d="M25.6006 31.9218H12.8006L12.8006 19.1217C19.8698 19.1217 25.6006 24.8525 25.6006 31.9218Z" fill="#E44A28"/>
-<path d="M12.8008 31.9218H25.6008V44.7218C18.5316 44.7218 12.8008 38.991 12.8008 31.9218Z" fill="#F6A832"/>
-<path d="M38.4004 19.1217V31.9218H25.6004C25.6004 24.8525 31.3312 19.1217 38.4004 19.1217Z" fill="#985DF7"/>
-<path d="M25.6006 44.7218L25.6006 31.9218H38.4006C38.4006 38.991 32.6698 44.7218 25.6006 44.7218Z" fill="#5FCC8A"/>
-<path d="M51.2002 31.9218H38.4002V19.1217C45.4694 19.1217 51.2002 24.8525 51.2002 31.9218Z" fill="#E44A28"/>
-<path d="M38.4004 31.9218H51.2004V44.7218C44.1312 44.7218 38.4004 38.991 38.4004 31.9218Z" fill="#F6A832"/>
-<path d="M64.0002 13H51.2002V32.1218H64.0002V13Z" fill="#58B9F8"/>
-<path d="M51.2002 44.7218V31.9218H64.0002C64.0002 38.991 58.2694 44.7218 51.2002 44.7218Z" fill="#5FCC8A"/>
-</g>
-<defs>
-<clipPath id="clip0_2526_1377">
-<rect width="64" height="64" fill="white"/>
-</clipPath>
-</defs>
-</svg>
diff --git a/packages/mu-txt/public/icons/64x64-spaced@2x-1.png b/packages/mu-txt/public/icons/64x64-spaced@2x-1.png
deleted file mode 100644
index 336c7d5582..0000000000
Binary files a/packages/mu-txt/public/icons/64x64-spaced@2x-1.png and /dev/null differ
diff --git a/packages/mu-txt/public/icons/64x64-spaced@2x.png b/packages/mu-txt/public/icons/64x64-spaced@2x.png
deleted file mode 100644
index 92dafa6882..0000000000
Binary files a/packages/mu-txt/public/icons/64x64-spaced@2x.png and /dev/null differ
diff --git a/packages/mu-txt/public/icons/avatar-128x128-fitted.png b/packages/mu-txt/public/icons/avatar-128x128-fitted.png
deleted file mode 100644
index 19e1b4bb91..0000000000
Binary files a/packages/mu-txt/public/icons/avatar-128x128-fitted.png and /dev/null differ
diff --git a/packages/mu-txt/public/icons/avatar-128x128-fitted.svg b/packages/mu-txt/public/icons/avatar-128x128-fitted.svg
deleted file mode 100644
index d8fa6a9dc3..0000000000
--- a/packages/mu-txt/public/icons/avatar-128x128-fitted.svg
+++ /dev/null
@@ -1,23 +0,0 @@
-<svg width="128" height="128" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_2526_1525)">
-<circle cx="64" cy="64" r="64" fill="#222222"/>
-<mask id="mask0_2526_1525" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="128" height="128">
-<circle cx="64" cy="64" r="64" fill="#222222"/>
-</mask>
-<g mask="url(#mask0_2526_1525)">
-<path d="M63.5 17.9083V54.3076H31.5C31.5 34.2049 45.827 17.9083 63.5 17.9083Z" fill="#985DF7"/>
-<path d="M63.5 53.7388H31.5V108.115H63.5V53.7388Z" fill="#EE69B1"/>
-<path d="M95.5 54.3076L63.5 54.3076L63.5 17.9084C81.173 17.9084 95.5 34.2049 95.5 54.3076Z" fill="#E44A28"/>
-<path d="M63.5 54.3076H95.5V90.7069C77.827 90.7069 63.5 74.4103 63.5 54.3076Z" fill="#F6A832"/>
-<path d="M127.5 17.9083V54.3076H95.5C95.5 34.2049 109.827 17.9083 127.5 17.9083Z" fill="#985DF7"/>
-<path d="M95.5 90.7068V54.3076L127.5 54.3076C127.5 74.4103 113.173 90.7068 95.5 90.7068Z" fill="#5FCC8A"/>
-<path d="M159.5 54.3076L127.5 54.3076V17.9084C145.173 17.9084 159.5 34.2049 159.5 54.3076Z" fill="#E44A28"/>
-<path d="M127.5 54.3076H159.5V90.7069C141.827 90.7069 127.5 74.4103 127.5 54.3076Z" fill="#F6A832"/>
-</g>
-</g>
-<defs>
-<clipPath id="clip0_2526_1525">
-<rect width="128" height="128" fill="white"/>
-</clipPath>
-</defs>
-</svg>
diff --git a/packages/mu-txt/public/icons/avatar-128x128-fitted@2x.png b/packages/mu-txt/public/icons/avatar-128x128-fitted@2x.png
deleted file mode 100644
index 499658ec51..0000000000
Binary files a/packages/mu-txt/public/icons/avatar-128x128-fitted@2x.png and /dev/null differ
diff --git a/packages/mu-txt/public/icons/avatar-16x16-fitted.png b/packages/mu-txt/public/icons/avatar-16x16-fitted.png
deleted file mode 100644
index 103e76fe89..0000000000
Binary files a/packages/mu-txt/public/icons/avatar-16x16-fitted.png and /dev/null differ
diff --git a/packages/mu-txt/public/icons/avatar-16x16-fitted.svg b/packages/mu-txt/public/icons/avatar-16x16-fitted.svg
deleted file mode 100644
index b1dad8f96d..0000000000
--- a/packages/mu-txt/public/icons/avatar-16x16-fitted.svg
+++ /dev/null
@@ -1,16 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<circle cx="8" cy="8" r="8" fill="#222222"/>
-<mask id="mask0_2526_1573" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="16" height="16">
-<circle cx="8" cy="8" r="8" fill="#222222"/>
-</mask>
-<g mask="url(#mask0_2526_1573)">
-<path d="M7.9375 2.23853V6.78843H3.9375C3.9375 4.2756 5.72837 2.23853 7.9375 2.23853Z" fill="#985DF7"/>
-<path d="M7.9375 6.71735H3.9375V13.5144H7.9375V6.71735Z" fill="#EE69B1"/>
-<path d="M11.9375 6.78845L7.9375 6.78845L7.9375 2.23855C10.1466 2.23855 11.9375 4.27562 11.9375 6.78845Z" fill="#E44A28"/>
-<path d="M7.9375 6.78845H11.9375V11.3384C9.72837 11.3384 7.9375 9.30129 7.9375 6.78845Z" fill="#F6A832"/>
-<path d="M15.9375 2.23853V6.78843H11.9375C11.9375 4.2756 13.7284 2.23853 15.9375 2.23853Z" fill="#985DF7"/>
-<path d="M11.9375 11.3383V6.78841L15.9375 6.78841C15.9375 9.30125 14.1466 11.3383 11.9375 11.3383Z" fill="#5FCC8A"/>
-<path d="M19.9375 6.78845L15.9375 6.78845V2.23855C18.1466 2.23855 19.9375 4.27562 19.9375 6.78845Z" fill="#E44A28"/>
-<path d="M15.9375 6.78845H19.9375V11.3384C17.7284 11.3384 15.9375 9.30129 15.9375 6.78845Z" fill="#F6A832"/>
-</g>
-</svg>
diff --git a/packages/mu-txt/public/icons/avatar-16x16-fitted@2x.png b/packages/mu-txt/public/icons/avatar-16x16-fitted@2x.png
deleted file mode 100644
index 2ff7f57dec..0000000000
Binary files a/packages/mu-txt/public/icons/avatar-16x16-fitted@2x.png and /dev/null differ
diff --git a/packages/mu-txt/public/icons/avatar-24x24-fitted.png b/packages/mu-txt/public/icons/avatar-24x24-fitted.png
deleted file mode 100644
index 5ca4e51dda..0000000000
Binary files a/packages/mu-txt/public/icons/avatar-24x24-fitted.png and /dev/null differ
diff --git a/packages/mu-txt/public/icons/avatar-24x24-fitted.svg b/packages/mu-txt/public/icons/avatar-24x24-fitted.svg
deleted file mode 100644
index e2ad32e8f7..0000000000
--- a/packages/mu-txt/public/icons/avatar-24x24-fitted.svg
+++ /dev/null
@@ -1,23 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_2526_1561)">
-<circle cx="12" cy="12" r="12" fill="#222222"/>
-<mask id="mask0_2526_1561" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
-<circle cx="12" cy="12" r="12" fill="#222222"/>
-</mask>
-<g mask="url(#mask0_2526_1561)">
-<path d="M11.9062 3.35779V10.1826H5.90625C5.90625 6.4134 8.59255 3.35779 11.9062 3.35779Z" fill="#985DF7"/>
-<path d="M11.9062 10.076H5.90625V20.2716H11.9062V10.076Z" fill="#EE69B1"/>
-<path d="M17.9062 10.1827H11.9063V3.35782C15.2199 3.35782 17.9062 6.41343 17.9062 10.1827Z" fill="#E44A28"/>
-<path d="M11.9062 10.1827H17.9062V17.0075C14.5926 17.0075 11.9062 13.9519 11.9062 10.1827Z" fill="#F6A832"/>
-<path d="M23.9062 3.35779V10.1826H17.9063C17.9063 6.4134 20.5926 3.35779 23.9062 3.35779Z" fill="#985DF7"/>
-<path d="M17.9062 17.0075V10.1826H23.9062C23.9062 13.9519 21.2199 17.0075 17.9062 17.0075Z" fill="#5FCC8A"/>
-<path d="M29.9062 10.1827H23.9063V3.35782C27.2199 3.35782 29.9062 6.41343 29.9062 10.1827Z" fill="#E44A28"/>
-<path d="M23.9062 10.1827H29.9062V17.0075C26.5926 17.0075 23.9062 13.9519 23.9062 10.1827Z" fill="#F6A832"/>
-</g>
-</g>
-<defs>
-<clipPath id="clip0_2526_1561">
-<rect width="24" height="24" fill="white"/>
-</clipPath>
-</defs>
-</svg>
diff --git a/packages/mu-txt/public/icons/avatar-24x24-fitted@2x.png b/packages/mu-txt/public/icons/avatar-24x24-fitted@2x.png
deleted file mode 100644
index 087686b309..0000000000
Binary files a/packages/mu-txt/public/icons/avatar-24x24-fitted@2x.png and /dev/null differ
diff --git a/packages/mu-txt/public/icons/avatar-256x256-fitted.png b/packages/mu-txt/public/icons/avatar-256x256-fitted.png
deleted file mode 100644
index 80f7b885a2..0000000000
Binary files a/packages/mu-txt/public/icons/avatar-256x256-fitted.png and /dev/null differ
diff --git a/packages/mu-txt/public/icons/avatar-256x256-fitted.svg b/packages/mu-txt/public/icons/avatar-256x256-fitted.svg
deleted file mode 100644
index c37e4ac0f9..0000000000
--- a/packages/mu-txt/public/icons/avatar-256x256-fitted.svg
+++ /dev/null
@@ -1,23 +0,0 @@
-<svg width="256" height="256" viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_2526_1513)">
-<circle cx="128" cy="128" r="128" fill="#222222"/>
-<mask id="mask0_2526_1513" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="256" height="256">
-<circle cx="128" cy="128" r="128" fill="#222222"/>
-</mask>
-<g mask="url(#mask0_2526_1513)">
-<path d="M127 35.8167V108.615H63C63 68.4098 91.6539 35.8167 127 35.8167Z" fill="#985DF7"/>
-<path d="M127 107.478H63V216.23H127V107.478Z" fill="#EE69B1"/>
-<path d="M191 108.615L127 108.615L127 35.8167C162.346 35.8167 191 68.4098 191 108.615Z" fill="#E44A28"/>
-<path d="M127 108.615H191V181.414C155.654 181.414 127 148.821 127 108.615Z" fill="#F6A832"/>
-<path d="M255 35.8167V108.615H191C191 68.4098 219.654 35.8167 255 35.8167Z" fill="#985DF7"/>
-<path d="M191 181.414V108.615L255 108.615C255 148.821 226.346 181.414 191 181.414Z" fill="#5FCC8A"/>
-<path d="M319 108.615L255 108.615V35.8167C290.346 35.8167 319 68.4098 319 108.615Z" fill="#E44A28"/>
-<path d="M255 108.615H319V181.414C283.654 181.414 255 148.821 255 108.615Z" fill="#F6A832"/>
-</g>
-</g>
-<defs>
-<clipPath id="clip0_2526_1513">
-<rect width="256" height="256" fill="white"/>
-</clipPath>
-</defs>
-</svg>
diff --git a/packages/mu-txt/public/icons/avatar-256x256-fitted@2x.png b/packages/mu-txt/public/icons/avatar-256x256-fitted@2x.png
deleted file mode 100644
index e8f5da8d71..0000000000
Binary files a/packages/mu-txt/public/icons/avatar-256x256-fitted@2x.png and /dev/null differ
diff --git a/packages/mu-txt/public/icons/avatar-32x32-fitted.png b/packages/mu-txt/public/icons/avatar-32x32-fitted.png
deleted file mode 100644
index 1d4882707b..0000000000
Binary files a/packages/mu-txt/public/icons/avatar-32x32-fitted.png and /dev/null differ
diff --git a/packages/mu-txt/public/icons/avatar-32x32-fitted.svg b/packages/mu-txt/public/icons/avatar-32x32-fitted.svg
deleted file mode 100644
index cf8d7c2439..0000000000
--- a/packages/mu-txt/public/icons/avatar-32x32-fitted.svg
+++ /dev/null
@@ -1,23 +0,0 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_2526_1549)">
-<circle cx="16" cy="16" r="16" fill="#222222"/>
-<mask id="mask0_2526_1549" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="32" height="32">
-<circle cx="16" cy="16" r="16" fill="#222222"/>
-</mask>
-<g mask="url(#mask0_2526_1549)">
-<path d="M15.875 4.47705V13.5769H7.875C7.875 8.55119 11.4567 4.47705 15.875 4.47705Z" fill="#985DF7"/>
-<path d="M15.875 13.4347H7.875V27.0288H15.875V13.4347Z" fill="#EE69B1"/>
-<path d="M23.875 13.5769L15.875 13.5769L15.875 4.47709C20.2933 4.47709 23.875 8.55124 23.875 13.5769Z" fill="#E44A28"/>
-<path d="M15.875 13.5769H23.875V22.6767C19.4567 22.6767 15.875 18.6026 15.875 13.5769Z" fill="#F6A832"/>
-<path d="M31.875 4.47705V13.5769H23.875C23.875 8.55119 27.4567 4.47705 31.875 4.47705Z" fill="#985DF7"/>
-<path d="M23.875 22.6767V13.5769L31.875 13.5769C31.875 18.6026 28.2933 22.6767 23.875 22.6767Z" fill="#5FCC8A"/>
-<path d="M39.875 13.5769L31.875 13.5769V4.47709C36.2933 4.47709 39.875 8.55124 39.875 13.5769Z" fill="#E44A28"/>
-<path d="M31.875 13.5769H39.875V22.6767C35.4567 22.6767 31.875 18.6026 31.875 13.5769Z" fill="#F6A832"/>
-</g>
-</g>
-<defs>
-<clipPath id="clip0_2526_1549">
-<rect width="32" height="32" fill="white"/>
-</clipPath>
-</defs>
-</svg>
diff --git a/packages/mu-txt/public/icons/avatar-32x32-fitted@2x.png b/packages/mu-txt/public/icons/avatar-32x32-fitted@2x.png
deleted file mode 100644
index 8afcd18408..0000000000
Binary files a/packages/mu-txt/public/icons/avatar-32x32-fitted@2x.png and /dev/null differ
diff --git a/packages/mu-txt/public/icons/avatar-64x64-fitted.png b/packages/mu-txt/public/icons/avatar-64x64-fitted.png
deleted file mode 100644
index b6b6506922..0000000000
Binary files a/packages/mu-txt/public/icons/avatar-64x64-fitted.png and /dev/null differ
diff --git a/packages/mu-txt/public/icons/avatar-64x64-fitted.svg b/packages/mu-txt/public/icons/avatar-64x64-fitted.svg
deleted file mode 100644
index 9ca411055e..0000000000
--- a/packages/mu-txt/public/icons/avatar-64x64-fitted.svg
+++ /dev/null
@@ -1,23 +0,0 @@
-<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_2526_1537)">
-<circle cx="32" cy="32" r="32" fill="#222222"/>
-<mask id="mask0_2526_1537" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="64" height="64">
-<circle cx="32" cy="32" r="32" fill="#222222"/>
-</mask>
-<g mask="url(#mask0_2526_1537)">
-<path d="M31.75 8.95416V27.1538H15.75C15.75 17.1025 22.9135 8.95416 31.75 8.95416Z" fill="#985DF7"/>
-<path d="M31.75 26.8694H15.75V54.0575H31.75V26.8694Z" fill="#EE69B1"/>
-<path d="M47.75 27.1538L31.75 27.1538L31.75 8.95419C40.5865 8.95419 47.75 17.1025 47.75 27.1538Z" fill="#E44A28"/>
-<path d="M31.75 27.1538H47.75V45.3534C38.9135 45.3534 31.75 37.2051 31.75 27.1538Z" fill="#F6A832"/>
-<path d="M63.75 8.95416V27.1538H47.75C47.75 17.1025 54.9135 8.95416 63.75 8.95416Z" fill="#985DF7"/>
-<path d="M47.75 45.3534V27.1538L63.75 27.1538C63.75 37.2051 56.5865 45.3534 47.75 45.3534Z" fill="#5FCC8A"/>
-<path d="M79.75 27.1538L63.75 27.1538V8.95419C72.5865 8.95419 79.75 17.1025 79.75 27.1538Z" fill="#E44A28"/>
-<path d="M63.75 27.1538H79.75V45.3534C70.9135 45.3534 63.75 37.2051 63.75 27.1538Z" fill="#F6A832"/>
-</g>
-</g>
-<defs>
-<clipPath id="clip0_2526_1537">
-<rect width="64" height="64" fill="white"/>
-</clipPath>
-</defs>
-</svg>
diff --git a/packages/mu-txt/public/icons/avatar-64x64-fitted@2x.png b/packages/mu-txt/public/icons/avatar-64x64-fitted@2x.png
deleted file mode 100644
index 34ac884611..0000000000
Binary files a/packages/mu-txt/public/icons/avatar-64x64-fitted@2x.png and /dev/null differ
diff --git a/packages/mu-txt/public/icons/icon-16.png b/packages/mu-txt/public/icons/icon-16.png
deleted file mode 100644
index afe3d6808f..0000000000
Binary files a/packages/mu-txt/public/icons/icon-16.png and /dev/null differ
diff --git a/packages/mu-txt/public/icons/icon-192.png b/packages/mu-txt/public/icons/icon-192.png
deleted file mode 100644
index d99aac9211..0000000000
Binary files a/packages/mu-txt/public/icons/icon-192.png and /dev/null differ
diff --git a/packages/mu-txt/public/icons/icon-32.png b/packages/mu-txt/public/icons/icon-32.png
deleted file mode 100644
index 0dd1639ebf..0000000000
Binary files a/packages/mu-txt/public/icons/icon-32.png and /dev/null differ
diff --git a/packages/mu-txt/public/icons/icon-512.icns b/packages/mu-txt/public/icons/icon-512.icns
deleted file mode 100644
index 121b190154..0000000000
Binary files a/packages/mu-txt/public/icons/icon-512.icns and /dev/null differ
diff --git a/packages/mu-txt/public/icons/icon-512.ico b/packages/mu-txt/public/icons/icon-512.ico
deleted file mode 100644
index 2ae438c8e8..0000000000
Binary files a/packages/mu-txt/public/icons/icon-512.ico and /dev/null differ
diff --git a/packages/mu-txt/public/icons/icon-512.png b/packages/mu-txt/public/icons/icon-512.png
deleted file mode 100644
index 0ae032894b..0000000000
Binary files a/packages/mu-txt/public/icons/icon-512.png and /dev/null differ
diff --git a/packages/mu-txt/public/icons/icon-64.png b/packages/mu-txt/public/icons/icon-64.png
deleted file mode 100644
index 9b6ab3a13e..0000000000
Binary files a/packages/mu-txt/public/icons/icon-64.png and /dev/null differ
diff --git a/packages/mu-txt/public/index.html b/packages/mu-txt/public/index.html
deleted file mode 100644
index 7e711a2ad1..0000000000
--- a/packages/mu-txt/public/index.html
+++ /dev/null
@@ -1,36 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>μ txt (Micro Text) editor — free, clean, functional rich-text document editor</title>
-    <meta name="description" content="Micro rich-text (μ txt or mu-txt) workspace for creating and organizing multiple rich-text documents with a fast editor." />
-    <meta name="keywords" content="mutxt, rich-text editor, local-first editor, collaborative editing, json-joy, peritext, document workspace" />
-    <meta name="author" content="streamich" />
-    <meta name="application-name" content="mutxt" />
-    <meta name="theme-color" content="#ffffff" />
-    <meta name="msapplication-TileColor" content="#ffffff">
-    <meta name="robots" content="index, follow" />
-    <link rel="manifest" href="/manifest.webmanifest" />
-
-    <!-- Icons -->
-    <link rel="icon" href="/favicon.png" type="image/png" />
-    <link rel="icon" type="image/png" sizes="16x16" href="/favicon.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="/icons/icon-32.png">
-    <!-- <link rel="icon" type="image/svg+xml" href="/icon.svg"> -->
-    <link rel="apple-touch-icon" href="/icons/icon-192.png" />
-
-    <!-- Open Graph -->
-    <meta property="og:type" content="website" />
-    <meta property="og:title" content="μ txt (mu-txt)" />
-    <meta property="og:description" content="A micro editor workspace powered by mutxt-react and json-joy." />
-    <meta property="og:site_name" content="μ txt (mu-txt)" />
-    <!-- Twitter Card -->
-    <meta name="twitter:card" content="summary" />
-    <meta name="twitter:title" content="μ txt (mu-txt)" />
-    <meta name="twitter:description" content="A micro editor workspace powered by mutxt-react and json-joy." />
-  </head>
-  <body>
-    <div id="root"></div>
-  </body>
-</html>
diff --git a/packages/mu-txt/public/manifest.webmanifest b/packages/mu-txt/public/manifest.webmanifest
deleted file mode 100644
index f2c357c1bd..0000000000
--- a/packages/mu-txt/public/manifest.webmanifest
+++ /dev/null
@@ -1,47 +0,0 @@
-{
-  "id": "/",
-  "name": "mutxt • μtxt • Micro Rich-Text Workspace",
-  "short_name": "mutxt",
-  "description": "Rich-text editor and workspace for creating and organizing multiple documents with a fast editor powered by mutxt and json-joy.",
-  "start_url": "/",
-  "scope": "/",
-  "display": "standalone",
-  "display_override": ["window-controls-overlay", "standalone"],
-  "background_color": "#ffffff",
-  "theme_color": "#ffffff",
-  "launch_handler": {
-    "client_mode": "navigate-new"
-  },
-  "icons": [
-    {
-      "src": "/icons/icon-16.png",
-      "sizes": "16x16",
-      "type": "image/png"
-    },
-    {
-      "src": "/icons/icon-32.png",
-      "sizes": "32x32",
-      "type": "image/png"
-    },
-    {
-      "src": "/icons/icon-64.png",
-      "sizes": "64x64",
-      "type": "image/png"
-    },
-    {
-      "src": "/icons/icon-192.png",
-      "sizes": "192x192",
-      "type": "image/png"
-    },
-    {
-      "src": "/icons/icon-512.png",
-      "sizes": "512x512",
-      "type": "image/png"
-    },
-    {
-      "src": "/icon.svg",
-      "sizes": "any",
-      "type": "image/svg+xml"
-    }
-  ]
-}
\ No newline at end of file
diff --git a/packages/mu-txt/public/mutxt-logo-mark.png b/packages/mu-txt/public/mutxt-logo-mark.png
deleted file mode 100644
index 3b7e7b7dfc..0000000000
Binary files a/packages/mu-txt/public/mutxt-logo-mark.png and /dev/null differ
diff --git a/packages/mu-txt/public/mutxt-logo-mark.svg b/packages/mu-txt/public/mutxt-logo-mark.svg
deleted file mode 100644
index d3000ee48d..0000000000
--- a/packages/mu-txt/public/mutxt-logo-mark.svg
+++ /dev/null
@@ -1,12 +0,0 @@
-<svg width="320" height="216" viewBox="0 0 320 216" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M64 34.8167V107.615H-1.19209e-06C-1.19209e-06 67.4098 28.6539 34.8167 64 34.8167Z" fill="#985DF7"/>
-<path d="M64 106.478H0V215.23H64V106.478Z" fill="#EE69B1"/>
-<path d="M128 107.615L64 107.615L64 34.8167C99.3461 34.8167 128 67.4098 128 107.615Z" fill="#E44A28"/>
-<path d="M64 107.615H128V180.414C92.6539 180.414 64 147.821 64 107.615Z" fill="#F6A832"/>
-<path d="M192 34.8167V107.615H128C128 67.4098 156.654 34.8167 192 34.8167Z" fill="#985DF7"/>
-<path d="M128 180.414L128 107.615L192 107.615C192 147.821 163.346 180.414 128 180.414Z" fill="#5FCC8A"/>
-<path d="M256 107.615L192 107.615V34.8167C227.346 34.8167 256 67.4098 256 107.615Z" fill="#E44A28"/>
-<path d="M192 107.615H256V180.414C220.654 180.414 192 147.821 192 107.615Z" fill="#F6A832"/>
-<path d="M320 0H256V108.753H320V0Z" fill="#58B9F8"/>
-<path d="M256 180.414V107.615L320 107.615C320 147.821 291.346 180.414 256 180.414Z" fill="#5FCC8A"/>
-</svg>
diff --git a/packages/mu-txt/public/mutxt-logo-mark@2x.png b/packages/mu-txt/public/mutxt-logo-mark@2x.png
deleted file mode 100644
index 47744d40d4..0000000000
Binary files a/packages/mu-txt/public/mutxt-logo-mark@2x.png and /dev/null differ
diff --git a/packages/mu-txt/scripts/stage-electron.js b/packages/mu-txt/scripts/stage-electron.js
deleted file mode 100644
index 0aef50b86c..0000000000
--- a/packages/mu-txt/scripts/stage-electron.js
+++ /dev/null
@@ -1,127 +0,0 @@
-#!/usr/bin/env node
-'use strict';
-
-// Build a self-contained staging directory that Electron Forge can package.
-//
-// Forge's dep walker (flora-colossus) doesn't compose with yarn workspaces:
-// it walks transitive `workspace:*` deps and dies. We side-step this by
-// assembling an isolated copy that looks like a vanilla npm project to Forge
-// — only `electron` in the dep tree, with the already-bundled renderer
-// (`dist/`) and main process (`out-electron/`) dropped in as data.
-
-const fs = require('node:fs');
-const path = require('node:path');
-
-const root = path.resolve(__dirname, '..');
-const repoRoot = path.resolve(root, '..', '..');
-const stage = path.join(root, 'out-stage');
-
-const die = (msg) => {
-  process.stderr.write(`stage-electron: ${msg}\n`);
-  process.exit(1);
-};
-
-const must = (relPath) => {
-  const abs = path.join(root, relPath);
-  if (!fs.existsSync(abs)) die(`missing ${relPath} — run \`yarn electron:build\` first`);
-  return abs;
-};
-
-const distDir = must('dist');
-const mainDir = must('out-electron');
-const binDir = must('bin');
-const iconsDir = must('public/icons');
-const forgeConfig = must('forge.config.ts');
-
-const electronCandidates = [
-  path.join(root, 'node_modules', 'electron'),
-  path.join(repoRoot, 'node_modules', 'electron'),
-];
-const electronModule = electronCandidates.find((p) => fs.existsSync(p));
-if (!electronModule) die('cannot find electron in node_modules — run `yarn install`');
-
-const pkg = JSON.parse(fs.readFileSync(path.join(root, 'package.json'), 'utf8'));
-const electronVersion = pkg.devDependencies?.electron ?? pkg.dependencies?.electron;
-if (!electronVersion) die('cannot resolve electron version from package.json');
-
-fs.rmSync(stage, {recursive: true, force: true});
-fs.mkdirSync(stage, {recursive: true});
-
-// Forge sees only `electron` as a dep — flora-colossus has nothing to choke on.
-// Pull every @electron-forge/* version from the source package so the staged
-// devDependencies satisfy Forge's project-resolver (which walks up looking
-// for `@electron-forge/cli`).
-const forgeDeps = Object.fromEntries(
-  Object.entries(pkg.devDependencies ?? {}).filter(([name]) => name.startsWith('@electron-forge/')),
-);
-
-const stagePkg = {
-  name: pkg.name,
-  productName: 'mu-txt',
-  version: pkg.version,
-  description: pkg.description,
-  author: pkg.author,
-  license: pkg.license,
-  homepage: pkg.homepage,
-  repository: pkg.repository,
-  main: 'out-electron/main.js',
-  bin: pkg.bin,
-  dependencies: {electron: electronVersion},
-  devDependencies: {
-    ...forgeDeps,
-    electron: electronVersion,
-  },
-};
-fs.writeFileSync(path.join(stage, 'package.json'), JSON.stringify(stagePkg, null, 2) + '\n');
-
-const copy = (src, dest) => fs.cpSync(src, dest, {recursive: true, dereference: true});
-
-copy(distDir, path.join(stage, 'dist'));
-copy(mainDir, path.join(stage, 'out-electron'));
-copy(binDir, path.join(stage, 'bin'));
-copy(iconsDir, path.join(stage, 'public', 'icons'));
-
-fs.copyFileSync(forgeConfig, path.join(stage, 'forge.config.ts'));
-
-// Forge loads .ts configs via cosmiconfig + ts-node; a minimal tsconfig keeps
-// the loader happy without inheriting the strict renderer config.
-fs.writeFileSync(
-  path.join(stage, 'tsconfig.json'),
-  JSON.stringify(
-    {
-      compilerOptions: {
-        target: 'ES2022',
-        module: 'commonjs',
-        moduleResolution: 'node',
-        esModuleInterop: true,
-        skipLibCheck: true,
-        strict: false,
-        types: ['node'],
-      },
-    },
-    null,
-    2,
-  ) + '\n',
-);
-
-// Surface every dependency Forge needs from the repo's existing node_modules
-// trees. We symlink each entry one-by-one so the stage looks like a flat npm
-// install, which is what flora-colossus expects.
-const stageNm = path.join(stage, 'node_modules');
-fs.mkdirSync(stageNm);
-fs.symlinkSync(electronModule, path.join(stageNm, 'electron'), 'dir');
-
-const linkAllExceptElectron = (sourceNm) => {
-  if (!fs.existsSync(sourceNm)) return;
-  for (const entry of fs.readdirSync(sourceNm)) {
-    if (entry === 'electron') continue;
-    const linkPath = path.join(stageNm, entry);
-    if (fs.existsSync(linkPath)) continue;
-    fs.symlinkSync(path.join(sourceNm, entry), linkPath, 'dir');
-  }
-};
-
-linkAllExceptElectron(path.join(root, 'node_modules'));
-linkAllExceptElectron(path.join(repoRoot, 'node_modules'));
-
-process.stdout.write(`stage-electron: staged → ${path.relative(process.cwd(), stage)}\n`);
diff --git a/packages/mu-txt/src/App.stories.tsx b/packages/mu-txt/src/App.stories.tsx
deleted file mode 100644
index 366edf4dcb..0000000000
--- a/packages/mu-txt/src/App.stories.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import {App} from './App';
-import type {Meta, StoryObj} from '@storybook/react-webpack5';
-
-const meta: Meta<typeof App> = {
-  title: 'App',
-  component: App,
-  tags: ['autodocs'],
-  argTypes: {},
-  parameters: {
-    layout: 'fullscreen',
-  },
-};
-
-export default meta;
-
-export const Primary: StoryObj<typeof meta> = {
-  args: {},
-};
diff --git a/packages/mu-txt/src/App.tsx b/packages/mu-txt/src/App.tsx
deleted file mode 100644
index d49ddd4299..0000000000
--- a/packages/mu-txt/src/App.tsx
+++ /dev/null
@@ -1,130 +0,0 @@
-import * as React from 'react';
-import {rule} from 'nano-theme';
-import {UiProvider} from '@jsonjoy.com/ui';
-import {AppGrid} from '@jsonjoy.com/ui/lib/7-fullscreen/AppGrid';
-import {ErrorBoundary} from '@jsonjoy.com/ui/lib/misc/ErrorBoundary';
-import {MainContent} from './components/MainContent';
-import {MuTxtAppState} from './state';
-import {ctx} from './context';
-import {LeftSidebar} from './components/LeftSidebar';
-import {useT} from 'use-t';
-import {TabsHeader} from './components/TabsHeader';
-import {FileOptionsContextPane} from './components/LeftSidebar/SavedFileList/FileOptionsContextPane';
-import type {FileMetadataDto, OpenFile} from './state/file';
-import {host} from './util/host';
-import type {AnchorPoint} from '@jsonjoy.com/ui/lib/utils/popup';
-
-const columnClass = rule({
-  d: 'flex',
-  fld: 'column',
-  h: '100%',
-  minH: 0,
-});
-
-export const App: React.FC = () => {
-  const [_t] = useT();
-  const state = React.useMemo(() => {
-    return new MuTxtAppState();
-  }, []);
-  const [optionsPane, setOptionsPane] = React.useState<{file: FileMetadataDto; point: AnchorPoint} | null>(null);
-  const optionsPaneRef = React.useRef<typeof optionsPane>(null);
-  optionsPaneRef.current = optionsPane;
-  const wasOpenAtPressDownRef = React.useRef(false);
-  React.useEffect(() => {
-    const onPress = () => {
-      wasOpenAtPressDownRef.current = optionsPaneRef.current !== null;
-    };
-    document.addEventListener('mousedown', onPress, true);
-    document.addEventListener('touchstart', onPress, true);
-    return () => {
-      document.removeEventListener('mousedown', onPress, true);
-      document.removeEventListener('touchstart', onPress, true);
-    };
-  }, []);
-  React.useEffect(() => {
-    state.start().catch(() => {});
-    return () => {
-      state.stop().catch(() => {});
-    };
-  }, [state]);
-  React.useEffect(() => {
-    const open = (file: OpenFile, point: AnchorPoint) => {
-      if (wasOpenAtPressDownRef.current) return;
-      setOptionsPane({file: file.toMeta(), point});
-    };
-    state.ondoubleclick = open;
-    state.onclick = open;
-    return () => {
-      state.ondoubleclick = void 0;
-      state.onclick = void 0;
-    };
-  }, [state]);
-
-  // Cmd+W in Electron
-  React.useEffect(() => host?.onCloseFile(() => state.closeSelected()), [state]);
-
-  // Open a file passed by the host (CLI arg, dock open-file, etc.)
-  React.useEffect(() => {
-    if (!host) return;
-    return host.onOpenFile(({name, path, bytes}) => {
-      const link = {source: 'native-fs', path};
-      if (bytes) {
-        const file = new File([bytes as BlobPart], name);
-        state.addFile(file, link).catch(() => {});
-      } else {
-        // File doesn't exist yet — open a fresh document linked to this path.
-        state.createNewMuTxt(name, link);
-      }
-    });
-  }, [state]);
-
-  // Cmd/Ctrl+N: create a new document
-  React.useEffect(() => {
-    const onKeyDown = (e: KeyboardEvent) => {
-      const mod = e.metaKey || e.ctrlKey;
-      if (!mod || e.shiftKey || e.altKey) return;
-      if (e.key !== 'n' && e.key !== 'N') return;
-      e.preventDefault();
-      e.stopPropagation();
-      state.createNewMuTxt();
-    };
-    window.addEventListener('keydown', onKeyDown, true);
-    return () => window.removeEventListener('keydown', onKeyDown, true);
-  }, [state]);
-
-  const theme = state.theme.resolved.use();
-
-  return (
-    <ctx.Provider value={state}>
-      <UiProvider theme={theme} globalCss>
-        <AppGrid
-          state={state.appGrid}
-          maxLeftSize={500}
-          left={(toggle) => (
-            <ErrorBoundary name="mutxt:left-sidebar">
-              <LeftSidebar toggle={toggle} />
-            </ErrorBoundary>
-          )}
-          // footer={<div> </div>}
-          column={(toggle) => (
-            <div className={columnClass}>
-              <ErrorBoundary name="mutxt:tabs-header" compact>
-                <TabsHeader toggle={toggle} />
-              </ErrorBoundary>
-              <ErrorBoundary name="mutxt:main">
-                <MainContent />
-              </ErrorBoundary>
-            </div>
-          )}
-        />
-        {optionsPane && (
-          <FileOptionsContextPane
-            file={optionsPane.file}
-            point={optionsPane.point}
-            onClose={() => setOptionsPane(null)}
-          />
-        )}
-      </UiProvider>
-    </ctx.Provider>
-  );
-};
diff --git a/packages/mu-txt/src/components/DropArea/index.tsx b/packages/mu-txt/src/components/DropArea/index.tsx
deleted file mode 100644
index 9b41fe0136..0000000000
--- a/packages/mu-txt/src/components/DropArea/index.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-import * as React from 'react';
-import {DropArea as UiDropArea} from '@jsonjoy.com/ui/lib/5-block/DropArea';
-import {Text} from '@jsonjoy.com/ui/lib/1-inline/Text';
-import {useBehaviorSubject} from '@jsonjoy.com/ui/lib/hooks/useBehaviorSubject';
-import {useT} from 'use-t';
-import {useExplorer} from '../../context';
-
-export interface DropAreaProps {
-  compact?: boolean;
-}
-
-export const DropArea: React.FC<DropAreaProps> = ({compact}) => {
-  const state = useExplorer();
-  const files = useBehaviorSubject(state.files$);
-  const [t] = useT();
-
-  const onFiles = React.useCallback((dropped: File[]) => state.addFiles(dropped), [state]);
-  const onUri = React.useCallback((uri: string) => console.log('uri', uri), []);
-  const onText = React.useCallback((text: string) => console.log('text', text), []);
-
-  return (
-    <UiDropArea compact={compact || files.length > 0} onFiles={onFiles} onUri={onUri} onText={onText}>
-      <Text className="DropArea-text" font={'ui3'} size={-1} style={{pointerEvents: 'none'}}>
-        {t('Click or drop files here')}
-      </Text>
-    </UiDropArea>
-  );
-};
diff --git a/packages/mu-txt/src/components/LeftSidebar/BrandLogo.tsx b/packages/mu-txt/src/components/LeftSidebar/BrandLogo.tsx
deleted file mode 100644
index 4500e402b2..0000000000
--- a/packages/mu-txt/src/components/LeftSidebar/BrandLogo.tsx
+++ /dev/null
@@ -1,94 +0,0 @@
-import * as React from 'react';
-import {rule, theme} from 'nano-theme';
-import {BasicTooltip} from '@jsonjoy.com/ui/lib/4-card/BasicTooltip';
-import {useStyles} from '@jsonjoy.com/ui/lib/styles/context';
-
-const rootClass = rule({
-  d: 'inline-flex',
-  h: '42px',
-  w: '48px',
-  mr: '0 0 4px',
-  ai: 'center',
-  jc: 'center',
-  us: 'none',
-});
-
-const fontSize = 22.5;
-
-const muClass = rule({
-  ...theme.font.serif.mid,
-  letterSpacing: '.05em',
-  d: 'inline-flex',
-  tr: 'translateY(3px)',
-  sub: {
-    fz: `${(fontSize * 15.3) / 22.5}px`,
-  },
-  trs: 'letter-spacing 0.1s ease, transform 0.1s ease',
-  [`.${rootClass.trim()}:hover &`]: {
-    letterSpacing: '-0.065em',
-    tr: 'translateY(3px)',
-  },
-});
-
-const txtClass = rule({
-  ...theme.font.slab.bold,
-  fz: `${fontSize}px`,
-});
-
-const txt1Class = rule({
-  letterSpacing: '.03em',
-  d: 'inline-flex',
-  trs: 'letter-spacing 0.1s ease, transform 0.1s ease',
-  [`.${rootClass.trim()}:hover &`]: {
-    letterSpacing: '-0.03em',
-    tr: 'translateY(-5px)',
-  },
-});
-
-const txt2Class = rule({
-  letterSpacing: '.02em',
-  d: 'inline-flex',
-  trs: 'letter-spacing 0.1s ease, transform 0.1s ease',
-  [`.${rootClass.trim()}:hover &`]: {
-    letterSpacing: '0em',
-    // tr: 'translateY(1px)',
-  },
-});
-
-const txt3Class = rule({
-  d: 'inline-flex',
-  trs: 'letter-spacing 0.1s ease, transform 0.1s ease',
-  [`.${rootClass.trim()}:hover &`]: {
-    letterSpacing: '.01em',
-    tr: 'translateY(5px)',
-  },
-});
-
-export type BrandLogoProps = {
-  color?: string;
-};
-
-export const BrandLogo: React.FC<BrandLogoProps> = ({color}) => {
-  const styles = useStyles();
-  const label = '\\mu txt — Micro rich-text editor';
-
-  return (
-    <BasicTooltip nowrap renderTooltip={() => label} delay={555}>
-      <span
-        className={rootClass}
-        role="img"
-        aria-label={label}
-        style={{color: color || styles.col.get('neutral', 'txt-1')}}
-      >
-        <span className={muClass}>
-          <sub>μ</sub>
-        </span>
-        <span className={txtClass}>
-          <span className={txt1Class}>t</span>
-          <span className={txt2Class}>x</span>
-          <span className={txt3Class}>t</span>
-        </span>
-      </span>
-    </BasicTooltip>
-  );
-};
diff --git a/packages/mu-txt/src/components/LeftSidebar/Header.tsx b/packages/mu-txt/src/components/LeftSidebar/Header.tsx
deleted file mode 100644
index 1ff83e25ed..0000000000
--- a/packages/mu-txt/src/components/LeftSidebar/Header.tsx
+++ /dev/null
@@ -1,54 +0,0 @@
-import * as React from 'react';
-import {Split} from '@jsonjoy.com/ui/lib/3-list-item/Split';
-import {Flex} from '@jsonjoy.com/ui/lib/3-list-item/Flex';
-import {useExplorer} from '../../context';
-import {HeaderMenu} from './HeaderMenu';
-import {rule} from 'nano-theme';
-import {isMacElectron} from '../../util/host';
-
-// Width reserved for the macOS traffic-light controls (close/minimize/zoom).
-const TRAFFIC_LIGHT_WIDTH = 78;
-
-const blockClass = rule({
-  '-webkit-app-region': 'drag', // Drag for Electron app.
-  '& button, & a, & input, & textarea, & select, & [role="button"], & [role="tablist"], & [role="img"]': {
-    '-webkit-app-region': 'no-drag',
-  },
-});
-
-export interface HeaderProps {
-  toggle: React.ReactNode;
-}
-
-export const Header: React.FC<HeaderProps> = ({toggle}) => {
-  const state = useExplorer();
-  const inputRef = React.useRef<HTMLInputElement>(null);
-
-  return (
-    <Split className={blockClass} style={{alignItems: 'center', padding: '0 0 0'}}>
-      <Flex style={{alignItems: 'center', gap: 10}}>
-        <div style={{width: isMacElectron ? TRAFFIC_LIGHT_WIDTH : 'env(titlebar-area-x)'}} />
-        <div style={{marginLeft: -6}}>{toggle}</div>
-        {/* <HeaderMenu /> */}
-        {/* {!isMacElectron && <BrandLogo />} */}
-        <input
-          multiple
-          type="file"
-          ref={inputRef}
-          style={{display: 'none'}}
-          onChange={() => {
-            const input = inputRef.current;
-            if (!input) return;
-            const files = input.files;
-            if (files) state.addFiles(Array.from(files));
-          }}
-        />
-      </Flex>
-      <div style={{display: 'inline-flex', alignItems: 'center', gap: 8}}>
-        <HeaderMenu />
-        {/* {isMacElectron && <BrandLogo />} */}
-        {/* {toggle} */}
-      </div>
-    </Split>
-  );
-};
diff --git a/packages/mu-txt/src/components/LeftSidebar/HeaderMenu.tsx b/packages/mu-txt/src/components/LeftSidebar/HeaderMenu.tsx
deleted file mode 100644
index 1fd27f96c7..0000000000
--- a/packages/mu-txt/src/components/LeftSidebar/HeaderMenu.tsx
+++ /dev/null
@@ -1,140 +0,0 @@
-import * as React from 'react';
-import {useExplorer} from '../../context';
-import {Popup} from '@jsonjoy.com/ui/lib/4-card/Popup';
-import {ContextMenu} from '@jsonjoy.com/ui/lib/4-card/ContextMenu';
-import {BasicButtonMore} from '@jsonjoy.com/ui/lib/2-inline-block/BasicButton/BasicButtonMore';
-import {Sidetip} from '@jsonjoy.com/ui/lib/1-inline/Sidetip';
-import {Tabs} from '@jsonjoy.com/ui/lib/3-list-item/Tabs';
-import {useT} from 'use-t';
-import {Iconista} from '@jsonjoy.com/ui/lib/icons/Iconista';
-import {formatKeys} from 'mutxt-react';
-import {host} from '../../util/host';
-import type {ThemePreference} from '../../state/theme';
-
-export type HeaderMenuProps = {};
-
-const ThemeTabs: React.FC = () => {
-  const [t] = useT();
-  const state = useExplorer();
-  const preference = state.theme.preference.use();
-  return (
-    <span
-      style={{
-        display: 'inline-flex',
-        flexDirection: 'column',
-        gap: 8,
-        padding: '0 8px',
-        width: '100%',
-        boxSizing: 'border-box',
-      }}
-    >
-      <Tabs
-        muted
-        spread
-        contentStyle={{
-          display: 'flex',
-          gap: 0,
-        }}
-        onChange={(key) => state.theme.set(key as ThemePreference)}
-        active={preference}
-        items={[
-          {
-            key: 'auto',
-            label: (
-              <span style={{display: 'inline-flex', alignItems: 'center', gap: 6}}>
-                <Iconista set="tabler" icon="automatic-gearbox" width={16} height={16} />
-                <span style={{fontSize: 12}}>{t('Auto')}</span>
-              </span>
-            ),
-          },
-          {
-            key: 'light',
-            label: (
-              <span style={{display: 'inline-flex', alignItems: 'center', gap: 6}}>
-                <Iconista set="ibm_32" icon="light" width={16} height={16} />
-                <span style={{fontSize: 12}}>{t('Light')}</span>
-              </span>
-            ),
-          },
-          {
-            key: 'dark',
-            label: (
-              <span style={{display: 'inline-flex', alignItems: 'center', gap: 6}}>
-                <Iconista set="lucide" icon="lamp-desk" width={16} height={16} />
-                <span style={{fontSize: 12}}>{t('Dark')}</span>
-              </span>
-            ),
-          },
-        ]}
-      />
-    </span>
-  );
-};
-
-export const HeaderMenu: React.FC<HeaderMenuProps> = () => {
-  const state = useExplorer();
-  const inputRef = React.useRef<HTMLInputElement>(null);
-  const onOpenClick = React.useCallback(() => {
-    if (host) void host.openDialog();
-    else inputRef.current?.click();
-  }, []);
-  const onInputChange = React.useCallback(
-    (e: React.ChangeEvent<HTMLInputElement>) => {
-      const files = e.currentTarget.files;
-      if (files && files.length) void state.addFiles(Array.from(files));
-      e.currentTarget.value = '';
-    },
-    [state],
-  );
-
-  const templateMenu = state.menus.newFileMenu();
-
-  return (
-    <>
-      <Popup
-        renderContext={() => (
-          <ContextMenu
-            inset
-            menu={{
-              name: 'Site menu',
-              minWidth: 288,
-              children: [
-                {
-                  name: 'New document',
-                  icon: () => <Iconista set="bootstrap" icon="file-earmark-plus" width={16} height={16} />,
-                  right: () => <Sidetip small>{formatKeys(['Primary', 'N'])}</Sidetip>,
-                  onSelect: () => state.createNewMuTxt(),
-                },
-                {
-                  ...templateMenu,
-                  name: 'From template',
-                  expand: 0,
-                  icon: () => <Iconista set="bootstrap" icon="collection" width={16} height={16} />,
-                },
-                {
-                  name: 'Open file',
-                  icon: () => <Iconista set="bootstrap" icon="folder2-open" width={16} height={16} />,
-                  onSelect: onOpenClick,
-                },
-                {
-                  name: 'Close all files',
-                  sepBefore: true,
-                  icon: () => <Iconista set="ant_outline" icon="poweroff" width={16} height={16} />,
-                  onSelect: state.closeAll,
-                },
-                {
-                  name: 'Theme',
-                  sepBefore: true,
-                  raw: () => <ThemeTabs />,
-                },
-              ],
-            }}
-          />
-        )}
-      >
-        <BasicButtonMore tooltip size={28} rounder />
-      </Popup>
-      <input ref={inputRef} type="file" multiple style={{display: 'none'}} onChange={onInputChange} />
-    </>
-  );
-};
diff --git a/packages/mu-txt/src/components/LeftSidebar/SavedFileList/FileOptionsContextPane.tsx b/packages/mu-txt/src/components/LeftSidebar/SavedFileList/FileOptionsContextPane.tsx
deleted file mode 100644
index 7844440183..0000000000
--- a/packages/mu-txt/src/components/LeftSidebar/SavedFileList/FileOptionsContextPane.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import * as React from 'react';
-import {context as popupContext} from '@jsonjoy.com/ui/lib/4-card/Popup/context';
-import {ClickAway} from '@jsonjoy.com/ui/lib/utils/ClickAway';
-import {PositionAtPoint} from '@jsonjoy.com/ui/lib/utils/popup/PositionAtPoint';
-import {MoveToViewport} from '@jsonjoy.com/ui/lib/utils/popup/MoveToViewport';
-import type {AnchorPoint} from '@jsonjoy.com/ui/lib/utils/popup';
-import {FileOptionsForm2} from './FileOptionsForm2';
-import type {FileMetadataDto} from '../../../state/file';
-
-export interface FileOptionsContextPaneProps {
-  file: FileMetadataDto;
-  point: AnchorPoint;
-  onClose: () => void;
-}
-
-export const FileOptionsContextPane: React.FC<FileOptionsContextPaneProps> = ({file, point, onClose}) => {
-  const popupCtx = React.useMemo(() => ({close: onClose}), [onClose]);
-  return (
-    <PositionAtPoint point={point}>
-      <ClickAway onClickAway={onClose}>
-        <popupContext.Provider value={popupCtx}>
-          <MoveToViewport>
-            <FileOptionsForm2 file={file} />
-          </MoveToViewport>
-        </popupContext.Provider>
-      </ClickAway>
-    </PositionAtPoint>
-  );
-};
diff --git a/packages/mu-txt/src/components/LeftSidebar/SavedFileList/FileOptionsForm2.tsx b/packages/mu-txt/src/components/LeftSidebar/SavedFileList/FileOptionsForm2.tsx
deleted file mode 100644
index ce316f5ecc..0000000000
--- a/packages/mu-txt/src/components/LeftSidebar/SavedFileList/FileOptionsForm2.tsx
+++ /dev/null
@@ -1,216 +0,0 @@
-import * as React from 'react';
-import {ArgsPane} from '@jsonjoy.com/ui/lib/4-card/ContextMenu/ArgsPane';
-import {usePopup} from '@jsonjoy.com/ui/lib/4-card/Popup/context';
-import {syncStore} from '@jsonjoy.com/ui/lib/hooks/useSyncStore';
-import {useBehaviorSubject} from '@jsonjoy.com/ui/lib/hooks/useBehaviorSubject';
-import {useT} from 'use-t';
-import {useExplorer} from '../../../context';
-import type {MenuItem, Param} from '@jsonjoy.com/ui/lib/4-card/StructuralMenu/types';
-import type {FileMetadataDto, OpenFile} from '../../../state/file';
-import NameIcon__svg from 'iconista/lib/react/bootstrap/file-earmark-binary';
-import HashIcon__svg from 'iconista/lib/react/bootstrap/hash';
-import ClockIcon__svg from 'iconista/lib/react/bootstrap/clock';
-import FileIcon__svg from 'iconista/lib/react/bootstrap/file-earmark';
-import LinkIcon__svg from 'iconista/lib/react/bootstrap/link-45deg';
-import FolderIcon__svg from 'iconista/lib/react/bootstrap/folder2-open';
-import DownloadIcon__svg from 'iconista/lib/react/auth0/download';
-import TrashIcon__svg from 'iconista/lib/react/bootstrap/trash2';
-
-const NameIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <NameIcon__svg width={16} height={16} {...props} />
-);
-const HashIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <HashIcon__svg width={16} height={16} {...props} />
-);
-const ClockIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <ClockIcon__svg width={16} height={16} {...props} />
-);
-const FileIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <FileIcon__svg width={16} height={16} {...props} />
-);
-const LinkIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <LinkIcon__svg width={16} height={16} {...props} />
-);
-const FolderIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <FolderIcon__svg width={16} height={16} {...props} />
-);
-const DownloadIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <DownloadIcon__svg width={16} height={16} {...props} />
-);
-const TrashIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <TrashIcon__svg width={16} height={16} {...props} />
-);
-
-const renderNameIcon = () => <NameIcon />;
-const renderHashIcon = () => <HashIcon />;
-const renderClockIcon = () => <ClockIcon />;
-const renderFileIcon = () => <FileIcon />;
-const renderLinkIcon = () => <LinkIcon />;
-const renderFolderIcon = () => <FolderIcon />;
-const renderDownloadIcon = () => <DownloadIcon />;
-const renderTrashIcon = () => <TrashIcon />;
-
-export interface FileOptionsForm2Props {
-  file: FileMetadataDto;
-}
-
-export const FileOptionsForm2: React.FC<FileOptionsForm2Props> = ({file}) => {
-  const [t] = useT();
-  const state = useExplorer();
-  const popup = usePopup();
-  const openFiles = useBehaviorSubject(state.files$);
-  const openFile: OpenFile | undefined = openFiles.find((f) => f.id === file.id);
-  const currentName = (openFile ? openFile.name.value : undefined) ?? file.name;
-  const currentNameRef = React.useRef(currentName);
-  currentNameRef.current = currentName;
-
-  const onCancel = React.useCallback(() => {
-    popup?.close();
-  }, [popup]);
-
-  const handleDownload = React.useCallback(() => {
-    state.download(file.id).catch(() => {});
-  }, [state, file.id]);
-
-  const handleDelete = React.useCallback(async () => {
-    popup?.close();
-    await state.deleteSaved(file.id);
-  }, [state, file.id, popup]);
-
-  const item: MenuItem = React.useMemo(() => ({name: t('File options'), compact: true}), [t]);
-
-  const handleSubmit = React.useCallback(() => {
-    popup?.close();
-  }, [popup]);
-
-  const hasLink = !!file.link;
-  const hasSize = !!openFile?.size;
-
-  const params: (Param | MenuItem)[] = React.useMemo(() => {
-    const list: (Param | MenuItem)[] = [];
-
-    // list.push({name: t('File'), heading: true, collapsible: true});
-    list.push({
-      kind: 'str',
-      id: 'name',
-      name: t('Name'),
-      icon: renderNameIcon,
-      default: currentName,
-      placeholder: t('Untitled'),
-      onSubmit: handleSubmit,
-    });
-    list.push({
-      kind: 'code',
-      id: 'id',
-      name: 'ID',
-      icon: renderHashIcon,
-      value: file.id,
-    });
-
-    list.push({name: t('Metadata'), heading: true, collapsible: true});
-    list.push({
-      kind: 'info',
-      id: 'createdAt',
-      name: t('Created'),
-      icon: renderClockIcon,
-      variant: 'date',
-      value: file.createdAt,
-    });
-    list.push({
-      kind: 'info',
-      id: 'updatedAt',
-      name: t('Updated'),
-      icon: renderClockIcon,
-      variant: 'date',
-      value: file.updatedAt,
-    });
-    list.push({
-      kind: 'info',
-      id: 'size',
-      name: t('Size'),
-      icon: renderFileIcon,
-      variant: 'bytes',
-      value: openFile?.size ?? 0,
-      visible: syncStore(hasSize),
-    });
-
-    if (hasLink && file.link) {
-      list.push({name: t('Link'), heading: true, collapsible: true});
-      list.push({
-        kind: 'code',
-        id: 'linkSource',
-        name: t('Source'),
-        icon: renderLinkIcon,
-        value: file.link.source,
-      });
-      list.push({
-        kind: 'code',
-        id: 'linkPath',
-        name: t('Path'),
-        icon: renderFolderIcon,
-        value: file.link.path,
-      });
-    }
-
-    list.push({name: t('Actions'), heading: true, collapsible: true, initialCollapsed: true});
-    list.push({
-      kind: 'btn',
-      id: 'download',
-      name: t('Create a copy'),
-      icon: renderDownloadIcon,
-      buttonLabel: t('Download'),
-      buttonIcon: renderDownloadIcon,
-      onClick: handleDownload,
-    });
-
-    list.push({
-      name: t('Danger zone'),
-      heading: true,
-      collapsible: true,
-      initialCollapsed: true,
-      danger: true,
-    });
-    list.push({
-      kind: 'btn',
-      id: 'delete',
-      name: '',
-      buttonLabel: t('Delete permanently'),
-      buttonIcon: renderTrashIcon,
-      danger: true,
-      confirm: true,
-      confirmLabel: t('Confirm delete'),
-      confirmActionLabel: t('Delete'),
-      onClick: handleDelete,
-    });
-
-    return list;
-  }, [
-    t,
-    currentName,
-    file.id,
-    file.createdAt,
-    file.updatedAt,
-    file.link,
-    hasLink,
-    hasSize,
-    openFile?.size,
-    handleDownload,
-    handleDelete,
-    handleSubmit,
-  ]);
-
-  const onChange = React.useCallback(
-    (_list: [string, unknown][], map: Record<string, unknown>) => {
-      const nextName = (map.name as string | undefined) ?? '';
-      if (nextName === currentNameRef.current) return;
-      if (openFile) {
-        state.renameFile(openFile, nextName);
-      } else {
-        void state.rename(file.id, nextName);
-      }
-    },
-    [openFile, state, file.id],
-  );
-
-  return <ArgsPane item={item} params={params} onCancel={onCancel} onChange={onChange} minWidth={300} />;
-};
diff --git a/packages/mu-txt/src/components/LeftSidebar/SavedFileList/SavedFile.tsx b/packages/mu-txt/src/components/LeftSidebar/SavedFileList/SavedFile.tsx
deleted file mode 100644
index a0f3601911..0000000000
--- a/packages/mu-txt/src/components/LeftSidebar/SavedFileList/SavedFile.tsx
+++ /dev/null
@@ -1,62 +0,0 @@
-import * as React from 'react';
-import {useExplorer} from '../../../context';
-import {Bytes} from '@jsonjoy.com/ui/lib/1-inline/Bytes';
-import {TimeAgo} from '@jsonjoy.com/ui/lib/1-inline/TimeAgo';
-import {FileListItem} from '@jsonjoy.com/ui/lib/3-list-item/FileListItem';
-import {BasicButtonMore} from '@jsonjoy.com/ui/lib/2-inline-block/BasicButton/BasicButtonMore';
-import {FileIcon} from '@jsonjoy.com/ui/lib/1-inline/FileIcon';
-import {Popup} from '@jsonjoy.com/ui/lib/4-card/Popup';
-import {FileOptionsForm2 as FileOptionsForm} from './FileOptionsForm2';
-import type {FileMetadataDto} from '../../../state/file';
-import GhostFileIcon__svg from 'iconista/lib/react/bootstrap/file-earmark-font';
-
-const GhostFileIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <GhostFileIcon__svg width={16} height={16} {...props} />
-);
-const icon = <GhostFileIcon />;
-
-export interface SavedFileProps {
-  file: FileMetadataDto;
-}
-
-export const SavedFile: React.FC<SavedFileProps> = ({file}) => {
-  const state = useExplorer();
-  const selected = state.tabs.selected.use();
-  const activeIcon = <FileIcon id={file.id} label={file.name} gradient accent size={20} link={!!file.link} />;
-  const openFile = state.fileIfOpen(file.id);
-  const isOpen = !!openFile;
-
-  return (
-    <FileListItem
-      key={file.id}
-      title={file.name}
-      selected={selected?.[0].id === file.id}
-      small={!isOpen}
-      muted={!isOpen}
-      metadata={
-        <>
-          <TimeAgo value={file.updatedAt} live={Date.now() - file.updatedAt < 1000 * 60 * 45} />
-          {!!openFile && (
-            <>
-              {' · '}
-              <Bytes value={openFile.size} />
-            </>
-          )}
-        </>
-      }
-      icon={isOpen ? activeIcon : icon}
-      iconHover={activeIcon}
-      actions={
-        <div style={{display: 'flex', alignItems: 'center'}}>
-          <Popup renderContext={() => <FileOptionsForm file={file} />}>
-            <BasicButtonMore tooltip size={28} rounder noOutline />
-          </Popup>
-        </div>
-      }
-      onClick={() => {
-        state.openSaved(file.id).catch(() => {});
-        state.appGrid.closeLeftIfOverlay();
-      }}
-    />
-  );
-};
diff --git a/packages/mu-txt/src/components/LeftSidebar/SavedFileList/index.tsx b/packages/mu-txt/src/components/LeftSidebar/SavedFileList/index.tsx
deleted file mode 100644
index 45f1d93d40..0000000000
--- a/packages/mu-txt/src/components/LeftSidebar/SavedFileList/index.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-import * as React from 'react';
-import {useT} from 'use-t';
-import {useExplorer} from '../../../context';
-import {SavedFile} from './SavedFile';
-import {MiniTitle} from '@jsonjoy.com/ui/lib/3-list-item/MiniTitle';
-
-export type SavedFileListProps = Record<string, never>;
-
-export const SavedFileList: React.FC<SavedFileListProps> = () => {
-  const [t] = useT();
-  const state = useExplorer();
-  const files = state.saved.use();
-
-  if (!files.length) return null;
-
-  return (
-    <>
-      <div style={{margin: '-6px 8px 4px 0', textAlign: 'right'}}>
-        <MiniTitle contrast>{t('My Files')}</MiniTitle>
-      </div>
-      {files.map((file) => (
-        <SavedFile key={file.id} file={file} />
-      ))}
-    </>
-  );
-};
diff --git a/packages/mu-txt/src/components/LeftSidebar/index.tsx b/packages/mu-txt/src/components/LeftSidebar/index.tsx
deleted file mode 100644
index 1d9feb8a18..0000000000
--- a/packages/mu-txt/src/components/LeftSidebar/index.tsx
+++ /dev/null
@@ -1,38 +0,0 @@
-import * as React from 'react';
-import {SavedFileList} from './SavedFileList';
-import {useBehaviorSubject} from '@jsonjoy.com/ui/lib/hooks/useBehaviorSubject';
-import {useExplorer} from '../../context';
-import {useT} from 'use-t';
-import {NewFileForm} from '../NewFileForm';
-import {AppGridColumn} from '@jsonjoy.com/ui/lib/7-fullscreen/AppGrid';
-import {Header} from './Header';
-
-export interface LeftSidebarProps {
-  toggle: React.ReactNode;
-}
-
-export const LeftSidebar: React.FC<LeftSidebarProps> = ({toggle}) => {
-  const [_t] = useT();
-  const state = useExplorer();
-  const files = useBehaviorSubject(state.files$);
-
-  return (
-    <AppGridColumn
-      header={<Header toggle={toggle} />}
-      footer={
-        !!files.length && (
-          <div style={{padding: 16, margin: '0 auto'}}>
-            <NewFileForm />
-          </div>
-        )
-      }
-      scrollRailWidth={4}
-    >
-      <div style={{maxWidth: 320, width: '100%', margin: '0 auto'}}>
-        <div style={{padding: '16px 8px 16px 12px'}}>
-          <SavedFileList />
-        </div>
-      </div>
-    </AppGridColumn>
-  );
-};
diff --git a/packages/mu-txt/src/components/MainContent/Document.tsx b/packages/mu-txt/src/components/MainContent/Document.tsx
deleted file mode 100644
index 321bdb4af0..0000000000
--- a/packages/mu-txt/src/components/MainContent/Document.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-import * as React from 'react';
-import {isMobile, isTouch} from '@jsonjoy.com/ui';
-import {Log} from './Log';
-import {DocumentMuTxt} from './DocumentMuTxt';
-import {useBehaviorSubject} from '@jsonjoy.com/ui/lib/hooks/useBehaviorSubject';
-import {useExplorer} from '../../context';
-import {DocumentJson} from './DocumentJson';
-import {SetNamedTrace} from '@jsonjoy.com/ui';
-import type {ObjApi} from 'json-joy/lib/json-crdt';
-import type {OpenFile} from '../../state/file';
-
-export interface DocumentProps {
-  file: OpenFile;
-}
-
-export const Document: React.FC<DocumentProps> = ({file}) => {
-  const activeModel = file.activeModel.use();
-  const obj: ObjApi | undefined = React.useMemo(() => {
-    if (activeModel.api.read('/@type') !== 'mutxt') return;
-    return activeModel.api.obj([]);
-  }, [activeModel]);
-  const state = useExplorer();
-  const selected = useBehaviorSubject(state.file$);
-
-  const readonly = activeModel !== file.log.end;
-  const visible = selected === file;
-
-  if (obj) {
-    return (
-      <SetNamedTrace name={'hidden'} value={!visible}>
-        <DocumentMuTxt file={file} obj={obj} readOnly={readonly} visible={visible} />
-        {!isTouch && !isMobile && <Log visible={visible} onModel={(model) => file.activeModel.next(model)} />}
-      </SetNamedTrace>
-    );
-  }
-
-  return (
-    <SetNamedTrace name={'hidden'} value={!visible}>
-      <DocumentJson file={file} readOnly={readonly} visible={visible} />
-    </SetNamedTrace>
-  );
-};
diff --git a/packages/mu-txt/src/components/MainContent/DocumentJson.tsx b/packages/mu-txt/src/components/MainContent/DocumentJson.tsx
deleted file mode 100644
index 91e9ab88e3..0000000000
--- a/packages/mu-txt/src/components/MainContent/DocumentJson.tsx
+++ /dev/null
@@ -1,50 +0,0 @@
-import * as React from 'react';
-import {rule} from 'nano-theme';
-import type {OpenFile} from '../../state/file';
-import {JsonCrdtLog} from '@jsonjoy.com/collaborative-ui/lib/JsonCrdtLog';
-
-const editorShellClass = rule({
-  d: 'flex',
-  fld: 'column',
-  flex: '1 1 0%',
-  bxz: 'border-box',
-  pd: '0',
-  minH: 0,
-});
-
-export interface DocumentJsonProps {
-  file: OpenFile;
-  readOnly?: boolean;
-  visible?: boolean;
-}
-
-export const DocumentJson: React.FC<DocumentJsonProps> = ({file, visible}) => {
-  React.useEffect(() => {
-    file.logState.view$.next('model');
-    // file.logState.modelState.
-  }, [file]);
-
-  return (
-    <div
-      className={editorShellClass}
-      style={{
-        display: visible ? 'block' : 'none',
-        height: '100%',
-        width: '100%',
-        maxWidth: '1200px',
-        margin: '0 auto',
-        boxSizing: 'border-box',
-        padding: 16,
-      }}
-    >
-      <JsonCrdtLog
-        key={file.id}
-        spacious
-        state={file.logState}
-        log={file.log}
-        filename={file.name.value}
-        onModel={(model) => file.activeModel.next(model)}
-      />
-    </div>
-  );
-};
diff --git a/packages/mu-txt/src/components/MainContent/DocumentMuTxt.tsx b/packages/mu-txt/src/components/MainContent/DocumentMuTxt.tsx
deleted file mode 100644
index 1845be58fa..0000000000
--- a/packages/mu-txt/src/components/MainContent/DocumentMuTxt.tsx
+++ /dev/null
@@ -1,54 +0,0 @@
-import * as React from 'react';
-import {rule} from 'nano-theme';
-import {MuTxt, type MuTxtApi} from 'mutxt-react';
-import type {ObjApi} from 'json-joy/lib/json-crdt';
-import type {OpenFile} from '../../state/file';
-
-const editorShellClass = rule({
-  d: 'flex',
-  fld: 'column',
-  flex: '1 1 0%',
-  bxz: 'border-box',
-  pd: '0',
-  minH: 0,
-});
-
-const minHeight = 400;
-
-export interface DocumentMuTxtProps {
-  file: OpenFile;
-  obj: ObjApi;
-  readOnly?: boolean;
-  visible?: boolean;
-}
-
-export const DocumentMuTxt: React.FC<DocumentMuTxtProps> = ({file, obj, readOnly, visible}) => {
-  const [api, setApi] = React.useState<MuTxtApi | null>(null);
-  React.useEffect(() => {
-    if (!api || !visible) return;
-    return file.bindMuTxt(api);
-  }, [api, visible, file]);
-
-  return (
-    <div className={editorShellClass} style={{display: visible ? 'block' : 'none', minHeight}}>
-      <MuTxt
-        heightFit
-        hoverElevate
-        obj={obj}
-        minHeight={minHeight}
-        readOnly={readOnly}
-        autoFocus
-        onApi={setApi}
-        startWithTitle
-        onTitleSubmit={(title) => {
-          if (!title) return;
-          const now = Date.now();
-          const fileLifeTime = now - file.meta.createdAt;
-          const isFileOlderThan3Minutes = fileLifeTime > 3 * 60 * 1000;
-          if (isFileOlderThan3Minutes) return;
-          file.name.next(title);
-        }}
-      />
-    </div>
-  );
-};
diff --git a/packages/mu-txt/src/components/MainContent/Log/index.tsx b/packages/mu-txt/src/components/MainContent/Log/index.tsx
deleted file mode 100644
index 915ad8fd01..0000000000
--- a/packages/mu-txt/src/components/MainContent/Log/index.tsx
+++ /dev/null
@@ -1,125 +0,0 @@
-import * as React from 'react';
-import {rule} from 'nano-theme';
-import {useT} from 'use-t';
-import {useExplorer} from '../../../context';
-import {useBehaviorSubject, useBehaviorSubjectOpt} from '@jsonjoy.com/ui/lib/hooks/useBehaviorSubject';
-import {JsonCrdtLog} from '@jsonjoy.com/collaborative-ui/lib/JsonCrdtLog';
-import * as ScrollArea from '@jsonjoy.com/ui/src/4-card/ScrollArea';
-import {BasicButtonClose} from '@jsonjoy.com/ui/lib/2-inline-block/BasicButton/BasicButtonClose';
-import {BasicTooltip} from '@jsonjoy.com/ui/lib/4-card/BasicTooltip';
-import type {Model} from 'json-joy/lib/json-crdt';
-
-const openButtonClass = rule({
-  w: '33%',
-  h: '20px',
-  pad: 0,
-  mar: 0,
-  bd: 'none',
-  bgc: 'transparent',
-  cursor: 'pointer',
-  d: 'flex',
-  ai: 'center',
-  jc: 'center',
-});
-
-const openBarClass = rule({
-  d: 'block',
-  w: '100%',
-  h: '4px',
-  bdrad: '2px',
-  bgc: 'currentColor',
-  op: 0.1,
-  trs: 'opacity 120ms ease',
-  [`.${openButtonClass.trim()}:hover &`]: {
-    op: 0.5,
-  },
-});
-
-export interface LogProps {
-  visible?: boolean;
-  onModel?: (model: Model<any>, readonly: boolean) => void;
-}
-
-export const Log: React.FC<LogProps> = ({visible, onModel}) => {
-  const [t] = useT();
-  const state = useExplorer();
-  const file = useBehaviorSubject(state.file$);
-  const logView = useBehaviorSubjectOpt(file?.logState.view$);
-  const [open, setOpen] = React.useState(false);
-
-  if (!file || !visible) {
-    return null;
-  }
-
-  if (!open) {
-    const showLog = t('Show log');
-    return (
-      <div
-        style={{
-          width: '100%',
-          margin: '-12px 0 0',
-          padding: '0 0 8px',
-          boxSizing: 'border-box',
-          display: 'flex',
-          justifyContent: 'center',
-          flexShrink: 0,
-        }}
-      >
-        <button
-          type="button"
-          className={openButtonClass}
-          title={showLog}
-          aria-label={showLog}
-          onClick={() => setOpen(true)}
-        >
-          <span className={openBarClass} />
-        </button>
-      </div>
-    );
-  }
-
-  return (
-    <div
-      style={{
-        margin: '-16px 0 0',
-        padding: (logView !== 'tiny' ? 32 : 0) + 'px 8px 0',
-        width: '100%',
-        boxSizing: 'border-box',
-        display: 'flex',
-        alignItems: 'flex-end',
-        gap: 8,
-      }}
-    >
-      <div style={{padding: '0 0 8px'}}>
-        <BasicTooltip renderTooltip={() => t('Hide log')}>
-          <BasicButtonClose rounder size={24} onClick={() => setOpen(false)} />
-        </BasicTooltip>
-      </div>
-      <div
-        style={{
-          flex: '1 1 auto',
-          minWidth: 0,
-          maxWidth: 1600,
-          margin: '0 auto',
-          display: 'flex',
-          flexDirection: 'column',
-          maxHeight: 'calc(max(300px,30vh))',
-        }}
-      >
-        <ScrollArea.ScrollArea shadow style={{width: '100%', maxHeight: 'calc(max(300px,30vh))', height: 'auto'}}>
-          <ScrollArea.Viewport style={{width: '100%', height: '100%'}}>
-            <JsonCrdtLog
-              key={file.id}
-              spacious
-              state={file.logState}
-              log={file.log}
-              filename={file.name.value}
-              onModel={onModel}
-            />
-          </ScrollArea.Viewport>
-          <ScrollArea.ScrollRail style={{width: 8}} />
-        </ScrollArea.ScrollArea>
-      </div>
-    </div>
-  );
-};
diff --git a/packages/mu-txt/src/components/MainContent/index.tsx b/packages/mu-txt/src/components/MainContent/index.tsx
deleted file mode 100644
index 4beb6dbb16..0000000000
--- a/packages/mu-txt/src/components/MainContent/index.tsx
+++ /dev/null
@@ -1,62 +0,0 @@
-import * as React from 'react';
-import {rule} from 'nano-theme';
-import {useBehaviorSubject} from '@jsonjoy.com/ui/lib/hooks/useBehaviorSubject';
-import {ErrorBoundary} from '@jsonjoy.com/ui/lib/misc/ErrorBoundary';
-import {useExplorer} from '../../context';
-import {Welcome} from '../Welcome';
-import {Document} from './Document';
-import {DotBackground} from '@jsonjoy.com/ui/src/5-block/DotBackground';
-import {AppGridColumn} from '@jsonjoy.com/ui/src/7-fullscreen/AppGrid';
-
-const blockClass = rule({
-  w: '100%',
-  d: 'flex',
-  fld: 'column',
-  flex: '1 1 0%',
-  minH: 0,
-});
-
-const contentClass = rule({
-  w: '100%',
-  h: '100%',
-  minH: 0,
-  d: 'flex',
-  fld: 'column',
-  gap: '12px',
-  flex: '1 1 auto',
-  bxz: 'border-box',
-  pd: '16px 0 0',
-});
-
-export const MainContent: React.FC = () => {
-  const state = useExplorer();
-  const started = state.started.use();
-  const files = useBehaviorSubject(state.files$);
-  const selected = useBehaviorSubject(state.file$);
-
-  if (!started) return;
-
-  if (!files.length) {
-    return (
-      <AppGridColumn>
-        <div className={blockClass}>
-          <DotBackground className={contentClass}>
-            <Welcome />
-          </DotBackground>
-        </div>
-      </AppGridColumn>
-    );
-  }
-
-  return (
-    <div className={blockClass}>
-      <DotBackground className={contentClass}>
-        {files.map((f) => (
-          <ErrorBoundary key={f.id} name={`document:${f.id}`} resetKey={f.id} silent={f !== selected}>
-            <Document file={f} />
-          </ErrorBoundary>
-        ))}
-      </DotBackground>
-    </div>
-  );
-};
diff --git a/packages/mu-txt/src/components/NewFileForm/index.tsx b/packages/mu-txt/src/components/NewFileForm/index.tsx
deleted file mode 100644
index c03c80a81e..0000000000
--- a/packages/mu-txt/src/components/NewFileForm/index.tsx
+++ /dev/null
@@ -1,58 +0,0 @@
-import * as React from 'react';
-import {Space} from '@jsonjoy.com/ui/lib/3-list-item/Space';
-import {DropArea} from '../DropArea';
-import {useExplorer} from '../../context';
-import {CreateButton} from '@jsonjoy.com/collaborative-ui/lib/molecules/CreateButton';
-import {MiniTitle} from '@jsonjoy.com/ui/lib/3-list-item/MiniTitle';
-import {useT} from 'use-t';
-import {Flex} from '@jsonjoy.com/ui/lib/3-list-item/Flex';
-import {BasicButtonMore} from '@jsonjoy.com/ui/lib/2-inline-block/BasicButton/BasicButtonMore';
-import {ContextMenu} from '@jsonjoy.com/ui/lib/4-card/ContextMenu';
-import {Popup} from '@jsonjoy.com/ui/lib/4-card/Popup';
-
-export interface NewFileFormProps {
-  expanded?: boolean;
-}
-
-export const NewFileForm: React.FC<NewFileFormProps> = ({expanded}) => {
-  const [t] = useT();
-  const state = useExplorer();
-
-  return (
-    <div onClick={(e) => e.stopPropagation()} onKeyDown={() => {}} style={{maxWidth: 360, margin: '0 auto'}}>
-      <div>
-        {!!expanded && <MiniTitle>{t('New')}</MiniTitle>}
-        <Space size={-1} />
-        <Flex style={{alignItems: 'center'}}>
-          <CreateButton
-            radius={1}
-            colorStep={'el-1'}
-            block
-            ghost
-            size={expanded ? 1 : -1}
-            onClick={() => state.createNewMuTxt()}
-          >
-            {t('New document')}
-          </CreateButton>
-          <Space horizontal />
-          <Popup
-            renderContext={() => <ContextMenu inset showSearch menu={state.menus.newFileMenu()} />}
-            tooltip={{renderTooltip: () => t('From template'), nowrap: true}}
-          >
-            <BasicButtonMore size={32} rounder fill />
-          </Popup>
-        </Flex>
-      </div>
-      {!!expanded && (
-        <>
-          <Space size={expanded ? 4 : 1} />
-          <div>
-            <MiniTitle>Open</MiniTitle>
-            <Space size={-1} />
-            <DropArea compact={!expanded} />
-          </div>
-        </>
-      )}
-    </div>
-  );
-};
diff --git a/packages/mu-txt/src/components/TabsHeader/PwaInstallButton.tsx b/packages/mu-txt/src/components/TabsHeader/PwaInstallButton.tsx
deleted file mode 100644
index 87a7197775..0000000000
--- a/packages/mu-txt/src/components/TabsHeader/PwaInstallButton.tsx
+++ /dev/null
@@ -1,77 +0,0 @@
-import * as React from 'react';
-import {BasicButton} from '@jsonjoy.com/ui/lib/2-inline-block/BasicButton';
-import {Label} from '@jsonjoy.com/ui/lib/1-inline/Label';
-
-interface BeforeInstallPromptEvent extends Event {
-  readonly platforms: string[];
-  readonly userChoice: Promise<{outcome: 'accepted' | 'dismissed'; platform: string}>;
-  prompt(): Promise<void>;
-}
-
-const isStandaloneDisplay = (): boolean => {
-  if (typeof window === 'undefined') return false;
-  return (
-    window.matchMedia('(display-mode: standalone)').matches ||
-    !!(navigator as Navigator & {standalone?: boolean}).standalone
-  );
-};
-
-export type PwaInstallButtonProps = {};
-
-export const PwaInstallButton: React.FC<PwaInstallButtonProps> = () => {
-  const [deferredPrompt, setDeferredPrompt] = React.useState<BeforeInstallPromptEvent | null>(null);
-  const [installed, setInstalled] = React.useState<boolean>(() => isStandaloneDisplay());
-
-  React.useEffect(() => {
-    const handleBeforeInstallPrompt = (event: Event) => {
-      const promptEvent = event as BeforeInstallPromptEvent;
-      promptEvent.preventDefault();
-      setDeferredPrompt(promptEvent);
-    };
-
-    const handleAppInstalled = () => {
-      setInstalled(true);
-      setDeferredPrompt(null);
-    };
-
-    const mediaQuery = window.matchMedia('(display-mode: standalone)');
-    const handleDisplayModeChange = () => {
-      if (isStandaloneDisplay()) {
-        setInstalled(true);
-        setDeferredPrompt(null);
-      }
-    };
-
-    window.addEventListener('beforeinstallprompt', handleBeforeInstallPrompt as EventListener);
-    window.addEventListener('appinstalled', handleAppInstalled);
-    mediaQuery.addEventListener('change', handleDisplayModeChange);
-
-    return () => {
-      window.removeEventListener('beforeinstallprompt', handleBeforeInstallPrompt as EventListener);
-      window.removeEventListener('appinstalled', handleAppInstalled);
-      mediaQuery.removeEventListener('change', handleDisplayModeChange);
-    };
-  }, []);
-
-  if (installed || !deferredPrompt) return null;
-
-  const handleInstallClick = async () => {
-    await deferredPrompt.prompt();
-    const choice = await deferredPrompt.userChoice.catch(() => null);
-    setDeferredPrompt(null);
-    if (choice?.outcome === 'accepted') setInstalled(true);
-  };
-
-  return (
-    <BasicButton
-      title="Install \mu txt as an app on your device for a better experience"
-      width="auto"
-      height={32}
-      rounder
-      compact
-      onClick={() => void handleInstallClick()}
-    >
-      Install as&nbsp;<Label>App</Label>
-    </BasicButton>
-  );
-};
diff --git a/packages/mu-txt/src/components/TabsHeader/index.tsx b/packages/mu-txt/src/components/TabsHeader/index.tsx
deleted file mode 100644
index ce6f243c9a..0000000000
--- a/packages/mu-txt/src/components/TabsHeader/index.tsx
+++ /dev/null
@@ -1,48 +0,0 @@
-import * as React from 'react';
-import {rule, useTheme} from 'nano-theme';
-import {useExplorer} from '../../context';
-import {useStyles} from '@jsonjoy.com/ui/lib/styles/context';
-import {FileTabs} from '@jsonjoy.com/ui/lib/3-list-item/FileTabs';
-import {PwaInstallButton} from './PwaInstallButton';
-
-const enum Sizes {
-  TabsHeight = 48,
-  TabsFadeHeight = 16,
-}
-
-const blockClass = rule({
-  h: Sizes.TabsHeight + 'px',
-});
-
-export interface TabsHeaderProps {
-  toggle: React.ReactNode;
-}
-
-export const TabsHeader: React.FC<TabsHeaderProps> = ({toggle}) => {
-  const state = useExplorer();
-  const styles = useStyles();
-  const theme = useTheme();
-
-  return (
-    <div
-      className={blockClass}
-      style={{
-        borderTop: '4px solid ' + theme.bg,
-        borderRight: '4px solid ' + theme.bg,
-        borderLeft: toggle ? '4px solid ' + theme.bg : void 0,
-      }}
-    >
-      <FileTabs
-        bg={styles.neutral.fg.pct(0, -0.92, styles.light ? 0.88 : -0.9)}
-        fade="transparent"
-        state={state.tabs}
-        before={<div style={{marginLeft: toggle ? 'var(--titlebar-inset-left, 0px)' : 0}}>{toggle}</div>}
-        right={<PwaInstallButton />}
-        render={() => <div style={{height: Sizes.TabsFadeHeight}} />}
-        barStyle={{
-          borderRadius: 12, // Needed for electron on Mac to match the titlebar's rounded corners
-        }}
-      />
-    </div>
-  );
-};
diff --git a/packages/mu-txt/src/components/Typesetting/index.tsx b/packages/mu-txt/src/components/Typesetting/index.tsx
deleted file mode 100644
index bd9abe15d8..0000000000
--- a/packages/mu-txt/src/components/Typesetting/index.tsx
+++ /dev/null
@@ -1,79 +0,0 @@
-import * as React from 'react';
-import {rule} from 'nano-theme';
-import {useT} from 'use-t';
-import {fonts} from '@jsonjoy.com/ui/lib/styles';
-
-const blockClass = rule({
-  ...fonts.get('sans', 'mid', 0),
-  fz: '13.4px',
-  lh: '1.6em',
-  p: {
-    mr: 0,
-    pd: '4px 0',
-  },
-  a: {
-    textDecoration: 'underline',
-    textDecorationThickness: '1px',
-    textUnderlineOffset: '4px',
-    textDecorationColor: 'rgb(from currentColor r g b / 0.2)',
-    '&:hover': {
-      textDecorationColor: 'currentColor',
-    },
-  },
-  code: {
-    lh: '1.3em',
-  },
-  'ol, ul': {
-    mr: 0,
-    pd: '4px 0 4px 20px',
-  },
-  li: {
-    pd: '4px 0',
-  },
-  h6: {
-    fz: '1.05em',
-    fw: 600,
-    mr: '16px 0 4px',
-  },
-  h5: {
-    fz: '1.1em',
-    fw: 600,
-    mr: '16px 0 4px',
-  },
-  h4: {
-    fz: '1.25em',
-    fw: 600,
-    mr: '16px 0 4px',
-  },
-  h3: {
-    fz: '1.3em',
-    fw: 700,
-    mr: '16px 0 4px',
-    o: 0.88,
-    lh: '1.4em',
-  },
-  h2: {
-    fz: '1.5em',
-    fw: 700,
-    mr: '16px 0 4px',
-  },
-  h1: {
-    fz: '2em',
-    fw: 700,
-    mr: '16px 0 4px',
-  },
-});
-
-export interface TypesettingProps extends React.HTMLAttributes<HTMLDivElement> {
-  children?: React.ReactNode;
-}
-
-export const Typesetting: React.FC<TypesettingProps> = ({children, ...props}) => {
-  const [_t] = useT();
-
-  return (
-    <div {...props} className={blockClass + ' ' + (props.className || '')}>
-      {children}
-    </div>
-  );
-};
diff --git a/packages/mu-txt/src/components/Welcome/ActionCard.tsx b/packages/mu-txt/src/components/Welcome/ActionCard.tsx
deleted file mode 100644
index 72afc917b7..0000000000
--- a/packages/mu-txt/src/components/Welcome/ActionCard.tsx
+++ /dev/null
@@ -1,111 +0,0 @@
-import * as React from 'react';
-import {drule, rule, useTheme} from 'nano-theme';
-import {Tilt} from '@jsonjoy.com/ui/lib/4-card/Tilt';
-
-const blockClass = drule({
-  pos: 'relative',
-  d: 'flex',
-  fld: 'column',
-  ai: 'flex-start',
-  gap: '6px',
-  pd: '20px 20px 18px',
-  cur: 'pointer',
-  ta: 'left',
-  us: 'none',
-  transition: 'background .15s ease, border-color .15s ease',
-  overflow: 'hidden',
-  w: '100%',
-  h: '100%',
-  minH: '128px',
-  boxSizing: 'border-box',
-  '&:active': {
-    transform: 'scale(.99)',
-  },
-});
-
-const iconWrapClass = rule({
-  d: 'inline-flex',
-  ai: 'center',
-  jc: 'center',
-  w: '34px',
-  h: '34px',
-  bdrad: '10px',
-  mrb: '6px',
-});
-
-const titleClass = rule({
-  fz: '14px',
-  fw: 600,
-  lh: '1.3em',
-  mr: 0,
-});
-
-const descClass = rule({
-  fz: '12px',
-  lh: '1.4em',
-  mr: 0,
-});
-
-export interface ActionCardProps {
-  icon: React.ReactNode;
-  title: React.ReactNode;
-  description?: React.ReactNode;
-  onClick?: React.MouseEventHandler<HTMLDivElement>;
-}
-
-export const ActionCard: React.FC<ActionCardProps> = ({icon, title, description, onClick}) => {
-  const theme = useTheme();
-
-  const iconBg = theme.g(0.77, 0.2);
-  const iconCol = theme.g(0.18, 0.92);
-
-  const baseBg = theme.g(0.93, 0.11);
-  const hoverBg = theme.g(0.88, 0.4);
-
-  const baseBd = theme.g(0.74, 0.32);
-  const hoverBd = theme.g(0.66, 0.4);
-
-  const cls = blockClass({
-    bg: baseBg,
-    bd: `1px solid ${baseBd}`,
-    '&:hover': {
-      bg: hoverBg,
-      bd: `1px solid ${hoverBd}`,
-    },
-  });
-
-  const paperStyle: React.CSSProperties = {
-    borderRadius: 14,
-    boxShadow: `0 1px 0 ${theme.g(0, 0.02)}`,
-  };
-
-  return (
-    <Tilt style={{width: '100%'}} reach={100} scale={1.05}>
-      <div
-        onClick={onClick as any}
-        onKeyDown={(e: React.KeyboardEvent<HTMLDivElement>) => {
-          if (e.key === 'Enter' || e.key === ' ') {
-            e.preventDefault();
-            (e.currentTarget as HTMLDivElement).click();
-          }
-        }}
-        role="button"
-        tabIndex={0}
-        className={cls}
-        style={paperStyle}
-      >
-        <div className={iconWrapClass} style={{background: iconBg, color: iconCol}} aria-hidden>
-          {icon}
-        </div>
-        <h3 className={titleClass} style={{color: theme.g(0.08, 0.96)}}>
-          {title}
-        </h3>
-        {description && (
-          <p className={descClass} style={{color: theme.g(0.42, 0.7)}}>
-            {description}
-          </p>
-        )}
-      </div>
-    </Tilt>
-  );
-};
diff --git a/packages/mu-txt/src/components/Welcome/RecentFiles.tsx b/packages/mu-txt/src/components/Welcome/RecentFiles.tsx
deleted file mode 100644
index d740b0dd62..0000000000
--- a/packages/mu-txt/src/components/Welcome/RecentFiles.tsx
+++ /dev/null
@@ -1,99 +0,0 @@
-import * as React from 'react';
-import {drule, rule, useTheme} from 'nano-theme';
-import {useT} from 'use-t';
-import {TimeAgo} from '@jsonjoy.com/ui/lib/1-inline/TimeAgo';
-import {FileIcon} from '@jsonjoy.com/ui/lib/1-inline/FileIcon';
-import {useExplorer} from '../../context';
-import type {FileMetadataDto} from '../../state/file';
-
-const listClass = rule({
-  display: 'flex',
-  flexDirection: 'column',
-  gap: '2px',
-  width: '100%',
-});
-
-const itemClass = drule({
-  display: 'flex',
-  alignItems: 'center',
-  gap: '12px',
-  padding: '8px 12px',
-  borderRadius: '8px',
-  cursor: 'pointer',
-  transition: 'background .12s ease, color .12s ease',
-  textAlign: 'left',
-  border: '1px solid transparent',
-  background: 'transparent',
-  width: '100%',
-  font: 'inherit',
-  '&:active': {
-    transform: 'scale(.99)',
-  },
-});
-
-const iconWrapClass = rule({
-  display: 'flex',
-  alignItems: 'center',
-  justifyContent: 'center',
-  flex: '0 0 auto',
-});
-
-const nameClass = rule({
-  flex: '1 1 auto',
-  minWidth: 0,
-  fontSize: '13px',
-  fontWeight: 500,
-  lineHeight: '1.3em',
-  whiteSpace: 'nowrap',
-  overflow: 'hidden',
-  textOverflow: 'ellipsis',
-});
-
-const metaClass = rule({
-  flex: '0 0 auto',
-  fontSize: '11px',
-  opacity: 0.5,
-});
-
-export interface RecentFilesProps {
-  files: FileMetadataDto[];
-}
-
-export const RecentFiles: React.FC<RecentFilesProps> = ({files}) => {
-  const [t] = useT();
-  const state = useExplorer();
-  const theme = useTheme();
-
-  if (!files.length) return null;
-
-  return (
-    <div className={listClass}>
-      {files.map((file) => {
-        const cls = itemClass({
-          color: theme.g(0.18, 0.9),
-          '&:hover': {
-            background: theme.g(0.94, 0.2),
-            borderColor: theme.g(0.86, 0.26),
-          },
-        });
-        return (
-          <button
-            type="button"
-            key={file.id}
-            className={cls}
-            onClick={() => state.openSaved(file.id).catch(() => {})}
-            title={file.name}
-          >
-            <span className={iconWrapClass}>
-              <FileIcon id={file.id} label={file.name} gradient accent size={20} link={!!file.link} />
-            </span>
-            <span className={nameClass}>{file.name || t('Untitled')}</span>
-            <span className={metaClass}>
-              <TimeAgo value={file.updatedAt} />
-            </span>
-          </button>
-        );
-      })}
-    </div>
-  );
-};
diff --git a/packages/mu-txt/src/components/Welcome/index.tsx b/packages/mu-txt/src/components/Welcome/index.tsx
deleted file mode 100644
index b3980414e4..0000000000
--- a/packages/mu-txt/src/components/Welcome/index.tsx
+++ /dev/null
@@ -1,251 +0,0 @@
-import * as React from 'react';
-import {rule, useTheme} from 'nano-theme';
-import {useT} from 'use-t';
-import {MuTxtLogoV3} from '@jsonjoy.com/ui/lib/icons/svg/MuTxtLogoV3';
-import {Popup} from '@jsonjoy.com/ui/lib/4-card/Popup';
-import {ContextMenu} from '@jsonjoy.com/ui/lib/4-card/ContextMenu';
-import {useExplorer} from '../../context';
-import {host} from '../../util/host';
-import {BrandLogo} from '../LeftSidebar/BrandLogo';
-import {ActionCard} from './ActionCard';
-import {RecentFiles} from './RecentFiles';
-import NewDocIcon__svg from 'iconista/lib/react/bootstrap/file-earmark-plus';
-import TemplateIcon__svg from 'iconista/lib/react/bootstrap/collection';
-import FolderIcon__svg from 'iconista/lib/react/bootstrap/folder2-open';
-
-const NewDocIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <NewDocIcon__svg width={18} height={18} {...props} />
-);
-const TemplateIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <TemplateIcon__svg width={18} height={18} {...props} />
-);
-const FolderIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <FolderIcon__svg width={18} height={18} {...props} />
-);
-
-const blockClass = rule({
-  d: 'flex',
-  fld: 'column',
-  ai: 'center',
-  jc: 'flex-start',
-  w: '100%',
-  h: '100%',
-  pd: '32px 24px',
-  bxz: 'border-box',
-  overflowY: 'auto',
-});
-
-const innerClass = rule({
-  w: '100%',
-  maxW: '680px',
-  d: 'flex',
-  fld: 'column',
-  ai: 'stretch',
-  margin: '0 auto',
-});
-
-const heroClass = rule({
-  ta: 'center',
-  mr: '0 0 24px',
-});
-
-const logoTileClass = rule({
-  d: 'inline-flex',
-  ai: 'center',
-  jc: 'center',
-  mr: '0 auto 32px',
-});
-
-const titleClass = rule({
-  d: 'flex',
-  ai: 'center',
-  jc: 'center',
-  gap: '6px',
-  pd: '0 12px 0 0',
-  fontSize: '28px',
-  lineHeight: '1.2em',
-  fontWeight: 700,
-  letterSpacing: '-0.02em',
-  mr: '-20px 0 6px',
-});
-
-const subtitleClass = rule({
-  fontSize: '14px',
-  lineHeight: '1.55em',
-  opacity: 0.62,
-  margin: '0 auto',
-  fontWeight: 400,
-  maxWidth: '440px',
-});
-
-const actionsClass = rule({
-  display: 'grid',
-  gap: '12px',
-  width: '100%',
-  gridTemplateColumns: 'repeat(3, minmax(0, 1fr))',
-  alignItems: 'stretch',
-  '> span, > span span': {
-    display: 'flex',
-    height: '100%',
-    width: '100%',
-    minWidth: 0,
-  },
-  '@media (max-width: 720px)': {
-    gridTemplateColumns: '1fr',
-  },
-});
-
-const sectionHeadClass = rule({
-  display: 'flex',
-  alignItems: 'baseline',
-  justifyContent: 'space-between',
-  margin: '32px 0 10px',
-  padding: '0 4px',
-});
-
-const sectionTitleClass = rule({
-  fontSize: '11px',
-  fontWeight: 700,
-  letterSpacing: '0.1em',
-  textTransform: 'uppercase',
-  opacity: 0.5,
-  margin: 0,
-});
-
-const sectionHintClass = rule({
-  fontSize: '11px',
-  opacity: 0.45,
-});
-
-const footerClass = rule({
-  margin: '36px 0 0',
-  padding: '20px 0 0',
-  fontSize: '11.5px',
-  textAlign: 'center',
-  display: 'flex',
-  gap: '10px',
-  alignItems: 'center',
-  justifyContent: 'center',
-  flexWrap: 'wrap',
-  opacity: 0.55,
-});
-
-const dotClass = rule({
-  width: '3px',
-  height: '3px',
-  borderRadius: '50%',
-  background: 'currentColor',
-  opacity: 0.5,
-});
-
-const inputClass = rule({display: 'none'});
-
-const brandWrapClass = rule({
-  display: 'inline-flex',
-  alignItems: 'center',
-  transform: 'translate(4px, 2px) scale(1.3)',
-});
-
-export type WelcomeProps = Record<string, never>;
-
-export const Welcome: React.FC<WelcomeProps> = () => {
-  const [t] = useT();
-  const theme = useTheme();
-  const state = useExplorer();
-  const saved = state.saved.use();
-
-  const inputRef = React.useRef<HTMLInputElement>(null);
-  const onOpenClick = React.useCallback(() => {
-    if (host) void host.openDialog();
-    else inputRef.current?.click();
-  }, []);
-  const onInputChange = React.useCallback(
-    (e: React.ChangeEvent<HTMLInputElement>) => {
-      const files = e.currentTarget.files;
-      if (files && files.length) void state.addFiles(Array.from(files));
-      e.currentTarget.value = '';
-    },
-    [state],
-  );
-
-  const recent = saved.slice(0, 5);
-
-  return (
-    <div className={blockClass}>
-      <div className={innerClass}>
-        <header className={heroClass}>
-          <div className={logoTileClass}>
-            <MuTxtLogoV3 size={96} />
-          </div>
-          <h1 className={titleClass} style={{color: theme.g(0.08, 0.97)}}>
-            <span>{t('Welcome to')}</span>
-            <span className={brandWrapClass}>
-              <BrandLogo color={theme.g(0.08, 0.97)} />
-            </span>
-          </h1>
-          <p className={subtitleClass}>
-            {t('A local-first rich-text editor. Saves to your disk, works offline, no account needed.')}
-          </p>
-        </header>
-
-        <div className={actionsClass}>
-          <ActionCard
-            icon={<NewDocIcon />}
-            title={t('New document')}
-            description={t('Start with a blank page')}
-            onClick={() => state.createNewMuTxt()}
-          />
-          <Popup
-            block
-            renderContext={() => <ContextMenu inset showSearch menu={state.menus.newFileMenu()} />}
-            tooltip={{renderTooltip: () => t('Browse templates'), nowrap: true}}
-          >
-            <ActionCard
-              icon={<TemplateIcon />}
-              title={t('From template')}
-              description={t('Notes, journal, and more')}
-            />
-          </Popup>
-          <ActionCard
-            icon={<FolderIcon />}
-            title={t('Open file')}
-            description={t('Or drop one anywhere')}
-            onClick={onOpenClick}
-          />
-          <input ref={inputRef} type="file" multiple className={inputClass} onChange={onInputChange} />
-        </div>
-
-        {recent.length > 0 && (
-          <div style={{maxWidth: 480, width: '100%', margin: 'auto'}}>
-            <div className={sectionHeadClass}>
-              <h2 className={sectionTitleClass} style={{color: theme.g(0.2, 0.9)}}>
-                {t('Recent')}
-              </h2>
-              {saved.length > recent.length && (
-                <span className={sectionHintClass}>{`+${saved.length - recent.length} ${t('more in sidebar')}`}</span>
-              )}
-            </div>
-            <RecentFiles files={recent} />
-          </div>
-        )}
-
-        <footer className={footerClass} style={{color: theme.g(0.3, 0.7)}}>
-          <span>{t('Local-first')}</span>
-          <div className={dotClass} />
-          <span>{t('Auto-saved')}</span>
-          <div className={dotClass} />
-          <span>{t('Sync-ready')}</span>
-          <div className={dotClass} />
-          <a
-            href="https://jsonjoy.com/specs/json-crdt"
-            target="_blank"
-            rel="noopener noreferrer"
-            style={{color: 'inherit', textDecoration: 'underline', textUnderlineOffset: '3px'}}
-          >
-            {t('Powered by JSON CRDT')}
-          </a>
-        </footer>
-      </div>
-    </div>
-  );
-};
diff --git a/packages/mu-txt/src/context.ts b/packages/mu-txt/src/context.ts
deleted file mode 100644
index 5bea0d2c57..0000000000
--- a/packages/mu-txt/src/context.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import * as React from 'react';
-import type {MuTxtAppState} from './state';
-
-export const ctx = React.createContext<MuTxtAppState>(null!);
-export const useExplorer = () => React.useContext(ctx)!;
diff --git a/packages/mu-txt/src/main.tsx b/packages/mu-txt/src/main.tsx
deleted file mode 100644
index 0005e65b68..0000000000
--- a/packages/mu-txt/src/main.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import * as React from 'react';
-import {ErrorBoundary} from '@jsonjoy.com/ui/lib/misc/ErrorBoundary';
-import {createRoot} from 'react-dom/client';
-import {App} from './App';
-
-import 'nano-theme/lib/global-reset';
-
-window.addEventListener('error', (event) => {
-  console.error('[mutxt] window error:', event.error || event.message);
-});
-window.addEventListener('unhandledrejection', (event) => {
-  console.error('[mutxt] unhandled rejection:', event.reason);
-});
-
-const root = document.getElementById('root')!;
-createRoot(root).render(
-  <ErrorBoundary name="mutxt:app">
-    <App />
-  </ErrorBoundary>,
-);
diff --git a/packages/mu-txt/src/state/file-storage.ts b/packages/mu-txt/src/state/file-storage.ts
deleted file mode 100644
index 95fefcdbdf..0000000000
--- a/packages/mu-txt/src/state/file-storage.ts
+++ /dev/null
@@ -1,98 +0,0 @@
-import {gzip, ungzip} from '@jsonjoy.com/util/lib/compression/gzip';
-import type {FileMetadataDto, FileDto} from './file';
-
-export interface IFileStorage {
-  save(file: FileDto): Promise<void>;
-  load(id: string): Promise<FileDto>;
-  list(): Promise<FileMetadataDto[]>;
-  delete(id: string): Promise<void>;
-  renameMeta(id: string, name: string): Promise<FileMetadataDto>;
-}
-
-const ROOT = 'explorer.jsoncrdt.org';
-const FILES_DIR = 'files';
-const META_FILENAME = 'meta.json';
-const DATA_FILENAME = 'data.seq.cbor.gz';
-
-async function getFilesDir(): Promise<FileSystemDirectoryHandle> {
-  const opfs = await navigator.storage.getDirectory();
-  const root = await opfs.getDirectoryHandle(ROOT, {create: true});
-  return root.getDirectoryHandle(FILES_DIR, {create: true});
-}
-
-export class FileStorage implements IFileStorage {
-  async save(file: FileDto): Promise<void> {
-    const {data, ...meta} = file;
-    const compressed = await gzip(data);
-    const filesDir = await getFilesDir();
-    const fileDir = await filesDir.getDirectoryHandle(meta.id, {create: true});
-
-    const metaHandle = await fileDir.getFileHandle(META_FILENAME, {create: true});
-    const metaWriter = await metaHandle.createWritable();
-    await metaWriter.write(JSON.stringify(meta));
-    await metaWriter.close();
-
-    const dataHandle = await fileDir.getFileHandle(DATA_FILENAME, {create: true});
-    const dataWriter = await dataHandle.createWritable();
-    await dataWriter.write(compressed as any);
-    await dataWriter.close();
-  }
-
-  async load(id: string): Promise<FileDto> {
-    const filesDir = await getFilesDir();
-    const fileDir = await filesDir.getDirectoryHandle(id);
-
-    const metaHandle = await fileDir.getFileHandle(META_FILENAME);
-    const metaFile = await metaHandle.getFile();
-    const meta: FileDto = JSON.parse(await metaFile.text());
-
-    const dataHandle = await fileDir.getFileHandle(DATA_FILENAME);
-    const dataFile = await dataHandle.getFile();
-    const compressed = new Uint8Array(await dataFile.arrayBuffer());
-    meta.data = await ungzip(compressed);
-
-    return meta;
-  }
-
-  // async open(id: string): Promise<OpenFile> {
-  //   const dto = await this.load(id);
-  //   return OpenFile.fromDto(dto);
-  // }
-
-  async list(): Promise<FileMetadataDto[]> {
-    const filesDir = await getFilesDir();
-    const results: FileMetadataDto[] = [];
-    for await (const [, entry] of filesDir as any) {
-      if (entry.kind !== 'directory') continue;
-      try {
-        const metaHandle = await entry.getFileHandle(META_FILENAME);
-        const metaFile = await metaHandle.getFile();
-        const meta: FileMetadataDto = JSON.parse(await metaFile.text());
-        results.push(meta);
-      } catch {
-        // skip folders without a valid meta.json
-      }
-    }
-    return results;
-  }
-
-  async delete(id: string): Promise<void> {
-    const filesDir = await getFilesDir();
-    await filesDir.removeEntry(id, {recursive: true});
-  }
-
-  async renameMeta(id: string, name: string): Promise<FileMetadataDto> {
-    const filesDir = await getFilesDir();
-    const fileDir = await filesDir.getDirectoryHandle(id);
-    const metaHandle = await fileDir.getFileHandle(META_FILENAME);
-    const metaFile = await metaHandle.getFile();
-    const meta: FileMetadataDto = JSON.parse(await metaFile.text());
-    if (meta.name === name) return meta;
-    meta.name = name;
-    meta.updatedAt = Date.now();
-    const metaWriter = await metaHandle.createWritable();
-    await metaWriter.write(JSON.stringify(meta));
-    await metaWriter.close();
-    return meta;
-  }
-}
diff --git a/packages/mu-txt/src/state/file.tsx b/packages/mu-txt/src/state/file.tsx
deleted file mode 100644
index 0dcbea9aad..0000000000
--- a/packages/mu-txt/src/state/file.tsx
+++ /dev/null
@@ -1,277 +0,0 @@
-import * as React from 'react';
-import {ext} from 'json-joy/lib/json-crdt-extensions';
-import {LogDecoder} from 'json-joy/lib/json-crdt/log/codec/LogDecoder';
-import {JsonCrdtLogState} from '@jsonjoy.com/collaborative-ui/lib/JsonCrdtLog/JsonCrdtLogState';
-import {rsync} from '@jsonjoy.com/ui';
-import {CborDecoder} from '@jsonjoy.com/json-pack/lib/cbor/CborDecoder';
-import {LogEncoder} from 'json-joy/lib/json-crdt/log/codec/LogEncoder';
-import {compact} from 'json-joy/lib/json-crdt-patch/compaction';
-import {CborEncoder} from '@jsonjoy.com/json-pack/lib/cbor/CborEncoder';
-import {ungzip} from '@jsonjoy.com/util/lib/compression/gzip';
-import {FileIcon} from '@jsonjoy.com/ui/lib/1-inline/FileIcon';
-import {DebounceQueue} from '../util/DebounceQueue';
-import {host} from '../util/host';
-import type {Log} from 'json-joy/lib/json-crdt/log/Log';
-import type {TabItem} from '@jsonjoy.com/ui/lib/3-list-item/FileTabs';
-import type {DisplayMode, MuTxtApi} from 'mutxt-react';
-import type {IFileStorage} from './file-storage';
-import type {Model} from 'json-joy/lib/json-crdt';
-
-const RenderName: React.FC<{file: OpenFile}> = ({file}) => {
-  const name = file.name.use();
-  return <>{name}</>;
-};
-
-export interface FileMetadataDto {
-  /** Unique constant identifier for the file. */
-  id: string;
-  /** A custom human-readable name for the file that user can edit in UI. */
-  name: string;
-  /** Timestamp when file was created. */
-  createdAt: number;
-  /** Timestamp when file was last updated or saved. */
-  updatedAt: number;
-  /**
-   * Optional link to an external location where this file was opened from
-   * and where its contents can be saved back to.
-   */
-  link?: FileLink;
-}
-
-/**
- * Link from an internally stored file to an external location.
- */
-export interface FileLink {
-  /** The access mechanism / provider used to reach the external file. */
-  source: string;
-  /** Locator within the source — filesystem path, provider id, etc. */
-  path: string;
-}
-
-export interface FileDto extends FileMetadataDto {
-  data: Uint8Array;
-}
-
-export interface OpenFileOptions {
-  storage?: IFileStorage;
-  flushDebounceMs?: number;
-  onPersisted?: ((meta: FileMetadataDto) => void | Promise<void>) | undefined;
-}
-
-export const DEFAULT_FLUSH_DEBOUNCE_MS = 250;
-
-export class OpenFile {
-  public readonly id: string;
-  public readonly openTime: number = Date.now();
-  public readonly name: rsync.ReactValue<string>;
-  public readonly logState: JsonCrdtLogState;
-  public readonly activeModel: rsync.ReactValue<Model<any>>;
-  private readonly storage?: IFileStorage;
-  private readonly flushDebounceMs: number;
-  private readonly onPersisted?: (meta: FileMetadataDto) => void | Promise<void>;
-  private flushTimer: ReturnType<typeof setTimeout> | null = null;
-  private pendingFlush = false;
-  private saving = false;
-  private active = true;
-  private disposeAfterSave = false;
-  private readonly unsubscribers: Array<() => void> = [];
-  public mutxt?: MuTxtApi;
-
-  constructor(
-    public readonly meta: FileMetadataDto,
-    public readonly log: Log<any>,
-    options: OpenFileOptions = {},
-    public size: number = 0,
-  ) {
-    this.id = meta.id;
-    this.name = rsync.val(meta.name);
-    this.logState = new JsonCrdtLogState(log, {view: 'tiny'});
-    this.logState.patchState.toggleShow(false);
-    this.activeModel = rsync.val(log.end);
-    this.storage = options.storage;
-    this.flushDebounceMs = options.flushDebounceMs ?? DEFAULT_FLUSH_DEBOUNCE_MS;
-    this.onPersisted = options.onPersisted;
-    this.attachPersistenceListeners();
-
-    // Schedule CRDT operation flushing.
-    const queue = new DebounceQueue<null>(100, 500);
-    queue.onflush = () => {
-      const patch = api.builder.patch;
-      if (patch.ops.length) {
-        compact(patch);
-        api.flush();
-      }
-    };
-    const api = log.end.api;
-    const enqueue = () => queue.push(null);
-    api.onLocalChanges.listen(enqueue);
-    api.onBeforeTransaction.listen(enqueue);
-    api.onTransaction.listen(enqueue);
-  }
-
-  public static async decodeLog(uint8: Uint8Array, sid: number): Promise<Log<any>> {
-    try {
-      uint8 = await ungzip(uint8);
-    } catch {}
-    const cborDecoder = new CborDecoder();
-    const decoder = new LogDecoder({cborDecoder});
-    const {history: log} = decoder.decode(uint8, {history: true, frontier: true, format: 'seq.cbor'});
-    if (!log) throw new Error('Incompatible JSON CRDT log file.');
-    const start = log.start;
-    log.start = () => {
-      const model = start();
-      model.ext.register(ext.peritext);
-      model.ext.register(ext.quill);
-      return model;
-    };
-    log.end.ext.register(ext.peritext);
-    log.end.ext.register(ext.quill);
-    log.end.setSid(sid);
-    return log;
-  }
-
-  private readonly attachPersistenceListeners = () => {
-    if (!this.storage || this.unsubscribers.length) return;
-    this.unsubscribers.push(
-      this.name.subscribe(() => this.scheduleFlush()),
-      this.log.end.api.onPatch.listen(() => this.scheduleFlush()),
-      this.log.end.api.onFlush.listen(() => this.scheduleFlush()),
-    );
-  };
-
-  private readonly clearFlushTimer = () => {
-    if (this.flushTimer) {
-      clearTimeout(this.flushTimer);
-      this.flushTimer = null;
-    }
-  };
-
-  private readonly finalizeDisposal = () => {
-    this.clearFlushTimer();
-    this.disposeAfterSave = false;
-  };
-
-  public readonly bindMuTxt = (api: MuTxtApi): (() => void) => {
-    this.mutxt = api;
-    const setMode = host?.platform === 'darwin' ? host.setTitlebarMode.bind(host) : null;
-    const apply = () => {
-      if (!setMode) return;
-      const mode: DisplayMode = api.state.displayMode.value;
-      void setMode(mode === 'fullwindow' ? 'compact' : 'default').catch(() => {});
-    };
-    apply();
-    const unsubscribe = setMode ? api.state.displayMode.subscribe(apply) : null;
-    return () => {
-      unsubscribe?.();
-      if (setMode) void setMode('default').catch(() => {});
-      if (this.mutxt === api) this.mutxt = undefined;
-    };
-  };
-
-  public toMeta(): FileMetadataDto {
-    const meta: FileMetadataDto = {
-      id: this.meta.id,
-      name: this.name.value,
-      createdAt: this.meta.createdAt,
-      updatedAt: Date.now(),
-    };
-    if (this.meta.link) meta.link = this.meta.link;
-    return meta;
-  }
-
-  public toDto(): FileDto {
-    const cborEncoder = new CborEncoder();
-    const encoder = new LogEncoder({cborEncoder});
-    const encoded = encoder.encode(this.log, {
-      format: 'seq.cbor',
-      history: 'binary',
-      model: 'none',
-      noView: true,
-    });
-    const dto: FileDto = this.toMeta() as FileDto;
-    dto.data = encoded;
-    return dto;
-  }
-
-  // Write a `.toBinary()` snapshot of the current model to the linked external
-  // location (e.g. local fs in Electron). OPFS keeps the full CRDT log; the
-  // linked file holds only the latest snapshot.
-  private readonly writeLinkedSnapshot = async (): Promise<void> => {
-    const link = this.meta.link;
-    if (!link) return;
-    if (link.source !== 'native-fs' || !host) return;
-    try {
-      const snapshot = this.log.end.toBinary();
-      await host.writeFile(link.path, snapshot);
-    } catch (err) {
-      // eslint-disable-next-line no-console
-      console.error('[mutxt] failed to write linked file', link.path, err);
-    }
-  };
-
-  public readonly scheduleFlush = () => {
-    if (!this.storage || !this.active) return;
-    this.pendingFlush = true;
-    this.clearFlushTimer();
-    this.flushTimer = setTimeout(() => {
-      this.flushTimer = null;
-      void this.flush();
-    }, this.flushDebounceMs);
-  };
-
-  public readonly flush = async () => {
-    const storage = this.storage;
-    if (!storage || this.saving || !this.pendingFlush) {
-      if (this.disposeAfterSave && !this.saving && !this.pendingFlush) this.finalizeDisposal();
-      return;
-    }
-    this.pendingFlush = false;
-    this.saving = true;
-    const dto = this.toDto();
-    try {
-      await storage.save(dto);
-      this.meta.name = dto.name;
-      this.meta.updatedAt = dto.updatedAt;
-      const onPersisted = this.onPersisted;
-      if (onPersisted) await onPersisted(dto);
-      await this.writeLinkedSnapshot();
-    } catch {
-    } finally {
-      this.saving = false;
-    }
-    if (this.disposeAfterSave && !this.pendingFlush) {
-      this.finalizeDisposal();
-      return;
-    }
-    if (this.pendingFlush) this.scheduleFlush();
-  };
-
-  public readonly destroy = async (flushPending = false) => {
-    if (!this.active && !this.saving) return;
-    this.active = false;
-    this.clearFlushTimer();
-    while (this.unsubscribers.length) {
-      const unsubscribe = this.unsubscribers.pop();
-      unsubscribe?.();
-    }
-    if (flushPending && this.pendingFlush) {
-      this.disposeAfterSave = true;
-      await this.flush();
-      return;
-    }
-    if (this.saving) {
-      this.disposeAfterSave = true;
-      return;
-    }
-    this.finalizeDisposal();
-  };
-
-  public toTab(): TabItem {
-    return {
-      id: this.id,
-      name: this.name.value,
-      display: () => <RenderName file={this} />,
-      icon: () => <FileIcon id={this.id} label={this.name.value} gradient accent size={16} link={!!this.meta.link} />,
-    };
-  }
-}
diff --git a/packages/mu-txt/src/state/index.ts b/packages/mu-txt/src/state/index.ts
deleted file mode 100644
index 9c9fc4056c..0000000000
--- a/packages/mu-txt/src/state/index.ts
+++ /dev/null
@@ -1,625 +0,0 @@
-import {Patch} from 'json-joy/lib/json-crdt';
-import {Model} from 'json-joy/lib/json-crdt';
-import {ModelWithExt} from 'json-joy/lib/json-crdt-extensions';
-import {Log} from 'json-joy/lib/json-crdt/log/Log';
-import {CborDecoder} from '@jsonjoy.com/json-pack/lib/cbor/CborDecoder';
-import {rsync} from '@jsonjoy.com/ui';
-import {BehaviorSubject, map, switchMap, distinctUntilChanged} from 'rxjs';
-import {ungzip} from '@jsonjoy.com/util/lib/compression/gzip';
-import {decodeShareBlob, decodeEncryptedShareBlob} from 'mutxt-react';
-import {downloadFile, stripExtensions} from './util';
-import {type FileLink, type FileMetadataDto, OpenFile} from './file';
-import {FileTabsState} from '@jsonjoy.com/ui/lib/3-list-item/FileTabs/state';
-import {AppGridState, type SidebarState} from '@jsonjoy.com/ui/lib/7-fullscreen/AppGrid/state';
-import {FileStorage, type IFileStorage} from './file-storage';
-import {Menus} from './menus';
-import {s} from 'json-joy/lib/json-crdt';
-import {ext} from 'json-joy/lib/json-crdt-extensions';
-import {FromSlate, type SlateDocument} from '@jsonjoy.com/collaborative-slate';
-import {getSyncStore, type ISyncStore} from './sync-store';
-import {Theme} from './theme';
-import type {TabItem} from '@jsonjoy.com/ui/lib/3-list-item/FileTabs';
-import type {AnchorPoint} from '@jsonjoy.com/ui/lib/utils/popup';
-
-const toObservable = <T>(val: rsync.ReactValue<T>): BehaviorSubject<T> => {
-  const observable = new BehaviorSubject<T>(val.value);
-  val.subscribe(() => observable.next(val.value));
-  return observable;
-};
-
-const SAVED_REFRESH_INTERVAL_MS = 5_000;
-const LEFT_SIZE_STORAGE_KEY = 'mutxt_left_sidebar_size';
-const LEFT_SIZE_PERSIST_DEBOUNCE_MS = 300;
-const LEFT_STATE_STORAGE_KEY = 'mutxt_left_sidebar_state';
-
-const isSidebarState = (value: string): value is SidebarState =>
-  value === 'open' || value === 'close' || value === 'mini' || value === 'none';
-
-const CLOSE_SELECTED_MIN_GAP_MS = 300;
-const CLOSE_SELECTED_DESTROY_TIMEOUT_MS = 1500;
-
-const sortSavedFiles = (saved: FileMetadataDto[]): FileMetadataDto[] =>
-  [...saved].sort((a, b) => b.updatedAt - a.updatedAt || b.createdAt - a.createdAt);
-
-interface SharedFromUrl {
-  encoded: string;
-  encrypted: boolean;
-  title: string;
-  message: string;
-}
-
-/** Plain text passed via `#t=...` to seed the first paragraph of a new document. */
-interface SeedTextFromUrl {
-  text: string;
-}
-
-type ConsumedFromUrl = SharedFromUrl | SeedTextFromUrl;
-
-const isSeedText = (consumed: ConsumedFromUrl): consumed is SeedTextFromUrl =>
-  (consumed as SeedTextFromUrl).text !== undefined;
-
-const PLAIN_KEYS: readonly string[] = ['n', 'new'];
-const ENCRYPTED_KEYS: readonly string[] = ['e', 'enc'];
-const PLAINTEXT_KEYS: readonly string[] = ['t', 'text'];
-const METADATA_KEYS: readonly string[] = ['t', 'm'];
-
-const takeFirst = (params: URLSearchParams, keys: readonly string[]): string | null => {
-  for (const key of keys) {
-    const value = params.get(key);
-    if (value) return value;
-  }
-  return null;
-};
-
-const consumeSharedParams = (params: URLSearchParams): ConsumedFromUrl | null => {
-  const plain = takeFirst(params, PLAIN_KEYS);
-  const encrypted = plain ? null : takeFirst(params, ENCRYPTED_KEYS);
-  const encoded = plain ?? encrypted;
-  if (encoded) {
-    const title = params.get('t') ?? '';
-    const message = params.get('m') ?? '';
-    for (const key of [...PLAIN_KEYS, ...ENCRYPTED_KEYS, ...METADATA_KEYS]) params.delete(key);
-    return {encoded, encrypted: !plain, title, message};
-  }
-  // No encoded document: use `#t=...` as seed text for a new document.
-  const text = takeFirst(params, PLAINTEXT_KEYS);
-  if (text !== null) {
-    for (const key of PLAINTEXT_KEYS) params.delete(key);
-    return {text};
-  }
-  return null;
-};
-
-const consumeFromHash = (url: URL): ConsumedFromUrl | null => {
-  if (!url.hash) return null;
-  const hashParams = new URLSearchParams(url.hash.replace(/^#/, ''));
-  const result = consumeSharedParams(hashParams);
-  if (!result) return null;
-  const remaining = hashParams.toString();
-  url.hash = remaining ? '#' + remaining : '';
-  return result;
-};
-
-export class MuTxtAppState {
-  public readonly tabs: FileTabsState;
-  public readonly appGrid = new AppGridState();
-  public readonly files$ = new BehaviorSubject<OpenFile[]>([]);
-  public readonly selected$: BehaviorSubject<[id: TabItem, index: number] | null>;
-  public readonly file$ = new BehaviorSubject<OpenFile | null>(null);
-  public readonly sync: ISyncStore;
-  public readonly sid: number;
-  public readonly saved: rsync.ReactValue<FileMetadataDto[]> = rsync.val([]);
-  public readonly menus: Menus;
-  public readonly theme: Theme;
-  public ondoubleclick: ((file: OpenFile, point: AnchorPoint) => void) | undefined = void 0;
-  public onclick: ((file: OpenFile, point: AnchorPoint) => void) | undefined = void 0;
-  protected readonly storage: IFileStorage;
-  private savedRefreshTimer: ReturnType<typeof setInterval> | null = null;
-  private leftSizePersistTimer: ReturnType<typeof setTimeout> | null = null;
-  private leftSizeUnsubscribe: (() => void) | null = null;
-  private leftStateUnsubscribe: (() => void) | null = null;
-
-  constructor(storage: IFileStorage = new FileStorage()) {
-    const sync = (this.sync = getSyncStore());
-    const sid = sync.getItem('json_joy_sid');
-    if (sid) {
-      this.sid = Number(sid);
-    } else {
-      this.sid = Model.sid();
-      sync.setItem('json_joy_sid', this.sid.toString());
-    }
-    this.menus = new Menus(this);
-    this.theme = new Theme(sync);
-    this.restoreLeftSidebarSize();
-    this.restoreLeftSidebarState();
-    this.leftSizeUnsubscribe = this.appGrid.leftSize.subscribe(this.scheduleLeftSidebarSizePersist);
-    this.leftStateUnsubscribe = this.appGrid.leftState.subscribe(this.persistLeftSidebarState);
-    this.storage = storage;
-    this.tabs = new FileTabsState(rsync.val([] as any));
-    this.tabs.onNewTab = () => {
-      this.createNewMuTxt();
-      return void 0;
-    };
-    this.tabs.onDeleteTab = (tab) => {
-      this.disposeFile(tab.id!);
-    };
-    this.tabs.onTabDoubleClick = (tab, _index, event) => {
-      const file = this.fileIfOpen(tab.id!);
-      if (!file) return;
-      const point: AnchorPoint = {x: event.clientX, y: event.clientY, dx: 1, dy: 1};
-      this.ondoubleclick?.(file, point);
-    };
-    this.tabs.onTabClick = (tab, _index, event) => {
-      const file = this.fileIfOpen(tab.id!);
-      if (!file) return;
-      const point: AnchorPoint = {x: event.clientX, y: event.clientY + 24, dx: 0, dy: 1};
-      this.onclick?.(file, point);
-    };
-    this.selected$ = toObservable(this.tabs.selected);
-    this.files$
-      .pipe(
-        switchMap(() => this.selected$),
-        map((selected) => {
-          if (!selected) return null;
-          const files = this.files$.getValue();
-          return files.find((file) => file.id === selected[0].id) ?? null;
-        }),
-        distinctUntilChanged(),
-      )
-      .subscribe(this.file$);
-  }
-
-  private stopped = false;
-  private detachDragDrop: (() => void) | null = null;
-
-  private readonly attachDragDrop = (): (() => void) => {
-    const hasFiles = (event: DragEvent): boolean =>
-      !!event.dataTransfer && Array.from(event.dataTransfer.types).includes('Files');
-    const onDragOver = (event: DragEvent): void => {
-      if (hasFiles(event)) event.preventDefault();
-    };
-    const onDrop = (event: DragEvent): void => {
-      if (event.defaultPrevented) return;
-      const files = event.dataTransfer?.files;
-      if (!files || !files.length) return;
-      event.preventDefault();
-      this.addFiles(Array.from(files));
-    };
-    window.addEventListener('dragover', onDragOver);
-    window.addEventListener('drop', onDrop);
-    return () => {
-      window.removeEventListener('dragover', onDragOver);
-      window.removeEventListener('drop', onDrop);
-    };
-  };
-
-  private readonly restoreLeftSidebarSize = (): void => {
-    const stored = this.sync.getItem(LEFT_SIZE_STORAGE_KEY);
-    if (stored === null) return;
-    const value = Number(stored);
-    if (!Number.isFinite(value) || value <= 0) return;
-    this.appGrid.leftSize.set(value);
-  };
-
-  private readonly scheduleLeftSidebarSizePersist = (): void => {
-    if (this.leftSizePersistTimer) clearTimeout(this.leftSizePersistTimer);
-    this.leftSizePersistTimer = setTimeout(() => {
-      this.leftSizePersistTimer = null;
-      this.sync.setItem(LEFT_SIZE_STORAGE_KEY, String(this.appGrid.leftSize.value));
-    }, LEFT_SIZE_PERSIST_DEBOUNCE_MS);
-  };
-
-  private readonly restoreLeftSidebarState = (): void => {
-    const stored = this.sync.getItem(LEFT_STATE_STORAGE_KEY);
-    if (stored === null) {
-      this.appGrid.leftState.set('close');
-      return;
-    }
-    if (!isSidebarState(stored)) return;
-    this.appGrid.leftState.set(stored);
-  };
-
-  private readonly persistLeftSidebarState = (): void => {
-    this.sync.setItem(LEFT_STATE_STORAGE_KEY, this.appGrid.leftState.value);
-  };
-
-  private readonly stopSavedRefresh = () => {
-    if (this.savedRefreshTimer) {
-      clearInterval(this.savedRefreshTimer);
-      this.savedRefreshTimer = null;
-    }
-  };
-
-  private readonly refreshSaved = async () => {
-    try {
-      const saved = await this.storage.list();
-      if (this.stopped) return;
-      this.saved.next(sortSavedFiles(saved));
-    } catch {}
-  };
-
-  private readonly handleFilePersisted = async () => {
-    await this.refreshSaved();
-  };
-
-  public started = rsync.val(false);
-
-  async start() {
-    this.stopped = false;
-    this.stopSavedRefresh();
-    await this.refreshSaved();
-    if (this.stopped) return; // TODO: Is this still needed?
-    this.savedRefreshTimer = setInterval(() => {
-      void this.refreshSaved();
-    }, SAVED_REFRESH_INTERVAL_MS);
-    this.detachDragDrop?.();
-    this.detachDragDrop = this.attachDragDrop();
-
-    const consumed = this.consumeSharedFromUrl();
-    let opened = false;
-    if (consumed) {
-      if (isSeedText(consumed)) {
-        this.createNewMuTxtFromText(consumed.text);
-        opened = true;
-      } else {
-        opened = await this.importSharedDocument(consumed);
-      }
-    }
-    if (this.stopped) return;
-
-    if (!opened) {
-      // Try to reopen the most recently saved file. If there is none, or if it
-      // fails to load (e.g. corrupt), fall back to creating a fresh empty
-      // document so the user always lands on something usable.
-      const saved = this.saved.value;
-      opened = saved.length ? await this.openSaved(saved[0].id) : false;
-    }
-    if (!opened && !this.files$.getValue().length) this.createNewMuTxt();
-    this.started.set(true);
-  }
-
-  private readonly consumeSharedFromUrl = (): ConsumedFromUrl | null => {
-    if (typeof window === 'undefined' || !window.location) return null;
-    try {
-      const url = new URL(window.location.href);
-      const consumed = consumeSharedParams(url.searchParams) ?? consumeFromHash(url);
-      if (!consumed) return null;
-      const newUrl = url.pathname + url.search + url.hash;
-      window.history.replaceState({}, '', newUrl);
-      return consumed;
-    } catch {
-      return null;
-    }
-  };
-
-  public readonly importSharedDocument = async (shared: SharedFromUrl): Promise<boolean> => {
-    try {
-      let bytes: Uint8Array;
-      if (shared.encrypted) {
-        const messagePrefix = 'Enter the password to open the shared document.';
-        const password = window.prompt(shared.message ? `${messagePrefix}\n\n${shared.message}` : messagePrefix, '');
-        if (password === null) return false; // user cancelled
-        bytes = (await decodeEncryptedShareBlob(shared.encoded, password)) as Uint8Array<ArrayBuffer>;
-      } else {
-        bytes = (await decodeShareBlob(shared.encoded)) as Uint8Array<ArrayBuffer>;
-      }
-      if (this.stopped) return false;
-      const model = ModelWithExt.load(bytes, this.sid);
-      const log = new Log(() => model);
-      log.end.setSid(this.sid);
-      this.openFile(log, shared.title || 'Shared');
-      return true;
-    } catch (error) {
-      // eslint-disable-next-line no-console
-      console.error('[mutxt] failed to load shared document from URL', error);
-      if (shared.encrypted) {
-        window.alert('Failed to open the shared document. The password may be wrong, or the link may be corrupted.');
-      }
-      return false;
-    }
-  };
-
-  async stop() {
-    this.stopped = true;
-    this.started.set(false);
-    this.stopSavedRefresh();
-    this.detachDragDrop?.();
-    this.detachDragDrop = null;
-    this.leftSizeUnsubscribe?.();
-    this.leftSizeUnsubscribe = null;
-    this.leftStateUnsubscribe?.();
-    this.leftStateUnsubscribe = null;
-    if (this.leftSizePersistTimer) {
-      clearTimeout(this.leftSizePersistTimer);
-      this.leftSizePersistTimer = null;
-      this.sync.setItem(LEFT_SIZE_STORAGE_KEY, String(this.appGrid.leftSize.value));
-    }
-    this.theme.dispose();
-    await Promise.all(this.files$.getValue().map((file) => file.destroy(true)));
-  }
-
-  public isOpen(id: string) {
-    return !!this.fileIfOpen(id);
-  }
-
-  public fileIfOpen(id: string): OpenFile | undefined {
-    return this.files$.value.find((file) => file.id === id);
-  }
-
-  public async openSaved(id: string): Promise<boolean> {
-    try {
-      if (this.isOpen(id)) {
-        this.tabs.selectById(id);
-        return true;
-      }
-      const dto = await this.storage.load(id);
-      if (this.stopped) return false;
-      const size = dto.data.length;
-      await this.addLog(dto.data, dto.name, dto, size);
-      return true;
-    } catch (error) {
-      // eslint-disable-next-line no-console
-      console.error('[mutxt] failed to open file', id, error);
-      return false;
-    }
-  }
-
-  public readonly openFile = (
-    log: Log<any>,
-    name: string = 'Untitled' + (this.newCnt > 1 ? ` (${this.newCnt})` : ''),
-    dto?: FileMetadataDto,
-    size: number = 0,
-    link?: FileLink,
-  ) => {
-    const now = Date.now();
-    const meta: FileMetadataDto = dto ?? {
-      id: Math.random().toString(36).slice(2) + '.' + now.toString(36),
-      name,
-      createdAt: now,
-      updatedAt: now,
-      ...(link ? {link} : {}),
-    };
-    const file = new OpenFile(
-      meta,
-      log,
-      {
-        storage: this.storage,
-        onPersisted: this.handleFilePersisted,
-      },
-      size,
-    );
-    this.files$.next([...this.files$.getValue(), file]);
-    this.tabs.add(file.toTab());
-    this.tabs.selectById(file.meta.id);
-    if (!dto) file.scheduleFlush();
-    return file;
-  };
-
-  public select(id: string) {
-    this.tabs.selectById(id);
-  }
-
-  private readonly destroying = new Map<string, Promise<void>>();
-
-  private readonly disposeFile = (id: string) => {
-    const list = this.files$.getValue();
-    const file = list.find((openFile) => openFile.id === id);
-    if (!file) return;
-    this.files$.next(list.filter((m) => m.id !== id));
-    const promise = file.destroy(true).finally(() => {
-      if (this.destroying.get(id) === promise) this.destroying.delete(id);
-    });
-    this.destroying.set(id, promise);
-  };
-
-  public readonly awaitDestroy = async (id: string): Promise<void> => {
-    const promise = this.destroying.get(id);
-    if (promise) await promise;
-  };
-
-  private closeSelectedBusy = false;
-  private closeSelectedLastAt = 0;
-
-  public readonly closeSelected = async (): Promise<void> => {
-    const now = Date.now();
-    if (now - this.closeSelectedLastAt < CLOSE_SELECTED_MIN_GAP_MS) return;
-    if (this.closeSelectedBusy) return;
-    this.closeSelectedLastAt = now;
-    this.closeSelectedBusy = true;
-    try {
-      const id = this.tabs.selected.value?.[0]?.id ?? this.file$.getValue()?.id;
-      const ok = this.tabs.deleteSelected();
-      if (!ok) return;
-      if (id) {
-        const timeout = new Promise<void>((resolve) => setTimeout(resolve, CLOSE_SELECTED_DESTROY_TIMEOUT_MS));
-        await Promise.race([this.awaitDestroy(id), timeout]);
-      }
-      if (typeof requestAnimationFrame === 'function') {
-        await new Promise<void>((resolve) => requestAnimationFrame(() => resolve()));
-      }
-    } catch (err) {
-      // eslint-disable-next-line no-console
-      console.error('mutxt:close-selected failed', err);
-    } finally {
-      this.closeSelectedBusy = false;
-    }
-  };
-
-  public readonly close = (id: string) => {
-    this.tabs.deleteById(id);
-    // tabs.deleteById fires onDeleteTab → disposeFile, which handles file
-    // teardown. Falling back here covers callers where the tab had already
-    // been removed externally.
-    this.disposeFile(id);
-  };
-
-  public readonly closeAll = () => {
-    const files = this.files$.getValue();
-    for (const file of files) this.close(file.id);
-  };
-
-  public readonly rename = async (id: string, name: string): Promise<void> => {
-    const file = this.files$.getValue().find((m) => m.id === id);
-    if (file) {
-      this.renameFile(file, name);
-      return;
-    }
-    try {
-      await this.storage.renameMeta(id, name);
-      await this.refreshSaved();
-    } catch (error) {
-      // eslint-disable-next-line no-console
-      console.error('[mutxt] failed to rename saved file', id, error);
-    }
-  };
-
-  public renameFile(file: OpenFile, name: string): void {
-    if (file.name.value === name) return;
-    file.name.set(name);
-  }
-
-  public async deleteSaved(id: string) {
-    this.tabs.deleteById(id);
-    await this.awaitDestroy(id);
-    await this.storage.delete(id);
-    await this.refreshSaved();
-  }
-
-  public readonly addFile = async (file: File, link?: FileLink) => {
-    if (!file) return;
-    const uint8 = new Uint8Array(await file.arrayBuffer());
-    const name = file.name ? stripExtensions(file.name) : 'model';
-    try {
-      if (file.name.endsWith('patches.bin')) {
-        const cborDecoder = new CborDecoder();
-        const array = cborDecoder.decode(uint8) as Uint8Array[];
-        if (!Array.isArray(array)) throw new Error('Incompatible JSON CRDT log file.');
-        const patches: Patch[] = array.map((patch) => Patch.fromBinary(patch));
-        const lastPatch = patches[patches.length - 1];
-        if (!lastPatch) throw new Error('Incompatible JSON CRDT log file.');
-        const id = lastPatch.getId();
-        if (!id) throw new Error('Incompatible JSON CRDT log file.');
-        const model = ModelWithExt.create(undefined, id.sid);
-        const log = new Log(() => model.clone());
-        log.end.applyBatch(patches);
-        log.end.setSid(this.sid);
-        this.openFile(log, name, undefined, 0, link);
-        return;
-      }
-      if (file.name.endsWith('.crdt')) {
-        let bytes = uint8;
-        try {
-          bytes = (await ungzip(bytes)) as Uint8Array<ArrayBuffer>;
-        } catch {}
-        const model = ModelWithExt.load(bytes, this.sid);
-        const log = new Log(() => model);
-        log.end.setSid(this.sid);
-        this.openFile(log, name, undefined, 0, link);
-        return;
-      }
-      await this.addLog(uint8, name, undefined, 0, link);
-      return;
-    } catch {}
-    this.createNewMuTxtWithFile(file, uint8, name, link);
-  };
-
-  public readonly addLog = async (
-    uint8: Uint8Array,
-    name?: string,
-    dto?: FileMetadataDto,
-    size: number = 0,
-    link?: FileLink,
-  ) => {
-    let log: Log<any>;
-    try {
-      log = await OpenFile.decodeLog(uint8, this.sid);
-    } catch {
-      let bytes = uint8;
-      try {
-        bytes = (await ungzip(bytes)) as Uint8Array<ArrayBuffer>;
-      } catch {}
-      const model = ModelWithExt.load(bytes, this.sid);
-      log = new Log(() => model);
-      log.end.setSid(this.sid);
-    }
-    if (this.stopped) return;
-    this.openFile(log, name, dto, size, link);
-  };
-
-  public readonly addFiles = async (files: File[]) => {
-    files.map((file) => this.addFile(file).catch(() => {}));
-  };
-
-  private newCnt = 0;
-
-  public readonly createNew = (data: unknown = void 0, name?: string, link?: FileLink) => {
-    // const schema = s.obj(data);
-    const model = ModelWithExt.create<any>(data, this.sid);
-    this.createFromModel(model, name, link);
-  };
-
-  public readonly createNewMuTxt = (name?: string, link?: FileLink) => {
-    this.createNew(s.obj({'@type': s.con('mutxt'), text: ext.peritext.new('')}), name, link);
-  };
-
-  public readonly createNewMuTxtFromText = (text: string, name?: string, link?: FileLink) => {
-    this.createNew(s.obj({'@type': s.con('mutxt'), text: ext.peritext.new(text)}), name, link);
-  };
-
-  public readonly createNewMuTxtFromSlate = (slate: SlateDocument, name?: string) => {
-    const model = ModelWithExt.create<any>(s.obj({'@type': s.con('mutxt'), text: ext.peritext.new('')}), this.sid);
-    const peritextApi = model.api.in('text').asExt(ext.peritext);
-    const txt = peritextApi.peritext();
-    const viewRange = FromSlate.convert(slate);
-    txt.editor.import(0, viewRange);
-    txt.refresh();
-    this.newCnt++;
-    const log = Log.from(model);
-    this.openFile(log, name);
-  };
-
-  public readonly createNewMuTxtWithFile = (file: File, bytes: Uint8Array, name?: string, link?: FileLink) => {
-    const thingId = `file-${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 8)}`;
-    const model = ModelWithExt.create<any>(
-      s.obj({
-        '@type': s.con('mutxt'),
-        text: ext.peritext.new(''),
-        things: s.obj({}),
-      }),
-      this.sid,
-    );
-    model.api.obj(['things']).set({
-      [thingId]: {
-        '@type': 'file',
-        '@id': thingId,
-        name: file.name || 'file',
-        mimeType: file.type || 'application/octet-stream',
-        size: file.size,
-        data: s.con(bytes),
-      },
-    });
-    const peritextApi = model.api.in('text').asExt(ext.peritext);
-    const txt = peritextApi.peritext();
-    const slate: SlateDocument = [
-      {type: 'file', '@thing': thingId, children: [{text: ''}]} as any,
-      {type: 'p', children: [{text: ''}]} as any,
-    ];
-    const viewRange = FromSlate.convert(slate);
-    txt.editor.import(0, viewRange);
-    txt.refresh();
-    this.newCnt++;
-    const log = Log.from(model);
-    this.openFile(log, name ?? file.name, undefined, 0, link);
-  };
-
-  public readonly createFromModel = (model: Model<any>, name?: string, link?: FileLink) => {
-    this.newCnt++;
-    const log = Log.fromNewModel(model);
-    this.openFile(log, name, undefined, 0, link);
-  };
-
-  public async download(id: string) {
-    const {name, data} = await this.storage.load(id);
-    downloadFile(data, `${name}.seq.cbor.gz`);
-  }
-}
diff --git a/packages/mu-txt/src/state/menus.tsx b/packages/mu-txt/src/state/menus.tsx
deleted file mode 100644
index 1396e7429e..0000000000
--- a/packages/mu-txt/src/state/menus.tsx
+++ /dev/null
@@ -1,136 +0,0 @@
-import * as React from 'react';
-import type {MenuItem} from '@jsonjoy.com/ui/lib/4-card/StructuralMenu/types';
-import {Sidetip} from '@jsonjoy.com/ui/lib/1-inline/Sidetip';
-import {Code} from '@jsonjoy.com/ui/lib/1-inline/Code';
-import {templates} from './templates';
-import type {MuTxtAppState} from '.';
-import FileMuTxtIcon__svg from 'iconista/lib/react/bootstrap/file-earmark-text';
-import FileJsonIcon__svg from 'iconista/lib/react/bootstrap/filetype-json';
-
-const FileMuTxtIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <FileMuTxtIcon__svg width={16} height={16} {...props} />
-);
-const FileJsonIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <FileJsonIcon__svg width={16} height={16} {...props} />
-);
-
-export class Menus {
-  constructor(public readonly state: MuTxtAppState) {}
-
-  public newFileMenu(): MenuItem {
-    const {state} = this;
-    return {
-      name: 'New',
-      minWidth: 300,
-      expand: 8,
-      children: [
-        // {
-        //   name: 'Rich-text',
-        //   expand: 8,
-        //   children: [
-        //     {
-        //       name: 'Empty document',
-        //       icon: () => <FileMuTxtIcon />,
-        //       onSelect: () => state.createNewMuTxt(),
-        //     },
-        //   ],
-        // },
-        {
-          name: 'Work',
-          expand: 8,
-          // sepBefore: true,
-          children: templates
-            .filter((tpl) => tpl.category === 'work')
-            .map((tpl) => ({
-              id: tpl.id,
-              name: tpl.name,
-              text: tpl.name + ' - ' + tpl.description,
-              icon: () => <FileMuTxtIcon />,
-              right: () => <Sidetip small>{tpl.description}</Sidetip>,
-              onSelect: () => state.createNewMuTxtFromSlate(tpl.doc, tpl.fileName),
-            })),
-        },
-        {
-          name: 'Everyday',
-          expand: 8,
-          sepBefore: true,
-          children: templates
-            .filter((tpl) => tpl.category === 'personal')
-            .map((tpl) => ({
-              id: tpl.id,
-              name: tpl.name,
-              text: tpl.name + ' - ' + tpl.description,
-              icon: () => <FileMuTxtIcon />,
-              right: () => <Sidetip small>{tpl.description}</Sidetip>,
-              onSelect: () => state.createNewMuTxtFromSlate(tpl.doc, tpl.fileName),
-            })),
-        },
-        {
-          name: 'JSON',
-          expand: 0,
-          sepBefore: true,
-          minWidth: 288,
-          children: [
-            {
-              name: 'Empty document',
-              right: () => (
-                <Sidetip>
-                  <Code>
-                    <span style={{fontSize: '11.5px'}}>{'()'}</span>
-                  </Code>
-                </Sidetip>
-              ),
-              icon: () => <FileJsonIcon />,
-              onSelect: () => state.createNew(),
-            },
-            {
-              name: 'Empty object',
-              right: () => (
-                <Sidetip>
-                  <Code>
-                    <span style={{fontSize: '11.5px'}}>{'{}'}</span>
-                  </Code>
-                </Sidetip>
-              ),
-              icon: () => <FileJsonIcon />,
-              onSelect: () => state.createNew({}),
-            },
-            {
-              name: 'Empty array',
-              right: () => (
-                <Sidetip>
-                  <Code>
-                    <span style={{fontSize: '11.5px'}}>{'[]'}</span>
-                  </Code>
-                </Sidetip>
-              ),
-              icon: () => <FileJsonIcon />,
-              onSelect: () => state.createNew([]),
-            },
-            {
-              name: 'Sample document',
-              right: () => (
-                <Sidetip>
-                  <Code>
-                    <span style={{fontSize: '11.5px'}}>{'{"foo": ...'}</span>
-                  </Code>
-                </Sidetip>
-              ),
-              icon: () => <FileJsonIcon />,
-              onSelect: () =>
-                state.createNew({
-                  name: 'Alice',
-                  age: 30,
-                  hobbies: ['reading', 'hiking'],
-                  address: {
-                    city: 'Wonderland',
-                    zip: '12345',
-                  },
-                }),
-            },
-          ],
-        },
-      ],
-    };
-  }
-}
diff --git a/packages/mu-txt/src/state/sync-store.ts b/packages/mu-txt/src/state/sync-store.ts
deleted file mode 100644
index 10ad1e4bc6..0000000000
--- a/packages/mu-txt/src/state/sync-store.ts
+++ /dev/null
@@ -1,70 +0,0 @@
-const getCookie = (key: string): string | null => {
-  const name = key + '=';
-  const decodedCookie = decodeURIComponent(document.cookie);
-  const ca = decodedCookie.split(';');
-  for (let i = 0; i < ca.length; i++) {
-    const c = ca[i].trim();
-    if (c.indexOf(name) === 0) return c.substring(name.length, c.length);
-  }
-  return null;
-};
-
-export interface ISyncStore {
-  setItem(key: string, value: string): void;
-  getItem(key: string): string | null;
-  removeItem(key: string): void;
-}
-
-class CookieStore implements ISyncStore {
-  constructor(private cache: Map<string, string> | undefined = new Map()) {}
-
-  public setItem(key: string, value: string): void {
-    this.cache?.set(key, value);
-    // biome-ignore lint/suspicious/noDocumentCookie: simple sync cookie store; Cookie Store API is async
-    document.cookie = `${key}=${encodeURIComponent(value)}; path=/; SameSite=Lax`;
-  }
-
-  public getItem(key: string): string | null {
-    if (this.cache?.has(key)) return this.cache.get(key)!;
-    const cookieVal = getCookie(key);
-    return cookieVal ?? null;
-  }
-
-  public removeItem(key: string): void {
-    this.cache?.delete(key);
-    // biome-ignore lint/suspicious/noDocumentCookie: simple sync cookie store; Cookie Store API is async
-    document.cookie = `${key}=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;`;
-  }
-}
-
-class MemoryStore implements ISyncStore {
-  private cache: Map<string, string> = new Map();
-
-  public setItem(key: string, value: string): void {
-    this.cache.set(key, value);
-  }
-
-  public getItem(key: string): string | null {
-    return this.cache.get(key) ?? null;
-  }
-
-  public removeItem(key: string): void {
-    this.cache.delete(key);
-  }
-}
-
-export const getSyncStore = (): ISyncStore => {
-  try {
-    const testKey = '__sync_store_test__';
-    localStorage.setItem(testKey, ' ');
-    localStorage.removeItem(testKey);
-    return localStorage;
-  } catch {
-    try {
-      if (typeof document.cookie === 'string') return new CookieStore();
-      throw 1;
-    } catch {
-      return new MemoryStore();
-    }
-  }
-};
diff --git a/packages/mu-txt/src/state/templates.ts b/packages/mu-txt/src/state/templates.ts
deleted file mode 100644
index de0fe4c063..0000000000
--- a/packages/mu-txt/src/state/templates.ts
+++ /dev/null
@@ -1,1270 +0,0 @@
-import type {SlateDocument} from '@jsonjoy.com/collaborative-slate';
-
-export type MuTxtTemplateCategory = 'work' | 'personal';
-
-export interface MuTxtTemplate {
-  id: string;
-  name: string;
-  description: string;
-  fileName: string;
-  category: MuTxtTemplateCategory;
-  doc: SlateDocument;
-}
-
-const designDoc: SlateDocument = [
-  {type: 'h1', children: [{text: 'RFC: <Title>'}]},
-  {
-    type: 'p',
-    children: [
-      {text: 'Author: '},
-      {text: '<your name>', italic: true},
-      {text: ' · Status: '},
-      {text: 'Draft', bold: true},
-      {text: ' · Last updated: '},
-      {text: '<date>', italic: true},
-    ],
-  },
-  {
-    type: 'callout',
-    icon: '📌',
-    title: 'TL;DR',
-    children: [{text: 'One-paragraph summary of the proposal and the change it produces.'}],
-  },
-  {type: 'h2', children: [{text: 'Background'}]},
-  {
-    type: 'p',
-    children: [
-      {
-        text: 'Why are we doing this? What problem are we solving, and for whom? Link to prior art, incidents, and related docs.',
-      },
-    ],
-  },
-  {type: 'h2', children: [{text: 'Goals'}]},
-  {
-    type: 'ul',
-    children: [
-      {type: 'li', children: [{text: 'Goal 1 — concrete, measurable.'}]},
-      {type: 'li', children: [{text: 'Goal 2 — concrete, measurable.'}]},
-    ],
-  },
-  {type: 'h2', children: [{text: 'Non-goals'}]},
-  {
-    type: 'ul',
-    children: [{type: 'li', children: [{text: 'Things we are explicitly not solving in this round.'}]}],
-  },
-  {type: 'h2', children: [{text: 'Proposal'}]},
-  {
-    type: 'p',
-    children: [
-      {
-        text: 'High-level approach, then drill into the specifics. Describe the data model, API surface, and any user-facing changes.',
-      },
-    ],
-  },
-  {type: 'h3', children: [{text: 'API'}]},
-  {
-    type: 'code-block',
-    language: 'ts',
-    children: [{text: '// Sketch the public API here\nexport interface Example {\n  id: string;\n}'}],
-  },
-  {type: 'h3', children: [{text: 'Data model'}]},
-  {type: 'p', children: [{text: 'Schema, migration plan, and storage characteristics.'}]},
-  {type: 'h2', children: [{text: 'Alternatives considered'}]},
-  {
-    type: 'ol',
-    children: [
-      {type: 'li', children: [{text: 'Alternative A — '}, {text: 'why rejected', italic: true}, {text: '.'}]},
-      {type: 'li', children: [{text: 'Alternative B — '}, {text: 'why rejected', italic: true}, {text: '.'}]},
-    ],
-  },
-  {type: 'h2', children: [{text: 'Risks & open questions'}]},
-  {
-    type: 'ul',
-    children: [
-      {type: 'li', children: [{text: 'Risk: …  Mitigation: …'}]},
-      {type: 'li', children: [{text: 'Open question: …'}]},
-    ],
-  },
-  {type: 'h2', children: [{text: 'Rollout plan'}]},
-  {
-    type: 'checklist',
-    children: [
-      {type: 'li', checked: false, children: [{text: 'Land behind a feature flag'}]},
-      {type: 'li', checked: false, children: [{text: 'Internal dogfood'}]},
-      {type: 'li', checked: false, children: [{text: 'Staged rollout'}]},
-      {type: 'li', checked: false, children: [{text: 'GA + cleanup'}]},
-    ],
-  },
-];
-
-const meetingNotes: SlateDocument = [
-  {type: 'h1', children: [{text: 'Meeting notes — <topic>'}]},
-  {
-    type: 'p',
-    children: [
-      {text: 'Date: '},
-      {text: '<YYYY-MM-DD>', italic: true},
-      {text: ' · Facilitator: '},
-      {text: '<name>', italic: true},
-      {text: ' · Notetaker: '},
-      {text: '<name>', italic: true},
-    ],
-  },
-  {type: 'h2', children: [{text: 'Attendees'}]},
-  {
-    type: 'ul',
-    children: [
-      {type: 'li', children: [{text: '<name>'}]},
-      {type: 'li', children: [{text: '<name>'}]},
-    ],
-  },
-  {type: 'h2', children: [{text: 'Agenda'}]},
-  {
-    type: 'ol',
-    children: [
-      {type: 'li', children: [{text: 'Item 1'}]},
-      {type: 'li', children: [{text: 'Item 2'}]},
-      {type: 'li', children: [{text: 'Item 3'}]},
-    ],
-  },
-  {type: 'h2', children: [{text: 'Discussion'}]},
-  {type: 'p', children: [{text: 'Capture key points, decisions, and dissenting views as the conversation unfolds.'}]},
-  {
-    type: 'blockquote',
-    children: [{text: 'Decision: ', bold: true}, {text: 'short statement of what was decided and by whom.'}],
-  },
-  {type: 'h2', children: [{text: 'Action items'}]},
-  {
-    type: 'checklist',
-    children: [
-      {type: 'li', checked: false, children: [{text: '<owner> — <action> — due <date>'}]},
-      {type: 'li', checked: false, children: [{text: '<owner> — <action> — due <date>'}]},
-    ],
-  },
-  {type: 'h2', children: [{text: 'Follow-ups'}]},
-  {type: 'p', children: [{text: 'Topics parked for later discussion.'}]},
-];
-
-const bugReport: SlateDocument = [
-  {type: 'h1', children: [{text: 'Bug: <one-line summary>'}]},
-  {
-    type: 'callout',
-    icon: '🐞',
-    title: 'Severity',
-    children: [{text: 'P0 / P1 / P2 / P3 — describe user impact in one sentence.'}],
-  },
-  {type: 'h2', children: [{text: 'Environment'}]},
-  {
-    type: 'ul',
-    children: [
-      {type: 'li', children: [{text: 'Build / version: '}, {text: '<sha or tag>', code: true}]},
-      {type: 'li', children: [{text: 'Platform / OS / browser: '}, {text: '<…>', code: true}]},
-      {type: 'li', children: [{text: 'Account / tenant: '}, {text: '<…>', code: true}]},
-    ],
-  },
-  {type: 'h2', children: [{text: 'Steps to reproduce'}]},
-  {
-    type: 'ol',
-    children: [
-      {type: 'li', children: [{text: 'Step 1'}]},
-      {type: 'li', children: [{text: 'Step 2'}]},
-      {type: 'li', children: [{text: 'Step 3'}]},
-    ],
-  },
-  {type: 'h2', children: [{text: 'Expected behavior'}]},
-  {type: 'p', children: [{text: 'What should happen.'}]},
-  {type: 'h2', children: [{text: 'Actual behavior'}]},
-  {type: 'p', children: [{text: 'What actually happens. Attach screenshots or screen recordings as embeds.'}]},
-  {type: 'h2', children: [{text: 'Logs / stack trace'}]},
-  {
-    type: 'code-block',
-    children: [{text: 'Paste relevant log output here'}],
-  },
-  {type: 'h2', children: [{text: 'Workaround'}]},
-  {
-    type: 'p',
-    children: [{text: 'Any temporary mitigation users can apply, or '}, {text: 'none', italic: true}, {text: '.'}],
-  },
-  {type: 'h2', children: [{text: 'Investigation notes'}]},
-  {
-    type: 'ul',
-    children: [
-      {type: 'li', children: [{text: 'Hypothesis 1 — …'}]},
-      {type: 'li', children: [{text: 'Hypothesis 2 — …'}]},
-    ],
-  },
-];
-
-const readme: SlateDocument = [
-  {type: 'h1', children: [{text: '<project-name>'}]},
-  {
-    type: 'p',
-    children: [
-      {text: 'A '},
-      {text: 'one-line', italic: true},
-      {text: ' description of what this project does and who it is for.'},
-    ],
-  },
-  {type: 'h2', children: [{text: 'Features'}]},
-  {
-    type: 'ul',
-    children: [
-      {type: 'li', children: [{text: 'Feature one'}]},
-      {type: 'li', children: [{text: 'Feature two'}]},
-      {type: 'li', children: [{text: 'Feature three'}]},
-    ],
-  },
-  {type: 'h2', children: [{text: 'Installation'}]},
-  {
-    type: 'code-block',
-    language: 'bash',
-    children: [{text: 'npm install <project-name>'}],
-  },
-  {type: 'h2', children: [{text: 'Usage'}]},
-  {
-    type: 'code-block',
-    language: 'ts',
-    children: [{text: "import {example} from '<project-name>';\n\nexample();"}],
-  },
-  {type: 'h2', children: [{text: 'API'}]},
-  {
-    type: 'p',
-    children: [{text: 'Document each public export — its signature, parameters, return value, and side effects.'}],
-  },
-  {type: 'h2', children: [{text: 'Development'}]},
-  {
-    type: 'code-block',
-    language: 'bash',
-    children: [{text: 'git clone <repo>\nnpm install\nnpm test'}],
-  },
-  {type: 'h2', children: [{text: 'Contributing'}]},
-  {
-    type: 'p',
-    children: [
-      {text: 'Issues and pull requests are welcome. See '},
-      {text: 'CONTRIBUTING.md', code: true},
-      {text: ' for guidelines.'},
-    ],
-  },
-  {type: 'h2', children: [{text: 'License'}]},
-  {type: 'p', children: [{text: 'MIT'}]},
-];
-
-const postmortem: SlateDocument = [
-  {type: 'h1', children: [{text: 'Postmortem: <incident name>'}]},
-  {
-    type: 'p',
-    children: [
-      {text: 'Date: '},
-      {text: '<YYYY-MM-DD>', italic: true},
-      {text: ' · Authors: '},
-      {text: '<names>', italic: true},
-      {text: ' · Status: '},
-      {text: 'Draft', bold: true},
-    ],
-  },
-  {
-    type: 'callout',
-    icon: '🔥',
-    title: 'Summary',
-    children: [{text: 'One paragraph: what broke, who was affected, how long, and how it was fixed.'}],
-  },
-  {type: 'h2', children: [{text: 'Impact'}]},
-  {
-    type: 'ul',
-    children: [
-      {type: 'li', children: [{text: 'Users affected: '}, {text: '<count / %>', code: true}]},
-      {type: 'li', children: [{text: 'Duration: '}, {text: '<HH:MM UTC – HH:MM UTC>', code: true}]},
-      {type: 'li', children: [{text: 'Systems affected: '}, {text: '<services>', code: true}]},
-    ],
-  },
-  {type: 'h2', children: [{text: 'Timeline (UTC)'}]},
-  {
-    type: 'ul',
-    children: [
-      {type: 'li', children: [{text: '<HH:MM> — first signal / page'}]},
-      {type: 'li', children: [{text: '<HH:MM> — incident declared, IC assigned'}]},
-      {type: 'li', children: [{text: '<HH:MM> — root cause identified'}]},
-      {type: 'li', children: [{text: '<HH:MM> — mitigation applied'}]},
-      {type: 'li', children: [{text: '<HH:MM> — incident resolved'}]},
-    ],
-  },
-  {type: 'h2', children: [{text: 'Root cause'}]},
-  {
-    type: 'p',
-    children: [
-      {
-        text: 'Walk the chain of events down to the underlying cause. Resist stopping at the first plausible explanation.',
-      },
-    ],
-  },
-  {type: 'h2', children: [{text: 'Detection'}]},
-  {
-    type: 'p',
-    children: [
-      {text: 'How was the issue detected? How long did detection take, and could we have detected it sooner?'},
-    ],
-  },
-  {type: 'h2', children: [{text: 'What went well'}]},
-  {
-    type: 'ul',
-    children: [{type: 'li', children: [{text: '…'}]}],
-  },
-  {type: 'h2', children: [{text: 'What went poorly'}]},
-  {
-    type: 'ul',
-    children: [{type: 'li', children: [{text: '…'}]}],
-  },
-  {type: 'h2', children: [{text: 'Action items'}]},
-  {
-    type: 'checklist',
-    children: [
-      {type: 'li', checked: false, children: [{text: '<owner> — prevention — <action>'}]},
-      {type: 'li', checked: false, children: [{text: '<owner> — detection — <action>'}]},
-      {type: 'li', checked: false, children: [{text: '<owner> — response — <action>'}]},
-    ],
-  },
-  {
-    type: 'callout',
-    icon: '🙅',
-    title: 'Blameless',
-    children: [{text: 'Focus on systems and processes, not individuals. The goal is learning, not assigning fault.'}],
-  },
-];
-
-const retro: SlateDocument = [
-  {type: 'h1', children: [{text: 'Sprint retrospective — <sprint / dates>'}]},
-  {
-    type: 'p',
-    children: [
-      {text: 'Team: '},
-      {text: '<team>', italic: true},
-      {text: ' · Facilitator: '},
-      {text: '<name>', italic: true},
-    ],
-  },
-  {type: 'h2', children: [{text: 'What went well 🎉'}]},
-  {
-    type: 'ul',
-    children: [
-      {type: 'li', children: [{text: '…'}]},
-      {type: 'li', children: [{text: '…'}]},
-    ],
-  },
-  {type: 'h2', children: [{text: 'What didn’t go well 😬'}]},
-  {
-    type: 'ul',
-    children: [
-      {type: 'li', children: [{text: '…'}]},
-      {type: 'li', children: [{text: '…'}]},
-    ],
-  },
-  {type: 'h2', children: [{text: 'What we learned 💡'}]},
-  {
-    type: 'ul',
-    children: [{type: 'li', children: [{text: '…'}]}],
-  },
-  {type: 'h2', children: [{text: 'Action items'}]},
-  {
-    type: 'checklist',
-    children: [
-      {type: 'li', checked: false, children: [{text: '<owner> — <action> — due <date>'}]},
-      {type: 'li', checked: false, children: [{text: '<owner> — <action> — due <date>'}]},
-    ],
-  },
-  {type: 'h2', children: [{text: 'Carry-over from last retro'}]},
-  {
-    type: 'ul',
-    children: [{type: 'li', children: [{text: 'Status of previous action items.'}]}],
-  },
-];
-
-const streamCheck: SlateDocument = [
-  {type: 'h1', children: [{text: 'Going live: <stream title>'}]},
-  {
-    type: 'callout',
-    icon: '🔴',
-    title: 'Schedule',
-    children: [{text: '<day>, <HH:MM> <timezone> · est. <duration>'}],
-  },
-  {type: 'h2', children: [{text: 'Pre-stream check'}]},
-  {
-    type: 'checklist',
-    children: [
-      {type: 'li', checked: false, children: [{text: 'Mic levels + pop filter'}]},
-      {type: 'li', checked: false, children: [{text: 'Camera framing & lighting'}]},
-      {type: 'li', checked: false, children: [{text: 'OBS scenes & alerts'}]},
-      {type: 'li', checked: false, children: [{text: 'Game/app updated, captures running'}]},
-      {
-        type: 'li',
-        checked: false,
-        children: [{text: 'Internet speed test (up '}, {text: '> 8 Mbps', code: true}, {text: ')'}],
-      },
-      {type: 'li', checked: false, children: [{text: 'Snacks + water within reach'}]},
-      {type: 'li', checked: false, children: [{text: 'Phone on do-not-disturb'}]},
-      {type: 'li', checked: false, children: [{text: 'Stream title + tags + category set'}]},
-    ],
-  },
-  {type: 'h2', children: [{text: 'Today’s plan'}]},
-  {
-    type: 'ol',
-    children: [
-      {type: 'li', children: [{text: 'Welcome / catch-up (~5 min)'}]},
-      {type: 'li', children: [{text: 'Main segment — '}, {text: '<topic>', italic: true}]},
-      {type: 'li', children: [{text: 'Break / Q&A'}]},
-      {type: 'li', children: [{text: 'Wrap-up + raid'}]},
-    ],
-  },
-  {type: 'h2', children: [{text: 'Talking points'}]},
-  {
-    type: 'ul',
-    children: [
-      {type: 'li', children: [{text: '…'}]},
-      {type: 'li', children: [{text: '…'}]},
-    ],
-  },
-  {type: 'h2', children: [{text: 'Shoutouts & sponsors'}]},
-  {
-    type: 'ul',
-    children: [
-      {type: 'li', children: [{text: '@<creator> — '}, {text: 'why', italic: true}]},
-      {type: 'li', children: [{text: '<sponsor> — code '}, {text: '<CODE>', code: true}, {text: ' · plug at <time>'}]},
-    ],
-  },
-  {type: 'h2', children: [{text: 'Stream goals'}]},
-  {
-    type: 'checklist',
-    children: [
-      {type: 'li', checked: false, children: [{text: 'Hit <N> concurrent viewers'}]},
-      {type: 'li', checked: false, children: [{text: '<N> new follows'}]},
-      {type: 'li', checked: false, children: [{text: 'Reach charity/donation goal'}]},
-    ],
-  },
-  {type: 'h2', children: [{text: 'Post-stream notes'}]},
-  {type: 'p', children: [{text: 'What worked, what to fix next time, clip ideas, VOD timestamps.'}]},
-];
-
-const videoScript: SlateDocument = [
-  {type: 'h1', children: [{text: '<video title>'}]},
-  {
-    type: 'p',
-    children: [
-      {text: 'Platform: '},
-      {text: '<YouTube / TikTok / Reels / Shorts>', italic: true},
-      {text: ' · Length: '},
-      {text: '<m:ss>', italic: true},
-      {text: ' · Aspect: '},
-      {text: '<16:9 / 9:16>', italic: true},
-    ],
-  },
-  {
-    type: 'callout',
-    icon: '🪝',
-    title: 'Hook (first 3 seconds)',
-    children: [{text: 'One sentence that stops the scroll. Promise the payoff.'}],
-  },
-  {type: 'h2', children: [{text: 'Intro'}]},
-  {type: 'p', children: [{text: 'Who you are, what this video gives them, why they should stay.'}]},
-  {type: 'h2', children: [{text: 'Beat sheet'}]},
-  {
-    type: 'ol',
-    children: [
-      {type: 'li', children: [{text: 'Beat 1 — set up the problem'}]},
-      {type: 'li', children: [{text: 'Beat 2 — first reveal / demo'}]},
-      {type: 'li', children: [{text: 'Beat 3 — twist or deeper insight'}]},
-      {type: 'li', children: [{text: 'Beat 4 — payoff'}]},
-    ],
-  },
-  {type: 'h2', children: [{text: 'Script'}]},
-  {
-    type: 'p',
-    children: [{text: 'Write spoken lines exactly as you’ll deliver them. Short sentences. Read them aloud.'}],
-  },
-  {type: 'h3', children: [{text: 'B-roll / on-screen'}]},
-  {
-    type: 'ul',
-    children: [
-      {type: 'li', children: [{text: '<timestamp> — '}, {text: '<shot description>', italic: true}]},
-      {type: 'li', children: [{text: '<timestamp> — '}, {text: '<text overlay>', italic: true}]},
-    ],
-  },
-  {type: 'h2', children: [{text: 'Call to action'}]},
-  {
-    type: 'p',
-    children: [{text: 'Like, subscribe, follow, link in bio — be specific about what you want them to do next.'}],
-  },
-  {type: 'h2', children: [{text: 'Outro'}]},
-  {type: 'p', children: [{text: 'Tease the next video and end strong.'}]},
-  {type: 'h2', children: [{text: 'Description / SEO'}]},
-  {
-    type: 'code-block',
-    children: [{text: 'Title: <title>\n\n<2–3 sentence description with target keyword>\n\n#<tag1> #<tag2> #<tag3>'}],
-  },
-  {type: 'h2', children: [{text: 'Thumbnail ideas'}]},
-  {
-    type: 'ul',
-    children: [
-      {type: 'li', children: [{text: 'Concept A — '}, {text: '<text + visual>', italic: true}]},
-      {type: 'li', children: [{text: 'Concept B — '}, {text: '<text + visual>', italic: true}]},
-    ],
-  },
-];
-
-const journal: SlateDocument = [
-  {type: 'title', children: [{text: '<YYYY-MM-DD>'}]},
-  {
-    type: 'p',
-    children: [
-      {text: 'Mood: '},
-      {text: '<emoji or word>', italic: true},
-      {text: ' · Weather: '},
-      {text: '<…>', italic: true},
-    ],
-  },
-  {type: 'h2', children: [{text: 'Today’s highlights'}]},
-  {
-    type: 'ul',
-    children: [
-      {type: 'li', children: [{text: '…'}]},
-      {type: 'li', children: [{text: '…'}]},
-      {type: 'li', children: [{text: '…'}]},
-    ],
-  },
-  {type: 'h2', children: [{text: 'Grateful for'}]},
-  {
-    type: 'ol',
-    children: [
-      {type: 'li', children: [{text: '…'}]},
-      {type: 'li', children: [{text: '…'}]},
-      {type: 'li', children: [{text: '…'}]},
-    ],
-  },
-  {type: 'h2', children: [{text: 'Today I learned'}]},
-  {type: 'p', children: [{text: 'One thing — could be tiny.'}]},
-  {type: 'h2', children: [{text: 'Mind dump'}]},
-  {type: 'p', children: [{text: 'Anything that’s rattling around — write without editing.'}]},
-  {
-    type: 'blockquote',
-    children: [{text: 'Quote / lyric / line that stuck with me today.'}],
-  },
-  {type: 'h2', children: [{text: 'Tomorrow'}]},
-  {
-    type: 'checklist',
-    children: [
-      {type: 'li', checked: false, children: [{text: 'One thing I will do'}]},
-      {type: 'li', checked: false, children: [{text: 'One thing I will not do'}]},
-    ],
-  },
-];
-
-const recipe: SlateDocument = [
-  {type: 'h1', children: [{text: '<recipe name>'}]},
-  {
-    type: 'p',
-    children: [
-      {text: 'Serves: '},
-      {text: '<N>', bold: true},
-      {text: ' · Prep: '},
-      {text: '<N min>', bold: true},
-      {text: ' · Cook: '},
-      {text: '<N min>', bold: true},
-      {text: ' · '},
-      {text: '<vegetarian / vegan / gluten-free>', italic: true},
-    ],
-  },
-  {
-    type: 'callout',
-    icon: '👩‍🍳',
-    title: 'Notes',
-    children: [{text: 'Where the recipe came from, why you love it, what to swap if you’re missing something.'}],
-  },
-  {type: 'h2', children: [{text: 'Ingredients'}]},
-  {
-    type: 'ul',
-    children: [
-      {type: 'li', children: [{text: '<amount> '}, {text: '<unit>', italic: true}, {text: ' <ingredient>'}]},
-      {type: 'li', children: [{text: '<amount> '}, {text: '<unit>', italic: true}, {text: ' <ingredient>'}]},
-      {type: 'li', children: [{text: '<amount> '}, {text: '<unit>', italic: true}, {text: ' <ingredient>'}]},
-    ],
-  },
-  {type: 'h2', children: [{text: 'Equipment'}]},
-  {
-    type: 'ul',
-    children: [{type: 'li', children: [{text: '<pan / pot / bowl / etc>'}]}],
-  },
-  {type: 'h2', children: [{text: 'Instructions'}]},
-  {
-    type: 'ol',
-    children: [
-      {type: 'li', children: [{text: 'Prep — wash, chop, measure.'}]},
-      {type: 'li', children: [{text: 'Heat the pan…'}]},
-      {type: 'li', children: [{text: 'Combine…'}]},
-      {type: 'li', children: [{text: 'Season to taste and serve.'}]},
-    ],
-  },
-  {type: 'h2', children: [{text: 'Variations'}]},
-  {
-    type: 'ul',
-    children: [
-      {type: 'li', children: [{text: 'Spicier: add '}, {text: '<…>', code: true}]},
-      {type: 'li', children: [{text: 'Vegetarian swap: '}, {text: '<…>', code: true}]},
-    ],
-  },
-  {type: 'h2', children: [{text: 'Pairings'}]},
-  {type: 'p', children: [{text: 'Goes well with…'}]},
-];
-
-const travel: SlateDocument = [
-  {type: 'h1', children: [{text: '<destination> — <month YYYY>'}]},
-  {
-    type: 'p',
-    children: [
-      {text: 'Dates: '},
-      {text: '<YYYY-MM-DD> → <YYYY-MM-DD>', bold: true},
-      {text: ' · Travelers: '},
-      {text: '<names>', italic: true},
-      {text: ' · Budget: '},
-      {text: '<$>', italic: true},
-    ],
-  },
-  {type: 'h2', children: [{text: 'Reservations'}]},
-  {
-    type: 'ul',
-    children: [
-      {type: 'li', children: [{text: '✈️ '}, {text: '<flight / confirmation #>', code: true}]},
-      {type: 'li', children: [{text: '🏨 '}, {text: '<hotel / Airbnb / confirmation #>', code: true}]},
-      {type: 'li', children: [{text: '🚗 '}, {text: '<car rental / transit pass>', code: true}]},
-    ],
-  },
-  {type: 'h2', children: [{text: 'Packing list'}]},
-  {
-    type: 'checklist',
-    children: [
-      {type: 'li', checked: false, children: [{text: 'Passport / ID'}]},
-      {type: 'li', checked: false, children: [{text: 'Chargers + adapter'}]},
-      {type: 'li', checked: false, children: [{text: 'Meds'}]},
-      {type: 'li', checked: false, children: [{text: 'Weather-appropriate clothes'}]},
-      {type: 'li', checked: false, children: [{text: 'Snacks for the trip'}]},
-    ],
-  },
-  {type: 'h2', children: [{text: 'Day-by-day'}]},
-  {type: 'h3', children: [{text: 'Day 1 — arrival'}]},
-  {
-    type: 'ul',
-    children: [
-      {type: 'li', children: [{text: 'Morning — …'}]},
-      {type: 'li', children: [{text: 'Afternoon — …'}]},
-      {type: 'li', children: [{text: 'Evening — …'}]},
-    ],
-  },
-  {type: 'h3', children: [{text: 'Day 2'}]},
-  {
-    type: 'ul',
-    children: [{type: 'li', children: [{text: '…'}]}],
-  },
-  {type: 'h2', children: [{text: 'Want-to-eat / want-to-see'}]},
-  {
-    type: 'ul',
-    children: [
-      {type: 'li', children: [{text: '🍜 <restaurant> — '}, {text: '<dish>', italic: true}]},
-      {type: 'li', children: [{text: '🏛️ <landmark>'}]},
-      {type: 'li', children: [{text: '🌳 <park / view>'}]},
-    ],
-  },
-  {type: 'h2', children: [{text: 'Important contacts'}]},
-  {
-    type: 'ul',
-    children: [
-      {type: 'li', children: [{text: 'Embassy: '}, {text: '<phone>', code: true}]},
-      {type: 'li', children: [{text: 'Hotel front desk: '}, {text: '<phone>', code: true}]},
-      {type: 'li', children: [{text: 'Travel insurance: '}, {text: '<policy / phone>', code: true}]},
-    ],
-  },
-];
-
-const competitorAnalysis: SlateDocument = [
-  {type: 'h1', children: [{text: 'Competitor analysis: <market / category>'}]},
-  {
-    type: 'p',
-    children: [
-      {text: 'Owner: '},
-      {text: '<your name>', italic: true},
-      {text: ' · Last updated: '},
-      {text: '<YYYY-MM-DD>', italic: true},
-      {text: ' · Status: '},
-      {text: 'Living document', bold: true},
-    ],
-  },
-  {
-    type: 'callout',
-    icon: '🎯',
-    title: 'TL;DR',
-    children: [{text: 'One paragraph: who the players are, where we stand, and the one move we should make next.'}],
-  },
-  {type: 'h2', children: [{text: 'Market & context'}]},
-  {
-    type: 'p',
-    children: [{text: 'What is this market? Size, growth, target buyer, dominant trends. Why it matters now.'}],
-  },
-  {type: 'h2', children: [{text: 'Our positioning'}]},
-  {
-    type: 'ul',
-    children: [
-      {type: 'li', children: [{text: 'Who we serve: '}, {text: '<segment>', italic: true}]},
-      {type: 'li', children: [{text: 'Core promise: '}, {text: '<value prop>', italic: true}]},
-      {type: 'li', children: [{text: 'Wedge / unfair advantage: '}, {text: '<…>', italic: true}]},
-    ],
-  },
-  {type: 'h2', children: [{text: 'Competitors'}]},
-  {type: 'h3', children: [{text: '<Competitor A>'}]},
-  {
-    type: 'p',
-    children: [
-      {text: 'Site: '},
-      {text: '<url>', a: {href: 'https://example.com'}},
-      {text: ' · HQ: '},
-      {text: '<city>', italic: true},
-      {text: ' · Founded: '},
-      {text: '<year>', italic: true},
-      {text: ' · Funding: '},
-      {text: '<stage / $>', italic: true},
-      {text: ' · Headcount: '},
-      {text: '<N>', italic: true},
-    ],
-  },
-  {
-    type: 'p',
-    children: [{text: 'One-line description of what they do and who they serve.'}],
-  },
-  {
-    type: 'callout',
-    icon: '✅',
-    title: 'Strengths',
-    color: '#3aaf5f',
-    children: [{text: 'Where they’re genuinely better than us — features, distribution, brand, capital, talent.'}],
-  },
-  {
-    type: 'callout',
-    icon: '⚠️',
-    title: 'Weaknesses',
-    color: '#e07a5f',
-    children: [{text: 'Where they fall short — gaps, complaints, missing segments, organizational drag.'}],
-  },
-  {
-    type: 'p',
-    children: [
-      {text: 'Pricing: '},
-      {text: '<starting tier / model>', code: true},
-      {text: ' · Notable customers: '},
-      {text: '<…>', italic: true},
-    ],
-  },
-  {type: 'h3', children: [{text: '<Competitor B>'}]},
-  {
-    type: 'p',
-    children: [
-      {text: 'Site: '},
-      {text: '<url>', a: {href: 'https://example.com'}},
-      {text: ' · HQ: '},
-      {text: '<city>', italic: true},
-      {text: ' · Founded: '},
-      {text: '<year>', italic: true},
-      {text: ' · Funding: '},
-      {text: '<stage / $>', italic: true},
-    ],
-  },
-  {type: 'p', children: [{text: 'One-line description.'}]},
-  {
-    type: 'callout',
-    icon: '✅',
-    title: 'Strengths',
-    color: '#3aaf5f',
-    children: [{text: '…'}],
-  },
-  {
-    type: 'callout',
-    icon: '⚠️',
-    title: 'Weaknesses',
-    color: '#e07a5f',
-    children: [{text: '…'}],
-  },
-  {type: 'h3', children: [{text: '<Competitor C>'}]},
-  {type: 'p', children: [{text: 'Repeat the same template for each player worth tracking.'}]},
-  {type: 'h2', children: [{text: 'Feature comparison'}]},
-  {
-    type: 'p',
-    children: [
-      {
-        text: 'Score each player on the dimensions that actually drive purchase decisions. Use ✅ / ⚠️ / ❌ for quick scanning.',
-      },
-    ],
-  },
-  {type: 'h3', children: [{text: 'Core capability'}]},
-  {
-    type: 'ul',
-    children: [
-      {
-        type: 'li',
-        children: [
-          {text: 'Us — '},
-          {text: '✅ ', bold: true},
-          {text: 'best-in-class for '},
-          {text: '<scenario>', italic: true},
-        ],
-      },
-      {type: 'li', children: [{text: '<Competitor A> — '}, {text: '✅ ', bold: true}, {text: '…'}]},
-      {type: 'li', children: [{text: '<Competitor B> — '}, {text: '⚠️ ', bold: true}, {text: '…'}]},
-    ],
-  },
-  {type: 'h3', children: [{text: 'Pricing & packaging'}]},
-  {
-    type: 'ul',
-    children: [
-      {type: 'li', children: [{text: 'Us — '}, {text: '<model>', italic: true}]},
-      {type: 'li', children: [{text: '<Competitor A> — '}, {text: '<model>', italic: true}]},
-      {type: 'li', children: [{text: '<Competitor B> — '}, {text: '<model>', italic: true}]},
-    ],
-  },
-  {type: 'h3', children: [{text: 'Distribution & GTM'}]},
-  {
-    type: 'ul',
-    children: [
-      {type: 'li', children: [{text: 'Us — '}, {text: '<channels>', italic: true}]},
-      {type: 'li', children: [{text: '<Competitor A> — '}, {text: '<channels>', italic: true}]},
-    ],
-  },
-  {type: 'h3', children: [{text: 'Ecosystem & integrations'}]},
-  {
-    type: 'ul',
-    children: [
-      {type: 'li', children: [{text: 'Us — '}, {text: '<…>', italic: true}]},
-      {type: 'li', children: [{text: '<Competitor A> — '}, {text: '<…>', italic: true}]},
-    ],
-  },
-  {type: 'h2', children: [{text: 'SWOT — us vs. the field'}]},
-  {
-    type: 'callout',
-    icon: '💪',
-    title: 'Strengths',
-    color: '#3aaf5f',
-    children: [{text: 'What we do better than anyone — protect and amplify these.'}],
-  },
-  {
-    type: 'callout',
-    icon: '🩹',
-    title: 'Weaknesses',
-    color: '#e07a5f',
-    children: [{text: 'Honest gaps — where we lose deals or look weak.'}],
-  },
-  {
-    type: 'callout',
-    icon: '🚀',
-    title: 'Opportunities',
-    color: '#4d96ff',
-    children: [{text: 'Open lanes — underserved segments, missing features, regulatory shifts.'}],
-  },
-  {
-    type: 'callout',
-    icon: '☁️',
-    title: 'Threats',
-    color: '#8b8b8b',
-    children: [{text: 'What could blindside us — funded entrants, platform changes, pricing pressure.'}],
-  },
-  {type: 'h2', children: [{text: 'Recommendations'}]},
-  {
-    type: 'checklist',
-    children: [
-      {type: 'li', checked: false, children: [{text: '<owner> — defend: <action>'}]},
-      {type: 'li', checked: false, children: [{text: '<owner> — close gap: <action>'}]},
-      {type: 'li', checked: false, children: [{text: '<owner> — exploit opportunity: <action>'}]},
-    ],
-  },
-  {type: 'h2', children: [{text: 'Sources & evidence'}]},
-  {
-    type: 'ol',
-    children: [
-      {type: 'li', children: [{text: '<source — link or note>'}]},
-      {type: 'li', children: [{text: '<customer interview / win-loss / analyst report>'}]},
-    ],
-  },
-];
-
-const toolComparison: SlateDocument = [
-  {type: 'h1', children: [{text: 'Tool comparison: <decision>'}]},
-  {
-    type: 'p',
-    children: [
-      {text: 'Owner: '},
-      {text: '<name>', italic: true},
-      {text: ' · Decision needed by: '},
-      {text: '<YYYY-MM-DD>', italic: true},
-    ],
-  },
-  {
-    type: 'callout',
-    icon: '🎯',
-    title: 'Decision criteria',
-    children: [
-      {
-        text: 'What we’re optimizing for — performance, ergonomics, cost, ecosystem, lock-in, etc. Rank in order of priority.',
-      },
-    ],
-  },
-  {type: 'h2', children: [{text: 'Requirements'}]},
-  {
-    type: 'ul',
-    children: [
-      {type: 'li', children: [{text: 'Must-have — '}, {text: '<requirement>', italic: true}]},
-      {type: 'li', children: [{text: 'Must-have — '}, {text: '<requirement>', italic: true}]},
-      {type: 'li', children: [{text: 'Nice-to-have — '}, {text: '<requirement>', italic: true}]},
-    ],
-  },
-  {type: 'h2', children: [{text: 'Options'}]},
-  {type: 'h3', children: [{text: '<Option A>'}]},
-  {
-    type: 'p',
-    children: [
-      {text: 'Docs: '},
-      {text: '<url>', a: {href: 'https://example.com'}},
-      {text: ' · License: '},
-      {text: '<…>', code: true},
-      {text: ' · Maintainer: '},
-      {text: '<…>', italic: true},
-      {text: ' · Last release: '},
-      {text: '<date / version>', code: true},
-    ],
-  },
-  {
-    type: 'code-block',
-    language: 'bash',
-    children: [{text: 'npm install <package-a>'}],
-  },
-  {type: 'h4', children: [{text: 'Pros'}]},
-  {
-    type: 'ul',
-    children: [
-      {type: 'li', children: [{text: '…'}]},
-      {type: 'li', children: [{text: '…'}]},
-    ],
-  },
-  {type: 'h4', children: [{text: 'Cons'}]},
-  {
-    type: 'ul',
-    children: [
-      {type: 'li', children: [{text: '…'}]},
-      {type: 'li', children: [{text: '…'}]},
-    ],
-  },
-  {type: 'h4', children: [{text: 'Cost / footprint'}]},
-  {
-    type: 'ul',
-    children: [
-      {type: 'li', children: [{text: 'Bundle size: '}, {text: '<kB>', code: true}]},
-      {type: 'li', children: [{text: 'Runtime cost: '}, {text: '<…>', code: true}]},
-      {type: 'li', children: [{text: 'Pricing: '}, {text: '<$ / free>', code: true}]},
-    ],
-  },
-  {type: 'h3', children: [{text: '<Option B>'}]},
-  {
-    type: 'p',
-    children: [
-      {text: 'Docs: '},
-      {text: '<url>', a: {href: 'https://example.com'}},
-      {text: ' · License: '},
-      {text: '<…>', code: true},
-      {text: ' · Maintainer: '},
-      {text: '<…>', italic: true},
-    ],
-  },
-  {
-    type: 'code-block',
-    language: 'bash',
-    children: [{text: 'npm install <package-b>'}],
-  },
-  {type: 'h4', children: [{text: 'Pros'}]},
-  {
-    type: 'ul',
-    children: [{type: 'li', children: [{text: '…'}]}],
-  },
-  {type: 'h4', children: [{text: 'Cons'}]},
-  {
-    type: 'ul',
-    children: [{type: 'li', children: [{text: '…'}]}],
-  },
-  {type: 'h3', children: [{text: 'Build it ourselves'}]},
-  {
-    type: 'ul',
-    children: [
-      {type: 'li', children: [{text: 'Estimated effort: '}, {text: '<weeks>', code: true}]},
-      {type: 'li', children: [{text: 'Why we might: '}, {text: '<…>', italic: true}]},
-      {type: 'li', children: [{text: 'Why we wouldn’t: '}, {text: '<…>', italic: true}]},
-    ],
-  },
-  {type: 'h2', children: [{text: 'Scorecard'}]},
-  {type: 'p', children: [{text: 'Rate each option against the criteria — keep it lightweight (✅ / ⚠️ / ❌).'}]},
-  {type: 'h3', children: [{text: 'Performance'}]},
-  {
-    type: 'ul',
-    children: [
-      {type: 'li', children: [{text: 'A — ✅ '}, {text: '<note>', italic: true}]},
-      {type: 'li', children: [{text: 'B — ⚠️ '}, {text: '<note>', italic: true}]},
-    ],
-  },
-  {type: 'h3', children: [{text: 'Developer experience'}]},
-  {
-    type: 'ul',
-    children: [
-      {type: 'li', children: [{text: 'A — '}, {text: '<note>', italic: true}]},
-      {type: 'li', children: [{text: 'B — '}, {text: '<note>', italic: true}]},
-    ],
-  },
-  {type: 'h3', children: [{text: 'Ecosystem & community'}]},
-  {
-    type: 'ul',
-    children: [
-      {type: 'li', children: [{text: 'A — '}, {text: '<github stars / discord / SO>', italic: true}]},
-      {type: 'li', children: [{text: 'B — '}, {text: '<…>', italic: true}]},
-    ],
-  },
-  {type: 'h3', children: [{text: 'Risk & lock-in'}]},
-  {
-    type: 'ul',
-    children: [
-      {type: 'li', children: [{text: 'A — '}, {text: '<note>', italic: true}]},
-      {type: 'li', children: [{text: 'B — '}, {text: '<note>', italic: true}]},
-    ],
-  },
-  {type: 'h2', children: [{text: 'Decision'}]},
-  {
-    type: 'callout',
-    icon: '✅',
-    title: 'We’ll go with: <option>',
-    color: '#3aaf5f',
-    children: [
-      {
-        text: 'One-paragraph justification — which criteria pushed us over the line, and what we are accepting as trade-offs.',
-      },
-    ],
-  },
-  {type: 'h2', children: [{text: 'Open questions'}]},
-  {
-    type: 'ul',
-    children: [{type: 'li', children: [{text: '<question to follow up on>'}]}],
-  },
-];
-
-const tierList: SlateDocument = [
-  {type: 'h1', children: [{text: 'Tier list: <what you’re ranking>'}]},
-  {
-    type: 'p',
-    children: [
-      {text: 'Ranked by '},
-      {text: '<your criteria>', italic: true},
-      {text: ' — '},
-      {text: '<who / when>', italic: true},
-      {text: '.'},
-    ],
-  },
-  {
-    type: 'blockquote',
-    children: [{text: 'How I’m ranking these — be specific so future-you remembers what S actually meant.'}],
-  },
-  {
-    type: 'callout',
-    icon: 'S',
-    title: 'God tier',
-    color: '#ff5e5e',
-    children: [{text: 'Defining, must-have, perfect for what it does.'}],
-  },
-  {
-    type: 'ul',
-    children: [
-      {type: 'li', children: [{text: '<item>'}]},
-      {type: 'li', children: [{text: '<item>'}]},
-    ],
-  },
-  {
-    type: 'callout',
-    icon: 'A',
-    title: 'Great',
-    color: '#ff9f43',
-    children: [{text: 'Excellent — small flaws keep it from S.'}],
-  },
-  {
-    type: 'ul',
-    children: [
-      {type: 'li', children: [{text: '<item>'}]},
-      {type: 'li', children: [{text: '<item>'}]},
-    ],
-  },
-  {
-    type: 'callout',
-    icon: 'B',
-    title: 'Good',
-    color: '#ffd93d',
-    children: [{text: 'Solid — happy to recommend.'}],
-  },
-  {
-    type: 'ul',
-    children: [
-      {type: 'li', children: [{text: '<item>'}]},
-      {type: 'li', children: [{text: '<item>'}]},
-    ],
-  },
-  {
-    type: 'callout',
-    icon: 'C',
-    title: 'Average',
-    color: '#6bcb77',
-    children: [{text: 'Fine. Take it or leave it.'}],
-  },
-  {
-    type: 'ul',
-    children: [
-      {type: 'li', children: [{text: '<item>'}]},
-      {type: 'li', children: [{text: '<item>'}]},
-    ],
-  },
-  {
-    type: 'callout',
-    icon: 'D',
-    title: 'Below average',
-    color: '#4d96ff',
-    children: [{text: 'Real problems — only if nothing else is around.'}],
-  },
-  {
-    type: 'ul',
-    children: [{type: 'li', children: [{text: '<item>'}]}],
-  },
-  {
-    type: 'callout',
-    icon: 'F',
-    title: 'Avoid',
-    color: '#8b8b8b',
-    children: [{text: 'Don’t.'}],
-  },
-  {
-    type: 'ul',
-    children: [{type: 'li', children: [{text: '<item>'}]}],
-  },
-  {type: 'h2', children: [{text: 'Honorable mentions'}]},
-  {
-    type: 'ul',
-    children: [{type: 'li', children: [{text: '<item>'}, {text: ' — couldn’t place yet.', italic: true}]}],
-  },
-];
-
-export const templates: MuTxtTemplate[] = [
-  {
-    id: 'design-doc',
-    name: 'Engineering design doc (RFC)',
-    description: 'Goals, proposal, alternatives.',
-    fileName: 'Design doc',
-    category: 'work',
-    doc: designDoc,
-  },
-  {
-    id: 'meeting-notes',
-    name: 'Meeting notes',
-    description: 'Agenda, discussion, decisions, action items.',
-    fileName: 'Meeting notes',
-    category: 'work',
-    doc: meetingNotes,
-  },
-  {
-    id: 'bug-report',
-    name: 'Bug report',
-    description: 'Repro steps, environment, logs.',
-    fileName: 'Bug report',
-    category: 'work',
-    doc: bugReport,
-  },
-  {
-    id: 'readme',
-    name: 'Project README',
-    description: 'Description, features, install, usage, API.',
-    fileName: 'README',
-    category: 'work',
-    doc: readme,
-  },
-  {
-    id: 'postmortem',
-    name: 'Incident postmortem',
-    description: 'Impact, timeline, root cause, action items.',
-    fileName: 'Postmortem',
-    category: 'work',
-    doc: postmortem,
-  },
-  {
-    id: 'sprint-retro',
-    name: 'Sprint retrospective',
-    description: 'What went well, what did not.',
-    fileName: 'Retrospective',
-    category: 'work',
-    doc: retro,
-  },
-  {
-    id: 'competitor-analysis',
-    name: 'Competitor analysis',
-    description: 'Market, positioning, SWOT, recommendations.',
-    fileName: 'Competitor analysis',
-    category: 'work',
-    doc: competitorAnalysis,
-  },
-  {
-    id: 'tool-comparison',
-    name: 'Tool / library comparison',
-    description: 'Requirements, options, pros/cons, scorecard.',
-    fileName: 'Tool comparison',
-    category: 'work',
-    doc: toolComparison,
-  },
-  {
-    id: 'stream-check',
-    name: 'Stream go-live checklist',
-    description: 'Pre-stream check, plan, shoutouts, notes.',
-    fileName: 'Stream notes',
-    category: 'personal',
-    doc: streamCheck,
-  },
-  {
-    id: 'video-script',
-    name: 'Video script',
-    description: 'Hook, beats, script, B-roll, CTA, thumbnails.',
-    fileName: 'Video script',
-    category: 'personal',
-    doc: videoScript,
-  },
-  {
-    id: 'journal',
-    name: 'Daily journal',
-    description: 'Highlights, gratitude, mind dump, plan.',
-    fileName: 'Journal',
-    category: 'personal',
-    doc: journal,
-  },
-  {
-    id: 'recipe',
-    name: 'Recipe',
-    description: 'Servings, ingredients, equipment, steps.',
-    fileName: 'Recipe',
-    category: 'personal',
-    doc: recipe,
-  },
-  {
-    id: 'travel',
-    name: 'Travel itinerary',
-    description: 'Reservations, packing, plan, contacts.',
-    fileName: 'Trip',
-    category: 'personal',
-    doc: travel,
-  },
-  {
-    id: 'tier-list',
-    name: 'Tier list (S–F)',
-    description: 'S/A/B/C/D/F rows for ranking anything.',
-    fileName: 'Tier list',
-    category: 'personal',
-    doc: tierList,
-  },
-];
diff --git a/packages/mu-txt/src/state/theme.ts b/packages/mu-txt/src/state/theme.ts
deleted file mode 100644
index 65f1911b39..0000000000
--- a/packages/mu-txt/src/state/theme.ts
+++ /dev/null
@@ -1,56 +0,0 @@
-import {rsync} from '@jsonjoy.com/ui';
-import type {ISyncStore} from './sync-store';
-
-export type ThemePreference = 'auto' | 'light' | 'dark';
-export type ResolvedTheme = 'light' | 'dark';
-
-const STORAGE_KEY = 'mutxt_theme';
-
-const isPreference = (val: unknown): val is ThemePreference => val === 'auto' || val === 'light' || val === 'dark';
-
-const detectSystemTheme = (): ResolvedTheme => {
-  if (typeof window === 'undefined' || !window.matchMedia) return 'light';
-  return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
-};
-
-export class Theme {
-  public readonly preference: rsync.ReactValue<ThemePreference>;
-  public readonly resolved: rsync.ReactValue<ResolvedTheme>;
-  private mediaQuery: MediaQueryList | null = null;
-
-  constructor(private readonly sync: ISyncStore) {
-    const stored = sync.getItem(STORAGE_KEY);
-    const preference: ThemePreference = isPreference(stored) ? stored : 'auto';
-    this.preference = rsync.val<ThemePreference>(preference);
-    this.resolved = rsync.val<ResolvedTheme>(this.resolve(preference));
-    this.attachMedia();
-  }
-
-  private resolve(preference: ThemePreference): ResolvedTheme {
-    return preference === 'auto' ? detectSystemTheme() : preference;
-  }
-
-  private readonly onSystemChange = () => {
-    if (this.preference.value === 'auto') {
-      this.resolved.set(detectSystemTheme());
-    }
-  };
-
-  private attachMedia(): void {
-    if (typeof window === 'undefined' || !window.matchMedia) return;
-    this.mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
-    this.mediaQuery.addEventListener('change', this.onSystemChange);
-  }
-
-  public readonly set = (preference: ThemePreference): void => {
-    if (this.preference.value === preference) return;
-    this.preference.set(preference);
-    this.sync.setItem(STORAGE_KEY, preference);
-    this.resolved.set(this.resolve(preference));
-  };
-
-  public dispose(): void {
-    this.mediaQuery?.removeEventListener('change', this.onSystemChange);
-    this.mediaQuery = null;
-  }
-}
diff --git a/packages/mu-txt/src/state/util.ts b/packages/mu-txt/src/state/util.ts
deleted file mode 100644
index af1442661c..0000000000
--- a/packages/mu-txt/src/state/util.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-export const stripExtensions = (filename: string): string => {
-  if (filename.endsWith('.gz')) filename = filename.slice(0, -3);
-  if (filename.endsWith('.json')) filename = filename.slice(0, -5);
-  if (filename.endsWith('.njson')) filename = filename.slice(0, -6);
-  if (filename.endsWith('.cbor')) filename = filename.slice(0, -5);
-  if (filename.endsWith('.crdt')) filename = filename.slice(0, -5);
-  if (filename.endsWith('.seq')) filename = filename.slice(0, -4);
-  return filename;
-};
-
-export const downloadFile = (uint8: Uint8Array, filename: string = 'file.bin') => {
-  const blob = new Blob([uint8 as BlobPart], {type: 'application/octet-stream'});
-  const url = window.URL.createObjectURL(blob);
-  const a = document.createElement('a');
-  a.href = url;
-  a.download = filename;
-  a.click();
-  window.URL.revokeObjectURL(url);
-};
diff --git a/packages/mu-txt/src/util/DebounceQueue.ts b/packages/mu-txt/src/util/DebounceQueue.ts
deleted file mode 100644
index 632e1e0992..0000000000
--- a/packages/mu-txt/src/util/DebounceQueue.ts
+++ /dev/null
@@ -1,50 +0,0 @@
-export class DebounceQueue<T> {
-  constructor(
-    /**
-     * Queue will be flushed when it reaches this number of items.
-     */
-    public itemLimit: number,
-
-    /**
-     * Queue will be flushed after this many milliseconds since the last item
-     * was pushed, if it hasn't been flushed by item limit already.
-     */
-    public timeLimit: number,
-  ) {}
-
-  /**
-   * Method that will be called when queue is flushed.
-   */
-  onflush = (_list: T[]) => {};
-
-  private list: T[] = [];
-  private timer: any = null;
-
-  push(item: T) {
-    this.list.push(item);
-    if (this.list.length >= this.itemLimit) {
-      this.flush();
-      return;
-    }
-    clearTimeout(this.timer);
-    this.timer = setTimeout(() => {
-      this.flush();
-    }, this.timeLimit);
-  }
-
-  flush(): T[] {
-    const list = this.list;
-    this.list = [];
-    clearTimeout(this.timer);
-    this.timer = null;
-    if (list.length) {
-      try {
-        this.onflush(list);
-      } catch (error) {
-        // tslint:disable-next-line
-        console.error('DebounceQueue', error);
-      }
-    }
-    return list;
-  }
-}
diff --git a/packages/mu-txt/src/util/host.ts b/packages/mu-txt/src/util/host.ts
deleted file mode 100644
index a02909db68..0000000000
--- a/packages/mu-txt/src/util/host.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-export interface MutxtHost {
-  readonly platform: 'darwin' | 'win32' | 'linux' | (string & {});
-  readonly versions: Readonly<Record<string, string | undefined>>;
-  openDialog(): Promise<void>;
-  writeFile(path: string, bytes: Uint8Array): Promise<void>;
-  setTitlebarMode(mode: 'default' | 'compact'): Promise<void>;
-  onOpenFile(cb: (file: {name: string; path: string; bytes?: Uint8Array}) => void): () => void;
-  onOpenUrl(cb: (url: string) => void): () => void;
-  /** Fires when the user presses Cmd/Ctrl+W. */
-  onCloseFile(cb: () => void): () => void;
-}
-
-declare global {
-  interface Window {
-    mutxt?: MutxtHost;
-  }
-}
-
-export const host: MutxtHost | null = typeof window !== 'undefined' && window.mutxt ? window.mutxt : null;
-
-export const isElectron = host !== null;
-export const isMacElectron = isElectron && host!.platform === 'darwin';
-
-export const TITLEBAR_INSET_PX = 78;
-
-if (typeof document !== 'undefined') {
-  const value = isMacElectron ? `${TITLEBAR_INSET_PX}px` : 'env(titlebar-area-x, 0px)';
-  document.documentElement.style.setProperty('--titlebar-inset-left', value);
-}
diff --git a/packages/mu-txt/tsconfig.app.json b/packages/mu-txt/tsconfig.app.json
deleted file mode 100644
index f8867cf97a..0000000000
--- a/packages/mu-txt/tsconfig.app.json
+++ /dev/null
@@ -1,24 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2020",
-    "useDefineForClassFields": true,
-    "lib": ["ES2020", "DOM", "DOM.Iterable"],
-    "module": "ESNext",
-    "skipLibCheck": true,
-    "moduleResolution": "node",
-    "isolatedModules": true,
-    "noEmit": true,
-    "jsx": "react",
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true,
-    "allowSyntheticDefaultImports": true,
-    "esModuleInterop": true
-  },
-  "include": ["src", "webpack.config.ts"],
-  "exclude": [
-    "src/**/*.stories.ts",
-    "src/**/*.stories.tsx"
-  ]
-}
diff --git a/packages/mu-txt/tsconfig.build.json b/packages/mu-txt/tsconfig.build.json
deleted file mode 100644
index 111e0106ac..0000000000
--- a/packages/mu-txt/tsconfig.build.json
+++ /dev/null
@@ -1,35 +0,0 @@
-{
-  "extends": "./tsconfig",
-  "compilerOptions": {
-    "sourceMap": false,
-    "rootDir": "./src",
-    "tsBuildInfoFile": "./lib/.tsbuildinfo"
-  },
-  "exclude": [
-    "src/demo",
-    "src/__tests__",
-    "src/**/__demos__/**/*.*",
-    "src/**/__tests__/**/*.*",
-    "src/**/__bench__/**/*.*",
-    "src/**/__mocks__/**/*.*",
-    "src/**/__jest__/**/*.*",
-    "src/**/__mocha__/**/*.*",
-    "src/**/__tap__/**/*.*",
-    "src/**/__tape__/**/*.*",
-    "*.test.ts",
-    "*.spec.ts",
-    "src/**/__stories__/**/*.*",
-    "src/**/*.stories.ts",
-    "src/**/*.stories.tsx"
-  ],
-  "references": [
-    {"path": "../mutxt-react/tsconfig.build.json"},
-    {"path": "../json-joy/tsconfig.build.json"},
-    {"path": "../json-pack/tsconfig.build.json"},
-    {"path": "../ui/tsconfig.build.json"},
-    {"path": "../util/tsconfig.build.json"},
-    {"path": "../collaborative-ui/tsconfig.build.json"},
-    {"path": "../collaborative-slate/tsconfig.build.json"},
-    {"path": "../collaborative-peritext/tsconfig.build.json"}
-  ]
-}
diff --git a/packages/mu-txt/tsconfig.electron.json b/packages/mu-txt/tsconfig.electron.json
deleted file mode 100644
index e56b1dab54..0000000000
--- a/packages/mu-txt/tsconfig.electron.json
+++ /dev/null
@@ -1,21 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2022",
-    "lib": ["ES2022"],
-    "module": "commonjs",
-    "moduleResolution": "node",
-    "outDir": "out-electron",
-    "rootDir": "electron",
-    "strict": true,
-    "esModuleInterop": true,
-    "allowSyntheticDefaultImports": true,
-    "resolveJsonModule": true,
-    "skipLibCheck": true,
-    "sourceMap": true,
-    "declaration": false,
-    "noEmit": false,
-    "isolatedModules": false,
-    "types": ["node"]
-  },
-  "include": ["electron/**/*"]
-}
diff --git a/packages/mu-txt/tsconfig.json b/packages/mu-txt/tsconfig.json
deleted file mode 100644
index 5ffe5261ba..0000000000
--- a/packages/mu-txt/tsconfig.json
+++ /dev/null
@@ -1,36 +0,0 @@
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "rootDir": "./src",
-    "outDir": "./lib"
-  },
-  "include": [
-    "src"
-  ],
-  "exclude": [
-    "src/demo",
-    "src/__tests__",
-    "src/**/__demos__/**/*.*",
-    "src/**/__tests__/**/*.*",
-    "src/**/__bench__/**/*.*",
-    "src/**/__mocks__/**/*.*",
-    "src/**/__jest__/**/*.*",
-    "src/**/__mocha__/**/*.*",
-    "src/**/__tap__/**/*.*",
-    "src/**/__tape__/**/*.*",
-    "*.test.ts",
-    "*.spec.ts",
-    "src/**/*.stories.ts",
-    "src/**/*.stories.tsx"
-  ],
-  "references": [
-    {"path": "../mutxt-react"},
-    {"path": "../json-joy"},
-    {"path": "../json-pack"},
-    {"path": "../ui"},
-    {"path": "../util"},
-    {"path": "../collaborative-ui"},
-    {"path": "../collaborative-slate"},
-    {"path": "../collaborative-peritext"}
-  ]
-}
diff --git a/packages/mu-txt/webpack.config.ts b/packages/mu-txt/webpack.config.ts
deleted file mode 100644
index 7db867b923..0000000000
--- a/packages/mu-txt/webpack.config.ts
+++ /dev/null
@@ -1,158 +0,0 @@
-import fs from 'fs/promises';
-import path from 'path';
-import HtmlWebpackPlugin from 'html-webpack-plugin';
-import MiniCssExtractPlugin from 'mini-css-extract-plugin';
-import {Compilation, sources, type Compiler, type Configuration} from 'webpack';
-import type {Configuration as DevServerConfiguration} from 'webpack-dev-server';
-
-const root = path.resolve(__dirname, '..');
-const isDev = process.env.NODE_ENV !== 'production';
-
-class CopyPublicAssetsPlugin {
-  constructor(private readonly assets: Array<{from: string; to?: string}>) {}
-
-  public apply(compiler: Compiler): void {
-    compiler.hooks.thisCompilation.tap('CopyPublicAssetsPlugin', (compilation) => {
-      compilation.hooks.processAssets.tapPromise(
-        {
-          name: 'CopyPublicAssetsPlugin',
-          stage: Compilation.PROCESS_ASSETS_STAGE_ADDITIONAL,
-        },
-        async () => {
-          await Promise.all(
-            this.assets.map(async ({from, to = from}) => {
-              const assetPath = path.resolve(__dirname, 'public', from);
-              const source = await fs.readFile(assetPath);
-              compilation.emitAsset(to, new sources.RawSource(source));
-            }),
-          );
-        },
-      );
-    });
-  }
-}
-
-const config: Configuration & {devServer?: DevServerConfiguration} = {
-  entry: './src/main.tsx',
-  output: {
-    path: path.resolve(__dirname, 'dist'),
-    filename: 'assets/[name].[contenthash:8].js',
-    chunkFilename: 'assets/[name].[contenthash:8].chunk.js',
-    publicPath: '/',
-    clean: true,
-  },
-  resolve: {
-    extensions: ['.tsx', '.ts', '.js', '.jsx'],
-    // Redirect workspace package lib/ imports to TypeScript source.
-    alias: {
-      // @jsonjoy.com/pkg/lib/path -> packages/pkg/src/path
-      // Handled by the rules below using webpack alias with functions isn't ideal;
-      // instead we use resolve.alias with regex patterns via the nsm approach.
-    },
-    plugins: [
-      {
-        apply(resolver) {
-          // Rewrite @jsonjoy.com/pkg/lib/... -> packages/pkg/src/...
-          const target = resolver.ensureHook('resolve');
-          resolver.getHook('resolve').tapAsync('WorkspaceSourceAlias', (request, resolveContext, callback) => {
-            const req = request.request ?? '';
-            let rewritten: string | null = null;
-
-            const jsonjoyMatch = req.match(/^@jsonjoy\.com\/([^/]+)\/lib\/(.+)$/);
-            if (jsonjoyMatch) {
-              rewritten = path.join(root, jsonjoyMatch[1], 'src', jsonjoyMatch[2]);
-            } else if (/^@jsonjoy\.com\/([^/]+)$/.test(req)) {
-              const m = req.match(/^@jsonjoy\.com\/([^/]+)$/)!;
-              rewritten = path.join(root, m[1], 'src');
-            } else {
-              const mutxtReactLibMatch = req.match(/^mutxt-react\/lib(?:\/(.+))?$/);
-              if (mutxtReactLibMatch) {
-                rewritten = path.join(root, 'mutxt-react', 'src', mutxtReactLibMatch[1] ?? '');
-              } else if (req === 'mutxt-react') {
-                rewritten = path.join(root, 'mutxt-react', 'src');
-              }
-            }
-
-            if (!rewritten) {
-              const joyMatch = req.match(/^json-joy\/lib\/(.+)$/);
-              if (joyMatch) {
-                rewritten = path.join(root, 'json-joy', 'src', joyMatch[1]);
-              } else if (req === 'json-joy') {
-                rewritten = path.join(root, 'json-joy', 'src');
-              }
-            }
-
-            if (!rewritten) {
-              const nanoThemeLibMatch = req.match(/^nano-theme\/lib(?:\/(.+))?$/);
-              if (nanoThemeLibMatch) {
-                rewritten = path.join(root, 'nano-theme', 'src', nanoThemeLibMatch[1] ?? '');
-              } else if (req === 'nano-theme') {
-                rewritten = path.join(root, 'nano-theme', 'src');
-              }
-            }
-
-            if (!rewritten) return callback();
-            resolver.doResolve(
-              target,
-              {...request, request: rewritten},
-              `WorkspaceSourceAlias: ${req} -> ${rewritten}`,
-              resolveContext,
-              callback,
-            );
-          });
-        },
-      },
-    ],
-  },
-  module: {
-    rules: [
-      {
-        test: /\.tsx?$/,
-        use: [
-          {
-            loader: 'ts-loader',
-            options: {
-              configFile: path.resolve(__dirname, 'tsconfig.app.json'),
-              transpileOnly: true,
-            },
-          },
-        ],
-        exclude: /node_modules/,
-      },
-      {
-        test: /\.css$/,
-        use: isDev ? ['style-loader', 'css-loader'] : [MiniCssExtractPlugin.loader, 'css-loader'],
-      },
-      {
-        test: /\.(woff2?|ttf|eot|svg|png|jpg|gif)$/,
-        type: 'asset/resource',
-        generator: {filename: 'assets/[name].[hash:8][ext]'},
-      },
-    ],
-  },
-  plugins: [
-    new HtmlWebpackPlugin({template: './public/index.html'}),
-    new CopyPublicAssetsPlugin([
-      {from: 'manifest.webmanifest'},
-      {from: 'favicon.png'},
-      {from: 'icon.svg'},
-      {from: 'icons/icon-16.png'},
-      {from: 'icons/icon-32.png'},
-      {from: 'icons/icon-64.png'},
-      {from: 'icons/icon-192.png'},
-      {from: 'icons/icon-512.png'},
-    ]),
-    ...(isDev ? [] : [new MiniCssExtractPlugin({filename: 'assets/[name].[contenthash:8].css'})]),
-  ],
-  devServer: {
-    port: 3000,
-    hot: true,
-    historyApiFallback: true,
-    open: false,
-  },
-  optimization: {
-    splitChunks: {chunks: 'all'},
-  },
-};
-
-export default config;
diff --git a/packages/mu-txt/wrangler.toml b/packages/mu-txt/wrangler.toml
deleted file mode 100644
index ca859815de..0000000000
--- a/packages/mu-txt/wrangler.toml
+++ /dev/null
@@ -1,2 +0,0 @@
-name = "mutxt"
-pages_build_output_dir = "dist"
diff --git a/packages/mutxt-element/.gitignore b/packages/mutxt-element/.gitignore
deleted file mode 100644
index 5cb47a02a9..0000000000
--- a/packages/mutxt-element/.gitignore
+++ /dev/null
@@ -1,2 +0,0 @@
-/index.js
-/index.js.map
diff --git a/packages/mutxt-element/LICENSE b/packages/mutxt-element/LICENSE
deleted file mode 100644
index 0ad25db4bd..0000000000
--- a/packages/mutxt-element/LICENSE
+++ /dev/null
@@ -1,661 +0,0 @@
-                    GNU AFFERO GENERAL PUBLIC LICENSE
-                       Version 3, 19 November 2007
-
- Copyright (C) 2007 Free Software Foundation, Inc. <https://fsf.org/>
- Everyone is permitted to copy and distribute verbatim copies
- of this license document, but changing it is not allowed.
-
-                            Preamble
-
-  The GNU Affero General Public License is a free, copyleft license for
-software and other kinds of works, specifically designed to ensure
-cooperation with the community in the case of network server software.
-
-  The licenses for most software and other practical works are designed
-to take away your freedom to share and change the works.  By contrast,
-our General Public Licenses are intended to guarantee your freedom to
-share and change all versions of a program--to make sure it remains free
-software for all its users.
-
-  When we speak of free software, we are referring to freedom, not
-price.  Our General Public Licenses are designed to make sure that you
-have the freedom to distribute copies of free software (and charge for
-them if you wish), that you receive source code or can get it if you
-want it, that you can change the software or use pieces of it in new
-free programs, and that you know you can do these things.
-
-  Developers that use our General Public Licenses protect your rights
-with two steps: (1) assert copyright on the software, and (2) offer
-you this License which gives you legal permission to copy, distribute
-and/or modify the software.
-
-  A secondary benefit of defending all users' freedom is that
-improvements made in alternate versions of the program, if they
-receive widespread use, become available for other developers to
-incorporate.  Many developers of free software are heartened and
-encouraged by the resulting cooperation.  However, in the case of
-software used on network servers, this result may fail to come about.
-The GNU General Public License permits making a modified version and
-letting the public access it on a server without ever releasing its
-source code to the public.
-
-  The GNU Affero General Public License is designed specifically to
-ensure that, in such cases, the modified source code becomes available
-to the community.  It requires the operator of a network server to
-provide the source code of the modified version running there to the
-users of that server.  Therefore, public use of a modified version, on
-a publicly accessible server, gives the public access to the source
-code of the modified version.
-
-  An older license, called the Affero General Public License and
-published by Affero, was designed to accomplish similar goals.  This is
-a different license, not a version of the Affero GPL, but Affero has
-released a new version of the Affero GPL which permits relicensing under
-this license.
-
-  The precise terms and conditions for copying, distribution and
-modification follow.
-
-                       TERMS AND CONDITIONS
-
-  0. Definitions.
-
-  "This License" refers to version 3 of the GNU Affero General Public License.
-
-  "Copyright" also means copyright-like laws that apply to other kinds of
-works, such as semiconductor masks.
-
-  "The Program" refers to any copyrightable work licensed under this
-License.  Each licensee is addressed as "you".  "Licensees" and
-"recipients" may be individuals or organizations.
-
-  To "modify" a work means to copy from or adapt all or part of the work
-in a fashion requiring copyright permission, other than the making of an
-exact copy.  The resulting work is called a "modified version" of the
-earlier work or a work "based on" the earlier work.
-
-  A "covered work" means either the unmodified Program or a work based
-on the Program.
-
-  To "propagate" a work means to do anything with it that, without
-permission, would make you directly or secondarily liable for
-infringement under applicable copyright law, except executing it on a
-computer or modifying a private copy.  Propagation includes copying,
-distribution (with or without modification), making available to the
-public, and in some countries other activities as well.
-
-  To "convey" a work means any kind of propagation that enables other
-parties to make or receive copies.  Mere interaction with a user through
-a computer network, with no transfer of a copy, is not conveying.
-
-  An interactive user interface displays "Appropriate Legal Notices"
-to the extent that it includes a convenient and prominently visible
-feature that (1) displays an appropriate copyright notice, and (2)
-tells the user that there is no warranty for the work (except to the
-extent that warranties are provided), that licensees may convey the
-work under this License, and how to view a copy of this License.  If
-the interface presents a list of user commands or options, such as a
-menu, a prominent item in the list meets this criterion.
-
-  1. Source Code.
-
-  The "source code" for a work means the preferred form of the work
-for making modifications to it.  "Object code" means any non-source
-form of a work.
-
-  A "Standard Interface" means an interface that either is an official
-standard defined by a recognized standards body, or, in the case of
-interfaces specified for a particular programming language, one that
-is widely used among developers working in that language.
-
-  The "System Libraries" of an executable work include anything, other
-than the work as a whole, that (a) is included in the normal form of
-packaging a Major Component, but which is not part of that Major
-Component, and (b) serves only to enable use of the work with that
-Major Component, or to implement a Standard Interface for which an
-implementation is available to the public in source code form.  A
-"Major Component", in this context, means a major essential component
-(kernel, window system, and so on) of the specific operating system
-(if any) on which the executable work runs, or a compiler used to
-produce the work, or an object code interpreter used to run it.
-
-  The "Corresponding Source" for a work in object code form means all
-the source code needed to generate, install, and (for an executable
-work) run the object code and to modify the work, including scripts to
-control those activities.  However, it does not include the work's
-System Libraries, or general-purpose tools or generally available free
-programs which are used unmodified in performing those activities but
-which are not part of the work.  For example, Corresponding Source
-includes interface definition files associated with source files for
-the work, and the source code for shared libraries and dynamically
-linked subprograms that the work is specifically designed to require,
-such as by intimate data communication or control flow between those
-subprograms and other parts of the work.
-
-  The Corresponding Source need not include anything that users
-can regenerate automatically from other parts of the Corresponding
-Source.
-
-  The Corresponding Source for a work in source code form is that
-same work.
-
-  2. Basic Permissions.
-
-  All rights granted under this License are granted for the term of
-copyright on the Program, and are irrevocable provided the stated
-conditions are met.  This License explicitly affirms your unlimited
-permission to run the unmodified Program.  The output from running a
-covered work is covered by this License only if the output, given its
-content, constitutes a covered work.  This License acknowledges your
-rights of fair use or other equivalent, as provided by copyright law.
-
-  You may make, run and propagate covered works that you do not
-convey, without conditions so long as your license otherwise remains
-in force.  You may convey covered works to others for the sole purpose
-of having them make modifications exclusively for you, or provide you
-with facilities for running those works, provided that you comply with
-the terms of this License in conveying all material for which you do
-not control copyright.  Those thus making or running the covered works
-for you must do so exclusively on your behalf, under your direction
-and control, on terms that prohibit them from making any copies of
-your copyrighted material outside their relationship with you.
-
-  Conveying under any other circumstances is permitted solely under
-the conditions stated below.  Sublicensing is not allowed; section 10
-makes it unnecessary.
-
-  3. Protecting Users' Legal Rights From Anti-Circumvention Law.
-
-  No covered work shall be deemed part of an effective technological
-measure under any applicable law fulfilling obligations under article
-11 of the WIPO copyright treaty adopted on 20 December 1996, or
-similar laws prohibiting or restricting circumvention of such
-measures.
-
-  When you convey a covered work, you waive any legal power to forbid
-circumvention of technological measures to the extent such circumvention
-is effected by exercising rights under this License with respect to
-the covered work, and you disclaim any intention to limit operation or
-modification of the work as a means of enforcing, against the work's
-users, your or third parties' legal rights to forbid circumvention of
-technological measures.
-
-  4. Conveying Verbatim Copies.
-
-  You may convey verbatim copies of the Program's source code as you
-receive it, in any medium, provided that you conspicuously and
-appropriately publish on each copy an appropriate copyright notice;
-keep intact all notices stating that this License and any
-non-permissive terms added in accord with section 7 apply to the code;
-keep intact all notices of the absence of any warranty; and give all
-recipients a copy of this License along with the Program.
-
-  You may charge any price or no price for each copy that you convey,
-and you may offer support or warranty protection for a fee.
-
-  5. Conveying Modified Source Versions.
-
-  You may convey a work based on the Program, or the modifications to
-produce it from the Program, in the form of source code under the
-terms of section 4, provided that you also meet all of these conditions:
-
-    a) The work must carry prominent notices stating that you modified
-    it, and giving a relevant date.
-
-    b) The work must carry prominent notices stating that it is
-    released under this License and any conditions added under section
-    7.  This requirement modifies the requirement in section 4 to
-    "keep intact all notices".
-
-    c) You must license the entire work, as a whole, under this
-    License to anyone who comes into possession of a copy.  This
-    License will therefore apply, along with any applicable section 7
-    additional terms, to the whole of the work, and all its parts,
-    regardless of how they are packaged.  This License gives no
-    permission to license the work in any other way, but it does not
-    invalidate such permission if you have separately received it.
-
-    d) If the work has interactive user interfaces, each must display
-    Appropriate Legal Notices; however, if the Program has interactive
-    interfaces that do not display Appropriate Legal Notices, your
-    work need not make them do so.
-
-  A compilation of a covered work with other separate and independent
-works, which are not by their nature extensions of the covered work,
-and which are not combined with it such as to form a larger program,
-in or on a volume of a storage or distribution medium, is called an
-"aggregate" if the compilation and its resulting copyright are not
-used to limit the access or legal rights of the compilation's users
-beyond what the individual works permit.  Inclusion of a covered work
-in an aggregate does not cause this License to apply to the other
-parts of the aggregate.
-
-  6. Conveying Non-Source Forms.
-
-  You may convey a covered work in object code form under the terms
-of sections 4 and 5, provided that you also convey the
-machine-readable Corresponding Source under the terms of this License,
-in one of these ways:
-
-    a) Convey the object code in, or embodied in, a physical product
-    (including a physical distribution medium), accompanied by the
-    Corresponding Source fixed on a durable physical medium
-    customarily used for software interchange.
-
-    b) Convey the object code in, or embodied in, a physical product
-    (including a physical distribution medium), accompanied by a
-    written offer, valid for at least three years and valid for as
-    long as you offer spare parts or customer support for that product
-    model, to give anyone who possesses the object code either (1) a
-    copy of the Corresponding Source for all the software in the
-    product that is covered by this License, on a durable physical
-    medium customarily used for software interchange, for a price no
-    more than your reasonable cost of physically performing this
-    conveying of source, or (2) access to copy the
-    Corresponding Source from a network server at no charge.
-
-    c) Convey individual copies of the object code with a copy of the
-    written offer to provide the Corresponding Source.  This
-    alternative is allowed only occasionally and noncommercially, and
-    only if you received the object code with such an offer, in accord
-    with subsection 6b.
-
-    d) Convey the object code by offering access from a designated
-    place (gratis or for a charge), and offer equivalent access to the
-    Corresponding Source in the same way through the same place at no
-    further charge.  You need not require recipients to copy the
-    Corresponding Source along with the object code.  If the place to
-    copy the object code is a network server, the Corresponding Source
-    may be on a different server (operated by you or a third party)
-    that supports equivalent copying facilities, provided you maintain
-    clear directions next to the object code saying where to find the
-    Corresponding Source.  Regardless of what server hosts the
-    Corresponding Source, you remain obligated to ensure that it is
-    available for as long as needed to satisfy these requirements.
-
-    e) Convey the object code using peer-to-peer transmission, provided
-    you inform other peers where the object code and Corresponding
-    Source of the work are being offered to the general public at no
-    charge under subsection 6d.
-
-  A separable portion of the object code, whose source code is excluded
-from the Corresponding Source as a System Library, need not be
-included in conveying the object code work.
-
-  A "User Product" is either (1) a "consumer product", which means any
-tangible personal property which is normally used for personal, family,
-or household purposes, or (2) anything designed or sold for incorporation
-into a dwelling.  In determining whether a product is a consumer product,
-doubtful cases shall be resolved in favor of coverage.  For a particular
-product received by a particular user, "normally used" refers to a
-typical or common use of that class of product, regardless of the status
-of the particular user or of the way in which the particular user
-actually uses, or expects or is expected to use, the product.  A product
-is a consumer product regardless of whether the product has substantial
-commercial, industrial or non-consumer uses, unless such uses represent
-the only significant mode of use of the product.
-
-  "Installation Information" for a User Product means any methods,
-procedures, authorization keys, or other information required to install
-and execute modified versions of a covered work in that User Product from
-a modified version of its Corresponding Source.  The information must
-suffice to ensure that the continued functioning of the modified object
-code is in no case prevented or interfered with solely because
-modification has been made.
-
-  If you convey an object code work under this section in, or with, or
-specifically for use in, a User Product, and the conveying occurs as
-part of a transaction in which the right of possession and use of the
-User Product is transferred to the recipient in perpetuity or for a
-fixed term (regardless of how the transaction is characterized), the
-Corresponding Source conveyed under this section must be accompanied
-by the Installation Information.  But this requirement does not apply
-if neither you nor any third party retains the ability to install
-modified object code on the User Product (for example, the work has
-been installed in ROM).
-
-  The requirement to provide Installation Information does not include a
-requirement to continue to provide support service, warranty, or updates
-for a work that has been modified or installed by the recipient, or for
-the User Product in which it has been modified or installed.  Access to a
-network may be denied when the modification itself materially and
-adversely affects the operation of the network or violates the rules and
-protocols for communication across the network.
-
-  Corresponding Source conveyed, and Installation Information provided,
-in accord with this section must be in a format that is publicly
-documented (and with an implementation available to the public in
-source code form), and must require no special password or key for
-unpacking, reading or copying.
-
-  7. Additional Terms.
-
-  "Additional permissions" are terms that supplement the terms of this
-License by making exceptions from one or more of its conditions.
-Additional permissions that are applicable to the entire Program shall
-be treated as though they were included in this License, to the extent
-that they are valid under applicable law.  If additional permissions
-apply only to part of the Program, that part may be used separately
-under those permissions, but the entire Program remains governed by
-this License without regard to the additional permissions.
-
-  When you convey a copy of a covered work, you may at your option
-remove any additional permissions from that copy, or from any part of
-it.  (Additional permissions may be written to require their own
-removal in certain cases when you modify the work.)  You may place
-additional permissions on material, added by you to a covered work,
-for which you have or can give appropriate copyright permission.
-
-  Notwithstanding any other provision of this License, for material you
-add to a covered work, you may (if authorized by the copyright holders of
-that material) supplement the terms of this License with terms:
-
-    a) Disclaiming warranty or limiting liability differently from the
-    terms of sections 15 and 16 of this License; or
-
-    b) Requiring preservation of specified reasonable legal notices or
-    author attributions in that material or in the Appropriate Legal
-    Notices displayed by works containing it; or
-
-    c) Prohibiting misrepresentation of the origin of that material, or
-    requiring that modified versions of such material be marked in
-    reasonable ways as different from the original version; or
-
-    d) Limiting the use for publicity purposes of names of licensors or
-    authors of the material; or
-
-    e) Declining to grant rights under trademark law for use of some
-    trade names, trademarks, or service marks; or
-
-    f) Requiring indemnification of licensors and authors of that
-    material by anyone who conveys the material (or modified versions of
-    it) with contractual assumptions of liability to the recipient, for
-    any liability that these contractual assumptions directly impose on
-    those licensors and authors.
-
-  All other non-permissive additional terms are considered "further
-restrictions" within the meaning of section 10.  If the Program as you
-received it, or any part of it, contains a notice stating that it is
-governed by this License along with a term that is a further
-restriction, you may remove that term.  If a license document contains
-a further restriction but permits relicensing or conveying under this
-License, you may add to a covered work material governed by the terms
-of that license document, provided that the further restriction does
-not survive such relicensing or conveying.
-
-  If you add terms to a covered work in accord with this section, you
-must place, in the relevant source files, a statement of the
-additional terms that apply to those files, or a notice indicating
-where to find the applicable terms.
-
-  Additional terms, permissive or non-permissive, may be stated in the
-form of a separately written license, or stated as exceptions;
-the above requirements apply either way.
-
-  8. Termination.
-
-  You may not propagate or modify a covered work except as expressly
-provided under this License.  Any attempt otherwise to propagate or
-modify it is void, and will automatically terminate your rights under
-this License (including any patent licenses granted under the third
-paragraph of section 11).
-
-  However, if you cease all violation of this License, then your
-license from a particular copyright holder is reinstated (a)
-provisionally, unless and until the copyright holder explicitly and
-finally terminates your license, and (b) permanently, if the copyright
-holder fails to notify you of the violation by some reasonable means
-prior to 60 days after the cessation.
-
-  Moreover, your license from a particular copyright holder is
-reinstated permanently if the copyright holder notifies you of the
-violation by some reasonable means, this is the first time you have
-received notice of violation of this License (for any work) from that
-copyright holder, and you cure the violation prior to 30 days after
-your receipt of the notice.
-
-  Termination of your rights under this section does not terminate the
-licenses of parties who have received copies or rights from you under
-this License.  If your rights have been terminated and not permanently
-reinstated, you do not qualify to receive new licenses for the same
-material under section 10.
-
-  9. Acceptance Not Required for Having Copies.
-
-  You are not required to accept this License in order to receive or
-run a copy of the Program.  Ancillary propagation of a covered work
-occurring solely as a consequence of using peer-to-peer transmission
-to receive a copy likewise does not require acceptance.  However,
-nothing other than this License grants you permission to propagate or
-modify any covered work.  These actions infringe copyright if you do
-not accept this License.  Therefore, by modifying or propagating a
-covered work, you indicate your acceptance of this License to do so.
-
-  10. Automatic Licensing of Downstream Recipients.
-
-  Each time you convey a covered work, the recipient automatically
-receives a license from the original licensors, to run, modify and
-propagate that work, subject to this License.  You are not responsible
-for enforcing compliance by third parties with this License.
-
-  An "entity transaction" is a transaction transferring control of an
-organization, or substantially all assets of one, or subdividing an
-organization, or merging organizations.  If propagation of a covered
-work results from an entity transaction, each party to that
-transaction who receives a copy of the work also receives whatever
-licenses to the work the party's predecessor in interest had or could
-give under the previous paragraph, plus a right to possession of the
-Corresponding Source of the work from the predecessor in interest, if
-the predecessor has it or can get it with reasonable efforts.
-
-  You may not impose any further restrictions on the exercise of the
-rights granted or affirmed under this License.  For example, you may
-not impose a license fee, royalty, or other charge for exercise of
-rights granted under this License, and you may not initiate litigation
-(including a cross-claim or counterclaim in a lawsuit) alleging that
-any patent claim is infringed by making, using, selling, offering for
-sale, or importing the Program or any portion of it.
-
-  11. Patents.
-
-  A "contributor" is a copyright holder who authorizes use under this
-License of the Program or a work on which the Program is based.  The
-work thus licensed is called the contributor's "contributor version".
-
-  A contributor's "essential patent claims" are all patent claims
-owned or controlled by the contributor, whether already acquired or
-hereafter acquired, that would be infringed by some manner, permitted
-by this License, of making, using, or selling its contributor version,
-but do not include claims that would be infringed only as a
-consequence of further modification of the contributor version.  For
-purposes of this definition, "control" includes the right to grant
-patent sublicenses in a manner consistent with the requirements of
-this License.
-
-  Each contributor grants you a non-exclusive, worldwide, royalty-free
-patent license under the contributor's essential patent claims, to
-make, use, sell, offer for sale, import and otherwise run, modify and
-propagate the contents of its contributor version.
-
-  In the following three paragraphs, a "patent license" is any express
-agreement or commitment, however denominated, not to enforce a patent
-(such as an express permission to practice a patent or covenant not to
-sue for patent infringement).  To "grant" such a patent license to a
-party means to make such an agreement or commitment not to enforce a
-patent against the party.
-
-  If you convey a covered work, knowingly relying on a patent license,
-and the Corresponding Source of the work is not available for anyone
-to copy, free of charge and under the terms of this License, through a
-publicly available network server or other readily accessible means,
-then you must either (1) cause the Corresponding Source to be so
-available, or (2) arrange to deprive yourself of the benefit of the
-patent license for this particular work, or (3) arrange, in a manner
-consistent with the requirements of this License, to extend the patent
-license to downstream recipients.  "Knowingly relying" means you have
-actual knowledge that, but for the patent license, your conveying the
-covered work in a country, or your recipient's use of the covered work
-in a country, would infringe one or more identifiable patents in that
-country that you have reason to believe are valid.
-
-  If, pursuant to or in connection with a single transaction or
-arrangement, you convey, or propagate by procuring conveyance of, a
-covered work, and grant a patent license to some of the parties
-receiving the covered work authorizing them to use, propagate, modify
-or convey a specific copy of the covered work, then the patent license
-you grant is automatically extended to all recipients of the covered
-work and works based on it.
-
-  A patent license is "discriminatory" if it does not include within
-the scope of its coverage, prohibits the exercise of, or is
-conditioned on the non-exercise of one or more of the rights that are
-specifically granted under this License.  You may not convey a covered
-work if you are a party to an arrangement with a third party that is
-in the business of distributing software, under which you make payment
-to the third party based on the extent of your activity of conveying
-the work, and under which the third party grants, to any of the
-parties who would receive the covered work from you, a discriminatory
-patent license (a) in connection with copies of the covered work
-conveyed by you (or copies made from those copies), or (b) primarily
-for and in connection with specific products or compilations that
-contain the covered work, unless you entered into that arrangement,
-or that patent license was granted, prior to 28 March 2007.
-
-  Nothing in this License shall be construed as excluding or limiting
-any implied license or other defenses to infringement that may
-otherwise be available to you under applicable patent law.
-
-  12. No Surrender of Others' Freedom.
-
-  If conditions are imposed on you (whether by court order, agreement or
-otherwise) that contradict the conditions of this License, they do not
-excuse you from the conditions of this License.  If you cannot convey a
-covered work so as to satisfy simultaneously your obligations under this
-License and any other pertinent obligations, then as a consequence you may
-not convey it at all.  For example, if you agree to terms that obligate you
-to collect a royalty for further conveying from those to whom you convey
-the Program, the only way you could satisfy both those terms and this
-License would be to refrain entirely from conveying the Program.
-
-  13. Remote Network Interaction; Use with the GNU General Public License.
-
-  Notwithstanding any other provision of this License, if you modify the
-Program, your modified version must prominently offer all users
-interacting with it remotely through a computer network (if your version
-supports such interaction) an opportunity to receive the Corresponding
-Source of your version by providing access to the Corresponding Source
-from a network server at no charge, through some standard or customary
-means of facilitating copying of software.  This Corresponding Source
-shall include the Corresponding Source for any work covered by version 3
-of the GNU General Public License that is incorporated pursuant to the
-following paragraph.
-
-  Notwithstanding any other provision of this License, you have
-permission to link or combine any covered work with a work licensed
-under version 3 of the GNU General Public License into a single
-combined work, and to convey the resulting work.  The terms of this
-License will continue to apply to the part which is the covered work,
-but the work with which it is combined will remain governed by version
-3 of the GNU General Public License.
-
-  14. Revised Versions of this License.
-
-  The Free Software Foundation may publish revised and/or new versions of
-the GNU Affero General Public License from time to time.  Such new versions
-will be similar in spirit to the present version, but may differ in detail to
-address new problems or concerns.
-
-  Each version is given a distinguishing version number.  If the
-Program specifies that a certain numbered version of the GNU Affero General
-Public License "or any later version" applies to it, you have the
-option of following the terms and conditions either of that numbered
-version or of any later version published by the Free Software
-Foundation.  If the Program does not specify a version number of the
-GNU Affero General Public License, you may choose any version ever published
-by the Free Software Foundation.
-
-  If the Program specifies that a proxy can decide which future
-versions of the GNU Affero General Public License can be used, that proxy's
-public statement of acceptance of a version permanently authorizes you
-to choose that version for the Program.
-
-  Later license versions may give you additional or different
-permissions.  However, no additional obligations are imposed on any
-author or copyright holder as a result of your choosing to follow a
-later version.
-
-  15. Disclaimer of Warranty.
-
-  THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY
-APPLICABLE LAW.  EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT
-HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY
-OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO,
-THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
-PURPOSE.  THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM
-IS WITH YOU.  SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF
-ALL NECESSARY SERVICING, REPAIR OR CORRECTION.
-
-  16. Limitation of Liability.
-
-  IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
-WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS
-THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY
-GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE
-USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF
-DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD
-PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS),
-EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF
-SUCH DAMAGES.
-
-  17. Interpretation of Sections 15 and 16.
-
-  If the disclaimer of warranty and limitation of liability provided
-above cannot be given local legal effect according to their terms,
-reviewing courts shall apply local law that most closely approximates
-an absolute waiver of all civil liability in connection with the
-Program, unless a warranty or assumption of liability accompanies a
-copy of the Program in return for a fee.
-
-                     END OF TERMS AND CONDITIONS
-
-            How to Apply These Terms to Your New Programs
-
-  If you develop a new program, and you want it to be of the greatest
-possible use to the public, the best way to achieve this is to make it
-free software which everyone can redistribute and change under these terms.
-
-  To do so, attach the following notices to the program.  It is safest
-to attach them to the start of each source file to most effectively
-state the exclusion of warranty; and each file should have at least
-the "copyright" line and a pointer to where the full notice is found.
-
-    <one line to give the program's name and a brief idea of what it does.>
-    Copyright (C) <year>  <name of author>
-
-    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/>.
-
-Also add information on how to contact you by electronic and paper mail.
-
-  If your software can interact with users remotely through a computer
-network, you should also make sure that it provides a way for users to
-get its source.  For example, if your program is a web application, its
-interface could display a "Source" link that leads users to an archive
-of the code.  There are many ways you could offer source, and different
-solutions will be better for different programs; see section 13 for the
-specific requirements.
-
-  You should also get your employer (if you work as a programmer) or school,
-if any, to sign a "copyright disclaimer" for the program, if necessary.
-For more information on this, and how to apply and follow the GNU AGPL, see
-<https://www.gnu.org/licenses/>.
diff --git a/packages/mutxt-element/README.md b/packages/mutxt-element/README.md
deleted file mode 100644
index 9e6d93d221..0000000000
--- a/packages/mutxt-element/README.md
+++ /dev/null
@@ -1,107 +0,0 @@
-# mutxt-element
-
-`<mu-txt>` &mdash; a custom element wrapping the [MuTxt](../mutxt-react) rich-text editor.
-
-## Use from CDN
-
-```html
-<mu-txt style="height:calc(100vh-32px);padding:16px"></mu-txt>
-<script src="https://cdn.jsdelivr.net/npm/mutxt-element"></script>
-```
-
-## Use from NPM
-
-```bash
-npm install mutxt-element
-```
-
-```js
-import 'mutxt-element';
-```
-
-Then use `<mu-txt></mu-txt>` anywhere in your HTML.
-
-## Seeding the document
-
-`<mu-txt>` accepts an initial document via either inline children or an external source. The seed is consumed once at mount; later changes are ignored.
-
-```html
-<!-- Plain text from children (default when children are present) -->
-<mu-txt>
-  Just some plain text. Newlines become paragraphs.
-</mu-txt>
-
-<!-- Markdown from children -->
-<mu-txt format="markdown">
-  # Hello
-
-  A paragraph with **bold** and a [link](https://jsonjoy.com).
-
-  - bullet one
-  - bullet two
-</mu-txt>
-
-<!-- Slate-like JSON from children -->
-<mu-txt format="slate">
-  [{"type":"h1","children":[{"text":"Hi"}]}]
-</mu-txt>
-
-<!-- Native binary .mutxt document via a data URL -->
-<mu-txt src="data:application/vnd.mutxt;base64,..."></mu-txt>
-	
-<!-- Native binary .mutxt document fetched from a URL -->
-<mu-txt src="/docs/intro.mutxt"></mu-txt>
-```
-
-### `format` attribute
-
-| value | meaning |
-|---|---|
-| `text` | Each line of source becomes a paragraph (default when children are present). |
-| `markdown` | Markdown source &mdash; rendered to rich text. |
-| `slate` | A JSON-serialised Slate document. |
-| `native` | mu-txt's own binary format (history-preserving). Requires `src`; cannot live in children. Default when `src` is present. |
-
-### `src` attribute
-
-Any URL the browser can `fetch()` &mdash; including `https://`, relative paths, `data:` URLs, and `blob:` URLs. The data URL form replaces ad-hoc base64 attributes:
-
-```html
-<mu-txt src="data:application/vnd.mutxt;base64,o2F0eXBlYW11dHh0..."></mu-txt>
-```
-
-When `src` is set, children are ignored.
-
-### Indentation
-
-For text/markdown/slate-from-children, the smallest leading whitespace common to every non-empty line is stripped before parsing. So you can indent the inline content along with the surrounding HTML and the parser sees clean, left-aligned source.
-
-There are two known caveats: content placed on the same line as the opening tag clamps the dedent baseline to 0 (put content on the next line), and tabs and spaces are compared as raw characters (don't mix them).
-
-## API
-
-The element exposes the editor controller (`MuTxtApi`) as `.api` once mounted:
-
-```js
-const el = document.querySelector('mu-txt');
-const api = await el.ready(); // wait for the editor to mount
-api.focus();
-```
-
-Or listen for the `ready` event:
-
-```js
-el.addEventListener('ready', (e) => {
-  const api = e.detail; // MuTxtApi
-});
-```
-
-## Custom tag name
-
-Subclass and register under a different name:
-
-```js
-import {MuTxtElement} from 'mutxt-element';
-class MyEditor extends MuTxtElement {}
-customElements.define('my-editor', MyEditor);
-```
diff --git a/packages/mutxt-element/SECURITY.md b/packages/mutxt-element/SECURITY.md
deleted file mode 100644
index a5497b62af..0000000000
--- a/packages/mutxt-element/SECURITY.md
+++ /dev/null
@@ -1,13 +0,0 @@
-# Security Policy
-
-## Supported Versions
-
-We release patches for security vulnerabilities. The latest major version
-will support security patches.
-
-## Reporting a Vulnerability
-
-Please report (suspected) security vulnerabilities to
-**[streamich@gmail.com](mailto:streamich@gmail.com)**. We will try to respond
-within 48 hours. If the issue is confirmed, we will release a patch as soon
-as possible depending on complexity.
diff --git a/packages/mutxt-element/demo.html b/packages/mutxt-element/demo.html
deleted file mode 100644
index eca5697017..0000000000
--- a/packages/mutxt-element/demo.html
+++ /dev/null
@@ -1,17 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-<meta charset="utf-8" />
-<meta name="viewport" content="width=device-width, initial-scale=1" />
-<title>&lt;mu-txt&gt; editor demo</title>
-</head>
-<body>
-<h1 style="display:flex;justify-content:center;align-items:center;height:32px"><a href="https://mutxt.com" target="_blank"><code>&lt;mu-txt&gt</code> editor</a></h1>
-
-<mu-txt style="height:calc(100vh - 100px);" format="slate">
-  [{"type":"p","children":[{"text":"Hello, internet!"}]},{"type":"embed","url":"https://soundcloud.com/nichole-negron-830665936/welcome-to-the-internet","children":[{"text":""}]},{"type":"p","children":[{"text":""}]}]
-</mu-txt>
-
-<script src="./index.js"></script>
-</body>
-</html>
diff --git a/packages/mutxt-element/minimal.html b/packages/mutxt-element/minimal.html
deleted file mode 100644
index 50b020d72f..0000000000
--- a/packages/mutxt-element/minimal.html
+++ /dev/null
@@ -1,2 +0,0 @@
-<mu-txt style="height:calc(100vh-32px);padding:16px"></mu-txt>
-<script src="https://cdn.jsdelivr.net/npm/mutxt-element"></script>
\ No newline at end of file
diff --git a/packages/mutxt-element/package.json b/packages/mutxt-element/package.json
deleted file mode 100644
index 3ecc4bb5b4..0000000000
--- a/packages/mutxt-element/package.json
+++ /dev/null
@@ -1,82 +0,0 @@
-{
-  "name": "mutxt-element",
-  "publishConfig": {
-    "access": "public"
-  },
-  "version": "18.26.0",
-  "description": "<mu-txt> custom element to render mutxt.com rich-text editor",
-  "author": {
-    "name": "streamich",
-    "url": "https://github.com/streamich"
-  },
-  "homepage": "https://mutxt.com",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/streamich/json-joy.git",
-    "directory": "packages/mutxt-element"
-  },
-  "license": "AGPL-3.0-only",
-  "funding": {
-    "type": "github",
-    "url": "https://github.com/sponsors/streamich"
-  },
-  "keywords": [
-    "mutxt",
-    "web-component",
-    "custom-element",
-    "rich-text",
-    "editor",
-    "collaborative",
-    "real-time",
-    "json",
-    "crdt",
-    "json-joy",
-    "peritext"
-  ],
-  "engines": {
-    "node": ">=18.0"
-  },
-  "main": "lib/index.js",
-  "module": "lib/index.js",
-  "types": "lib/index.d.ts",
-  "typings": "lib/index.d.ts",
-  "unpkg": "index.js",
-  "jsdelivr": "index.js",
-  "sideEffects": [
-    "./lib/index.js",
-    "./src/index.ts"
-  ],
-  "files": [
-    "LICENSE",
-    "lib/",
-    "index.js",
-    "index.js.map"
-  ],
-  "scripts": {
-    "clean": "npx rimraf lib index.js index.js.map typedocs coverage gh-pages yarn-error.log",
-    "build:tsc": "tsc -b tsconfig.build.json",
-    "bundle": "webpack --mode production",
-    "build": "yarn build:tsc && yarn bundle",
-    "typecheck": "tsc -b --noEmit"
-  },
-  "dependencies": {
-    "mutxt-react": "workspace:*",
-    "react": "^19.2.3",
-    "react-dom": "^19.2.3",
-    "slate": "^0.124.1",
-    "slate-dom": "^0.124.1",
-    "slate-history": "^0.113.1",
-    "slate-react": "^0.124.2"
-  },
-  "devDependencies": {
-    "@types/react": "^19",
-    "@types/react-dom": "^19",
-    "css-loader": "^7.1.2",
-    "style-loader": "^4.0.0",
-    "terser-webpack-plugin": "^5.3.16",
-    "ts-loader": "^9.5.4",
-    "tslib": "^2.8.1",
-    "webpack": "^5.95.0",
-    "webpack-cli": "^5.1.4"
-  }
-}
diff --git a/packages/mutxt-element/src/MuTxtElement.stories.tsx b/packages/mutxt-element/src/MuTxtElement.stories.tsx
deleted file mode 100644
index 9424fbb8f3..0000000000
--- a/packages/mutxt-element/src/MuTxtElement.stories.tsx
+++ /dev/null
@@ -1,219 +0,0 @@
-import * as React from 'react';
-import preview from '../../../.storybook/preview';
-import './index';
-import type {MuTxtElement} from './index';
-import type {MuTxtApi, SlateEditorDocument} from 'mutxt-react';
-import {ModelWithExt, ext} from 'json-joy/lib/json-crdt-extensions';
-import {s} from 'json-joy/lib/json-crdt';
-
-const Wrap: React.FC<{children: React.ReactNode; height?: number | string}> = ({children, height = 600}) => (
-  <div style={{padding: '32px 24px', boxSizing: 'border-box', minHeight: '100vh'}}>
-    <div style={{height, border: '1px dashed rgba(0,0,0,0.15)'}}>{children}</div>
-  </div>
-);
-
-const meta = preview.meta({
-  title: 'mutxt-element',
-});
-
-export const Default = meta.story({
-  render: () => (
-    <Wrap>
-      <mu-txt style={{height: '100%'}} />
-    </Wrap>
-  ),
-});
-
-export const ApiAccess = meta.story({
-  render: () => {
-    const ref = React.useRef<MuTxtElement>(null);
-    const [info, setInfo] = React.useState<string>('Editor is mounting...');
-
-    React.useEffect(() => {
-      const el = ref.current;
-      if (!el) return;
-      let cancelled = false;
-      el.ready().then((api: MuTxtApi) => {
-        if (cancelled) return;
-        setInfo('Editor is ready. The MuTxtApi is on element.api.');
-        // Demonstrate one API call.
-        api.focus();
-      });
-      return () => {
-        cancelled = true;
-      };
-    }, []);
-
-    return (
-      <Wrap>
-        <div style={{padding: '8px 4px', font: '12px ui-monospace, Menlo, monospace'}}>{info}</div>
-        <mu-txt ref={ref} style={{height: 'calc(100% - 28px)'}} />
-      </Wrap>
-    );
-  },
-});
-
-export const ReadyEvent = meta.story({
-  render: () => {
-    const ref = React.useRef<MuTxtElement>(null);
-    const [log, setLog] = React.useState<string[]>([]);
-
-    React.useEffect(() => {
-      const el = ref.current;
-      if (!el) return;
-      const onReady = (e: Event) => {
-        const api = (e as CustomEvent<MuTxtApi>).detail;
-        setLog((prev) => [...prev, `ready event fired (api focused=${api.focused()})`]);
-      };
-      el.addEventListener('ready', onReady);
-      return () => el.removeEventListener('ready', onReady);
-    }, []);
-
-    return (
-      <Wrap>
-        <div style={{padding: '8px 4px', font: '12px ui-monospace, Menlo, monospace'}}>
-          {log.length === 0 ? 'Waiting for ready event...' : log.join('\n')}
-        </div>
-        <mu-txt ref={ref} style={{height: 'calc(100% - 28px)'}} />
-      </Wrap>
-    );
-  },
-});
-
-export const TextFromChildren = meta.story({
-  render: () => (
-    <Wrap>
-      <mu-txt style={{height: '100%'}}>{`
-        Plain text seeded from element children.
-
-        Each newline becomes a paragraph. Indentation here is stripped by the dedent logic so the editor sees clean, left-aligned text regardless of where in the HTML you nest the element.
-
-        Edit freely - the seed is applied only once, at mount.
-      `}</mu-txt>
-    </Wrap>
-  ),
-});
-
-const slateSeed: SlateEditorDocument = [
-  {type: 'h1', children: [{text: 'Seeded with '}, {text: 'format="slate"', code: true}]},
-  {
-    type: 'p',
-    children: [{text: 'This editor was initialized from a JSON Slate document placed inside:'}],
-  },
-  {
-    type: 'code-block',
-    language: 'html',
-    children: [{text: '<mu-txt format="slate">...</mu-txt>'}],
-  },
-  {
-    type: 'p',
-    children: [
-      {text: 'Inline marks work: '},
-      {text: 'bold', bold: true},
-      {text: ', '},
-      {text: 'italic', italic: true},
-      {text: ', '},
-      {text: 'underline', underline: true},
-      {text: ', '},
-      {text: 'code', code: true},
-      {text: ', and '},
-      {text: 'links', a: {href: 'https://jsonjoy.com'}},
-      {text: '.'},
-    ],
-  },
-];
-
-export const SlateFromChildren = meta.story({
-  render: () => (
-    <Wrap>
-      <mu-txt format="slate" style={{height: '100%'}}>
-        {JSON.stringify(slateSeed)}
-      </mu-txt>
-    </Wrap>
-  ),
-});
-
-export const MarkdownFromChildren = meta.story({
-  render: () => (
-    <Wrap>
-      <mu-txt format="markdown" style={{height: '100%'}}>{`
-        # Markdown seed
-
-        This editor was seeded with markdown source. Right now the markdown
-        parser is a stub and the source is loaded as plain text. Once the
-        markdown to Slate transform is wired in, **bold**, *italics*, lists,
-        code fences, and so on will all render.
-
-        - bullet one
-        - bullet two
-          - nested
-      `}</mu-txt>
-    </Wrap>
-  ),
-});
-
-const buildNativeDataUrl = (): string => {
-  const model = ModelWithExt.create<any>(
-    s.obj({
-      '@type': s.con('mutxt'),
-      text: ext.peritext.new('Hello from a binary mu-txt document!'),
-    }),
-  );
-  const bytes = model.toBinary();
-  let bin = '';
-  for (let i = 0; i < bytes.length; i++) bin += String.fromCharCode(bytes[i]);
-  return `data:application/vnd.mutxt;base64,${btoa(bin)}`;
-};
-
-export const NativeFromDataUrl = meta.story({
-  render: () => {
-    const url = React.useMemo(buildNativeDataUrl, []);
-    return (
-      <Wrap>
-        <mu-txt src={url} format="native" style={{height: '100%'}} />
-      </Wrap>
-    );
-  },
-});
-
-export const NativeFromBlobUrl = meta.story({
-  render: () => {
-    const url = React.useMemo(() => {
-      const model = ModelWithExt.create<any>(
-        s.obj({
-          '@type': s.con('mutxt'),
-          text: ext.peritext.new('Loaded via a blob: URL - same fetch pipeline.'),
-        }),
-      );
-      return URL.createObjectURL(new Blob([model.toBinary() as BlobPart]));
-    }, []);
-    React.useEffect(() => () => URL.revokeObjectURL(url), [url]);
-    return (
-      <Wrap>
-        <mu-txt src={url} format="native" style={{height: '100%'}} />
-      </Wrap>
-    );
-  },
-});
-
-export const TwoInstances = meta.story({
-  render: () => (
-    <div
-      style={{
-        display: 'grid',
-        gridTemplateColumns: '1fr 1fr',
-        gap: 16,
-        padding: 24,
-        height: '100vh',
-        boxSizing: 'border-box',
-      }}
-    >
-      <div style={{border: '1px dashed rgba(0,0,0,0.15)', minHeight: 0}}>
-        <mu-txt style={{height: '100%'}} />
-      </div>
-      <div style={{border: '1px dashed rgba(0,0,0,0.15)', minHeight: 0}}>
-        <mu-txt style={{height: '100%'}} />
-      </div>
-    </div>
-  ),
-});
diff --git a/packages/mutxt-element/src/PlainHtml.stories.tsx b/packages/mutxt-element/src/PlainHtml.stories.tsx
deleted file mode 100644
index 60db0b0db8..0000000000
--- a/packages/mutxt-element/src/PlainHtml.stories.tsx
+++ /dev/null
@@ -1,135 +0,0 @@
-import * as React from 'react';
-import preview from '../../../.storybook/preview';
-import './index';
-import {ModelWithExt, ext} from 'json-joy/lib/json-crdt-extensions';
-import {s} from 'json-joy/lib/json-crdt';
-
-const Frame: React.FC<{html: string}> = ({html}) => (
-  <div
-    style={{padding: 24, boxSizing: 'border-box', minHeight: '100vh'}}
-    // The string is parsed as HTML by the browser; React never touches the
-    // <mu-txt> element after this — the same path a CDN consumer takes.
-    // biome-ignore lint/security/noDangerouslySetInnerHtml: storybook-only fixture rendering trusted, hardcoded HTML to mirror the CDN consumer path
-    dangerouslySetInnerHTML={{__html: html}}
-  />
-);
-
-const meta = preview.meta({
-  title: 'mutxt-element/Plain HTML',
-});
-
-export const Empty = meta.story({
-  render: () => (
-    <Frame
-      html={`
-        <mu-txt style="height: 600px;"></mu-txt>
-      `}
-    />
-  ),
-});
-
-export const Text = meta.story({
-  render: () => (
-    <Frame
-      html={`
-        <mu-txt style="height: 600px;">
-          Plain text seeded via static HTML.
-
-          No React, no JSX - just an HTML custom element.
-
-          Each newline becomes a paragraph. Indentation in the surrounding
-          HTML is stripped before parsing.
-        </mu-txt>
-      `}
-    />
-  ),
-});
-
-export const Markdown = meta.story({
-  render: () => (
-    <Frame
-      html={`
-        <mu-txt format="markdown" style="height: 600px;">
-          # Markdown seed
-
-          Markdown source loaded from element children. The transform is a
-          stub for now, so the source is rendered as plain text.
-
-          - bullet one
-          - bullet two
-            - nested
-        </mu-txt>
-      `}
-    />
-  ),
-});
-
-export const Slate = meta.story({
-  render: () => {
-    const doc = JSON.stringify([
-      {type: 'h1', children: [{text: 'Seeded via plain HTML'}]},
-      {
-        type: 'p',
-        children: [{text: 'A JSON Slate document placed inside the element.'}],
-      },
-      {
-        type: 'p',
-        children: [
-          {text: 'Inline marks: '},
-          {text: 'bold', bold: true},
-          {text: ', '},
-          {text: 'italic', italic: true},
-          {text: ', '},
-          {text: 'code', code: true},
-          {text: '.'},
-        ],
-      },
-    ]);
-    return (
-      <Frame
-        html={`
-          <mu-txt format="slate" style="height: 600px;">${doc}</mu-txt>
-        `}
-      />
-    );
-  },
-});
-
-const buildNativeDataUrl = (sample: string): string => {
-  const model = ModelWithExt.create<any>(
-    s.obj({
-      '@type': s.con('mutxt'),
-      text: ext.peritext.new(sample),
-    }),
-  );
-  const bytes = model.toBinary();
-  let bin = '';
-  for (let i = 0; i < bytes.length; i++) bin += String.fromCharCode(bytes[i]);
-  return `data:application/vnd.mutxt;base64,${btoa(bin)}`;
-};
-
-export const NativeFromDataUrl = meta.story({
-  render: () => {
-    const url = React.useMemo(() => buildNativeDataUrl('Loaded from a data URL via plain HTML.'), []);
-    return (
-      <Frame
-        html={`
-          <mu-txt src="${url}" format="native" style="height: 600px;"></mu-txt>
-        `}
-      />
-    );
-  },
-});
-
-export const TwoInstances = meta.story({
-  render: () => (
-    <Frame
-      html={`
-        <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 16px; padding: 0; height: 600px;">
-          <mu-txt style="height: 100%;">First editor.</mu-txt>
-          <mu-txt style="height: 100%;">Second editor.</mu-txt>
-        </div>
-      `}
-    />
-  ),
-});
diff --git a/packages/mutxt-element/src/constants.ts b/packages/mutxt-element/src/constants.ts
deleted file mode 100644
index 79ce9e84f5..0000000000
--- a/packages/mutxt-element/src/constants.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export const FORMATS = ['native', 'text', 'markdown', 'slate'] as const;
-
-export const HOST_STYLE_ID = 'mu-txt-host-style';
diff --git a/packages/mutxt-element/src/index.ts b/packages/mutxt-element/src/index.ts
deleted file mode 100644
index dee718df8e..0000000000
--- a/packages/mutxt-element/src/index.ts
+++ /dev/null
@@ -1,139 +0,0 @@
-import * as React from 'react';
-import {createRoot, type Root} from 'react-dom/client';
-import {MuTxt, type MuTxtApi, type SlateEditorDocument} from 'mutxt-react';
-import {ensureHostStyle, loadFromSrc, resolveFormat, seedFromChildren} from './util';
-import type {MuTxtFormat, SeedProps} from './types';
-
-export type {MuTxtFormat} from './types';
-
-export class MuTxtElement extends HTMLElement {
-  private _root: Root | null = null;
-  private _mount: HTMLDivElement | null = null;
-  private _api: MuTxtApi | undefined;
-  private _readyResolvers: Array<(api: MuTxtApi) => void> = [];
-  private _fromSlate: SlateEditorDocument | undefined;
-  private _abortController: AbortController | null = null;
-
-  /** Public editor API. Available after the element has mounted. */
-  public get api(): MuTxtApi | undefined {
-    return this._api;
-  }
-
-  /**
-   * Programmatic Slate seed. Equivalent to `<mu-txt format="slate">{JSON}</mu-txt>`
-   * but takes a JS array directly. Set BEFORE the element is connected to the
-   * DOM. Ignored when `src` is present.
-   */
-  public get fromSlate(): SlateEditorDocument | undefined {
-    return this._fromSlate;
-  }
-  public set fromSlate(value: SlateEditorDocument | undefined) {
-    this._fromSlate = value;
-  }
-
-  /** Resolves with the editor API once the editor has mounted. */
-  public ready(): Promise<MuTxtApi> {
-    if (this._api) return Promise.resolve(this._api);
-    return new Promise((resolve) => this._readyResolvers.push(resolve));
-  }
-
-  private mountReact(seed: SeedProps): void {
-    if (!this._mount) return;
-    const root = createRoot(this._mount);
-    this._root = root;
-    root.render(
-      React.createElement(MuTxt, {
-        heightFit: true,
-        fromSlate: seed.fromSlate,
-        obj: seed.obj,
-        onApi: (api: MuTxtApi) => {
-          this._api = api;
-          const resolvers = this._readyResolvers;
-          this._readyResolvers = [];
-          for (const resolve of resolvers) resolve(api);
-          this.dispatchEvent(new CustomEvent('ready', {detail: api}));
-        },
-      }),
-    );
-  }
-
-  public connectedCallback(): void {
-    if (this._root) return;
-    // Defer: React 19 inserts custom elements into the DOM BEFORE appending
-    // their child text nodes, so reading `textContent` synchronously here
-    // would miss the seed. The microtask runs after React's commit phase
-    // completes - by then children are present.
-    queueMicrotask(() => this.init());
-  }
-
-  private init(): void {
-    if (this._root) return;
-    if (!this.isConnected) return; // disconnected before microtask ran
-    ensureHostStyle();
-    // Capture seed inputs before mutating the DOM.
-    const childrenText = this.textContent ?? '';
-    const hasChildren = !!childrenText.trim();
-    const formatAttr = this.getAttribute('format');
-    const srcAttr = this.getAttribute('src');
-    const format = resolveFormat(formatAttr, srcAttr, hasChildren, !!this._fromSlate);
-    // Clear seed text/JSON children so they don't flash before React mounts.
-    while (this.firstChild) this.removeChild(this.firstChild);
-    const mount = document.createElement('div');
-    mount.style.cssText = 'display:block;width:100%;height:100%;min-height:0;';
-    this.appendChild(mount);
-    this._mount = mount;
-    if (srcAttr && format) {
-      const controller = new AbortController();
-      this._abortController = controller;
-      loadFromSrc(srcAttr, format, controller.signal)
-        .then((seed) => this.mountReact(seed))
-        .catch((err) => {
-          if (err && err.name === 'AbortError') return;
-          // eslint-disable-next-line no-console
-          console.error('[mu-txt] failed to load src:', err);
-          this.mountReact({});
-        });
-    } else {
-      this.mountReact(seedFromChildren(format, childrenText, this._fromSlate));
-    }
-  }
-
-  public disconnectedCallback(): void {
-    this._abortController?.abort();
-    this._abortController = null;
-    const root = this._root;
-    const mount = this._mount;
-    this._root = null;
-    this._mount = null;
-    this._api = undefined;
-    // Defer unmount: when the host element is removed from the DOM mid-render
-    // (e.g. storybook story switch), calling root.unmount() synchronously
-    // collides with the in-flight render. Microtask-defer to let the current
-    // render commit first.
-    if (root) {
-      queueMicrotask(() => {
-        try {
-          root.unmount();
-        } catch {}
-      });
-    }
-    if (mount && mount.parentNode === this) this.removeChild(mount);
-  }
-}
-
-if (typeof customElements !== 'undefined' && !customElements.get('mu-txt')) {
-  customElements.define('mu-txt', MuTxtElement);
-}
-
-export default MuTxtElement;
-
-declare module 'react' {
-  namespace JSX {
-    interface IntrinsicElements {
-      'mu-txt': React.DetailedHTMLProps<React.HTMLAttributes<MuTxtElement>, MuTxtElement> & {
-        format?: MuTxtFormat;
-        src?: string;
-      };
-    }
-  }
-}
diff --git a/packages/mutxt-element/src/types.ts b/packages/mutxt-element/src/types.ts
deleted file mode 100644
index 275bbf3970..0000000000
--- a/packages/mutxt-element/src/types.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import type {SlateEditorDocument} from 'mutxt-react';
-import type {ObjApi, ObjNode} from 'json-joy/lib/json-crdt';
-import type {FORMATS} from './constants';
-
-export type MuTxtFormat = (typeof FORMATS)[number];
-
-/** Resolved seed payload passed to `<MuTxt>` at mount time. */
-export interface SeedProps {
-  fromSlate?: SlateEditorDocument;
-  obj?: ObjApi<ObjNode>;
-}
diff --git a/packages/mutxt-element/src/util.ts b/packages/mutxt-element/src/util.ts
deleted file mode 100644
index b78876d32d..0000000000
--- a/packages/mutxt-element/src/util.ts
+++ /dev/null
@@ -1,103 +0,0 @@
-import {ModelWithExt} from 'json-joy/lib/json-crdt-extensions';
-import {FORMATS, HOST_STYLE_ID} from './constants';
-import type {SlateEditorDocument} from 'mutxt-react';
-import type {ObjApi, ObjNode} from 'json-joy/lib/json-crdt';
-import type {MuTxtFormat, SeedProps} from './types';
-
-/** Inject the host stylesheet exactly once per document. */
-export const ensureHostStyle = (): void => {
-  if (typeof document === 'undefined') return;
-  if (document.getElementById(HOST_STYLE_ID)) return;
-  const style = document.createElement('style');
-  style.id = HOST_STYLE_ID;
-  style.textContent = 'mu-txt{display:block;box-sizing:border-box;width:100%;height:100%;min-height:320px;}';
-  document.head.appendChild(style);
-};
-
-/**
- * Strip the common leading whitespace shared by every non-empty line. Lets
- * authors indent inline content along with surrounding HTML without the
- * indent leaking into the parsed source.
- */
-const dedent = (raw: string): string => {
-  const trimmed = raw.replace(/^[ \t]*\r?\n|\r?\n[ \t]*$/g, '');
-  const lines = trimmed.split(/\r?\n/);
-  let min = Infinity;
-  for (const line of lines) {
-    if (!line.trim()) continue;
-    const m = line.match(/^[ \t]*/);
-    if (m) min = Math.min(min, m[0].length);
-  }
-  if (!Number.isFinite(min) || min === 0) return lines.join('\n');
-  return lines.map((l) => l.slice(min)).join('\n');
-};
-
-const textToSlate = (text: string): SlateEditorDocument =>
-  text.split(/\r?\n/).map((line) => ({type: 'p', children: [{text: line}]})) as SlateEditorDocument;
-
-const parseSlateJson = (text: string): SlateEditorDocument | undefined => {
-  try {
-    const parsed = JSON.parse(text);
-    if (Array.isArray(parsed)) return parsed as SlateEditorDocument;
-  } catch {}
-  return undefined;
-};
-
-// TODO: replace with a real markdown
-const markdownToSlate = (text: string): SlateEditorDocument => textToSlate(text);
-
-const isFormat = (v: string | null): v is MuTxtFormat => v !== null && (FORMATS as readonly string[]).includes(v);
-
-/** Decide which seed format to use based on attributes and presence of inputs. */
-export const resolveFormat = (
-  formatAttr: string | null,
-  srcAttr: string | null,
-  hasChildren: boolean,
-  hasFromSlateProp: boolean,
-): MuTxtFormat | null => {
-  if (isFormat(formatAttr)) return formatAttr;
-  if (srcAttr) return 'native';
-  if (hasFromSlateProp) return 'slate';
-  if (hasChildren) return 'text';
-  return null;
-};
-
-const seedFromText = (format: MuTxtFormat, text: string): SeedProps => {
-  switch (format) {
-    case 'slate': {
-      const doc = parseSlateJson(text);
-      return doc ? {fromSlate: doc} : {};
-    }
-    case 'markdown':
-      return {fromSlate: markdownToSlate(text)};
-    case 'text':
-      return {fromSlate: textToSlate(text)};
-    case 'native':
-      // `native` is binary; no meaningful interpretation of text source.
-      return {};
-  }
-};
-
-/** Synchronous seed resolution from the element's children + JS property. */
-export const seedFromChildren = (
-  format: MuTxtFormat | null,
-  raw: string,
-  fromSlateProp?: SlateEditorDocument,
-): SeedProps => {
-  if (!format) return fromSlateProp ? {fromSlate: fromSlateProp} : {};
-  if (format === 'native') return {}; // native requires `src`
-  if (format === 'slate' && fromSlateProp) return {fromSlate: fromSlateProp};
-  return seedFromText(format, dedent(raw));
-};
-
-/** Async seed resolution from a URL or data URL via `fetch()`. */
-export const loadFromSrc = async (src: string, format: MuTxtFormat, signal?: AbortSignal): Promise<SeedProps> => {
-  const response = await fetch(src, {signal});
-  if (format === 'native') {
-    const buffer = await response.arrayBuffer();
-    const model = ModelWithExt.load(new Uint8Array(buffer));
-    return {obj: model.api.obj([]) as ObjApi<ObjNode>};
-  }
-  const text = await response.text();
-  return seedFromText(format, text);
-};
diff --git a/packages/mutxt-element/tsconfig.build.json b/packages/mutxt-element/tsconfig.build.json
deleted file mode 100644
index f3994e3cf9..0000000000
--- a/packages/mutxt-element/tsconfig.build.json
+++ /dev/null
@@ -1,28 +0,0 @@
-{
-  "extends": "./tsconfig",
-  "compilerOptions": {
-    "sourceMap": false,
-    "rootDir": "./src",
-    "tsBuildInfoFile": "./lib/.tsbuildinfo"
-  },
-  "exclude": [
-    "src/demo",
-    "src/__tests__",
-    "src/**/__demos__/**/*.*",
-    "src/**/__tests__/**/*.*",
-    "src/**/__bench__/**/*.*",
-    "src/**/__mocks__/**/*.*",
-    "src/**/__jest__/**/*.*",
-    "src/**/__mocha__/**/*.*",
-    "src/**/__tap__/**/*.*",
-    "src/**/__tape__/**/*.*",
-    "*.test.ts",
-    "*.spec.ts",
-    "src/**/__stories__/**/*.*",
-    "src/**/*.stories.ts",
-    "src/**/*.stories.tsx"
-  ],
-  "references": [
-    {"path": "../mutxt-react/tsconfig.build.json"}
-  ]
-}
diff --git a/packages/mutxt-element/tsconfig.json b/packages/mutxt-element/tsconfig.json
deleted file mode 100644
index 6cfdb0834d..0000000000
--- a/packages/mutxt-element/tsconfig.json
+++ /dev/null
@@ -1,29 +0,0 @@
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "rootDir": "./src",
-    "outDir": "./lib"
-  },
-  "include": [
-    "src"
-  ],
-  "exclude": [
-    "src/demo",
-    "src/__tests__",
-    "src/**/__demos__/**/*.*",
-    "src/**/__tests__/**/*.*",
-    "src/**/__bench__/**/*.*",
-    "src/**/__mocks__/**/*.*",
-    "src/**/__jest__/**/*.*",
-    "src/**/__mocha__/**/*.*",
-    "src/**/__tap__/**/*.*",
-    "src/**/__tape__/**/*.*",
-    "*.test.ts",
-    "*.spec.ts",
-    "src/**/*.stories.ts",
-    "src/**/*.stories.tsx"
-  ],
-  "references": [
-    {"path": "../mutxt-react"}
-  ]
-}
diff --git a/packages/mutxt-element/webpack.config.ts b/packages/mutxt-element/webpack.config.ts
deleted file mode 100644
index 05a2c0163c..0000000000
--- a/packages/mutxt-element/webpack.config.ts
+++ /dev/null
@@ -1,71 +0,0 @@
-import path from 'path';
-import webpack, {type Configuration} from 'webpack';
-import TerserPlugin from 'terser-webpack-plugin';
-
-const config: Configuration = {
-  mode: 'production',
-  entry: './src/index.ts',
-  target: ['web', 'es2020'],
-  devtool: 'source-map',
-  output: {
-    path: path.resolve(__dirname),
-    filename: 'index.js',
-    globalObject: 'self',
-    library: {
-      type: 'window',
-      name: 'muTxtElement',
-    },
-  },
-  resolve: {
-    extensions: ['.tsx', '.ts', '.mjs', '.js', '.jsx'],
-  },
-  optimization: {
-    splitChunks: false,
-    runtimeChunk: false,
-    minimizer: [
-      new TerserPlugin({
-        extractComments: false,
-        terserOptions: {
-          format: {comments: false},
-        },
-      }),
-    ],
-  },
-  performance: {
-    hints: false,
-  },
-  plugins: [
-    // Collapse all dynamic `import()` chunks (e.g. React.lazy) into the main bundle
-    // so consumers can load the editor with a single <script> tag.
-    new webpack.optimize.LimitChunkCountPlugin({maxChunks: 1}),
-  ],
-  module: {
-    rules: [
-      {
-        test: /\.tsx?$/,
-        exclude: /node_modules/,
-        use: {
-          loader: 'ts-loader',
-          options: {
-            configFile: path.resolve(__dirname, 'tsconfig.json'),
-            transpileOnly: true,
-          },
-        },
-      },
-      {
-        test: /\.css$/,
-        use: ['style-loader', 'css-loader'],
-      },
-      {
-        test: /\.(woff2?|ttf|eot)$/,
-        type: 'asset/inline',
-      },
-      {
-        test: /\.(svg|png|jpg|gif)$/,
-        type: 'asset/inline',
-      },
-    ],
-  },
-};
-
-export default config;
diff --git a/packages/mutxt-react/LICENSE b/packages/mutxt-react/LICENSE
deleted file mode 100644
index 0ad25db4bd..0000000000
--- a/packages/mutxt-react/LICENSE
+++ /dev/null
@@ -1,661 +0,0 @@
-                    GNU AFFERO GENERAL PUBLIC LICENSE
-                       Version 3, 19 November 2007
-
- Copyright (C) 2007 Free Software Foundation, Inc. <https://fsf.org/>
- Everyone is permitted to copy and distribute verbatim copies
- of this license document, but changing it is not allowed.
-
-                            Preamble
-
-  The GNU Affero General Public License is a free, copyleft license for
-software and other kinds of works, specifically designed to ensure
-cooperation with the community in the case of network server software.
-
-  The licenses for most software and other practical works are designed
-to take away your freedom to share and change the works.  By contrast,
-our General Public Licenses are intended to guarantee your freedom to
-share and change all versions of a program--to make sure it remains free
-software for all its users.
-
-  When we speak of free software, we are referring to freedom, not
-price.  Our General Public Licenses are designed to make sure that you
-have the freedom to distribute copies of free software (and charge for
-them if you wish), that you receive source code or can get it if you
-want it, that you can change the software or use pieces of it in new
-free programs, and that you know you can do these things.
-
-  Developers that use our General Public Licenses protect your rights
-with two steps: (1) assert copyright on the software, and (2) offer
-you this License which gives you legal permission to copy, distribute
-and/or modify the software.
-
-  A secondary benefit of defending all users' freedom is that
-improvements made in alternate versions of the program, if they
-receive widespread use, become available for other developers to
-incorporate.  Many developers of free software are heartened and
-encouraged by the resulting cooperation.  However, in the case of
-software used on network servers, this result may fail to come about.
-The GNU General Public License permits making a modified version and
-letting the public access it on a server without ever releasing its
-source code to the public.
-
-  The GNU Affero General Public License is designed specifically to
-ensure that, in such cases, the modified source code becomes available
-to the community.  It requires the operator of a network server to
-provide the source code of the modified version running there to the
-users of that server.  Therefore, public use of a modified version, on
-a publicly accessible server, gives the public access to the source
-code of the modified version.
-
-  An older license, called the Affero General Public License and
-published by Affero, was designed to accomplish similar goals.  This is
-a different license, not a version of the Affero GPL, but Affero has
-released a new version of the Affero GPL which permits relicensing under
-this license.
-
-  The precise terms and conditions for copying, distribution and
-modification follow.
-
-                       TERMS AND CONDITIONS
-
-  0. Definitions.
-
-  "This License" refers to version 3 of the GNU Affero General Public License.
-
-  "Copyright" also means copyright-like laws that apply to other kinds of
-works, such as semiconductor masks.
-
-  "The Program" refers to any copyrightable work licensed under this
-License.  Each licensee is addressed as "you".  "Licensees" and
-"recipients" may be individuals or organizations.
-
-  To "modify" a work means to copy from or adapt all or part of the work
-in a fashion requiring copyright permission, other than the making of an
-exact copy.  The resulting work is called a "modified version" of the
-earlier work or a work "based on" the earlier work.
-
-  A "covered work" means either the unmodified Program or a work based
-on the Program.
-
-  To "propagate" a work means to do anything with it that, without
-permission, would make you directly or secondarily liable for
-infringement under applicable copyright law, except executing it on a
-computer or modifying a private copy.  Propagation includes copying,
-distribution (with or without modification), making available to the
-public, and in some countries other activities as well.
-
-  To "convey" a work means any kind of propagation that enables other
-parties to make or receive copies.  Mere interaction with a user through
-a computer network, with no transfer of a copy, is not conveying.
-
-  An interactive user interface displays "Appropriate Legal Notices"
-to the extent that it includes a convenient and prominently visible
-feature that (1) displays an appropriate copyright notice, and (2)
-tells the user that there is no warranty for the work (except to the
-extent that warranties are provided), that licensees may convey the
-work under this License, and how to view a copy of this License.  If
-the interface presents a list of user commands or options, such as a
-menu, a prominent item in the list meets this criterion.
-
-  1. Source Code.
-
-  The "source code" for a work means the preferred form of the work
-for making modifications to it.  "Object code" means any non-source
-form of a work.
-
-  A "Standard Interface" means an interface that either is an official
-standard defined by a recognized standards body, or, in the case of
-interfaces specified for a particular programming language, one that
-is widely used among developers working in that language.
-
-  The "System Libraries" of an executable work include anything, other
-than the work as a whole, that (a) is included in the normal form of
-packaging a Major Component, but which is not part of that Major
-Component, and (b) serves only to enable use of the work with that
-Major Component, or to implement a Standard Interface for which an
-implementation is available to the public in source code form.  A
-"Major Component", in this context, means a major essential component
-(kernel, window system, and so on) of the specific operating system
-(if any) on which the executable work runs, or a compiler used to
-produce the work, or an object code interpreter used to run it.
-
-  The "Corresponding Source" for a work in object code form means all
-the source code needed to generate, install, and (for an executable
-work) run the object code and to modify the work, including scripts to
-control those activities.  However, it does not include the work's
-System Libraries, or general-purpose tools or generally available free
-programs which are used unmodified in performing those activities but
-which are not part of the work.  For example, Corresponding Source
-includes interface definition files associated with source files for
-the work, and the source code for shared libraries and dynamically
-linked subprograms that the work is specifically designed to require,
-such as by intimate data communication or control flow between those
-subprograms and other parts of the work.
-
-  The Corresponding Source need not include anything that users
-can regenerate automatically from other parts of the Corresponding
-Source.
-
-  The Corresponding Source for a work in source code form is that
-same work.
-
-  2. Basic Permissions.
-
-  All rights granted under this License are granted for the term of
-copyright on the Program, and are irrevocable provided the stated
-conditions are met.  This License explicitly affirms your unlimited
-permission to run the unmodified Program.  The output from running a
-covered work is covered by this License only if the output, given its
-content, constitutes a covered work.  This License acknowledges your
-rights of fair use or other equivalent, as provided by copyright law.
-
-  You may make, run and propagate covered works that you do not
-convey, without conditions so long as your license otherwise remains
-in force.  You may convey covered works to others for the sole purpose
-of having them make modifications exclusively for you, or provide you
-with facilities for running those works, provided that you comply with
-the terms of this License in conveying all material for which you do
-not control copyright.  Those thus making or running the covered works
-for you must do so exclusively on your behalf, under your direction
-and control, on terms that prohibit them from making any copies of
-your copyrighted material outside their relationship with you.
-
-  Conveying under any other circumstances is permitted solely under
-the conditions stated below.  Sublicensing is not allowed; section 10
-makes it unnecessary.
-
-  3. Protecting Users' Legal Rights From Anti-Circumvention Law.
-
-  No covered work shall be deemed part of an effective technological
-measure under any applicable law fulfilling obligations under article
-11 of the WIPO copyright treaty adopted on 20 December 1996, or
-similar laws prohibiting or restricting circumvention of such
-measures.
-
-  When you convey a covered work, you waive any legal power to forbid
-circumvention of technological measures to the extent such circumvention
-is effected by exercising rights under this License with respect to
-the covered work, and you disclaim any intention to limit operation or
-modification of the work as a means of enforcing, against the work's
-users, your or third parties' legal rights to forbid circumvention of
-technological measures.
-
-  4. Conveying Verbatim Copies.
-
-  You may convey verbatim copies of the Program's source code as you
-receive it, in any medium, provided that you conspicuously and
-appropriately publish on each copy an appropriate copyright notice;
-keep intact all notices stating that this License and any
-non-permissive terms added in accord with section 7 apply to the code;
-keep intact all notices of the absence of any warranty; and give all
-recipients a copy of this License along with the Program.
-
-  You may charge any price or no price for each copy that you convey,
-and you may offer support or warranty protection for a fee.
-
-  5. Conveying Modified Source Versions.
-
-  You may convey a work based on the Program, or the modifications to
-produce it from the Program, in the form of source code under the
-terms of section 4, provided that you also meet all of these conditions:
-
-    a) The work must carry prominent notices stating that you modified
-    it, and giving a relevant date.
-
-    b) The work must carry prominent notices stating that it is
-    released under this License and any conditions added under section
-    7.  This requirement modifies the requirement in section 4 to
-    "keep intact all notices".
-
-    c) You must license the entire work, as a whole, under this
-    License to anyone who comes into possession of a copy.  This
-    License will therefore apply, along with any applicable section 7
-    additional terms, to the whole of the work, and all its parts,
-    regardless of how they are packaged.  This License gives no
-    permission to license the work in any other way, but it does not
-    invalidate such permission if you have separately received it.
-
-    d) If the work has interactive user interfaces, each must display
-    Appropriate Legal Notices; however, if the Program has interactive
-    interfaces that do not display Appropriate Legal Notices, your
-    work need not make them do so.
-
-  A compilation of a covered work with other separate and independent
-works, which are not by their nature extensions of the covered work,
-and which are not combined with it such as to form a larger program,
-in or on a volume of a storage or distribution medium, is called an
-"aggregate" if the compilation and its resulting copyright are not
-used to limit the access or legal rights of the compilation's users
-beyond what the individual works permit.  Inclusion of a covered work
-in an aggregate does not cause this License to apply to the other
-parts of the aggregate.
-
-  6. Conveying Non-Source Forms.
-
-  You may convey a covered work in object code form under the terms
-of sections 4 and 5, provided that you also convey the
-machine-readable Corresponding Source under the terms of this License,
-in one of these ways:
-
-    a) Convey the object code in, or embodied in, a physical product
-    (including a physical distribution medium), accompanied by the
-    Corresponding Source fixed on a durable physical medium
-    customarily used for software interchange.
-
-    b) Convey the object code in, or embodied in, a physical product
-    (including a physical distribution medium), accompanied by a
-    written offer, valid for at least three years and valid for as
-    long as you offer spare parts or customer support for that product
-    model, to give anyone who possesses the object code either (1) a
-    copy of the Corresponding Source for all the software in the
-    product that is covered by this License, on a durable physical
-    medium customarily used for software interchange, for a price no
-    more than your reasonable cost of physically performing this
-    conveying of source, or (2) access to copy the
-    Corresponding Source from a network server at no charge.
-
-    c) Convey individual copies of the object code with a copy of the
-    written offer to provide the Corresponding Source.  This
-    alternative is allowed only occasionally and noncommercially, and
-    only if you received the object code with such an offer, in accord
-    with subsection 6b.
-
-    d) Convey the object code by offering access from a designated
-    place (gratis or for a charge), and offer equivalent access to the
-    Corresponding Source in the same way through the same place at no
-    further charge.  You need not require recipients to copy the
-    Corresponding Source along with the object code.  If the place to
-    copy the object code is a network server, the Corresponding Source
-    may be on a different server (operated by you or a third party)
-    that supports equivalent copying facilities, provided you maintain
-    clear directions next to the object code saying where to find the
-    Corresponding Source.  Regardless of what server hosts the
-    Corresponding Source, you remain obligated to ensure that it is
-    available for as long as needed to satisfy these requirements.
-
-    e) Convey the object code using peer-to-peer transmission, provided
-    you inform other peers where the object code and Corresponding
-    Source of the work are being offered to the general public at no
-    charge under subsection 6d.
-
-  A separable portion of the object code, whose source code is excluded
-from the Corresponding Source as a System Library, need not be
-included in conveying the object code work.
-
-  A "User Product" is either (1) a "consumer product", which means any
-tangible personal property which is normally used for personal, family,
-or household purposes, or (2) anything designed or sold for incorporation
-into a dwelling.  In determining whether a product is a consumer product,
-doubtful cases shall be resolved in favor of coverage.  For a particular
-product received by a particular user, "normally used" refers to a
-typical or common use of that class of product, regardless of the status
-of the particular user or of the way in which the particular user
-actually uses, or expects or is expected to use, the product.  A product
-is a consumer product regardless of whether the product has substantial
-commercial, industrial or non-consumer uses, unless such uses represent
-the only significant mode of use of the product.
-
-  "Installation Information" for a User Product means any methods,
-procedures, authorization keys, or other information required to install
-and execute modified versions of a covered work in that User Product from
-a modified version of its Corresponding Source.  The information must
-suffice to ensure that the continued functioning of the modified object
-code is in no case prevented or interfered with solely because
-modification has been made.
-
-  If you convey an object code work under this section in, or with, or
-specifically for use in, a User Product, and the conveying occurs as
-part of a transaction in which the right of possession and use of the
-User Product is transferred to the recipient in perpetuity or for a
-fixed term (regardless of how the transaction is characterized), the
-Corresponding Source conveyed under this section must be accompanied
-by the Installation Information.  But this requirement does not apply
-if neither you nor any third party retains the ability to install
-modified object code on the User Product (for example, the work has
-been installed in ROM).
-
-  The requirement to provide Installation Information does not include a
-requirement to continue to provide support service, warranty, or updates
-for a work that has been modified or installed by the recipient, or for
-the User Product in which it has been modified or installed.  Access to a
-network may be denied when the modification itself materially and
-adversely affects the operation of the network or violates the rules and
-protocols for communication across the network.
-
-  Corresponding Source conveyed, and Installation Information provided,
-in accord with this section must be in a format that is publicly
-documented (and with an implementation available to the public in
-source code form), and must require no special password or key for
-unpacking, reading or copying.
-
-  7. Additional Terms.
-
-  "Additional permissions" are terms that supplement the terms of this
-License by making exceptions from one or more of its conditions.
-Additional permissions that are applicable to the entire Program shall
-be treated as though they were included in this License, to the extent
-that they are valid under applicable law.  If additional permissions
-apply only to part of the Program, that part may be used separately
-under those permissions, but the entire Program remains governed by
-this License without regard to the additional permissions.
-
-  When you convey a copy of a covered work, you may at your option
-remove any additional permissions from that copy, or from any part of
-it.  (Additional permissions may be written to require their own
-removal in certain cases when you modify the work.)  You may place
-additional permissions on material, added by you to a covered work,
-for which you have or can give appropriate copyright permission.
-
-  Notwithstanding any other provision of this License, for material you
-add to a covered work, you may (if authorized by the copyright holders of
-that material) supplement the terms of this License with terms:
-
-    a) Disclaiming warranty or limiting liability differently from the
-    terms of sections 15 and 16 of this License; or
-
-    b) Requiring preservation of specified reasonable legal notices or
-    author attributions in that material or in the Appropriate Legal
-    Notices displayed by works containing it; or
-
-    c) Prohibiting misrepresentation of the origin of that material, or
-    requiring that modified versions of such material be marked in
-    reasonable ways as different from the original version; or
-
-    d) Limiting the use for publicity purposes of names of licensors or
-    authors of the material; or
-
-    e) Declining to grant rights under trademark law for use of some
-    trade names, trademarks, or service marks; or
-
-    f) Requiring indemnification of licensors and authors of that
-    material by anyone who conveys the material (or modified versions of
-    it) with contractual assumptions of liability to the recipient, for
-    any liability that these contractual assumptions directly impose on
-    those licensors and authors.
-
-  All other non-permissive additional terms are considered "further
-restrictions" within the meaning of section 10.  If the Program as you
-received it, or any part of it, contains a notice stating that it is
-governed by this License along with a term that is a further
-restriction, you may remove that term.  If a license document contains
-a further restriction but permits relicensing or conveying under this
-License, you may add to a covered work material governed by the terms
-of that license document, provided that the further restriction does
-not survive such relicensing or conveying.
-
-  If you add terms to a covered work in accord with this section, you
-must place, in the relevant source files, a statement of the
-additional terms that apply to those files, or a notice indicating
-where to find the applicable terms.
-
-  Additional terms, permissive or non-permissive, may be stated in the
-form of a separately written license, or stated as exceptions;
-the above requirements apply either way.
-
-  8. Termination.
-
-  You may not propagate or modify a covered work except as expressly
-provided under this License.  Any attempt otherwise to propagate or
-modify it is void, and will automatically terminate your rights under
-this License (including any patent licenses granted under the third
-paragraph of section 11).
-
-  However, if you cease all violation of this License, then your
-license from a particular copyright holder is reinstated (a)
-provisionally, unless and until the copyright holder explicitly and
-finally terminates your license, and (b) permanently, if the copyright
-holder fails to notify you of the violation by some reasonable means
-prior to 60 days after the cessation.
-
-  Moreover, your license from a particular copyright holder is
-reinstated permanently if the copyright holder notifies you of the
-violation by some reasonable means, this is the first time you have
-received notice of violation of this License (for any work) from that
-copyright holder, and you cure the violation prior to 30 days after
-your receipt of the notice.
-
-  Termination of your rights under this section does not terminate the
-licenses of parties who have received copies or rights from you under
-this License.  If your rights have been terminated and not permanently
-reinstated, you do not qualify to receive new licenses for the same
-material under section 10.
-
-  9. Acceptance Not Required for Having Copies.
-
-  You are not required to accept this License in order to receive or
-run a copy of the Program.  Ancillary propagation of a covered work
-occurring solely as a consequence of using peer-to-peer transmission
-to receive a copy likewise does not require acceptance.  However,
-nothing other than this License grants you permission to propagate or
-modify any covered work.  These actions infringe copyright if you do
-not accept this License.  Therefore, by modifying or propagating a
-covered work, you indicate your acceptance of this License to do so.
-
-  10. Automatic Licensing of Downstream Recipients.
-
-  Each time you convey a covered work, the recipient automatically
-receives a license from the original licensors, to run, modify and
-propagate that work, subject to this License.  You are not responsible
-for enforcing compliance by third parties with this License.
-
-  An "entity transaction" is a transaction transferring control of an
-organization, or substantially all assets of one, or subdividing an
-organization, or merging organizations.  If propagation of a covered
-work results from an entity transaction, each party to that
-transaction who receives a copy of the work also receives whatever
-licenses to the work the party's predecessor in interest had or could
-give under the previous paragraph, plus a right to possession of the
-Corresponding Source of the work from the predecessor in interest, if
-the predecessor has it or can get it with reasonable efforts.
-
-  You may not impose any further restrictions on the exercise of the
-rights granted or affirmed under this License.  For example, you may
-not impose a license fee, royalty, or other charge for exercise of
-rights granted under this License, and you may not initiate litigation
-(including a cross-claim or counterclaim in a lawsuit) alleging that
-any patent claim is infringed by making, using, selling, offering for
-sale, or importing the Program or any portion of it.
-
-  11. Patents.
-
-  A "contributor" is a copyright holder who authorizes use under this
-License of the Program or a work on which the Program is based.  The
-work thus licensed is called the contributor's "contributor version".
-
-  A contributor's "essential patent claims" are all patent claims
-owned or controlled by the contributor, whether already acquired or
-hereafter acquired, that would be infringed by some manner, permitted
-by this License, of making, using, or selling its contributor version,
-but do not include claims that would be infringed only as a
-consequence of further modification of the contributor version.  For
-purposes of this definition, "control" includes the right to grant
-patent sublicenses in a manner consistent with the requirements of
-this License.
-
-  Each contributor grants you a non-exclusive, worldwide, royalty-free
-patent license under the contributor's essential patent claims, to
-make, use, sell, offer for sale, import and otherwise run, modify and
-propagate the contents of its contributor version.
-
-  In the following three paragraphs, a "patent license" is any express
-agreement or commitment, however denominated, not to enforce a patent
-(such as an express permission to practice a patent or covenant not to
-sue for patent infringement).  To "grant" such a patent license to a
-party means to make such an agreement or commitment not to enforce a
-patent against the party.
-
-  If you convey a covered work, knowingly relying on a patent license,
-and the Corresponding Source of the work is not available for anyone
-to copy, free of charge and under the terms of this License, through a
-publicly available network server or other readily accessible means,
-then you must either (1) cause the Corresponding Source to be so
-available, or (2) arrange to deprive yourself of the benefit of the
-patent license for this particular work, or (3) arrange, in a manner
-consistent with the requirements of this License, to extend the patent
-license to downstream recipients.  "Knowingly relying" means you have
-actual knowledge that, but for the patent license, your conveying the
-covered work in a country, or your recipient's use of the covered work
-in a country, would infringe one or more identifiable patents in that
-country that you have reason to believe are valid.
-
-  If, pursuant to or in connection with a single transaction or
-arrangement, you convey, or propagate by procuring conveyance of, a
-covered work, and grant a patent license to some of the parties
-receiving the covered work authorizing them to use, propagate, modify
-or convey a specific copy of the covered work, then the patent license
-you grant is automatically extended to all recipients of the covered
-work and works based on it.
-
-  A patent license is "discriminatory" if it does not include within
-the scope of its coverage, prohibits the exercise of, or is
-conditioned on the non-exercise of one or more of the rights that are
-specifically granted under this License.  You may not convey a covered
-work if you are a party to an arrangement with a third party that is
-in the business of distributing software, under which you make payment
-to the third party based on the extent of your activity of conveying
-the work, and under which the third party grants, to any of the
-parties who would receive the covered work from you, a discriminatory
-patent license (a) in connection with copies of the covered work
-conveyed by you (or copies made from those copies), or (b) primarily
-for and in connection with specific products or compilations that
-contain the covered work, unless you entered into that arrangement,
-or that patent license was granted, prior to 28 March 2007.
-
-  Nothing in this License shall be construed as excluding or limiting
-any implied license or other defenses to infringement that may
-otherwise be available to you under applicable patent law.
-
-  12. No Surrender of Others' Freedom.
-
-  If conditions are imposed on you (whether by court order, agreement or
-otherwise) that contradict the conditions of this License, they do not
-excuse you from the conditions of this License.  If you cannot convey a
-covered work so as to satisfy simultaneously your obligations under this
-License and any other pertinent obligations, then as a consequence you may
-not convey it at all.  For example, if you agree to terms that obligate you
-to collect a royalty for further conveying from those to whom you convey
-the Program, the only way you could satisfy both those terms and this
-License would be to refrain entirely from conveying the Program.
-
-  13. Remote Network Interaction; Use with the GNU General Public License.
-
-  Notwithstanding any other provision of this License, if you modify the
-Program, your modified version must prominently offer all users
-interacting with it remotely through a computer network (if your version
-supports such interaction) an opportunity to receive the Corresponding
-Source of your version by providing access to the Corresponding Source
-from a network server at no charge, through some standard or customary
-means of facilitating copying of software.  This Corresponding Source
-shall include the Corresponding Source for any work covered by version 3
-of the GNU General Public License that is incorporated pursuant to the
-following paragraph.
-
-  Notwithstanding any other provision of this License, you have
-permission to link or combine any covered work with a work licensed
-under version 3 of the GNU General Public License into a single
-combined work, and to convey the resulting work.  The terms of this
-License will continue to apply to the part which is the covered work,
-but the work with which it is combined will remain governed by version
-3 of the GNU General Public License.
-
-  14. Revised Versions of this License.
-
-  The Free Software Foundation may publish revised and/or new versions of
-the GNU Affero General Public License from time to time.  Such new versions
-will be similar in spirit to the present version, but may differ in detail to
-address new problems or concerns.
-
-  Each version is given a distinguishing version number.  If the
-Program specifies that a certain numbered version of the GNU Affero General
-Public License "or any later version" applies to it, you have the
-option of following the terms and conditions either of that numbered
-version or of any later version published by the Free Software
-Foundation.  If the Program does not specify a version number of the
-GNU Affero General Public License, you may choose any version ever published
-by the Free Software Foundation.
-
-  If the Program specifies that a proxy can decide which future
-versions of the GNU Affero General Public License can be used, that proxy's
-public statement of acceptance of a version permanently authorizes you
-to choose that version for the Program.
-
-  Later license versions may give you additional or different
-permissions.  However, no additional obligations are imposed on any
-author or copyright holder as a result of your choosing to follow a
-later version.
-
-  15. Disclaimer of Warranty.
-
-  THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY
-APPLICABLE LAW.  EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT
-HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY
-OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO,
-THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
-PURPOSE.  THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM
-IS WITH YOU.  SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF
-ALL NECESSARY SERVICING, REPAIR OR CORRECTION.
-
-  16. Limitation of Liability.
-
-  IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
-WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS
-THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY
-GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE
-USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF
-DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD
-PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS),
-EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF
-SUCH DAMAGES.
-
-  17. Interpretation of Sections 15 and 16.
-
-  If the disclaimer of warranty and limitation of liability provided
-above cannot be given local legal effect according to their terms,
-reviewing courts shall apply local law that most closely approximates
-an absolute waiver of all civil liability in connection with the
-Program, unless a warranty or assumption of liability accompanies a
-copy of the Program in return for a fee.
-
-                     END OF TERMS AND CONDITIONS
-
-            How to Apply These Terms to Your New Programs
-
-  If you develop a new program, and you want it to be of the greatest
-possible use to the public, the best way to achieve this is to make it
-free software which everyone can redistribute and change under these terms.
-
-  To do so, attach the following notices to the program.  It is safest
-to attach them to the start of each source file to most effectively
-state the exclusion of warranty; and each file should have at least
-the "copyright" line and a pointer to where the full notice is found.
-
-    <one line to give the program's name and a brief idea of what it does.>
-    Copyright (C) <year>  <name of author>
-
-    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/>.
-
-Also add information on how to contact you by electronic and paper mail.
-
-  If your software can interact with users remotely through a computer
-network, you should also make sure that it provides a way for users to
-get its source.  For example, if your program is a web application, its
-interface could display a "Source" link that leads users to an archive
-of the code.  There are many ways you could offer source, and different
-solutions will be better for different programs; see section 13 for the
-specific requirements.
-
-  You should also get your employer (if you work as a programmer) or school,
-if any, to sign a "copyright disclaimer" for the program, if necessary.
-For more information on this, and how to apply and follow the GNU AGPL, see
-<https://www.gnu.org/licenses/>.
diff --git a/packages/mutxt-react/README.md b/packages/mutxt-react/README.md
deleted file mode 100644
index 3d41ea0684..0000000000
--- a/packages/mutxt-react/README.md
+++ /dev/null
@@ -1,88 +0,0 @@
-# mutxt-react
-
-`mutxt-react` is a batteries-included React editor for mu-txt documents backed by
-`json-joy` Peritext models. It ships a ready-to-use editing surface with toolbar,
-footer, embeds, code blocks, scroll map, and collaborative presence support.
-
-## Installation
-
-```bash
-npm install mutxt-react react react-dom slate slate-react
-```
-
-The package bundles its own editor chrome and depends on the `json-joy`
-collaboration stack internally.
-
-## What it includes
-
-- Rich-text blocks for paragraphs, headings, lists, checklists, quotes, code blocks, embeds, and two-column layouts.
-- Built-in toolbar, footer, outline helpers, context popups, and scroll-map chrome.
-- Syntax highlighting via `code-colors`.
-- Optional live presence decorations when a `PresenceManager` is provided.
-
-## Quick start
-
-```tsx
-import * as React from 'react';
-import {MuTxt, type SlateEditorDocument} from 'mutxt-react';
-
-const initialValue: SlateEditorDocument = [
-	{
-		type: 'h1',
-		children: [{text: 'Write something'}],
-	},
-	{
-		type: 'p',
-		children: [{text: 'mutxt-react can boot from plain Slate-compatible JSON.'}],
-	},
-];
-
-export function App() {
-	return (
-		<MuTxt
-			initialValue={initialValue}
-			autoFocus
-			placeholder="Start with a heading, a note, or a quick thought."
-			maxHeight={720}
-		/>
-	);
-}
-```
-
-If you do not pass a `model`, the component creates an internal Peritext-backed
-model from `initialValue`.
-
-## Collaborative usage
-
-Pass a Peritext-backed `json-joy` model through `model` and an optional
-`PresenceManager` through `presence`.
-
-```tsx
-import * as React from 'react';
-import {ModelWithExt, ext} from 'json-joy/lib/json-crdt-extensions';
-import {MuTxt} from 'mutxt-react';
-
-const model = ModelWithExt.create(ext.peritext.new(''));
-
-export function CollaborativeEditor() {
-	return <MuTxt model={model as any} />;
-}
-```
-
-## Public API
-
-The package exports:
-
-- `MuTxt`: the editor component.
-- `SlateEditorState`: observable editor state for custom chrome or integrations.
-- `SlateEditorContextProvider` and `useSlateEditorState()`.
-- `SlateEditorDocument` and related editor element/text types.
-
-## Key props
-
-- `initialValue`: local bootstrapping content for standalone mode.
-- `model`: external Peritext model for controlled collaborative usage.
-- `presence`: optional presence manager for remote cursors and selections.
-- `readOnly`, `autoFocus`, `borderless`.
-- `contentWidth`, `minHeight`, `maxHeight`, `height`, `heightFit`.
-- `state`: inject your own `SlateEditorState` instance.
diff --git a/packages/mutxt-react/SECURITY.md b/packages/mutxt-react/SECURITY.md
deleted file mode 100644
index a5497b62af..0000000000
--- a/packages/mutxt-react/SECURITY.md
+++ /dev/null
@@ -1,13 +0,0 @@
-# Security Policy
-
-## Supported Versions
-
-We release patches for security vulnerabilities. The latest major version
-will support security patches.
-
-## Reporting a Vulnerability
-
-Please report (suspected) security vulnerabilities to
-**[streamich@gmail.com](mailto:streamich@gmail.com)**. We will try to respond
-within 48 hours. If the issue is confirmed, we will release a patch as soon
-as possible depending on complexity.
diff --git a/packages/mutxt-react/package.json b/packages/mutxt-react/package.json
deleted file mode 100644
index 83ee3a089f..0000000000
--- a/packages/mutxt-react/package.json
+++ /dev/null
@@ -1,138 +0,0 @@
-{
-  "name": "mutxt-react",
-  "publishConfig": {
-    "access": "public"
-  },
-  "version": "18.26.0",
-  "description": "Batteries-included React rich-text editor",
-  "author": {
-    "name": "streamich",
-    "url": "https://github.com/streamich"
-  },
-  "homepage": "https://mutxt.com",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/streamich/json-joy.git",
-    "directory": "packages/mutxt-react"
-  },
-  "license": "AGPL-3.0-only",
-  "funding": {
-    "type": "github",
-    "url": "https://github.com/sponsors/streamich"
-  },
-  "keywords": [
-    "mutxt",
-    "react",
-    "rich-text",
-    "editor",
-    "collaborative",
-    "real-time",
-    "json",
-    "crdt",
-    "slate",
-    "slatejs",
-    "plate",
-    "platejs",
-    "json-joy",
-    "peritext",
-    "sync"
-  ],
-  "engines": {
-    "node": ">=10.0"
-  },
-  "main": "lib/index.js",
-  "types": "lib/index.d.ts",
-  "typings": "lib/index.d.ts",
-  "files": [
-    "LICENSE",
-    "lib/"
-  ],
-  "scripts": {
-    "clean": "npx rimraf lib typedocs coverage gh-pages yarn-error.log",
-    "build": "tsc -b tsconfig.build.json",
-    "jest": "node -r ts-node/register ./node_modules/.bin/jest",
-    "test": "jest --maxWorkers 7",
-    "test:ci": "yarn jest --maxWorkers 3 --no-cache",
-    "coverage": "yarn test --collectCoverage",
-    "typedoc": "typedoc",
-    "build:pages": "npx rimraf gh-pages && mkdir -p gh-pages && cp -r typedocs/* gh-pages && cp -r coverage gh-pages/coverage",
-    "deploy:pages": "gh-pages -d gh-pages",
-    "publish-coverage-and-typedocs": "yarn typedoc && yarn coverage && yarn build:pages && yarn deploy:pages",
-    "typecheck": "tsc -b --noEmit"
-  },
-  "jest": {
-    "preset": "ts-jest",
-    "testEnvironment": "node",
-    "moduleFileExtensions": [
-      "ts",
-      "js",
-      "tsx"
-    ],
-    "transform": {
-      "^.+\\.tsx?$": "ts-jest"
-    },
-    "transformIgnorePatterns": [
-      ".*/node_modules/.*"
-    ],
-    "testRegex": ".*/(__tests__|__jest__|demo)/.*(?<!\\.vi)\\.(test|spec)\\.tsx?$",
-    "rootDir": ".",
-    "testPathIgnorePatterns": [
-      "node_modules",
-      "\\.vi\\.(test|spec)\\.tsx?$"
-    ]
-  },
-  "dependencies": {
-    "@fontsource-variable/bitter": "^5.2.0",
-    "@fontsource-variable/inter": "^5.2.0",
-    "@fontsource-variable/jetbrains-mono": "^5.2.0",
-    "@fontsource-variable/source-serif-4": "^5.2.0",
-    "@jsonjoy.com/base64": "workspace:*",
-    "@jsonjoy.com/collaborative-peritext": "workspace:*",
-    "@jsonjoy.com/collaborative-presence": "workspace:*",
-    "@jsonjoy.com/collaborative-slate": "workspace:*",
-    "@jsonjoy.com/keyboard": "workspace:*",
-    "@jsonjoy.com/ui": "workspace:*",
-    "@jsonjoy.com/util": "workspace:*",
-    "code-colors": "^2.5.0",
-    "code-colors-react": "^3.5.0",
-    "emoji-picker-react": "^4.19.1",
-    "iconista": "^2.26.0",
-    "json-joy": "workspace:*",
-    "mathlive": "^0.109.0",
-    "nano-theme": "workspace:*",
-    "react-embed": "^3.7.0",
-    "slate-history": "^0.113.1",
-    "use-t": "^1.6.4"
-  },
-  "peerDependencies": {
-    "react": ">=18",
-    "react-dom": ">=18",
-    "slate": ">=0.100.0",
-    "slate-react": ">=0.100.0",
-    "tslib": "2"
-  },
-  "peerDependenciesMeta": {
-    "react": {
-      "optional": false
-    },
-    "react-dom": {
-      "optional": false
-    },
-    "slate": {
-      "optional": false
-    },
-    "slate-react": {
-      "optional": false
-    }
-  },
-  "devDependencies": {
-    "@jsonjoy.com/collaborative-ui": "workspace:*",
-    "@types/react": "^19",
-    "@types/react-dom": "^19",
-    "react": "^19.2.3",
-    "react-dom": "^19.2.3",
-    "slate": "^0.124.1",
-    "slate-dom": "^0.124.1",
-    "slate-react": "^0.124.2"
-  }
-}
diff --git a/packages/mutxt-react/src/MuTxt/MuTxt.stories.tsx b/packages/mutxt-react/src/MuTxt/MuTxt.stories.tsx
deleted file mode 100644
index 4f2b26b6f2..0000000000
--- a/packages/mutxt-react/src/MuTxt/MuTxt.stories.tsx
+++ /dev/null
@@ -1,1139 +0,0 @@
-import * as React from 'react';
-import preview from '../../../../.storybook/preview';
-import {MuTxt} from './MuTxt';
-import type {SlateEditorDocument, TwoColumnsElement} from './types';
-
-const Wrap: React.FC<{children: React.ReactNode; scroll?: boolean; dir?: 'ltr' | 'rtl'}> = ({
-  children,
-  scroll,
-  dir,
-}) => (
-  <div
-    dir={dir}
-    style={{
-      minHeight: '100vh',
-      ...(scroll ? {height: '100vh', overflow: 'auto'} : {}),
-      padding: '32px 24px 56px',
-      boxSizing: 'border-box',
-    }}
-  >
-    {children}
-  </div>
-);
-
-const primaryValue: SlateEditorDocument = [
-  {
-    type: 'h1',
-    children: [{text: 'Collaborative Rich-Text with json-joy'}],
-  },
-  {
-    type: 'p',
-    children: [
-      {text: '@jsonjoy.com/collaborative-slate', code: true},
-      {text: ' binds a '},
-      {text: 'Slate.js', bold: true},
-      {text: ' editor to a '},
-      {text: 'json-joy Peritext', italic: true},
-      {
-        text: ' CRDT node, giving you real-time collaborative rich-text editing with zero glue code. Changes made by remote peers flow into the editor automatically; local edits are translated into CRDT operations and broadcast to every replica.',
-      },
-    ],
-  },
-  {
-    type: 'p',
-    children: [
-      {text: 'The binding is a single '},
-      {text: 'bind()', code: true},
-      {text: ' call that returns an '},
-      {text: 'unbind', code: true},
-      {text: ' cleanup function — drop it straight into a '},
-      {text: 'useEffect', code: true},
-      {text: ' and you are done.'},
-    ],
-  },
-  {
-    type: 'code-block',
-    language: 'tsx',
-    fileName: 'Editor.tsx',
-    children: [
-      {
-        text: "import {bind} from '@jsonjoy.com/collaborative-slate';\n\nuseEffect(() => {\n  const unbind = bind(peritextRef, editor);\n  return unbind;\n}, [editor, peritextRef]);",
-      },
-    ],
-  },
-  {
-    type: 'p',
-    children: [
-      {text: 'For presence — live remote cursors and selections — install '},
-      {text: '@jsonjoy.com/collaborative-presence', code: true},
-      {text: ' and pass a '},
-      {text: 'PresenceManager', code: true},
-      {text: ' to the '},
-      {text: 'SlateEditor', code: true},
-      {
-        text: ' component. Cursor colours and user names are derived from the metadata you attach to each presence session.',
-      },
-    ],
-  },
-  {
-    type: 'embed',
-    url: 'https://www.w3schools.com/html/mov_bbb.mp4',
-    caption: 'A live embed block rendered directly from a video URL.',
-    children: [{text: ''}],
-  },
-];
-
-const kitchenSinkValue: SlateEditorDocument = [
-  {type: 'h1', children: [{text: 'json-joy — JSON Tools for Real-Time Apps'}]},
-  {
-    type: 'p',
-    children: [
-      {text: 'json-joy', bold: true},
-      {text: ' is a collection of cutting-edge algorithms and data structures for building '},
-      {text: 'collaborative', italic: true},
-      {text: ' and '},
-      {text: 'real-time', italic: true},
-      {text: ' applications on top of JSON. The centrepiece is a full '},
-      {text: 'JSON CRDT', bold: true},
-      {
-        text: ' implementation — a Conflict-free Replicated Data Type that merges concurrent edits from any number of replicas without data loss or manual conflict resolution.',
-      },
-    ],
-  },
-
-  {type: 'h2', children: [{text: 'Why CRDTs?'}]},
-  {
-    type: 'blockquote',
-    children: [
-      {
-        text: 'A CRDT is a data structure that can be updated concurrently by different replicas and always converges to the same state — without any coordination. ',
-      },
-      {text: '— Shapiro et al., 2011', italic: true},
-    ],
-  },
-  {
-    type: 'code-block',
-    children: [
-      {
-        text: 'A typical RGA string sequence with character IDs:\n\n    H    e   l    l     o      W    o    r    l    d\n    a.1  a.2  a.3  a.4  a.5    b.1  b.2  b.3  b.4  b.5',
-      },
-    ],
-  },
-  {
-    type: 'p',
-    children: [
-      {text: 'Traditional approaches to collaborative editing — '},
-      {text: 'Operational Transformation', underline: true},
-      {
-        text: ' being the most well-known — require a central server to arbitrate operation order. CRDTs eliminate that requirement. Every peer can apply changes locally and ',
-      },
-      {text: 'merge', bold: true},
-      {text: ' them later, making the system resilient to network partitions and enabling true '},
-      {text: 'local-first', bold: true, italic: true},
-      {text: ' architectures.'},
-    ],
-  },
-
-  {type: 'h2', children: [{text: 'Notable Features'}]},
-  {
-    type: 'ul',
-    children: [
-      {
-        type: 'li',
-        children: [
-          {text: 'Full JSON as a CRDT — objects, arrays, strings, numbers, booleans, and null, all conflict-free.'},
-        ],
-      },
-      {
-        type: 'li',
-        children: [
-          {
-            text: 'Peritext — a rich-text CRDT that models inline formatting as non-overlapping annotation slices, compatible with Slate.js and ProseMirror.',
-          },
-        ],
-      },
-      {
-        type: 'li',
-        children: [
-          {
-            text: 'The fastest RGA list CRDT implementation in JavaScript — benchmarked against Yjs, Automerge, and others.',
-          },
-        ],
-      },
-      {type: 'li', children: [{text: 'The fastest CBOR, MessagePack, UBJSON, and DAG-CBOR codecs in JavaScript.'}]},
-      {type: 'li', children: [{text: 'Compact binary patch format for efficient over-the-wire transport.'}]},
-    ],
-  },
-
-  {type: 'h2', children: [{text: 'The Peritext Model'}]},
-  {
-    type: 'p',
-    children: [
-      {text: 'Peritext'},
-      {text: ' ('},
-      {text: 'Litt et al., 2021', italic: true},
-      {
-        text: ') solves the hardest problem in collaborative rich-text: what happens when two peers simultaneously apply ',
-      },
-      {text: 'overlapping', underline: true},
-      {
-        text: ' formatting? json-joy implements the full Peritext specification and extends it with extra annotation types — links, comments, and arbitrary inline metadata — all stored as first-class CRDT nodes.',
-      },
-    ],
-  },
-  {
-    type: 'code-block',
-    language: 'ts',
-    fileName: 'peritext-example.ts',
-    children: [
-      {
-        text: "import {ModelWithExt, ext} from 'json-joy/lib/json-crdt-extensions';\n\n// Create a new Peritext-backed model\nconst model = ModelWithExt.create(ext.peritext.new('Hello, world!'));\nconst api = model.s.toExt();\n\n// Bold the word 'world'\napi.editor.cursor.setAt(7, 5);\napi.editor.toggleMark('bold');\napi.refresh();\n\nconsole.log(model.view());\n// => { text: 'Hello, world!', slices: [{ type: 'bold', start: 7, end: 12 }] }",
-      },
-    ],
-  },
-
-  {type: 'h2', children: [{text: 'Editor Integrations'}]},
-  {
-    type: 'p',
-    children: [
-      {
-        text: "json-joy ships first-party bindings for the most popular open-source editors. Each binding is a thin adapter — it translates between the editor's own change model and the underlying CRDT operations.",
-      },
-    ],
-  },
-  {
-    type: 'ol',
-    children: [
-      {
-        type: 'li',
-        children: [{text: 'Slate.js / Plate.js — '}, {text: '@jsonjoy.com/collaborative-slate', code: true}],
-      },
-      {type: 'li', children: [{text: 'ProseMirror — '}, {text: '@jsonjoy.com/collaborative-prosemirror', code: true}]},
-      {type: 'li', children: [{text: 'Quill — '}, {text: '@jsonjoy.com/collaborative-quill', code: true}]},
-      {type: 'li', children: [{text: 'CodeMirror 6 — '}, {text: '@jsonjoy.com/collaborative-codemirror', code: true}]},
-      {type: 'li', children: [{text: 'Monaco Editor — '}, {text: '@jsonjoy.com/collaborative-monaco', code: true}]},
-    ],
-  },
-  {
-    type: 'embed',
-    url: 'https://www.w3schools.com/html/horse.mp3',
-    caption: 'Embeds can be mixed freely with regular rich-text content.',
-    children: [{text: ''}],
-  },
-
-  {type: 'h2', children: [{text: 'Further Reading'}]},
-  {
-    type: 'p',
-    children: [
-      {text: 'Specification, benchmarks, and blog posts are available on the '},
-      {text: 'json-joy website', a: {href: 'https://jsonjoy.com'}},
-      {text: '. The '},
-      {text: 'JSON CRDT Explorer', a: {href: 'https://explorer.jsoncrdt.org'}},
-      {
-        text: ' lets you inspect live CRDT state and replay patch histories in your browser. Source code and issues live on ',
-      },
-      {text: 'GitHub', a: {href: 'https://github.com/streamich/json-joy'}},
-      {text: '.'},
-    ],
-  },
-  {
-    type: 'p',
-    align: 'center',
-    children: [{text: 'Built with care by streamich and contributors. MIT / AGPL-3.0.'}],
-  },
-];
-
-const twoColumnsBlock: TwoColumnsElement = {
-  type: 'columns',
-  children: [
-    {
-      text: 'json-joy ships a collaborative Slate editor on top of Peritext, which means structure and inline annotations are preserved as CRDT operations instead of lossy HTML patches. That makes richer layouts possible without introducing a separate document model just for presentation. ',
-    },
-    {text: 'This block uses CSS multi-column flow', italic: true},
-    {
-      text: ' so a single block of prose can be read like a compact editorial layout. The content remains regular Slate text, so marks, links, selections, and collaboration metadata still behave the same way they do in a paragraph. ',
-    },
-    {
-      text: 'Use it for release notes, dense summaries, or side-by-side style reading experiences where a long paragraph would otherwise feel visually heavy. The layout is attached to the block itself, which keeps the feature predictable when toggling formats from the toolbar.',
-    },
-  ],
-};
-
-const twoColumnsValue: SlateEditorDocument = [
-  {type: 'h1', children: [{text: 'Magazine-style two-column block'}]},
-  {
-    type: 'p',
-    children: [
-      {text: 'The toolbar now includes a '},
-      {text: 'Two columns', bold: true},
-      {
-        text: ' block toggle next to the alignment controls. This story starts with the layout already applied so the multi-column rendering is visible immediately.',
-      },
-    ],
-  },
-  twoColumnsBlock,
-  {
-    type: 'p',
-    children: [{text: 'Switch the block back to a paragraph at any time and the content stays intact.'}],
-  },
-];
-
-const embedsValue: SlateEditorDocument = [
-  {type: 'h1', children: [{text: 'Embed blocks'}]},
-  {
-    type: 'p',
-    children: [
-      {text: 'Embed blocks are void Slate nodes backed by a single URL. They render provider widgets through '},
-      {text: 'react-embed', code: true},
-      {text: ' and fall back to a simple external link card when a provider is unsupported.'},
-    ],
-  },
-  {
-    type: 'embed',
-    url: 'https://www.npmjs.com/package/react-twitter-embed',
-    children: [{text: ''}],
-  },
-  {
-    type: 'embed',
-    url: 'https://www.w3schools.com/html/mov_bbb.mp4',
-    caption: 'Direct MP4 video embed',
-    children: [{text: ''}],
-  },
-  {
-    type: 'embed',
-    url: 'https://www.youtube.com/watch?v=cWBVMEHPgQU',
-    children: [{text: ''}],
-  },
-  {
-    type: 'embed',
-    url: 'https://www.w3schools.com/html/horse.mp3',
-    caption: 'Direct audio embed',
-    children: [{text: ''}],
-  },
-  {
-    type: 'embed',
-    url: 'https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf',
-    caption: 'PDF document embed',
-    children: [{text: ''}],
-  },
-  {
-    type: 'p',
-    children: [
-      {
-        text: 'Selecting any embed shows its source URL in the footer, and the scroll map marks embed positions alongside headings, code blocks, and lists.',
-      },
-    ],
-  },
-];
-
-const manyHeadingsValue: SlateEditorDocument = [
-  {type: 'h1', children: [{text: 'The Ultimate Guide to json-joy'}]},
-  {type: 'h2', children: [{text: 'Introduction'}]},
-  {type: 'h2', children: [{text: 'Getting Started'}]},
-  {type: 'h3', children: [{text: 'Installation'}]},
-  {type: 'h3', children: [{text: 'Basic Usage'}]},
-  {type: 'h2', children: [{text: 'Advanced Topics'}]},
-  {type: 'h3', children: [{text: 'CRDT Internals'}]},
-  {type: 'h3', children: [{text: 'Performance Tuning'}]},
-  {type: 'h2', children: [{text: 'API Reference'}]},
-  {type: 'h3', children: [{text: 'Model API'}]},
-  {type: 'h3', children: [{text: 'Editor Bindings'}]},
-  {type: 'h2', children: [{text: 'Troubleshooting and FAQs'}]},
-  {type: 'h3', children: [{text: 'Common Issues'}]},
-  {type: 'h3', children: [{text: 'Debugging Tips'}]},
-  {type: 'h2', children: [{text: 'Contributing to json-joy'}]},
-  {type: 'h3', children: [{text: 'How to Contribute'}]},
-  {type: 'h3', children: [{text: 'Code of Conduct'}]},
-  {type: 'h2', children: [{text: 'Release Notes'}]},
-  {type: 'h3', children: [{text: 'Version 1.0.0'}]},
-  {type: 'h3', children: [{text: 'Version 1.1.0'}]},
-  {type: 'h3', children: [{text: 'Version 2.0.0'}]},
-  {type: 'h1', children: [{text: 'Appendix'}]},
-  {type: 'h2', children: [{text: 'Data Model Details'}]},
-  {type: 'h3', children: [{text: 'CRDT Structure'}]},
-  {type: 'h3', children: [{text: 'Serialization Format'}]},
-  {type: 'h2', children: [{text: 'Performance Benchmarks'}]},
-  {type: 'h3', children: [{text: 'Microbenchmarks'}]},
-  {type: 'h3', children: [{text: 'Real-World Scenarios'}]},
-  {type: 'h2', children: [{text: 'Further Reading'}]},
-  {type: 'h3', children: [{text: 'Academic Papers'}]},
-  {type: 'h3', children: [{text: 'Related Projects'}]},
-];
-
-const longValue: SlateEditorDocument = [
-  {type: 'h1', children: [{text: 'Building Local-First Apps with json-joy'}]},
-  {
-    type: 'p',
-    children: [
-      {text: 'Local-first software', bold: true},
-      {
-        text: " is a set of principles for building applications that work offline, keep user data on the user's own devices, and sync with peers when a connection is available. json-joy was designed from the ground up to make this style of architecture practical for JavaScript developers.",
-      },
-    ],
-  },
-  {
-    type: 'p',
-    children: [
-      {text: 'At the core of json-joy is a '},
-      {text: 'JSON CRDT', bold: true},
-      {
-        text: ' — a Conflict-free Replicated Data Type that models the full JSON value space. Objects, arrays, strings, numbers, booleans, and null can all be updated concurrently by independent replicas, and the library guarantees that every replica will eventually converge to the same state without any coordination from a server.',
-      },
-    ],
-  },
-
-  {type: 'h2', children: [{text: 'How JSON CRDT Works'}]},
-  {
-    type: 'p',
-    children: [
-      {text: 'A json-joy '},
-      {text: 'Model', code: true},
-      {
-        text: ' is an immutable snapshot of a JSON value annotated with logical timestamps. Each node in the value tree — every object entry, array element, or string character — carries the ',
-      },
-      {text: 'session ID', italic: true},
-      {text: ' and '},
-      {text: 'logical clock', italic: true},
-      {text: ' of the replica that created it. This provenance is what makes conflict-free merging possible.'},
-    ],
-  },
-  {
-    type: 'p',
-    children: [
-      {
-        text: 'When two replicas diverge and later reconnect, json-joy computes the difference between their patch histories and applies only the missing operations. The merge algorithm is deterministic: given the same set of patches, every replica produces the same model, regardless of the order in which the patches were received.',
-      },
-    ],
-  },
-  {
-    type: 'code-block',
-    language: 'ts',
-    fileName: 'merge.ts',
-    children: [
-      {
-        text: "import {Model} from 'json-joy/lib/json-crdt';\n\n// Fork a model into two independent replicas\nconst a = model.fork();\nconst b = model.fork();\n\n// Make concurrent edits\na.api.str(['title']).ins(0, 'Hello');\nb.api.str(['title']).ins(0, 'World');\n\n// Merge b into a — both edits are preserved\na.applyPatch(b.api.flush());\nconsole.log(a.view()); // { title: 'WorldHello' } (or 'HelloWorld', deterministically)",
-      },
-    ],
-  },
-
-  {type: 'h2', children: [{text: 'The Peritext Rich-Text CRDT'}]},
-  {
-    type: 'p',
-    children: [
-      {
-        text: 'Plain-text CRDTs like RGA (Replicated Growable Array) handle character-level concurrency well, but rich text adds another layer of complexity: ',
-      },
-      {text: 'inline annotations', underline: true},
-      {
-        text: '. What happens when Alice bolds a range of text while Bob simultaneously deletes characters inside that range? What if both bold the same range independently?',
-      },
-    ],
-  },
-  {
-    type: 'blockquote',
-    children: [
-      {text: 'Peritext introduces the concept of an '},
-      {text: 'anchor', italic: true},
-      {
-        text: ' — a reference to the gap between two characters rather than to a character itself. Anchors survive concurrent insertions and deletions, making annotation ranges stable across edits. — Litt et al., 2021',
-      },
-    ],
-  },
-  {
-    type: 'p',
-    children: [
-      {text: 'json-joy implements the full Peritext specification and extends it with '},
-      {text: 'exclusive', italic: true},
-      {text: ' and '},
-      {text: 'inclusive', italic: true},
-      {text: ' anchor semantics, allowing annotation types like '},
-      {text: 'links', code: true},
-      {text: ' to control whether newly typed characters at the boundary inherit the annotation.'},
-    ],
-  },
-
-  {type: 'h2', children: [{text: 'Performance'}]},
-  {
-    type: 'p',
-    children: [
-      {text: 'Performance has been a first-class concern since the beginning. json-joy ships its own '},
-      {text: 'AVL tree', bold: true},
-      {text: ', '},
-      {text: 'Splay tree', bold: true},
-      {text: ', and '},
-      {text: 'Radix tree', bold: true},
-      {
-        text: ' implementations tuned for the access patterns of CRDT workloads. The RGA string CRDT is benchmarked continuously against Yjs, Automerge, and Diamond Types.',
-      },
-    ],
-  },
-  {
-    type: 'ul',
-    children: [
-      {
-        type: 'li',
-        children: [
-          {text: 'Insertion of 100 000 characters: '},
-          {text: '~12 ms', bold: true},
-          {text: ' on a 2023 MacBook Pro M2.'},
-        ],
-      },
-      {
-        type: 'li',
-        children: [{text: 'Encoding a 50 000-op patch to binary: '}, {text: '~3 ms', bold: true}, {text: '.'}],
-      },
-      {type: 'li', children: [{text: 'Decoding the same patch: '}, {text: '~4 ms', bold: true}, {text: '.'}]},
-      {
-        type: 'li',
-        children: [
-          {text: 'Full re-render after a remote patch: under one React render frame at typical document sizes.'},
-        ],
-      },
-    ],
-  },
-
-  {type: 'h2', children: [{text: 'Binary Codecs'}]},
-  {
-    type: 'p',
-    children: [
-      {text: 'Patches are serialised using a compact binary format that is a strict subset of '},
-      {text: 'CBOR', bold: true},
-      {text: '. json-joy ships the fastest CBOR encoder and decoder in the JavaScript ecosystem — faster than '},
-      {text: 'cbor-x', code: true},
-      {text: ', '},
-      {text: 'msgpackr', code: true},
-      {text: ', and '},
-      {text: '@msgpack/msgpack', code: true},
-      {text: ' in every benchmark category.'},
-    ],
-  },
-  {
-    type: 'code-block',
-    language: 'ts',
-    fileName: 'codec.ts',
-    children: [
-      {
-        text: "import {CborEncoder, CborDecoder} from 'json-joy/lib/json-pack/cbor';\n\nconst encoder = new CborEncoder();\nconst decoder = new CborDecoder();\n\nconst bytes = encoder.encode({type: 'ins', id: [1, 42], after: [1, 41], value: 'H'});\nconst op = decoder.decode(bytes);\nconsole.log(op); // { type: 'ins', id: [1, 42], after: [1, 41], value: 'H' }",
-      },
-    ],
-  },
-
-  {type: 'h2', children: [{text: 'Presence and Awareness'}]},
-  {
-    type: 'p',
-    children: [
-      {text: '@jsonjoy.com/collaborative-presence', code: true},
-      {
-        text: ' is an ephemeral awareness layer that sits alongside the persistent CRDT model. It broadcasts short-lived state — cursor positions, user names, colours, typing indicators — using a gossip protocol that does not require a database write for every keypress.',
-      },
-    ],
-  },
-  {
-    type: 'p',
-    children: [
-      {text: 'The '},
-      {text: 'SlateEditor', code: true},
-      {
-        text: " component renders remote cursors as coloured caret markers directly in the content flow. Each cursor label shows the peer's display name and fades out automatically when the peer goes idle.",
-      },
-    ],
-  },
-
-  {type: 'h2', children: [{text: 'Server Integration'}]},
-  {
-    type: 'p',
-    children: [
-      {text: '@jsonjoy.com/json-crdt-server', code: true},
-      {
-        text: ' provides a ready-made server that stores models in any key-value backend (LevelDB, Redis, S3) and relays patches between clients over WebSockets. It exposes a ',
-      },
-      {text: 'JSON Reactive RPC', italic: true},
-      {
-        text: ' API, allowing clients to subscribe to a document and receive a stream of incremental patches rather than full snapshots.',
-      },
-    ],
-  },
-  {
-    type: 'ol',
-    children: [
-      {
-        type: 'li',
-        children: [
-          {text: 'Client opens a WebSocket connection and sends a '},
-          {text: 'subscribe', code: true},
-          {text: ' request with the document ID and its current clock.'},
-        ],
-      },
-      {
-        type: 'li',
-        children: [
-          {text: 'Server responds with all patches the client has not yet seen, then keeps the subscription open.'},
-        ],
-      },
-      {
-        type: 'li',
-        children: [
-          {text: 'When the client makes a local edit it sends a '},
-          {text: 'patch', code: true},
-          {text: ' request; the server applies it, persists it, and fans it out to other subscribers.'},
-        ],
-      },
-      {
-        type: 'li',
-        children: [
-          {text: 'On reconnect the client resumes from its last known clock — no full-document download required.'},
-        ],
-      },
-    ],
-  },
-
-  {type: 'h2', children: [{text: 'Getting Started'}]},
-  {
-    type: 'code-block',
-    language: 'bash',
-    children: [
-      {
-        text: 'npm install @jsonjoy.com/collaborative-slate @jsonjoy.com/collaborative-peritext slate slate-react\n\n# Optional: presence / remote cursors\nnpm install @jsonjoy.com/collaborative-presence',
-      },
-    ],
-  },
-  {
-    type: 'code-block',
-    language: 'tsx',
-    fileName: 'App.tsx',
-    children: [
-      {
-        text: "import React, {useEffect, useMemo} from 'react';\nimport {createEditor} from 'slate';\nimport {Slate, Editable, withReact} from 'slate-react';\nimport {bind} from '@jsonjoy.com/collaborative-slate';\n\nexport function Editor({peritextRef, initialValue}) {\n  const editor = useMemo(() => withReact(createEditor()), []);\n\n  useEffect(() => {\n    // bind() wires the CRDT to the Slate editor and returns a cleanup function\n    const unbind = bind(peritextRef, editor);\n    return unbind;\n  }, [editor, peritextRef]);\n\n  return (\n    <Slate editor={editor} initialValue={initialValue}>\n      <Editable />\n    </Slate>\n  );\n}",
-      },
-    ],
-  },
-  {
-    type: 'p',
-    children: [
-      {text: 'Full documentation, live demos, and the JSON CRDT specification are available at '},
-      {text: 'jsonjoy.com', a: {href: 'https://jsonjoy.com'}},
-      {text: '. Found a bug or want to contribute? Open an issue on '},
-      {text: 'GitHub', a: {href: 'https://github.com/streamich/json-joy'}},
-      {text: '.'},
-    ],
-  },
-  {
-    type: 'p',
-    align: 'center',
-    children: [{text: '— End of document —'}],
-  },
-];
-
-const codeBlocksValue: SlateEditorDocument = [
-  {type: 'h1', children: [{text: 'json-joy Code Examples'}]},
-  {
-    type: 'p',
-    children: [
-      {
-        text: 'Explore the json-joy ecosystem through practical code examples covering JSON CRDT, Peritext, binary codecs, presence management, and collaborative editing across multiple frameworks.',
-      },
-    ],
-  },
-
-  {type: 'h2', children: [{text: 'JSON CRDT Basics'}]},
-  {
-    type: 'p',
-    children: [
-      {text: 'Start with the core JSON CRDT model — create a '},
-      {text: 'Model', code: true},
-      {text: ', make edits through its '},
-      {text: 'api', code: true},
-      {text: ', and observe deterministic merges when patches from different replicas are combined.'},
-    ],
-  },
-  {
-    type: 'code-block',
-    language: 'ts',
-    fileName: 'basic-model.ts',
-    children: [
-      {
-        text: "import {Model} from 'json-joy/lib/json-crdt';\n\n// Create a new model with a simple JSON structure\nconst model = Model.create();\nmodel.api.obj().set('title', 'Hello CRDT');\nmodel.api.obj().set('count', 42);\n\n// Log the current state\nconsole.log(model.view());\n// => { title: 'Hello CRDT', count: 42 }",
-      },
-    ],
-  },
-  {
-    type: 'p',
-    children: [
-      {
-        text: 'Models can be forked into independent replicas that make concurrent changes without coordination, then merged back together deterministically.',
-      },
-    ],
-  },
-  {
-    type: 'code-block',
-    language: 'ts',
-    fileName: 'fork-and-merge.ts',
-    children: [
-      {
-        text: "import {Model} from 'json-joy/lib/json-crdt';\n\nconst original = Model.create();\noriginal.api.str(['text']).ins(0, 'Sync');\n\n// Create two independent replicas\nconst alice = original.clone();\nconst bob = original.clone();\n\n// Both make concurrent edits\nalice.api.str(['text']).ins(4, ' point');\nbob.api.str(['text']).ins(4, ' target');\n\n// Merge Bob's changes into Alice — both edits survive\nalice.applyPatch(bob.api.flush());\nconsole.log(alice.view()); // { text: 'Sync point target' } or 'Sync target point'",
-      },
-    ],
-  },
-
-  {type: 'h2', children: [{text: 'Peritext Rich-Text CRDT'}]},
-  {
-    type: 'p',
-    children: [
-      {text: 'Peritext extends JSON CRDT to handle rich text with inline annotations. Use '},
-      {text: 'anchor', italic: true},
-      {text: ' semantics to ensure formatting remains stable when concurrent edits happen.'},
-    ],
-  },
-  {
-    type: 'code-block',
-    language: 'ts',
-    fileName: 'peritext-formatting.ts',
-    children: [
-      {
-        text: "import {ModelWithExt, ext} from 'json-joy/lib/json-crdt-extensions';\n\n// Create a Peritext document\nconst model = ModelWithExt.create(ext.peritext.new('Hello, world!'));\nconst api = model.s.toExt();\n\n// Bold the word 'world'\napi.editor.cursor.setAt(7, 5);\napi.editor.toggleMark('bold');\napi.refresh();\n\nconsole.log(model.view());\n// => { text: 'Hello, world!', slices: [{ type: 'bold', start: 7, end: 12 }] }",
-      },
-    ],
-  },
-  {
-    type: 'p',
-    children: [
-      {
-        text: 'Create multiple formatting layers and watch them compose naturally across concurrent insertions and deletions.',
-      },
-    ],
-  },
-  {
-    type: 'code-block',
-    language: 'ts',
-    fileName: 'peritext-multiple-marks.ts',
-    children: [
-      {
-        text: "import {ModelWithExt, ext} from 'json-joy/lib/json-crdt-extensions';\n\nconst model = ModelWithExt.create(ext.peritext.new('Important Info'));\nconst api = model.s.toExt();\n\n// Apply bold to entire text\napi.editor.cursor.setAt(0, 13);\napi.editor.toggleMark('bold');\n\n// Italicize just 'Important'\napi.editor.cursor.setAt(0, 9);\napi.editor.toggleMark('italic');\n\napi.refresh();\n\nconst state = model.view();\nconsole.log(state.text); // 'Important Info'\nconsole.log(state.slices);\n// => [\n//   { type: 'italic', start: 0, end: 9 },\n//   { type: 'bold', start: 0, end: 13 }\n// ]",
-      },
-    ],
-  },
-
-  {type: 'h2', children: [{text: 'Binary Encoding & Codecs'}]},
-  {
-    type: 'p',
-    children: [
-      {
-        text: 'Use CBOR encoding for efficient patch serialization. json-joy ships the fastest CBOR codec in the JavaScript ecosystem.',
-      },
-    ],
-  },
-  {
-    type: 'code-block',
-    language: 'ts',
-    fileName: 'cbor-encoding.ts',
-    children: [
-      {
-        text: "import {CborEncoder, CborDecoder} from 'json-joy/lib/json-pack/cbor';\n\nconst encoder = new CborEncoder();\nconst decoder = new CborDecoder();\n\n// Encode various types\nconst data = {\n  name: 'Alice',\n  age: 30,\n  scores: [95, 87, 92],\n  active: true,\n  balance: 1250.50,\n};\n\nconst bytes = encoder.encode(data);\nconsole.log(bytes); // Uint8Array\n\nconst decoded = decoder.decode(bytes);\nconsole.log(decoded); // { name: 'Alice', age: 30, ... }",
-      },
-    ],
-  },
-  {
-    type: 'p',
-    children: [
-      {text: 'json-joy also supports MessagePack and other binary formats. Choose the best codec for your use case.'},
-    ],
-  },
-  {
-    type: 'code-block',
-    language: 'ts',
-    fileName: 'msgpack-encoding.ts',
-    children: [
-      {
-        text: "import {MessagePackEncoder, MessagePackDecoder} from 'json-joy/lib/json-pack/msgpack';\n\nconst encoder = new MessagePackEncoder();\nconst decoder = new MessagePackDecoder();\n\nconst patch = {\n  type: 'set',\n  path: ['user', 'status'],\n  value: 'online',\n};\n\nconst bytes = encoder.encode(patch);\nconst restored = decoder.decode(bytes);\n\nconsole.log(restored); // { type: 'set', path: [...], value: 'online' }",
-      },
-    ],
-  },
-
-  {type: 'h2', children: [{text: 'RPC Calls & Server Communication'}]},
-  {
-    type: 'p',
-    children: [{text: 'The RPC layer provides type-safe request/response patterns for client-server communication.'}],
-  },
-  {
-    type: 'code-block',
-    language: 'ts',
-    fileName: 'rpc-server.ts',
-    children: [
-      {
-        // biome-ignore lint/suspicious/noTemplateCurlyInString: literal source code sample displayed in the editor
-        text: "import {RpcServer} from '@jsonjoy.com/rpc-server';\nimport {RpcHandler} from '@jsonjoy.com/rpc-calls';\n\nconst server = new RpcServer();\n\n// Register an RPC method\nserver.add('greet', (name: string) => {\n  return `Hello, ${name}!`;\n});\n\nserver.add('calculate', (a: number, b: number) => {\n  return {\n    sum: a + b,\n    product: a * b,\n    difference: a - b,\n  };\n});\n\n// Server is ready to handle RPC calls\nexport default server;",
-      },
-    ],
-  },
-  {
-    type: 'code-block',
-    language: 'ts',
-    fileName: 'rpc-client.ts',
-    children: [
-      {
-        text: "import {RpcClient} from '@jsonjoy.com/rpc-client';\n\nconst client = new RpcClient(url);\n\n// Make RPC calls\nconst greeting = await client.call('greet', ['Alice']);\nconsole.log(greeting); // 'Hello, Alice!'\n\nconst result = await client.call('calculate', [10, 5]);\nconsole.log(result);\n// => { sum: 15, product: 50, difference: 5 }",
-      },
-    ],
-  },
-
-  {type: 'h2', children: [{text: 'Collaborative Presence'}]},
-  {
-    type: 'p',
-    children: [{text: 'Track live cursors, selections, and user awareness with the collaborative presence layer.'}],
-  },
-  {
-    type: 'code-block',
-    language: 'tsx',
-    fileName: 'presence-setup.tsx',
-    children: [
-      {
-        // biome-ignore lint/suspicious/noTemplateCurlyInString: literal source code sample displayed in the editor
-        text: "import {PresenceManager} from '@jsonjoy.com/collaborative-presence';\n\nconst presence = new PresenceManager({\n  sessionId: 'alice-12345',\n  displayName: 'Alice',\n  color: '#FF6B6B',\n  autoGossip: true,\n  gossipIntervalMs: 200,\n});\n\n// Update cursor position\npresence.setState({\n  cursor: {\n    line: 5,\n    column: 12,\n  },\n  selection: {\n    start: {line: 5, column: 5},\n    end: {line: 5, column: 12},\n  },\n});\n\n// Subscribe to other users' presence\npresence.onUpdate((update) => {\n  console.log(`${update.displayName} is at line ${update.cursor?.line}`);\n});",
-      },
-    ],
-  },
-
-  {type: 'h2', children: [{text: 'Slate.js Integration'}]},
-  {
-    type: 'p',
-    children: [
-      {text: 'Bind a Peritext CRDT to Slate using a single '},
-      {text: 'bind()', code: true},
-      {text: ' call in a React effect.'},
-    ],
-  },
-  {
-    type: 'code-block',
-    language: 'tsx',
-    fileName: 'slate-bind.tsx',
-    children: [
-      {
-        text: "import React, {useEffect, useMemo} from 'react';\nimport {createEditor} from 'slate';\nimport {Slate, Editable, withReact} from 'slate-react';\nimport {bind} from '@jsonjoy.com/collaborative-slate';\n\nexport function CollaborativeEditor({peritextRef}) {\n  const editor = useMemo(() => withReact(createEditor()), []);\n\n  useEffect(() => {\n    const unbind = bind(peritextRef, editor);\n    return unbind;\n  }, [editor, peritextRef]);\n\n  return (\n    <Slate editor={editor} initialValue={[{type: 'p', children: [{text: ''}]}]}>\n      <Editable />\n    </Slate>\n  );\n}",
-      },
-    ],
-  },
-
-  {type: 'h2', children: [{text: 'ProseMirror Integration'}]},
-  {
-    type: 'p',
-    children: [{text: 'json-joy also provides bindings for ProseMirror with the same simplicity.'}],
-  },
-  {
-    type: 'code-block',
-    language: 'ts',
-    fileName: 'prosemirror-bind.ts',
-    children: [
-      {
-        text: "import {EditorState} from 'prosemirror-state';\nimport {EditorView} from 'prosemirror-view';\nimport {schema} from 'prosemirror-schema-basic';\nimport {bind} from '@jsonjoy.com/collaborative-prosemirror';\n\nconst state = EditorState.create({schema});\nconst view = new EditorView(document.querySelector('#editor'), {state});\n\n// Bind the Peritext model to ProseMirror\nconst unbind = bind(peritextRef, view);\n\n// Cleanup when done\nreturn () => unbind();",
-      },
-    ],
-  },
-
-  {type: 'h2', children: [{text: 'JSON Paths & Pointers'}]},
-  {
-    type: 'p',
-    children: [{text: 'Navigate JSON structures using path expressions and JSON Pointer syntax.'}],
-  },
-  {
-    type: 'code-block',
-    language: 'ts',
-    fileName: 'json-path.ts',
-    children: [
-      {
-        text: "import {JsonPath} from '@jsonjoy.com/json-path';\nimport {JsonPointer} from '@jsonjoy.com/json-pointer';\n\nconst data = {\n  users: [\n    {id: 1, name: 'Alice', email: 'alice@example.com'},\n    {id: 2, name: 'Bob', email: 'bob@example.com'},\n  ],\n};\n\n// Using JSON Pointer\nconst ptr = new JsonPointer('/users/0/name');\nconst name = ptr.evaluate(data);\nconsole.log(name); // 'Alice'\n\n// Using JSON Path\nconst path = new JsonPath('$.users[*].email');\nconst emails = path.evaluate(data);\nconsole.log(emails); // ['alice@example.com', 'bob@example.com']",
-      },
-    ],
-  },
-
-  {type: 'h2', children: [{text: 'Data Type Inspection'}]},
-  {
-    type: 'p',
-    children: [{text: 'Inspect and validate JSON data types with type guards and predicates.'}],
-  },
-  {
-    type: 'code-block',
-    language: 'ts',
-    fileName: 'json-type.ts',
-    children: [
-      {
-        text: "import {isObject, isArray, isString, isNumber} from '@jsonjoy.com/json-type';\n\nconst value1 = {key: 'value'};\nconst value2 = [1, 2, 3];\nconst value3 = 'hello';\n\nconsole.log(isObject(value1)); // true\nconsole.log(isArray(value2)); // true\nconsole.log(isString(value3)); // true\nconsole.log(isNumber(value3)); // false",
-      },
-    ],
-  },
-
-  {type: 'h2', children: [{text: 'Base64 Encoding'}]},
-  {
-    type: 'p',
-    children: [{text: 'Convert binary data to and from Base64 for transport and storage.'}],
-  },
-  {
-    type: 'code-block',
-    language: 'ts',
-    fileName: 'base64-encoding.ts',
-    children: [
-      {
-        text: "import {encodeBase64, decodeBase64} from '@jsonjoy.com/base64';\n\nconst text = 'Hello, json-joy!';\nconst encoded = encodeBase64(text);\nconsole.log(encoded); // 'SGVsbG8sIGpzb24tam95IQ=='\n\nconst decoded = decodeBase64(encoded);\nconsole.log(decoded); // 'Hello, json-joy!'",
-      },
-    ],
-  },
-
-  {type: 'h2', children: [{text: 'Channel Communications'}]},
-  {
-    type: 'p',
-    children: [{text: 'Use channels for structured message passing between components and services.'}],
-  },
-  {
-    type: 'code-block',
-    language: 'ts',
-    fileName: 'channel-messaging.ts',
-    children: [
-      {
-        text: "import {Channel} from '@jsonjoy.com/channel';\n\nconst channel = new Channel();\n\n// Subscribe to messages\nchannel.subscribe((message) => {\n  console.log('Received:', message);\n});\n\n// Send messages\nchannel.send({type: 'update', payload: {id: 42}});\nchannel.send({type: 'delete', id: 5});\n\n// Cleanup\nconst unsubscribe = channel.subscribe((msg) => console.log(msg));\nunsubscribe();",
-      },
-    ],
-  },
-
-  {type: 'h2', children: [{text: 'Full Example: Collaborative Document'}]},
-  {
-    type: 'p',
-    children: [{text: 'Combine CRDT, Slate binding, and presence for a complete collaborative editing experience.'}],
-  },
-  {
-    type: 'code-block',
-    language: 'tsx',
-    fileName: 'CollaborativeDoc.tsx',
-    children: [
-      {
-        // biome-ignore lint/suspicious/noTemplateCurlyInString: literal source code sample displayed in the editor
-        text: "import React, {useEffect, useMemo, useRef, useState} from 'react';\nimport {Model} from 'json-joy/lib/json-crdt';\nimport {PresenceManager} from '@jsonjoy.com/collaborative-presence';\nimport {SlateEditor} from '@jsonjoy.com/collaborative-slate';\n\nexport function CollaborativeDocument({docId, userId}) {\n  const modelRef = useRef<Model | null>(null);\n  const presenceRef = useRef<PresenceManager | null>(null);\n\n  useEffect(() => {\n    // Initialize CRDT model\n    modelRef.current = Model.create();\n\n    // Initialize presence\n    presenceRef.current = new PresenceManager({\n      sessionId: userId,\n      displayName: `User ${userId}`,\n    });\n\n    return () => {\n      presenceRef.current?.close();\n    };\n  }, [userId]);\n\n  return (\n    <SlateEditor\n      peritextRef={modelRef.current?.s}\n      presenceManager={presenceRef.current}\n      minHeight={600}\n    />\n  );\n}",
-      },
-    ],
-  },
-
-  {
-    type: 'p',
-    align: 'center',
-    children: [{text: '— Explore the full documentation at jsonjoy.com —'}],
-  },
-];
-
-const meta = preview.meta({
-  title: 'MuTxt',
-});
-
-export const Primary = meta.story({
-  render: () => (
-    <Wrap>
-      <MuTxt autoFocus={false} fromSlate={primaryValue} minHeight={440} />
-    </Wrap>
-  ),
-});
-
-export const Empty = meta.story({
-  render: () => (
-    <Wrap>
-      <MuTxt autoFocus={false} fromSlate={[]} />
-    </Wrap>
-  ),
-});
-
-export const Fit = meta.story({
-  render: () => (
-    <div style={{height: 600, border: '1px dashed red'}}>
-      <MuTxt autoFocus={false} fromSlate={primaryValue} heightFit />
-    </div>
-  ),
-});
-
-export const Borderless = meta.story({
-  render: () => (
-    <div style={{height: 600, border: '1px solid rgb(0, 0, 0, 0.2)'}}>
-      <MuTxt autoFocus={false} fromSlate={primaryValue} heightFit borderless style={{maxWidth: '100%'}} />
-    </div>
-  ),
-});
-
-export const KitchenSink = meta.story({
-  render: () => (
-    <Wrap>
-      <MuTxt autoFocus={false} fromSlate={kitchenSinkValue} minHeight={440} height={500} />
-    </Wrap>
-  ),
-});
-
-export const ManyHeadings = meta.story({
-  render: () => (
-    <Wrap>
-      <MuTxt autoFocus={false} fromSlate={manyHeadingsValue} minHeight={440} contentWidth={920} />
-    </Wrap>
-  ),
-});
-
-export const TwoColumns = meta.story({
-  render: () => (
-    <Wrap>
-      <MuTxt autoFocus={false} fromSlate={twoColumnsValue} minHeight={440} contentWidth={920} />
-    </Wrap>
-  ),
-});
-
-export const Embeds = meta.story({
-  render: () => (
-    <Wrap>
-      <MuTxt autoFocus={false} fromSlate={embedsValue} minHeight={720} />
-    </Wrap>
-  ),
-});
-
-export const LongDocument = meta.story({
-  render: () => (
-    <Wrap scroll>
-      <MuTxt autoFocus={false} fromSlate={longValue} minHeight={440} />
-    </Wrap>
-  ),
-});
-
-export const ReadOnly = meta.story({
-  render: () => (
-    <Wrap>
-      <MuTxt autoFocus={false} fromSlate={kitchenSinkValue} minHeight={440} readOnly />
-    </Wrap>
-  ),
-});
-
-const rtlValue: SlateEditorDocument = [
-  {type: 'h1', children: [{text: 'الكتابة من اليمين إلى اليسار'}]},
-  {
-    type: 'p',
-    children: [
-      {text: 'هذه فقرة عربية تحتوي على نص '},
-      {text: 'عريض', bold: true},
-      {text: ' و'},
-      {text: 'مائل', italic: true},
-      {text: ' و'},
-      {text: 'تحت السطر', underline: true},
-      {text: '. كما تحتوي على كلمة إنجليزية مثل '},
-      {text: 'TypeScript', code: true},
-      {text: ' وعنوان '},
-      {text: 'jsonjoy.com', a: {href: 'https://jsonjoy.com'}},
-      {text: ' لاختبار سلوك النص ثنائي الاتجاه (BiDi).'},
-    ],
-  },
-  {type: 'h2', children: [{text: 'עברית — בלוקים שונים'}]},
-  {
-    type: 'blockquote',
-    children: [{text: 'ציטוט בעברית: שורת המבטא של ציטוט אמורה להופיע בצד ההתחלה הלוגי של הבלוק, לא תמיד בצד שמאל.'}],
-  },
-  {
-    type: 'callout',
-    color: '#07f',
-    icon: '💡',
-    title: 'تنبيه',
-    children: [{text: 'يجب أن يظهر شريط اللون على جانب البداية المنطقي في وضع RTL.'}],
-  },
-  {type: 'h2', children: [{text: 'قوائم'}]},
-  {
-    type: 'ul',
-    children: [
-      {type: 'li', children: [{text: 'عنصر أول في قائمة غير مرتبة.'}]},
-      {type: 'li', children: [{text: 'عنصر ثانٍ يحتوي على كلمة لاتينية: '}, {text: 'inline-start', code: true}]},
-      {type: 'li', children: [{text: 'عنصر ثالث.'}]},
-    ],
-  },
-  {
-    type: 'ol',
-    children: [
-      {type: 'li', children: [{text: 'الخطوة الأولى.'}]},
-      {type: 'li', children: [{text: 'الخطوة الثانية.'}]},
-      {type: 'li', children: [{text: 'الخطوة الثالثة.'}]},
-    ],
-  },
-  {type: 'h2', children: [{text: 'كود برمجي'}]},
-  {
-    type: 'p',
-    children: [{text: 'يجب أن تبقى كتلة الكود التالية بمحاذاة من اليسار إلى اليمين حتى داخل مستند RTL:'}],
-  },
-  {
-    type: 'code-block',
-    language: 'ts',
-    fileName: 'example.ts',
-    children: [
-      {
-        text: "import {Model} from 'json-joy/lib/json-crdt';\n\nconst model = Model.create();\nmodel.api.obj().set('title', 'مرحبا');\nconsole.log(model.view());",
-      },
-    ],
-  },
-  {
-    type: 'p',
-    children: [
-      {text: 'نص مختلط: '},
-      {text: 'Hello world', bold: true},
-      {text: ' داخل فقرة عربية، يتبعه رقم 12345 ثم URL: '},
-      {text: 'https://github.com/streamich/json-joy', a: {href: 'https://github.com/streamich/json-joy'}},
-      {text: '.'},
-    ],
-  },
-  {
-    type: 'p',
-    align: 'center',
-    children: [{text: 'فقرة موسطة لاختبار محاذاة النص.'}],
-  },
-];
-
-export const RightToLeft = meta.story({
-  render: () => (
-    <Wrap dir="rtl">
-      <MuTxt autoFocus={false} fromSlate={rtlValue} minHeight={440} />
-    </Wrap>
-  ),
-});
-
-export const RightToLeftScroll = meta.story({
-  render: () => (
-    <Wrap dir="rtl">
-      <MuTxt autoFocus={false} fromSlate={rtlValue} minHeight={440} height={500} />
-    </Wrap>
-  ),
-});
-
-export const RightToLeftFit = meta.story({
-  render: () => (
-    <div dir="rtl" style={{height: 600, border: '1px dashed red'}}>
-      <MuTxt autoFocus={false} fromSlate={rtlValue} heightFit />
-    </div>
-  ),
-});
-
-export const RightToLeftHtml = meta.story({
-  render: () => {
-    React.useEffect(() => {
-      const prev = document.documentElement.dir;
-      document.documentElement.dir = 'rtl';
-      return () => {
-        document.documentElement.dir = prev;
-      };
-    }, []);
-    return (
-      <Wrap>
-        <MuTxt autoFocus={false} fromSlate={rtlValue} minHeight={440} />
-      </Wrap>
-    );
-  },
-});
-
-export const CodeBlocks = meta.story({
-  parameters: {
-    layout: 'fullscreen',
-  },
-  render: () => (
-    <Wrap scroll>
-      <MuTxt
-        autoFocus={false}
-        fromSlate={codeBlocksValue}
-        minHeight={440}
-        height={window.innerHeight - 200}
-        contentWidth={920}
-      />
-    </Wrap>
-  ),
-});
diff --git a/packages/mutxt-react/src/MuTxt/MuTxt.tsx b/packages/mutxt-react/src/MuTxt/MuTxt.tsx
deleted file mode 100644
index f133d79cbd..0000000000
--- a/packages/mutxt-react/src/MuTxt/MuTxt.tsx
+++ /dev/null
@@ -1,576 +0,0 @@
-import * as React from 'react';
-import * as ScrollArea from '@jsonjoy.com/ui/lib/4-card/ScrollArea';
-import {useMemo, useEffect, useCallback} from 'react';
-import * as nanoTheme from 'nano-theme';
-import {rule} from 'nano-theme';
-import {createEditor, Transforms} from 'slate';
-import {Slate, Editable, withReact, type RenderElementProps, type RenderLeafProps} from 'slate-react';
-import {withHistory} from 'slate-history';
-import {Paper} from '@jsonjoy.com/ui/lib/4-card/Paper';
-import useIsomorphicLayoutEffect from 'react-use/lib/useIsomorphicLayoutEffect';
-import {useStyles} from '@jsonjoy.com/ui/lib/styles/context';
-import {withPresenceLeaf, useSlatePresence} from '@jsonjoy.com/collaborative-slate';
-import {isInRawTextBlock, withCodeBlockBreaks} from './behavior';
-import {withEmbeds} from './behavior/embed';
-import {withMath} from './behavior/math';
-import {withHr} from './behavior/hr';
-import {withLinkPaste} from './behavior/linkPaste';
-import {withTitleSubmit} from './behavior/title';
-import {withSelectAllGuard} from './behavior/selectAllGuard';
-import {withFile} from './behavior/file';
-import {withToc} from './behavior/toc';
-import {withTranslit} from '../translit/bindings/slate';
-import {MuTxtTranslit} from './translit/MuTxtTranslit';
-import {BlockElement} from './components/blocks/BlockElement';
-import {MuTxtFooter} from './chrome/footer/MuTxtFooter';
-import {ScrollMap} from './chrome/scroll/ScrollMap';
-import {Leaf} from './inline/components/Leaf';
-import {DEF_PLACEHOLDER, Placeholder} from './inline/components/Placeholder';
-import {MuTxtHeader} from './chrome/header/MuTxtHeader';
-import {InlineFloater} from './inline/InlineFloater';
-import {LinkFloater} from './inline/link/LinkFloater';
-import {InlineMathFloater} from './inline/InlineMathFloater';
-import {BlockFloater} from './block/BlockFloater';
-import {EmbedFloater} from './void/embed/EmbedFloater';
-import {FileFloater} from './void/file/FileFloater';
-import {OmniFloater} from './omni/OmniFloater';
-import {SelectAllGuardFloater} from './guard/SelectAllGuardFloater';
-import {IndicatorFloater} from './state/IndicatorFloater';
-import {SlateEditorContextProvider} from './context';
-import {PortalParentProvider} from '@jsonjoy.com/ui/lib/utils/portal/context';
-import {EnsureUiProvider, useUiServices} from '@jsonjoy.com/ui/lib/context';
-import {useScopedResetClass} from '@jsonjoy.com/ui/lib/context/ScopedResetContext';
-import {useToasts} from '@jsonjoy.com/ui/lib/7-fullscreen/ToastCardManager/context';
-import {ToastCardManager} from '@jsonjoy.com/ui/lib/7-fullscreen/ToastCardManager';
-import {Provider as StylesProvider} from '@jsonjoy.com/ui/lib/styles/context';
-import {MuTxtState} from './state/MuTxtState';
-import {decorActiveSelection} from './behavior/active-selection';
-import {FONT_FAMILIES} from './behavior/font';
-import {Sizer} from '@jsonjoy.com/ui/lib/5-block/Sizer';
-import {s} from 'json-joy/lib/json-crdt';
-import {ModelWithExt} from 'json-joy/lib/json-crdt-extensions';
-import type {ObjNode} from 'json-joy/lib/json-crdt';
-import type {ObjApi} from 'json-joy/lib/json-crdt';
-import type {PresenceManager} from '@jsonjoy.com/collaborative-presence';
-import type {CustomElement, EditableWidth, SlateEditorDocument} from './types';
-import type {PeritextRef} from '@jsonjoy.com/collaborative-peritext';
-import type {MuTxtApi} from './state/MuTxtApi';
-
-import './loadFonts';
-
-const KeyboardShortcutsModal = React.lazy(() =>
-  import('./chrome/KeyboardShortcuts').then((m) => ({default: m.KeyboardShortcutsModal})),
-);
-
-const EmbedDocsModal = React.lazy(() => import('./chrome/EmbedDocs').then((m) => ({default: m.EmbedDocsModal})));
-
-const TranslitMapModal = React.lazy(() =>
-  import('./translit/TranslitMapModal').then((m) => ({default: m.TranslitMapModal})),
-);
-
-const computeEditableWidth = (shellWidth: number, kind: EditableWidth): number => {
-  return kind === 'mid'
-    ? Math.max(780, Math.min(900, Math.round(shellWidth * 0.6)))
-    : kind === 'wide'
-      ? Math.max(900, Math.min(1200, Math.round(shellWidth * 0.7)))
-      : Math.max(640, Math.min(780, Math.round(shellWidth * 0.5)));
-};
-
-const renderElement = (props: RenderElementProps) => <BlockElement {...(props as any)} />;
-
-const shellClass = rule({
-  pos: 'relative',
-  w: '100%',
-  bxz: 'border-box',
-  // maxW: '1200px',
-  mr: '0 auto',
-  ov: 'hidden',
-});
-
-const fitShellClass = rule({
-  h: '100%',
-  d: 'flex',
-  fld: 'column',
-});
-
-// Host for MathLive's `<math-field>` virtual keyboard when in fullwindow /
-// fullscreen mode.
-const mathKbdHostClass = rule({
-  pos: 'absolute',
-  inset: 0,
-  pointerEvents: 'none',
-  '& .MLK__backdrop': {
-    pointerEvents: 'auto',
-  },
-});
-
-const editableClass = rule({
-  w: '100%',
-  mr: '0 auto',
-  pd: '22px 24px',
-  bxz: 'border-box',
-  fz: '16px',
-  lh: 1.8,
-  out: 'none',
-});
-
-export interface MuTxtProps {
-  /**
-   * The mutxt document, represented as a JSON CRDT object of the shape
-   * `{'@type': 'mutxt', text: <peritext>}`. When omitted, MuTxt creates its
-   * own in-memory model.
-   */
-  obj?: ObjApi;
-
-  /** Collaborative presence indicator manager. */
-  presence?: PresenceManager;
-
-  /**
-   * Slate document used to seed a freshly created mutxt document. Ignored when
-   * the underlying document is not empty — in that case the existing content is
-   * loaded as-is.
-   */
-  fromSlate?: SlateEditorDocument;
-
-  placeholder?: React.ReactNode;
-  maxWidth?: number;
-  contentWidth?: number;
-  minHeight?: number;
-  maxHeight?: number;
-  height?: number;
-  heightFit?: boolean;
-  borderless?: boolean;
-  autoFocus?: boolean;
-  hoverElevate?: boolean;
-  readOnly?: boolean;
-  className?: string;
-  style?: React.CSSProperties;
-  state?: MuTxtState;
-  onApi?: (api: MuTxtApi) => void;
-
-  /**
-   * When the editor mounts with an empty document, replace the default
-   * empty paragraph with an empty `title` block. Useful for "new document"
-   * flows where the first thing the user sees is a title prompt.
-   */
-  startWithTitle?: boolean;
-
-  /**
-   * Called with the text contents of the `title` block when the user
-   * presses Enter at the end of it. Fires before the default Enter
-   * behaviour (which converts the new block into a subtitle).
-   */
-  onTitleSubmit?: (title: string) => void;
-
-  /**
-   * Theme override coming from the embedding environment. Takes precedence
-   * over the surrounding `UiProvider` theme. Falls back to the system
-   * preference when no parent `UiProvider` is present. The internal
-   * MuTxt-level override stored on the document (see `MuTxtState#theme`)
-   * always takes precedence over this prop.
-   */
-  theme?: 'light' | 'dark';
-}
-
-interface MuTxtInnerProps extends MuTxtProps {
-  state: MuTxtState;
-  editor: ReturnType<typeof withTitleSubmit>;
-}
-
-const MuTxtInner: React.FC<MuTxtInnerProps> = ({
-  state,
-  editor,
-  placeholder = DEF_PLACEHOLDER,
-  presence,
-  contentWidth,
-  minHeight,
-  maxHeight,
-  height,
-  heightFit,
-  borderless,
-  autoFocus,
-  hoverElevate,
-  readOnly,
-  className = '',
-  style,
-}) => {
-  const styles = useStyles();
-  const scopedResetClass = useScopedResetClass();
-  const peritextRef: PeritextRef = state.peritextRef;
-
-  // --------------------------------------------------------- Presence manager
-  const {decorate: decorateRemoteCursors, sendLocalPresence} = useSlatePresence({
-    manager: presence,
-    peritext: peritextRef,
-    editor,
-    userFromMeta: (meta: any) => (meta ? {name: meta.name, color: meta.color} : undefined),
-  });
-  // biome-ignore lint/correctness/useExhaustiveDependencies: state instance is stable for the lifetime of the component
-  useEffect(() => {
-    state.publishPresence = sendLocalPresence;
-  }, [sendLocalPresence]);
-
-  // ----------------------------------------------------------- Toasts binding
-  const toasts = useToasts();
-  useEffect(() => {
-    state.toasts = toasts;
-    return () => {
-      if (state.toasts === toasts) state.toasts = undefined;
-    };
-  }, [state, toasts]);
-
-  // -------------------------------------------------------- Slate decorations
-  const linkPopupOpen = state.inline.link.open.use();
-  const activeSelectionRange = state.inline.link.rangeSnapshot.use();
-  const omniOpen = state.omni.open.use();
-  const omniRange = state.omni.rangeSnapshot.use();
-  const shortcutsOpen = state.shortcutsOpen.use();
-  const embedDocsOpen = state.embedDocsOpen.use();
-  const translitMapOpen = state.translit.mapOpen.use();
-  const displayMode = state.displayMode.use();
-  const font = state.font.use();
-  const editableWidthKind = state.editableWidth.use();
-  const shellAvailableWidth = state.sizer.width.use();
-  const shellDesiredWidth = state.sizer.content.use();
-  const actualShellWidth =
-    shellAvailableWidth > 0 ? Math.min(shellAvailableWidth, shellDesiredWidth) : shellDesiredWidth;
-  const computedEditableWidth =
-    actualShellWidth > 0 ? computeEditableWidth(actualShellWidth, editableWidthKind) : undefined;
-  const [shellEl, setShellEl] = React.useState<HTMLElement | null>(null);
-  const handleShellRef = React.useCallback(
-    (el: HTMLDivElement | null) => {
-      setShellEl(el);
-      state.bindShell(el);
-    },
-    [state],
-  );
-  const [mathKbdHostEl, setMathKbdHostEl] = React.useState<HTMLElement | null>(null);
-
-  // MathLive's `<math-field>` virtual keyboard mounts into `document.body` by
-  // default. In `fullwindow` and `fullscreen` we mount it inside the shell
-  // instead, to ensure it appears above the editor content.
-  useEffect(() => {
-    const vk = (globalThis as any).window?.mathVirtualKeyboard;
-    if (!vk) return;
-    const needsHost = displayMode === 'fullwindow' || displayMode === 'fullscreen';
-    const next = needsHost && mathKbdHostEl ? mathKbdHostEl : document.body;
-    // MathLive throws when
-    try {
-      vk.container = next;
-    } catch {}
-    return () => {
-      try {
-        vk.container = document.body;
-      } catch {}
-    };
-  }, [displayMode, mathKbdHostEl]);
-
-  const decorate = useCallback(
-    (entry: Parameters<typeof decorateRemoteCursors>[0]) => {
-      const ranges = [...decorateRemoteCursors(entry)];
-      if (linkPopupOpen && activeSelectionRange) {
-        const linkRange = decorActiveSelection(entry, activeSelectionRange);
-        if (linkRange) ranges.push(linkRange as any);
-      }
-      if (omniOpen && omniRange) {
-        const omniDecor = decorActiveSelection(entry, omniRange);
-        if (omniDecor) ranges.push(omniDecor as any);
-      }
-      return ranges;
-    },
-    [decorateRemoteCursors, linkPopupOpen, activeSelectionRange, omniOpen, omniRange],
-  );
-
-  // ---------------------------------------------------------------- Renderers
-  const renderLeaf = useMemo(() => {
-    const base = (props: RenderLeafProps) => <Leaf {...(props as any)} />;
-    return presence ? withPresenceLeaf(base) : base;
-  }, [presence]);
-
-  const editableStyle: React.CSSProperties = {
-    minHeight,
-    maxWidth: contentWidth ?? computedEditableWidth ?? 800,
-    color: styles.g(0.15),
-    caretColor: styles.g(0),
-    fontFamily: FONT_FAMILIES[font],
-  };
-
-  let content: React.ReactNode = (
-    <Slate
-      editor={editor}
-      initialValue={editor.children}
-      onChange={state.onChange}
-      onSelectionChange={state.onSelection}
-    >
-      <Editable
-        ref={(el) => {
-          state.editableBox.setEl(el ?? undefined);
-          state.bindKbdSource(el);
-          state.customStyle.setEditableEl((el as HTMLElement | null) ?? undefined);
-        }}
-        decorate={decorate}
-        renderElement={renderElement}
-        renderLeaf={renderLeaf}
-        placeholder={placeholder as any}
-        renderPlaceholder={(props) => <Placeholder {...props} />}
-        spellCheck
-        autoFocus={autoFocus}
-        readOnly={readOnly}
-        className={editableClass}
-        style={editableStyle}
-        onFocus={() => state.setFocused(true)}
-        onBlur={() => state.setFocused(false)}
-      />
-      {!shortcutsOpen && !embedDocsOpen && !translitMapOpen && <InlineFloater />}
-      {!shortcutsOpen && !embedDocsOpen && !translitMapOpen && <BlockFloater />}
-      <LinkFloater />
-      <EmbedFloater />
-      <FileFloater />
-      <InlineMathFloater />
-      {!shortcutsOpen && !embedDocsOpen && !translitMapOpen && <OmniFloater />}
-      {!shortcutsOpen && !embedDocsOpen && !translitMapOpen && <IndicatorFloater />}
-    </Slate>
-  );
-
-  let scrollAreaStyle: React.CSSProperties | undefined;
-  if (heightFit) {
-    // NOTE: do NOT set `overflow: auto` here. The actual scrolling happens in
-    // the inner `<ScrollArea.Viewport>`, which hides its native scrollbar via
-    // `scrollbar-width: none` and `::-webkit-scrollbar { display: none }`.
-    // Setting overflow on this outer wrapper would create a second native
-    // scroll context with no scrollbar-hiding CSS — on macOS that surfaces as
-    // the system overlay scrollbar flashing over the virtual one.
-    scrollAreaStyle = {flex: '1 1 0%', minHeight: 0};
-  } else if (height || maxHeight) {
-    scrollAreaStyle = {height, maxHeight};
-  }
-  if (scrollAreaStyle) {
-    content = (
-      <ScrollArea.ScrollArea state={state.scroll} shadow style={scrollAreaStyle}>
-        <ScrollArea.Viewport
-          onMouseDown={(e) => {
-            if (!e.currentTarget.contains(e.target as Node)) return;
-            if (!state.api.focused() && !(e.target as HTMLElement).closest('[contenteditable]')) {
-              e.preventDefault();
-              state.api.focus();
-            }
-          }}
-          onMouseUp={(e) => {
-            if (!e.currentTarget.contains(e.target as Node)) return;
-            if (!state.api.focused() && !(e.target as HTMLElement).closest('[contenteditable]')) {
-              e.preventDefault();
-              state.api.focus();
-            }
-          }}
-        >
-          {content}
-        </ScrollArea.Viewport>
-        <ScrollArea.ScrollRail>
-          <ScrollArea.Thumb />
-          <ScrollMap editor={editor} />
-        </ScrollArea.ScrollRail>
-      </ScrollArea.ScrollArea>
-    );
-  }
-
-  content = (
-    <>
-      <MuTxtHeader editor={editor} />
-      <div
-        ref={(el) => state.customStyle.setBodyEl(el ?? undefined)}
-        style={heightFit ? {flex: '1 1 0%', minHeight: 0, display: 'flex', flexDirection: 'column'} : undefined}
-      >
-        {content}
-      </div>
-      <MuTxtFooter />
-      {shortcutsOpen && (
-        <React.Suspense fallback={null}>
-          <KeyboardShortcutsModal />
-        </React.Suspense>
-      )}
-      {embedDocsOpen && (
-        <React.Suspense fallback={null}>
-          <EmbedDocsModal />
-        </React.Suspense>
-      )}
-      {!!translitMapOpen && (
-        <React.Suspense fallback={null}>
-          <TranslitMapModal />
-        </React.Suspense>
-      )}
-      {!shortcutsOpen && !embedDocsOpen && !translitMapOpen && <SelectAllGuardFloater />}
-      <div ref={setMathKbdHostEl} className={mathKbdHostClass} aria-hidden />
-      {/* The global `ToastCardManager` in `UiProvider` is at `z-index: 5000`
-          in document-body stacking context, so in `fullwindow` it's hidden
-          behind the shell (`z-index: 9999`); in `fullscreen` it sits outside
-          the fullscreen element and isn't rendered at all. A second manager
-          inside the shell subscribes to the same toast service and renders
-          inside the shell's stacking context / fullscreen root, so toasts
-          remain visible in both full modes. */}
-      {(displayMode === 'fullwindow' || displayMode === 'fullscreen') && <ToastCardManager />}
-    </>
-  );
-
-  const combinedClass =
-    (scopedResetClass ? scopedResetClass + ' ' : '') +
-    (className || '') +
-    shellClass +
-    (heightFit ? fitShellClass : '');
-
-  const shellStyle: React.CSSProperties =
-    displayMode === 'fullwindow'
-      ? {
-          ...style,
-          position: 'fixed',
-          inset: 0,
-          width: '100vw',
-          height: '100vh',
-          maxWidth: 'none',
-          borderRadius: 0,
-          zIndex: 9999,
-          background: String(styles.bg),
-        }
-      : (style as React.CSSProperties);
-
-  if (borderless) {
-    content = React.createElement('div', {ref: handleShellRef, style: shellStyle, className: combinedClass}, content);
-  } else {
-    content = React.createElement(
-      Paper,
-      {
-        ref: handleShellRef,
-        round: displayMode !== 'fullwindow',
-        contrast: true,
-        hover: true,
-        hoverElevate,
-        style: shellStyle,
-        className: combinedClass,
-      },
-      content,
-    );
-  }
-
-  return (
-    <SlateEditorContextProvider state={state}>
-      <PortalParentProvider value={displayMode === 'fullscreen' ? shellEl : null}>
-        <Sizer
-          state={state.sizer}
-          minWidth={300}
-          handlePadding={64}
-          handleMaxHeight={500}
-          handleWidth={3}
-          style={heightFit ? {height: '100%', minHeight: 0} : undefined}
-        >
-          {content}
-        </Sizer>
-      </PortalParentProvider>
-    </SlateEditorContextProvider>
-  );
-};
-
-export const MuTxt: React.FC<MuTxtProps> = (props) => {
-  const {
-    obj,
-    fromSlate,
-    presence,
-    autoFocus,
-    readOnly,
-    state: _state,
-    onApi,
-    startWithTitle,
-    onTitleSubmit,
-    theme: themeProp,
-  } = props;
-
-  // ---------------------------------------------- Parent UiProvider detection
-  // Read parent context BEFORE wrapping in `EnsureUiProvider` so that
-  // `parentServices` is null when no real parent provider is mounted above.
-  const parentServices = useUiServices();
-  const parentNano = nanoTheme.useTheme();
-  const parentResolvedTheme: 'light' | 'dark' | null = parentServices ? (parentNano.isLight ? 'light' : 'dark') : null;
-
-  // ---------------------------------------------------- Title-submit callback
-  const onTitleSubmitRef = React.useRef(onTitleSubmit);
-  React.useEffect(() => {
-    onTitleSubmitRef.current = onTitleSubmit;
-  }, [onTitleSubmit]);
-
-  // ------------------------------------------------------------- Editor state
-  // biome-ignore lint/correctness/useExhaustiveDependencies: presence/readOnly/fromSlate are init-time only; do not recreate state on change
-  const [editor, state] = useMemo(() => {
-    const translit = new MuTxtTranslit();
-    const editor = withTitleSubmit(
-      withTranslit(
-        withToc(
-          withHr(
-            withFile(withMath(withEmbeds(withLinkPaste(withCodeBlockBreaks(withHistory(withReact(createEditor()))))))),
-          ),
-        ),
-        translit,
-        {shouldRun: (e) => !isInRawTextBlock(e as any)},
-      ),
-      () => onTitleSubmitRef.current,
-    );
-    const state = _state
-      ? _state
-      : new MuTxtState(
-          editor,
-          obj ? (obj as ObjApi<ObjNode>) : ModelWithExt.create<any>(s.obj({'@type': s.con('mutxt')})).api.obj([]),
-          {collaborative: !!presence, readOnly, fromSlate, translit},
-        );
-    const editorToReturn = _state ? _state.editor : editor;
-    withSelectAllGuard(editorToReturn, {
-      onDelete: () => state.selectAllGuard.requestDelete(),
-      onReplaceWithText: (text) => state.selectAllGuard.requestReplaceWithText(text),
-      onReplaceWithFragment: (fragment) => state.selectAllGuard.requestReplaceWithFragment(fragment),
-    });
-    return [editorToReturn, state];
-  }, [obj, _state]);
-
-  // biome-ignore lint/correctness/useExhaustiveDependencies: autoFocus only applies on initial mount of the owned state
-  useEffect(() => {
-    if (_state) return; // We don't own the state.
-    const stop = state.start();
-    if (startWithTitle && state.api.isEmpty()) {
-      // Convert the default empty paragraph into an empty title block. This
-      // runs after `state.start()` so the operation flows through the active
-      // PeritextBinding into the underlying CRDT (rather than being a stale
-      // direct mutation of `editor.children`).
-      Transforms.setNodes(editor, {type: 'title'} as Partial<CustomElement>, {at: [0]});
-    }
-    let focusTimer: any | undefined;
-    if (autoFocus) focusTimer = setTimeout(() => state.api.focus(), 101);
-    return () => {
-      stop();
-      clearTimeout(focusTimer);
-    };
-  }, [_state, state, startWithTitle, editor]);
-  useIsomorphicLayoutEffect(() => {
-    onApi?.(state.api);
-  }, []);
-
-  // ---------------------------------------------------- Props synchronization
-  useEffect(() => {
-    state.setReadOnly(!!readOnly);
-  }, [state, readOnly]);
-
-  // -------------------------------------------------------------------- Theme
-  const themeOverride = state.theme.use();
-  const systemDark = state.systemDark.use();
-  let resolvedTheme: 'light' | 'dark';
-  if (themeOverride === 'light' || themeOverride === 'dark') resolvedTheme = themeOverride;
-  else if (themeOverride === 'auto') resolvedTheme = systemDark ? 'dark' : 'light';
-  else if (themeProp === 'light' || themeProp === 'dark') resolvedTheme = themeProp;
-  else if (parentResolvedTheme) resolvedTheme = parentResolvedTheme;
-  else resolvedTheme = systemDark ? 'dark' : 'light';
-
-  return (
-    <EnsureUiProvider>
-      <nanoTheme.Provider theme={resolvedTheme}>
-        <StylesProvider dark={resolvedTheme === 'dark'}>
-          <MuTxtInner {...props} state={state} editor={editor} />
-        </StylesProvider>
-      </nanoTheme.Provider>
-    </EnsureUiProvider>
-  );
-};
diff --git a/packages/mutxt-react/src/MuTxt/__tests__/behavior.spec.ts b/packages/mutxt-react/src/MuTxt/__tests__/behavior.spec.ts
deleted file mode 100644
index c10f493371..0000000000
--- a/packages/mutxt-react/src/MuTxt/__tests__/behavior.spec.ts
+++ /dev/null
@@ -1,49 +0,0 @@
-import {createEditor} from 'slate';
-import {setChecklistItemChecked, toggleBlock} from '../behavior';
-import type {SlateEditorDocument} from '../types';
-
-const createTestEditor = (doc: SlateEditorDocument) => {
-  const editor = createEditor();
-  editor.children = doc as any;
-  return editor;
-};
-
-describe('SlateEditor behavior', () => {
-  test('converts paragraphs to checklist items with unchecked state', () => {
-    const editor = createTestEditor([{type: 'p', children: [{text: 'Ship checklist support'}]}]);
-    editor.selection = {
-      anchor: {path: [0, 0], offset: 0},
-      focus: {path: [0, 0], offset: 22},
-    };
-    toggleBlock(editor, 'checklist');
-    expect(editor.children).toEqual([
-      {type: 'checklist', children: [{type: 'li', checked: false, children: [{text: 'Ship checklist support'}]}]},
-    ]);
-  });
-
-  test('stores checked state on the checklist item node', () => {
-    const editor = createTestEditor([
-      {type: 'checklist', children: [{type: 'li', checked: false, children: [{text: 'Done'}]}]},
-    ]);
-
-    setChecklistItemChecked(editor, [0, 0], true);
-
-    expect(editor.children).toEqual([
-      {type: 'checklist', children: [{type: 'li', checked: true, children: [{text: 'Done'}]}]},
-    ]);
-  });
-
-  test('removes checked state when checklist items become paragraphs', () => {
-    const editor = createTestEditor([
-      {type: 'checklist', children: [{type: 'li', checked: true, children: [{text: 'Done'}]}]},
-    ]);
-    editor.selection = {
-      anchor: {path: [0, 0, 0], offset: 2},
-      focus: {path: [0, 0, 0], offset: 2},
-    };
-
-    toggleBlock(editor, 'p');
-
-    expect(editor.children).toEqual([{type: 'p', children: [{text: 'Done'}]}]);
-  });
-});
diff --git a/packages/mutxt-react/src/MuTxt/__tests__/caret.spec.ts b/packages/mutxt-react/src/MuTxt/__tests__/caret.spec.ts
deleted file mode 100644
index f6500c2c32..0000000000
--- a/packages/mutxt-react/src/MuTxt/__tests__/caret.spec.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-import {createEditor} from 'slate';
-import {getCaretPathInfo} from '../behavior/path-info';
-import type {SlateEditorDocument} from '../types';
-
-const createTestEditor = (doc: SlateEditorDocument) => {
-  const editor = createEditor();
-  editor.children = doc as any;
-  return editor;
-};
-
-describe('caret metadata', () => {
-  test('reports the full inline code text at the caret across adjacent code leaves', () => {
-    const editor = createTestEditor([
-      {
-        type: 'p',
-        children: [{text: 'before '}, {text: 'npm ', code: true}, {text: 'install', code: true}, {text: ' after'}],
-      },
-    ]);
-    editor.selection = {
-      anchor: {path: [0, 2], offset: 3},
-      focus: {path: [0, 2], offset: 3},
-    };
-    expect(getCaretPathInfo(editor)).toEqual({
-      path: ['p', 'code'],
-      codeText: 'npm install',
-    });
-  });
-});
diff --git a/packages/mutxt-react/src/MuTxt/__tests__/embed.spec.ts b/packages/mutxt-react/src/MuTxt/__tests__/embed.spec.ts
deleted file mode 100644
index efa7752220..0000000000
--- a/packages/mutxt-react/src/MuTxt/__tests__/embed.spec.ts
+++ /dev/null
@@ -1,136 +0,0 @@
-import {createEditor} from 'slate';
-import {
-  getActiveEmbed,
-  insertEmbed,
-  insertParagraphNearActiveEmbed,
-  normalizeEmbedUrl,
-  removeEmbedAtPath,
-  updateEmbedAtPath,
-  withEmbeds,
-} from '../behavior/embed';
-import type {SlateEditorDocument} from '../types';
-import {getCaretPathInfo} from '../behavior/path-info';
-
-const createTestEditor = (doc: SlateEditorDocument) => {
-  const editor = withEmbeds(createEditor());
-  editor.children = doc as any;
-  return editor;
-};
-
-describe('embed behavior', () => {
-  test('normalizes embed URLs to https', () => {
-    expect(normalizeEmbedUrl('youtube.com/watch?v=test')).toBe('https://youtube.com/watch?v=test');
-    expect(normalizeEmbedUrl('ftp://example.com/file')).toBe('');
-  });
-
-  test('marks embed nodes as void', () => {
-    const editor = withEmbeds(createEditor());
-    expect(editor.isVoid({type: 'embed', url: 'https://example.com', children: [{text: ''}]} as any)).toBe(true);
-  });
-
-  test('updates and removes the active embed node', () => {
-    const editor = createTestEditor([
-      {type: 'embed', url: 'https://youtube.com/watch?v=one', children: [{text: ''}]},
-      {type: 'p', children: [{text: ''}]},
-    ] as SlateEditorDocument);
-    editor.selection = {
-      anchor: {path: [0, 0], offset: 0},
-      focus: {path: [0, 0], offset: 0},
-    };
-    expect(getActiveEmbed(editor)?.url).toBe('https://youtube.com/watch?v=one');
-    expect(updateEmbedAtPath(editor, [0], 'vimeo.com/1', 'Clip')).toBe(true);
-    expect((editor.children[0] as any).url).toBe('https://vimeo.com/1');
-    expect((editor.children[0] as any).caption).toBe('Clip');
-    expect(removeEmbedAtPath(editor, [0])).toBe(true);
-    expect(editor.children).toEqual([{type: 'p', children: [{text: ''}]}]);
-  });
-
-  test('reports embed caret info when an embed is selected', () => {
-    const editor = createTestEditor([
-      {type: 'embed', url: 'https://www.youtube.com/watch?v=soICQ3B2kEk', children: [{text: ''}]},
-      {type: 'p', children: [{text: ''}]},
-    ] as SlateEditorDocument);
-    editor.selection = {
-      anchor: {path: [0, 0], offset: 0},
-      focus: {path: [0, 0], offset: 0},
-    };
-    expect(getCaretPathInfo(editor)).toEqual({
-      path: ['embed'],
-      embedUrl: 'https://www.youtube.com/watch?v=soICQ3B2kEk',
-    });
-  });
-
-  test('insertBreak on an active embed creates a paragraph below it', () => {
-    const editor = createTestEditor([
-      {type: 'embed', url: 'https://www.youtube.com/watch?v=one', children: [{text: ''}]},
-      {type: 'embed', url: 'https://vimeo.com/1', children: [{text: ''}]},
-    ] as SlateEditorDocument);
-    editor.selection = {
-      anchor: {path: [0, 0], offset: 0},
-      focus: {path: [0, 0], offset: 0},
-    };
-    editor.insertBreak();
-    expect((editor.children[0] as any).type).toBe('embed');
-    expect((editor.children[1] as any).type).toBe('p');
-    expect((editor.children[2] as any).type).toBe('embed');
-    expect(editor.selection).toEqual({
-      anchor: {path: [1, 0], offset: 0},
-      focus: {path: [1, 0], offset: 0},
-    });
-  });
-
-  test('insertSoftBreak on an active embed creates a paragraph above it', () => {
-    const editor = createTestEditor([
-      {type: 'embed', url: 'https://www.youtube.com/watch?v=one', children: [{text: ''}]},
-    ] as SlateEditorDocument);
-    editor.selection = {
-      anchor: {path: [0, 0], offset: 0},
-      focus: {path: [0, 0], offset: 0},
-    };
-    editor.insertSoftBreak();
-    expect((editor.children[0] as any).type).toBe('p');
-    expect((editor.children[1] as any).type).toBe('embed');
-    expect(editor.selection).toEqual({
-      anchor: {path: [0, 0], offset: 0},
-      focus: {path: [0, 0], offset: 0},
-    });
-  });
-
-  test('typing on an active embed creates a paragraph below and inserts text', () => {
-    const editor = createTestEditor([
-      {type: 'embed', url: 'https://www.youtube.com/watch?v=one', children: [{text: ''}]},
-      {type: 'embed', url: 'https://vimeo.com/1', children: [{text: ''}]},
-    ] as SlateEditorDocument);
-    editor.selection = {
-      anchor: {path: [0, 0], offset: 0},
-      focus: {path: [0, 0], offset: 0},
-    };
-    editor.insertText('A');
-    expect(editor.children[1] as any).toEqual({type: 'p', children: [{text: 'A'}]});
-    expect((editor.children[2] as any).type).toBe('embed');
-  });
-
-  test('can insert a paragraph near the active embed directly', () => {
-    const editor = createTestEditor([
-      {type: 'embed', url: 'https://www.youtube.com/watch?v=one', children: [{text: ''}]},
-    ] as SlateEditorDocument);
-    editor.selection = {
-      anchor: {path: [0, 0], offset: 0},
-      focus: {path: [0, 0], offset: 0},
-    };
-    const path = insertParagraphNearActiveEmbed(editor, 'below');
-    expect(path).toEqual([1]);
-    expect((editor.children[1] as any).type).toBe('p');
-  });
-
-  test('inserts an embed block and leaves a paragraph after it', () => {
-    const editor = createTestEditor([{type: 'p', children: [{text: ''}]}]);
-    editor.selection = {
-      anchor: {path: [0, 0], offset: 0},
-      focus: {path: [0, 0], offset: 0},
-    };
-    insertEmbed(editor, 'https://www.youtube.com/watch?v=soICQ3B2kEk');
-    expect((editor.children[0] as any).type).toBe('embed');
-    expect((editor.children[1] as any).type).toBe('p');
-  });
-});
diff --git a/packages/mutxt-react/src/MuTxt/__tests__/file.spec.ts b/packages/mutxt-react/src/MuTxt/__tests__/file.spec.ts
deleted file mode 100644
index 287e547af7..0000000000
--- a/packages/mutxt-react/src/MuTxt/__tests__/file.spec.ts
+++ /dev/null
@@ -1,74 +0,0 @@
-import {createEditor} from 'slate';
-import {insertFile, removeFileAtPath, withFile} from '../behavior/file';
-import type {SlateEditorDocument} from '../types';
-
-const createTestEditor = (doc: SlateEditorDocument) => {
-  const editor = withFile(createEditor());
-  editor.children = doc as any;
-  return editor;
-};
-
-describe('file behavior', () => {
-  test('marks `file` as void', () => {
-    const editor = withFile(createEditor());
-    expect(editor.isVoid({type: 'file', '@thing': 'x', children: [{text: ''}]} as any)).toBe(true);
-  });
-
-  test('insertFile inserts a file block and ensures a paragraph after', () => {
-    const editor = createTestEditor([{type: 'p', children: [{text: ''}]}]);
-    editor.selection = {
-      anchor: {path: [0, 0], offset: 0},
-      focus: {path: [0, 0], offset: 0},
-    };
-    insertFile(editor, 'f1');
-    expect((editor.children[0] as any).type).toBe('file');
-    expect((editor.children[0] as any)['@thing']).toBe('f1');
-    expect((editor.children[1] as any).type).toBe('p');
-  });
-
-  test('insertFile applies an optional caption', () => {
-    const editor = createTestEditor([{type: 'p', children: [{text: ''}]}]);
-    editor.selection = {
-      anchor: {path: [0, 0], offset: 0},
-      focus: {path: [0, 0], offset: 0},
-    };
-    insertFile(editor, 'f1', 'Q3 P&L');
-    expect((editor.children[0] as any).caption).toBe('Q3 P&L');
-  });
-
-  test('removeFileAtPath removes the file block', () => {
-    const editor = createTestEditor([
-      {type: 'file', '@thing': 'a', children: [{text: ''}]} as any,
-      {type: 'p', children: [{text: ''}]},
-    ]);
-    expect(removeFileAtPath(editor, [0])).toBe(true);
-    expect(editor.children.length).toBe(1);
-    expect((editor.children[0] as any).type).toBe('p');
-  });
-
-  test('insertBreak on an active file creates a paragraph below it', () => {
-    const editor = createTestEditor([
-      {type: 'file', '@thing': 'a', children: [{text: ''}]} as any,
-      {type: 'file', '@thing': 'b', children: [{text: ''}]} as any,
-    ]);
-    editor.selection = {
-      anchor: {path: [0, 0], offset: 0},
-      focus: {path: [0, 0], offset: 0},
-    };
-    editor.insertBreak();
-    expect((editor.children[0] as any).type).toBe('file');
-    expect((editor.children[1] as any).type).toBe('p');
-    expect((editor.children[2] as any).type).toBe('file');
-  });
-
-  test('typing on an active file creates a paragraph below and inserts text', () => {
-    const editor = createTestEditor([{type: 'file', '@thing': 'a', children: [{text: ''}]} as any]);
-    editor.selection = {
-      anchor: {path: [0, 0], offset: 0},
-      focus: {path: [0, 0], offset: 0},
-    };
-    editor.insertText('Hi');
-    expect((editor.children[0] as any).type).toBe('file');
-    expect((editor.children[1] as any).children[0].text).toBe('Hi');
-  });
-});
diff --git a/packages/mutxt-react/src/MuTxt/__tests__/keyboard.spec.ts b/packages/mutxt-react/src/MuTxt/__tests__/keyboard.spec.ts
deleted file mode 100644
index 47e08c83ea..0000000000
--- a/packages/mutxt-react/src/MuTxt/__tests__/keyboard.spec.ts
+++ /dev/null
@@ -1,409 +0,0 @@
-import {createEditor} from 'slate';
-import {
-  removeEmptyPrevP,
-  resetBlockToPAtStart,
-  resetEmptyBlockToP,
-  tryExitCodeBlockOnTripleEnter,
-  withCodeBlockBreaks,
-} from '../behavior';
-import {deleteBlock, duplicateBlock, moveBlockDown, moveBlockUp} from '../behavior/blockOps';
-import type {SlateEditorDocument} from '../types';
-
-const createTestEditor = (doc: SlateEditorDocument) => {
-  const editor = createEditor();
-  editor.children = doc as any;
-  return editor;
-};
-
-describe('resetEmptyBlockToParagraph()', () => {
-  test('turns an empty heading into a paragraph', () => {
-    const editor = createTestEditor([{type: 'h2', children: [{text: ''}]}]);
-    editor.selection = {
-      anchor: {path: [0, 0], offset: 0},
-      focus: {path: [0, 0], offset: 0},
-    };
-    const handled = resetEmptyBlockToP(editor);
-    expect(handled).toBe(true);
-    expect(editor.children).toEqual([{type: 'p', children: [{text: ''}]}]);
-  });
-
-  test('turns an empty list item into a paragraph', () => {
-    const editor = createTestEditor([{type: 'ul', children: [{type: 'li', children: [{text: ''}]}]}]);
-    editor.selection = {
-      anchor: {path: [0, 0, 0], offset: 0},
-      focus: {path: [0, 0, 0], offset: 0},
-    };
-    const handled = resetEmptyBlockToP(editor);
-    expect(handled).toBe(true);
-    expect(editor.children).toEqual([{type: 'p', children: [{text: ''}]}]);
-  });
-
-  test('turns an empty checklist item into a paragraph', () => {
-    const editor = createTestEditor([
-      {type: 'checklist', children: [{type: 'li', checked: true, children: [{text: ''}]}]},
-    ]);
-    editor.selection = {
-      anchor: {path: [0, 0, 0], offset: 0},
-      focus: {path: [0, 0, 0], offset: 0},
-    };
-    const handled = resetEmptyBlockToP(editor);
-    expect(handled).toBe(true);
-    expect(editor.children).toEqual([{type: 'p', children: [{text: ''}]}]);
-  });
-
-  test('does not change a non-empty formatted block', () => {
-    const editor = createTestEditor([{type: 'blockquote', children: [{text: 'quote'}]}]);
-    editor.selection = {
-      anchor: {path: [0, 0], offset: 5},
-      focus: {path: [0, 0], offset: 5},
-    };
-    const handled = resetEmptyBlockToP(editor);
-    expect(handled).toBe(false);
-    expect(editor.children).toEqual([{type: 'blockquote', children: [{text: 'quote'}]}]);
-  });
-});
-
-describe('resetBlockToParagraphAtStart()', () => {
-  test('converts a non-empty heading to a paragraph at offset 0', () => {
-    const editor = createTestEditor([
-      {type: 'p', children: [{text: 'before'}]},
-      {type: 'h2', children: [{text: 'Hello'}]},
-    ]);
-    editor.selection = {
-      anchor: {path: [1, 0], offset: 0},
-      focus: {path: [1, 0], offset: 0},
-    };
-    expect(resetBlockToPAtStart(editor)).toBe(true);
-    expect(editor.children).toEqual([
-      {type: 'p', children: [{text: 'before'}]},
-      {type: 'p', children: [{text: 'Hello'}]},
-    ]);
-  });
-
-  test('converts a non-empty list item to a paragraph at offset 0', () => {
-    const editor = createTestEditor([{type: 'ul', children: [{type: 'li', children: [{text: 'item'}]}]}]);
-    editor.selection = {
-      anchor: {path: [0, 0, 0], offset: 0},
-      focus: {path: [0, 0, 0], offset: 0},
-    };
-    expect(resetBlockToPAtStart(editor)).toBe(true);
-    expect(editor.children).toEqual([{type: 'p', children: [{text: 'item'}]}]);
-  });
-
-  test('does not run when caret is not at offset 0', () => {
-    const editor = createTestEditor([{type: 'h2', children: [{text: 'Hello'}]}]);
-    editor.selection = {
-      anchor: {path: [0, 0], offset: 2},
-      focus: {path: [0, 0], offset: 2},
-    };
-    expect(resetBlockToPAtStart(editor)).toBe(false);
-    expect(editor.children).toEqual([{type: 'h2', children: [{text: 'Hello'}]}]);
-  });
-
-  test('does not run on an empty block (handled by resetEmptyBlockToParagraph)', () => {
-    const editor = createTestEditor([{type: 'h2', children: [{text: ''}]}]);
-    editor.selection = {
-      anchor: {path: [0, 0], offset: 0},
-      focus: {path: [0, 0], offset: 0},
-    };
-    expect(resetBlockToPAtStart(editor)).toBe(false);
-  });
-
-  test('does not run on a paragraph', () => {
-    const editor = createTestEditor([{type: 'p', children: [{text: 'hi'}]}]);
-    editor.selection = {
-      anchor: {path: [0, 0], offset: 0},
-      focus: {path: [0, 0], offset: 0},
-    };
-    expect(resetBlockToPAtStart(editor)).toBe(false);
-  });
-
-  test('does not run on a code-block', () => {
-    const editor = createTestEditor([{type: 'code-block', children: [{text: 'x'}]}]);
-    editor.selection = {
-      anchor: {path: [0, 0], offset: 0},
-      focus: {path: [0, 0], offset: 0},
-    };
-    expect(resetBlockToPAtStart(editor)).toBe(false);
-  });
-});
-
-describe('tryExitCodeBlockOnTripleEnter()', () => {
-  test('strips trailing \\n\\n and exits to a new paragraph', () => {
-    const editor = createTestEditor([{type: 'code-block', children: [{text: 'foo\n\n'}]}]);
-    editor.selection = {
-      anchor: {path: [0, 0], offset: 5},
-      focus: {path: [0, 0], offset: 5},
-    };
-    expect(tryExitCodeBlockOnTripleEnter(editor)).toBe(true);
-    expect(editor.children).toEqual([
-      {type: 'code-block', children: [{text: 'foo'}]},
-      {type: 'p', children: [{text: ''}]},
-    ]);
-  });
-
-  test('does nothing when the code-block does not end with \\n\\n', () => {
-    const editor = createTestEditor([{type: 'code-block', children: [{text: 'foo\n'}]}]);
-    editor.selection = {
-      anchor: {path: [0, 0], offset: 4},
-      focus: {path: [0, 0], offset: 4},
-    };
-    expect(tryExitCodeBlockOnTripleEnter(editor)).toBe(false);
-    expect(editor.children).toEqual([{type: 'code-block', children: [{text: 'foo\n'}]}]);
-  });
-
-  test('does nothing when caret is not at the end of the block', () => {
-    const editor = createTestEditor([{type: 'code-block', children: [{text: 'foo\n\n'}]}]);
-    editor.selection = {
-      anchor: {path: [0, 0], offset: 3},
-      focus: {path: [0, 0], offset: 3},
-    };
-    expect(tryExitCodeBlockOnTripleEnter(editor)).toBe(false);
-  });
-
-  test('does nothing outside a code-block', () => {
-    const editor = createTestEditor([{type: 'p', children: [{text: 'foo\n\n'}]}]);
-    editor.selection = {
-      anchor: {path: [0, 0], offset: 5},
-      focus: {path: [0, 0], offset: 5},
-    };
-    expect(tryExitCodeBlockOnTripleEnter(editor)).toBe(false);
-  });
-});
-
-describe('removeEmptyPreviousParagraph()', () => {
-  test('removes an empty <p> sibling above a heading at offset 0', () => {
-    const editor = createTestEditor([
-      {type: 'p', children: [{text: ''}]},
-      {type: 'h1', children: [{text: 'Hello'}]},
-    ]);
-    editor.selection = {
-      anchor: {path: [1, 0], offset: 0},
-      focus: {path: [1, 0], offset: 0},
-    };
-    expect(removeEmptyPrevP(editor)).toBe(true);
-    expect(editor.children).toEqual([{type: 'h1', children: [{text: 'Hello'}]}]);
-  });
-
-  test('does not run when previous block is a non-empty <p>', () => {
-    const editor = createTestEditor([
-      {type: 'p', children: [{text: 'before'}]},
-      {type: 'h1', children: [{text: 'Hello'}]},
-    ]);
-    editor.selection = {
-      anchor: {path: [1, 0], offset: 0},
-      focus: {path: [1, 0], offset: 0},
-    };
-    expect(removeEmptyPrevP(editor)).toBe(false);
-  });
-
-  test('does not run when previous block is not a <p>', () => {
-    const editor = createTestEditor([
-      {type: 'h1', children: [{text: ''}]},
-      {type: 'h2', children: [{text: 'Hello'}]},
-    ]);
-    editor.selection = {
-      anchor: {path: [1, 0], offset: 0},
-      focus: {path: [1, 0], offset: 0},
-    };
-    expect(removeEmptyPrevP(editor)).toBe(false);
-  });
-
-  test('does not run at offset > 0', () => {
-    const editor = createTestEditor([
-      {type: 'p', children: [{text: ''}]},
-      {type: 'h1', children: [{text: 'Hello'}]},
-    ]);
-    editor.selection = {
-      anchor: {path: [1, 0], offset: 2},
-      focus: {path: [1, 0], offset: 2},
-    };
-    expect(removeEmptyPrevP(editor)).toBe(false);
-  });
-
-  test('does not run when there is no previous sibling', () => {
-    const editor = createTestEditor([{type: 'h1', children: [{text: 'Hello'}]}]);
-    editor.selection = {
-      anchor: {path: [0, 0], offset: 0},
-      focus: {path: [0, 0], offset: 0},
-    };
-    expect(removeEmptyPrevP(editor)).toBe(false);
-  });
-});
-
-describe('insertBreak in headings', () => {
-  const wrap = (doc: SlateEditorDocument) => withCodeBlockBreaks(createTestEditor(doc));
-
-  test('Enter at start of a non-empty heading inserts a paragraph above', () => {
-    const editor = wrap([{type: 'h1', children: [{text: 'Hello'}]}]);
-    editor.selection = {
-      anchor: {path: [0, 0], offset: 0},
-      focus: {path: [0, 0], offset: 0},
-    };
-    editor.insertBreak();
-    expect(editor.children).toEqual([
-      {type: 'p', children: [{text: ''}]},
-      {type: 'h1', children: [{text: 'Hello'}]},
-    ]);
-    expect(editor.selection).toEqual({
-      anchor: {path: [1, 0], offset: 0},
-      focus: {path: [1, 0], offset: 0},
-    });
-  });
-
-  test('Enter at end of a heading creates a paragraph below', () => {
-    const editor = wrap([{type: 'h1', children: [{text: 'Hello'}]}]);
-    editor.selection = {
-      anchor: {path: [0, 0], offset: 5},
-      focus: {path: [0, 0], offset: 5},
-    };
-    editor.insertBreak();
-    expect(editor.children).toEqual([
-      {type: 'h1', children: [{text: 'Hello'}]},
-      {type: 'p', children: [{text: ''}]},
-    ]);
-  });
-
-  test('Enter in the middle of a heading splits, right side becomes paragraph', () => {
-    const editor = wrap([{type: 'h2', children: [{text: 'Hello'}]}]);
-    editor.selection = {
-      anchor: {path: [0, 0], offset: 2},
-      focus: {path: [0, 0], offset: 2},
-    };
-    editor.insertBreak();
-    expect(editor.children).toEqual([
-      {type: 'h2', children: [{text: 'He'}]},
-      {type: 'p', children: [{text: 'llo'}]},
-    ]);
-  });
-
-  test('Enter at end of title creates a subtitle below', () => {
-    const editor = wrap([{type: 'title', children: [{text: 'Doc'}]}]);
-    editor.selection = {
-      anchor: {path: [0, 0], offset: 3},
-      focus: {path: [0, 0], offset: 3},
-    };
-    editor.insertBreak();
-    expect(editor.children).toEqual([
-      {type: 'title', children: [{text: 'Doc'}]},
-      {type: 'subtitle', children: [{text: ''}]},
-    ]);
-  });
-
-  test('Enter at start of blockquote inserts a paragraph above', () => {
-    const editor = wrap([{type: 'blockquote', children: [{text: 'wisdom'}]}]);
-    editor.selection = {
-      anchor: {path: [0, 0], offset: 0},
-      focus: {path: [0, 0], offset: 0},
-    };
-    editor.insertBreak();
-    expect(editor.children).toEqual([
-      {type: 'p', children: [{text: ''}]},
-      {type: 'blockquote', children: [{text: 'wisdom'}]},
-    ]);
-  });
-});
-
-describe('block ops', () => {
-  test('moveBlockUp swaps with previous sibling', () => {
-    const editor = createTestEditor([
-      {type: 'p', children: [{text: 'A'}]},
-      {type: 'p', children: [{text: 'B'}]},
-    ]);
-    editor.selection = {
-      anchor: {path: [1, 0], offset: 0},
-      focus: {path: [1, 0], offset: 0},
-    };
-    expect(moveBlockUp(editor)).toBe(true);
-    expect(editor.children).toEqual([
-      {type: 'p', children: [{text: 'B'}]},
-      {type: 'p', children: [{text: 'A'}]},
-    ]);
-  });
-
-  test('moveBlockUp is a no-op at the first block', () => {
-    const editor = createTestEditor([{type: 'p', children: [{text: 'A'}]}]);
-    editor.selection = {
-      anchor: {path: [0, 0], offset: 0},
-      focus: {path: [0, 0], offset: 0},
-    };
-    expect(moveBlockUp(editor)).toBe(false);
-  });
-
-  test('moveBlockDown swaps with next sibling', () => {
-    const editor = createTestEditor([
-      {type: 'p', children: [{text: 'A'}]},
-      {type: 'p', children: [{text: 'B'}]},
-    ]);
-    editor.selection = {
-      anchor: {path: [0, 0], offset: 0},
-      focus: {path: [0, 0], offset: 0},
-    };
-    expect(moveBlockDown(editor)).toBe(true);
-    expect(editor.children).toEqual([
-      {type: 'p', children: [{text: 'B'}]},
-      {type: 'p', children: [{text: 'A'}]},
-    ]);
-  });
-
-  test('moveBlockDown is a no-op at the last block', () => {
-    const editor = createTestEditor([{type: 'p', children: [{text: 'A'}]}]);
-    editor.selection = {
-      anchor: {path: [0, 0], offset: 0},
-      focus: {path: [0, 0], offset: 0},
-    };
-    expect(moveBlockDown(editor)).toBe(false);
-  });
-
-  test('moveBlockDown swaps siblings within a list', () => {
-    const editor = createTestEditor([
-      {
-        type: 'ul',
-        children: [
-          {type: 'li', children: [{text: 'A'}]},
-          {type: 'li', children: [{text: 'B'}]},
-        ],
-      },
-    ]);
-    editor.selection = {
-      anchor: {path: [0, 0, 0], offset: 0},
-      focus: {path: [0, 0, 0], offset: 0},
-    };
-    expect(moveBlockDown(editor)).toBe(true);
-    expect(editor.children).toEqual([
-      {
-        type: 'ul',
-        children: [
-          {type: 'li', children: [{text: 'B'}]},
-          {type: 'li', children: [{text: 'A'}]},
-        ],
-      },
-    ]);
-  });
-
-  test('duplicateBlock inserts a clone after the current block', () => {
-    const editor = createTestEditor([{type: 'h2', children: [{text: 'Hi'}]}]);
-    editor.selection = {
-      anchor: {path: [0, 0], offset: 1},
-      focus: {path: [0, 0], offset: 1},
-    };
-    expect(duplicateBlock(editor)).toBe(true);
-    expect(editor.children).toEqual([
-      {type: 'h2', children: [{text: 'Hi'}]},
-      {type: 'h2', children: [{text: 'Hi'}]},
-    ]);
-  });
-
-  test('deleteBlock removes the current block', () => {
-    const editor = createTestEditor([
-      {type: 'p', children: [{text: 'A'}]},
-      {type: 'p', children: [{text: 'B'}]},
-    ]);
-    editor.selection = {
-      anchor: {path: [1, 0], offset: 0},
-      focus: {path: [1, 0], offset: 0},
-    };
-    expect(deleteBlock(editor)).toBe(true);
-    expect(editor.children).toEqual([{type: 'p', children: [{text: 'A'}]}]);
-  });
-});
diff --git a/packages/mutxt-react/src/MuTxt/__tests__/math.spec.ts b/packages/mutxt-react/src/MuTxt/__tests__/math.spec.ts
deleted file mode 100644
index 6d7c95c331..0000000000
--- a/packages/mutxt-react/src/MuTxt/__tests__/math.spec.ts
+++ /dev/null
@@ -1,136 +0,0 @@
-import {createEditor} from 'slate';
-import {
-  getActiveMathBlockEntry,
-  getActiveMathInlineEntry,
-  insertMathBlock,
-  insertMathInline,
-  removeMathBlockAtPath,
-  removeMathInlineAtPath,
-  updateMathBlockCaption,
-  withMath,
-} from '../behavior/math';
-import type {SlateEditorDocument} from '../types';
-
-const createTestEditor = (doc: SlateEditorDocument) => {
-  const editor = withMath(createEditor());
-  editor.children = doc as any;
-  return editor;
-};
-
-describe('math behavior', () => {
-  test('marks math block nodes as void', () => {
-    const editor = withMath(createEditor());
-    expect(editor.isVoid({type: 'math', '@thing': 't1', children: [{text: ''}]} as any)).toBe(true);
-  });
-
-  test('marks math-inline nodes as void and inline', () => {
-    const editor = withMath(createEditor());
-    expect(editor.isVoid({type: 'math-inline', '@thing': 't1', children: [{text: ''}]} as any)).toBe(true);
-    expect(editor.isInline({type: 'math-inline', '@thing': 't1', children: [{text: ''}]} as any)).toBe(true);
-  });
-
-  test('math block nodes are not inline', () => {
-    const editor = withMath(createEditor());
-    expect(editor.isInline({type: 'math', '@thing': 't1', children: [{text: ''}]} as any)).toBe(false);
-  });
-
-  test('inserts a math block into an empty paragraph and appends a trailing paragraph', () => {
-    const editor = createTestEditor([{type: 'p', children: [{text: ''}]}] as SlateEditorDocument);
-    editor.selection = {anchor: {path: [0, 0], offset: 0}, focus: {path: [0, 0], offset: 0}};
-    const node = insertMathBlock(editor, 'm_1');
-    expect(node).toBeTruthy();
-    expect((editor.children[0] as any).type).toBe('math');
-    expect((editor.children[0] as any)['@thing']).toBe('m_1');
-    expect((editor.children[1] as any).type).toBe('p');
-    expect(editor.selection).toEqual({anchor: {path: [1, 0], offset: 0}, focus: {path: [1, 0], offset: 0}});
-  });
-
-  test('inserts a math block with a caption and trims whitespace', () => {
-    const editor = createTestEditor([{type: 'p', children: [{text: ''}]}] as SlateEditorDocument);
-    editor.selection = {anchor: {path: [0, 0], offset: 0}, focus: {path: [0, 0], offset: 0}};
-    insertMathBlock(editor, 'm_1', '  Pythagorean theorem  ');
-    expect((editor.children[0] as any).caption).toBe('Pythagorean theorem');
-  });
-
-  test('updateMathBlockCaption sets and clears captions', () => {
-    const editor = createTestEditor([
-      {type: 'math', '@thing': 'm_1', caption: 'Old', children: [{text: ''}]},
-      {type: 'p', children: [{text: ''}]},
-    ] as SlateEditorDocument);
-    expect(updateMathBlockCaption(editor, [0], 'New')).toBe(true);
-    expect((editor.children[0] as any).caption).toBe('New');
-    expect(updateMathBlockCaption(editor, [0], '')).toBe(true);
-    expect((editor.children[0] as any).caption).toBeUndefined();
-  });
-
-  test('removeMathBlockAtPath removes the node', () => {
-    const editor = createTestEditor([
-      {type: 'math', '@thing': 'm_1', children: [{text: ''}]},
-      {type: 'p', children: [{text: ''}]},
-    ] as SlateEditorDocument);
-    expect(removeMathBlockAtPath(editor, [0])).toBe(true);
-    expect(editor.children).toEqual([{type: 'p', children: [{text: ''}]}]);
-  });
-
-  test('getActiveMathBlockEntry returns the entry when selection sits on it', () => {
-    const editor = createTestEditor([
-      {type: 'math', '@thing': 'm_1', children: [{text: ''}]},
-      {type: 'p', children: [{text: ''}]},
-    ] as SlateEditorDocument);
-    editor.selection = {anchor: {path: [0, 0], offset: 0}, focus: {path: [0, 0], offset: 0}};
-    const entry = getActiveMathBlockEntry(editor);
-    expect(entry).toBeTruthy();
-    expect(entry![0]['@thing']).toBe('m_1');
-    expect(entry![1]).toEqual([0]);
-  });
-
-  test('insertBreak on an active math block creates a paragraph below', () => {
-    const editor = createTestEditor([
-      {type: 'math', '@thing': 'm_1', children: [{text: ''}]},
-      {type: 'math', '@thing': 'm_2', children: [{text: ''}]},
-    ] as SlateEditorDocument);
-    editor.selection = {anchor: {path: [0, 0], offset: 0}, focus: {path: [0, 0], offset: 0}};
-    editor.insertBreak();
-    expect((editor.children[0] as any).type).toBe('math');
-    expect((editor.children[1] as any).type).toBe('p');
-    expect((editor.children[2] as any).type).toBe('math');
-  });
-
-  test('inserts an inline math node into a paragraph', () => {
-    const editor = createTestEditor([{type: 'p', children: [{text: 'pi = '}]}] as SlateEditorDocument);
-    editor.selection = {anchor: {path: [0, 0], offset: 5}, focus: {path: [0, 0], offset: 5}};
-    const node = insertMathInline(editor, 'm_pi');
-    expect(node).toBeTruthy();
-    // Paragraph still a single block; math-inline is among its children.
-    expect((editor.children[0] as any).type).toBe('p');
-    const children = (editor.children[0] as any).children;
-    const hasInlineMath = children.some((child: any) => child.type === 'math-inline' && child['@thing'] === 'm_pi');
-    expect(hasInlineMath).toBe(true);
-  });
-
-  test('removeMathInlineAtPath removes the inline node', () => {
-    const editor = createTestEditor([
-      {
-        type: 'p',
-        children: [{text: 'a '}, {type: 'math-inline', '@thing': 'm_pi', children: [{text: ''}]}, {text: ' b'}],
-      },
-    ] as any);
-    expect(removeMathInlineAtPath(editor, [0, 1])).toBe(true);
-    const children = (editor.children[0] as any).children;
-    const remaining = children.filter((c: any) => c.type === 'math-inline');
-    expect(remaining.length).toBe(0);
-  });
-
-  test('getActiveMathInlineEntry finds inline math under the selection', () => {
-    const editor = createTestEditor([
-      {
-        type: 'p',
-        children: [{text: 'a '}, {type: 'math-inline', '@thing': 'm_pi', children: [{text: ''}]}, {text: ' b'}],
-      },
-    ] as any);
-    editor.selection = {anchor: {path: [0, 1], offset: 0}, focus: {path: [0, 1], offset: 0}};
-    const entry = getActiveMathInlineEntry(editor);
-    expect(entry).toBeTruthy();
-    expect(entry![0]['@thing']).toBe('m_pi');
-  });
-});
diff --git a/packages/mutxt-react/src/MuTxt/__tests__/selectAllGuard.spec.ts b/packages/mutxt-react/src/MuTxt/__tests__/selectAllGuard.spec.ts
deleted file mode 100644
index 8a3da527f3..0000000000
--- a/packages/mutxt-react/src/MuTxt/__tests__/selectAllGuard.spec.ts
+++ /dev/null
@@ -1,160 +0,0 @@
-import {createEditor, Editor, Range, Transforms} from 'slate';
-import {
-  docPlainTextLength,
-  isFullDocSelected,
-  resetDocumentContent,
-  withSelectAllGuard,
-} from '../behavior/selectAllGuard';
-import type {SlateEditorDocument} from '../types';
-
-const makeEditor = (doc: SlateEditorDocument) => {
-  const editor = createEditor();
-  editor.children = doc as any;
-  return editor;
-};
-
-const selectAll = (editor: Editor): void => {
-  editor.selection = {
-    anchor: Editor.start(editor, []),
-    focus: Editor.end(editor, []),
-  };
-};
-
-describe('selectAllGuard', () => {
-  describe('isFullDocSelected', () => {
-    test('returns false when selection is collapsed', () => {
-      const editor = makeEditor([{type: 'p', children: [{text: 'hello'}]}]);
-      editor.selection = {anchor: {path: [0, 0], offset: 0}, focus: {path: [0, 0], offset: 0}};
-      expect(isFullDocSelected(editor)).toBe(false);
-    });
-
-    test('returns false for partial range', () => {
-      const editor = makeEditor([{type: 'p', children: [{text: 'hello world'}]}]);
-      editor.selection = {anchor: {path: [0, 0], offset: 0}, focus: {path: [0, 0], offset: 5}};
-      expect(isFullDocSelected(editor)).toBe(false);
-    });
-
-    test('returns true when selection spans the whole document', () => {
-      const editor = makeEditor([
-        {type: 'h1', children: [{text: 'Title'}]},
-        {type: 'p', children: [{text: 'body'}]},
-      ]);
-      selectAll(editor);
-      expect(isFullDocSelected(editor)).toBe(true);
-    });
-  });
-
-  describe('docPlainTextLength', () => {
-    test('counts plain text characters', () => {
-      const editor = makeEditor([
-        {type: 'h1', children: [{text: 'Title'}]},
-        {type: 'p', children: [{text: 'hello'}]},
-      ]);
-      expect(docPlainTextLength(editor)).toBeGreaterThanOrEqual(10);
-    });
-  });
-
-  describe('resetDocumentContent', () => {
-    test('wipes heterogeneous blocks down to one empty paragraph', () => {
-      const editor = makeEditor([
-        {type: 'h1', children: [{text: 'Title'}]},
-        {type: 'ul', children: [{type: 'li', children: [{text: 'one'}]}]},
-        {type: 'blockquote', children: [{text: 'quote'}]},
-      ]);
-      resetDocumentContent(editor);
-      expect(editor.children).toEqual([{type: 'p', children: [{text: ''}]}]);
-    });
-
-    test('seeds the paragraph with the supplied text', () => {
-      const editor = makeEditor([
-        {type: 'h1', children: [{text: 'Title'}]},
-        {type: 'p', children: [{text: 'body'}]},
-      ]);
-      resetDocumentContent(editor, 'c');
-      expect(editor.children).toEqual([{type: 'p', children: [{text: 'c'}]}]);
-    });
-  });
-
-  describe('withSelectAllGuard plugin', () => {
-    test('intercepts deleteFragment over full document', () => {
-      const editor = withSelectAllGuard(
-        makeEditor([
-          {type: 'h1', children: [{text: 'Title'}]},
-          {type: 'p', children: [{text: 'body text'}]},
-        ]),
-        {
-          onDelete: () => true,
-        },
-      );
-      selectAll(editor);
-      editor.deleteFragment();
-      // Hook intercepted; document untouched.
-      expect(editor.children).toEqual([
-        {type: 'h1', children: [{text: 'Title'}]},
-        {type: 'p', children: [{text: 'body text'}]},
-      ]);
-    });
-
-    test('replaces full doc with empty paragraph when hook does not intercept', () => {
-      const editor = withSelectAllGuard(
-        makeEditor([
-          {type: 'h1', children: [{text: 'Title'}]},
-          {type: 'p', children: [{text: 'body text'}]},
-        ]),
-        {},
-      );
-      selectAll(editor);
-      editor.deleteFragment();
-      expect(editor.children).toEqual([{type: 'p', children: [{text: ''}]}]);
-    });
-
-    test('intercepts insertText over full document', () => {
-      let captured: string | undefined;
-      const editor = withSelectAllGuard(
-        makeEditor([
-          {type: 'h1', children: [{text: 'Title'}]},
-          {type: 'p', children: [{text: 'body'}]},
-        ]),
-        {
-          onReplaceWithText: (text) => {
-            captured = text;
-            return true;
-          },
-        },
-      );
-      selectAll(editor);
-      editor.insertText('c');
-      expect(captured).toBe('c');
-      expect(editor.children).toEqual([
-        {type: 'h1', children: [{text: 'Title'}]},
-        {type: 'p', children: [{text: 'body'}]},
-      ]);
-    });
-
-    test('replaces full doc with the typed character when no hook', () => {
-      const editor = withSelectAllGuard(
-        makeEditor([
-          {type: 'h1', children: [{text: 'Title'}]},
-          {type: 'p', children: [{text: 'body'}]},
-        ]),
-        {},
-      );
-      selectAll(editor);
-      editor.insertText('c');
-      expect(editor.children).toEqual([{type: 'p', children: [{text: 'c'}]}]);
-    });
-
-    test('does not intercept partial-range deleteFragment', () => {
-      const editor = withSelectAllGuard(makeEditor([{type: 'p', children: [{text: 'hello world'}]}]), {
-        onDelete: () => {
-          throw new Error('should not be called');
-        },
-      });
-      editor.selection = {anchor: {path: [0, 0], offset: 0}, focus: {path: [0, 0], offset: 5}};
-      Transforms.delete(editor, {at: editor.selection});
-      const sel = editor.selection!;
-      expect(Range.isCollapsed(sel)).toBe(true);
-      expect(editor.children).toEqual([{type: 'p', children: [{text: ' world'}]}]);
-    });
-  });
-});
diff --git a/packages/mutxt-react/src/MuTxt/__tests__/util.spec.ts b/packages/mutxt-react/src/MuTxt/__tests__/util.spec.ts
deleted file mode 100644
index 5a0c0f684f..0000000000
--- a/packages/mutxt-react/src/MuTxt/__tests__/util.spec.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import type {SlateEditorDocument} from '../types';
-import {getDocumentOutline} from '../behavior/outline';
-
-describe('SlateEditor util', () => {
-  test('builds document outline entries from heading nodes in document order', () => {
-    const doc: SlateEditorDocument = [
-      {type: 'h1', children: [{text: 'Overview'}]},
-      {type: 'p', children: [{text: 'Intro paragraph'}]},
-      {type: 'h2', children: [{text: ' Getting started '}]},
-      {
-        type: 'blockquote',
-        children: [{text: 'Context that should not show up in the outline'}],
-      },
-      {type: 'h3', children: [{text: 'API notes'}]},
-      {type: 'h2', children: [{text: '   '}]},
-    ];
-    expect(getDocumentOutline(doc)).toEqual([
-      {key: '0', path: [0], type: 'h1', level: 1, title: 'Overview'},
-      {key: '2', path: [2], type: 'h2', level: 2, title: 'Getting started'},
-      {key: '4', path: [4], type: 'h3', level: 3, title: 'API notes'},
-    ]);
-  });
-});
diff --git a/packages/mutxt-react/src/MuTxt/ai/NativeSummarizer.ts b/packages/mutxt-react/src/MuTxt/ai/NativeSummarizer.ts
deleted file mode 100644
index 5324469db2..0000000000
--- a/packages/mutxt-react/src/MuTxt/ai/NativeSummarizer.ts
+++ /dev/null
@@ -1,99 +0,0 @@
-/**
- * Interface for the modern Chrome Summarizer API (window.Summarizer)
- */
-export interface ISummarizer {
-  /**
-   * Summarizes the given input text.
-   * @param text The input string to summarize.
-   * @param options Optional context or hint for this specific summary.
-   */
-  summarize(text: string, options?: {context?: string}): Promise<string>;
-
-  /**
-   * Returns a stream of summary chunks as they are generated.
-   */
-  summarizeStreaming(text: string, options?: {context?: string}): ReadableStream<string>;
-
-  /**
-   * The maximum number of tokens allowed for input.
-   */
-  readonly inputQuota: number;
-
-  /**
-   * Measures how many tokens a specific text string would consume.
-   */
-  measureInputUsage(text: string): Promise<number>;
-
-  /**
-   * Releases the resources used by the summarizer instance.
-   */
-  destroy(): void;
-}
-
-/**
- * Interface for the static Summarizer factory on the window object.
- */
-export interface SummarizerFactory {
-  availability(): Promise<'no' | 'readily' | 'after-download'>;
-  create(options?: SummarizerOptions): Promise<ISummarizer>;
-  capabilities(): Promise<SummarizerCapabilities>;
-}
-
-export interface SummarizerOptions {
-  type?: 'tl-dr' | 'key-points' | 'headline' | 'teaser';
-  format?: 'plain-text' | 'markdown';
-  length?: 'short' | 'medium' | 'long';
-  sharedContext?: string;
-}
-
-export interface SummarizerCapabilities {
-  readonly available: 'no' | 'readily' | 'after-download';
-  supportsType(type: string): 'no' | 'readily' | 'after-download';
-}
-
-// Extend the global Window object
-declare global {
-  interface Window {
-    Summarizer: SummarizerFactory;
-  }
-}
-
-const Summarizer = typeof window !== 'undefined' ? window.Summarizer : undefined;
-
-export class NativeSummarizer {
-  private static bullets: ISummarizer | undefined;
-
-  static async getBulletSummary(text: string): Promise<string | undefined> {
-    const summarizer = await NativeSummarizer.getBulletsSummarizer();
-    if (!summarizer) return;
-    const safeText = await NativeSummarizer.trunc(summarizer, text);
-    if (!safeText) return;
-    return await summarizer.summarize(safeText);
-  }
-
-  private static async getBulletsSummarizer() {
-    if (!Summarizer) return;
-    if (NativeSummarizer.bullets) return NativeSummarizer.bullets;
-    const capabilities = await Summarizer.availability();
-    if (capabilities === 'no') return;
-    NativeSummarizer.bullets = await Summarizer.create({
-      type: 'key-points',
-      format: 'markdown',
-      length: 'medium',
-    });
-    return NativeSummarizer.bullets;
-  }
-
-  private static async trunc(summarizer: ISummarizer, text: string): Promise<string> {
-    const quota = summarizer.inputQuota;
-    let currentUsage = await summarizer.measureInputUsage(text);
-    if (currentUsage <= quota) return text;
-    let truncated = text.substring(0, quota * 4);
-    currentUsage = await summarizer.measureInputUsage(truncated);
-    while (currentUsage > quota && truncated.length > 0) {
-      truncated = truncated.substring(0, Math.floor(truncated.length * 0.9));
-      currentUsage = await summarizer.measureInputUsage(truncated);
-    }
-    return truncated;
-  }
-}
diff --git a/packages/mutxt-react/src/MuTxt/ai/open-router/exec.ts b/packages/mutxt-react/src/MuTxt/ai/open-router/exec.ts
deleted file mode 100644
index 852c368dfb..0000000000
--- a/packages/mutxt-react/src/MuTxt/ai/open-router/exec.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-import type {OpenRouterRequestBody, OpenRouterResponse} from './types';
-
-export const chat = async (body: OpenRouterRequestBody, key: string) => {
-  const response = await fetch('https://openrouter.ai/api/v1/chat/completions', {
-    method: 'POST',
-    headers: {
-      Authorization: `Bearer ${key}`,
-      'Content-Type': 'application/json',
-
-      // These two can be used for OpenRouter's rankings and analytics
-      // "HTTP-Referer": "",
-      // "X-Title": ""
-    },
-    body: JSON.stringify(body),
-  });
-  if (!response.ok) throw new Error(`Request failed with ${response.status}`);
-  const data = await response.json();
-  if (data.error) throw new Error(data.error);
-  return data as OpenRouterResponse;
-};
diff --git a/packages/mutxt-react/src/MuTxt/ai/open-router/types.ts b/packages/mutxt-react/src/MuTxt/ai/open-router/types.ts
deleted file mode 100644
index 00fdd4b6f9..0000000000
--- a/packages/mutxt-react/src/MuTxt/ai/open-router/types.ts
+++ /dev/null
@@ -1,103 +0,0 @@
-export type MessageRole = 'system' | 'user' | 'assistant' | 'tool';
-
-export interface ChatCompletionMessage {
-  role: MessageRole;
-  content: string | ChatCompletionContentPart[];
-  name?: string;
-  tool_calls?: ToolCall[];
-  tool_call_id?: string; // Required for role: 'tool'
-}
-
-export interface ChatCompletionContentPart {
-  type: 'text' | 'image_url';
-  text?: string;
-  image_url?: {
-    url: string; // Base64 or URL
-    detail?: 'auto' | 'low' | 'high';
-  };
-}
-
-export interface ToolCall {
-  id: string;
-  type: 'function';
-  function: {
-    name: string;
-    arguments: string; // JSON string
-  };
-}
-
-export interface ToolDefinition {
-  type: 'function';
-  function: {
-    name: string;
-    description?: string;
-    parameters: Record<string, any>; // JSON Schema object
-  };
-}
-
-export interface OpenRouterRequestBody {
-  model: string;
-  messages: ChatCompletionMessage[];
-  prompt?: string;
-  tools?: ToolDefinition[];
-  tool_choice?: 'none' | 'auto' | 'required' | {type: 'function'; function: {name: string}};
-  stream?: boolean;
-  max_tokens?: number;
-  temperature?: number;
-  top_p?: number;
-  top_k?: number;
-  frequency_penalty?: number;
-  presence_penalty?: number;
-  repetition_penalty?: number;
-  seed?: number;
-  stop?: string | string[];
-
-  // OpenRouter Specific Extensions
-  transforms?: string[];
-  models?: string[]; // Fallback list
-  route?: 'fallback';
-  provider?: {
-    order?: string[];
-    allow_fallbacks?: boolean;
-    require_parameters?: boolean;
-    data_collection?: 'deny' | 'allow';
-  };
-}
-
-export interface OpenRouterResponse {
-  id: string;
-  /** Usually "chat.completion" */
-  object: string;
-  /** Unix timestamp */
-  created: number;
-  /** The specific model used (useful for fallbacks) */
-  model: string;
-  choices: Choice[];
-  usage?: Usage;
-  /** Included if the request was a 'completion' (non-chat) */
-  system_fingerprint?: string;
-}
-
-export interface Choice {
-  /** Why the generation stopped */
-  finish_reason: 'stop' | 'length' | 'tool_calls' | 'content_filter' | null;
-  index: number;
-  message: {
-    role: 'assistant';
-    content: string | null;
-    /** Present if the model is calling a tool */
-    tool_calls?: ToolCall[];
-  };
-  /** Only present in streaming responses */
-  delta?: {
-    role?: 'assistant';
-    content?: string;
-    tool_calls?: ToolCall[];
-  };
-}
-
-export interface Usage {
-  prompt_tokens: number;
-  completion_tokens: number;
-  total_tokens: number;
-}
diff --git a/packages/mutxt-react/src/MuTxt/behavior.ts b/packages/mutxt-react/src/MuTxt/behavior.ts
deleted file mode 100644
index d06832609a..0000000000
--- a/packages/mutxt-react/src/MuTxt/behavior.ts
+++ /dev/null
@@ -1,461 +0,0 @@
-import {Editor, Element as SlateElement, Node, Path, Range, Transforms} from 'slate';
-import {HistoryEditor} from 'slate-history';
-import type {
-  BlockFormat,
-  CustomElement,
-  ListElementType,
-  MarkFormat,
-  SlateTextAlign,
-  ToolbarButtonDefinition,
-} from './types';
-import {removeLink} from './behavior/link';
-import {isListType, LIST_TYPES} from './behavior/lists';
-
-export {isListType, LIST_TYPES};
-
-export const ALIGNMENTS: SlateTextAlign[] = ['left', 'center', 'right', 'justify'];
-export const MARKS: MarkFormat[] = [
-  'bg',
-  'bold',
-  'code',
-  'del',
-  'fg',
-  'ins',
-  'italic',
-  'kbd',
-  'mark',
-  'overline',
-  'spoiler',
-  'strikethrough',
-  'sub',
-  'sup',
-  'underline',
-];
-
-const isElement = (node: unknown): node is CustomElement => SlateElement.isElement(node);
-const isFormattableBlock = (node: CustomElement): boolean => !isListType(node.type) && node.type !== 'embed';
-
-export const isMarkActive = (editor: Editor, format: MarkFormat): boolean => {
-  const marks = Editor.marks(editor);
-  return marks ? marks[format] === true : false;
-};
-
-export const toggleMark = (editor: Editor, format: MarkFormat): void => {
-  if (isMarkActive(editor, format)) Editor.removeMark(editor, format);
-  else Editor.addMark(editor, format, true);
-};
-
-export const getActiveBlock = (editor: Editor): CustomElement | null => {
-  const {selection} = editor;
-  if (!selection) return null;
-  const [match] = Editor.nodes(editor, {
-    at: Editor.unhangRange(editor, selection),
-    match: (node) => isElement(node) && Editor.isBlock(editor, node),
-  });
-  return (match as [CustomElement, number[]] | undefined)?.[0] ?? null;
-};
-
-export const isBlockActive = (editor: Editor, format: Exclude<BlockFormat, ListElementType>): boolean => {
-  const {selection} = editor;
-  if (!selection) return false;
-  const [match] = Editor.nodes(editor, {
-    at: Editor.unhangRange(editor, selection),
-    match: (node) => isElement(node) && node.type === format,
-  });
-  return !!match;
-};
-
-const isAtEndOfBlock = (editor: Editor, format: Exclude<BlockFormat, ListElementType>): boolean => {
-  const {selection} = editor;
-  if (!selection || !Range.isCollapsed(selection)) return false;
-  const match = Editor.above(editor, {
-    at: selection,
-    match: (node) => isElement(node) && node.type === format,
-    mode: 'lowest',
-  });
-  if (!match) return false;
-  const [, path] = match;
-  return Editor.isEnd(editor, selection.anchor, path);
-};
-
-export const isListActive = (editor: Editor, format: ListElementType): boolean => {
-  const {selection} = editor;
-  if (!selection) return false;
-  const [match] = Editor.nodes(editor, {
-    at: Editor.unhangRange(editor, selection),
-    match: (node) => isElement(node) && node.type === format,
-  });
-  return !!match;
-};
-
-export const getActiveAlignment = (editor: Editor): SlateTextAlign => {
-  const {selection} = editor;
-  if (!selection) return 'left';
-  const [match] = Editor.nodes(editor, {
-    at: Editor.unhangRange(editor, selection),
-    match: (node) => isElement(node) && Editor.isBlock(editor, node) && isFormattableBlock(node),
-  });
-  if (!match) return 'left';
-  const [element] = match as [CustomElement, number[]];
-  return (element as {align?: SlateTextAlign}).align ?? 'left';
-};
-
-export const isAlignmentActive = (editor: Editor, alignment: SlateTextAlign): boolean =>
-  getActiveAlignment(editor) === alignment;
-
-const unwrapLists = (editor: Editor): void => {
-  Transforms.unwrapNodes(editor, {
-    match: (node) => isElement(node) && isListType(node.type),
-    split: true,
-  });
-};
-
-export const getCurrentBlockEntry = (editor: Editor): [CustomElement, Path] | null => {
-  const {selection} = editor;
-  if (!selection) return null;
-  const match = Editor.above(editor, {
-    at: Editor.unhangRange(editor, selection),
-    match: (node) => isElement(node) && Editor.isBlock(editor, node),
-    mode: 'lowest',
-  });
-  return (match as [CustomElement, Path] | undefined) ?? null;
-};
-
-const getCurrentListType = (editor: Editor): ListElementType | null => {
-  const {selection} = editor;
-  if (!selection) return null;
-  const match = Editor.above(editor, {
-    at: Editor.unhangRange(editor, selection),
-    match: (node) => isElement(node) && isListType(node.type),
-    mode: 'lowest',
-  });
-  return match ? ((match[0] as CustomElement).type as ListElementType) : null;
-};
-
-export const toggleBlock = (editor: Editor, format: BlockFormat): void => {
-  const isList = isListType(format);
-  const isActive = isList ? isListActive(editor, format) : isBlockActive(editor, format);
-  unwrapLists(editor);
-  const nextType = isActive ? 'p' : isList ? 'li' : format;
-  Transforms.setNodes(editor, {type: nextType} as Partial<CustomElement>, {
-    match: (node) => isElement(node) && Editor.isBlock(editor, node) && isFormattableBlock(node),
-  });
-  if (!isActive && isList) {
-    Transforms.wrapNodes(editor, {type: format, children: []} as CustomElement, {
-      match: (node) => isElement(node) && node.type === 'li',
-    });
-  }
-  if (format === 'checklist' && !isActive) {
-    Transforms.setNodes(editor, {checked: false} as Partial<CustomElement>, {
-      match: (node) => isElement(node) && node.type === 'li',
-    });
-  } else {
-    Transforms.unsetNodes(editor, 'checked', {
-      match: (node) => isElement(node) && Editor.isBlock(editor, node) && !isListType(node.type),
-    });
-  }
-};
-
-export const setAlignment = (editor: Editor, alignment: SlateTextAlign): void => {
-  const current = getActiveAlignment(editor);
-  const shouldUnset = alignment === 'left' || current === alignment;
-
-  if (shouldUnset) {
-    Transforms.unsetNodes(editor, 'align', {
-      match: (node) => isElement(node) && Editor.isBlock(editor, node) && isFormattableBlock(node),
-    });
-    return;
-  }
-
-  Transforms.setNodes(editor, {align: alignment} as Partial<CustomElement>, {
-    match: (node) => isElement(node) && Editor.isBlock(editor, node) && isFormattableBlock(node),
-  });
-};
-
-export const eraseMarks = (editor: Editor): void => {
-  removeLink(editor);
-  for (const mark of MARKS) Editor.removeMark(editor, mark);
-};
-
-export const setChecklistItemChecked = (editor: Editor, path: Path, checked: boolean): void => {
-  Transforms.setNodes(editor, {checked} as Partial<CustomElement>, {
-    at: path,
-    match: (node) => isElement(node) && node.type === 'li',
-  });
-};
-
-export const resetEmptyBlockToP = (editor: Editor): boolean => {
-  const {selection} = editor;
-  if (!selection || !Range.isCollapsed(selection)) return false;
-  const entry = getCurrentBlockEntry(editor);
-  if (!entry) return false;
-  const [block] = entry;
-  if (block.type === 'embed') return false;
-  if (Node.string(block) !== '') return false;
-  if (block.type === 'p') return false;
-  if (block.type === 'li') {
-    const listType = getCurrentListType(editor);
-    if (!listType) {
-      Transforms.setNodes(editor, {type: 'p'} as Partial<CustomElement>, {
-        match: (node) => isElement(node) && Editor.isBlock(editor, node) && node.type === 'li',
-      });
-      return true;
-    }
-    toggleBlock(editor, listType);
-    return true;
-  }
-  toggleBlock(editor, block.type as Exclude<BlockFormat, ListElementType>);
-  return true;
-};
-
-export const isInRawTextBlock = (editor: Editor): boolean =>
-  isBlockActive(editor, 'code-block') || isBlockActive(editor, 'pre');
-
-export const insertCodeBlockBreak = (editor: Editor): boolean => {
-  if (!isInRawTextBlock(editor)) return false;
-  Editor.insertText(editor, '\n');
-  return true;
-};
-
-export const insertCodeBlockExit = (editor: Editor): boolean => {
-  const {selection} = editor;
-  if (!selection) return false;
-  const [match] = Editor.nodes(editor, {
-    at: Editor.unhangRange(editor, selection),
-    match: (node) => isElement(node) && (node.type === 'code-block' || node.type === 'pre'),
-  });
-  if (!match) return false;
-  const [, path] = match;
-  const afterPath = Path.next(path);
-  Transforms.insertNodes(editor, {type: 'p', children: [{text: ''}]} as CustomElement, {at: afterPath});
-  Transforms.select(editor, afterPath);
-  return true;
-};
-
-/**
- * If the caret is anywhere inside a `stepper` list, drop a fresh paragraph
- * after the list and move the caret there — an explicit way to "exit" the
- * stepper without having to land on an empty step.
- */
-export const exitStepperList = (editor: Editor): boolean => {
-  const {selection} = editor;
-  if (!selection) return false;
-  const match = Editor.above(editor, {
-    at: Editor.unhangRange(editor, selection),
-    match: (node) => isElement(node) && (node as CustomElement).type === 'stepper',
-    mode: 'lowest',
-  });
-  if (!match) return false;
-  const [, path] = match as [CustomElement, Path];
-  const afterPath = Path.next(path);
-  Transforms.insertNodes(editor, {type: 'p', children: [{text: ''}]} as CustomElement, {at: afterPath});
-  Transforms.select(editor, afterPath);
-  return true;
-};
-
-const isInStepperLi = (editor: Editor): boolean => {
-  const {selection} = editor;
-  if (!selection) return false;
-  const li = Editor.above(editor, {
-    at: Editor.unhangRange(editor, selection),
-    match: (node) => isElement(node) && (node as CustomElement).type === 'li',
-    mode: 'lowest',
-  });
-  if (!li) return false;
-  const stepper = Editor.above(editor, {
-    at: li[1],
-    match: (node) => isElement(node) && (node as CustomElement).type === 'stepper',
-    mode: 'lowest',
-  });
-  return !!stepper;
-};
-
-/**
- * If the caret is at the end of a code-block or pre block and the block's
- * text content already ends with `\n\n`, strip those trailing newlines and
- * exit the block into a new paragraph below.
- */
-export const tryExitCodeBlockOnTripleEnter = (editor: Editor): boolean => {
-  const {selection} = editor;
-  if (!selection || !Range.isCollapsed(selection)) return false;
-  const match = Editor.above(editor, {
-    at: selection,
-    match: (node) => isElement(node) && (node.type === 'code-block' || node.type === 'pre'),
-    mode: 'lowest',
-  });
-  if (!match) return false;
-  const [block, path] = match as [CustomElement, Path];
-  if (!Editor.isEnd(editor, selection.anchor, path)) return false;
-  if (!Node.string(block).endsWith('\n\n')) return false;
-  Transforms.delete(editor, {distance: 2, unit: 'character', reverse: true});
-  return insertCodeBlockExit(editor);
-};
-
-const HEADING_TYPES: ReadonlySet<string> = new Set(['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'title', 'subtitle']);
-
-/**
- * If the caret is at offset 0 of a block whose previous sibling is an empty
- * `<p>`, remove that empty paragraph.
- */
-export const removeEmptyPrevP = (editor: Editor): boolean => {
-  const {selection} = editor;
-  if (!selection || !Range.isCollapsed(selection)) return false;
-  const entry = getCurrentBlockEntry(editor);
-  if (!entry) return false;
-  const [, path] = entry;
-  if (!Editor.isStart(editor, selection.anchor, path)) return false;
-  if (!Path.hasPrevious(path)) return false;
-  const prevPath = Path.previous(path);
-  let prevNode: unknown;
-  try {
-    prevNode = Node.get(editor, prevPath);
-  } catch {
-    return false;
-  }
-  if (!isElement(prevNode)) return false;
-  if (prevNode.type !== 'p') return false;
-  if (Node.string(prevNode) !== '') return false;
-  Transforms.removeNodes(editor, {at: prevPath});
-  return true;
-};
-
-/**
- * Backspace at offset 0 of a non-empty heading, blockquote, callout, or list
- * item converts that block to a paragraph instead of merging with the
- * previous block. Empty blocks are handled by `resetEmptyBlockToP`.
- */
-export const resetBlockToPAtStart = (editor: Editor): boolean => {
-  const {selection} = editor;
-  if (!selection || !Range.isCollapsed(selection)) return false;
-  const entry = getCurrentBlockEntry(editor);
-  if (!entry) return false;
-  const [block, path] = entry;
-  if (Node.string(block) === '') return false;
-  if (!Editor.isStart(editor, selection.anchor, path)) return false;
-  const isResettable =
-    HEADING_TYPES.has(block.type) || block.type === 'blockquote' || block.type === 'callout' || block.type === 'li';
-  if (!isResettable) return false;
-  if (block.type === 'li') {
-    const listType = getCurrentListType(editor);
-    if (!listType) {
-      Transforms.setNodes(editor, {type: 'p'} as Partial<CustomElement>, {
-        match: (node) => isElement(node) && Editor.isBlock(editor, node) && node.type === 'li',
-      });
-      return true;
-    }
-    toggleBlock(editor, listType);
-    return true;
-  }
-  toggleBlock(editor, block.type as Exclude<BlockFormat, ListElementType>);
-  return true;
-};
-
-export const withCodeBlockBreaks = <T extends Editor>(editor: T): T => {
-  const {insertBreak} = editor;
-  editor.insertBreak = () => {
-    if (tryExitCodeBlockOnTripleEnter(editor)) return;
-    if (insertCodeBlockBreak(editor)) return;
-    if (resetEmptyBlockToP(editor)) return;
-    const activeBlock = getActiveBlock(editor);
-    const inHeading = activeBlock && HEADING_TYPES.has(activeBlock.type);
-    const inHeadingOrBlockquoteOrCallout = activeBlock && ['blockquote', 'callout'].includes(activeBlock.type);
-    const atEndOfTitle = isAtEndOfBlock(editor, 'title');
-    const inStepperLi = isInStepperLi(editor);
-    let convertPreviousSibling = false;
-    if (inHeading || inHeadingOrBlockquoteOrCallout) {
-      const entry = getCurrentBlockEntry(editor);
-      const sel = editor.selection;
-      if (entry && sel && Range.isCollapsed(sel)) {
-        convertPreviousSibling = Editor.isStart(editor, sel.anchor, entry[1]);
-      }
-    }
-    const inCallout = activeBlock && activeBlock.type === 'callout';
-    insertBreak();
-    if (inHeading || inHeadingOrBlockquoteOrCallout) {
-      const nextType: CustomElement['type'] = atEndOfTitle ? 'subtitle' : 'p';
-      let targetPath: Path | undefined;
-      if (convertPreviousSibling) {
-        const cursorEntry = getCurrentBlockEntry(editor);
-        if (cursorEntry && Path.hasPrevious(cursorEntry[1])) {
-          targetPath = Path.previous(cursorEntry[1]);
-          Transforms.setNodes(editor, {type: nextType} as Partial<CustomElement>, {at: targetPath});
-        }
-      } else {
-        Transforms.setNodes(editor, {type: nextType} as Partial<CustomElement>);
-      }
-      // Drop callout-specific attributes so the new <p> doesn't inherit them
-      // when the user breaks out of a callout.
-      if (inCallout) {
-        const unsetOpts = targetPath ? {at: targetPath} : undefined;
-        Transforms.unsetNodes(editor, ['variant', 'icon', 'title', 'color'], unsetOpts);
-      }
-    }
-    if (inStepperLi) {
-      Transforms.unsetNodes(
-        editor,
-        [
-          'stepTitle',
-          'stepDesc',
-          'stepState',
-          'stepIndicator',
-          'stepChar',
-          'stepCol',
-          'stepBg',
-          'ring',
-          'ringCol',
-          'ringWidth',
-          'halo',
-          'haloCol',
-          'haloWidth',
-          'line',
-          'lineCol',
-          'lineWidth',
-        ],
-        {match: (node) => isElement(node) && (node as CustomElement).type === 'li'},
-      );
-    }
-  };
-
-  // Inside a code-block or pre block, paste raw text.
-  const reactEditor = editor as Editor & {insertData?: (data: DataTransfer) => void};
-  const {insertData} = reactEditor;
-  if (insertData) {
-    reactEditor.insertData = (data: DataTransfer) => {
-      if (isInRawTextBlock(editor)) {
-        const text = data.getData('text/plain');
-        if (text) {
-          Editor.insertText(editor, text);
-          return;
-        }
-      }
-      insertData(data);
-    };
-  }
-  return editor;
-};
-
-export const canUndo = (editor: Editor): boolean =>
-  HistoryEditor.isHistoryEditor(editor) && editor.history.undos.length > 0;
-
-export const canRedo = (editor: Editor): boolean =>
-  HistoryEditor.isHistoryEditor(editor) && editor.history.redos.length > 0;
-
-export const undo = (editor: Editor): void => {
-  if (HistoryEditor.isHistoryEditor(editor)) editor.undo();
-};
-
-export const redo = (editor: Editor): void => {
-  if (HistoryEditor.isHistoryEditor(editor)) editor.redo();
-};
-
-export const MARK_BUTTONS: ToolbarButtonDefinition<MarkFormat>[] = [
-  {key: 'bold', title: 'Bold', iconSet: 'radix', icon: 'font-bold', shortcut: 'Cmd+B', format: 'bold'},
-  {key: 'italic', title: 'Italic', iconSet: 'lucide', icon: 'italic', shortcut: 'Cmd+I', format: 'italic'},
-  {key: 'underline', title: 'Underline', iconSet: 'tabler', icon: 'underline', shortcut: 'Cmd+U', format: 'underline'},
-  {key: 'code', title: 'Inline code', iconSet: 'tabler', icon: 'code', shortcut: 'Cmd+E', format: 'code'},
-];
-
-export const ACTION_BUTTONS: ToolbarButtonDefinition[] = [
-  {key: 'undo', title: 'Undo', iconSet: 'lucide', icon: 'undo', shortcut: 'Cmd+Z'},
-  {key: 'redo', title: 'Redo', iconSet: 'lucide', icon: 'redo', shortcut: 'Cmd+Shift+Z'},
-];
diff --git a/packages/mutxt-react/src/MuTxt/behavior/active-selection.ts b/packages/mutxt-react/src/MuTxt/behavior/active-selection.ts
deleted file mode 100644
index d3024845ee..0000000000
--- a/packages/mutxt-react/src/MuTxt/behavior/active-selection.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-/**
- * @module *Active Selection* is when some range was selected, and a popup is
- * open to configure it, say add a link formatting, the editor looses focus,
- * so we highlight the selection with a decorator to give user feedback on what
- * text the popup is acting on.
- */
-
-import {Path, Range, Text, type BaseRange, type NodeEntry} from 'slate';
-
-export interface ActiveSelectionDecoration extends BaseRange {
-  activeSelection: true;
-}
-
-/**
- * Returns a clipped decoration range for the supplied text-node entry when it
- * intersects the link popup's selection snapshot. Slate's `Text.decorations`
- * uses only a range's offsets — not its path — so cross-node ranges must be
- * clipped to the bounds of the current text node before being returned.
- */
-export const decorActiveSelection = (entry: NodeEntry, range: Range): ActiveSelectionDecoration | null => {
-  const [node, path] = entry;
-  if (!Text.isText(node)) return null;
-  const textLen = node.text.length;
-  const [start, end] = Range.edges(range);
-  if (Path.compare(path, end.path) > 0) return null;
-  if (Path.compare(path, start.path) < 0) return null;
-  const clipStart = Path.equals(path, start.path) ? start.offset : 0;
-  const clipEnd = Path.equals(path, end.path) ? end.offset : textLen;
-  if (clipStart >= clipEnd) return null;
-  return {
-    anchor: {path, offset: clipStart},
-    focus: {path, offset: clipEnd},
-    activeSelection: true,
-  };
-};
diff --git a/packages/mutxt-react/src/MuTxt/behavior/blockOps.ts b/packages/mutxt-react/src/MuTxt/behavior/blockOps.ts
deleted file mode 100644
index ca04d695b8..0000000000
--- a/packages/mutxt-react/src/MuTxt/behavior/blockOps.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import {Editor, Path, Transforms} from 'slate';
-import {getCurrentBlockEntry} from '../behavior';
-import {cloneBinary} from '@jsonjoy.com/util/lib/json-clone/cloneBinary';
-
-export const moveBlockUp = (editor: Editor): boolean => {
-  const entry = getCurrentBlockEntry(editor);
-  if (!entry) return false;
-  const [, path] = entry;
-  if (!Path.hasPrevious(path)) return false;
-  Transforms.moveNodes(editor, {at: path, to: Path.previous(path)});
-  return true;
-};
-
-export const moveBlockDown = (editor: Editor): boolean => {
-  const entry = getCurrentBlockEntry(editor);
-  if (!entry) return false;
-  const [, path] = entry;
-  const [parent] = Editor.parent(editor, path);
-  const lastIndex = path[path.length - 1];
-  const siblingCount = (parent as {children?: unknown[]}).children?.length ?? 0;
-  if (lastIndex >= siblingCount - 1) return false;
-  Transforms.moveNodes(editor, {at: path, to: Path.next(path)});
-  return true;
-};
-
-export const duplicateBlock = (editor: Editor): boolean => {
-  const entry = getCurrentBlockEntry(editor);
-  if (!entry) return false;
-  const [block, path] = entry;
-  Transforms.insertNodes(editor, cloneBinary(block), {at: Path.next(path)});
-  return true;
-};
-
-export const deleteBlock = (editor: Editor): boolean => {
-  const entry = getCurrentBlockEntry(editor);
-  if (!entry) return false;
-  const [, path] = entry;
-  Transforms.removeNodes(editor, {at: path});
-  return true;
-};
diff --git a/packages/mutxt-react/src/MuTxt/behavior/color.ts b/packages/mutxt-react/src/MuTxt/behavior/color.ts
deleted file mode 100644
index 4e1230fdc5..0000000000
--- a/packages/mutxt-react/src/MuTxt/behavior/color.ts
+++ /dev/null
@@ -1,48 +0,0 @@
-import {Editor, Node} from 'slate';
-import type {MarkColor} from '../types';
-
-export const getActiveMarkColor = (editor: Editor): MarkColor | true | undefined => {
-  const marks = Editor.marks(editor) as {mark?: boolean | MarkColor} | null;
-  const value = marks?.mark;
-  if (value === false || value === undefined) return undefined;
-  return value;
-};
-
-export const setMarkColor = (editor: Editor, color: MarkColor | undefined): void => {
-  const current = getActiveMarkColor(editor);
-  const normalized: MarkColor | undefined = current === true ? 'yellow' : current;
-  if (color === undefined || normalized === color) Editor.removeMark(editor, 'mark');
-  else Editor.addMark(editor, 'mark', color);
-};
-
-export const getActiveFg = (editor: Editor): string | undefined => {
-  const marks = Editor.marks(editor) as {fg?: string} | null;
-  return marks?.fg;
-};
-
-export const setFg = (editor: Editor, color: string | undefined): void => {
-  if (!color) Editor.removeMark(editor, 'fg');
-  else Editor.addMark(editor, 'fg', color);
-};
-
-export const getActiveBg = (editor: Editor): string | undefined => {
-  const marks = Editor.marks(editor) as {bg?: string} | null;
-  return marks?.bg;
-};
-
-export const setBg = (editor: Editor, color: string | undefined): void => {
-  if (!color) Editor.removeMark(editor, 'bg');
-  else Editor.addMark(editor, 'bg', color);
-};
-
-export const collectDocumentColors = (editor: Editor, key: 'fg' | 'bg', limit = 10): string[] => {
-  const seen = new Set<string>();
-  for (const [node] of Node.texts(editor)) {
-    const value = (node as any)[key];
-    if (typeof value === 'string' && value) {
-      seen.add(value);
-      if (seen.size >= limit) break;
-    }
-  }
-  return Array.from(seen);
-};
diff --git a/packages/mutxt-react/src/MuTxt/behavior/embed.ts b/packages/mutxt-react/src/MuTxt/behavior/embed.ts
deleted file mode 100644
index aef011b925..0000000000
--- a/packages/mutxt-react/src/MuTxt/behavior/embed.ts
+++ /dev/null
@@ -1,111 +0,0 @@
-import {Editor, Element as SlateElement, Node, Path, Transforms} from 'slate';
-import {insertVoidBlock} from './voidInsert';
-import type {CustomElement, CustomText, EmbedElement} from '../types';
-
-export const isEmbedElement = (node: unknown): node is EmbedElement =>
-  SlateElement.isElement(node) && node.type === 'embed';
-
-export const normalizeEmbedUrl = (href: string): string => {
-  const value = href.trim();
-  if (!value) return '';
-  const nextValue = /^[a-z][a-z0-9+.-]*:/i.test(value) ? value : `https://${value}`;
-  try {
-    const url = new URL(nextValue);
-    if (url.protocol !== 'http:' && url.protocol !== 'https:') return '';
-    return url.toString();
-  } catch {
-    return '';
-  }
-};
-
-const normalizeCaption = (caption?: string): string | undefined => {
-  const value = caption?.trim();
-  return value ? value : undefined;
-};
-
-const createEmbedElement = (url: string, caption?: string): EmbedElement => {
-  const children: CustomText[] = [{text: ''}];
-  const element: EmbedElement = {
-    type: 'embed',
-    url,
-    children,
-  };
-  const nextCaption = normalizeCaption(caption);
-  if (nextCaption) element.caption = nextCaption;
-  return element;
-};
-
-const createParagraphElement = (): CustomElement => ({
-  type: 'p',
-  children: [{text: ''}],
-});
-
-export const getActiveEmbedEntry = (editor: Editor): [EmbedElement, Path] | null => {
-  const {selection} = editor;
-  if (!selection) return null;
-  const match = Editor.above(editor, {
-    at: Editor.unhangRange(editor, selection),
-    match: (node) => isEmbedElement(node),
-  });
-  return (match as [EmbedElement, Path] | undefined) ?? null;
-};
-
-export const getActiveEmbed = (editor: Editor): EmbedElement | null => getActiveEmbedEntry(editor)?.[0] ?? null;
-
-export const insertParagraphNearActiveEmbed = (editor: Editor, position: 'above' | 'below' = 'below'): Path | null => {
-  const entry = getActiveEmbedEntry(editor);
-  if (!entry) return null;
-  const [, path] = entry;
-  const targetPath = position === 'above' ? path : Path.next(path);
-  Transforms.insertNodes(editor, createParagraphElement(), {at: targetPath});
-  Transforms.select(editor, Editor.start(editor, targetPath));
-  return targetPath;
-};
-
-export const updateEmbedAtPath = (editor: Editor, path: Path, url: string, caption?: string): boolean => {
-  const normalizedUrl = normalizeEmbedUrl(url);
-  if (!normalizedUrl) return false;
-  if (!Node.has(editor, path)) return false;
-  const node = Node.get(editor, path);
-  if (!isEmbedElement(node)) return false;
-  Transforms.setNodes(editor, {url: normalizedUrl} as Partial<EmbedElement>, {at: path});
-  const nextCaption = normalizeCaption(caption);
-  if (nextCaption) Transforms.setNodes(editor, {caption: nextCaption} as Partial<EmbedElement>, {at: path});
-  else Transforms.unsetNodes(editor, 'caption', {at: path});
-  return true;
-};
-
-export const removeEmbedAtPath = (editor: Editor, path: Path): boolean => {
-  if (!Node.has(editor, path)) return false;
-  const node = Node.get(editor, path);
-  if (!isEmbedElement(node)) return false;
-  Transforms.removeNodes(editor, {at: path});
-  return true;
-};
-
-export const insertEmbed = (editor: Editor, url: string, caption?: string): EmbedElement | null => {
-  const normalizedUrl = normalizeEmbedUrl(url);
-  if (!normalizedUrl) return null;
-  return insertVoidBlock(editor, createEmbedElement(normalizedUrl, caption));
-};
-
-export const withEmbeds = <T extends Editor>(editor: T): T => {
-  const {isVoid, insertBreak, insertSoftBreak, insertText} = editor;
-  editor.isVoid = (element) => (element.type === 'embed' ? true : isVoid(element));
-  editor.insertBreak = () => {
-    if (insertParagraphNearActiveEmbed(editor, 'below')) return;
-    insertBreak();
-  };
-  editor.insertSoftBreak = () => {
-    if (insertParagraphNearActiveEmbed(editor, 'above')) return;
-    insertSoftBreak();
-  };
-  editor.insertText = (text) => {
-    if (text && insertParagraphNearActiveEmbed(editor, 'below')) {
-      insertText(text);
-      return;
-    }
-    insertText(text);
-  };
-  return editor;
-};
diff --git a/packages/mutxt-react/src/MuTxt/behavior/file.ts b/packages/mutxt-react/src/MuTxt/behavior/file.ts
deleted file mode 100644
index 5d3017052a..0000000000
--- a/packages/mutxt-react/src/MuTxt/behavior/file.ts
+++ /dev/null
@@ -1,75 +0,0 @@
-import {Editor, Element as SlateElement, Node, Path, Transforms} from 'slate';
-import {insertVoidBlock} from './voidInsert';
-import type {CustomElement, CustomText, FileElement} from '../types';
-
-export const isFileElement = (node: unknown): node is FileElement =>
-  SlateElement.isElement(node) && (node as any).type === 'file';
-
-const createParagraphElement = (): CustomElement => ({
-  type: 'p',
-  children: [{text: ''}] as CustomText[],
-});
-
-const createFileElement = (thingId: string, caption?: string): FileElement => {
-  const el: FileElement = {
-    type: 'file',
-    '@thing': thingId,
-    children: [{text: ''}] as CustomText[],
-  };
-  if (caption && caption.trim()) el.caption = caption.trim();
-  return el;
-};
-
-const getActiveFileEntry = (editor: Editor): [FileElement, Path] | undefined => {
-  const {selection} = editor;
-  if (!selection) return;
-  const match = Editor.above(editor, {
-    at: Editor.unhangRange(editor, selection),
-    match: (node) => isFileElement(node),
-  });
-  return (match as [FileElement, Path] | undefined) ?? void 0;
-};
-
-const insertParagraphNearActiveFile = (editor: Editor, position: 'above' | 'below' = 'below'): Path | null => {
-  const entry = getActiveFileEntry(editor);
-  if (!entry) return null;
-  const [, path] = entry;
-  const targetPath = position === 'above' ? path : Path.next(path);
-  Transforms.insertNodes(editor, createParagraphElement(), {at: targetPath});
-  Transforms.select(editor, Editor.start(editor, targetPath));
-  return targetPath;
-};
-
-export const removeFileAtPath = (editor: Editor, path: Path): boolean => {
-  if (!Node.has(editor, path)) return false;
-  const node = Node.get(editor, path);
-  if (!isFileElement(node)) return false;
-  Transforms.removeNodes(editor, {at: path});
-  return true;
-};
-
-export const insertFile = (editor: Editor, thingId: string, caption?: string): FileElement | null => {
-  if (!thingId) return null;
-  return insertVoidBlock(editor, createFileElement(thingId, caption));
-};
-
-export const withFile = <T extends Editor>(editor: T): T => {
-  const {isVoid, insertBreak, insertSoftBreak, insertText} = editor;
-  editor.isVoid = (element) => ((element as any).type === 'file' ? true : isVoid(element));
-  editor.insertBreak = () => {
-    if (insertParagraphNearActiveFile(editor, 'below')) return;
-    insertBreak();
-  };
-  editor.insertSoftBreak = () => {
-    if (insertParagraphNearActiveFile(editor, 'above')) return;
-    insertSoftBreak();
-  };
-  editor.insertText = (text) => {
-    if (text && insertParagraphNearActiveFile(editor, 'below')) {
-      insertText(text);
-      return;
-    }
-    insertText(text);
-  };
-  return editor;
-};
diff --git a/packages/mutxt-react/src/MuTxt/behavior/font.ts b/packages/mutxt-react/src/MuTxt/behavior/font.ts
deleted file mode 100644
index a9fe893c50..0000000000
--- a/packages/mutxt-react/src/MuTxt/behavior/font.ts
+++ /dev/null
@@ -1,63 +0,0 @@
-import {Editor, Element as SlateElement, Transforms} from 'slate';
-import type {CustomElement, FontKind} from '../types';
-import {isListType} from './lists';
-
-export const FONT_FAMILIES: Record<FontKind, string> = {
-  sans: '"Inter Variable","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif',
-  serif: '"Source Serif 4 Variable","Source Serif 4","Source Serif Pro",Georgia,Cambria,"Times New Roman",Times,serif',
-  slab: '"Bitter Variable","Bitter","Roboto Slab",Georgia,Cambria,"Times New Roman",Times,serif',
-  mono: '"JetBrains Mono Variable","JetBrains Mono",Menlo,Consolas,"Liberation Mono",Courier,monospace',
-};
-
-export const isFontKind = (v: unknown): v is FontKind => v === 'sans' || v === 'serif' || v === 'slab' || v === 'mono';
-
-export const fontFamilyOf = (kind: FontKind | undefined): string | undefined =>
-  kind ? FONT_FAMILIES[kind] : undefined;
-
-const isElement = (node: unknown): node is CustomElement => SlateElement.isElement(node);
-const isFormattableBlock = (node: CustomElement): boolean => !isListType(node.type) && node.type !== 'embed';
-
-const getActiveBlockFont = (editor: Editor): FontKind | undefined => {
-  const {selection} = editor;
-  if (!selection) return undefined;
-  const [match] = Editor.nodes(editor, {
-    at: Editor.unhangRange(editor, selection),
-    match: (node) => isElement(node) && Editor.isBlock(editor, node) && isFormattableBlock(node),
-  });
-  if (!match) return undefined;
-  const [element] = match as [CustomElement, number[]];
-  const value = (element as {font?: unknown}).font;
-  return isFontKind(value) ? value : undefined;
-};
-
-export const isBlockFontActive = (editor: Editor, font: FontKind): boolean => getActiveBlockFont(editor) === font;
-
-export const setBlockFont = (editor: Editor, font: FontKind | undefined): void => {
-  const current = getActiveBlockFont(editor);
-  if (!font || current === font) {
-    Transforms.unsetNodes(editor, 'font', {
-      match: (node) => isElement(node) && Editor.isBlock(editor, node) && isFormattableBlock(node),
-    });
-    return;
-  }
-  Transforms.setNodes(editor, {font} as Partial<CustomElement>, {
-    match: (node) => isElement(node) && Editor.isBlock(editor, node) && isFormattableBlock(node),
-  });
-};
-
-const getActiveLeafFont = (editor: Editor): FontKind | undefined => {
-  const marks = Editor.marks(editor) as {font?: unknown} | null;
-  const value = marks?.font;
-  return isFontKind(value) ? value : undefined;
-};
-
-export const isLeafFontActive = (editor: Editor, font: FontKind): boolean => getActiveLeafFont(editor) === font;
-
-export const setLeafFont = (editor: Editor, font: FontKind | undefined): void => {
-  const current = getActiveLeafFont(editor);
-  if (!font || current === font) {
-    Editor.removeMark(editor, 'font');
-    return;
-  }
-  Editor.addMark(editor, 'font', font);
-};
diff --git a/packages/mutxt-react/src/MuTxt/behavior/hr.ts b/packages/mutxt-react/src/MuTxt/behavior/hr.ts
deleted file mode 100644
index cc48ff4ef8..0000000000
--- a/packages/mutxt-react/src/MuTxt/behavior/hr.ts
+++ /dev/null
@@ -1,63 +0,0 @@
-import {Editor, Element as SlateElement, Path, Transforms} from 'slate';
-import {insertVoidBlock} from './voidInsert';
-import type {CustomElement, CustomText, HrElement} from '../types';
-
-export const isHrElement = (node: unknown): node is HrElement => SlateElement.isElement(node) && node.type === 'hr';
-
-const createHrElement = (overrides: Partial<HrElement> = {}): HrElement => {
-  const children: CustomText[] = [{text: ''}];
-  return {
-    type: 'hr',
-    children,
-    ...overrides,
-  };
-};
-
-const createParagraphElement = (): CustomElement => ({
-  type: 'p',
-  children: [{text: ''}],
-});
-
-export const getActiveHrEntry = (editor: Editor): [HrElement, Path] | null => {
-  const {selection} = editor;
-  if (!selection) return null;
-  const match = Editor.above(editor, {
-    at: Editor.unhangRange(editor, selection),
-    match: (node) => isHrElement(node),
-  });
-  return (match as [HrElement, Path] | undefined) ?? null;
-};
-
-export const insertParagraphNearActiveHr = (editor: Editor, position: 'above' | 'below' = 'below'): Path | null => {
-  const entry = getActiveHrEntry(editor);
-  if (!entry) return null;
-  const [, path] = entry;
-  const targetPath = position === 'above' ? path : Path.next(path);
-  Transforms.insertNodes(editor, createParagraphElement(), {at: targetPath});
-  Transforms.select(editor, Editor.start(editor, targetPath));
-  return targetPath;
-};
-
-export const insertHr = (editor: Editor, overrides: Partial<HrElement> = {}): HrElement | null =>
-  insertVoidBlock(editor, createHrElement(overrides));
-
-export const withHr = <T extends Editor>(editor: T): T => {
-  const {isVoid, insertBreak, insertSoftBreak, insertText} = editor;
-  editor.isVoid = (element) => (element.type === 'hr' ? true : isVoid(element));
-  editor.insertBreak = () => {
-    if (insertParagraphNearActiveHr(editor, 'below')) return;
-    insertBreak();
-  };
-  editor.insertSoftBreak = () => {
-    if (insertParagraphNearActiveHr(editor, 'above')) return;
-    insertSoftBreak();
-  };
-  editor.insertText = (text) => {
-    if (text && insertParagraphNearActiveHr(editor, 'below')) {
-      insertText(text);
-      return;
-    }
-    insertText(text);
-  };
-  return editor;
-};
diff --git a/packages/mutxt-react/src/MuTxt/behavior/imagePaste.ts b/packages/mutxt-react/src/MuTxt/behavior/imagePaste.ts
deleted file mode 100644
index b8d30a1189..0000000000
--- a/packages/mutxt-react/src/MuTxt/behavior/imagePaste.ts
+++ /dev/null
@@ -1,49 +0,0 @@
-import {ReactEditor} from 'slate-react';
-import {s} from 'json-joy/lib/json-crdt';
-import {insertFile} from './file';
-import type {MuTxtState} from '../state/MuTxtState';
-
-type InsertDataFn = (data: DataTransfer) => void;
-
-/**
- * Patches `editor.insertData` so that pasting one or more images (e.g. a
- * screenshot from the clipboard) inserts `file` void blocks instead of
- * falling through to Slate's default HTML/text paste logic.
- */
-export const bindImagePaste = (state: MuTxtState): void => {
-  const editor = state.editor as any;
-  const prev: InsertDataFn | undefined = editor.insertData;
-  editor.insertData = (data: DataTransfer): void => {
-    const images = collectImageFiles(data);
-    if (images.length) void pasteImages(state, images);
-    else prev?.call(editor, data);
-  };
-};
-
-const collectImageFiles = (data: DataTransfer): File[] => {
-  const fromFiles = Array.from(data.files).filter((f) => f.type.startsWith('image/'));
-  if (fromFiles.length) return fromFiles;
-  return Array.from(data.items ?? [])
-    .filter((item) => item.type.startsWith('image/'))
-    .map((item) => item.getAsFile())
-    .filter((f): f is File => f !== null);
-};
-
-const pasteImages = async (state: MuTxtState, files: File[]): Promise<void> => {
-  for (const file of files) {
-    const bytes = new Uint8Array(await file.arrayBuffer());
-    const id = state.things.add({
-      '@type': 'file',
-      name: file.name || `image-${Date.now()}.png`,
-      mimeType: file.type || 'image/png',
-      size: file.size,
-      data: s.con(bytes),
-    } as any);
-    if (!state.editor.selection)
-      try {
-        ReactEditor.focus(state.editor as ReactEditor);
-      } catch {}
-    insertFile(state.editor, id);
-    state.sync(true);
-  }
-};
diff --git a/packages/mutxt-react/src/MuTxt/behavior/indentation.ts b/packages/mutxt-react/src/MuTxt/behavior/indentation.ts
deleted file mode 100644
index 5dd25ff3a2..0000000000
--- a/packages/mutxt-react/src/MuTxt/behavior/indentation.ts
+++ /dev/null
@@ -1,53 +0,0 @@
-import {Editor, Element as SlateElement, Transforms} from 'slate';
-import {isListType} from '../behavior';
-import type {CustomElement} from '../types';
-
-const isElement = (node: unknown): node is CustomElement => SlateElement.isElement(node);
-const isFormattableBlock = (node: CustomElement): boolean => !isListType(node.type) && node.type !== 'embed';
-
-/** Maximum number of indent steps a block can have. */
-export const MAX_INDENT = 8;
-/** Width of one indent step, in CSS pixels. */
-export const INDENT_STEP_PX = 24;
-
-export const getActiveIndent = (editor: Editor): number => {
-  const {selection} = editor;
-  if (!selection) return 0;
-  const [match] = Editor.nodes(editor, {
-    at: Editor.unhangRange(editor, selection),
-    match: (node) => isElement(node) && Editor.isBlock(editor, node) && isFormattableBlock(node),
-  });
-  if (!match) return 0;
-  const [element] = match as [CustomElement, number[]];
-  const indent = (element as CustomElement & {indent?: number}).indent;
-  return typeof indent === 'number' && indent > 0 ? indent : 0;
-};
-
-export const setIndent = (editor: Editor, indent: number): void => {
-  const clamped = Math.max(0, Math.min(MAX_INDENT, Math.floor(indent)));
-  if (!clamped) {
-    Transforms.unsetNodes(editor, 'indent', {
-      match: (node) => isElement(node) && Editor.isBlock(editor, node) && isFormattableBlock(node),
-    });
-    return;
-  }
-  Transforms.setNodes(editor, {indent: clamped} as Partial<CustomElement>, {
-    match: (node) => isElement(node) && Editor.isBlock(editor, node) && isFormattableBlock(node),
-  });
-};
-
-export const indentBlock = (editor: Editor): void => {
-  setIndent(editor, getActiveIndent(editor) + 1);
-};
-
-export const dedentBlock = (editor: Editor): void => {
-  const current = getActiveIndent(editor);
-  if (!current) return;
-  setIndent(editor, current - 1);
-};
-
-export const indentPadding = (indent: number | undefined): number | undefined => {
-  if (!indent || indent < 1) return undefined;
-  const steps = Math.min(MAX_INDENT, Math.floor(indent));
-  return steps * INDENT_STEP_PX;
-};
diff --git a/packages/mutxt-react/src/MuTxt/behavior/keyboard.ts b/packages/mutxt-react/src/MuTxt/behavior/keyboard.ts
deleted file mode 100644
index 827aed9c29..0000000000
--- a/packages/mutxt-react/src/MuTxt/behavior/keyboard.ts
+++ /dev/null
@@ -1,216 +0,0 @@
-import {
-  exitStepperList,
-  insertCodeBlockBreak,
-  insertCodeBlockExit,
-  redo,
-  removeEmptyPrevP,
-  resetBlockToPAtStart,
-  resetEmptyBlockToP,
-  setAlignment,
-  toggleBlock,
-  toggleMark,
-  undo,
-} from '../behavior';
-import {deleteBlock, duplicateBlock, moveBlockDown, moveBlockUp} from './blockOps';
-import {dedentBlock, indentBlock} from './indentation';
-import {insertPAboveLeadingVoid} from './voidInsert';
-import type {Key} from '@jsonjoy.com/keyboard';
-import type {AnyBinding, Signature} from '@jsonjoy.com/keyboard';
-import type {MuTxtState} from '../state/MuTxtState';
-
-/**
- * Each handler is responsible for calling `event.preventDefault()` only when
- * it actually consumes the key, so unhandled cases (e.g. `Backspace` outside
- * an empty block) fall through to Slate's default behavior.
- */
-export const bindShortcuts = (state: MuTxtState): (() => void) => {
-  const editor = state.editor;
-  const consume = (key: Key, fn?: () => void): void => {
-    key.event?.preventDefault();
-    fn?.();
-    state.sync(true);
-  };
-
-  const bindings: AnyBinding[] = [
-    // -------------------------------------------------------------- Omni menu
-    [
-      'Shift Shift',
-      () => {
-        state.omni.openAtCaret();
-      },
-    ],
-    [
-      'P+j',
-      (key: Key) => {
-        key.event?.preventDefault();
-        state.omni.openAsPalette();
-      },
-    ],
-    // Space is a beginner-friendly shortcut: opens in an empty block (caret)
-    // or with a range selection. In a non-empty block at the caret, Space
-    // falls through to insert a space normally, if menu not opened.
-    [
-      'Space',
-      (key: Key) => {
-        if (state.omni.handleSpaceKey()) key.event?.preventDefault();
-      },
-    ],
-
-    // ---------------- Escape a leading void block (`ArrowUp` at document top)
-    [
-      'ArrowUp',
-      (key: Key) => {
-        if (insertPAboveLeadingVoid(editor)) consume(key);
-      },
-    ],
-
-    // ----------------------------------------------- Empty-block to paragraph
-    [
-      'Backspace',
-      (key: Key) => {
-        if (resetEmptyBlockToP(editor) || removeEmptyPrevP(editor) || resetBlockToPAtStart(editor)) consume(key);
-      },
-    ],
-    [
-      'Delete',
-      (key: Key) => {
-        if (resetEmptyBlockToP(editor)) consume(key);
-      },
-    ],
-
-    // ---------------------------------------- Code-block break / exit (Enter)
-    [
-      'P+Enter',
-      (key: Key) => {
-        if (insertCodeBlockBreak(editor)) consume(key);
-      },
-    ],
-    [
-      'Shift+Enter',
-      (key: Key) => {
-        if (insertCodeBlockExit(editor) || exitStepperList(editor)) consume(key);
-      },
-    ],
-
-    // ------------------------------------------------------------------ Marks
-    ['P+b', (key: Key) => consume(key, () => toggleMark(editor, 'bold'))],
-    ['P+i', (key: Key) => consume(key, () => toggleMark(editor, 'italic'))],
-    ['P+u', (key: Key) => consume(key, () => toggleMark(editor, 'underline'))],
-    ['P+e', (key: Key) => consume(key, () => toggleMark(editor, 'code'))],
-    ['P+Shift+x', (key: Key) => consume(key, () => toggleMark(editor, 'strikethrough'))],
-
-    // ------------------------------------------------------------------- Link
-    [
-      'P+k',
-      (key: Key) => {
-        const link = state.inline.link;
-        if (!link.canOpen.value) return;
-        key.event?.preventDefault();
-        link.setAnchorFromSelection();
-        state.inline.dismissed.next(true);
-        link.toggle();
-      },
-    ],
-
-    // ------------------------------------------------------------ Undo / redo
-    ['P+z', (key: Key) => consume(key, () => undo(editor))],
-    ['P+Shift+z', (key: Key) => consume(key, () => redo(editor))],
-    ['P+y', (key: Key) => consume(key, () => redo(editor))],
-
-    // ---------------------------------------------------------- Block toggles
-    ['P+Alt+@Digit0' as Signature, (key: Key) => consume(key, () => toggleBlock(editor, 'p'))],
-    ['P+Alt+@Digit1' as Signature, (key: Key) => consume(key, () => toggleBlock(editor, 'h1'))],
-    ['P+Alt+@Digit2' as Signature, (key: Key) => consume(key, () => toggleBlock(editor, 'h2'))],
-    ['P+Alt+@Digit3' as Signature, (key: Key) => consume(key, () => toggleBlock(editor, 'h3'))],
-    ['P+Alt+@Digit4' as Signature, (key: Key) => consume(key, () => toggleBlock(editor, 'h4'))],
-    ['P+Alt+@Digit5' as Signature, (key: Key) => consume(key, () => toggleBlock(editor, 'h5'))],
-    ['P+Alt+@Digit6' as Signature, (key: Key) => consume(key, () => toggleBlock(editor, 'h6'))],
-    ['P+Alt+@Digit7' as Signature, (key: Key) => consume(key, () => toggleBlock(editor, 'ol'))],
-    ['P+Alt+@Digit8' as Signature, (key: Key) => consume(key, () => toggleBlock(editor, 'ul'))],
-    ['P+Alt+@Digit9' as Signature, (key: Key) => consume(key, () => toggleBlock(editor, 'blockquote'))],
-    ['P+Shift+q', (key: Key) => consume(key, () => toggleBlock(editor, 'blockquote'))],
-    ['P+Shift+c', (key: Key) => consume(key, () => toggleBlock(editor, 'code-block'))],
-
-    // -------------------------------------------------------------- Alignment
-    ['P+Shift+l', (key: Key) => consume(key, () => setAlignment(editor, 'left'))],
-    ['P+Shift+e', (key: Key) => consume(key, () => setAlignment(editor, 'center'))],
-    ['P+Shift+r', (key: Key) => consume(key, () => setAlignment(editor, 'right'))],
-    ['P+Shift+j', (key: Key) => consume(key, () => setAlignment(editor, 'justify'))],
-
-    // ------------------------------------------------------------ Indentation
-    ['P+]', (key: Key) => consume(key, () => indentBlock(editor))],
-    ['P+[', (key: Key) => consume(key, () => dedentBlock(editor))],
-
-    // -------------------------------------------------------- Help / shortcut
-    [
-      'P+/',
-      (key: Key) => {
-        key.event?.preventDefault();
-        state.shortcutsOpen.set(true);
-      },
-    ],
-
-    // --------------------------------------------------- Transliteration mode
-    // Browser hijacks `Cmd+Shift+T` (reopen last closed tab) before our
-    // handler runs, so we use Alt-based bindings instead.
-    [
-      'P+Alt+@KeyT' as Signature,
-      (key: Key) => {
-        key.event?.preventDefault();
-        state.translit.toggle();
-      },
-    ],
-    [
-      'P+Alt+Shift+@KeyT' as Signature,
-      (key: Key) => {
-        key.event?.preventDefault();
-        if (state.translit.mapOpen.value) state.translit.closeMap();
-        else state.translit.openMap();
-      },
-    ],
-
-    // ---------------------------------------------------- Display mode toggle
-    [
-      'P+Shift+m',
-      (key: Key) => {
-        key.event?.preventDefault();
-        state.setDisplayMode(state.displayMode.value === 'inline' ? 'fullwindow' : 'inline');
-      },
-    ],
-    [
-      'P+Shift+f',
-      (key: Key) => {
-        key.event?.preventDefault();
-        state.setDisplayMode(state.displayMode.value === 'fullscreen' ? 'inline' : 'fullscreen');
-      },
-    ],
-
-    // ------------------------------------------------------- Block operations
-    [
-      'Alt+Shift+ArrowUp',
-      (key: Key) => {
-        if (moveBlockUp(editor)) consume(key);
-      },
-    ],
-    [
-      'Alt+Shift+ArrowDown',
-      (key: Key) => {
-        if (moveBlockDown(editor)) consume(key);
-      },
-    ],
-    [
-      'P+Shift+d',
-      (key: Key) => {
-        if (duplicateBlock(editor)) consume(key);
-      },
-    ],
-    [
-      'P+Shift+k',
-      (key: Key) => {
-        if (deleteBlock(editor)) consume(key);
-      },
-    ],
-  ];
-
-  return state.kbd.bind(bindings);
-};
diff --git a/packages/mutxt-react/src/MuTxt/behavior/link.ts b/packages/mutxt-react/src/MuTxt/behavior/link.ts
deleted file mode 100644
index 548202f88c..0000000000
--- a/packages/mutxt-react/src/MuTxt/behavior/link.ts
+++ /dev/null
@@ -1,152 +0,0 @@
-import {Editor, Node, Path, Range, Text, Transforms} from 'slate';
-import type {CustomText, LinkAttributes} from '../types';
-
-const isText = (node: unknown): node is CustomText => Text.isText(node);
-
-export const getLinkAttributes = (node: Partial<CustomText> | null | undefined): LinkAttributes | null => {
-  const value = node?.a;
-  if (!value || typeof value !== 'object') return null;
-  const href = typeof value.href === 'string' ? value.href.trim() : '';
-  if (!href) return null;
-  const title = typeof value.title === 'string' ? value.title.trim() : undefined;
-  return title ? {href, title} : {href};
-};
-
-const getTextEntries = (editor: Editor, at?: Range): [CustomText, Path][] =>
-  Array.from(
-    Editor.nodes(editor, {
-      at: at ?? [],
-      match: (node) => isText(node),
-    }),
-  ) as [CustomText, Path][];
-
-const getEntryIndex = (entries: [CustomText, Path][], path: Path): number =>
-  entries.findIndex(([, entryPath]) => Path.equals(entryPath, path));
-
-const getExpandedLinkRange = (editor: Editor, entries: [CustomText, Path][], index: number, href: string): Range => {
-  let left = index;
-  let right = index;
-  while (left > 0) {
-    const link = getLinkAttributes(entries[left - 1][0]);
-    if (!link || link.href !== href) break;
-    left--;
-  }
-  while (right < entries.length - 1) {
-    const link = getLinkAttributes(entries[right + 1][0]);
-    if (!link || link.href !== href) break;
-    right++;
-  }
-  return {
-    anchor: Editor.start(editor, entries[left][1]),
-    focus: Editor.end(editor, entries[right][1]),
-  };
-};
-
-export interface ActiveLink {
-  href: string;
-  title?: string;
-  range: Range;
-  text: string;
-}
-
-export const hasRangeSelection = (editor: Editor): boolean => {
-  const {selection} = editor;
-  return !!selection && !Range.isCollapsed(selection);
-};
-
-export const normalizeLinkHref = (href: string): string => {
-  const value = href.trim();
-  if (!value) return '';
-  if (/^[a-z][a-z0-9+.-]*:/i.test(value) || value.startsWith('/') || value.startsWith('#') || value.startsWith('?')) {
-    return value;
-  }
-  return `https://${value}`;
-};
-
-export const getActiveLink = (editor: Editor): ActiveLink | null => {
-  const {selection} = editor;
-  if (!selection) return null;
-  if (Range.isCollapsed(selection)) {
-    const entries = getTextEntries(editor);
-    const index = getEntryIndex(entries, selection.anchor.path);
-    if (index < 0) return null;
-    const link = getLinkAttributes(entries[index][0]);
-    if (!link) return null;
-    const range = getExpandedLinkRange(editor, entries, index, link.href);
-    return {
-      href: link.href,
-      title: link.title,
-      range,
-      text: Editor.string(editor, range),
-    };
-  }
-  const selectionRange = Editor.unhangRange(editor, selection);
-  const selectedEntries = getTextEntries(editor, selectionRange);
-  if (!selectedEntries.length) return null;
-  let link: LinkAttributes | null = null;
-  for (const [node] of selectedEntries) {
-    const currentLink = getLinkAttributes(node);
-    if (!currentLink) return null;
-    if (!link) {
-      link = currentLink;
-      continue;
-    }
-    if (link.href !== currentLink.href) return null;
-  }
-  if (!link) return null;
-  const entries = getTextEntries(editor);
-  const index = getEntryIndex(entries, selectedEntries[0][1]);
-  if (index < 0) return null;
-  const range = getExpandedLinkRange(editor, entries, index, link.href);
-  return {
-    href: link.href,
-    title: link.title,
-    range,
-    text: Editor.string(editor, range),
-  };
-};
-
-export const isLinkActive = (editor: Editor): boolean => !!getActiveLink(editor);
-
-export const upsertLink = (editor: Editor, href: string): ActiveLink | null => {
-  const nextHref = normalizeLinkHref(href);
-  if (!nextHref) return null;
-  const activeLink = getActiveLink(editor);
-  const targetRange =
-    activeLink?.range ?? (hasRangeSelection(editor) ? Editor.unhangRange(editor, editor.selection!) : null);
-  if (!targetRange) return null;
-  const link: LinkAttributes = activeLink?.title ? {href: nextHref, title: activeLink.title} : {href: nextHref};
-  Transforms.setNodes(editor, {a: link} as Partial<CustomText>, {
-    at: targetRange,
-    match: (node) => isText(node),
-    split: true,
-  });
-  if (editor.selection && Range.isCollapsed(editor.selection)) Editor.addMark(editor, 'a', link);
-  return getActiveLink(editor);
-};
-
-export const isRangeInEditor = (editor: Editor, range: Range): boolean => {
-  for (const point of [Range.start(range), Range.end(range)]) {
-    const {path, offset} = point;
-    if (!Node.has(editor, path)) return false;
-    const node = Node.get(editor, path);
-    if (!Text.isText(node) || offset > node.text.length) return false;
-  }
-  return true;
-};
-
-export const removeLink = (editor: Editor): boolean => {
-  const activeLink = getActiveLink(editor);
-  if (activeLink) {
-    Transforms.unsetNodes(editor, 'a', {
-      at: activeLink.range,
-      match: (node) => isText(node),
-      split: true,
-    });
-    if (editor.selection && Range.isCollapsed(editor.selection)) Editor.removeMark(editor, 'a');
-    return true;
-  }
-  if (!hasRangeSelection(editor)) return false;
-  Editor.removeMark(editor, 'a');
-  return true;
-};
diff --git a/packages/mutxt-react/src/MuTxt/behavior/linkPaste.ts b/packages/mutxt-react/src/MuTxt/behavior/linkPaste.ts
deleted file mode 100644
index 032d0026c1..0000000000
--- a/packages/mutxt-react/src/MuTxt/behavior/linkPaste.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-import {Editor, Range} from 'slate';
-import {upsertLink} from './link';
-
-const URL_REGEX = /^https?:\/\/\S+$/i;
-
-const isInRawTextBlock = (editor: Editor): boolean => {
-  const {selection} = editor;
-  if (!selection) return false;
-  const [match] = Editor.nodes(editor, {
-    at: Editor.unhangRange(editor, selection),
-    match: (node: any) => node?.type === 'code-block' || node?.type === 'pre',
-  });
-  return !!match;
-};
-
-/**
- * When a URL is pasted while a non-empty range is selected, attach the URL
- * as a link to the selected text instead of replacing it.
- */
-export const withLinkPaste = <T extends Editor>(editor: T): T => {
-  const reactEditor = editor as Editor & {insertData?: (data: DataTransfer) => void};
-  const {insertData} = reactEditor;
-  if (!insertData) return editor;
-  reactEditor.insertData = (data: DataTransfer) => {
-    const {selection} = editor;
-    if (selection && !Range.isCollapsed(selection) && !isInRawTextBlock(editor)) {
-      const text = data.getData('text/plain').trim();
-      if (text && URL_REGEX.test(text)) {
-        upsertLink(editor, text);
-        return;
-      }
-    }
-    insertData(data);
-  };
-  return editor;
-};
diff --git a/packages/mutxt-react/src/MuTxt/behavior/lists.ts b/packages/mutxt-react/src/MuTxt/behavior/lists.ts
deleted file mode 100644
index 2878118073..0000000000
--- a/packages/mutxt-react/src/MuTxt/behavior/lists.ts
+++ /dev/null
@@ -1,49 +0,0 @@
-import {Editor, Element as SlateElement, type Path, Transforms} from 'slate';
-import type {BulletedListElement, CustomElement, ListElementType, NumberedListElement, OlType, UlType} from '../types';
-
-export const LIST_TYPES: ListElementType[] = ['ul', 'ol', 'checklist', 'stepper'];
-
-const isElement = (node: unknown): node is CustomElement => SlateElement.isElement(node);
-export const isListType = (format: string): format is ListElementType => LIST_TYPES.includes(format as ListElementType);
-
-export const getActiveUlType = (editor: Editor): UlType | null => {
-  const {selection} = editor;
-  if (!selection) return null;
-  const match = Editor.above(editor, {
-    at: Editor.unhangRange(editor, selection),
-    match: (node) => isElement(node) && node.type === 'ul',
-    mode: 'lowest',
-  });
-  if (!match) return null;
-  const [element] = match as [BulletedListElement, Path];
-  return element.ulType ?? 'disc';
-};
-
-export const isUlTypeActive = (editor: Editor, ulType: UlType): boolean => getActiveUlType(editor) === ulType;
-
-export const setUlType = (editor: Editor, ulType: UlType): void => {
-  Transforms.setNodes(editor, {ulType} as Partial<CustomElement>, {
-    match: (node) => isElement(node) && node.type === 'ul',
-  });
-};
-
-export const getActiveOlType = (editor: Editor): OlType | null => {
-  const {selection} = editor;
-  if (!selection) return null;
-  const match = Editor.above(editor, {
-    at: Editor.unhangRange(editor, selection),
-    match: (node) => isElement(node) && node.type === 'ol',
-    mode: 'lowest',
-  });
-  if (!match) return null;
-  const [element] = match as [NumberedListElement, Path];
-  return element.olType ?? 'decimal';
-};
-
-export const isOlTypeActive = (editor: Editor, olType: OlType): boolean => getActiveOlType(editor) === olType;
-
-export const setOlType = (editor: Editor, olType: OlType): void => {
-  Transforms.setNodes(editor, {olType} as Partial<CustomElement>, {
-    match: (node) => isElement(node) && node.type === 'ol',
-  });
-};
diff --git a/packages/mutxt-react/src/MuTxt/behavior/math.ts b/packages/mutxt-react/src/MuTxt/behavior/math.ts
deleted file mode 100644
index e3a2bab131..0000000000
--- a/packages/mutxt-react/src/MuTxt/behavior/math.ts
+++ /dev/null
@@ -1,149 +0,0 @@
-import {Editor, Element as SlateElement, Node, Path, Transforms} from 'slate';
-import {insertVoidBlock} from './voidInsert';
-import type {CustomElement, CustomText, MathElement, MathInlineElement} from '../types';
-
-export const isMathBlock = (node: unknown): node is MathElement =>
-  SlateElement.isElement(node) && (node as MathElement).type === 'math';
-
-export const isMathInline = (node: unknown): node is MathInlineElement =>
-  SlateElement.isElement(node) && (node as MathInlineElement).type === 'math-inline';
-
-const createParagraphElement = (): CustomElement => ({
-  type: 'p',
-  children: [{text: ''}] as CustomText[],
-});
-
-const createMathBlockElement = (thingId: string, caption?: string): MathElement => {
-  const element: MathElement = {
-    type: 'math',
-    '@thing': thingId,
-    children: [{text: ''}],
-  };
-  const trimmed = caption?.trim();
-  if (trimmed) element.caption = trimmed;
-  return element;
-};
-
-const createMathInlineElement = (thingId: string): MathInlineElement => ({
-  type: 'math-inline',
-  '@thing': thingId,
-  children: [{text: ''}],
-});
-
-export const getActiveMathBlockEntry = (editor: Editor): [MathElement, Path] | null => {
-  const {selection} = editor;
-  if (!selection) return null;
-  const match = Editor.above(editor, {
-    at: Editor.unhangRange(editor, selection),
-    match: (node) => isMathBlock(node),
-  });
-  return (match as [MathElement, Path] | undefined) ?? null;
-};
-
-export const getActiveMathInlineEntry = (editor: Editor): [MathInlineElement, Path] | null => {
-  const {selection} = editor;
-  if (!selection) return null;
-  const [match] = Editor.nodes(editor, {
-    at: Editor.unhangRange(editor, selection),
-    match: (node) => isMathInline(node),
-  });
-  return (match as [MathInlineElement, Path] | undefined) ?? null;
-};
-
-export const insertParagraphNearActiveMathBlock = (
-  editor: Editor,
-  position: 'above' | 'below' = 'below',
-): Path | null => {
-  const entry = getActiveMathBlockEntry(editor);
-  if (!entry) return null;
-  const [, path] = entry;
-  const targetPath = position === 'above' ? path : Path.next(path);
-  Transforms.insertNodes(editor, createParagraphElement(), {at: targetPath});
-  Transforms.select(editor, Editor.start(editor, targetPath));
-  return targetPath;
-};
-
-export const updateMathBlockCaption = (editor: Editor, path: Path, caption?: string): boolean => {
-  if (!Node.has(editor, path)) return false;
-  const node = Node.get(editor, path);
-  if (!isMathBlock(node)) return false;
-  const trimmed = caption?.trim();
-  if (trimmed) Transforms.setNodes(editor, {caption: trimmed} as Partial<MathElement>, {at: path});
-  else Transforms.unsetNodes(editor, 'caption', {at: path});
-  return true;
-};
-
-export const removeMathBlockAtPath = (editor: Editor, path: Path): boolean => {
-  if (!Node.has(editor, path)) return false;
-  const node = Node.get(editor, path);
-  if (!isMathBlock(node)) return false;
-  Transforms.removeNodes(editor, {at: path});
-  return true;
-};
-
-export const removeMathInlineAtPath = (editor: Editor, path: Path): boolean => {
-  if (!Node.has(editor, path)) return false;
-  const node = Node.get(editor, path);
-  if (!isMathInline(node)) return false;
-  Transforms.removeNodes(editor, {at: path});
-  return true;
-};
-
-export const insertMathBlock = (editor: Editor, thingId: string, caption?: string): MathElement | null =>
-  insertVoidBlock(editor, createMathBlockElement(thingId, caption));
-
-export const insertEmptyMathBlock = (mutxt: {editor: Editor; things: {add: (t: any) => string}}): string | null => {
-  const id = mutxt.things.add({'@type': 'math', val: '', lang: 'latex'});
-  const inserted = insertMathBlock(mutxt.editor, id);
-  return inserted ? id : null;
-};
-
-export const insertMathInline = (editor: Editor, thingId: string): MathInlineElement | null => {
-  const node = createMathInlineElement(thingId);
-  Transforms.insertNodes(editor, node);
-  Transforms.move(editor, {distance: 1, unit: 'offset'});
-  return node;
-};
-
-export type OpenInlineMathEdit = (element: MathInlineElement, path: Path) => void;
-
-const tryOpenInlineMathEdit = (editor: Editor): boolean => {
-  const hook = (editor as any).onOpenInlineMathEdit as OpenInlineMathEdit | undefined;
-  if (!hook) return false;
-  const entry = getActiveMathInlineEntry(editor);
-  if (!entry) return false;
-  hook(entry[0], entry[1]);
-  return true;
-};
-
-export const withMath = <T extends Editor>(editor: T): T => {
-  const {isVoid, isInline, insertBreak, insertSoftBreak, insertText} = editor;
-  editor.isVoid = (element) => {
-    const type = (element as any).type;
-    if (type === 'math' || type === 'math-inline') return true;
-    return isVoid(element);
-  };
-  editor.isInline = (element) => {
-    if ((element as any).type === 'math-inline') return true;
-    return isInline(element);
-  };
-  editor.insertBreak = () => {
-    if (tryOpenInlineMathEdit(editor)) return;
-    if (insertParagraphNearActiveMathBlock(editor, 'below')) return;
-    insertBreak();
-  };
-  editor.insertSoftBreak = () => {
-    if (tryOpenInlineMathEdit(editor)) return;
-    if (insertParagraphNearActiveMathBlock(editor, 'above')) return;
-    insertSoftBreak();
-  };
-  editor.insertText = (text) => {
-    if (text === ' ' && tryOpenInlineMathEdit(editor)) return;
-    if (text && insertParagraphNearActiveMathBlock(editor, 'below')) {
-      insertText(text);
-      return;
-    }
-    insertText(text);
-  };
-  return editor;
-};
diff --git a/packages/mutxt-react/src/MuTxt/behavior/outline.ts b/packages/mutxt-react/src/MuTxt/behavior/outline.ts
deleted file mode 100644
index 7520cbb7d6..0000000000
--- a/packages/mutxt-react/src/MuTxt/behavior/outline.ts
+++ /dev/null
@@ -1,57 +0,0 @@
-import {type Descendant, Text, Element as SlateElement, Node} from 'slate';
-import type {CustomElement, SlateEditorDocument} from '../types';
-
-export type OutlineHeadingType = 'title' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
-
-export interface DocumentOutlineItem {
-  key: string;
-  path: number[];
-  type: OutlineHeadingType;
-  level: 0 | 1 | 2 | 3 | 4 | 5 | 6;
-  title: string;
-}
-
-const HEADING_LEVELS: Record<OutlineHeadingType, DocumentOutlineItem['level']> = {
-  title: 0,
-  h1: 1,
-  h2: 2,
-  h3: 3,
-  h4: 4,
-  h5: 5,
-  h6: 6,
-};
-
-const isOutlineHeadingType = (type: CustomElement['type']): type is OutlineHeadingType =>
-  type === 'h1' ||
-  type === 'h2' ||
-  type === 'h3' ||
-  type === 'h4' ||
-  type === 'h5' ||
-  type === 'h6' ||
-  type === 'title';
-
-const collectDocumentOutline = (nodes: Descendant[], path: number[], outline: DocumentOutlineItem[]): void => {
-  nodes.forEach((node, index) => {
-    if (Text.isText(node)) return;
-    const nodePath = [...path, index];
-    if (SlateElement.isElement(node) && isOutlineHeadingType(node.type)) {
-      const title = Node.string(node).trim();
-      if (title) {
-        outline.push({
-          key: nodePath.join('.'),
-          path: nodePath,
-          type: node.type,
-          level: HEADING_LEVELS[node.type],
-          title,
-        });
-      }
-    }
-    collectDocumentOutline(node.children as Descendant[], nodePath, outline);
-  });
-};
-
-export const getDocumentOutline = (value: SlateEditorDocument): DocumentOutlineItem[] => {
-  const outline: DocumentOutlineItem[] = [];
-  collectDocumentOutline(value, [], outline);
-  return outline;
-};
diff --git a/packages/mutxt-react/src/MuTxt/behavior/path-info.ts b/packages/mutxt-react/src/MuTxt/behavior/path-info.ts
deleted file mode 100644
index 5aaec1964e..0000000000
--- a/packages/mutxt-react/src/MuTxt/behavior/path-info.ts
+++ /dev/null
@@ -1,114 +0,0 @@
-import {Editor, Element as SlateElement, Node, Text, type Path, type Range} from 'slate';
-import {getActiveEmbed} from './embed';
-import {getActiveMathBlockEntry, getActiveMathInlineEntry} from './math';
-import {getLinkAttributes} from './link';
-import type {CustomElement, CustomText} from '../types';
-
-const CARET_MARK_ORDER: Array<[keyof Pick<CustomText, 'bold' | 'italic' | 'underline' | 'code'>, string]> = [
-  ['bold', 'bold'],
-  ['italic', 'italic'],
-  ['underline', 'underline'],
-  ['code', 'code'],
-];
-
-export interface CaretPathInfo {
-  path: string[];
-  linkHref?: string;
-  embedUrl?: string;
-  codeText?: string;
-  mathThingId?: string;
-}
-
-/** Get text of an inline mark inside which `Path` is located. */
-const getMarkText = (editor: Editor, path: Path, type: keyof CustomText): string => {
-  const node = Node.get(editor, path);
-  if (!Text.isText(node) || node[type] !== true) return '';
-  const [parentElement, parentPath] = Editor.parent(editor, path);
-  if (!parentElement) return '';
-  const textIndex = path[path.length - 1];
-  const children = parentElement.children;
-  let left = textIndex;
-  let right = textIndex;
-  while (left > 0) {
-    const leftNode = children[left - 1];
-    if (!Text.isText(leftNode) || leftNode[type] !== true) break;
-    left--;
-  }
-  while (right < children.length - 1) {
-    const rightNode = children[right + 1];
-    if (!Text.isText(rightNode) || rightNode[type] !== true) break;
-    right++;
-  }
-  const startPath = [...parentPath, left];
-  const endPath = [...parentPath, right];
-  const range: Range = {
-    anchor: Editor.start(editor, startPath),
-    focus: Editor.end(editor, endPath),
-  };
-  return Editor.string(editor, range);
-};
-
-export const getCaretPathInfo = (editor: Editor): CaretPathInfo => {
-  const {selection} = editor;
-  if (!selection) return {path: []};
-
-  const activeEmbed = getActiveEmbed(editor);
-  if (activeEmbed) {
-    return {
-      path: ['embed'],
-      embedUrl: activeEmbed.url,
-    };
-  }
-
-  const activeMathBlock = getActiveMathBlockEntry(editor);
-  if (activeMathBlock) {
-    return {
-      path: ['math'],
-      mathThingId: activeMathBlock[0]['@thing'],
-    };
-  }
-
-  const activeMathInline = getActiveMathInlineEntry(editor);
-  if (activeMathInline) {
-    return {
-      path: ['math-inline'],
-      mathThingId: activeMathInline[0]['@thing'],
-    };
-  }
-
-  const point = selection.focus;
-  const segments: string[] = [];
-
-  const [blockMatch] = Editor.nodes(editor, {
-    at: point,
-    match: (node) => SlateElement.isElement(node) && Editor.isBlock(editor, node),
-  });
-
-  if (blockMatch) {
-    const [element] = blockMatch as [CustomElement, number[]];
-    segments.push(element.type);
-  }
-
-  let textNode: CustomText | null = null;
-  try {
-    const node = Node.get(editor, point.path);
-    if (Text.isText(node)) textNode = node as CustomText;
-  } catch {}
-
-  const marks = (Editor.marks(editor) ?? {}) as Partial<CustomText>;
-  const markState: Partial<CustomText> = {...(textNode ?? {text: ''}), ...marks};
-  const codeText = markState.code && textNode ? getMarkText(editor, point.path, 'code') : '';
-
-  for (const [key, label] of CARET_MARK_ORDER) {
-    if (markState[key]) segments.push(label);
-  }
-
-  const link = getLinkAttributes(markState);
-  if (link) segments.push('link');
-
-  return {
-    path: segments,
-    ...(link ? {linkHref: link.href} : {}),
-    ...(codeText ? {codeText} : {}),
-  };
-};
diff --git a/packages/mutxt-react/src/MuTxt/behavior/scroll-map.ts b/packages/mutxt-react/src/MuTxt/behavior/scroll-map.ts
deleted file mode 100644
index 4d1f33635d..0000000000
--- a/packages/mutxt-react/src/MuTxt/behavior/scroll-map.ts
+++ /dev/null
@@ -1,319 +0,0 @@
-import {Range, type Editor} from 'slate';
-import {ReactEditor} from 'slate-react';
-import {getActiveEmbedEntry} from './embed';
-import type {ChecklistListElement, CustomElement, FileThing, ListItemElement, Thing} from '../types';
-
-export type ScrollMapThingLookup = (id: string) => Thing | undefined;
-
-export interface ScrollMapElementDescriptor {
-  color: string;
-  height: number;
-  variant?: 'left' | 'right' | 'wide' | 'selection';
-  el?: CustomElement;
-  proportional?: boolean;
-}
-
-export interface ScrollMapMarker extends ScrollMapElementDescriptor {
-  key: string;
-  position: number;
-}
-
-const clamp = (value: number, min: number, max: number): number => Math.max(min, Math.min(max, value));
-
-const isElementNode = (node: unknown): node is CustomElement => {
-  return !!node && typeof node === 'object' && 'type' in node && 'children' in node;
-};
-
-const getChecklistProgress = (element: ChecklistListElement): {checkedCount: number; totalCount: number} => {
-  const items = element.children as ListItemElement[];
-  return {
-    checkedCount: items.filter((item) => !!item.checked).length,
-    totalCount: items.length,
-  };
-};
-
-const getMarkerHeight = (
-  descriptor: ScrollMapElementDescriptor,
-  blockHeight: number,
-  scrollHeight: number,
-  railHeight: number,
-): number => {
-  if (!descriptor.proportional || railHeight <= 0 || scrollHeight <= 0) return descriptor.height;
-  const scaled = Math.round((Math.max(blockHeight, 1) / scrollHeight) * railHeight);
-  return Math.max(descriptor.height, scaled);
-};
-
-const isMediaMime = (mime: string): boolean =>
-  /^image\//i.test(mime) || /^video\//i.test(mime) || /^audio\//i.test(mime);
-
-const describeScrollMapElement = (
-  element: CustomElement,
-  light: boolean,
-  getThing?: ScrollMapThingLookup,
-): ScrollMapElementDescriptor | null => {
-  switch (element.type) {
-    case 'title':
-      return {el: element, color: light ? '#234' : '#f8fafc', height: 5, variant: 'wide'};
-    case 'subtitle':
-      return {el: element, color: light ? '#789' : '#94a3b8', height: 3, variant: 'wide'};
-    case 'h1':
-      return {el: element, color: light ? '#345' : '#e5e7eb', height: 4, variant: 'wide'};
-    case 'h2':
-      return {el: element, color: light ? '#456' : '#cbd5e1', height: 3, variant: 'wide'};
-    case 'h3':
-      return {el: element, color: light ? '#678' : '#94a3b8', height: 2, variant: 'wide'};
-    case 'h4':
-    case 'h5':
-    case 'h6':
-      return {el: element, color: light ? '#89a' : '#64748b', height: 2, variant: 'wide'};
-    case 'blockquote':
-      return {
-        el: element,
-        color: light ? 'rgba(194,120,24,.6)' : 'rgba(245,182,84,.5)',
-        height: 3,
-        proportional: true,
-      };
-    case 'callout':
-      return {
-        el: element,
-        color: element.color?.trim() || (light ? 'rgba(59,130,246,.6)' : 'rgba(96,165,250,.55)'),
-        height: 3,
-        proportional: true,
-      };
-    case 'code-block':
-      return {
-        el: element,
-        color: light ? 'rgba(54,155,55,.45)' : 'rgba(120,195,125,.45)',
-        height: 4,
-        proportional: true,
-      };
-    case 'pre':
-      return {
-        el: element,
-        color: light ? 'rgba(100,116,139,.5)' : 'rgba(148,163,184,.5)',
-        height: 3,
-        proportional: true,
-      };
-    case 'embed':
-      return {
-        el: element,
-        color: light ? 'rgba(168,85,247,.6)' : 'rgba(196,181,253,.5)',
-        height: 4,
-        proportional: true,
-      };
-    case 'math':
-      return {
-        el: element,
-        color: light ? 'rgba(99,102,241,.6)' : 'rgba(165,180,252,.55)',
-        height: 4,
-        proportional: true,
-      };
-    case 'ul':
-      return {
-        el: element,
-        color: light ? 'rgba(27,184,212,.6)' : 'rgba(96,199,250,.5)',
-        height: 3,
-        proportional: true,
-      };
-    case 'ol':
-      return {
-        el: element,
-        color: light ? 'rgba(13,107,148,.6)' : 'rgba(45,167,212,.5)',
-        height: 3,
-        proportional: true,
-      };
-    case 'stepper':
-      return {
-        el: element,
-        color: light ? 'rgba(75,110,175,.6)' : 'rgba(130,165,225,.5)',
-        height: 3,
-        proportional: true,
-      };
-    case 'checklist': {
-      const {checkedCount, totalCount} = getChecklistProgress(element);
-      const complete = totalCount > 0 && checkedCount === totalCount;
-      const started = checkedCount > 0 && checkedCount < totalCount;
-      return {
-        el: element,
-        color: complete
-          ? light
-            ? 'rgba(47,143,53,.65)'
-            : 'rgba(110,200,125,.55)'
-          : started
-            ? light
-              ? 'rgba(200,150,40,.6)'
-              : 'rgba(220,180,55,.5)'
-            : light
-              ? 'rgba(220,38,38,.6)'
-              : 'rgba(248,113,113,.5)',
-        height: 3,
-        proportional: true,
-      };
-    }
-    case 'file': {
-      const thingId = (element as {'@thing'?: string})['@thing'];
-      const thing = thingId && getThing ? (getThing(thingId) as FileThing | undefined) : undefined;
-      const isMedia = !!thing && isMediaMime(thing.mimeType || '');
-      return {
-        el: element,
-        color: isMedia
-          ? light
-            ? 'rgba(190,90,210,.55)'
-            : 'rgba(205,150,225,.5)'
-          : light
-            ? 'rgba(115,115,115,.55)'
-            : 'rgba(163,163,163,.5)',
-        height: 4,
-        proportional: true,
-      };
-    }
-    default: {
-      const type = element.type as string;
-      if (type === 'table') {
-        return {
-          el: element,
-          color: light ? 'rgba(34,140,120,.6)' : 'rgba(110,195,175,.5)',
-          height: 4,
-          proportional: true,
-        };
-      }
-      return null;
-    }
-  }
-};
-
-const getDomRangeRect = (range: globalThis.Range): DOMRect | null => {
-  const rect = range.getBoundingClientRect();
-  if (rect.height > 0 || rect.width > 0) return rect;
-  return range.getClientRects()[0] ?? null;
-};
-
-const getFocusedDomSelectionRange = (reactEditor: Editor & ReactEditor): globalThis.Range | null => {
-  if (!ReactEditor.isFocused(reactEditor)) return null;
-  const domSelection = ReactEditor.getWindow(reactEditor).getSelection();
-  if (!domSelection || domSelection.rangeCount <= 0) return null;
-  const anchorNode = domSelection.anchorNode;
-  const focusNode = domSelection.focusNode;
-  if (!anchorNode || !focusNode) return null;
-  if (!ReactEditor.hasDOMNode(reactEditor, anchorNode) || !ReactEditor.hasDOMNode(reactEditor, focusNode)) return null;
-  return domSelection.getRangeAt(0);
-};
-
-const getScrollMapSelectionRect = (
-  reactEditor: Editor & ReactEditor,
-  light: boolean,
-  getThing?: ScrollMapThingLookup,
-): {rect: DOMRect; proportional: boolean} | null => {
-  const domSelectionRange = getFocusedDomSelectionRange(reactEditor);
-  const activeEmbedEntry = getActiveEmbedEntry(reactEditor);
-  if (activeEmbedEntry && domSelectionRange) {
-    const [element] = activeEmbedEntry;
-    const descriptor = describeScrollMapElement(element, light, getThing);
-    try {
-      const domNode = ReactEditor.toDOMNode(reactEditor, element);
-      if (domNode instanceof HTMLElement) {
-        return {
-          rect: domNode.getBoundingClientRect(),
-          proportional: descriptor?.proportional ?? true,
-        };
-      }
-    } catch {
-      // Slate may briefly invalidate the selected void node while reconciling changes.
-    }
-  }
-  if (domSelectionRange) {
-    const rect = getDomRangeRect(domSelectionRange);
-    if (!rect) return null;
-    return {
-      rect,
-      proportional: !domSelectionRange.collapsed,
-    };
-  }
-  const selection = reactEditor.selection;
-  if (!selection) return null;
-  if (!ReactEditor.isFocused(reactEditor) || !ReactEditor.hasRange(reactEditor, selection)) return null;
-  try {
-    const domRange = ReactEditor.toDOMRange(reactEditor, selection);
-    const rect = getDomRangeRect(domRange);
-    if (!rect) return null;
-    return {
-      rect,
-      proportional: !Range.isCollapsed(selection),
-    };
-  } catch {
-    return null;
-  }
-};
-
-const measureScrollMapSelectionMarker = (
-  reactEditor: Editor & ReactEditor,
-  viewportEl: HTMLDivElement,
-  viewportRect: DOMRect,
-  scrollHeight: number,
-  railHeight: number,
-  light: boolean,
-  getThing?: ScrollMapThingLookup,
-): ScrollMapMarker | null => {
-  const selection = reactEditor.selection;
-  if (!selection) return null;
-  const selectionRect = getScrollMapSelectionRect(reactEditor, light, getThing);
-  if (!selectionRect) return null;
-  const descriptor: ScrollMapElementDescriptor = {
-    color: '#07f',
-    height: 4,
-    proportional: selectionRect.proportional,
-    variant: 'selection',
-  };
-  const top = selectionRect.rect.top - viewportRect.top + viewportEl.scrollTop;
-  return {
-    ...descriptor,
-    key: 'selection',
-    color: 'transparent',
-    position: clamp(top / scrollHeight, 0, 1),
-    height: getMarkerHeight(descriptor, selectionRect.rect.height, scrollHeight, railHeight),
-  };
-};
-
-export const measureScrollMapMarkers = (
-  editor: Editor,
-  viewportEl: HTMLDivElement,
-  scrollHeight: number,
-  railHeight: number,
-  light: boolean,
-  getThing?: ScrollMapThingLookup,
-): ScrollMapMarker[] => {
-  if (scrollHeight <= viewportEl.clientHeight || scrollHeight <= 0) return [];
-  const markers: ScrollMapMarker[] = [];
-  const reactEditor = editor as Editor & ReactEditor;
-  const viewportRect = viewportEl.getBoundingClientRect();
-  editor.children.forEach((node, index) => {
-    if (!isElementNode(node)) return;
-    const descriptor = describeScrollMapElement(node, light, getThing);
-    if (!descriptor) return;
-    try {
-      const domNode = ReactEditor.toDOMNode(reactEditor, node);
-      if (!(domNode instanceof HTMLElement)) return;
-      const rect = domNode.getBoundingClientRect();
-      const top = rect.top - viewportRect.top + viewportEl.scrollTop;
-      markers.push({
-        ...descriptor,
-        key: index + ':' + node.type,
-        position: clamp(top / scrollHeight, 0, 1),
-        height: getMarkerHeight(descriptor, rect.height, scrollHeight, railHeight),
-      });
-    } catch {
-      // Slate may briefly unmount/remount nodes while reconciling changes.
-    }
-  });
-  const selectionMarker = measureScrollMapSelectionMarker(
-    reactEditor,
-    viewportEl,
-    viewportRect,
-    scrollHeight,
-    railHeight,
-    light,
-    getThing,
-  );
-  if (selectionMarker) markers.push(selectionMarker);
-  return markers;
-};
diff --git a/packages/mutxt-react/src/MuTxt/behavior/selectAllGuard.ts b/packages/mutxt-react/src/MuTxt/behavior/selectAllGuard.ts
deleted file mode 100644
index 5cc0df38d0..0000000000
--- a/packages/mutxt-react/src/MuTxt/behavior/selectAllGuard.ts
+++ /dev/null
@@ -1,85 +0,0 @@
-import {Editor, type Node, Path, Range, Text, Transforms} from 'slate';
-import type {CustomElement} from '../types';
-
-/** Sum of plain-text character counts across every `Text` node in the doc. */
-export const docPlainTextLength = (editor: Editor): number => {
-  let total = 0;
-  for (const [node] of Editor.nodes(editor, {at: [], match: Text.isText})) {
-    total += (node as {text: string}).text.length;
-  }
-  return total;
-};
-
-/** Returns `true` when the selection is an expanded range that covers the
- * entire user-visible document. */
-export const isFullDocSelected = (editor: Editor): boolean => {
-  const {selection} = editor;
-  if (!selection || Range.isCollapsed(selection)) return false;
-  const children = editor.children;
-  if (!children.length) return false;
-  const firstIdx = 0;
-  const lastIdx = children.length - 1;
-  if (lastIdx < firstIdx) return false;
-  let docStart: ReturnType<typeof Editor.start>;
-  let docEnd: ReturnType<typeof Editor.end>;
-  try {
-    docStart = Editor.start(editor, [firstIdx]);
-    docEnd = Editor.end(editor, [lastIdx]);
-  } catch {
-    return false;
-  }
-  const [selStart, selEnd] = Range.edges(selection);
-  return (
-    Path.equals(selStart.path, docStart.path) &&
-    selStart.offset === docStart.offset &&
-    Path.equals(selEnd.path, docEnd.path) &&
-    selEnd.offset === docEnd.offset
-  );
-};
-
-export const resetDocumentContent = (editor: Editor, text = ''): void => {
-  Editor.withoutNormalizing(editor, () => {
-    const firstIdx = 0;
-    for (let i = editor.children.length - 1; i >= firstIdx; i--) {
-      Transforms.removeNodes(editor, {at: [i]});
-    }
-    const paragraph: CustomElement = {type: 'p', children: [{text}]};
-    Transforms.insertNodes(editor, paragraph, {at: [firstIdx]});
-    const caret = text ? Editor.end(editor, [firstIdx]) : Editor.start(editor, [firstIdx]);
-    Transforms.select(editor, caret);
-  });
-};
-
-export interface SelectAllGuardHooks {
-  onDelete?: () => boolean;
-  onReplaceWithText?: (text: string) => boolean;
-  onReplaceWithFragment?: (fragment: Node[]) => boolean;
-}
-
-export const withSelectAllGuard = <T extends Editor>(editor: T, hooks: SelectAllGuardHooks): T => {
-  const {deleteFragment, insertText, insertFragment} = editor;
-  editor.deleteFragment = (direction) => {
-    if (isFullDocSelected(editor)) {
-      if (hooks.onDelete?.()) return;
-      resetDocumentContent(editor);
-      return;
-    }
-    deleteFragment(direction);
-  };
-  editor.insertText = (text) => {
-    if (text && isFullDocSelected(editor)) {
-      if (hooks.onReplaceWithText?.(text)) return;
-      resetDocumentContent(editor, text);
-      return;
-    }
-    insertText(text);
-  };
-  editor.insertFragment = (fragment) => {
-    if (isFullDocSelected(editor)) {
-      if (hooks.onReplaceWithFragment?.(fragment)) return;
-      resetDocumentContent(editor);
-    }
-    insertFragment(fragment);
-  };
-  return editor;
-};
diff --git a/packages/mutxt-react/src/MuTxt/behavior/title.ts b/packages/mutxt-react/src/MuTxt/behavior/title.ts
deleted file mode 100644
index 93468c50d2..0000000000
--- a/packages/mutxt-react/src/MuTxt/behavior/title.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-import {Editor, Element as SlateElement, Node, Range, type Path} from 'slate';
-
-/**
- * Editor enhancer that fires `getOnSubmit()(titleText)` when the user
- * presses Enter while the caret is at the **end** of a `title` block.
- *
- * The callback is read through a getter on every break so callers can
- * update it on each render (via a ref) without recreating the editor.
- */
-export const withTitleSubmit = <T extends Editor>(
-  editor: T,
-  getOnSubmit: () => ((title: string) => void) | undefined,
-): T => {
-  const {insertBreak} = editor;
-  editor.insertBreak = () => {
-    let titleText: string | undefined;
-    const onSubmit = getOnSubmit();
-    const selection = editor.selection;
-    if (onSubmit && selection && Range.isCollapsed(selection)) {
-      const match = Editor.above(editor, {
-        at: selection,
-        match: (node) => SlateElement.isElement(node) && (node as any).type === 'title',
-        mode: 'lowest',
-      });
-      if (match) {
-        const [titleNode, titlePath] = match as [SlateElement, Path];
-        if (Editor.isEnd(editor, selection.anchor, titlePath)) {
-          titleText = Node.string(titleNode);
-        }
-      }
-    }
-    insertBreak();
-    if (titleText !== undefined && onSubmit) onSubmit(titleText);
-  };
-  return editor;
-};
diff --git a/packages/mutxt-react/src/MuTxt/behavior/toc.ts b/packages/mutxt-react/src/MuTxt/behavior/toc.ts
deleted file mode 100644
index c39ca32f55..0000000000
--- a/packages/mutxt-react/src/MuTxt/behavior/toc.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import {type Editor, Element as SlateElement} from 'slate';
-import {insertVoidBlock} from './voidInsert';
-import type {CustomText, TocElement} from '../types';
-
-export const isTocElement = (node: unknown): node is TocElement => SlateElement.isElement(node) && node.type === 'toc';
-
-const createTocElement = (overrides: Partial<TocElement> = {}): TocElement => {
-  const children: CustomText[] = [{text: ''}];
-  return {
-    type: 'toc',
-    children,
-    ...overrides,
-  };
-};
-
-export const insertToc = (editor: Editor, overrides: Partial<TocElement> = {}): TocElement | null =>
-  insertVoidBlock(editor, createTocElement(overrides));
-
-export const withToc = <T extends Editor>(editor: T): T => {
-  const {isVoid} = editor;
-  editor.isVoid = (element) => (element.type === 'toc' ? true : isVoid(element));
-  return editor;
-};
diff --git a/packages/mutxt-react/src/MuTxt/behavior/voidInsert.ts b/packages/mutxt-react/src/MuTxt/behavior/voidInsert.ts
deleted file mode 100644
index 5981d40823..0000000000
--- a/packages/mutxt-react/src/MuTxt/behavior/voidInsert.ts
+++ /dev/null
@@ -1,73 +0,0 @@
-import {Editor, Element as SlateElement, Node, Path, Transforms} from 'slate';
-import type {CustomElement, CustomText} from '../types';
-
-const createParagraph = (): CustomElement => ({type: 'p', children: [{text: ''}] as CustomText[]});
-
-const isAtEmptyParagraph = (entry: [CustomElement, Path] | null): boolean =>
-  !!entry && (entry[0] as any).type === 'p' && Node.string(entry[0]) === '';
-
-/**
- * If the caret/selection is on the very first block and that block is a void,
- * prepend an empty paragraph and move the caret into it.
- */
-export const insertPAboveLeadingVoid = (editor: Editor): boolean => {
-  const {selection} = editor;
-  if (!selection) return false;
-  if (selection.anchor.path[0] !== 0) return false;
-  const first = (editor as any).children?.[0];
-  if (!SlateElement.isElement(first)) return false;
-  if (!Editor.isVoid(editor, first)) return false;
-  Transforms.insertNodes(editor, createParagraph(), {at: [0]});
-  Transforms.select(editor, Editor.start(editor, [0]));
-  return true;
-};
-
-/**
- * Insert a void block element at the current selection. Mirrors the pattern
- * shared by `<embed>`, `<hr>`, `<file>`, and any future block voids:
- *
- *   1. If the caret is in an empty paragraph, replace it with the void.
- *   2. Otherwise insert the void at the caret.
- *   3. Ensure there's a paragraph immediately after, and place the caret in it.
- *
- * Returns the inserted node (echoing the input), or `null` if there was no
- * selection and Slate refused to insert.
- */
-export const insertVoidBlock = <T extends CustomElement>(editor: Editor, element: T): T | null => {
-  const {selection} = editor;
-  const currentBlockEntry = (
-    selection
-      ? Editor.above(editor, {
-          at: Editor.unhangRange(editor, selection),
-          match: (node) => SlateElement.isElement(node) && Editor.isBlock(editor, node),
-          mode: 'lowest',
-        })
-      : null
-  ) as [CustomElement, Path] | null;
-
-  let insertedPath: Path | null = null;
-
-  if (isAtEmptyParagraph(currentBlockEntry)) {
-    const [, path] = currentBlockEntry!;
-    Transforms.removeNodes(editor, {at: path});
-    Transforms.insertNodes(editor, element, {at: path, select: true});
-    insertedPath = path;
-  } else {
-    Transforms.insertNodes(editor, element, {select: true});
-    // After insertion, the new node is wherever Slate placed it. Resolve via
-    // the editor's current selection.
-    const after = editor.selection;
-    if (after) insertedPath = [after.anchor.path[0]];
-  }
-
-  if (!insertedPath) return null;
-
-  const afterPath = Path.next(insertedPath);
-  if (!Node.has(editor, afterPath)) {
-    Transforms.insertNodes(editor, createParagraph(), {at: afterPath});
-  }
-  if (Node.has(editor, afterPath)) {
-    Transforms.select(editor, Editor.start(editor, afterPath));
-  }
-  return element;
-};
diff --git a/packages/mutxt-react/src/MuTxt/block/BlockFloater.tsx b/packages/mutxt-react/src/MuTxt/block/BlockFloater.tsx
deleted file mode 100644
index 128601f944..0000000000
--- a/packages/mutxt-react/src/MuTxt/block/BlockFloater.tsx
+++ /dev/null
@@ -1,131 +0,0 @@
-import * as React from 'react';
-import {isMobile} from '@jsonjoy.com/ui';
-import {rule} from 'nano-theme';
-import {ExpandableToolbar} from '@jsonjoy.com/ui/lib/4-card/Toolbar/ToolbarMenu/ExpandableToolbar';
-import {PositionAtPoint} from '@jsonjoy.com/ui/lib/utils/popup/PositionAtPoint';
-import {useClickAway} from '@jsonjoy.com/ui/lib/hooks/useClickAway';
-import {useMuTxt} from '../context';
-
-const handleClass = rule({
-  trs: 'opacity .25s ease',
-});
-
-export type BlockFloaterProps = {};
-
-export const BlockFloater: React.FC<BlockFloaterProps> = isMobile
-  ? () => null
-  : () => {
-      const mutxt = useMuTxt();
-      const state = mutxt.block;
-      const cursor = mutxt.cursor.use();
-      const readOnly = mutxt.readOnly.use();
-      const dismissed = state.dismissed.use();
-      const omniOpen = mutxt.omni.open.use();
-      const availableWidth = mutxt.sizer.width.use();
-      const desiredWidth = mutxt.sizer.content.use();
-      mutxt.version.use();
-      mutxt.scrollVersion.use();
-      mutxt.editableBox.use();
-      mutxt.wnd.use();
-
-      const width = Math.min(availableWidth, desiredWidth);
-      const transparent = width > 900;
-
-      const handleRef = React.useRef<HTMLDivElement | null>(null);
-      const clickAwayRef = useClickAway(
-        React.useCallback(() => {
-          state.dismissed.next(true);
-        }, [state]),
-      );
-
-      const composedRef = React.useCallback(
-        (el: HTMLDivElement | null) => {
-          handleRef.current = el;
-          clickAwayRef(el);
-        },
-        [clickAwayRef],
-      );
-
-      const syncFloaterPosition = React.useCallback((): void => {
-        const handle = handleRef.current;
-        if (!handle) return;
-        const el = handle.parentElement;
-        if (!el) return;
-        const s = el.style;
-        const next = state.point();
-        if (!next || !state.isInViewport(next)) {
-          if (s.display !== 'none') s.display = 'none';
-          return;
-        }
-        const {x, y, dx, dy} = next;
-        const desiredLeft = dx >= 0 ? x + 'px' : '';
-        const desiredRight = dx >= 0 ? '' : window.innerWidth - x + 'px';
-        const desiredTop = dy >= 0 ? y + 'px' : '';
-        const desiredBottom = dy >= 0 ? '' : window.innerHeight - y + 'px';
-        if (s.display === 'none') s.display = '';
-        if (s.left !== desiredLeft) s.left = desiredLeft;
-        if (s.right !== desiredRight) s.right = desiredRight;
-        if (s.top !== desiredTop) s.top = desiredTop;
-        if (s.bottom !== desiredBottom) s.bottom = desiredBottom;
-      }, [state]);
-
-      React.useEffect(() => {
-        const id = window.setInterval(syncFloaterPosition, 1000);
-        return () => window.clearInterval(id);
-      }, [syncFloaterPosition]);
-
-      React.useEffect(() => {
-        let resumeTimer: number | null = null;
-        const onScroll = () => {
-          const handle = handleRef.current;
-          if (handle) {
-            if (handle.style.opacity !== '0') handle.style.opacity = '0';
-            const el = handle.parentElement;
-            if (el && el.style.visibility !== 'hidden') el.style.visibility = 'hidden';
-          }
-          if (resumeTimer !== null) clearTimeout(resumeTimer);
-          resumeTimer = window.setTimeout(() => {
-            resumeTimer = null;
-            syncFloaterPosition();
-            const handle = handleRef.current;
-            if (!handle) return;
-            const el = handle.parentElement;
-            if (el) el.style.visibility = '';
-            window.requestAnimationFrame(() => {
-              const handle = handleRef.current;
-              if (handle) handle.style.opacity = '';
-            });
-          }, 350);
-        };
-        const unsubscribe = mutxt.scroll.scrollTop$.subscribe(onScroll);
-        return () => {
-          unsubscribe();
-          if (resumeTimer !== null) clearTimeout(resumeTimer);
-        };
-      }, [mutxt, syncFloaterPosition]);
-
-      if (readOnly || !cursor || mutxt.api.hasSelection()) return;
-      if (dismissed || omniOpen || !state.currentBlockFormat()) return;
-      const point = state.point();
-      if (!point || !state.isInViewport(point)) return;
-
-      const menu = state.menu.build();
-      if (!menu) return;
-
-      return (
-        <PositionAtPoint point={point} animate>
-          <div ref={composedRef} className={handleClass} onMouseDown={(e) => e.preventDefault()}>
-            <ExpandableToolbar
-              pane={
-                {
-                  transparent,
-                  compact: true,
-                } as any
-              }
-              compact
-              menu={menu}
-            />
-          </div>
-        </PositionAtPoint>
-      );
-    };
diff --git a/packages/mutxt-react/src/MuTxt/block/BlockMenu.tsx b/packages/mutxt-react/src/MuTxt/block/BlockMenu.tsx
deleted file mode 100644
index 12e4245e07..0000000000
--- a/packages/mutxt-react/src/MuTxt/block/BlockMenu.tsx
+++ /dev/null
@@ -1,665 +0,0 @@
-import * as React from 'react';
-import {rsync} from '@jsonjoy.com/ui';
-import {FontStyleButton} from '@jsonjoy.com/ui/lib/2-inline-block/FontStyleButton';
-import {Editor, Element as SlateElement, Transforms} from 'slate';
-import {ReactEditor} from 'slate-react';
-import {formatKeys} from '../util/keys';
-import {DEFAULT_VARIANT} from './callout/settings';
-import type {CalloutElement, CustomElement} from '../types';
-import {Sidetip} from '@jsonjoy.com/ui/lib/1-inline/Sidetip';
-import {dedentBlock, getActiveIndent, indentBlock, MAX_INDENT} from '../behavior/indentation';
-import {isAlignmentActive, setAlignment, toggleBlock} from '../behavior';
-import {
-  getActiveOlType,
-  getActiveUlType,
-  isOlTypeActive,
-  isUlTypeActive,
-  setOlType,
-  setUlType,
-} from '../behavior/lists';
-import type {BlockFormat, FontKind, ListElementType, MenuItem, OlType, SlateTextAlign} from '../types';
-import type {MuTxtState} from '../state/MuTxtState';
-import type {UiLifeCycles} from '@jsonjoy.com/ui/lib/types';
-import {isBlockFontActive, setBlockFont} from '../behavior/font';
-import ParagraphIcon__svg from 'iconista/lib/react/tabler/pilcrow';
-import BlockquoteIcon__svg from 'iconista/lib/react/tabler/quote';
-import CodeBlockIcon__svg from 'iconista/lib/react/tabler/code';
-import PreIcon__svg from 'iconista/lib/react/lucide/wrap-text';
-import CalloutIcon__svg from 'iconista/lib/react/tabler/message-2-exclamation';
-import ColumnsIcon__svg from 'iconista/lib/react/tabler/columns';
-import H1Icon__svg from 'iconista/lib/react/lucide/heading-1';
-import H2Icon__svg from 'iconista/lib/react/lucide/heading-2';
-import H3Icon__svg from 'iconista/lib/react/lucide/heading-3';
-import H4Icon__svg from 'iconista/lib/react/lucide/heading-4';
-import H5Icon__svg from 'iconista/lib/react/lucide/heading-5';
-import H6Icon__svg from 'iconista/lib/react/lucide/heading-6';
-import TitleIcon__svg from 'iconista/lib/react/lucide/type';
-import ULIcon__svg from 'iconista/lib/react/lucide/list';
-import OLIcon__svg from 'iconista/lib/react/lucide/list-ordered';
-import ChecklistIcon__svg from 'iconista/lib/react/lucide/list-todo';
-import StepperIcon__svg from 'iconista/lib/react/tabler/stairs-up';
-import AlignLeftIcon__svg from 'iconista/lib/react/lucide/align-left';
-import AlignCenterIcon__svg from 'iconista/lib/react/lucide/align-center';
-import AlignRightIcon__svg from 'iconista/lib/react/lucide/align-right';
-import AlignJustifyIcon__svg from 'iconista/lib/react/lucide/align-justify';
-import IndentIcon__svg from 'iconista/lib/react/lucide/indent-increase';
-import DedentIcon__svg from 'iconista/lib/react/lucide/indent-decrease';
-import TypographyIcon__svg from 'iconista/lib/react/tabler/typography';
-
-// Block icons
-const ParagraphIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <ParagraphIcon__svg width={16} height={16} {...props} />
-);
-const BlockquoteIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <BlockquoteIcon__svg width={16} height={16} {...props} />
-);
-const CodeBlockIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <CodeBlockIcon__svg width={16} height={16} {...props} />
-);
-const PreIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => <PreIcon__svg width={16} height={16} {...props} />;
-// const CalloutIcon = makeIcon({set: 'lucide', icon: 'message-square-warning', width: 16, height: 16});
-// const CalloutIcon = makeIcon({set: 'vscode', icon: 'note', width: 16, height: 16});
-const CalloutIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <CalloutIcon__svg width={16} height={16} {...props} />
-);
-const ColumnsIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <ColumnsIcon__svg width={16} height={16} {...props} />
-);
-
-// Heading icons
-// const H1Icon = makeIcon({set: 'tabler', icon: 'h-1', width: 16, height: 16});
-// const H2Icon = makeIcon({set: 'tabler', icon: 'h-2', width: 16, height: 16});
-// const H3Icon = makeIcon({set: 'tabler', icon: 'h-3', width: 16, height: 16});
-// const H4Icon = makeIcon({set: 'tabler', icon: 'h-4', width: 16, height: 16});
-// const H5Icon = makeIcon({set: 'tabler', icon: 'h-5', width: 16, height: 16});
-// const H6Icon = makeIcon({set: 'tabler', icon: 'h-6', width: 16, height: 16});
-const H1Icon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => <H1Icon__svg width={16} height={16} {...props} />;
-const H2Icon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => <H2Icon__svg width={16} height={16} {...props} />;
-const H3Icon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => <H3Icon__svg width={16} height={16} {...props} />;
-const H4Icon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => <H4Icon__svg width={16} height={16} {...props} />;
-const H5Icon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => <H5Icon__svg width={16} height={16} {...props} />;
-const H6Icon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => <H6Icon__svg width={16} height={16} {...props} />;
-const TitleIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <TitleIcon__svg width={16} height={16} {...props} />
-);
-
-// List icons
-// const ULIcon = makeIcon({set: 'ibm_32', icon: 'list--bulleted', width: 16, height: 16});
-const ULIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => <ULIcon__svg width={16} height={16} {...props} />;
-// const OLIcon = makeIcon({set: 'ibm_32', icon: 'list--numbered', width: 16, height: 16});
-const OLIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => <OLIcon__svg width={16} height={16} {...props} />;
-// const ChecklistIcon = makeIcon({set: 'ibm_32', icon: 'list--checked', width: 16, height: 16});
-// const ChecklistIcon = makeIcon({set: 'vscode', icon: 'checklist', width: 16, height: 16});
-const ChecklistIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <ChecklistIcon__svg width={16} height={16} {...props} />
-);
-const StepperIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <StepperIcon__svg width={16} height={16} {...props} />
-);
-
-// Layout icons
-const AlignLeftIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <AlignLeftIcon__svg width={16} height={16} {...props} />
-);
-const AlignCenterIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <AlignCenterIcon__svg width={16} height={16} {...props} />
-);
-const AlignRightIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <AlignRightIcon__svg width={16} height={16} {...props} />
-);
-const AlignJustifyIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <AlignJustifyIcon__svg width={16} height={16} {...props} />
-);
-const IndentIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <IndentIcon__svg width={16} height={16} {...props} />
-);
-const DedentIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <DedentIcon__svg width={16} height={16} {...props} />
-);
-const TypographyIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <TypographyIcon__svg width={16} height={16} {...props} />
-);
-
-export class BlockMenu implements UiLifeCycles {
-  constructor(public readonly mutxt: MuTxtState) {}
-
-  public start() {
-    return () => {};
-  }
-
-  public build(): MenuItem {
-    const format = this.currentBlockFormat();
-    const head = this.headFor(format);
-    return {
-      name: 'Block options',
-      expand: 0,
-      minWidth: 300,
-      children: [
-        {
-          name: head?.name ?? 'Block',
-          icon: head?.icon,
-          minWidth: 269,
-          expand: 0,
-          children: [this.menuBlocks(), this.menuHeadings(), this.menuLists(), this.menuLayout(), this.menuStyling()],
-        },
-      ],
-    };
-  }
-
-  public buildToolbarMenu(size: 2 | 1 | 0): MenuItem {
-    const blockMenu: MenuItem = {
-      name: 'Block menu',
-      maxToolbarItems: 4,
-      minWidth: 288,
-      children: [this.menuBlocks(), this.menuHeadings(), this.menuLists(), this.menuLayout(), this.menuStyling()],
-    };
-
-    if (size < 1) {
-      blockMenu.maxToolbarItems = 1;
-    } else if (size < 2) {
-      blockMenu.maxToolbarItems = 3;
-    }
-
-    return blockMenu;
-  }
-
-  // ----------------------------------------------------------------- Sections
-
-  public menuBlocks(): MenuItem {
-    return {
-      id: 'block-blocks',
-      name: 'Blocks',
-      expand: 3,
-      children: [
-        this.itemParagraph(),
-        this.itemBlockquote(),
-        this.itemCodeBlock(),
-        this.itemPre(),
-        this.itemCallout(),
-        this.itemColumns(),
-      ],
-    };
-  }
-
-  public menuHeadings(): MenuItem {
-    return {
-      id: 'block-headings',
-      name: 'Headings',
-      sepBefore: true,
-      expand: 3,
-      children: [
-        this.itemH1(),
-        this.itemH2(),
-        this.itemH3(),
-        this.itemH4(),
-        this.itemH5(),
-        this.itemH6(),
-        {name: 'sep-title', sep: true},
-        this.itemTitle(),
-        this.itemSubtitle(),
-      ],
-    };
-  }
-
-  public menuLists(): MenuItem {
-    return {
-      id: 'block-lists',
-      name: 'Lists',
-      expand: 8,
-      sepBefore: true,
-      children: [this.itemUL(), this.itemOL(), this.itemChecklist(), this.itemStepper()],
-    };
-  }
-
-  public menuLayout(): MenuItem {
-    return {
-      id: 'block-layout',
-      name: 'Layout',
-      expand: 3,
-      sepBefore: true,
-      children: [
-        this.itemAlignLeft(),
-        this.itemAlignCenter(),
-        this.itemAlignRight(),
-        this.itemAlignJustify(),
-        {name: 'sep-indent', sep: true},
-        this.itemIndent(),
-        this.itemDedent(),
-      ],
-    };
-  }
-
-  public menuStyling(): MenuItem {
-    return {
-      id: 'block-styling',
-      name: 'Styling',
-      // icon: () => <TypographyIcon />,
-      expand: 4,
-      sepBefore: true,
-      children: [this.menuTypesetting()],
-    };
-  }
-
-  public menuTypesetting(): MenuItem {
-    return {
-      id: 'block-typesetting',
-      name: 'Typesetting',
-      text: 'font face family typography typeface',
-      icon: () => <TypographyIcon />,
-      expand: 4,
-      openOnTitleHov: true,
-      children: [
-        this.itemBlockFont('sans', 'Sans-serif', 'sans gothic grotesque modern'),
-        this.itemBlockFont('serif', 'Serif', 'serif traditional roman'),
-        this.itemBlockFont('slab', 'Slab', 'slab egyptian thick serif'),
-        this.itemBlockFont('mono', 'Monospace', 'mono fixed code typewriter courier'),
-      ],
-    };
-  }
-
-  private itemBlockFont(kind: FontKind, name: string, text?: string): MenuItem {
-    const mutxt = this.mutxt;
-    const onSelect = this.exec(() => setBlockFont(mutxt.editor, kind));
-    const Option: React.FC<{size?: number}> = ({size}) => {
-      mutxt.version.use();
-      const active = isBlockFontActive(mutxt.editor, kind);
-      return <FontStyleButton kind={kind} size={size} active={active} onMouseDown={onSelect} />;
-    };
-    return {
-      name,
-      text,
-      icon: () => <Option size={16} />,
-      iconBig: () => <Option />,
-      active: rsync.comp([mutxt.version], () => isBlockFontActive(mutxt.editor, kind)),
-      onSelect,
-    };
-  }
-
-  // -------------------------------------------------------------- Block items
-
-  public itemParagraph(): MenuItem {
-    return this.blockItem('p', {
-      name: 'Paragraph',
-      text: 'p body text plain',
-      icon: () => <ParagraphIcon />,
-      keys: ['Primary', 'Alt', '0'],
-    });
-  }
-  public itemBlockquote(): MenuItem {
-    return this.blockItem('blockquote', {
-      name: 'Blockquote',
-      text: 'quote citation cite epigraph',
-      icon: () => <BlockquoteIcon />,
-      keys: ['Primary', 'Alt', '9'],
-    });
-  }
-  public itemCodeBlock(): MenuItem {
-    return this.blockItem('code-block', {
-      name: 'Code block',
-      text: 'snippet program syntax monospace fenced',
-      icon: () => <CodeBlockIcon />,
-      keys: ['Primary', 'Shift', 'c'],
-    });
-  }
-  public itemPre(): MenuItem {
-    return this.blockItem('pre', {
-      name: 'Pre-formatted',
-      text: 'preformatted monospace verbatim ascii',
-      icon: () => <PreIcon />,
-    });
-  }
-  public itemCallout(): MenuItem {
-    const mutxt = this.mutxt;
-    const base = this.blockItem('callout', {
-      name: 'Callout',
-      text: 'admonition alert info note warning tip box',
-      icon: () => <CalloutIcon />,
-    });
-    return {
-      ...base,
-      onSelect: this.exec(() => {
-        const wasActive = this.currentBlockFormat() === 'callout';
-        toggleBlock(mutxt.editor, 'callout');
-        if (wasActive) return;
-        const seed: Partial<CalloutElement> = {
-          variant: DEFAULT_VARIANT,
-        };
-        Transforms.setNodes(mutxt.editor, seed as Partial<CustomElement>, {
-          match: (n) => SlateElement.isElement(n) && Editor.isBlock(mutxt.editor, n) && n.type === 'callout',
-        });
-      }),
-    };
-  }
-  public itemColumns(): MenuItem {
-    return this.blockItem('columns', {
-      name: 'Two columns',
-      text: 'split layout multi-column side-by-side grid',
-      icon: () => <ColumnsIcon />,
-    });
-  }
-
-  // ------------------------------------------------------------ Heading items
-
-  public itemH1(): MenuItem {
-    return this.blockItem('h1', {
-      name: 'Heading 1',
-      text: 'h1 title section header',
-      icon: () => <H1Icon />,
-      keys: ['Primary', 'Alt', '1'],
-    });
-  }
-  public itemH2(): MenuItem {
-    return this.blockItem('h2', {
-      name: 'Heading 2',
-      text: 'h2 subheading section header',
-      icon: () => <H2Icon />,
-      keys: ['Primary', 'Alt', '2'],
-    });
-  }
-  public itemH3(): MenuItem {
-    return this.blockItem('h3', {
-      name: 'Heading 3',
-      text: 'h3 subheading section header',
-      icon: () => <H3Icon />,
-      keys: ['Primary', 'Alt', '3'],
-    });
-  }
-  public itemH4(): MenuItem {
-    return this.blockItem('h4', {
-      name: 'Heading 4',
-      text: 'h4 subheading section header',
-      icon: () => <H4Icon />,
-      keys: ['Primary', 'Alt', '4'],
-    });
-  }
-  public itemH5(): MenuItem {
-    return this.blockItem('h5', {
-      name: 'Heading 5',
-      text: 'h5 subheading section header',
-      icon: () => <H5Icon />,
-      keys: ['Primary', 'Alt', '5'],
-    });
-  }
-  public itemH6(): MenuItem {
-    return this.blockItem('h6', {
-      name: 'Heading 6',
-      text: 'h6 subheading section header',
-      icon: () => <H6Icon />,
-      keys: ['Primary', 'Alt', '6'],
-    });
-  }
-  public itemTitle(): MenuItem {
-    return this.blockItem('title', {
-      name: 'Title',
-      text: 'document title page name',
-      display: () => <span style={{fontWeight: 'bold'}}>{'Title'}</span>,
-      icon: () => <TitleIcon />,
-    });
-  }
-  public itemSubtitle(): MenuItem {
-    return this.blockItem('subtitle', {
-      name: 'Subtitle',
-      text: 'subhead deck tagline',
-      display: () => <span style={{opacity: 0.7}}>{'Subtitle'}</span>,
-      icon: () => <TitleIcon />,
-    });
-  }
-
-  // --------------------------------------------------------------- List items
-
-  public itemUL(): MenuItem {
-    const mutxt = this.mutxt;
-    const applyUlType = (ulType: 'disc' | 'circle' | 'square') => {
-      if (getActiveUlType(mutxt.editor) === null) toggleBlock(mutxt.editor, 'ul');
-      setUlType(mutxt.editor, ulType);
-    };
-    return this.blockItem('ul', {
-      name: 'Bulleted list',
-      text: 'ul unordered bullet dot point',
-      icon: () => <ULIcon />,
-      keys: ['Primary', 'Alt', '8'],
-      children: [
-        {
-          name: 'Disc bullets',
-          text: 'ul disc filled solid round',
-          icon: () => (
-            <div style={{width: 16, height: 16, display: 'flex', alignItems: 'center', justifyContent: 'center'}}>
-              <div style={{width: 8, height: 8, borderRadius: '50%', backgroundColor: 'currentColor'}} />
-            </div>
-          ),
-          active: rsync.comp([mutxt.version], () => isUlTypeActive(mutxt.editor, 'disc')),
-          onSelect: this.exec(() => applyUlType('disc')),
-        },
-        {
-          name: 'Circle bullets',
-          text: 'ul circle ring outline hollow',
-          icon: () => (
-            <div style={{width: 16, height: 16, display: 'flex', alignItems: 'center', justifyContent: 'center'}}>
-              <div style={{width: 6, height: 6, borderRadius: '50%', border: '1px solid currentColor'}} />
-            </div>
-          ),
-          active: rsync.comp([mutxt.version], () => isUlTypeActive(mutxt.editor, 'circle')),
-          onSelect: this.exec(() => applyUlType('circle')),
-        },
-        {
-          name: 'Square bullets',
-          text: 'ul square box block',
-          icon: () => (
-            <div style={{width: 16, height: 16, display: 'flex', alignItems: 'center', justifyContent: 'center'}}>
-              <div style={{width: 6, height: 6, backgroundColor: 'currentColor'}} />
-            </div>
-          ),
-          active: rsync.comp([mutxt.version], () => isUlTypeActive(mutxt.editor, 'square')),
-          onSelect: this.exec(() => applyUlType('square')),
-        },
-      ],
-    });
-  }
-  public itemOL(): MenuItem {
-    const mutxt = this.mutxt;
-    const applyOlType = (olType: OlType) => {
-      if (getActiveOlType(mutxt.editor) === null) toggleBlock(mutxt.editor, 'ol');
-      setOlType(mutxt.editor, olType);
-    };
-    const olItem = (name: string, olType: OlType, example?: string, text?: string): MenuItem => ({
-      name,
-      text: [text, example].filter(Boolean).join(' ') || undefined,
-      right: example ? () => <Sidetip small>{example}</Sidetip> : undefined,
-      active: rsync.comp([mutxt.version], () => isOlTypeActive(mutxt.editor, olType)),
-      onSelect: this.exec(() => applyOlType(olType)),
-    });
-    return this.blockItem('ol', {
-      name: 'Numbered list',
-      text: 'ol ordered enumerated number',
-      icon: () => <OLIcon />,
-      keys: ['Primary', 'Alt', '7'],
-      children: [
-        olItem('Decimal', 'decimal', '1, 2, 3', 'arabic numeral'),
-        olItem('Decimal w/ zero', 'decimal-leading-zero', '01, 02, 03', 'padded zero leading'),
-        olItem('Lower Roman', 'lower-roman', 'i, ii, iii', 'roman numeral lowercase'),
-        olItem('Upper Roman', 'upper-roman', 'I, II, III', 'roman numeral uppercase'),
-        olItem('Lower alpha', 'lower-alpha', 'a, b, c', 'alphabetic letter lowercase'),
-        olItem('Upper alpha', 'upper-alpha', 'A, B, C', 'alphabetic letter uppercase'),
-        olItem('Lower Greek', 'lower-greek', 'α, β, γ', 'greek alphabet alpha beta gamma'),
-        {
-          name: 'More styles',
-          text: 'extra additional language',
-          sepBefore: true,
-          more: true,
-          children: [
-            olItem('Hiragana', 'hiragana', 'あ, い, う', 'japanese kana'),
-            olItem('Katakana', 'katakana', 'ア, イ, ウ', 'japanese kana'),
-            olItem('CJK ideographic', 'cjk-ideographic', '一, 二, 三', 'chinese kanji hanzi'),
-            olItem('Hebrew', 'hebrew', undefined, 'aleph hebrew alphabet'),
-            olItem('Armenian', 'armenian', undefined, 'armenian alphabet'),
-          ],
-        },
-      ],
-    });
-  }
-  public itemChecklist(): MenuItem {
-    return this.blockItem('checklist', {
-      name: 'Checklist',
-      text: 'todo task checkbox check tick to-do',
-      icon: () => <ChecklistIcon />,
-    });
-  }
-  public itemStepper(): MenuItem {
-    return this.blockItem('stepper', {
-      name: 'Stepper',
-      text: 'stepper steps progress wizard timeline milestones flow',
-      icon: () => <StepperIcon />,
-    });
-  }
-
-  // ------------------------------------------------------------------- Layout
-
-  public itemAlignLeft(): MenuItem {
-    return this.layoutItem('left', {
-      name: 'Align left',
-      text: 'left start alignment',
-      keys: ['Primary', 'Shift', 'l'],
-      icon: () => <AlignLeftIcon />,
-    });
-  }
-  public itemAlignCenter(): MenuItem {
-    return this.layoutItem('center', {
-      name: 'Align center',
-      text: 'middle centered alignment',
-      keys: ['Primary', 'Shift', 'e'],
-      icon: () => <AlignCenterIcon />,
-    });
-  }
-  public itemAlignRight(): MenuItem {
-    return this.layoutItem('right', {
-      name: 'Align right',
-      text: 'right end alignment',
-      keys: ['Primary', 'Shift', 'r'],
-      icon: () => <AlignRightIcon />,
-    });
-  }
-  public itemAlignJustify(): MenuItem {
-    return this.layoutItem('justify', {
-      name: 'Justify',
-      text: 'justified fill stretch align both',
-      keys: ['Primary', 'Shift', 'j'],
-      icon: () => <AlignJustifyIcon />,
-    });
-  }
-
-  // -------------------------------------------------------------- Indentation
-
-  public itemIndent(): MenuItem {
-    const mutxt = this.mutxt;
-    const keys = ['Primary', ']'];
-    const formattedKeys = formatKeys(keys);
-    return {
-      name: 'Increase indent',
-      text: 'tab right shift in nest',
-      icon: () => <IndentIcon />,
-      right: () => <Sidetip small>{formattedKeys}</Sidetip>,
-      keys: [formattedKeys],
-      disabled: rsync.comp([mutxt.version], () => getActiveIndent(mutxt.editor) >= MAX_INDENT),
-      onSelect: this.exec(() => indentBlock(mutxt.editor)),
-    };
-  }
-  public itemDedent(): MenuItem {
-    const mutxt = this.mutxt;
-    const keys = ['Primary', '['];
-    const formattedKeys = formatKeys(keys);
-    return {
-      name: 'Decrease indent',
-      text: 'outdent unindent shift left untab',
-      icon: () => <DedentIcon />,
-      right: () => <Sidetip small>{formattedKeys}</Sidetip>,
-      keys: [formattedKeys],
-      disabled: rsync.comp([mutxt.version], () => getActiveIndent(mutxt.editor) <= 0),
-      onSelect: this.exec(() => dedentBlock(mutxt.editor)),
-    };
-  }
-
-  // ------------------------------------------------------------------ Helpers
-
-  private blockItem(format: BlockFormat | ListElementType, config: MenuItem): MenuItem {
-    const mutxt = this.mutxt;
-    const keys = config.keys;
-    const formattedKeys = keys ? formatKeys(keys) : undefined;
-    return {
-      ...config,
-      keys: formattedKeys ? [formattedKeys] : undefined,
-      right: keys ? () => <Sidetip small>{formattedKeys}</Sidetip> : undefined,
-      active: rsync.comp([mutxt.version], () => this.currentBlockFormat() === format),
-      onSelect: this.exec(() => toggleBlock(mutxt.editor, format)),
-    };
-  }
-
-  private layoutItem(alignment: SlateTextAlign, config: MenuItem): MenuItem {
-    const mutxt = this.mutxt;
-    const keys = config.keys;
-    const formattedKeys = keys ? formatKeys(keys) : undefined;
-    return {
-      ...config,
-      keys: formattedKeys ? [formattedKeys] : undefined,
-      right: keys ? () => <Sidetip small>{formattedKeys}</Sidetip> : undefined,
-      active: rsync.comp([mutxt.version], () => isAlignmentActive(mutxt.editor, alignment)),
-      onSelect: this.exec(() => setAlignment(mutxt.editor, alignment)),
-    };
-  }
-
-  private readonly exec =
-    (fn: () => void) =>
-    (event: React.MouseEvent | React.TouchEvent): void => {
-      event.preventDefault();
-      fn();
-      ReactEditor.focus(this.mutxt.editor as ReactEditor);
-      this.mutxt.setFocused(true);
-      this.mutxt.sync(false);
-    };
-
-  private currentBlockFormat(): BlockFormat | undefined {
-    return this.mutxt.block.currentBlockFormat();
-  }
-
-  private headFor(format: BlockFormat | undefined): {name: string; icon?: () => React.ReactNode} | null {
-    switch (format) {
-      case 'p':
-        return this.itemParagraph();
-      case 'h1':
-        return this.itemH1();
-      case 'h2':
-        return this.itemH2();
-      case 'h3':
-        return this.itemH3();
-      case 'h4':
-        return this.itemH4();
-      case 'h5':
-        return this.itemH5();
-      case 'h6':
-        return this.itemH6();
-      case 'title':
-        return this.itemTitle();
-      case 'subtitle':
-        return this.itemSubtitle();
-      case 'blockquote':
-        return this.itemBlockquote();
-      case 'callout':
-        return this.itemCallout();
-      case 'code-block':
-        return this.itemCodeBlock();
-      case 'pre':
-        return this.itemPre();
-      case 'ul':
-        return this.itemUL();
-      case 'ol':
-        return this.itemOL();
-      case 'checklist':
-        return this.itemChecklist();
-      case 'stepper':
-        return this.itemStepper();
-      case 'columns':
-        return this.itemColumns();
-      default:
-        return null;
-    }
-  }
-}
diff --git a/packages/mutxt-react/src/MuTxt/block/BlockState.tsx b/packages/mutxt-react/src/MuTxt/block/BlockState.tsx
deleted file mode 100644
index 3530145f67..0000000000
--- a/packages/mutxt-react/src/MuTxt/block/BlockState.tsx
+++ /dev/null
@@ -1,99 +0,0 @@
-import {rsync, type UiLifeCycles} from '@jsonjoy.com/ui';
-import {ReactEditor} from 'slate-react';
-import {BlockMenu} from './BlockMenu';
-import type {AnchorPoint} from '@jsonjoy.com/ui/lib/utils/popup/types';
-import type {MuTxtState} from '../state/MuTxtState';
-import type {ScrollState} from '@jsonjoy.com/ui/lib/4-card/ScrollArea';
-import type {BlockFormat, CustomElement, ListElementType} from '../types';
-
-const TOOLBAR_HEIGHT = 32;
-
-export class BlockState implements UiLifeCycles {
-  public readonly menu: BlockMenu;
-  public readonly dismissed = rsync.val(false);
-
-  constructor(
-    private readonly mutxt: MuTxtState,
-    private readonly scrollArea: ScrollState | null,
-  ) {
-    this.menu = new BlockMenu(mutxt);
-  }
-
-  public readonly start = (): (() => void) => {
-    const mutxt = this.mutxt;
-    const unsubscribeCursor = mutxt.cursor.subscribe(() => {
-      if (this.dismissed.value) this.dismissed.next(false);
-    });
-    return () => {
-      unsubscribeCursor();
-    };
-  };
-
-  /**
-   * Format of the block currently containing the caret, or `undefined` when
-   * there's no caret, when there's a range selection, or when the block isn't
-   * one we recognize.
-   *
-   * @todo Rename to `type`?
-   */
-  public currentBlockFormat(): BlockFormat | undefined {
-    const mutxt = this.mutxt;
-    const api = mutxt.api;
-    const cursor = mutxt.cursor.value;
-    const selection = mutxt.selection.value;
-    if (!cursor || selection) return;
-    const blockEntry = api.blockAbove();
-    if (!blockEntry) return;
-    const [element, path] = blockEntry;
-    if (element.type === 'embed') return;
-    if (element.type === 'hr') return;
-    if (element.type === 'toc') return;
-    if (element.type === 'math') return;
-    if (element.type === 'li') {
-      const match = api.listAbove(void 0, path);
-      if (match) return (match[0] as CustomElement).type as ListElementType;
-      return 'p';
-    }
-    return element.type as BlockFormat;
-  }
-
-  public point(): AnchorPoint | undefined {
-    const {mutxt} = this;
-    const cursor = mutxt.cursor.value;
-    const selection = mutxt.selection.value;
-    if (!cursor || selection) return;
-    try {
-      const box = mutxt.editableBox?.value;
-      if (!box || !box[2]) return;
-      const focusRect = mutxt.api.focusRect();
-      if (!focusRect) return;
-      const editableEl = ReactEditor.toDOMNode(mutxt.editor as ReactEditor, mutxt.editor);
-      const isRtl = getComputedStyle(editableEl).direction === 'rtl';
-      const [x, , width] = box;
-      return {
-        x: isRtl ? x + width - 12 : x + 12,
-        y: focusRect.top + focusRect.height / 2,
-        dx: isRtl ? 1 : -1,
-        dy: 0,
-      };
-    } catch {
-      return;
-    }
-  }
-
-  public isInViewport(point: AnchorPoint): boolean {
-    if (!this.scrollArea?.viewportEl) return true;
-    if (typeof window === 'undefined' || typeof document === 'undefined') return true;
-    try {
-      const viewportRect = this.scrollArea.viewportEl.getBoundingClientRect();
-      const halfHeight = TOOLBAR_HEIGHT / 2;
-      const top = point.y - halfHeight;
-      const bottom = point.y + halfHeight;
-      const topOverflow = Math.max(viewportRect.top - top, 0);
-      const bottomOverflow = Math.max(bottom - viewportRect.bottom, 0);
-      return topOverflow <= 0 && bottomOverflow <= 0;
-    } catch {
-      return false;
-    }
-  }
-}
diff --git a/packages/mutxt-react/src/MuTxt/block/callout/CalloutElement.tsx b/packages/mutxt-react/src/MuTxt/block/callout/CalloutElement.tsx
deleted file mode 100644
index 73841156c5..0000000000
--- a/packages/mutxt-react/src/MuTxt/block/callout/CalloutElement.tsx
+++ /dev/null
@@ -1,478 +0,0 @@
-import * as React from 'react';
-import {rule, font} from 'nano-theme';
-import {ReactEditor, useReadOnly, useSlateStatic, type RenderElementProps} from 'slate-react';
-import {Transforms} from 'slate';
-import {MoveToViewport} from '@jsonjoy.com/ui/lib/utils/popup/MoveToViewport';
-import {PopupControlled} from '@jsonjoy.com/ui/lib/4-card/Popup/PopupControlled';
-import {Scrollbox} from '@jsonjoy.com/ui/lib/4-card/Scrollbox';
-import {context as popupCtx} from '@jsonjoy.com/ui/lib/4-card/Popup/context';
-import {anchorContext, useAnchorPointHandle} from '@jsonjoy.com/ui/lib/utils/popup';
-import {useLockScrolling} from '@jsonjoy.com/ui/lib/hooks/useLockScrolling';
-import {useSingletonPopup} from '@jsonjoy.com/ui/lib/hooks/useSingletonPopup';
-import {useStyles} from '@jsonjoy.com/ui/lib/styles/context';
-import {FlexibleInput} from 'flexible-input';
-import {useT} from 'use-t';
-import {BlockPlaceholder} from '../../components/blocks/BlockPlaceholder';
-import {
-  StripBarHandle,
-  stripBarHandleFillClass,
-  stripBarHandleTriggerClass,
-} from '../../components/blocks/StripBarHandle';
-import {indentPadding} from '../../behavior/indentation';
-import {fontFamilyOf} from '../../behavior/font';
-import {fgVar} from '../../custom-style/css';
-import {isEmptyBlock} from '../../util';
-import {CalloutOptions} from './CalloutOptions';
-import {getCalloutColors} from './colors';
-import {VARIANT_ICONS, VARIANT_TITLE, getCalloutVariant, getVariantAccent} from './settings';
-import type {CalloutElement as CalloutElementType} from '../../types';
-
-const INDICATOR_SIZE = 28;
-
-const calloutClass = rule({
-  pos: 'relative',
-  mr: '24px 0',
-  pd: '16px',
-  bdrad: '8px',
-  d: 'flex',
-  fld: 'column',
-  gap: '6px',
-  bg: 'var(--cb-bg)',
-  bd: '1px solid var(--cb-bd)',
-  trs: 'background-color .2s ease, border-color .2s ease',
-  '&:hover': {
-    bg: 'var(--cb-bg-hover)',
-    borderColor: 'var(--cb-bd-hover)',
-  },
-  [`&:hover .${stripBarHandleTriggerClass}`]: {
-    opacity: 1,
-    pointerEvents: 'auto',
-  },
-  [`&:hover .${stripBarHandleTriggerClass} .${stripBarHandleFillClass}`]: {
-    width: '100%',
-  },
-});
-
-const handleClass = rule({
-  pos: 'absolute',
-  insetInlineStart: '-3px',
-  t: '8px',
-  b: '8px',
-  w: '5px',
-  bdrad: '2px',
-  pe: 'none',
-});
-
-const handleButtonClass = rule({
-  pos: 'absolute',
-  insetInlineStart: '-3px',
-  t: '8px',
-  b: '8px',
-  w: '5px',
-  bdrad: '2px',
-  pad: 0,
-  bd: 'none',
-  cur: 'pointer',
-  out: 'none',
-  trs: 'width .1s ease, inset-inline-start .1s ease, transform .1s ease',
-  '&:hover': {
-    w: '7px',
-    insetInlineStart: '-4px',
-  },
-  '&:active': {
-    transform: 'scaleY(0.97)',
-  },
-});
-
-const handleButtonContentClass = rule({
-  d: 'block',
-  w: '5px',
-  h: '100%',
-  pad: 0,
-  bd: 'none',
-  bdrad: '2px',
-  cur: 'pointer',
-  out: 'none',
-  trs: 'width .1s ease, transform .1s ease',
-  '&:hover': {w: '7px'},
-  '&:active': {transform: 'scaleY(0.97)'},
-});
-
-const headerClass = rule({
-  d: 'flex',
-  ai: 'center',
-  gap: '8px',
-  us: 'none',
-  minH: `${INDICATOR_SIZE}px`,
-});
-
-const indicatorTriggerClass = rule({
-  d: 'inline-flex',
-  ai: 'center',
-  jc: 'center',
-  w: `${INDICATOR_SIZE}px`,
-  h: `${INDICATOR_SIZE}px`,
-  bdrad: '6px',
-  pad: 0,
-  bd: 'none',
-  bg: 'transparent',
-  cur: 'pointer',
-  lh: 1,
-  flexShrink: 0,
-  trs: 'background-color .08s ease, transform .08s ease',
-  '&:hover': {
-    transform: 'scale(1.03)',
-  },
-  '&:active': {
-    transform: 'scale(0.97)',
-  },
-});
-
-const indicatorGlyphClass = rule({
-  d: 'inline-flex',
-  ai: 'center',
-  jc: 'center',
-  lh: 1,
-});
-
-const indicatorTextClass = rule({
-  ...font.slab.bold,
-  d: 'inline-flex',
-  ai: 'center',
-  jc: 'center',
-  fz: '0.95rem',
-  lh: 1,
-  ['textBoxTrim' as any]: 'trim-both',
-  ['textBoxEdge' as any]: 'cap alphabetic',
-});
-
-const indicatorEmojiClass = rule({
-  d: 'inline-flex',
-  ai: 'center',
-  jc: 'center',
-  fz: '1.2rem',
-  lh: 1,
-});
-
-const EMOJI_RE = /\p{Extended_Pictographic}/u;
-const isEmoji = (s: string): boolean => EMOJI_RE.test(s);
-
-const titleClass = rule({
-  ...font.ui3.mid,
-  textTransform: '',
-  d: 'inline-flex',
-  ai: 'center',
-  h: '100%',
-  fz: '0.95rem',
-  lh: 1.3,
-  flex: '1',
-  minW: '0',
-  ['textBoxTrim' as any]: 'trim-both',
-  ['textBoxEdge' as any]: 'cap alphabetic',
-  marginInlineStart: '-4px',
-});
-
-const titleStripSlotClass = rule({
-  d: 'inline-flex',
-  ai: 'center',
-  flex: '1',
-  minW: 0,
-  marginInlineStart: '-4px',
-});
-
-const bodyClass = rule({
-  pos: 'relative',
-  mr: '0',
-  fz: '0.98em',
-  lh: 1.6,
-});
-
-const bindVoidInputKeyDown = (el: HTMLElement | null, editor: ReactEditor, onCancel?: () => void): (() => void) => {
-  if (!el) return () => {};
-  const handler: EventListener = (evt: Event) => {
-    const e = evt as KeyboardEvent;
-    e.stopPropagation();
-    if (e.key === 'Enter' || e.key === 'Tab') {
-      e.preventDefault();
-      (e.target as HTMLElement).blur();
-      requestAnimationFrame(() => ReactEditor.focus(editor));
-    } else if (e.key === 'Escape') {
-      e.preventDefault();
-      onCancel?.();
-      (e.target as HTMLElement).blur();
-      requestAnimationFrame(() => ReactEditor.focus(editor));
-    }
-  };
-  el.addEventListener('keydown', handler);
-  return () => el.removeEventListener('keydown', handler);
-};
-
-export interface CalloutElementProps extends RenderElementProps {
-  element: CalloutElementType;
-}
-
-export const CalloutElement: React.FC<CalloutElementProps> = ({attributes, children, element}) => {
-  const editor = useSlateStatic();
-  const styles = useStyles();
-  const readOnly = useReadOnly();
-  const [t] = useT();
-  const variant = getCalloutVariant(element.variant);
-  const accent = element.color?.trim() || getVariantAccent(styles, variant);
-  const icon = element.icon ?? '';
-  const variantTitle = VARIANT_TITLE[variant];
-  const titleOverride = element.title;
-  const resolvedTitle = titleOverride ?? variantTitle;
-  const colors = React.useMemo(() => getCalloutColors(styles, accent), [styles, accent]);
-  const [editingTitle, setEditingTitle] = React.useState(false);
-  const [titleDraft, setTitleDraft] = React.useState(resolvedTitle);
-  const titleFocusedRef = React.useRef(false);
-  React.useEffect(() => {
-    if (!titleFocusedRef.current) setTitleDraft(resolvedTitle);
-  }, [resolvedTitle]);
-
-  const commitTitle = React.useCallback(() => {
-    titleFocusedRef.current = false;
-    const next = titleDraft;
-    try {
-      const path = ReactEditor.findPath(editor, element);
-      if (!next) {
-        // Empty: unset if there was an override (back to auto); no-op if
-        // already auto.
-        if (titleOverride !== undefined) Transforms.unsetNodes(editor, 'title', {at: path});
-      } else if (next === variantTitle) {
-        // Typing the variant default is equivalent to "use the default" —
-        // unset to keep storage clean, regardless of prior state.
-        if (titleOverride !== undefined) Transforms.unsetNodes(editor, 'title', {at: path});
-      } else {
-        Transforms.setNodes(editor, {title: next} as Partial<CalloutElementType>, {at: path});
-      }
-    } catch {}
-    if (!next) setEditingTitle(false);
-  }, [editor, element, titleDraft, titleOverride, variantTitle]);
-
-  const [titleInputEl, setTitleInputEl] = React.useState<HTMLInputElement | HTMLTextAreaElement | null>(null);
-  React.useEffect(() => {
-    if (readOnly) return;
-    return bindVoidInputKeyDown(titleInputEl, editor as ReactEditor, () => {
-      setTitleDraft(resolvedTitle);
-      titleFocusedRef.current = false;
-      if (!resolvedTitle) setEditingTitle(false);
-    });
-  }, [titleInputEl, readOnly, resolvedTitle, editor]);
-
-  // Options popup.
-  const popup = useSingletonPopup('callout-options');
-  const closePopup = React.useCallback(() => popup.setOpen(false), [popup]);
-  const popupContextValue = React.useMemo(() => ({close: closePopup}), [closePopup]);
-  const popupAnchorHandle = useAnchorPointHandle({
-    horizontal: true,
-    center: true,
-    pinX: 'left',
-    minSpace: 360,
-    gap: 8,
-  });
-  useLockScrolling(popup.open);
-
-  const preventMouseDown = React.useCallback((event: React.MouseEvent) => {
-    event.preventDefault();
-    event.stopPropagation();
-  }, []);
-
-  const VariantIcon = VARIANT_ICONS[variant];
-  const triggerBg = colors.bg;
-  const triggerBgHover = styles.light ? 'rgba(0,0,0,0.04)' : 'rgba(255,255,255,0.06)';
-  const hideHeader = !!element.hideHeader;
-
-  const hasIconOverride = element.icon !== undefined;
-  const iconIsEmoji = hasIconOverride && !!icon && isEmoji(icon);
-  const indicator = !hasIconOverride ? (
-    <span className={indicatorGlyphClass} style={{color: colors.title}}>
-      <VariantIcon style={{color: colors.title}} />
-    </span>
-  ) : icon ? (
-    <span className={iconIsEmoji ? indicatorEmojiClass : indicatorTextClass} style={{color: colors.title}}>
-      {icon}
-    </span>
-  ) : null;
-
-  const isExplicitBlank = titleOverride === '';
-  const showTitleStrip = !readOnly && isExplicitBlank && !editingTitle;
-  const showTitleField = !isExplicitBlank || editingTitle;
-
-  return (
-    <aside
-      {...attributes}
-      className={calloutClass}
-      style={{
-        textAlign: element.align,
-        marginInlineStart: indentPadding(element.indent) ?? 0,
-        marginInlineEnd: 0,
-        fontFamily: fontFamilyOf(element.font),
-        color: fgVar(18, styles.g(0.18)),
-        boxShadow: `0 1px 4px ${colors.shadow}`,
-        ['--cb-bg' as any]: colors.bg,
-        ['--cb-bg-hover' as any]: colors.bgHover,
-        ['--cb-bd' as any]: colors.bd,
-        ['--cb-bd-hover' as any]: colors.bdHover,
-        ['--mutxt-handle-color' as any]: styles.g(0.72),
-        ['--mutxt-handle-color-hover' as any]: styles.g(0.35),
-      }}
-    >
-      {readOnly ? (
-        <span aria-hidden="true" contentEditable={false} className={handleClass} style={{background: colors.accent}} />
-      ) : hideHeader ? (
-        // Header is gone — the handle is the *only* affordance, so it
-        // anchors the popup itself. PopupControlled's outer span carries the
-        // absolute positioning; the inner button fills it.
-        <popupCtx.Provider value={popupContextValue}>
-          <anchorContext.Provider value={popupAnchorHandle}>
-            <PopupControlled
-              open={popup.open}
-              refToggle={popupAnchorHandle.ref}
-              onHeadClick={() => popup.setOpen(!popup.open)}
-              onClickAway={closePopup}
-              onEsc={popup.open ? closePopup : undefined}
-              style={{
-                position: 'absolute',
-                insetInlineStart: '-3px',
-                top: '8px',
-                bottom: '8px',
-              }}
-              renderContext={() => (
-                <MoveToViewport vertical>
-                  <div
-                    style={{
-                      display: 'flex',
-                      flexDirection: 'column',
-                      maxHeight: 'calc(100vh - 16px)',
-                    }}
-                  >
-                    <Scrollbox shadow>
-                      <div style={{padding: 16}}>
-                        <CalloutOptions element={element} />
-                      </div>
-                    </Scrollbox>
-                  </div>
-                </MoveToViewport>
-              )}
-            >
-              <button
-                type="button"
-                contentEditable={false}
-                className={handleButtonContentClass}
-                aria-label={t('Callout options')}
-                aria-haspopup="dialog"
-                aria-expanded={popup.open}
-                onMouseDown={preventMouseDown}
-                style={{background: colors.accent}}
-              />
-            </PopupControlled>
-          </anchorContext.Provider>
-        </popupCtx.Provider>
-      ) : (
-        // Header is visible — the icon trigger is the popup anchor; the
-        // handle is a secondary trigger that toggles the same singleton
-        // popup.
-        <button
-          type="button"
-          contentEditable={false}
-          className={handleButtonClass}
-          aria-label={t('Callout options')}
-          aria-haspopup="dialog"
-          aria-expanded={popup.open}
-          onMouseDown={preventMouseDown}
-          onClick={() => popup.setOpen(!popup.open)}
-          style={{background: colors.accent}}
-        />
-      )}
-      {!hideHeader && (
-        <div contentEditable={false} className={headerClass}>
-          {readOnly ? (
-            <span className={indicatorTriggerClass} style={{background: triggerBg}}>
-              {indicator}
-            </span>
-          ) : (
-            <popupCtx.Provider value={popupContextValue}>
-              <anchorContext.Provider value={popupAnchorHandle}>
-                <PopupControlled
-                  open={popup.open}
-                  refToggle={popupAnchorHandle.ref}
-                  onHeadClick={() => popup.setOpen(!popup.open)}
-                  onClickAway={closePopup}
-                  onEsc={popup.open ? closePopup : undefined}
-                  renderContext={() => (
-                    <MoveToViewport vertical>
-                      <div
-                        style={{
-                          display: 'flex',
-                          flexDirection: 'column',
-                          maxHeight: 'calc(100vh - 16px)',
-                        }}
-                      >
-                        <Scrollbox shadow>
-                          <div style={{padding: 16}}>
-                            <CalloutOptions element={element} />
-                          </div>
-                        </Scrollbox>
-                      </div>
-                    </MoveToViewport>
-                  )}
-                >
-                  <button
-                    type="button"
-                    className={indicatorTriggerClass}
-                    aria-label={t('Callout options')}
-                    aria-haspopup="dialog"
-                    aria-expanded={popup.open}
-                    onMouseDown={preventMouseDown}
-                    style={{background: triggerBg}}
-                    onMouseEnter={(e) => {
-                      (e.currentTarget as HTMLButtonElement).style.background = triggerBgHover;
-                    }}
-                    onMouseLeave={(e) => {
-                      (e.currentTarget as HTMLButtonElement).style.background = triggerBg;
-                    }}
-                  >
-                    {indicator}
-                  </button>
-                </PopupControlled>
-              </anchorContext.Provider>
-            </popupCtx.Provider>
-          )}
-          {showTitleField ? (
-            <span className={titleClass} style={{color: colors.title}}>
-              {readOnly ? (
-                resolvedTitle
-              ) : (
-                <FlexibleInput
-                  inp={setTitleInputEl}
-                  value={titleDraft}
-                  minWidth={80}
-                  focus={editingTitle && !titleDraft}
-                  typeahead={titleDraft ? '' : t('Add title…')}
-                  onChange={(e) => setTitleDraft(e.target.value)}
-                  onFocus={() => {
-                    titleFocusedRef.current = true;
-                  }}
-                  onBlur={commitTitle}
-                />
-              )}
-            </span>
-          ) : showTitleStrip ? (
-            <span className={titleStripSlotClass}>
-              <StripBarHandle
-                tooltip={t('Add title')}
-                ariaLabel={t('Add title')}
-                onActivate={() => setEditingTitle(true)}
-              />
-            </span>
-          ) : null}
-        </div>
-      )}
-      <div className={bodyClass}>
-        {children}
-        {isEmptyBlock(element) && <BlockPlaceholder element={element} />}
-      </div>
-    </aside>
-  );
-};
diff --git a/packages/mutxt-react/src/MuTxt/block/callout/CalloutOptions.tsx b/packages/mutxt-react/src/MuTxt/block/callout/CalloutOptions.tsx
deleted file mode 100644
index e0c8dff384..0000000000
--- a/packages/mutxt-react/src/MuTxt/block/callout/CalloutOptions.tsx
+++ /dev/null
@@ -1,212 +0,0 @@
-import * as React from 'react';
-import {ReactEditor, useSlateStatic} from 'slate-react';
-import {Transforms} from 'slate';
-import {ArgsPane} from '@jsonjoy.com/ui/lib/4-card/ContextMenu/ArgsPane';
-import {usePopup} from '@jsonjoy.com/ui/lib/4-card/Popup/context';
-import {useStyles} from '@jsonjoy.com/ui/lib/styles/context';
-import {syncStore} from '@jsonjoy.com/ui/lib/hooks/useSyncStore';
-import type {MenuItem, Param} from '@jsonjoy.com/ui/lib/4-card/StructuralMenu/types';
-import {toHex} from './colors';
-import {
-  CALLOUT_VARIANTS,
-  CALLOUT_VARIANT_LABEL,
-  DEFAULT_VARIANT,
-  VARIANT_ICONS,
-  VARIANT_TITLE,
-  type CalloutVariant,
-  getCalloutVariant,
-  getVariantAccent,
-  isCalloutVariant,
-} from './settings';
-import type {CalloutElement} from '../../types';
-import CharsIcon__svg from 'iconista/lib/react/tabler/letter-case';
-
-const CharsIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <CharsIcon__svg width={16} height={16} {...props} />
-);
-
-const renderCharsIcon = () => <CharsIcon />;
-
-const variantOptionIcon = (v: CalloutVariant) => {
-  const Icon = VARIANT_ICONS[v];
-  return () => <Icon />;
-};
-
-interface Defaultable<T> {
-  def: boolean;
-  value: T;
-}
-
-const isDefaultable = <T,>(v: unknown): v is Defaultable<T> => !!v && typeof v === 'object' && 'def' in (v as object);
-
-export interface CalloutOptionsProps {
-  element: CalloutElement;
-  closePopup?: () => void;
-}
-
-/**
- * Args pane for a callout. Real-time updates — no Apply/Cancel.
- */
-export const CalloutOptions: React.FC<CalloutOptionsProps> = ({element, closePopup}) => {
-  const editor = useSlateStatic();
-  const styles = useStyles();
-  const popup = usePopup();
-  const onCancel = React.useCallback(() => {
-    if (closePopup) closePopup();
-    else popup?.close();
-  }, [closePopup, popup]);
-
-  const elementRef = React.useRef(element);
-  elementRef.current = element;
-
-  const item: MenuItem = React.useMemo(() => ({name: 'Callout options', compact: true}), []);
-
-  const setField = React.useCallback(
-    <K extends keyof CalloutElement>(field: K, value: CalloutElement[K] | undefined) => {
-      const e = elementRef.current;
-      try {
-        const path = ReactEditor.findPath(editor, e);
-        if (value === undefined || value === '') {
-          Transforms.unsetNodes(editor, field as string, {at: path});
-        } else {
-          Transforms.setNodes(editor, {[field]: value} as Partial<CalloutElement>, {at: path});
-        }
-      } catch {}
-    },
-    [editor],
-  );
-
-  const setStringField = React.useCallback(
-    (field: 'icon' | 'title', value: string | undefined) => {
-      const e = elementRef.current;
-      try {
-        const path = ReactEditor.findPath(editor, e);
-        if (value === undefined) {
-          Transforms.unsetNodes(editor, field, {at: path});
-        } else {
-          Transforms.setNodes(editor, {[field]: value} as Partial<CalloutElement>, {at: path});
-        }
-      } catch {}
-    },
-    [editor],
-  );
-
-  const params: (Param | MenuItem)[] = React.useMemo(() => {
-    const e = element;
-    const variant = getCalloutVariant(e.variant);
-    const variantAccent = getVariantAccent(styles, variant);
-    const variantTitle = VARIANT_TITLE[variant];
-    const accentHex = toHex(variantAccent);
-    const list: (Param | MenuItem)[] = [];
-
-    list.push({
-      kind: 'select',
-      id: 'variant',
-      name: 'Type',
-      default: variant,
-      options: CALLOUT_VARIANTS.map((v) => ({
-        id: v,
-        name: CALLOUT_VARIANT_LABEL[v],
-        icon: variantOptionIcon(v),
-      })),
-    });
-    list.push({
-      kind: 'color',
-      id: 'color',
-      name: 'Accent',
-      defaultable: true,
-      default: accentHex,
-      alpha: false,
-      initialDef: e.color === undefined,
-      initialValue: e.color ? toHex(e.color) : accentHex,
-    });
-
-    list.push({name: 'sep', innerSep: true});
-
-    list.push({
-      kind: 'bool',
-      id: 'hideHeader',
-      name: 'Hide header',
-      default: !!e.hideHeader,
-    });
-
-    const headerVisible = !e.hideHeader;
-    list.push({
-      kind: 'char',
-      id: 'icon',
-      name: 'Icon',
-      icon: renderCharsIcon,
-      length: 2,
-      emoji: true,
-      placeholder: '',
-      defaultable: true,
-      default: '',
-      initialDef: e.icon === undefined,
-      initialValue: e.icon ?? '',
-      visible: syncStore(headerVisible),
-    });
-    list.push({
-      kind: 'str',
-      id: 'title',
-      name: 'Title',
-      placeholder: variantTitle,
-      defaultable: true,
-      default: variantTitle,
-      initialDef: e.title === undefined,
-      initialValue: e.title ?? '',
-      visible: syncStore(headerVisible),
-    });
-
-    return list;
-  }, [element, styles]);
-
-  const onChange = React.useCallback(
-    (_list: [string, unknown][], map: Record<string, unknown>) => {
-      const variantRaw = map.variant;
-      const variant = typeof variantRaw === 'string' && isCalloutVariant(variantRaw) ? variantRaw : DEFAULT_VARIANT;
-      setField('variant', variant === DEFAULT_VARIANT ? undefined : variant);
-
-      const hideHeaderRaw = map.hideHeader;
-      setField('hideHeader', hideHeaderRaw ? true : undefined);
-
-      const colorRaw = map.color;
-      if (isDefaultable<string>(colorRaw)) {
-        if (colorRaw.def) {
-          setField('color', undefined);
-        } else {
-          const v = String(colorRaw.value ?? '').trim();
-          setField('color', v ? toHex(v) : undefined);
-        }
-      } else if (typeof colorRaw === 'string' && colorRaw.trim()) {
-        setField('color', toHex(colorRaw.trim()));
-      } else {
-        setField('color', undefined);
-      }
-
-      const iconRaw = map.icon;
-      if (isDefaultable<string>(iconRaw)) {
-        if (iconRaw.def) {
-          setStringField('icon', undefined);
-        } else {
-          setStringField('icon', String(iconRaw.value ?? '').slice(0, 2));
-        }
-      } else if (typeof iconRaw === 'string') {
-        setStringField('icon', iconRaw.slice(0, 2) || undefined);
-      } else {
-        setStringField('icon', undefined);
-      }
-
-      const titleRaw = map.title;
-      if (isDefaultable<string>(titleRaw)) {
-        setStringField('title', titleRaw.def ? undefined : String(titleRaw.value ?? ''));
-      } else if (typeof titleRaw === 'string') {
-        setStringField('title', titleRaw || undefined);
-      } else {
-        setStringField('title', undefined);
-      }
-    },
-    [setField, setStringField],
-  );
-
-  return <ArgsPane item={item} params={params} onCancel={onCancel} onChange={onChange} minWidth={303} />;
-};
diff --git a/packages/mutxt-react/src/MuTxt/block/callout/colors.ts b/packages/mutxt-react/src/MuTxt/block/callout/colors.ts
deleted file mode 100644
index ba75fdf54a..0000000000
--- a/packages/mutxt-react/src/MuTxt/block/callout/colors.ts
+++ /dev/null
@@ -1,55 +0,0 @@
-import {HslColor, LinearRgbColor, ThemeColor} from '@jsonjoy.com/ui';
-import {RgbColor} from '@jsonjoy.com/ui/lib/styles/color/RgbColor';
-import type {Styles} from '@jsonjoy.com/ui/lib/styles/Styles';
-
-export const DEFAULT_ACCENT = '#07f';
-
-export interface CalloutColors {
-  /** Strong accent (vertical left border, indicator background tint). */
-  accent: string;
-  /** Soft tinted background of the callout block. */
-  bg: string;
-  /** Subtly darker bg used on hover. */
-  bgHover: string;
-  /** Outer hairline border color. */
-  bd: string;
-  /** Subtly darker border used on hover. */
-  bdHover: string;
-  /** Drop shadow color (with built-in alpha). */
-  shadow: string;
-  /** Title / icon color (contrast-tuned against white). */
-  title: string;
-}
-
-/** Format any CSS color string as `#RRGGBB(AA)`. */
-export const toHex = (css: string): string => {
-  const rgb = RgbColor.fromString(css);
-  if (rgb) return rgb.hex();
-  const hsl = HslColor.from(css);
-  return hsl ? hsl.toRgb().hex() : css;
-};
-
-/**
- * Resolve all callout-related colors from a single accent string. Accepts hex
- * or anything `HslColor.from` understands. Falls back to `DEFAULT_ACCENT` on
- * unparseable input.
- */
-export const getCalloutColors = (styles: Styles, accent: string): CalloutColors => {
-  const hsl = HslColor.from(accent) ?? HslColor.from(DEFAULT_ACCENT)!;
-  const surface = styles.light ? HslColor.from('#fff')! : HslColor.from('#000')!;
-  const themed = new ThemeColor(hsl.norm(), surface);
-  const titleHsl = (HslColor.from(accent) ?? HslColor.from(DEFAULT_ACCENT)!)
-    .toLinearRgb()
-    .adjToContrast(new LinearRgbColor(1, 1, 1));
-  const shadow = themed.fg.copy();
-  shadow.a = 0.08;
-  return {
-    accent: themed.toString(),
-    bg: themed.g(0.02),
-    bgHover: themed.g(0.04),
-    bd: themed.col(0.16).fg.pct(0, -0.5).toString(),
-    bdHover: themed.col(0.22).fg.pct(0, -0.5).toString(),
-    shadow: shadow.toString(),
-    title: titleHsl.toString(),
-  };
-};
diff --git a/packages/mutxt-react/src/MuTxt/block/callout/settings.tsx b/packages/mutxt-react/src/MuTxt/block/callout/settings.tsx
deleted file mode 100644
index d9744c02f3..0000000000
--- a/packages/mutxt-react/src/MuTxt/block/callout/settings.tsx
+++ /dev/null
@@ -1,95 +0,0 @@
-import * as React from 'react';
-import {rule} from 'nano-theme';
-import type {Styles} from '@jsonjoy.com/ui/lib/styles/Styles';
-import NoteIcon__svg from 'iconista/lib/react/lineicons/notebook-1';
-import TipIcon__svg from 'iconista/lib/react/lucide/lightbulb';
-import WarningIcon__svg from 'iconista/lib/react/lucide/triangle-alert';
-import DangerIcon__svg from 'iconista/lib/react/lucide/octagon-alert';
-import ImportantIcon__svg from 'iconista/lib/react/lucide/star';
-import QuoteIcon__svg from 'iconista/lib/react/lucide/quote';
-
-const noteIconClass = rule({
-  d: 'inline-flex',
-  '& path': {fill: 'currentColor'},
-});
-
-const NoteIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <span className={noteIconClass}>
-    <NoteIcon__svg width={16} height={16} {...props} />
-  </span>
-);
-const TipIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => <TipIcon__svg width={16} height={16} {...props} />;
-const WarningIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <WarningIcon__svg width={16} height={16} {...props} />
-);
-const DangerIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <DangerIcon__svg width={16} height={16} {...props} />
-);
-const ImportantIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <ImportantIcon__svg width={16} height={16} {...props} />
-);
-const QuoteIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <QuoteIcon__svg width={16} height={16} {...props} />
-);
-
-/**
- * Semantic flavor of a callout. Each variant maps to one of the `Styles`
- * theme colors so light/dark themes stay coherent without hard-coded hex.
- */
-export type CalloutVariant = 'note' | 'tip' | 'warning' | 'danger' | 'important' | 'quote';
-
-export const DEFAULT_VARIANT: CalloutVariant = 'note';
-
-/** Title rendered when the element's `title` is unset (auto mode). */
-export const VARIANT_TITLE: Record<CalloutVariant, string> = {
-  note: 'Note',
-  tip: 'Tip',
-  warning: 'Warning',
-  danger: 'Danger',
-  important: 'Important',
-  quote: 'Quote',
-};
-
-/** Iconista components rendered when the user has not set a custom `icon`. */
-export const VARIANT_ICONS: Record<CalloutVariant, React.FC<{style?: React.CSSProperties}>> = {
-  note: NoteIcon,
-  tip: TipIcon,
-  warning: WarningIcon,
-  danger: DangerIcon,
-  important: ImportantIcon,
-  quote: QuoteIcon,
-};
-
-export const CALLOUT_VARIANTS: CalloutVariant[] = ['note', 'tip', 'warning', 'danger', 'important', 'quote'];
-
-export const CALLOUT_VARIANT_LABEL: Record<CalloutVariant, string> = {
-  note: 'Note',
-  tip: 'Tip',
-  warning: 'Warning',
-  danger: 'Danger',
-  important: 'Important',
-  quote: 'Quote',
-};
-
-/** Resolve the accent color for a semantic callout variant. */
-export const getVariantAccent = (styles: Styles, variant: CalloutVariant): string => {
-  switch (variant) {
-    case 'note':
-      return styles.info + '';
-    case 'tip':
-      return styles.positive + '';
-    case 'warning':
-      return styles.warning + '';
-    case 'danger':
-      return styles.negative + '';
-    case 'important':
-      return styles.important + '';
-    case 'quote':
-      return styles.grey + '';
-  }
-};
-
-export const isCalloutVariant = (v?: string): v is CalloutVariant =>
-  v === 'note' || v === 'tip' || v === 'warning' || v === 'danger' || v === 'important' || v === 'quote';
-
-export const getCalloutVariant = (v?: string): CalloutVariant => (isCalloutVariant(v) ? v : DEFAULT_VARIANT);
diff --git a/packages/mutxt-react/src/MuTxt/block/stepper/BorderStyleIcon.tsx b/packages/mutxt-react/src/MuTxt/block/stepper/BorderStyleIcon.tsx
deleted file mode 100644
index f6b6fd24b8..0000000000
--- a/packages/mutxt-react/src/MuTxt/block/stepper/BorderStyleIcon.tsx
+++ /dev/null
@@ -1,122 +0,0 @@
-import * as React from 'react';
-import type {HrLineStyle} from '../../types';
-
-export type BorderStyleIconStyle = HrLineStyle | 'none';
-
-export interface BorderStyleIconProps {
-  style: BorderStyleIconStyle;
-  /** Outer size of the (square) icon in pixels. */
-  size?: number;
-  /** Stroke thickness in pixels. */
-  strokeWidth?: number;
-  /** Padding from each long edge of the icon, in pixels. */
-  padding?: number;
-  /** Stroke orientation. Defaults to `'horizontal'`. */
-  orientation?: 'horizontal' | 'vertical';
-}
-
-const SQUIGGLY_PERIOD = 6;
-const SQUIGGLY_AMP = 1.5;
-
-const svgStyle: React.CSSProperties = {display: 'block', overflow: 'visible'};
-const wrapStyle: React.CSSProperties = {
-  display: 'inline-flex',
-  alignItems: 'center',
-  justifyContent: 'center',
-  verticalAlign: 'middle',
-};
-
-/**
- * Build a closed wavy line from `start` to `end` along the segment axis,
- * with the perpendicular axis fixed at `mid`. Used by both orientations.
- */
-const squigglyPath = (start: number, end: number, mid: number, axis: 'horizontal' | 'vertical'): string => {
-  const len = end - start;
-  if (len <= 0) return '';
-  // Even number of half-waves so the line ends on the baseline.
-  const halfWaves = Math.max(2, Math.round(len / (SQUIGGLY_PERIOD / 2)) & ~1);
-  const seg = len / halfWaves;
-  let d = axis === 'horizontal' ? `M ${start} ${mid}` : `M ${mid} ${start}`;
-  let side: 1 | -1 = 1;
-  for (let i = 0; i < halfWaves; i++) {
-    const tCtrl = start + seg * (i + 0.5);
-    const tEnd = start + seg * (i + 1);
-    const offset = SQUIGGLY_AMP * side;
-    if (axis === 'horizontal') {
-      d += ` Q ${tCtrl.toFixed(2)} ${(mid - offset).toFixed(2)} ${tEnd.toFixed(2)} ${mid}`;
-    } else {
-      d += ` Q ${(mid - offset).toFixed(2)} ${tCtrl.toFixed(2)} ${mid} ${tEnd.toFixed(2)}`;
-    }
-    side = -side as 1 | -1;
-  }
-  return d;
-};
-
-/**
- * Small icon that previews a stroke style as a horizontal (or vertical) line
- * through the middle of a square hit-box. All styles render via inline SVG
- * so the stroke is precisely centered regardless of orientation.
- */
-export const BorderStyleIcon: React.FC<BorderStyleIconProps> = ({
-  style,
-  size = 16,
-  strokeWidth = 2,
-  padding = 2,
-  orientation = 'horizontal',
-}) => {
-  if (style === 'none') {
-    // Render an empty hit-box so the icon column still aligns, but draw
-    // nothing — the option is "no line".
-    return <span style={{...wrapStyle, width: size, height: size}} aria-hidden="true" />;
-  }
-
-  const vertical = orientation === 'vertical';
-  const start = padding;
-  const end = size - padding;
-  const mid = size / 2;
-
-  let body: React.ReactNode;
-  if (style === 'squiggly') {
-    body = (
-      <path
-        d={squigglyPath(start, end, mid, orientation)}
-        fill="none"
-        stroke="currentColor"
-        strokeWidth={strokeWidth}
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-    );
-  } else {
-    let dashArray: string | undefined;
-    let linecap: 'butt' | 'round' = 'butt';
-    if (style === 'dashed') {
-      dashArray = `${strokeWidth * 1.6} ${strokeWidth * 1.2}`;
-    } else if (style === 'dotted') {
-      dashArray = `0 ${strokeWidth * 1.5}`;
-      linecap = 'round';
-    } else {
-      linecap = 'round';
-    }
-    body = (
-      <line
-        x1={vertical ? mid : start}
-        y1={vertical ? start : mid}
-        x2={vertical ? mid : end}
-        y2={vertical ? end : mid}
-        stroke="currentColor"
-        strokeWidth={strokeWidth}
-        strokeDasharray={dashArray}
-        strokeLinecap={linecap}
-      />
-    );
-  }
-
-  return (
-    <span style={wrapStyle} aria-hidden="true">
-      <svg width={size} height={size} viewBox={`0 0 ${size} ${size}`} style={svgStyle}>
-        {body}
-      </svg>
-    </span>
-  );
-};
diff --git a/packages/mutxt-react/src/MuTxt/block/stepper/Bullet.tsx b/packages/mutxt-react/src/MuTxt/block/stepper/Bullet.tsx
deleted file mode 100644
index 27cac2fd5a..0000000000
--- a/packages/mutxt-react/src/MuTxt/block/stepper/Bullet.tsx
+++ /dev/null
@@ -1,116 +0,0 @@
-import * as React from 'react';
-import {rule} from 'nano-theme';
-import {BulletGlyph} from './BulletGlyph';
-import {BulletHalo} from './BulletHalo';
-import {BulletSquigglyRing} from './BulletSquigglyRing';
-import {INDICATOR_SIZE, radiusToCss} from './settings';
-import type {LineStyle, StepIndicator, StepState} from './types';
-
-export const bulletClassName = 'mutxt-step-bullet';
-
-const bulletClass = rule({
-  pos: 'relative',
-  w: `${INDICATOR_SIZE}px`,
-  h: `${INDICATOR_SIZE}px`,
-  d: 'flex',
-  ai: 'center',
-  jc: 'center',
-  bxz: 'border-box',
-  fz: '13px',
-  fw: 600,
-  lh: '1',
-  us: 'none',
-  flexShrink: 0,
-  trs: 'background-color .08s ease, border-color .08s ease, color .08s ease, box-shadow .08s ease',
-  overflow: 'hidden',
-  '&:hover': {
-    bxsh: '0 0 0 4px rgba(127,127,127,0.06)',
-  },
-});
-
-const glyphWrapClass = rule({
-  d: 'flex',
-  ai: 'center',
-  jc: 'center',
-  w: '100%',
-  h: '100%',
-  lh: '1',
-  ['textBoxTrim' as any]: 'trim-both',
-  ['textBoxEdge' as any]: 'cap alphabetic',
-});
-
-export interface BulletProps {
-  state: StepState;
-  indicator: StepIndicator;
-  chars: string;
-  index: number;
-  radius: number;
-  bg: string;
-  glyphColor: string;
-  ring: LineStyle;
-  ringColor: string;
-  ringWidth: number;
-  halo: LineStyle;
-  haloColor: string;
-  haloWidth: number;
-}
-
-const cssBorderStyleFor = (style: LineStyle): React.CSSProperties => {
-  switch (style) {
-    case 'none':
-    case 'squiggly':
-      return {borderStyle: 'none', borderWidth: 0};
-    case 'solid':
-    case 'dashed':
-    case 'dotted':
-      return {borderStyle: style};
-  }
-};
-
-/**
- * Single step's visual disc. Combines the inner glyph, the bullet ring (CSS
- * border for plain styles or SVG for `squiggly`), and an optional outer halo.
- * State governs the default colors of all three parts, props let the caller
- * override any of them.
- */
-export const Bullet: React.FC<BulletProps> = ({
-  state,
-  indicator,
-  chars,
-  index,
-  radius,
-  bg,
-  glyphColor,
-  ring,
-  ringColor,
-  ringWidth,
-  halo,
-  haloColor,
-  haloWidth,
-}) => {
-  const isSquigglyRing = ring === 'squiggly' && ringWidth > 0;
-  const showCssBorder = ring !== 'none' && ring !== 'squiggly' && ringWidth > 0;
-  const borderStyles = cssBorderStyleFor(showCssBorder ? ring : 'none');
-
-  return (
-    <>
-      <span
-        className={`${bulletClass} ${bulletClassName}`}
-        style={{
-          background: isSquigglyRing ? 'transparent' : bg,
-          color: glyphColor,
-          borderRadius: radiusToCss(radius),
-          ...borderStyles,
-          ...(showCssBorder ? {borderWidth: ringWidth, borderColor: ringColor} : null),
-          ...(isSquigglyRing ? {overflow: 'visible'} : null),
-        }}
-      >
-        {isSquigglyRing && <BulletSquigglyRing strokeColor={ringColor} strokeWidth={ringWidth} />}
-        <span className={glyphWrapClass}>
-          <BulletGlyph state={state} indicator={indicator} chars={chars} index={index} color={glyphColor} />
-        </span>
-      </span>
-      <BulletHalo style={halo} color={haloColor} strokeWidth={haloWidth} />
-    </>
-  );
-};
diff --git a/packages/mutxt-react/src/MuTxt/block/stepper/BulletGlyph.tsx b/packages/mutxt-react/src/MuTxt/block/stepper/BulletGlyph.tsx
deleted file mode 100644
index 026c2e9a5b..0000000000
--- a/packages/mutxt-react/src/MuTxt/block/stepper/BulletGlyph.tsx
+++ /dev/null
@@ -1,70 +0,0 @@
-import * as React from 'react';
-import type {StepIndicator, StepState} from './types';
-import CheckIcon__svg from 'iconista/lib/react/lucide/check';
-import AlertIcon__svg from 'iconista/lib/react/tabler_filled/alert-triangle';
-import OptionalIcon__svg from 'iconista/lib/react/tabler/circle-dashed';
-
-const CheckIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <CheckIcon__svg width={16} height={16} {...props} />
-);
-const AlertIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <AlertIcon__svg width={16} height={16} {...props} />
-);
-const OptionalIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <OptionalIcon__svg width={16} height={16} {...props} />
-);
-
-export interface BulletGlyphProps {
-  state: StepState;
-  indicator: StepIndicator;
-  chars: string;
-  index: number;
-  color: string;
-}
-
-const EMOJI_RE = /\p{Extended_Pictographic}/u;
-const isEmoji = (s: string): boolean => EMOJI_RE.test(s);
-
-const renderChars = (chars: string, color: string, index: number): React.ReactNode => {
-  const trimmed = chars.slice(0, 2);
-  if (!trimmed) return null;
-  const emoji = isEmoji(trimmed);
-  const single = Array.from(trimmed).length === 1;
-  const fz = emoji ? (single ? 20 : 14) : single ? 18 : 14;
-  void index;
-  return (
-    <span
-      style={{
-        fontSize: fz,
-        lineHeight: 1,
-        color,
-        fontWeight: 600,
-        letterSpacing: 0,
-        ...(emoji ? {transform: 'translateY(1px)'} : null),
-      }}
-    >
-      {trimmed}
-    </span>
-  );
-};
-
-const renderNumber = (index: number, color: string): React.ReactNode => {
-  const text = String(index + 1);
-  return <span style={{fontSize: 14, lineHeight: 1, color}}>{text}</span>;
-};
-
-export const BulletGlyph: React.FC<BulletGlyphProps> = ({state, indicator, chars, index, color}) => {
-  if (indicator === 'chars') return <>{renderChars(chars, color, index)}</>;
-  if (state === 'optional') return <OptionalIcon style={{color}} />;
-  if (indicator === 'number') return <>{renderNumber(index, color)}</>;
-
-  switch (state) {
-    case 'done':
-      return <CheckIcon style={{color}} />;
-    case 'warning':
-    case 'error':
-      return <AlertIcon style={{color}} />;
-    default:
-      return <>{renderNumber(index, color)}</>;
-  }
-};
diff --git a/packages/mutxt-react/src/MuTxt/block/stepper/BulletHalo.tsx b/packages/mutxt-react/src/MuTxt/block/stepper/BulletHalo.tsx
deleted file mode 100644
index 7fe5e5b47d..0000000000
--- a/packages/mutxt-react/src/MuTxt/block/stepper/BulletHalo.tsx
+++ /dev/null
@@ -1,55 +0,0 @@
-import * as React from 'react';
-import {INDICATOR_SIZE, HALO_OFFSET} from './settings';
-import {plainCirclePath, squigglyCirclePath} from './squiggly';
-import type {LineStyle} from './types';
-
-const SQUIGGLY_LOBES = 12;
-const SQUIGGLY_AMP = 1;
-
-export interface BulletHaloProps {
-  style: LineStyle;
-  color: string;
-  strokeWidth: number;
-}
-
-const dashFor = (style: LineStyle, strokeWidth: number): {dash?: string; cap: 'butt' | 'round'} => {
-  if (style === 'dashed')
-    return {dash: `${(strokeWidth * 2.5).toFixed(2)} ${(strokeWidth * 1.8).toFixed(2)}`, cap: 'butt'};
-  if (style === 'dotted') return {dash: `0 ${(strokeWidth * 2.2).toFixed(2)}`, cap: 'round'};
-  return {cap: 'butt'};
-};
-
-/**
- * Decorative halo drawn around the bullet, just outside its outline.
- */
-export const BulletHalo: React.FC<BulletHaloProps> = ({style, color, strokeWidth}) => {
-  if (style === 'none' || strokeWidth <= 0) return null;
-  const padding = Math.max(SQUIGGLY_AMP + strokeWidth, strokeWidth * 2);
-  const outerSize = INDICATOR_SIZE + HALO_OFFSET * 2 + padding * 2;
-  const center = outerSize / 2;
-  const meanRadius = INDICATOR_SIZE / 2 + HALO_OFFSET;
-  const path =
-    style === 'squiggly'
-      ? squigglyCirclePath(center, meanRadius, SQUIGGLY_LOBES, SQUIGGLY_AMP)
-      : plainCirclePath(center, meanRadius);
-  const {dash, cap} = dashFor(style, strokeWidth);
-
-  return (
-    <svg
-      width={outerSize}
-      height={outerSize}
-      viewBox={`0 0 ${outerSize} ${outerSize}`}
-      aria-hidden="true"
-      style={{
-        position: 'absolute',
-        left: '50%',
-        top: '50%',
-        transform: 'translate(-50%, -50%)',
-        pointerEvents: 'none',
-        overflow: 'visible',
-      }}
-    >
-      <path d={path} fill="none" stroke={color} strokeWidth={strokeWidth} strokeDasharray={dash} strokeLinecap={cap} />
-    </svg>
-  );
-};
diff --git a/packages/mutxt-react/src/MuTxt/block/stepper/BulletOptions.tsx b/packages/mutxt-react/src/MuTxt/block/stepper/BulletOptions.tsx
deleted file mode 100644
index 0b60f61d5a..0000000000
--- a/packages/mutxt-react/src/MuTxt/block/stepper/BulletOptions.tsx
+++ /dev/null
@@ -1,577 +0,0 @@
-import * as React from 'react';
-import {ReactEditor, useSlateStatic} from 'slate-react';
-import {Transforms} from 'slate';
-import {ArgsPane} from '@jsonjoy.com/ui/lib/4-card/ContextMenu/ArgsPane';
-import {usePopup} from '@jsonjoy.com/ui/lib/4-card/Popup/context';
-import {useStyles} from '@jsonjoy.com/ui/lib/styles/context';
-import {syncStore} from '@jsonjoy.com/ui/lib/hooks/useSyncStore';
-import {Dot} from '@jsonjoy.com/ui/lib/1-inline/Dot';
-import type {MenuItem, Param} from '@jsonjoy.com/ui/lib/4-card/StructuralMenu/types';
-import {BorderStyleIcon, type BorderStyleIconStyle} from './BorderStyleIcon';
-import {getStepStateColors, pickGlyphColor, toHex} from './colors';
-import {
-  DEF_HALO,
-  DEF_HALO_WIDTH,
-  DEF_INDICATOR,
-  DEF_LINE_WIDTH,
-  DEF_RADIUS,
-  DEF_RING,
-  DEF_RING_WIDTH,
-  DEF_STATE,
-  LINE_STYLES,
-  LINE_STYLE_LABEL,
-  STEP_INDICATORS,
-  STEP_INDICATOR_LABEL,
-  STEP_STATES,
-  STEP_STATE_LABEL,
-  clampRadius,
-  clampWidth,
-  getLineStyle,
-  getStateLineDefault,
-  getStepIndicator,
-  getStepState,
-} from './settings';
-import type {LineStyle, StepIndicator, StepState} from './types';
-import type {ListItemElement} from '../../types';
-import NumberIcon__svg from 'iconista/lib/react/tabler/numbers';
-import SymbolIcon__svg from 'iconista/lib/react/tabler_filled/alert-triangle';
-import CharsIcon__svg from 'iconista/lib/react/tabler/letter-case';
-import EraserIcon__svg from 'iconista/lib/react/tabler/eraser';
-
-const NumberIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <NumberIcon__svg width={16} height={16} {...props} />
-);
-const SymbolIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <SymbolIcon__svg width={16} height={16} {...props} />
-);
-const CharsIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <CharsIcon__svg width={16} height={16} {...props} />
-);
-const EraserIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <EraserIcon__svg width={16} height={16} {...props} />
-);
-
-const INDICATOR_ICONS: Record<StepIndicator, () => React.ReactNode> = {
-  number: () => <NumberIcon />,
-  symbol: () => <SymbolIcon />,
-  chars: () => <CharsIcon />,
-};
-
-const StateIcon: React.FC<{state: StepState}> = ({state}) => {
-  const styles = useStyles();
-  const colors = getStepStateColors(styles, state);
-  const glow = state === 'done' || state === 'warning' || state === 'error';
-  return <Dot color={colors.line} size={10} glow={glow} />;
-};
-
-const STATE_ICONS: Record<StepState, () => React.ReactNode> = STEP_STATES.reduce(
-  (acc, state) => {
-    acc[state] = () => <StateIcon state={state} />;
-    return acc;
-  },
-  {} as Record<StepState, () => React.ReactNode>,
-);
-
-const horizontalBorderIcon = (style: BorderStyleIconStyle) => () => <BorderStyleIcon style={style} />;
-const verticalBorderIcon = (style: BorderStyleIconStyle) => () => (
-  <BorderStyleIcon style={style} orientation="vertical" />
-);
-
-const RingRowIcon: React.FC = () => (
-  <svg width={16} height={16} viewBox="0 0 16 16" aria-hidden="true" style={{display: 'block'}}>
-    <circle cx={8} cy={8} r={4} fill="none" stroke="currentColor" strokeWidth={1.6} />
-  </svg>
-);
-
-const HaloRowIcon: React.FC = () => (
-  <svg width={16} height={16} viewBox="0 0 16 16" aria-hidden="true" style={{display: 'block'}}>
-    <circle cx={8} cy={8} r={3} fill="none" stroke="currentColor" strokeWidth={0.9} />
-    <circle cx={8} cy={8} r={6.4} fill="none" stroke="currentColor" strokeWidth={1.6} />
-  </svg>
-);
-
-const ConnectorRowIcon: React.FC = () => (
-  <svg width={16} height={16} viewBox="0 0 16 16" aria-hidden="true" style={{display: 'block'}}>
-    <line x1={8} y1={2} x2={8} y2={14} stroke="currentColor" strokeWidth={2} strokeLinecap="round" />
-  </svg>
-);
-
-const BgRowIcon: React.FC = () => (
-  <svg width={16} height={16} viewBox="0 0 16 16" aria-hidden="true" style={{display: 'block'}}>
-    <circle cx={8} cy={8} r={5.5} fill="currentColor" opacity={0.35} />
-  </svg>
-);
-
-const RadiusRowIcon: React.FC = () => (
-  <svg width={16} height={16} viewBox="0 0 16 16" aria-hidden="true" style={{display: 'block'}}>
-    <path d="M3 8.5V6a3 3 0 0 1 3-3h2.5" fill="none" stroke="currentColor" strokeWidth={1.6} strokeLinecap="round" />
-    <rect x={7} y={7} width={6} height={6} rx={1.5} fill="currentColor" opacity={0.35} />
-  </svg>
-);
-
-const ColorRowIcon: React.FC = () => (
-  <svg width={16} height={16} viewBox="0 0 16 16" aria-hidden="true" style={{display: 'block'}}>
-    <text x="8" y="12" textAnchor="middle" fontSize="12" fontWeight="700" fill="currentColor">
-      A
-    </text>
-  </svg>
-);
-
-const renderRingRowIcon = () => <RingRowIcon />;
-const renderHaloRowIcon = () => <HaloRowIcon />;
-const renderConnectorRowIcon = () => <ConnectorRowIcon />;
-const renderBgRowIcon = () => <BgRowIcon />;
-const renderRadiusRowIcon = () => <RadiusRowIcon />;
-const renderColorRowIcon = () => <ColorRowIcon />;
-const renderCharsRowIcon = () => <CharsIcon />;
-const renderEraserIcon = () => <EraserIcon />;
-
-interface Defaultable<T> {
-  def: boolean;
-  value: T;
-}
-
-const isDefaultable = <T,>(v: unknown): v is Defaultable<T> => !!v && typeof v === 'object' && 'def' in (v as object);
-
-const enumOpts = <V extends string>(
-  values: readonly V[],
-  label: Record<V, string>,
-  icon?: (v: V) => () => React.ReactNode,
-) =>
-  values.map((v) => {
-    const opt: MenuItem = {id: v, name: label[v]};
-    if (icon) opt.icon = icon(v);
-    return opt;
-  });
-
-const hasStyleOverrides = (e: ListItemElement): boolean =>
-  e.stepCol !== undefined ||
-  e.stepBg !== undefined ||
-  e.stepRadius !== undefined ||
-  e.ring !== undefined ||
-  e.ringCol !== undefined ||
-  e.ringWidth !== undefined ||
-  e.halo !== undefined ||
-  e.haloCol !== undefined ||
-  e.haloWidth !== undefined ||
-  e.line !== undefined ||
-  e.lineCol !== undefined ||
-  e.lineWidth !== undefined;
-
-export interface BulletOptionsProps {
-  element: ListItemElement;
-  closePopup?: () => void;
-}
-
-/**
- * Side-popup configuration pane for a single stepper bullet. Mirrors edits to
- * the slate document in real time as the user picks values — no Apply step.
- */
-export const BulletOptions: React.FC<BulletOptionsProps> = ({element, closePopup}) => {
-  const editor = useSlateStatic();
-  const styles = useStyles();
-  const popup = usePopup();
-  const onCancel = React.useCallback(() => {
-    if (closePopup) closePopup();
-    else popup?.close();
-  }, [closePopup, popup]);
-
-  const elementRef = React.useRef(element);
-  elementRef.current = element;
-
-  const item: MenuItem = React.useMemo(() => ({name: 'Step options', compact: true}), []);
-
-  const resetStyles = React.useCallback(() => {
-    const e = elementRef.current;
-    try {
-      const path = ReactEditor.findPath(editor, e);
-      Transforms.unsetNodes(
-        editor,
-        [
-          'stepCol',
-          'stepBg',
-          'stepRadius',
-          'ring',
-          'ringCol',
-          'ringWidth',
-          'halo',
-          'haloCol',
-          'haloWidth',
-          'line',
-          'lineCol',
-          'lineWidth',
-        ],
-        {at: path},
-      );
-    } catch {}
-  }, [editor]);
-
-  const setField = React.useCallback(
-    <K extends keyof ListItemElement>(field: K, value: ListItemElement[K] | undefined) => {
-      const e = elementRef.current;
-      try {
-        const path = ReactEditor.findPath(editor, e);
-        if (value === undefined || value === '') {
-          Transforms.unsetNodes(editor, field as string, {at: path});
-        } else {
-          Transforms.setNodes(editor, {[field]: value} as Partial<ListItemElement>, {at: path});
-        }
-      } catch {}
-    },
-    [editor],
-  );
-
-  const params: (Param | MenuItem)[] = React.useMemo(() => {
-    const e = element;
-    const list: (Param | MenuItem)[] = [];
-    const state = getStepState(e.stepState);
-    const colors = getStepStateColors(styles, state);
-    const lineHex = toHex(colors.line);
-    const ringHex = toHex(colors.ring);
-    const bgHex = toHex(colors.bg);
-    const resolvedBg = e.stepBg ?? colors.bg;
-    const autoGlyph = e.stepBg ? pickGlyphColor(styles, resolvedBg, colors.glyph) : colors.glyph;
-    const colHex = toHex(autoGlyph);
-    const indicator = getStepIndicator(e.stepIndicator);
-    const indicatorIsChars = indicator === 'chars';
-    const stateLineDefault = getStateLineDefault(state);
-
-    const ringHasSubControls = e.ring !== undefined && e.ring !== 'none';
-    const haloHasSubControls = e.halo !== undefined && e.halo !== 'none';
-    const lineHasSubControls = e.line !== undefined && e.line !== 'none';
-    const stylesCollapsed = !hasStyleOverrides(e);
-
-    list.push({name: 'Behavior', heading: true, collapsible: true});
-    list.push({
-      kind: 'select',
-      id: 'stepState',
-      name: 'State',
-      default: state,
-      options: enumOpts(STEP_STATES, STEP_STATE_LABEL, (v) => STATE_ICONS[v]),
-    });
-    list.push({
-      kind: 'select',
-      id: 'stepIndicator',
-      name: 'Indicator',
-      defaultable: true,
-      default: DEF_INDICATOR,
-      initialDef: !e.stepIndicator,
-      initialValue: e.stepIndicator ?? DEF_INDICATOR,
-      options: enumOpts(STEP_INDICATORS, STEP_INDICATOR_LABEL, (v) => INDICATOR_ICONS[v]),
-    });
-    list.push({
-      kind: 'char',
-      id: 'stepChar',
-      name: 'Chars',
-      icon: renderCharsRowIcon,
-      optional: true,
-      length: 2,
-      emoji: true,
-      placeholder: '',
-      default: e.stepChar ?? '',
-      visible: syncStore(indicatorIsChars),
-    });
-
-    list.push({name: 'Styles', heading: true, collapsible: true, initialCollapsed: stylesCollapsed});
-    list.push({
-      kind: 'color',
-      id: 'stepCol',
-      name: 'Color',
-      icon: renderColorRowIcon,
-      defaultable: true,
-      default: colHex,
-      alpha: true,
-      initialDef: e.stepCol === undefined,
-      initialValue: e.stepCol ? toHex(e.stepCol) : colHex,
-    });
-    list.push({
-      kind: 'color',
-      id: 'stepBg',
-      name: 'Background',
-      icon: renderBgRowIcon,
-      defaultable: true,
-      default: bgHex,
-      alpha: true,
-      initialDef: e.stepBg === undefined,
-      initialValue: e.stepBg ? toHex(e.stepBg) : bgHex,
-    });
-    list.push({
-      kind: 'num',
-      id: 'stepRadius',
-      name: 'Corner radius',
-      icon: renderRadiusRowIcon,
-      defaultable: true,
-      default: DEF_RADIUS,
-      min: 0,
-      max: 100,
-      step: 1,
-      decimals: 0,
-      dragSensitivity: 0.3,
-      initialDef: e.stepRadius === undefined,
-      initialValue: e.stepRadius ?? DEF_RADIUS,
-    });
-
-    list.push({name: 'sep-bg', innerSep: true});
-    list.push({
-      kind: 'enum',
-      id: 'ring',
-      name: 'Ring',
-      icon: renderRingRowIcon,
-      defaultable: true,
-      default: DEF_RING,
-      initialDef: e.ring === undefined,
-      initialValue: e.ring ?? DEF_RING,
-      options: enumOpts(LINE_STYLES, LINE_STYLE_LABEL, horizontalBorderIcon),
-    });
-    list.push({
-      kind: 'color',
-      id: 'ringCol',
-      name: 'Ring color',
-      defaultable: true,
-      default: ringHex,
-      alpha: true,
-      initialDef: e.ringCol === undefined,
-      initialValue: e.ringCol ? toHex(e.ringCol) : ringHex,
-      visible: syncStore(ringHasSubControls),
-    });
-    list.push({
-      kind: 'num',
-      id: 'ringWidth',
-      name: 'Ring width',
-      defaultable: true,
-      default: DEF_RING_WIDTH,
-      min: 0,
-      max: 6,
-      step: 1,
-      decimals: 0,
-      dragSensitivity: 0.03,
-      initialDef: e.ringWidth === undefined,
-      initialValue: e.ringWidth ?? DEF_RING_WIDTH,
-      visible: syncStore(ringHasSubControls),
-    });
-
-    list.push({name: 'sep-ring', innerSep: true});
-    list.push({
-      kind: 'enum',
-      id: 'halo',
-      name: 'Halo',
-      icon: renderHaloRowIcon,
-      defaultable: true,
-      default: DEF_HALO,
-      initialDef: e.halo === undefined,
-      initialValue: e.halo ?? DEF_HALO,
-      options: enumOpts(LINE_STYLES, LINE_STYLE_LABEL, horizontalBorderIcon),
-    });
-    list.push({
-      kind: 'color',
-      id: 'haloCol',
-      name: 'Halo color',
-      defaultable: true,
-      default: lineHex,
-      alpha: true,
-      initialDef: e.haloCol === undefined,
-      initialValue: e.haloCol ? toHex(e.haloCol) : lineHex,
-      visible: syncStore(haloHasSubControls),
-    });
-    list.push({
-      kind: 'num',
-      id: 'haloWidth',
-      name: 'Halo width',
-      defaultable: true,
-      default: DEF_HALO_WIDTH,
-      min: 0,
-      max: 6,
-      step: 1,
-      decimals: 0,
-      dragSensitivity: 0.03,
-      initialDef: e.haloWidth === undefined,
-      initialValue: e.haloWidth ?? DEF_HALO_WIDTH,
-      visible: syncStore(haloHasSubControls),
-    });
-
-    list.push({name: 'sep-halo', innerSep: true});
-    list.push({
-      kind: 'enum',
-      id: 'line',
-      name: 'Connector',
-      icon: renderConnectorRowIcon,
-      defaultable: true,
-      default: stateLineDefault,
-      initialDef: e.line === undefined,
-      initialValue: e.line ?? stateLineDefault,
-      options: enumOpts(LINE_STYLES, LINE_STYLE_LABEL, verticalBorderIcon),
-    });
-    list.push({
-      kind: 'color',
-      id: 'lineCol',
-      name: 'Connector color',
-      defaultable: true,
-      default: lineHex,
-      alpha: true,
-      initialDef: e.lineCol === undefined,
-      initialValue: e.lineCol ? toHex(e.lineCol) : lineHex,
-      visible: syncStore(lineHasSubControls),
-    });
-    list.push({
-      kind: 'num',
-      id: 'lineWidth',
-      name: 'Connector width',
-      defaultable: true,
-      default: DEF_LINE_WIDTH,
-      min: 0,
-      max: 6,
-      step: 1,
-      decimals: 0,
-      dragSensitivity: 0.03,
-      initialDef: e.lineWidth === undefined,
-      initialValue: e.lineWidth ?? DEF_LINE_WIDTH,
-      visible: syncStore(lineHasSubControls),
-    });
-
-    list.push({name: 'Label', heading: true, collapsible: true, initialCollapsed: true});
-    list.push({
-      kind: 'str',
-      id: 'stepTitle',
-      name: 'Title',
-      optional: true,
-      placeholder: 'Shipping information',
-      default: e.stepTitle ?? '',
-    });
-    list.push({
-      kind: 'str',
-      id: 'stepDesc',
-      name: 'Description',
-      optional: true,
-      placeholder: 'Brief sub-text',
-      default: e.stepDesc ?? '',
-    });
-
-    list.push({name: 'Actions', heading: true, collapsible: true, initialCollapsed: true});
-    list.push({
-      kind: 'btn',
-      id: 'reset',
-      name: 'Reset styles',
-      buttonLabel: 'Reset',
-      buttonIcon: renderEraserIcon,
-      danger: true,
-      confirm: true,
-      confirmLabel: 'Reset all style overrides?',
-      confirmActionLabel: 'Reset',
-      onClick: resetStyles,
-    });
-
-    return list;
-  }, [element, styles, resetStyles]);
-
-  const onChange = React.useCallback(
-    (_list: [string, unknown][], map: Record<string, unknown>) => {
-      const state = getStepState(map.stepState as string);
-      setField('stepState', state === DEF_STATE ? undefined : state);
-
-      const indRaw = map.stepIndicator;
-      let indicatorValue: StepIndicator | undefined;
-      if (isDefaultable<string>(indRaw)) {
-        indicatorValue = indRaw.def ? undefined : getStepIndicator(indRaw.value);
-      } else {
-        const v = getStepIndicator(indRaw as string);
-        indicatorValue = v === DEF_INDICATOR ? undefined : v;
-      }
-      setField('stepIndicator', indicatorValue);
-
-      const charsRaw = (map.stepChar as string | undefined) ?? '';
-      const chars = Array.from(charsRaw).slice(0, 2).join('');
-      setField('stepChar', chars ? chars : undefined);
-
-      setField('stepCol', readDefaultableColor(map.stepCol));
-      setField('stepBg', readDefaultableColor(map.stepBg));
-      setField('stepRadius', readDefaultableRadius(map.stepRadius));
-
-      // Style group: when style is in default mode, only clear the style
-      // itself. Keep the previously-stored color/width so the values come
-      // back when the user re-enables the override.
-      applyStyleGroup(map, 'ring', setField);
-      applyStyleGroup(map, 'halo', setField, 'haloCol', 'haloWidth');
-      applyStyleGroup(map, 'line', setField, 'lineCol', 'lineWidth');
-
-      setField('stepTitle', readOptionalStr(map.stepTitle));
-      setField('stepDesc', readOptionalStr(map.stepDesc));
-    },
-    [setField],
-  );
-
-  return <ArgsPane item={item} params={params} onCancel={onCancel} onChange={onChange} minWidth={303} />;
-};
-
-const readOptionalStr = (raw: unknown): string | undefined => {
-  if (typeof raw !== 'string') return undefined;
-  return raw.trim() ? raw : undefined;
-};
-
-const readDefaultableColor = (raw: unknown): string | undefined => {
-  if (isDefaultable<string>(raw)) {
-    if (raw.def) return undefined;
-    const v = String(raw.value ?? '').trim();
-    return v ? toHex(v) : undefined;
-  }
-  if (typeof raw === 'string' && raw.trim()) return toHex(raw.trim());
-  return undefined;
-};
-
-const readDefaultableRadius = (raw: unknown): number | undefined => {
-  if (isDefaultable<number>(raw)) return raw.def ? undefined : clampRadius(raw.value);
-  if (typeof raw === 'number') return clampRadius(raw);
-  return undefined;
-};
-
-type StyleKey = 'ring' | 'halo' | 'line';
-
-const styleColField = (key: StyleKey): 'ringCol' | 'haloCol' | 'lineCol' =>
-  key === 'ring' ? 'ringCol' : key === 'halo' ? 'haloCol' : 'lineCol';
-
-const styleWidthField = (key: StyleKey): 'ringWidth' | 'haloWidth' | 'lineWidth' =>
-  key === 'ring' ? 'ringWidth' : key === 'halo' ? 'haloWidth' : 'lineWidth';
-
-const applyStyleGroup = (
-  map: Record<string, unknown>,
-  key: StyleKey,
-  setField: <K extends keyof ListItemElement>(f: K, v: ListItemElement[K] | undefined) => void,
-  colField: 'ringCol' | 'haloCol' | 'lineCol' = styleColField(key),
-  widthField: 'ringWidth' | 'haloWidth' | 'lineWidth' = styleWidthField(key),
-): void => {
-  const styleRaw = map[key];
-  let style: LineStyle | undefined;
-  let overridden = false;
-  if (isDefaultable<string>(styleRaw)) {
-    overridden = !styleRaw.def;
-    if (overridden) style = getLineStyle(styleRaw.value, 'solid');
-  } else if (typeof styleRaw === 'string') {
-    overridden = true;
-    style = getLineStyle(styleRaw, 'solid');
-  }
-  setField(key, style);
-  if (!overridden) return;
-
-  const colorRaw = map[colField];
-  let color: string | undefined;
-  if (isDefaultable<string>(colorRaw)) {
-    color = colorRaw.def ? undefined : toHexOrUndefined(colorRaw.value);
-  } else if (typeof colorRaw === 'string' && colorRaw.trim()) {
-    color = toHex(colorRaw.trim());
-  }
-  setField(colField, color);
-
-  const widthRaw = map[widthField];
-  let width: (0 | 1 | 2 | 3 | 4 | 5 | 6) | undefined;
-  if (isDefaultable<number>(widthRaw)) {
-    width = widthRaw.def ? undefined : clampWidth(widthRaw.value);
-  } else if (typeof widthRaw === 'number') {
-    width = clampWidth(widthRaw);
-  }
-  setField(widthField, width);
-};
-
-const toHexOrUndefined = (v: unknown): string | undefined => {
-  if (typeof v !== 'string') return undefined;
-  const trimmed = v.trim();
-  return trimmed ? toHex(trimmed) : undefined;
-};
diff --git a/packages/mutxt-react/src/MuTxt/block/stepper/BulletSquigglyRing.tsx b/packages/mutxt-react/src/MuTxt/block/stepper/BulletSquigglyRing.tsx
deleted file mode 100644
index 51f748b9f3..0000000000
--- a/packages/mutxt-react/src/MuTxt/block/stepper/BulletSquigglyRing.tsx
+++ /dev/null
@@ -1,41 +0,0 @@
-import * as React from 'react';
-import {INDICATOR_SIZE} from './settings';
-import {squigglyCirclePath} from './squiggly';
-
-const SQUIGGLY_LOBES = 12;
-const SQUIGGLY_AMP = 1.2;
-
-export interface BulletSquigglyRingProps {
-  strokeColor: string;
-  strokeWidth: number;
-}
-
-/**
- * Squiggly outline of the bullet disc. Drawn as an SVG so the wavy ring sits
- * flush around the bullet's natural box and lobes don't get clipped.
- */
-export const BulletSquigglyRing: React.FC<BulletSquigglyRingProps> = ({strokeColor, strokeWidth}) => {
-  const padding = SQUIGGLY_AMP + strokeWidth;
-  const outerSize = INDICATOR_SIZE + padding * 2;
-  const center = outerSize / 2;
-  const meanRadius = INDICATOR_SIZE / 2 - strokeWidth / 2;
-  const path = squigglyCirclePath(center, meanRadius, SQUIGGLY_LOBES, SQUIGGLY_AMP);
-  return (
-    <svg
-      width={outerSize}
-      height={outerSize}
-      viewBox={`0 0 ${outerSize} ${outerSize}`}
-      aria-hidden="true"
-      style={{
-        position: 'absolute',
-        left: '50%',
-        top: '50%',
-        transform: 'translate(-50%, -50%)',
-        pointerEvents: 'none',
-        overflow: 'visible',
-      }}
-    >
-      <path d={path} fill="none" stroke={strokeColor} strokeWidth={strokeWidth} />
-    </svg>
-  );
-};
diff --git a/packages/mutxt-react/src/MuTxt/block/stepper/Connector.tsx b/packages/mutxt-react/src/MuTxt/block/stepper/Connector.tsx
deleted file mode 100644
index ec0b1c77ca..0000000000
--- a/packages/mutxt-react/src/MuTxt/block/stepper/Connector.tsx
+++ /dev/null
@@ -1,35 +0,0 @@
-import * as React from 'react';
-import {rule} from 'nano-theme';
-import {HrLine} from '../../components/blocks/hr/HrLine';
-import {ITEM_GAP} from './settings';
-import type {LineStyle} from './types';
-
-const connectorClass = rule({
-  pos: 'absolute',
-  l: '50%',
-  transform: 'translateX(-50%)',
-  bottom: `-${ITEM_GAP - 4}px`,
-  d: 'flex',
-  fld: 'column',
-  ai: 'center',
-  trs: 'color .12s ease',
-});
-
-export interface ConnectorProps {
-  style: LineStyle;
-  color: string;
-  width: number;
-  /** Distance in px from the top of the indicator column to the connector start. */
-  top: number;
-}
-
-/** Vertical line connecting one step's bullet to the next step's bullet. */
-export const Connector: React.FC<ConnectorProps> = ({style, color, width, top}) => {
-  if (style === 'none' || width <= 0) return null;
-
-  return (
-    <span className={connectorClass} style={{top: `${top}px`, color}}>
-      <HrLine orientation="vertical" strokeWidth={width} style={style} />
-    </span>
-  );
-};
diff --git a/packages/mutxt-react/src/MuTxt/block/stepper/ProgressCap.tsx b/packages/mutxt-react/src/MuTxt/block/stepper/ProgressCap.tsx
deleted file mode 100644
index 77e1f907bf..0000000000
--- a/packages/mutxt-react/src/MuTxt/block/stepper/ProgressCap.tsx
+++ /dev/null
@@ -1,136 +0,0 @@
-import * as React from 'react';
-import {rule} from 'nano-theme';
-import {ReactEditor, useReadOnly, useSlateStatic} from 'slate-react';
-import {Transforms} from 'slate';
-import {useStyles} from '@jsonjoy.com/ui/lib/styles/context';
-import {useT} from 'use-t';
-import type {ListItemElement, StepperListElement} from '../../types';
-import CloseIcon__svg from 'iconista/lib/react/lucide/x';
-
-const CloseIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <CloseIcon__svg width={14} height={14} {...props} />
-);
-
-const rowClass = rule({
-  d: 'flex',
-  ai: 'center',
-  jc: 'space-between',
-  gap: '8px',
-  pad: '0 0 10px 0',
-  mar: '0 0 6px 0',
-  fz: '12px',
-  lh: 1.4,
-});
-
-const labelClass = rule({
-  d: 'inline-flex',
-  ai: 'center',
-  gap: '8px',
-  fw: 500,
-});
-
-const trackClass = rule({
-  pos: 'relative',
-  d: 'inline-block',
-  w: '120px',
-  h: '4px',
-  bdrad: '4px',
-  ov: 'hidden',
-});
-
-const fillClass = rule({
-  pos: 'absolute',
-  t: 0,
-  l: 0,
-  h: '100%',
-  trs: 'width .2s ease, background-color .2s ease',
-  bdrad: '4px',
-});
-
-const closeClass = rule({
-  d: 'inline-flex',
-  ai: 'center',
-  jc: 'center',
-  w: '20px',
-  h: '20px',
-  pad: 0,
-  bd: 'none',
-  bg: 'transparent',
-  bdrad: '4px',
-  cur: 'pointer',
-  op: 0.55,
-  trs: 'opacity .12s, background-color .12s',
-  '&:hover': {
-    op: 1,
-  },
-});
-
-const countDone = (children: ListItemElement[]): number => {
-  let n = 0;
-  for (const c of children) if ((c as ListItemElement).stepState === 'done') n++;
-  return n;
-};
-
-export interface ProgressCapProps {
-  element: StepperListElement;
-}
-
-/** Cap row above a stepper list summarizing how many items are `done` of the total. */
-export const ProgressCap: React.FC<ProgressCapProps> = ({element}) => {
-  const editor = useSlateStatic();
-  const readOnly = useReadOnly();
-  const styles = useStyles();
-  const [t] = useT();
-
-  const total = element.children.length;
-  const done = countDone(element.children);
-  const pct = total > 0 ? Math.round((done / total) * 100) : 0;
-
-  const onDismiss = React.useCallback(() => {
-    if (readOnly) return;
-    try {
-      const path = ReactEditor.findPath(editor, element);
-      Transforms.unsetNodes(editor, 'progress', {at: path});
-    } catch {}
-  }, [editor, element, readOnly]);
-
-  const positive = styles.positive.toString();
-  const trackBg = styles.g(0.85);
-  const labelColor = styles.g(0.4);
-  const allDone = total > 0 && done === total;
-
-  return (
-    <div
-      role="status"
-      aria-live="polite"
-      aria-label={t('Stepper progress')}
-      className={rowClass}
-      contentEditable={false}
-      style={{color: labelColor}}
-    >
-      <span className={labelClass}>
-        <span>{t('Progress')}</span>
-        <span className={trackClass} style={{background: trackBg}} aria-hidden="true">
-          <span className={fillClass} style={{width: `${pct}%`, background: positive}} />
-        </span>
-        <span style={{fontVariantNumeric: 'tabular-nums'}}>
-          {done} / {total} {allDone ? t('done') : ''}
-        </span>
-      </span>
-      {!readOnly && (
-        <button
-          type="button"
-          className={closeClass}
-          aria-label={t('Hide progress')}
-          onMouseDown={(e) => {
-            e.preventDefault();
-            e.stopPropagation();
-          }}
-          onClick={onDismiss}
-        >
-          <CloseIcon />
-        </button>
-      )}
-    </div>
-  );
-};
diff --git a/packages/mutxt-react/src/MuTxt/block/stepper/StepBody.tsx b/packages/mutxt-react/src/MuTxt/block/stepper/StepBody.tsx
deleted file mode 100644
index bff3ab172f..0000000000
--- a/packages/mutxt-react/src/MuTxt/block/stepper/StepBody.tsx
+++ /dev/null
@@ -1,252 +0,0 @@
-import * as React from 'react';
-import {rule} from 'nano-theme';
-import {ReactEditor, useReadOnly, useSlateStatic} from 'slate-react';
-import {Transforms, type Editor} from 'slate';
-import {FlexibleInput} from 'flexible-input';
-import {useT} from 'use-t';
-import {useStyles} from '@jsonjoy.com/ui/lib/styles/context';
-import {BlockPlaceholder} from '../../components/blocks/BlockPlaceholder';
-import {
-  StripBarHandle,
-  stripBarHandleFillClass,
-  stripBarHandleTriggerClass,
-} from '../../components/blocks/StripBarHandle';
-import {isEmptyBlock} from '../../util';
-import {fgVar} from '../../custom-style/css';
-import type {ListItemElement, StepState} from '../../types';
-
-const contentColClass = rule({
-  d: 'block',
-  flex: '1 1 auto',
-  minW: 0,
-  pad: '1px 0 0 0',
-});
-
-const titleClass = rule({
-  d: 'block',
-  fw: 600,
-  fz: '14px',
-  lh: 1.35,
-  mrb: '2px',
-});
-
-const descClass = rule({
-  d: 'block',
-  fz: '12px',
-  lh: 1.45,
-  mrb: '18px',
-});
-
-const stripSlotClass = rule({
-  pos: 'relative',
-  d: 'block',
-  h: 0,
-});
-
-const stripOverlayClass = rule({
-  pos: 'absolute',
-  l: '0',
-  t: '-8px',
-  d: 'flex',
-  fld: 'row',
-  ai: 'center',
-  gap: '8px',
-  z: 1,
-  pe: 'none',
-});
-
-const bodyClass = rule({
-  pos: 'relative',
-  d: 'block',
-  minW: '0',
-});
-
-export const stepHoverStripBarClass = rule({
-  [`&:hover .${stripBarHandleTriggerClass}`]: {
-    opacity: 1,
-    pointerEvents: 'auto',
-  },
-  [`&:hover .${stripBarHandleTriggerClass} .${stripBarHandleFillClass}`]: {
-    width: '100%',
-  },
-});
-
-/**
- * Wire Enter/Tab and Escape for an inline metadata input inside a slate block.
- */
-const bindVoidInputKeyDown = (el: HTMLElement | null, editor: ReactEditor, onCancel?: () => void): (() => void) => {
-  if (!el) return () => {};
-  const handler: EventListener = (evt: Event) => {
-    const e = evt as KeyboardEvent;
-    e.stopPropagation();
-    if (e.key === 'Enter' || e.key === 'Tab') {
-      e.preventDefault();
-      (e.target as HTMLElement).blur();
-      requestAnimationFrame(() => ReactEditor.focus(editor));
-    } else if (e.key === 'Escape') {
-      e.preventDefault();
-      onCancel?.();
-      (e.target as HTMLElement).blur();
-      requestAnimationFrame(() => ReactEditor.focus(editor));
-    }
-  };
-  el.addEventListener('keydown', handler);
-  return () => el.removeEventListener('keydown', handler);
-};
-
-const useInlineField = (editor: Editor, element: ListItemElement, field: 'stepTitle' | 'stepDesc') => {
-  const elementValue = (element[field] ?? '') as string;
-  const [editing, setEditing] = React.useState(false);
-  const [draft, setDraft] = React.useState(elementValue);
-  const focusedRef = React.useRef(false);
-  React.useEffect(() => {
-    if (!focusedRef.current) setDraft(elementValue);
-  }, [elementValue]);
-  const commit = React.useCallback(() => {
-    focusedRef.current = false;
-    const next = draft.trim();
-    try {
-      const path = ReactEditor.findPath(editor as ReactEditor, element);
-      if (next) {
-        Transforms.setNodes(editor, {[field]: next} as Partial<ListItemElement>, {at: path});
-      } else {
-        Transforms.unsetNodes(editor, field, {at: path});
-      }
-    } catch {}
-    if (!next) setEditing(false);
-  }, [editor, element, draft, field]);
-  return {editing, setEditing, draft, setDraft, focusedRef, commit};
-};
-
-export interface StepBodyProps {
-  element: ListItemElement;
-  state: StepState;
-  children: React.ReactNode;
-}
-
-export const StepBody: React.FC<StepBodyProps> = ({element, state, children}) => {
-  const editor = useSlateStatic();
-  const readOnly = useReadOnly();
-  const styles = useStyles();
-  const [t] = useT();
-
-  const titleField = useInlineField(editor, element, 'stepTitle');
-  const descField = useInlineField(editor, element, 'stepDesc');
-
-  const [titleInputEl, setTitleInputEl] = React.useState<HTMLInputElement | HTMLTextAreaElement | null>(null);
-  React.useEffect(() => {
-    if (readOnly) return;
-    return bindVoidInputKeyDown(titleInputEl, editor as ReactEditor, () => {
-      titleField.setDraft(element.stepTitle ?? '');
-      titleField.focusedRef.current = false;
-      if (!element.stepTitle) titleField.setEditing(false);
-    });
-  }, [titleInputEl, readOnly, element.stepTitle, editor, titleField]);
-
-  const [descInputEl, setDescInputEl] = React.useState<HTMLInputElement | HTMLTextAreaElement | null>(null);
-  React.useEffect(() => {
-    if (readOnly) return;
-    return bindVoidInputKeyDown(descInputEl, editor as ReactEditor, () => {
-      descField.setDraft(element.stepDesc ?? '');
-      descField.focusedRef.current = false;
-      if (!element.stepDesc) descField.setEditing(false);
-    });
-  }, [descInputEl, readOnly, element.stepDesc, editor, descField]);
-
-  const hasTitle = !!element.stepTitle;
-  const hasDesc = !!element.stepDesc;
-  const showTitleField = hasTitle || titleField.editing;
-  const showDescField = hasDesc || descField.editing;
-  const showTitleBar = !readOnly && !showTitleField;
-  const showDescBar = !readOnly && !showDescField;
-
-  const titleColor = state === 'pending' ? fgVar(35, styles.g(0.35)) : 'inherit';
-  const descColor = fgVar(45, styles.g(0.45));
-
-  const renderBar = (kind: 'title' | 'desc') => {
-    const label = kind === 'title' ? t('Add title') : t('Add description');
-    return (
-      <StripBarHandle
-        tooltip={label}
-        ariaLabel={label}
-        onActivate={() => {
-          if (kind === 'title') titleField.setEditing(true);
-          else descField.setEditing(true);
-        }}
-      />
-    );
-  };
-
-  // Top strip slot hosts title bar (if needed) and the description bar when
-  // there's no title field above the description. Mid slot hosts the
-  // description bar when the title field IS shown, so it sits between title
-  // and body.
-  const topSlotHasTitle = showTitleBar;
-  const topSlotHasDesc = showDescBar && !showTitleField;
-  const midSlotHasDesc = showDescBar && showTitleField;
-  const showTopSlot = topSlotHasTitle || topSlotHasDesc;
-
-  return (
-    <span className={contentColClass}>
-      {showTopSlot && (
-        <span className={stripSlotClass} contentEditable={false}>
-          <span className={stripOverlayClass}>
-            {topSlotHasTitle && renderBar('title')}
-            {topSlotHasDesc && renderBar('desc')}
-          </span>
-        </span>
-      )}
-      {showTitleField ? (
-        <span className={titleClass} contentEditable={false} style={{color: titleColor}}>
-          {readOnly ? (
-            element.stepTitle
-          ) : (
-            <FlexibleInput
-              inp={setTitleInputEl}
-              value={titleField.draft}
-              minWidth={60}
-              focus={titleField.editing && !hasTitle}
-              typeahead={titleField.draft ? '' : t('Add title…')}
-              onChange={(e) => titleField.setDraft(e.target.value)}
-              onFocus={() => {
-                titleField.focusedRef.current = true;
-              }}
-              onBlur={titleField.commit}
-            />
-          )}
-        </span>
-      ) : null}
-      {midSlotHasDesc && (
-        <span className={stripSlotClass} contentEditable={false}>
-          <span className={stripOverlayClass} style={{top: '-6px'}}>
-            {renderBar('desc')}
-          </span>
-        </span>
-      )}
-      {showDescField ? (
-        <span className={descClass} contentEditable={false} style={{color: descColor}}>
-          {readOnly ? (
-            element.stepDesc
-          ) : (
-            <FlexibleInput
-              inp={setDescInputEl}
-              value={descField.draft}
-              minWidth={120}
-              focus={descField.editing && !hasDesc}
-              typeahead={descField.draft ? '' : t('Add description…')}
-              onChange={(e) => descField.setDraft(e.target.value)}
-              onFocus={() => {
-                descField.focusedRef.current = true;
-              }}
-              onBlur={descField.commit}
-            />
-          )}
-        </span>
-      ) : null}
-      <span className={bodyClass} style={{opacity: state === 'done' ? 0.72 : 1}}>
-        {children}
-        {isEmptyBlock(element) && <BlockPlaceholder element={element} />}
-      </span>
-    </span>
-  );
-};
diff --git a/packages/mutxt-react/src/MuTxt/block/stepper/StepperItem.tsx b/packages/mutxt-react/src/MuTxt/block/stepper/StepperItem.tsx
deleted file mode 100644
index 0e5f35639c..0000000000
--- a/packages/mutxt-react/src/MuTxt/block/stepper/StepperItem.tsx
+++ /dev/null
@@ -1,227 +0,0 @@
-import * as React from 'react';
-import {rule} from 'nano-theme';
-import {Editor, Element as SlateElement, type Path} from 'slate';
-import {ReactEditor, useReadOnly, useSlateStatic, type RenderElementProps} from 'slate-react';
-import {MoveToViewport} from '@jsonjoy.com/ui/lib/utils/popup/MoveToViewport';
-import {PopupControlled} from '@jsonjoy.com/ui/lib/4-card/Popup/PopupControlled';
-import {context as popupCtx} from '@jsonjoy.com/ui/lib/4-card/Popup/context';
-import {anchorContext, useAnchorPointHandle} from '@jsonjoy.com/ui/lib/utils/popup';
-import {useLockScrolling} from '@jsonjoy.com/ui/lib/hooks/useLockScrolling';
-import {useSingletonPopup} from '@jsonjoy.com/ui/lib/hooks/useSingletonPopup';
-import {useStyles} from '@jsonjoy.com/ui/lib/styles/context';
-import {Scrollbox} from '@jsonjoy.com/ui/lib/4-card/Scrollbox';
-import {Bullet} from './Bullet';
-import {BulletOptions} from './BulletOptions';
-import {Connector} from './Connector';
-import {StepBody, stepHoverStripBarClass} from './StepBody';
-import {getStepStateColors, pickGlyphColor} from './colors';
-import {
-  DEF_HALO,
-  DEF_HALO_WIDTH,
-  DEF_LINE_WIDTH,
-  DEF_RADIUS,
-  DEF_RING,
-  DEF_RING_WIDTH,
-  INDICATOR_SIZE,
-  ITEM_GAP,
-  getLineStyle,
-  getStateLineDefault,
-  getStepIndicator,
-  getStepState,
-} from './settings';
-import {fontFamilyOf} from '../../behavior/font';
-import type {ListItemElement} from '../../types';
-
-const itemClass = rule({
-  pos: 'relative',
-  listStyle: 'none',
-  d: 'flex',
-  fld: 'row',
-  ai: 'stretch',
-  gap: '12px',
-  pad: `0 0 ${ITEM_GAP}px 0`,
-  '&:last-child': {
-    pad: '0',
-  },
-});
-
-const indicatorColClass = rule({
-  pos: 'relative',
-  d: 'block',
-  fls: '0 0 auto',
-  w: `${INDICATOR_SIZE}px`,
-  minH: `${INDICATOR_SIZE + 8}px`,
-});
-
-const triggerClass = rule({
-  pos: 'relative',
-  d: 'inline-block',
-  pad: 0,
-  bd: 'none',
-  bg: 'transparent',
-  cur: 'pointer',
-  w: `${INDICATOR_SIZE}px`,
-  h: `${INDICATOR_SIZE}px`,
-  lh: '0',
-});
-
-export interface StepperItemProps extends RenderElementProps {
-  element: ListItemElement;
-}
-
-const indexInParent = (path: Path): number => path[path.length - 1] ?? 0;
-
-export const StepperItem: React.FC<StepperItemProps> = ({attributes, children, element}) => {
-  const editor = useSlateStatic();
-  const readOnly = useReadOnly();
-  const styles = useStyles();
-
-  const popup = useSingletonPopup('stepper-bullet');
-  const closePopup = React.useCallback(() => popup.setOpen(false), [popup]);
-  const popupContextValue = React.useMemo(() => ({close: closePopup}), [closePopup]);
-  const popupAnchorHandle = useAnchorPointHandle({
-    horizontal: true,
-    center: true,
-    pinX: 'left',
-    minSpace: 360,
-    gap: 8,
-  });
-  useLockScrolling(popup.open);
-
-  let index = 0;
-  let isLast = false;
-  try {
-    const path = ReactEditor.findPath(editor, element);
-    index = indexInParent(path);
-    const [parent] = Editor.parent(editor, path);
-    if (SlateElement.isElement(parent)) isLast = index === parent.children.length - 1;
-  } catch {}
-
-  const state = getStepState(element.stepState);
-  const indicator = getStepIndicator(element.stepIndicator);
-  const stateColors = getStepStateColors(styles, state);
-
-  // Optional state hides the ring by default — the dashed-circle glyph
-  // already reads as a ring, so a solid outline would visually compete.
-  const stateRingDefault = state === 'optional' ? 'none' : DEF_RING;
-  const ring = getLineStyle(element.ring, stateRingDefault);
-  const ringColor = element.ringCol ?? stateColors.ring;
-  const ringWidth = element.ringWidth ?? DEF_RING_WIDTH;
-
-  const halo = getLineStyle(element.halo, DEF_HALO);
-  const haloColor = element.haloCol ?? stateColors.line;
-  const haloWidth = element.haloWidth ?? DEF_HALO_WIDTH;
-
-  const line = getLineStyle(element.line, getStateLineDefault(state));
-  const lineColor = element.lineCol ?? stateColors.line;
-  const lineWidth = element.lineWidth ?? DEF_LINE_WIDTH;
-
-  const radius = element.stepRadius ?? DEF_RADIUS;
-  const bg = element.stepBg ?? stateColors.bg;
-  const autoGlyph = element.stepBg ? pickGlyphColor(styles, bg, stateColors.glyph) : stateColors.glyph;
-  const glyphColor = element.stepCol ?? autoGlyph;
-  const haloDrawn = halo !== 'none' && haloWidth > 0;
-  const connectorTop = INDICATOR_SIZE + (haloDrawn ? 10 : 4);
-
-  const preventMouseDown = React.useCallback((event: React.MouseEvent) => {
-    event.preventDefault();
-    event.stopPropagation();
-  }, []);
-
-  const bullet = (
-    <Bullet
-      state={state}
-      indicator={indicator}
-      chars={element.stepChar ?? ''}
-      index={index}
-      radius={radius}
-      bg={bg}
-      glyphColor={glyphColor}
-      ring={ring}
-      ringColor={ringColor}
-      ringWidth={ringWidth}
-      halo={halo}
-      haloColor={haloColor}
-      haloWidth={haloWidth}
-    />
-  );
-
-  const ariaState =
-    state === 'done'
-      ? 'completed'
-      : state === 'error'
-        ? 'errored'
-        : state === 'warning'
-          ? 'warning'
-          : state === 'optional'
-            ? 'optional'
-            : state === 'pending'
-              ? 'pending'
-              : 'active';
-
-  return (
-    <li
-      {...attributes}
-      className={`${itemClass} ${stepHoverStripBarClass}`}
-      data-step-state={state}
-      aria-current={state === 'active' ? 'step' : undefined}
-      aria-label={`Step ${index + 1}, ${ariaState}`}
-      style={{
-        textAlign: element.align,
-        fontFamily: fontFamilyOf(element.font),
-        ['--mutxt-handle-color' as any]: styles.g(0.72),
-        ['--mutxt-handle-color-hover' as any]: styles.g(0.35),
-      }}
-    >
-      <span className={indicatorColClass} contentEditable={false}>
-        {readOnly ? (
-          <span className={triggerClass}>{bullet}</span>
-        ) : (
-          <popupCtx.Provider value={popupContextValue}>
-            <anchorContext.Provider value={popupAnchorHandle}>
-              <PopupControlled
-                open={popup.open}
-                refToggle={popupAnchorHandle.ref}
-                onHeadClick={() => popup.setOpen(!popup.open)}
-                onClickAway={closePopup}
-                onEsc={popup.open ? closePopup : undefined}
-                renderContext={() => (
-                  <MoveToViewport vertical>
-                    <div
-                      style={{
-                        display: 'flex',
-                        flexDirection: 'column',
-                        maxHeight: 'calc(100vh - 16px)',
-                      }}
-                    >
-                      <Scrollbox shadow>
-                        <div style={{padding: 16}}>
-                          <BulletOptions element={element} />
-                        </div>
-                      </Scrollbox>
-                    </div>
-                  </MoveToViewport>
-                )}
-              >
-                <button
-                  type="button"
-                  className={triggerClass}
-                  aria-label={`Step ${index + 1} options, currently ${ariaState}`}
-                  aria-haspopup="dialog"
-                  aria-expanded={popup.open}
-                  onMouseDown={preventMouseDown}
-                >
-                  {bullet}
-                </button>
-              </PopupControlled>
-            </anchorContext.Provider>
-          </popupCtx.Provider>
-        )}
-        {!isLast && <Connector style={line} color={lineColor} width={lineWidth} top={connectorTop} />}
-      </span>
-      <StepBody element={element} state={state}>
-        {children}
-      </StepBody>
-    </li>
-  );
-};
diff --git a/packages/mutxt-react/src/MuTxt/block/stepper/colors.ts b/packages/mutxt-react/src/MuTxt/block/stepper/colors.ts
deleted file mode 100644
index 0e0da31363..0000000000
--- a/packages/mutxt-react/src/MuTxt/block/stepper/colors.ts
+++ /dev/null
@@ -1,70 +0,0 @@
-import {HslColor} from '@jsonjoy.com/ui/lib/styles/color/HslColor';
-import {RgbColor} from '@jsonjoy.com/ui/lib/styles/color/RgbColor';
-import type {Styles} from '@jsonjoy.com/ui/lib/styles/Styles';
-import type {StepState} from './types';
-
-export interface StepStateColors {
-  /** Color used for the connector line and halo. */
-  line: string;
-  /** Color used for the bullet ring (outline). */
-  ring: string;
-  /** Default background fill behind the bullet disc. */
-  bg: string;
-  /** Color of the glyph rendered inside the bullet (for the state default bg). */
-  glyph: string;
-}
-
-/** State governs color only, line thickness is configured separately. */
-export const getStepStateColors = (styles: Styles, state: StepState): StepStateColors => {
-  switch (state) {
-    case 'pending': {
-      return {
-        ring: styles.grey.g(0.22),
-        line: styles.grey.g(0.62),
-        bg: styles.bg.toString(),
-        glyph: styles.grey.g(1),
-      };
-    }
-    case 'active': {
-      const line = styles.g(0.05);
-      return {line, ring: line, bg: styles.grey.g(0.04), glyph: line};
-    }
-    case 'done': {
-      const line = styles.positive.toString();
-      return {line, ring: line, bg: line, glyph: '#ffffff'};
-    }
-    case 'warning': {
-      const line = styles.warning.toString();
-      return {line, ring: line, bg: styles.warning.g(0.04), glyph: line};
-    }
-    case 'error': {
-      const line = styles.negative.toString();
-      return {line, ring: line, bg: styles.negative.g(0.04), glyph: line};
-    }
-    case 'optional': {
-      const line = styles.grey.g(0.35);
-      return {line, ring: line, bg: styles.grey.g(0.02), glyph: line};
-    }
-  }
-};
-
-const GLYPH_BLACK = new HslColor(0, 0, 0.05);
-const GLYPH_WHITE = new HslColor(0, 0, 0.97);
-
-/** Pick a glyph color with enough WCAG contrast against the flattened bullet background. */
-export const pickGlyphColor = (styles: Styles, bgCss: string, fallback: string): string => {
-  const bg = HslColor.from(bgCss);
-  if (!bg) return fallback;
-  const flattened = bg.flatten(styles.bg.fg);
-  const choice = flattened.bestContrast(GLYPH_BLACK, GLYPH_WHITE);
-  if (flattened.contrast(choice) < 4) return fallback;
-  return toHex(choice.toString());
-};
-
-/** Format any CSS color as `#RRGGBB` or `#RRGGBBAA`. */
-export const toHex = (css: string): string => {
-  const rgb = RgbColor.fromString(css);
-  if (rgb) return rgb.hex();
-  const hsl = HslColor.from(css);
-  return hsl ? hsl.toRgb().hex() : css;
-};
diff --git a/packages/mutxt-react/src/MuTxt/block/stepper/settings.ts b/packages/mutxt-react/src/MuTxt/block/stepper/settings.ts
deleted file mode 100644
index e4bbec237f..0000000000
--- a/packages/mutxt-react/src/MuTxt/block/stepper/settings.ts
+++ /dev/null
@@ -1,79 +0,0 @@
-import type {LineStyle, StepIndicator, StepState} from './types';
-
-export const DEF_STATE: StepState = 'pending';
-export const DEF_INDICATOR: StepIndicator = 'number';
-
-export const DEF_RING: LineStyle = 'solid';
-export const DEF_HALO: LineStyle = 'none';
-export const DEF_LINE: LineStyle = 'solid';
-
-export const DEF_RING_WIDTH = 1;
-export const DEF_HALO_WIDTH = 1;
-export const DEF_LINE_WIDTH = 1;
-
-export const DEF_RADIUS = 50;
-
-export const INDICATOR_SIZE = 28;
-export const ITEM_GAP = 14;
-export const HALO_OFFSET = 4;
-
-export const STEP_STATES: StepState[] = ['active', 'pending', 'done', 'warning', 'error', 'optional'];
-export const STEP_STATE_LABEL: Record<StepState, string> = {
-  active: 'Active',
-  pending: 'Pending',
-  done: 'Done',
-  warning: 'Warning',
-  error: 'Error',
-  optional: 'Optional',
-};
-
-export const STEP_INDICATORS: StepIndicator[] = ['number', 'symbol', 'chars'];
-export const STEP_INDICATOR_LABEL: Record<StepIndicator, string> = {
-  number: 'Number',
-  symbol: 'Symbol',
-  chars: 'Chars',
-};
-
-export const LINE_STYLES: LineStyle[] = ['none', 'solid', 'dashed', 'dotted', 'squiggly'];
-export const LINE_STYLE_LABEL: Record<LineStyle, string> = {
-  none: 'None',
-  solid: 'Solid',
-  dashed: 'Dashed',
-  dotted: 'Dotted',
-  squiggly: 'Squiggly',
-};
-
-export const LINE_WIDTHS: ReadonlyArray<0 | 1 | 2 | 3 | 4 | 5 | 6> = [0, 1, 2, 3, 4, 5, 6];
-
-const isStepState = (v?: string): v is StepState =>
-  v === 'active' || v === 'pending' || v === 'done' || v === 'warning' || v === 'error' || v === 'optional';
-
-const isStepIndicator = (v?: string): v is StepIndicator => v === 'number' || v === 'symbol' || v === 'chars';
-
-const isLineStyle = (v?: string): v is LineStyle =>
-  v === 'none' || v === 'solid' || v === 'dashed' || v === 'dotted' || v === 'squiggly';
-
-export const getStepState = (v?: string): StepState => (isStepState(v) ? v : DEF_STATE);
-export const getStepIndicator = (v?: string): StepIndicator => (isStepIndicator(v) ? v : DEF_INDICATOR);
-
-export const getLineStyle = (v: string | undefined, fallback: LineStyle): LineStyle => (isLineStyle(v) ? v : fallback);
-
-// Pending steps default to a dotted connector; everything else stays solid.
-export const getStateLineDefault = (state: StepState): LineStyle => (state === 'pending' ? 'dotted' : DEF_LINE);
-
-export const clampRadius = (v: unknown): number => {
-  const n = Math.round(Number(v) || 0);
-  if (n <= 0) return 0;
-  if (n >= 100) return 100;
-  return n;
-};
-
-// Map the 0-100 roundness scale to a CSS border-radius (0% square to 50% circle).
-export const radiusToCss = (radius: number): string => `${clampRadius(radius) / 2}%`;
-
-export const clampWidth = (v: unknown): 0 | 1 | 2 | 3 | 4 | 5 | 6 => {
-  const n = Math.round(Number(v) || 0);
-  if (n <= 0) return 0;
-  if (n >= 6) return 6;
-  return n as 1 | 2 | 3 | 4 | 5;
-};
diff --git a/packages/mutxt-react/src/MuTxt/block/stepper/squiggly.ts b/packages/mutxt-react/src/MuTxt/block/stepper/squiggly.ts
deleted file mode 100644
index b917b34685..0000000000
--- a/packages/mutxt-react/src/MuTxt/block/stepper/squiggly.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-const STEPS = 240;
-
-/**
- * Build a closed SVG path tracing a wavy circle centered at `(center, center)`
- * with the given `meanRadius`. `lobes` controls how many bumps go around the
- * loop, `amplitude` controls how far the path deviates from the mean radius.
- */
-export const squigglyCirclePath = (center: number, meanRadius: number, lobes: number, amplitude: number): string => {
-  let path = '';
-  for (let i = 0; i <= STEPS; i++) {
-    const t = (i / STEPS) * Math.PI * 2;
-    const r = meanRadius + amplitude * Math.sin(lobes * t);
-    const x = center + r * Math.cos(t);
-    const y = center + r * Math.sin(t);
-    path += i === 0 ? `M${x.toFixed(2)} ${y.toFixed(2)}` : ` L${x.toFixed(2)} ${y.toFixed(2)}`;
-  }
-  return path + ' Z';
-};
-
-/**
- * SVG path tracing a plain (non-squiggly) circle centered at `(center, center)`.
- * Used for ring/halo strokes when the style is `solid`, `dashed`, or `dotted`.
- */
-export const plainCirclePath = (center: number, radius: number): string =>
-  `M ${center} ${center - radius} ` +
-  `A ${radius} ${radius} 0 1 1 ${center} ${center + radius} ` +
-  `A ${radius} ${radius} 0 1 1 ${center} ${center - radius} Z`;
diff --git a/packages/mutxt-react/src/MuTxt/block/stepper/types.ts b/packages/mutxt-react/src/MuTxt/block/stepper/types.ts
deleted file mode 100644
index e9007f329c..0000000000
--- a/packages/mutxt-react/src/MuTxt/block/stepper/types.ts
+++ /dev/null
@@ -1,58 +0,0 @@
-/** Lifecycle state of an individual stepper item. Each state maps to a semantic color. */
-export type StepState = 'active' | 'pending' | 'done' | 'warning' | 'error' | 'optional';
-
-/** Visual indicator drawn at each step in a stepper list. */
-export type StepIndicator = 'number' | 'symbol' | 'chars';
-
-export type LineStyle = 'none' | 'solid' | 'dashed' | 'dotted' | 'squiggly';
-
-export interface StepperItem {
-  // ----------------------------------------------------------------- Behavior
-  /** Lifecycle state of this step (stepper only). Defaults to `'pending'`. This
-   * is the semantic setting, which defines the default color of the step's
-   * indicator and line. It can be overridden by style settings. */
-  stepState?: StepState;
-  /** What is rendered inside the bullet (number / dot / check / characters). */
-  stepIndicator?: StepIndicator;
-  /** Custom 1-2 characters supplied by user. Overrides the `stepIndicator`,
-   * those 1-2 characters are shown instead of the default bullet/number/check. */
-  stepChar?: string;
-
-  // ------------------------------------------------------------ Extra content
-  /** Optional bold title rendered above the step body. */
-  stepTitle?: string;
-  /** Optional sub-text rendered between the title and the step body. */
-  stepDesc?: string;
-
-  // ------------------------------------------------------------------ Styling
-
-  /** Custom glyph (text/icon) color inside the step indicator. If not
-   * specified, contrasts automatically against the resolved background. */
-  stepCol?: string;
-
-  /** Custom background color of the step indicator. If not specified, light
-   * semi-transparent grey is used or semantic (based on `stepState`) solid fill. */
-  stepBg?: string;
-
-  /** Bullet corner roundness, 0 (square) to 100 (fully round). Defaults to 50. */
-  stepRadius?: number;
-
-  /** Inner ring line style override. */
-  ring?: LineStyle;
-  /** Inner ring color override. */
-  ringCol?: string;
-  /** Inner ring stroke width override. In px. */
-  ringWidth?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
-
-  /** Outer ring, *halo* line style style. */
-  halo?: LineStyle;
-  /** Outer ring, *halo* color. */
-  haloCol?: string;
-  /** Outer ring, *halo* stroke width. In px. */
-  haloWidth?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
-
-  /** Connector line style. */
-  line?: LineStyle;
-  lineCol?: string;
-  lineWidth?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
-}
diff --git a/packages/mutxt-react/src/MuTxt/chrome/DocumentOutlineButton.tsx b/packages/mutxt-react/src/MuTxt/chrome/DocumentOutlineButton.tsx
deleted file mode 100644
index b663b70df9..0000000000
--- a/packages/mutxt-react/src/MuTxt/chrome/DocumentOutlineButton.tsx
+++ /dev/null
@@ -1,77 +0,0 @@
-import * as React from 'react';
-import {rule} from 'nano-theme';
-import {BasicButton} from '@jsonjoy.com/ui/lib/2-inline-block/BasicButton';
-import {useStyles} from '@jsonjoy.com/ui/lib/styles/context';
-import {Popup} from '@jsonjoy.com/ui/lib/4-card/Popup';
-import {EmptyState} from '@jsonjoy.com/ui/lib/4-card/EmptyState';
-import {EditorContextPopup} from './EditorContextPopup';
-import {ContextMenu} from '@jsonjoy.com/ui/lib/4-card/ContextMenu';
-import {useMuTxt} from '../context';
-import type {Editor} from 'slate';
-import Icon__svg from 'iconista/lib/react/bootstrap/list-columns-reverse';
-
-const Icon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => <Icon__svg width={16} height={16} {...props} />;
-// const Icon = makeIcon({set: 'bootstrap', icon: 'card-heading', width: 16, height: 16});
-
-const buttonLabelClass = rule({
-  d: 'inline-flex',
-  ai: 'center',
-  gap: '8px',
-});
-
-const emptyStateClass = rule({
-  pd: '10px 12px 14px',
-  fz: '12px',
-  lh: '1.55',
-});
-
-export interface DocumentOutlineButtonProps {
-  editor: Editor;
-  contentWidth?: number;
-}
-
-export const DocumentOutlineButton: React.FC<DocumentOutlineButtonProps> = ({editor, contentWidth}) => {
-  const styles = useStyles();
-  const mutxt = useMuTxt();
-  mutxt.contentVersion.use();
-  const outline = mutxt.outline();
-
-  const renderContext = () =>
-    outline.length ? (
-      <ContextMenu
-        inset
-        menu={{
-          name: 'Table of contents',
-          minWidth: Math.min(320, window.innerWidth - 32),
-          children: mutxt.docMenu.outlineItems(),
-        }}
-      />
-    ) : (
-      <EditorContextPopup
-        noMargin
-        title={'Document contents'}
-        subtitle={
-          outline.length
-            ? `${outline.length} section${outline.length === 1 ? '' : 's'} from heading structure.`
-            : 'Add headings to build a quick outline.'
-        }
-      >
-        <EmptyState frame>
-          <div className={emptyStateClass} style={{color: styles.light ? styles.g(0.4) : styles.g(0.6)}}>
-            Use Heading 1, Heading 2, or Heading 3 blocks to populate the contents list.
-          </div>
-        </EmptyState>
-      </EditorContextPopup>
-    );
-
-  return (
-    <Popup renderContext={renderContext} tooltip={{renderTooltip: () => 'Table of contents', nowrap: true}}>
-      <BasicButton width={'auto'} height={32} compact rounder aria-label={'Open document table of contents'}>
-        <span className={buttonLabelClass}>
-          <Icon />
-          <span>Go to</span>
-        </span>
-      </BasicButton>
-    </Popup>
-  );
-};
diff --git a/packages/mutxt-react/src/MuTxt/chrome/EditableWidthButton.tsx b/packages/mutxt-react/src/MuTxt/chrome/EditableWidthButton.tsx
deleted file mode 100644
index fce86b9666..0000000000
--- a/packages/mutxt-react/src/MuTxt/chrome/EditableWidthButton.tsx
+++ /dev/null
@@ -1,127 +0,0 @@
-import * as React from 'react';
-import {drule, rule, useTheme} from 'nano-theme';
-import {Ripple} from '@jsonjoy.com/ui/lib/misc/Ripple';
-import {useStyles} from '@jsonjoy.com/ui/lib/styles/context';
-import type {EditableWidth} from '../types';
-
-export const LABELS: Record<EditableWidth, string> = {
-  narrow: 'Narrow',
-  mid: 'Mid',
-  wide: 'Wide',
-};
-
-const EDITABLE_WIDTH_VISUAL_RATIOS: Record<EditableWidth, number> = {
-  narrow: 0.4,
-  mid: 0.65,
-  wide: 0.95,
-};
-
-const widthBtnClass = drule({
-  d: 'inline-flex',
-  fld: 'column',
-  jc: 'space-around',
-  ai: 'center',
-  bdrad: '10px',
-  cur: 'default',
-  out: 0,
-  bd: 0,
-  bxz: 'border-box',
-  us: 'none',
-  minW: 0,
-});
-
-const widthBtnFrameClass = rule({
-  pos: 'relative',
-  d: 'flex',
-  fld: 'column',
-  jc: 'center',
-  ai: 'center',
-  bdrad: '2px',
-  bxz: 'border-box',
-});
-
-const widthBtnBarClass = rule({
-  bdrad: '1.5px',
-});
-
-const widthBtnLabelClass = rule({
-  fz: '.65em',
-  pdt: '.35em',
-});
-
-export interface EditableWidthButtonProps {
-  kind: EditableWidth;
-  /** Fixed size in px. When omitted, the button stretches to fill its parent. */
-  size?: number;
-  active?: boolean;
-  onClick?: (event: React.MouseEvent) => void;
-}
-
-export const EditableWidthButton: React.FC<EditableWidthButtonProps> = ({kind, size, active, onClick}) => {
-  const theme = useTheme();
-  const styles = useStyles();
-  const stretch = size === undefined;
-  const renderSize = size ?? 64;
-  const ratio = EDITABLE_WIDTH_VISUAL_RATIOS[kind];
-  const activeBg = styles.col.accent(0, 'bg-2');
-  const className = widthBtnClass({
-    w: stretch ? '100%' : renderSize + 'px',
-    h: renderSize + 'px',
-    flex: stretch ? '1 1 0' : void 0,
-    bg: active ? activeBg : theme.g(0, 0.01),
-    '&:hover': {bg: active ? activeBg : theme.g(0, 0.04)},
-  });
-  const frameSize = Math.round(renderSize * (stretch ? 0.78 : 0.7));
-  const framePadding = Math.max(2, Math.round(frameSize * 0.06));
-  const frameInner = frameSize - 2 * framePadding;
-  const barColor = active ? theme.color.sem.accent[0] : theme.g(0, 0.55);
-  const frameBorder = active ? theme.color.sem.accent[0] : theme.g(0, 0.18);
-  const barHeight = Math.max(2, Math.round(frameSize * 0.07));
-  const barGap = Math.max(1, Math.round(frameSize * 0.06));
-  const barFull = Math.round(frameInner * ratio);
-  const barShort = Math.max(barHeight * 2, Math.round(barFull * 0.6));
-  const barStyle = (w: number): React.CSSProperties => ({
-    width: w + 'px',
-    height: barHeight + 'px',
-    background: barColor,
-    marginBottom: barGap + 'px',
-  });
-  const lastBarStyle: React.CSSProperties = {
-    ...barStyle(barShort),
-    marginBottom: 0,
-  };
-  return (
-    <Ripple ms={1000}>
-      <button type="button" className={className} onClick={onClick}>
-        <span
-          className={widthBtnFrameClass}
-          style={{
-            width: frameSize + 'px',
-            height: Math.round(frameSize * 0.85) + 'px',
-            border: '1px dashed ' + frameBorder,
-            padding: framePadding + 'px',
-            marginTop: 8,
-          }}
-        >
-          <span
-            style={{
-              display: 'flex',
-              flexDirection: 'column',
-              alignItems: 'flex-start',
-              width: barFull + 'px',
-            }}
-          >
-            <span className={widthBtnBarClass} style={barStyle(barFull)} />
-            <span className={widthBtnBarClass} style={barStyle(barFull)} />
-            <span className={widthBtnBarClass} style={lastBarStyle} />
-          </span>
-        </span>
-        {renderSize > 32 && (
-          <span className={widthBtnLabelClass} style={{color: active ? theme.color.sem.accent[0] : theme.g(0, 0.7)}}>
-            {LABELS[kind]}
-          </span>
-        )}
-      </button>
-    </Ripple>
-  );
-};
diff --git a/packages/mutxt-react/src/MuTxt/chrome/EditorContextPopup.tsx b/packages/mutxt-react/src/MuTxt/chrome/EditorContextPopup.tsx
deleted file mode 100644
index 64f5086336..0000000000
--- a/packages/mutxt-react/src/MuTxt/chrome/EditorContextPopup.tsx
+++ /dev/null
@@ -1,235 +0,0 @@
-import * as React from 'react';
-import {rule} from 'nano-theme';
-import {BasicButton} from '@jsonjoy.com/ui/lib/2-inline-block/BasicButton';
-import {ContextPane} from '@jsonjoy.com/ui/lib/4-card/ContextMenu';
-import {useStyles} from '@jsonjoy.com/ui/lib/styles/context';
-import {MoveToViewport} from '@jsonjoy.com/ui/lib/utils/popup/MoveToViewport';
-import {useAnchorPoint} from '@jsonjoy.com/ui/lib/utils/popup/context';
-import * as ScrollArea from '@jsonjoy.com/ui/lib/4-card/ScrollArea';
-
-const VIEWPORT_MARGIN = 16;
-const CONTEXT_PANE_BORDER = 2;
-
-const useElementHeight = (element: HTMLDivElement | null): number | null => {
-  const [height, setHeight] = React.useState<number | null>(null);
-  React.useLayoutEffect(() => {
-    if (!element) {
-      setHeight(null);
-      return;
-    }
-    const updateHeight = () => {
-      const nextHeight = Math.ceil(element.getBoundingClientRect().height);
-      setHeight((currentHeight) => (currentHeight === nextHeight ? currentHeight : nextHeight));
-    };
-    updateHeight();
-    const observer = new ResizeObserver(updateHeight);
-    observer.observe(element);
-    return () => {
-      observer.disconnect();
-    };
-  }, [element]);
-  return height;
-};
-
-const titleClass = rule({
-  d: 'flex',
-  jc: 'space-between',
-  fz: '12px',
-  lh: '1.45',
-  pd: '16px',
-  fls: '0 0 auto',
-  bdrad: '8px 8px 0 0',
-  backdropFilter: 'blur(10px)',
-});
-
-const titleGroupClass = rule({
-  d: 'flex',
-  fld: 'column',
-});
-
-const footerClass = rule({
-  d: 'flex',
-  jc: 'flex-end',
-  gap: '8px',
-  pd: '16px',
-  fls: '0 0 auto',
-  bdrad: '0 0 8px 8px',
-  backdropFilter: 'blur(10px)',
-});
-
-const contentClass = rule({
-  alignSelf: 'flex-start',
-  w: '100%',
-  bxz: 'border-box',
-  d: 'flex',
-  fld: 'column',
-  gap: '12px',
-  pd: '16px',
-});
-
-export interface EditorContextPopupProps {
-  title?: React.ReactNode;
-  subtitle?: React.ReactNode;
-  headerRight?: React.ReactNode;
-  noMargin?: boolean;
-  children: React.ReactNode;
-  onCancel?: () => void;
-  onApply?: () => void;
-  applyDisabled?: boolean;
-  cancelLabel?: string;
-  applyLabel?: string;
-  minWidth?: number;
-  maxWidth?: number;
-}
-
-export const EditorContextPopup: React.FC<EditorContextPopupProps> = ({
-  title,
-  subtitle,
-  headerRight,
-  noMargin,
-  children,
-  onCancel,
-  onApply,
-  applyDisabled,
-  cancelLabel = 'Cancel',
-  applyLabel = 'Apply',
-  minWidth,
-  maxWidth,
-}) => {
-  const styles = useStyles();
-  const anchor = useAnchorPoint();
-  const [headerElement, setHeaderElement] = React.useState<HTMLDivElement | null>(null);
-  const [footerElement, setFooterElement] = React.useState<HTMLDivElement | null>(null);
-  const [contentElement, setContentElement] = React.useState<HTMLDivElement | null>(null);
-  const headerHeight = useElementHeight(headerElement);
-  const footerHeight = useElementHeight(footerElement);
-  const viewportWidth = typeof window === 'object' ? window.innerWidth : 0;
-  const viewportHeight = typeof window === 'object' ? window.innerHeight : 0;
-  const safeMinWidth =
-    minWidth !== undefined && viewportWidth
-      ? Math.min(minWidth, Math.max(0, viewportWidth - VIEWPORT_MARGIN))
-      : minWidth;
-  const hasHeader = !!title || !!subtitle || !!headerRight;
-  const hasFooter = !!onApply || !!onCancel;
-
-  const contentHeight = useElementHeight(contentElement);
-
-  const preventMouseDown = React.useCallback((event: React.MouseEvent) => {
-    event.preventDefault();
-  }, []);
-
-  const handleCancel = React.useCallback(
-    (event: React.MouseEvent) => {
-      event.preventDefault();
-      onCancel?.();
-    },
-    [onCancel],
-  );
-
-  const handleApply = React.useCallback(
-    (event: React.MouseEvent) => {
-      event.preventDefault();
-      onApply?.();
-    },
-    [onApply],
-  );
-
-  const header = hasHeader && (
-    <div
-      ref={setHeaderElement}
-      className={titleClass}
-      style={{
-        borderBottom: `1px solid ${styles.g(0, 0.06)}`,
-        background: styles.light ? 'rgba(255,255,255,0.7)' : styles.g(1, 0.2),
-        color: styles.g(0.24),
-      }}
-    >
-      <div className={titleGroupClass}>
-        <strong style={{display: 'block', marginBottom: 4, color: styles.g(0.12)}}>{title}</strong>
-        {subtitle}
-      </div>
-      {!!headerRight && <div className={titleGroupClass}>{headerRight}</div>}
-    </div>
-  );
-
-  const footer = hasFooter && (
-    <div
-      ref={setFooterElement}
-      className={footerClass}
-      style={{
-        borderTop: `1px solid ${styles.g(0, 0.06)}`,
-        background: styles.light ? 'rgba(255,255,255,0.7)' : styles.g(1, 0.2),
-      }}
-    >
-      <BasicButton
-        type="button"
-        width={'auto'}
-        height={32}
-        // compact
-        border
-        onMouseDown={preventMouseDown}
-        onClick={handleCancel}
-      >
-        {cancelLabel}
-      </BasicButton>
-      <BasicButton
-        type="button"
-        width={'auto'}
-        height={32}
-        // compact
-        border
-        disabled={applyDisabled}
-        onMouseDown={preventMouseDown}
-        onClick={handleApply}
-      >
-        {applyLabel}
-      </BasicButton>
-    </div>
-  );
-
-  const measuredHeaderHeight = headerHeight ?? 0;
-  const measuredFooterHeight = footerHeight ?? 0;
-  const safeHeight = Math.max(0, (anchor?.maxHeight() ?? Math.max(0, viewportHeight - 8)) - CONTEXT_PANE_BORDER);
-  const availableContentHeight = Math.max(0, safeHeight - measuredHeaderHeight - measuredFooterHeight);
-  const contentViewportHeight =
-    contentHeight === null ? availableContentHeight : Math.min(contentHeight, availableContentHeight);
-  const scrollHeight =
-    contentHeight === null
-      ? safeHeight
-      : Math.min(safeHeight, contentViewportHeight + measuredHeaderHeight + measuredFooterHeight);
-
-  const viewportMaxWidth = viewportWidth ? viewportWidth - VIEWPORT_MARGIN : undefined;
-  const resolvedMaxWidth =
-    maxWidth !== undefined && viewportMaxWidth !== undefined
-      ? Math.min(maxWidth, viewportMaxWidth)
-      : (maxWidth ?? viewportMaxWidth);
-
-  return (
-    <MoveToViewport vertical>
-      <ContextPane
-        minWidth={safeMinWidth}
-        style={{
-          maxWidth: resolvedMaxWidth,
-          width: maxWidth !== undefined ? resolvedMaxWidth : undefined,
-        }}
-      >
-        <ScrollArea.ScrollArea shadow railWidth={4} style={{height: scrollHeight}}>
-          {header ? <ScrollArea.Header>{header}</ScrollArea.Header> : null}
-          <ScrollArea.Viewport>
-            <div
-              ref={setContentElement}
-              className={contentClass}
-              style={{
-                ...(noMargin ? {padding: 0} : undefined),
-              }}
-            >
-              {children}
-            </div>
-          </ScrollArea.Viewport>
-          <ScrollArea.ScrollRail />
-          {footer ? <ScrollArea.Footer>{footer}</ScrollArea.Footer> : null}
-        </ScrollArea.ScrollArea>
-      </ContextPane>
-    </MoveToViewport>
-  );
-};
diff --git a/packages/mutxt-react/src/MuTxt/chrome/EmbedDocs/index.tsx b/packages/mutxt-react/src/MuTxt/chrome/EmbedDocs/index.tsx
deleted file mode 100644
index c301cd5919..0000000000
--- a/packages/mutxt-react/src/MuTxt/chrome/EmbedDocs/index.tsx
+++ /dev/null
@@ -1,184 +0,0 @@
-import * as React from 'react';
-import {rule} from 'nano-theme';
-import {MiniTitle} from '@jsonjoy.com/ui/lib/3-list-item/MiniTitle';
-import {Separator} from '@jsonjoy.com/ui/lib/3-list-item/Separator';
-import {Space} from '@jsonjoy.com/ui/lib/3-list-item/Space';
-import {TextBlock} from '@jsonjoy.com/ui/lib/5-block/TextBlock';
-import {Iconista} from '@jsonjoy.com/ui/lib/icons/Iconista';
-import {useStyles} from '@jsonjoy.com/ui/lib/styles/context';
-import {ModalOverlay} from '../ModalOverlay';
-import {useMuTxt} from '../../context';
-
-const wrapperClass = rule({
-  bxz: 'border-box',
-  w: '100%',
-  pd: '40px 40px 56px',
-});
-
-const gridClass = rule({
-  d: 'grid',
-  gridTemplateColumns: 'repeat(auto-fit, minmax(300px, 1fr))',
-  gap: '40px 56px',
-  maxW: '1111px',
-  mr: 'auto',
-});
-
-const sectionClass = rule({
-  d: 'flex',
-  fld: 'column',
-  miw: 0,
-  breakInside: 'avoid',
-});
-
-const titleRowClass = rule({
-  d: 'flex',
-  ai: 'center',
-  gap: '8px',
-  mar: '0 0 10px',
-});
-
-const introClass = rule({
-  fz: '13.5px',
-  lh: 1.55,
-  mar: '12px 0 16px',
-});
-
-const linksClass = rule({
-  d: 'flex',
-  ai: 'center',
-  gap: '14px',
-  fw: 'wrap',
-  mar: '14px 0 0',
-  fz: '13px',
-});
-
-const linkClass = rule({
-  d: 'inline-flex',
-  ai: 'center',
-  gap: '6px',
-  textDecoration: 'none',
-  '&:hover': {
-    textDecoration: 'underline',
-  },
-});
-
-const ELEMENT_SNIPPET = `<mu-txt style="height:500px">
-  Hello! Edit this text right in the page.
-</mu-txt>
-<script src="//cdn.jsdelivr.net/npm/mutxt-element"></script>`;
-
-const REACT_SNIPPET = `import {MuTxt} from 'mutxt-react';
-
-export const App = () =>
-  <MuTxt autoFocus placeholder="Start typing…" />;`;
-
-interface SectionProps {
-  icon: React.ReactNode;
-  title: string;
-  intro: React.ReactNode;
-  snippet: string;
-  lang: string;
-  links: {label: string; href: string; icon?: React.ReactNode}[];
-}
-
-const Section: React.FC<SectionProps> = ({icon, title, intro, snippet, lang, links}) => {
-  const styles = useStyles();
-  return (
-    <section className={sectionClass}>
-      <div className={titleRowClass}>
-        {icon}
-        <MiniTitle component="div" contrast>
-          {title}
-        </MiniTitle>
-      </div>
-      <Separator />
-      <Space />
-      <div className={introClass} style={{color: styles.g(0.25, 0.85)}}>
-        {intro}
-      </div>
-      <TextBlock src={snippet} lang={lang} select compact />
-      <div className={linksClass} style={{color: styles.g(0.3, 0.8)}}>
-        {links.map((link) => (
-          <a
-            key={link.href}
-            className={linkClass}
-            href={link.href}
-            target="_blank"
-            rel="noreferrer noopener"
-            style={{color: styles.g(0.2, 0.95)}}
-          >
-            {link.icon}
-            {link.label}
-          </a>
-        ))}
-      </div>
-    </section>
-  );
-};
-
-const ExternalIcon: React.FC = () => (
-  <Iconista set="tabler" icon="external-link" width={14} height={14} style={{opacity: 0.7}} />
-);
-
-export const EmbedDocsModal: React.FC = () => {
-  const mutxt = useMuTxt();
-  const open = mutxt.embedDocsOpen.use();
-  const close = React.useCallback(() => mutxt.embedDocsOpen.set(false), [mutxt]);
-
-  return (
-    <ModalOverlay open={open} title="Embed this editor" onClose={close}>
-      <div className={wrapperClass}>
-        <div className={gridClass}>
-          <Section
-            icon={<Iconista set="simple" icon="html5" width={18} height={18} />}
-            title="HTML — <mu-txt> custom element"
-            intro={
-              <>
-                A drop-in web component. Works in any HTML page — no build step required. Children seed the document;
-                children content can be plain text, Markdown, or Slate JSON via the <code>format</code> attribute.
-              </>
-            }
-            snippet={ELEMENT_SNIPPET}
-            lang="html"
-            links={[
-              {
-                label: 'mutxt-element on npm',
-                href: 'https://www.npmjs.com/package/mutxt-element',
-                icon: <ExternalIcon />,
-              },
-              {
-                label: 'README & docs',
-                href: 'https://github.com/streamich/json-joy/tree/master/packages/mutxt-element',
-                icon: <ExternalIcon />,
-              },
-            ]}
-          />
-          <Section
-            icon={<Iconista set="simple" icon="react" width={18} height={18} />}
-            title="React — <mutxt> component"
-            intro={
-              <>
-                Batteries-included React component for tighter integration — seed from Slate JSON, hand in a
-                Peritext-backed <code>json-joy</code> model for collaboration, and wire up your own presence manager.
-              </>
-            }
-            snippet={REACT_SNIPPET}
-            lang="jsx"
-            links={[
-              {
-                label: 'mutxt-react on npm',
-                href: 'https://www.npmjs.com/package/mutxt-react',
-                icon: <ExternalIcon />,
-              },
-              {
-                label: 'README & docs',
-                href: 'https://github.com/streamich/json-joy/tree/master/packages/mutxt-react',
-                icon: <ExternalIcon />,
-              },
-            ]}
-          />
-        </div>
-      </div>
-    </ModalOverlay>
-  );
-};
diff --git a/packages/mutxt-react/src/MuTxt/chrome/KeyboardShortcuts/data.ts b/packages/mutxt-react/src/MuTxt/chrome/KeyboardShortcuts/data.ts
deleted file mode 100644
index 028597abb3..0000000000
--- a/packages/mutxt-react/src/MuTxt/chrome/KeyboardShortcuts/data.ts
+++ /dev/null
@@ -1,102 +0,0 @@
-import {formatKeys} from '../../util/keys';
-
-export interface ShortcutSpec {
-  /** Keys passed to `formatKeys` for platform-aware rendering. */
-  keys?: string[];
-  /** Override the rendered key string (used for chords like "Shift Shift"). */
-  display?: string;
-  /** Short, user-facing description. */
-  label: string;
-}
-
-export interface ShortcutGroup {
-  title: string;
-  shortcuts: ShortcutSpec[];
-}
-
-export const renderShortcut = (shortcut: ShortcutSpec): string =>
-  shortcut.display ?? (shortcut.keys ? formatKeys(shortcut.keys) : '');
-
-export const SHORTCUT_GROUPS: ShortcutGroup[] = [
-  {
-    title: 'General',
-    shortcuts: [
-      {keys: ['Primary', '/'], label: 'Show keyboard shortcuts'},
-      {display: 'Shift Shift', label: 'Quick actions at caret'},
-      {keys: ['Primary', 'j'], label: 'Command palette'},
-      {keys: ['Space'], label: 'Open menu in empty block or with selection'},
-      {keys: ['Primary', 'Shift', 'm'], label: 'Toggle maximized view'},
-      {keys: ['Primary', 'Shift', 'f'], label: 'Toggle fullscreen'},
-    ],
-  },
-  {
-    title: 'Inline formatting',
-    shortcuts: [
-      {keys: ['Primary', 'b'], label: 'Bold'},
-      {keys: ['Primary', 'i'], label: 'Italic'},
-      {keys: ['Primary', 'u'], label: 'Underline'},
-      {keys: ['Primary', 'e'], label: 'Inline code'},
-      {keys: ['Primary', 'Shift', 'x'], label: 'Strikethrough'},
-      {keys: ['Primary', 'k'], label: 'Insert / edit link'},
-    ],
-  },
-  {
-    title: 'Turn into',
-    shortcuts: [
-      {keys: ['Primary', 'Alt', '0'], label: 'Paragraph'},
-      {keys: ['Primary', 'Alt', '1'], label: 'Heading 1'},
-      {keys: ['Primary', 'Alt', '2'], label: 'Heading 2'},
-      {keys: ['Primary', 'Alt', '3'], label: 'Heading 3'},
-      {keys: ['Primary', 'Alt', '4'], label: 'Heading 4'},
-      {keys: ['Primary', 'Alt', '5'], label: 'Heading 5'},
-      {keys: ['Primary', 'Alt', '6'], label: 'Heading 6'},
-      {keys: ['Primary', 'Alt', '7'], label: 'Numbered list'},
-      {keys: ['Primary', 'Alt', '8'], label: 'Bulleted list'},
-      {keys: ['Primary', 'Shift', 'q'], label: 'Blockquote'},
-      {keys: ['Primary', 'Shift', 'c'], label: 'Code block'},
-    ],
-  },
-  {
-    title: 'Block operations',
-    shortcuts: [
-      {keys: ['Alt', 'Shift', '↑'], label: 'Move block up'},
-      {keys: ['Alt', 'Shift', '↓'], label: 'Move block down'},
-      {keys: ['Primary', 'Shift', 'd'], label: 'Duplicate block'},
-      {keys: ['Primary', 'Shift', 'k'], label: 'Delete block'},
-    ],
-  },
-  {
-    title: 'Alignment & indent',
-    shortcuts: [
-      {keys: ['Primary', 'Shift', 'l'], label: 'Align left'},
-      {keys: ['Primary', 'Shift', 'e'], label: 'Align center'},
-      {keys: ['Primary', 'Shift', 'r'], label: 'Align right'},
-      {keys: ['Primary', 'Shift', 'j'], label: 'Justify'},
-      {keys: ['Primary', ']'], label: 'Increase indent'},
-      {keys: ['Primary', '['], label: 'Decrease indent'},
-    ],
-  },
-  {
-    title: 'Code blocks',
-    shortcuts: [
-      {keys: ['Primary', 'Enter'], label: 'Insert hard break'},
-      {keys: ['Shift', 'Enter'], label: 'Exit code block'},
-      {display: 'Enter x3', label: 'Exit on a blank line at the end'},
-    ],
-  },
-  {
-    title: 'Editing',
-    shortcuts: [
-      {keys: ['Backspace'], label: 'Convert empty / start-of-line block to paragraph'},
-      {keys: ['Primary', 'z'], label: 'Undo'},
-      {keys: ['Primary', 'Shift', 'z'], label: 'Redo'},
-    ],
-  },
-  {
-    title: 'Translit',
-    shortcuts: [
-      {keys: ['Primary', 'Alt', 't'], label: 'Toggle translit mode'},
-      {keys: ['Primary', 'Alt', 'Shift', 't'], label: 'Show translit phonetic map'},
-    ],
-  },
-];
diff --git a/packages/mutxt-react/src/MuTxt/chrome/KeyboardShortcuts/index.tsx b/packages/mutxt-react/src/MuTxt/chrome/KeyboardShortcuts/index.tsx
deleted file mode 100644
index aa9362a20f..0000000000
--- a/packages/mutxt-react/src/MuTxt/chrome/KeyboardShortcuts/index.tsx
+++ /dev/null
@@ -1,132 +0,0 @@
-import * as React from 'react';
-import {rule} from 'nano-theme';
-import {Key} from '@jsonjoy.com/ui/lib/1-inline/Key';
-import {MiniTitle} from '@jsonjoy.com/ui/lib/3-list-item/MiniTitle';
-import {useStyles} from '@jsonjoy.com/ui/lib/styles/context';
-import {ModalOverlay} from '../ModalOverlay';
-import {useMuTxt} from '../../context';
-import {remap} from '../../util/keys';
-import {SHORTCUT_GROUPS, type ShortcutSpec} from './data';
-import {Separator} from '@jsonjoy.com/ui/lib/3-list-item/Separator';
-import {Space} from '@jsonjoy.com/ui/lib/3-list-item/Space';
-
-const wrapperClass = rule({
-  bxz: 'border-box',
-  w: '100%',
-  maxW: '1444px',
-  mr: '0 auto',
-  pd: '40px 48px 56px',
-});
-
-const gridClass = rule({
-  columnWidth: '280px',
-  columnGap: '56px',
-});
-
-const groupClass = rule({
-  d: 'flex',
-  fld: 'column',
-  gap: '0',
-  miw: 0,
-  mar: '0 0 48px',
-  breakInside: 'avoid',
-  WebkitColumnBreakInside: 'avoid',
-  pageBreakInside: 'avoid',
-});
-
-const groupTitleClass = rule({
-  mar: '0 0 10px',
-});
-
-const rowClass = rule({
-  d: 'flex',
-  ai: 'center',
-  jc: 'space-between',
-  gap: '12px',
-  pd: '4px 0',
-  fz: '13.5px',
-  lh: '1.25',
-});
-
-const labelClass = rule({
-  fls: '1 1 auto',
-  miw: 0,
-  ov: 'hidden',
-  textOverflow: 'ellipsis',
-  whiteSpace: 'nowrap',
-});
-
-const keysClass = rule({
-  fls: '0 0 auto',
-  d: 'inline-flex',
-  ai: 'center',
-  gap: '2px',
-});
-
-const renderKey = (raw: string): string => {
-  const mapped = remap[raw] ?? raw;
-  return mapped.length === 1 ? mapped.toUpperCase() : mapped;
-};
-
-const ShortcutKeys: React.FC<{spec: ShortcutSpec}> = ({spec}) => {
-  const styles = useStyles();
-  if (spec.display)
-    return (
-      <span className={keysClass}>
-        <Key>{spec.display}</Key>
-      </span>
-    );
-  const keys = spec.keys ?? [];
-  const plusStyle: React.CSSProperties = {color: styles.g(0.5, 0.45)};
-  return (
-    <span className={keysClass}>
-      {keys.map((k, i) => (
-        <React.Fragment key={i}>
-          {i > 0 && <span style={plusStyle}>+</span>}
-          <Key>{renderKey(k)}</Key>
-        </React.Fragment>
-      ))}
-    </span>
-  );
-};
-
-const ShortcutRow: React.FC<{spec: ShortcutSpec}> = ({spec}) => {
-  const styles = useStyles();
-  return (
-    <div className={rowClass}>
-      <span className={labelClass} style={{color: styles.g(0.2, 0.85)}}>
-        {spec.label}
-      </span>
-      <ShortcutKeys spec={spec} />
-    </div>
-  );
-};
-
-export const KeyboardShortcutsModal: React.FC = () => {
-  const mutxt = useMuTxt();
-  const open = mutxt.shortcutsOpen.use();
-  const close = React.useCallback(() => mutxt.shortcutsOpen.set(false), [mutxt]);
-
-  return (
-    <ModalOverlay open={open} title="Keyboard shortcuts" onClose={close}>
-      <div className={wrapperClass}>
-        <div className={gridClass}>
-          {SHORTCUT_GROUPS.map((group) => (
-            <section key={group.title} className={groupClass}>
-              <div className={groupTitleClass}>
-                <MiniTitle component="div" contrast>
-                  {group.title}
-                </MiniTitle>
-              </div>
-              <Separator />
-              <Space />
-              {group.shortcuts.map((spec) => (
-                <ShortcutRow key={spec.label} spec={spec} />
-              ))}
-            </section>
-          ))}
-        </div>
-      </div>
-    </ModalOverlay>
-  );
-};
diff --git a/packages/mutxt-react/src/MuTxt/chrome/ModalOverlay/index.tsx b/packages/mutxt-react/src/MuTxt/chrome/ModalOverlay/index.tsx
deleted file mode 100644
index 3baa55f23b..0000000000
--- a/packages/mutxt-react/src/MuTxt/chrome/ModalOverlay/index.tsx
+++ /dev/null
@@ -1,123 +0,0 @@
-import * as React from 'react';
-import {rule, useTheme} from 'nano-theme';
-import {BasicButtonClose} from '@jsonjoy.com/ui/lib/2-inline-block/BasicButton/BasicButtonClose';
-import * as ScrollArea from '@jsonjoy.com/ui/lib/4-card/ScrollArea';
-import {ScrollState} from '@jsonjoy.com/ui/lib/4-card/ScrollArea';
-import {useStyles} from '@jsonjoy.com/ui/lib/styles/context';
-
-const overlayClass = rule({
-  pos: 'absolute',
-  top: '0',
-  l: '0',
-  r: '0',
-  b: '0',
-  z: 50,
-  d: 'flex',
-  fld: 'column',
-  animation: 'fadeIn .12s',
-});
-
-const HEADER_HEIGHT = 48;
-
-const headerClass = rule({
-  pos: 'relative',
-  d: 'flex',
-  ai: 'center',
-  jc: 'flex-end',
-  h: HEADER_HEIGHT + 'px',
-  paddingBlock: 0,
-  paddingInlineStart: '12px',
-  paddingInlineEnd: '12px',
-  bxz: 'border-box',
-  '-webkit-app-region': 'drag', // Drag for Electron app.
-  '& button, & a, & input, & textarea, & select, & [role="button"], & [role="tablist"], & [role="img"]': {
-    '-webkit-app-region': 'no-drag',
-  },
-});
-
-const titleClass = rule({
-  pos: 'absolute',
-  l: '50%',
-  tr: 'translateX(-50%)',
-  fz: '14px',
-  fw: '600',
-  letterSpacing: '0.005em',
-  ws: 'nowrap',
-  pointerEvents: 'none',
-});
-
-export interface ModalOverlayProps {
-  open: boolean;
-  title?: React.ReactNode;
-  onClose: () => void;
-  children?: React.ReactNode;
-}
-
-/**
- * A modal that overlays the editor area.
- */
-export const ModalOverlay: React.FC<ModalOverlayProps> = ({open, title, onClose, children}) => {
-  const styles = useStyles();
-  const theme = useTheme();
-  const onCloseRef = React.useRef(onClose);
-  React.useEffect(() => {
-    onCloseRef.current = onClose;
-  }, [onClose]);
-  const scrollState = React.useMemo(() => new ScrollState(), []);
-
-  React.useEffect(() => {
-    if (!open) return;
-    const onKey = (event: KeyboardEvent) => {
-      if (event.key !== 'Escape') return;
-      event.preventDefault();
-      event.stopPropagation();
-      onCloseRef.current();
-    };
-    window.addEventListener('keydown', onKey, true);
-    return () => window.removeEventListener('keydown', onKey, true);
-  }, [open]);
-
-  // When the modal opens, programmatically focus the scrollable viewport so
-  // the user can scroll with arrow keys / Space / PgUp / PgDn immediately.
-  React.useEffect(() => {
-    if (!open) return;
-    const previouslyFocused = document.activeElement as HTMLElement | null;
-    const id = requestAnimationFrame(() => {
-      scrollState.viewportEl?.focus({preventScroll: true});
-    });
-    return () => {
-      cancelAnimationFrame(id);
-      if (previouslyFocused && typeof previouslyFocused.focus === 'function') {
-        try {
-          previouslyFocused.focus({preventScroll: true});
-        } catch {}
-      }
-    };
-  }, [open, scrollState]);
-
-  if (!open) return null;
-
-  const overlayBg = theme.bg;
-  const borderColor = styles.g(0, 0.08);
-
-  return (
-    <div className={overlayClass} style={{background: overlayBg}} role="dialog" aria-modal="true">
-      <ScrollArea.ScrollArea state={scrollState} shadowFlat>
-        <ScrollArea.Header>
-          <div className={headerClass} style={{background: overlayBg, borderBottom: `1px solid ${borderColor}`}}>
-            <span className={titleClass} style={{color: styles.g(0.1, 0.95)}}>
-              {title}
-            </span>
-            <BasicButtonClose rounder onClick={onClose} title="Close (Esc)" />
-          </div>
-        </ScrollArea.Header>
-        <ScrollArea.Viewport tabIndex={-1} style={{outline: 'none'}}>
-          {children}
-        </ScrollArea.Viewport>
-        <ScrollArea.ScrollRail>
-          <ScrollArea.Thumb />
-        </ScrollArea.ScrollRail>
-      </ScrollArea.ScrollArea>
-    </div>
-  );
-};
diff --git a/packages/mutxt-react/src/MuTxt/chrome/ShareDocumentPane.tsx b/packages/mutxt-react/src/MuTxt/chrome/ShareDocumentPane.tsx
deleted file mode 100644
index 40662bc443..0000000000
--- a/packages/mutxt-react/src/MuTxt/chrome/ShareDocumentPane.tsx
+++ /dev/null
@@ -1,335 +0,0 @@
-import * as React from 'react';
-import {rule} from 'nano-theme';
-import {BasicButton} from '@jsonjoy.com/ui/lib/2-inline-block/BasicButton';
-import {Checkbox} from '@jsonjoy.com/ui/lib/2-inline-block/Checkbox';
-import {Input} from '@jsonjoy.com/ui/lib/2-inline-block/Input';
-import {TextBlock} from '@jsonjoy.com/ui/lib/5-block/TextBlock';
-import {FormRow} from '@jsonjoy.com/ui/lib/3-list-item/FormRow';
-import {Separator} from '@jsonjoy.com/ui/lib/3-list-item/Separator';
-import {Iconista} from '@jsonjoy.com/ui/lib/icons/Iconista';
-import {useStyles} from '@jsonjoy.com/ui/lib/styles/context';
-import {useMuTxt} from '../context';
-import {encodeShareBlob, encodeEncryptedShareBlob} from '../util/shareEncoding';
-import {buildShareUrl, writeClipboard} from '../util/share';
-import type {MuTxtState} from '../state/MuTxtState';
-import {useT} from 'use-t';
-import {Split} from '@jsonjoy.com/ui/lib/3-list-item/Split';
-import {Space} from '@jsonjoy.com/ui/lib/3-list-item/Space';
-import LockIcon__svg from 'iconista/lib/react/tabler/lock';
-
-const LockIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <LockIcon__svg width={16} height={16} {...props} />
-);
-
-const stopKeyDown = (e: React.KeyboardEvent): void => {
-  e.stopPropagation();
-};
-
-// Container that hard-caps the popup width so a long URL inside the link
-// preview can never push the popup wider mid-session.
-const formClass = rule({
-  d: 'flex',
-  fld: 'column',
-  // gap: '12px',
-  w: '100%',
-  pd: '4px 16px 8px',
-  bxz: 'border-box',
-  // Critical: in a flex parent the auto min-width is min-content; without
-  // this, a long single-line URL would force the column to grow.
-  minW: 0,
-});
-
-const passwordRowClass = rule({
-  d: 'flex',
-  fld: 'column',
-  gap: '6px',
-});
-
-const socialRowClass = rule({
-  d: 'flex',
-  fld: 'row',
-  gap: '8px',
-  flexWrap: 'wrap',
-});
-
-const sectionDescriptionClass = rule({
-  fz: '12px',
-  lh: 1.45,
-  mr: '0 0 10px',
-});
-
-const errorClass = rule({
-  fz: '12px',
-  lh: 1.4,
-  pdt: '4px',
-});
-
-const messageInputClass = rule({
-  '& textarea': {
-    resize: 'none',
-  },
-});
-
-interface SocialTarget {
-  id: 'x' | 'facebook' | 'linkedin' | 'reddit';
-  label: string;
-  icon: 'brand-x' | 'brand-facebook' | 'brand-linkedin' | 'brand-reddit';
-  href: (url: string, text: string) => string;
-}
-
-const SOCIAL_TARGETS: readonly SocialTarget[] = [
-  {
-    id: 'x',
-    label: 'X',
-    icon: 'brand-x',
-    href: (url, text) =>
-      `https://twitter.com/intent/tweet?text=${encodeURIComponent(text)}&url=${encodeURIComponent(url)}`,
-  },
-  {
-    id: 'facebook',
-    label: 'Facebook',
-    icon: 'brand-facebook',
-    href: (url) => `https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(url)}`,
-  },
-  {
-    id: 'linkedin',
-    label: 'LinkedIn',
-    icon: 'brand-linkedin',
-    href: (url) => `https://www.linkedin.com/sharing/share-offsite/?url=${encodeURIComponent(url)}`,
-  },
-  {
-    id: 'reddit',
-    label: 'Reddit',
-    icon: 'brand-reddit',
-    href: (url, text) =>
-      `https://www.reddit.com/submit?url=${encodeURIComponent(url)}&title=${encodeURIComponent(text)}`,
-  },
-];
-
-const formatBytes = (n: number): string => {
-  if (n < 1024) return `${n} B`;
-  if (n < 1024 * 1024) return `${(n / 1024).toFixed(1)} KB`;
-  return `${(n / 1024 / 1024).toFixed(1)} MB`;
-};
-
-const HTML_ESCAPES: Record<string, string> = {
-  '&': '&amp;',
-  '<': '&lt;',
-  '>': '&gt;',
-  '"': '&quot;',
-  "'": '&#39;',
-};
-const escapeHtml = (s: string): string => s.replace(/[&<>"']/g, (c) => HTML_ESCAPES[c]);
-
-const DEFAULT_TITLE = 'Shared MuTxt document';
-
-const getDefaultTitle = (mutxt: MuTxtState): string => {
-  try {
-    const outline = mutxt.outline();
-    const first = outline.find((o) => o.title.trim());
-    if (first) return first.title.trim();
-  } catch {}
-  return DEFAULT_TITLE;
-};
-
-export const ShareDocumentForm: React.FC = () => {
-  const [t] = useT();
-  const mutxt = useMuTxt();
-  const styles = useStyles();
-  const [title, setTitle] = React.useState(() => getDefaultTitle(mutxt));
-  const [message, setMessage] = React.useState('');
-  const [encrypt, setEncrypt] = React.useState(false);
-  const [password, setPassword] = React.useState('');
-  const [shareUrl, setShareUrl] = React.useState('');
-  const [encoding, setEncoding] = React.useState(false);
-  const [error, setError] = React.useState<string | null>(null);
-  const [htmlCopied, setHtmlCopied] = React.useState(false);
-
-  const bytesRef = React.useRef<Uint8Array | null>(null);
-  if (!bytesRef.current) bytesRef.current = mutxt.api.toBinary();
-  const bytes = bytesRef.current;
-  const effectiveTitle = title.trim() || DEFAULT_TITLE;
-  const recomputeRef = React.useRef(0);
-
-  const recompute = React.useCallback(async () => {
-    const token = ++recomputeRef.current;
-    setEncoding(true);
-    setError(null);
-    try {
-      let encoded: string;
-      if (encrypt) {
-        if (!password) {
-          if (recomputeRef.current === token) {
-            setShareUrl('');
-            setEncoding(false);
-          }
-          return;
-        }
-        encoded = await encodeEncryptedShareBlob(bytes, password);
-      } else {
-        encoded = await encodeShareBlob(bytes);
-      }
-      if (recomputeRef.current !== token) return;
-      setShareUrl(buildShareUrl(encoded, encrypt, effectiveTitle, message));
-    } catch (err) {
-      if (recomputeRef.current !== token) return;
-      setError(err instanceof Error ? err.message : 'Failed to encode the document.');
-      setShareUrl('');
-    } finally {
-      if (recomputeRef.current === token) setEncoding(false);
-    }
-  }, [bytes, encrypt, password, effectiveTitle, message]);
-
-  React.useEffect(() => {
-    void recompute();
-  }, [recompute]);
-
-  const openSocial = (target: SocialTarget) => {
-    if (!shareUrl) return;
-    const text = message.trim() || effectiveTitle;
-    const href = target.href(shareUrl, text);
-    window.open(href, '_blank', 'noopener,noreferrer');
-  };
-
-  const onCopyHtmlLink = async (): Promise<void> => {
-    if (!shareUrl) return;
-    const html = `<a href="${escapeHtml(shareUrl)}">${escapeHtml(effectiveTitle)}</a>`;
-    try {
-      await writeClipboard(html);
-      setHtmlCopied(true);
-      setTimeout(() => setHtmlCopied(false), 2000);
-      mutxt.toasts?.add({title: 'HTML link copied to clipboard.', duration: 3000});
-    } catch (err) {
-      // eslint-disable-next-line no-console
-      console.error('[mutxt] copy html link failed', err);
-      mutxt.toasts?.add({type: 'error', title: 'Failed to copy HTML link.', duration: 5000});
-    }
-  };
-
-  const errorColor = styles.col.get('error', 'solid-1');
-
-  return (
-    <div className={formClass}>
-      <FormRow title={t('Display')}>
-        <Input type="text" value={title} placeholder={t('Title')} onChange={setTitle} onKeyDown={stopKeyDown} />
-        <Space />
-        <div className={messageInputClass}>
-          <Input
-            type="text"
-            multiline
-            value={message}
-            placeholder={t('Message')}
-            onChange={setMessage}
-            onKeyDown={stopKeyDown}
-          />
-        </div>
-      </FormRow>
-
-      <FormRow
-        title={
-          <span style={{display: 'inline-flex', alignItems: 'center', gap: 6}}>
-            <LockIcon />
-            {t('Encrypt')}
-          </span>
-        }
-        descriptionAbove
-        description={t('Encrypts with AES-GCM 256 (PBKDF2).')}
-        right
-      >
-        <div style={{width: 60, marginTop: -24}}>
-          <Checkbox on={encrypt} onChange={() => setEncrypt(!encrypt)} />
-        </div>
-      </FormRow>
-      {encrypt && (
-        <div className={passwordRowClass}>
-          <Input
-            type="password"
-            value={password}
-            label={t('Password')}
-            placeholder={t('Choose a strong password')}
-            onChange={setPassword}
-            onKeyDown={stopKeyDown}
-          />
-        </div>
-      )}
-
-      {!!shareUrl && (
-        <>
-          <Space size={2} />
-          <Separator />
-          <Space size={1} />
-        </>
-      )}
-
-      {!!shareUrl && (
-        <FormRow
-          title={
-            <Split>
-              <div>{t('Share link')}</div>
-              <div className={sectionDescriptionClass} style={{color: styles.g(0.4)}}>
-                {encoding
-                  ? t('Encoding…')
-                  : shareUrl
-                    ? `${formatBytes(shareUrl.length)} · ${encrypt ? t('Encrypted') : t('Plaintext')}`
-                    : null}
-              </div>
-            </Split>
-          }
-        >
-          {error ? (
-            <div className={errorClass} style={{color: errorColor}}>
-              {error}
-            </div>
-          ) : (
-            <div style={{maxWidth: '100%'}}>
-              <TextBlock src={shareUrl} select lang="text" />
-            </div>
-          )}
-        </FormRow>
-      )}
-
-      {shareUrl && (
-        <FormRow
-          title={t('Post to social media')}
-          descriptionAbove
-          description={t("Opens the platform's share dialog.")}
-        >
-          <div className={socialRowClass}>
-            {SOCIAL_TARGETS.map((t) => (
-              <BasicButton
-                key={t.id}
-                type="button"
-                width={'auto'}
-                height={32}
-                compact
-                border
-                disabled={!shareUrl}
-                onClick={() => openSocial(t)}
-              >
-                <span style={{display: 'inline-flex', alignItems: 'center', gap: 6}}>
-                  <Iconista set={'tabler' as any} icon={t.icon as any} width={16} height={16} />
-                  {/* {t.label} */}
-                </span>
-              </BasicButton>
-            ))}
-            <Separator style={{width: 1, height: 32}} />
-            <BasicButton
-              type="button"
-              width={'auto'}
-              height={32}
-              compact
-              border
-              disabled={!shareUrl}
-              onClick={onCopyHtmlLink}
-            >
-              <span style={{display: 'inline-flex', alignItems: 'center', gap: 6}}>
-                <Iconista set={'tabler' as any} icon={'code' as any} width={16} height={16} />
-                {htmlCopied ? t('Copied!') : t('Copy HTML')}
-              </span>
-            </BasicButton>
-          </div>
-        </FormRow>
-      )}
-    </div>
-  );
-};
diff --git a/packages/mutxt-react/src/MuTxt/chrome/footer/MuTxtFooter.tsx b/packages/mutxt-react/src/MuTxt/chrome/footer/MuTxtFooter.tsx
deleted file mode 100644
index 0f00969f24..0000000000
--- a/packages/mutxt-react/src/MuTxt/chrome/footer/MuTxtFooter.tsx
+++ /dev/null
@@ -1,198 +0,0 @@
-import * as React from 'react';
-import {rule} from 'nano-theme';
-import {useStyles} from '@jsonjoy.com/ui/lib/styles/context';
-import {Label} from '@jsonjoy.com/ui/lib/1-inline/Label';
-import {Favicon} from '@jsonjoy.com/ui/lib/1-inline/Favicon';
-import {CopyCode} from '@jsonjoy.com/ui/lib/1-inline/CopyCode';
-import {CopyButton} from '@jsonjoy.com/ui/lib/2-inline-block/CopyButton';
-import {Breadcrumb, Breadcrumbs} from '@jsonjoy.com/ui/lib/3-list-item/Breadcrumbs';
-import {useMuTxt} from '../../context';
-import {getWordCount, pluralize} from '../../util';
-import {typeToLabel} from '../../util/typeToLabel';
-import {TranslitFooterPill} from '../../translit/TranslitFooterPill';
-import type {MathThing} from '../../types';
-
-const footerClass = rule({
-  d: 'flex',
-  jc: 'space-between',
-  ai: 'center',
-  fw: 'wrap',
-  gap: '12px',
-  pd: '0 18px',
-  h: '48px',
-  fz: '12px',
-});
-
-const footerGroupClass = rule({
-  d: 'inline-flex',
-  ai: 'center',
-  gap: '12px',
-  fw: 'wrap',
-});
-
-const statusPathClass = rule({
-  d: 'inline-flex',
-  ai: 'center',
-  gap: '12px',
-  fw: 'wrap',
-});
-
-const pathLinkClass = rule({
-  d: 'inline-block',
-  maxW: '220px',
-  ws: 'nowrap',
-  ov: 'hidden',
-  textOverflow: 'ellipsis',
-  verticalAlign: 'bottom',
-  textDecoration: 'underline',
-  textDecorationThickness: '1px',
-  textUnderlineOffset: '4px',
-  textDecorationColor: 'rgb(from currentColor r g b / 0.2)',
-  '&:hover': {
-    textDecorationColor: 'currentColor',
-  },
-});
-
-export type MuTxtFooterProps = {};
-
-export const MuTxtFooter: React.FC<MuTxtFooterProps> = () => {
-  const styles = useStyles();
-  const state = useMuTxt();
-  const footerRef = React.useRef<HTMLDivElement>(null);
-  const availableWidth = state.sizer.width.use();
-  const desiredWidth = state.sizer.content.use();
-  const focused = state.focused.use();
-  const linkOpen = state.inline.link.open.use();
-  const readOnly = state.readOnly.use();
-  const wordCount = state.wordCount.use();
-  const characterCount = state.characterCount.use();
-  const selectionText = state.selectionText.use();
-  const caretPath = state.caretPath.use();
-  const caretLinkHref = state.caretLinkHref.use();
-  const caretEmbedUrl = state.caretEmbedUrl.use();
-  const caretCodeText = state.caretCodeText.use();
-  const caretMathThingId = state.caretMathThingId.use();
-  state.things.version.use();
-  const caretMathTex = caretMathThingId
-    ? ((state.things.get(caretMathThingId) as MathThing | undefined)?.val ?? '')
-    : '';
-
-  const width = Math.min(availableWidth, desiredWidth);
-
-  const infoColor = styles.g(0.34);
-  const selectionSummary = selectionText
-    ? `${pluralize(getWordCount(selectionText), 'word')} (${pluralize(selectionText.length, 'char')}) selected`
-    : '';
-  const statusText = readOnly ? 'Read-only' : focused ? 'Editing' : '';
-  const footerUrl = caretEmbedUrl || caretLinkHref;
-
-  const showCaretPath = width > 700;
-  const showCaretCode = width > 900;
-  const showCaretUrl = width > 1100;
-  const showCharacterCount = width > 500;
-  const showSelectionSummary = width > 600;
-
-  const preventBreadcrumbMouseDown = (event: React.MouseEvent): void => {
-    event.preventDefault();
-  };
-
-  const handleLinkBreadcrumbClick = (event: React.MouseEvent): void => {
-    event.preventDefault();
-    const shell = state.shellEl;
-    const footer = footerRef.current;
-    if (!shell || !footer) return;
-    const shellRect = shell.getBoundingClientRect();
-    const footerRect = footer.getBoundingClientRect();
-    const popupWidth = Math.max(Math.min(560, window.innerWidth * 0.4), 320);
-    // Offset by LinkFloater's internal GAP (8px) so the popup sits flush against the footer.
-    const rect = new DOMRect(shellRect.left, footerRect.top + 8, popupWidth, 0);
-    state.inline.link.setAnchorRect(rect);
-    state.inline.dismissed.next(true);
-    state.inline.link.toggle();
-  };
-
-  return (
-    <div
-      ref={footerRef}
-      className={footerClass}
-      style={{color: infoColor, padding: width < 700 ? '0 16px' : void 0, borderTop: `1px solid ${styles.g(0, 0.06)}`}}
-    >
-      <div className={footerGroupClass}>
-        {!!statusText && <Label>{statusText}</Label>}
-        {!readOnly && (focused || linkOpen) && !!caretPath && showCaretPath && (
-          <span className={statusPathClass}>
-            <Breadcrumbs
-              compact
-              crumbs={caretPath.map((segment, index) => (
-                <Breadcrumb
-                  key={`${index}:${segment}`}
-                  compact
-                  onMouseDown={preventBreadcrumbMouseDown}
-                  onClick={segment === 'link' ? handleLinkBreadcrumbClick : undefined}
-                >
-                  {typeToLabel(segment) || segment}
-                </Breadcrumb>
-              ))}
-            />
-            {!!footerUrl && showCaretUrl && (
-              <>
-                <span style={{opacity: 0.25}}>{'→'}</span>
-                <Favicon url={footerUrl} size={16} />
-                <a
-                  className={pathLinkClass}
-                  href={footerUrl}
-                  target="_blank"
-                  rel="noreferrer noopener"
-                  title={footerUrl}
-                  onMouseDown={(event) => {
-                    event.preventDefault();
-                  }}
-                >
-                  {footerUrl}
-                </a>
-                <CopyButton
-                  type="button"
-                  width={24}
-                  height={24}
-                  rounder
-                  onMouseDown={(event) => event.preventDefault()}
-                  onCopy={() => footerUrl}
-                  tooltip={{nowrap: true, renderTooltip: () => 'Copy link'}}
-                />
-              </>
-            )}
-            {!!caretCodeText && showCaretCode && (
-              <>
-                <span style={{opacity: 0.25}}>{'→'}</span>
-                <CopyCode value={caretCodeText} truncate style={{maxWidth: 220}} alt spacious roundest />
-              </>
-            )}
-            {!!caretMathTex && showCaretCode && (
-              <>
-                <span style={{opacity: 0.25}}>{'→'}</span>
-                <CopyCode value={caretMathTex} truncate style={{maxWidth: 220}} alt spacious roundest />
-              </>
-            )}
-          </span>
-        )}
-      </div>
-
-      <div className={footerGroupClass}>
-        <TranslitFooterPill />
-        {!!selectionSummary && showSelectionSummary && (
-          <>
-            <span>{selectionSummary}</span>
-            <span style={{opacity: 0.25}}>{'•'}</span>
-          </>
-        )}
-        <span>{pluralize(wordCount, 'word')}</span>
-        {showCharacterCount && (
-          <>
-            <span style={{opacity: 0.25}}>{'•'}</span>
-            <span>{pluralize(characterCount, 'character')}</span>
-          </>
-        )}
-      </div>
-    </div>
-  );
-};
diff --git a/packages/mutxt-react/src/MuTxt/chrome/header/MuTxtHeader.tsx b/packages/mutxt-react/src/MuTxt/chrome/header/MuTxtHeader.tsx
deleted file mode 100644
index ec566ac45b..0000000000
--- a/packages/mutxt-react/src/MuTxt/chrome/header/MuTxtHeader.tsx
+++ /dev/null
@@ -1,125 +0,0 @@
-import * as React from 'react';
-import {rule} from 'nano-theme';
-import {useStyles} from '@jsonjoy.com/ui/lib/styles/context';
-import {ToolbarMenu} from '@jsonjoy.com/ui/lib/4-card/Toolbar/ToolbarMenu';
-import {AutoExpandableToolbar} from '@jsonjoy.com/ui/lib/4-card/Toolbar/ToolbarMenu/AutoExpandableToolbar';
-import {ToolbarSep} from '@jsonjoy.com/ui/lib/4-card/Toolbar/ToolbarSep';
-import {Split} from '@jsonjoy.com/ui/lib/3-list-item/Split';
-import {DocumentOutlineButton} from '../../chrome/DocumentOutlineButton';
-import {useMuTxt} from '../../context';
-import {SetNamedTrace} from '@jsonjoy.com/ui';
-import type {Editor} from 'slate';
-
-const HEIGHT = 48;
-
-const blockClass = rule({
-  pos: 'relative',
-  pd: '0 32px',
-  ai: 'center',
-  h: HEIGHT + 'px',
-  bxz: 'border-box',
-
-  // Electron window dragging.
-  '-webkit-app-region': 'drag',
-  '& button, & a, & input, & textarea, & select, & [role="button"], & [role="tablist"], & [role="img"]': {
-    '-webkit-app-region': 'no-drag',
-  },
-});
-
-const toolbarContainerClass = rule({
-  d: 'flex',
-  fld: 'row',
-  ai: 'center',
-  h: HEIGHT + 'px',
-});
-
-export interface MuTxtHeaderProps {
-  editor: Editor;
-}
-
-const readTitlebarInsetPx = (): number => {
-  if (typeof window === 'undefined' || !document.documentElement) return 0;
-  const raw = getComputedStyle(document.documentElement).getPropertyValue('--titlebar-inset-left').trim();
-  return parseFloat(raw) || 0;
-};
-
-export const MuTxtHeader: React.FC<MuTxtHeaderProps> = ({editor}) => {
-  const mutxt = useMuTxt();
-  const availableWidth = mutxt.sizer.width.use();
-  const desiredWidth = mutxt.sizer.content.use();
-  const shellBox = mutxt.shellBox.use();
-  const displayMode = mutxt.displayMode.use();
-  const styles = useStyles();
-  mutxt.version.use();
-
-  // Needed to account correctly for Electron window traffic lights on Mac.
-  const shellWidth = shellBox[2];
-  const width =
-    displayMode === 'fullscreen'
-      ? shellWidth
-      : displayMode === 'fullwindow'
-        ? Math.max(0, shellWidth - readTitlebarInsetPx())
-        : Math.min(availableWidth, desiredWidth);
-  const basePad = width < 1200 ? 8 : 32;
-  const paddingLeft = displayMode === 'fullwindow' ? `max(${basePad}px, var(--titlebar-inset-left, 0px))` : basePad;
-
-  const inlineMenu = mutxt.inline.menu.buildToolbarMenu();
-  const voidsMenu = mutxt.voids.menu.buildToolbarMenu();
-  const blockMenu = mutxt.block.menu.buildToolbarMenu(width > 1300 ? 2 : width > 1200 ? 1 : 0);
-
-  return (
-    <SetNamedTrace name={'subtle'} value={true}>
-      <Split
-        className={blockClass}
-        style={{
-          borderBottom: '1px solid ' + (styles.light ? styles.g(0, 0.08) : styles.g(0, 0.1)),
-          paddingLeft,
-          paddingRight: basePad,
-        }}
-      >
-        <div className={toolbarContainerClass}>
-          {width > 900 ? (
-            <>
-              <ToolbarMenu menu={inlineMenu} pane={{transparent: true, inline: true}} />
-              <ToolbarSep />
-              <ToolbarSep line height={HEIGHT - 1} lite />
-              <ToolbarSep />
-              <ToolbarMenu menu={voidsMenu} pane={{transparent: true, inline: true}} />
-              <ToolbarSep line height={HEIGHT - 1} lite />
-              <ToolbarSep />
-              <AutoExpandableToolbar menu={blockMenu} pane={{transparent: true, inline: true}} more={{small: true}} />
-            </>
-          ) : (
-            <AutoExpandableToolbar
-              maxWidth={width * 0.6}
-              menu={{
-                ...inlineMenu,
-                maxToolbarItems: inlineMenu.maxToolbarItems || inlineMenu.children!.length,
-                minWidth: 288,
-                children: [
-                  ...inlineMenu.children!,
-                  {name: 'sep-voids', sep: true},
-                  ...voidsMenu.children!,
-                  {name: 'sep-blocks', sep: true},
-                  ...blockMenu.children!,
-                ],
-              }}
-              pane={{transparent: true, inline: true}}
-              more={{small: true}}
-            />
-          )}
-        </div>
-        <div className={toolbarContainerClass}>
-          <DocumentOutlineButton editor={editor} contentWidth={300} />
-          <ToolbarSep line />
-          <ToolbarMenu
-            pane={{transparent: true, inline: true}}
-            menu={mutxt.docMenu.buildHeaderToolbar(
-              width > 1500 ? 5 : width > 1400 ? 4 : width > 1300 ? 3 : width > 1200 ? 2 : width > 1100 ? 1 : 0,
-            )}
-          />
-        </div>
-      </Split>
-    </SetNamedTrace>
-  );
-};
diff --git a/packages/mutxt-react/src/MuTxt/chrome/scroll/ScrollMap.tsx b/packages/mutxt-react/src/MuTxt/chrome/scroll/ScrollMap.tsx
deleted file mode 100644
index 81bffe856d..0000000000
--- a/packages/mutxt-react/src/MuTxt/chrome/scroll/ScrollMap.tsx
+++ /dev/null
@@ -1,116 +0,0 @@
-import * as React from 'react';
-import {keyframes, rule} from 'nano-theme';
-import {Marker, useScrollArea} from '@jsonjoy.com/ui/lib/4-card/ScrollArea';
-import {useStyles} from '@jsonjoy.com/ui/lib/styles/context';
-import {useSyncStore} from '@jsonjoy.com/ui/lib/hooks/useSyncStore';
-import {measureScrollMapMarkers} from '../../behavior/scroll-map';
-import {useMuTxt} from '../../context';
-import type {Editor} from 'slate';
-
-const selectionMarkerBlink = keyframes({
-  '0%': {opacity: 1},
-  '50%': {opacity: 0.22},
-  '100%': {opacity: 1},
-});
-
-const selectionMarkerClass = rule({
-  // bd: '1px dashed #000',
-  bd: '1px dashed #07f',
-  bg: 'rgba(7,122,255,.22)',
-  bxz: 'border-box',
-  minH: '2px',
-  trs: 'height .1s ease-out, top .1s ease-out, bottom .1s ease-out',
-  animation: `${selectionMarkerBlink} .5s step-start infinite`,
-  zIndex: 1,
-});
-
-export interface ScrollMapProps {
-  editor: Editor;
-}
-
-export const ScrollMap: React.FC<ScrollMapProps> = ({editor}) => {
-  const state = useMuTxt();
-  const styles = useStyles();
-  const scrollArea = useScrollArea();
-  const scrollHeight = useSyncStore(scrollArea.scrollHeight$);
-  const clientHeight = useSyncStore(scrollArea.clientHeight$);
-  const focused = state.focused.use();
-  state.wnd.use();
-  const version = state.version.use();
-  const cursor = state.cursor.use();
-  const scrollVersion = state.scrollVersion.use();
-  const thingsVersion = state.things.version.use();
-  const [markers, setMarkers] = React.useState<ReturnType<typeof measureScrollMapMarkers>>([]);
-
-  // biome-ignore lint/correctness/useExhaustiveDependencies: focused/version/scrollVersion/cursor are change triggers for re-measuring markers
-  React.useLayoutEffect(() => {
-    if (!scrollArea.viewportEl || scrollHeight <= clientHeight || scrollHeight <= 0) {
-      setMarkers([]);
-      return;
-    }
-    const viewportEl = scrollArea.viewportEl;
-    const frame = requestAnimationFrame(() => {
-      const railHeight = scrollArea.railEl?.clientHeight ?? clientHeight;
-      setMarkers(
-        measureScrollMapMarkers(editor, viewportEl, scrollHeight, railHeight, styles.light ?? true, (id) =>
-          state.things.get(id),
-        ),
-      );
-    });
-    return () => cancelAnimationFrame(frame);
-  }, [
-    clientHeight,
-    editor,
-    focused,
-    scrollArea,
-    scrollHeight,
-    styles.light,
-    version,
-    scrollVersion,
-    cursor,
-    thingsVersion,
-    state,
-  ]);
-
-  if (!markers.length) return null;
-
-  return (
-    <>
-      {markers.map((marker) => {
-        const {variant = 'left'} = marker;
-        if (variant === 'selection') {
-          return (
-            <Marker key={marker.key} position={marker.position} height={marker.height}>
-              {(markerStyle) => (
-                <div
-                  className={selectionMarkerClass}
-                  style={{
-                    position: 'absolute',
-                    ...markerStyle,
-                    left: 0,
-                    right: 0,
-                    borderRadius: 0,
-                  }}
-                />
-              )}
-            </Marker>
-          );
-        }
-
-        return (
-          <Marker
-            key={marker.key}
-            position={marker.position}
-            color={marker.color}
-            height={marker.height}
-            style={{
-              left: variant === 'right' ? 6 : 1,
-              right: variant === 'left' ? 6 : 1,
-              borderRadius: 1,
-            }}
-          />
-        );
-      })}
-    </>
-  );
-};
diff --git a/packages/mutxt-react/src/MuTxt/components/blocks/BlockElement.tsx b/packages/mutxt-react/src/MuTxt/components/blocks/BlockElement.tsx
deleted file mode 100644
index dcbe0ae984..0000000000
--- a/packages/mutxt-react/src/MuTxt/components/blocks/BlockElement.tsx
+++ /dev/null
@@ -1,66 +0,0 @@
-import * as React from 'react';
-import type {RenderElementProps} from 'slate-react';
-import type {CustomElement} from '../../types';
-import {ParagraphElement} from './ParagraphElement';
-import {HeadingElement} from './HeadingElement';
-import {BlockquoteElement} from './BlockquoteElement';
-import {CalloutElement} from '../../block/callout/CalloutElement';
-import {CodeBlock} from './code-block/CodeBlock';
-import {PreformattedElement} from './PreformattedElement';
-import {EmbedElement} from './EmbedElement';
-import {HrElement} from './hr/HrElement';
-import {ListContainerElement, ListItemElement} from './ListElement';
-import {TwoColumnsElement} from './TwoColumnsElement';
-import {FileElement} from './file/FileElement';
-import {TocElement} from './toc/TocElement';
-import {MathElement} from './math/MathElement';
-import {MathInlineElement} from './math/MathInlineElement';
-
-export interface BlockElementProps extends RenderElementProps {
-  element: CustomElement;
-}
-
-export const BlockElement: React.FC<BlockElementProps> = (props) => {
-  switch (props.element.type) {
-    case 'columns':
-      return <TwoColumnsElement {...(props as RenderElementProps & {element: any})} />;
-    case 'h1':
-    case 'h2':
-    case 'h3':
-    case 'h4':
-    case 'h5':
-    case 'h6':
-    case 'title':
-    case 'subtitle':
-      return <HeadingElement {...(props as RenderElementProps & {element: any})} />;
-    case 'blockquote':
-      return <BlockquoteElement {...(props as RenderElementProps & {element: any})} />;
-    case 'callout':
-      return <CalloutElement {...(props as RenderElementProps & {element: any})} />;
-    case 'code-block':
-      return <CodeBlock {...(props as RenderElementProps & {element: any})} />;
-    case 'pre':
-      return <PreformattedElement {...(props as RenderElementProps & {element: any})} />;
-    case 'embed':
-      return <EmbedElement {...(props as RenderElementProps & {element: any})} />;
-    case 'hr':
-      return <HrElement {...(props as RenderElementProps & {element: any})} />;
-    case 'file':
-      return <FileElement {...(props as RenderElementProps & {element: any})} />;
-    case 'toc':
-      return <TocElement {...(props as RenderElementProps & {element: any})} />;
-    case 'math':
-      return <MathElement {...(props as RenderElementProps & {element: any})} />;
-    case 'math-inline':
-      return <MathInlineElement {...(props as RenderElementProps & {element: any})} />;
-    case 'ul':
-    case 'ol':
-    case 'checklist':
-    case 'stepper':
-      return <ListContainerElement {...(props as RenderElementProps & {element: any})} />;
-    case 'li':
-      return <ListItemElement {...(props as RenderElementProps & {element: any})} />;
-    default:
-      return <ParagraphElement {...(props as RenderElementProps & {element: any})} />;
-  }
-};
diff --git a/packages/mutxt-react/src/MuTxt/components/blocks/BlockPlaceholder.tsx b/packages/mutxt-react/src/MuTxt/components/blocks/BlockPlaceholder.tsx
deleted file mode 100644
index f94216cd43..0000000000
--- a/packages/mutxt-react/src/MuTxt/components/blocks/BlockPlaceholder.tsx
+++ /dev/null
@@ -1,63 +0,0 @@
-import * as React from 'react';
-import {rule} from 'nano-theme';
-import {isTouch} from '@jsonjoy.com/ui';
-import {useStyles} from '@jsonjoy.com/ui/lib/styles/context';
-import {useSelected} from 'slate-react';
-import {typeToLabel} from '../../util/typeToLabel';
-import {useMuTxt} from '../../context';
-import {Key} from '@jsonjoy.com/ui/lib/1-inline/Key';
-import type {CustomElement} from '../../types';
-
-const blockPlaceholderClass = rule({
-  pos: 'absolute',
-  t: '0',
-  l: '0',
-  pe: 'none',
-  us: 'none',
-  mr: '0',
-  pd: 'inherit',
-  lh: 'inherit',
-});
-
-export interface BlockPlaceholderProps {
-  element: CustomElement;
-}
-
-const getPlaceholderText = (element: CustomElement): React.ReactNode => {
-  // if (element.type === 'p') return 'Type here or press "/" for options...';
-  if (element.type === 'p')
-    return (
-      <>
-        Type here
-        {!isTouch && (
-          <>
-            &nbsp;or double tap <Key>Shift</Key>, <Key>Shift</Key> for menu
-          </>
-        )}
-        ...
-      </>
-    );
-  return typeToLabel(element.type);
-};
-
-export const BlockPlaceholder: React.FC<BlockPlaceholderProps> = ({element}) => {
-  const mutxt = useMuTxt();
-  const focused = mutxt.focused.use();
-  const styles = useStyles();
-  const isSelected = useSelected();
-  const selection = mutxt.selection.use();
-
-  if (selection || !isSelected || !focused) return;
-
-  const isEmpty = mutxt.api.isEmpty();
-  if (isEmpty) return;
-
-  const placeholder = getPlaceholderText(element);
-  if (!placeholder) return;
-
-  return (
-    <span contentEditable={false} className={blockPlaceholderClass} style={{color: styles.g(0.5)}}>
-      {placeholder}
-    </span>
-  );
-};
diff --git a/packages/mutxt-react/src/MuTxt/components/blocks/BlockquoteElement.tsx b/packages/mutxt-react/src/MuTxt/components/blocks/BlockquoteElement.tsx
deleted file mode 100644
index c6516f61bf..0000000000
--- a/packages/mutxt-react/src/MuTxt/components/blocks/BlockquoteElement.tsx
+++ /dev/null
@@ -1,56 +0,0 @@
-import * as React from 'react';
-import {rule, useRule} from 'nano-theme';
-import {useStyles} from '@jsonjoy.com/ui/lib/styles/context';
-import {BlockPlaceholder} from './BlockPlaceholder';
-import {indentPadding} from '../../behavior/indentation';
-import {fontFamilyOf} from '../../behavior/font';
-import {fgVar} from '../../custom-style/css';
-import {isEmptyBlock} from '../../util';
-import type {RenderElementProps} from 'slate-react';
-import type {BlockquoteElement as BlockquoteElementType} from '../../types';
-
-const blockquoteClass = rule({
-  pos: 'relative',
-  mr: '18px 0',
-  pd: '24px 18px',
-  paddingInlineStart: '42px',
-  fz: '1.05em',
-  // lh: 1.9,
-  borderStartStartRadius: 0,
-  borderStartEndRadius: '16px',
-  borderEndEndRadius: '16px',
-  borderEndStartRadius: 0,
-});
-
-export interface BlockquoteElementProps extends RenderElementProps {
-  element: BlockquoteElementType;
-}
-
-export const BlockquoteElement: React.FC<BlockquoteElementProps> = ({attributes, children, element}) => {
-  const styles = useStyles();
-  const dynamicClass = useRule(({g}) => ({
-    bg: g(0, 0.015),
-    borderInlineStart: `3px solid ${g(0.24)}`,
-    trs: 'background 140ms ease, border-color 140ms ease',
-    '&:hover': {
-      bg: g(0, 0.035),
-      borderInlineStartColor: g(0),
-    },
-  }));
-
-  return (
-    <blockquote
-      {...attributes}
-      className={blockquoteClass + dynamicClass}
-      style={{
-        textAlign: element.align,
-        marginInlineStart: indentPadding(element.indent) ?? 0,
-        fontFamily: fontFamilyOf(element.font),
-        color: fgVar(30, styles.g(0.3)),
-      }}
-    >
-      {children}
-      {isEmptyBlock(element) && <BlockPlaceholder element={element} />}
-    </blockquote>
-  );
-};
diff --git a/packages/mutxt-react/src/MuTxt/components/blocks/EmbedElement.tsx b/packages/mutxt-react/src/MuTxt/components/blocks/EmbedElement.tsx
deleted file mode 100644
index 93507e7e91..0000000000
--- a/packages/mutxt-react/src/MuTxt/components/blocks/EmbedElement.tsx
+++ /dev/null
@@ -1,137 +0,0 @@
-import * as React from 'react';
-import {rule} from 'nano-theme';
-import Embed from 'react-embed';
-import {Paper} from '@jsonjoy.com/ui/lib/4-card/Paper';
-import {Placeholder} from '@jsonjoy.com/ui/lib/3-list-item/Placeholder';
-import {useStyles} from '@jsonjoy.com/ui/lib/styles/context';
-import {useFocused, useSelected, type RenderElementProps} from 'slate-react';
-import {Favicon} from '@jsonjoy.com/ui/lib/1-inline/Favicon';
-import {VoidSelectionOverlay} from './VoidSelectionOverlay';
-import type {EmbedElement as EmbedElementType} from '../../types';
-
-const blockClass = rule({
-  pos: 'relative',
-  pb: '18px',
-  bxz: 'border-box',
-});
-
-const previewClass = rule({
-  d: 'flex',
-  fld: 'column',
-  gap: '10px',
-  us: 'none',
-});
-
-const getEmbedHost = (url: string): string => {
-  try {
-    return new URL(url).hostname.replace(/^www\./, '');
-  } catch {
-    return 'external content';
-  }
-};
-
-const EmbedFallback: React.FC<{url: string}> = ({url}) => {
-  const styles = useStyles();
-  return (
-    <a
-      href={url}
-      target="_blank"
-      rel="noopener noreferrer"
-      style={{
-        display: 'flex',
-        boxSizing: 'border-box',
-        borderRadius: 8,
-        margin: -16,
-        padding: 16,
-        border: '1px solid ' + styles.g(0.86),
-        flexDirection: 'column',
-        gap: '4px',
-        textDecoration: 'none',
-        color: styles.g(0.16),
-        userSelect: 'none',
-      }}
-    >
-      <div style={{display: 'flex', alignItems: 'center', gap: '8px', fontWeight: 600}}>
-        <Favicon url={url} size={16} />
-        <span>{getEmbedHost(url)}</span>
-      </div>
-      <div
-        style={{
-          fontSize: '13px',
-          lineHeight: 1.45,
-          color: styles.g(0.36),
-          wordBreak: 'break-all',
-        }}
-      >
-        {url}
-      </div>
-    </a>
-  );
-};
-
-export interface EmbedPreviewProps {
-  url: string;
-  caption?: string;
-  compact?: boolean;
-  selected?: boolean;
-  width?: number;
-}
-
-export const EmbedPreview: React.FC<EmbedPreviewProps> = ({url, caption, compact, selected, width = 720}) => {
-  const styles = useStyles();
-
-  return (
-    <div className={previewClass}>
-      <Paper
-        noOutline
-        style={{
-          margin: '4px 0',
-          overflow: 'hidden',
-          position: 'relative',
-        }}
-      >
-        <div style={{padding: compact ? 12 : 16}}>
-          <Embed
-            url={url}
-            width={width}
-            isDark={!styles.light}
-            fallback={<Placeholder />}
-            renderVoid={() => <EmbedFallback url={url} />}
-          />
-        </div>
-        <VoidSelectionOverlay selected={!!selected} />
-      </Paper>
-      {!!caption && (
-        <div
-          style={{
-            textAlign: 'center',
-            fontSize: '13px',
-            lineHeight: 1.4,
-            color: styles.g(0.42),
-          }}
-        >
-          {caption}
-        </div>
-      )}
-    </div>
-  );
-};
-
-export interface EmbedElementProps extends RenderElementProps {
-  element: EmbedElementType;
-}
-
-export const EmbedElement: React.FC<EmbedElementProps> = ({attributes, children, element}) => {
-  const isSelected = useSelected();
-  const isFocused = useFocused();
-  const selected = isSelected && isFocused;
-
-  return (
-    <div {...attributes} className={blockClass}>
-      <div contentEditable={false}>
-        <EmbedPreview url={element.url} width={element.width ?? 720} caption={element.caption} selected={selected} />
-      </div>
-      {children}
-    </div>
-  );
-};
diff --git a/packages/mutxt-react/src/MuTxt/components/blocks/HeadingElement.tsx b/packages/mutxt-react/src/MuTxt/components/blocks/HeadingElement.tsx
deleted file mode 100644
index 4b2abe21d7..0000000000
--- a/packages/mutxt-react/src/MuTxt/components/blocks/HeadingElement.tsx
+++ /dev/null
@@ -1,176 +0,0 @@
-import * as React from 'react';
-import {rule} from 'nano-theme';
-import {useStyles} from '@jsonjoy.com/ui/lib/styles/context';
-import {BlockPlaceholder} from './BlockPlaceholder';
-import {indentPadding} from '../../behavior/indentation';
-import {fontFamilyOf} from '../../behavior/font';
-import {fgVar} from '../../custom-style/css';
-import {isEmptyBlock} from '../../util';
-import type {RenderElementProps} from 'slate-react';
-import type {HeadingElement as HeadingElementType} from '../../types';
-
-const headingClass = rule({
-  pos: 'relative',
-  ls: '-0.03em',
-});
-
-export interface HeadingElementProps extends RenderElementProps {
-  element: HeadingElementType;
-}
-
-export const HeadingElement: React.FC<HeadingElementProps> = ({attributes, children, element}) => {
-  const styles = useStyles();
-  const shared: React.CSSProperties = {
-    textAlign: element.align,
-    paddingInlineStart: indentPadding(element.indent),
-    fontFamily: fontFamilyOf(element.font),
-    color: fgVar(8, styles.g(0.08)),
-  };
-
-  switch (element.type) {
-    case 'title':
-      return (
-        <h1
-          {...attributes}
-          className={headingClass}
-          style={{
-            ...shared,
-            fontSize: '3.8rem',
-            fontWeight: 800,
-            letterSpacing: '-0.04em',
-            margin: '48px 0 8px',
-            lineHeight: 1.05,
-          }}
-        >
-          {children}
-          {isEmptyBlock(element) && <BlockPlaceholder element={element} />}
-        </h1>
-      );
-    case 'subtitle':
-      return (
-        <p
-          {...attributes}
-          className={headingClass}
-          style={{
-            ...shared,
-            fontSize: '1.55rem',
-            fontWeight: 300,
-            margin: '0 0 28px',
-            lineHeight: 1.55,
-            color: fgVar(40, styles.g(0.4)),
-          }}
-        >
-          {children}
-          {isEmptyBlock(element) && <BlockPlaceholder element={element} />}
-        </p>
-      );
-    case 'h1':
-      return (
-        <h1
-          {...attributes}
-          className={headingClass}
-          style={{
-            ...shared,
-            fontSize: '2.1rem',
-            fontWeight: 800,
-            margin: '40px 0 18px',
-            lineHeight: 1.1,
-          }}
-        >
-          {children}
-          {isEmptyBlock(element) && <BlockPlaceholder element={element} />}
-        </h1>
-      );
-    case 'h2':
-      return (
-        <h2
-          {...attributes}
-          className={headingClass}
-          style={{
-            ...shared,
-            fontSize: '1.55rem',
-            fontWeight: 700,
-            margin: '34px 0 14px',
-            lineHeight: 1.2,
-          }}
-        >
-          {children}
-          {isEmptyBlock(element) && <BlockPlaceholder element={element} />}
-        </h2>
-      );
-    case 'h3':
-      return (
-        <h3
-          {...attributes}
-          className={headingClass}
-          style={{
-            ...shared,
-            fontSize: '1.22rem',
-            fontWeight: 700,
-            margin: '26px 0 12px',
-            lineHeight: 1.3,
-            color: fgVar(16, styles.g(0.16)),
-          }}
-        >
-          {children}
-          {isEmptyBlock(element) && <BlockPlaceholder element={element} />}
-        </h3>
-      );
-    case 'h4':
-      return (
-        <h4
-          {...attributes}
-          className={headingClass}
-          style={{
-            ...shared,
-            fontSize: '1.15rem',
-            fontWeight: 700,
-            margin: '22px 0 10px',
-            lineHeight: 1.4,
-            color: fgVar(24, styles.g(0.24)),
-          }}
-        >
-          {children}
-          {isEmptyBlock(element) && <BlockPlaceholder element={element} />}
-        </h4>
-      );
-    case 'h5':
-      return (
-        <h5
-          {...attributes}
-          className={headingClass}
-          style={{
-            ...shared,
-            fontSize: '1.1rem',
-            fontWeight: 700,
-            margin: '18px 0 8px',
-            lineHeight: 1.5,
-            color: fgVar(32, styles.g(0.32)),
-          }}
-        >
-          {children}
-          {isEmptyBlock(element) && <BlockPlaceholder element={element} />}
-        </h5>
-      );
-    case 'h6':
-      return (
-        <h6
-          {...attributes}
-          className={headingClass}
-          style={{
-            ...shared,
-            fontSize: '1rem',
-            fontWeight: 700,
-            margin: '14px 0 6px',
-            lineHeight: 1.6,
-            color: fgVar(40, styles.g(0.4)),
-          }}
-        >
-          {children}
-          {isEmptyBlock(element) && <BlockPlaceholder element={element} />}
-        </h6>
-      );
-    default:
-      return <div {...attributes}>{children}</div>;
-  }
-};
diff --git a/packages/mutxt-react/src/MuTxt/components/blocks/LineStyleTab.tsx b/packages/mutxt-react/src/MuTxt/components/blocks/LineStyleTab.tsx
deleted file mode 100644
index 4a234aa14e..0000000000
--- a/packages/mutxt-react/src/MuTxt/components/blocks/LineStyleTab.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import * as React from 'react';
-import {rule} from 'nano-theme';
-import {HrLine} from './hr/HrLine';
-import type {HrLineStyle} from '../../types';
-
-const PREVIEW_WIDTH = 24;
-
-const previewWrapClass = rule({
-  d: 'inline-flex',
-  ai: 'center',
-  jc: 'center',
-  w: `${PREVIEW_WIDTH}px`,
-  minH: '16px',
-});
-
-export interface LineStylePreviewProps {
-  style: HrLineStyle;
-  strokeWidth?: number;
-}
-
-/**
- * Tiny horizontal stroke preview used inside option pickers to show what
- * each line-style choice looks like (solid / dashed / dotted / squiggly).
- */
-export const LineStylePreview: React.FC<LineStylePreviewProps> = ({style, strokeWidth = 2}) => (
-  <span className={previewWrapClass} aria-hidden="true">
-    <HrLine strokeWidth={strokeWidth} style={style} />
-  </span>
-);
-
-export interface LineStyleTabLabelProps {
-  style: HrLineStyle;
-  label: string;
-  strokeWidth?: number;
-}
-
-export const LineStyleTabLabel: React.FC<LineStyleTabLabelProps> = ({style, label, strokeWidth = 2}) => (
-  <span
-    role="img"
-    title={label}
-    aria-label={label}
-    style={{display: 'inline-flex', alignItems: 'center', justifyContent: 'center'}}
-  >
-    <LineStylePreview style={style} strokeWidth={strokeWidth} />
-  </span>
-);
diff --git a/packages/mutxt-react/src/MuTxt/components/blocks/ListElement.tsx b/packages/mutxt-react/src/MuTxt/components/blocks/ListElement.tsx
deleted file mode 100644
index 27bcfbbae2..0000000000
--- a/packages/mutxt-react/src/MuTxt/components/blocks/ListElement.tsx
+++ /dev/null
@@ -1,212 +0,0 @@
-import * as React from 'react';
-import {rule} from 'nano-theme';
-import {Editor, Element as SlateElement} from 'slate';
-import {ReactEditor, type RenderElementProps, useReadOnly, useSlateStatic} from 'slate-react';
-import {setChecklistItemChecked} from '../../behavior';
-import {BlockPlaceholder} from './BlockPlaceholder';
-import {fontFamilyOf} from '../../behavior/font';
-import {lhVar} from '../../custom-style/css';
-import {isEmptyBlock} from '../../util';
-import {StepperItem} from '../../block/stepper/StepperItem';
-import {ProgressCap} from '../../block/stepper/ProgressCap';
-import type {
-  BulletedListElement,
-  ChecklistListElement,
-  ListItemElement as ListItemNode,
-  NumberedListElement,
-  StepperListElement,
-} from '../../types';
-
-const listClass = rule({
-  mr: '0 0 16px',
-  paddingInlineStart: '24px',
-});
-
-const checklistClass = rule({
-  mr: '0 0 16px',
-  paddingInlineStart: '24px',
-  listStyle: 'none',
-});
-
-const itemClass = rule({
-  pos: 'relative',
-  mr: '1px 0',
-  lh: lhVar('1.7'),
-});
-
-const checklistItemClass = rule({
-  pos: 'relative',
-  mr: '1px 0',
-  lh: lhVar('1.7'),
-  listStyle: 'none',
-});
-
-const checkboxWrapClass = rule({
-  pos: 'absolute',
-  insetInlineStart: '-24px',
-  t: '6px',
-  d: 'inline-flex',
-  ai: 'center',
-  jc: 'center',
-  flexShrink: 0,
-});
-
-const checkboxClass = rule({
-  w: '16px',
-  h: '16px',
-  mar: 0,
-  bd: '1px solid rgba(127,127,127,0.4)',
-  bdrad: '4px',
-  appearance: 'none',
-  d: 'grid',
-  placeContent: 'center',
-  cur: 'pointer',
-  '&::before': {
-    content: '""',
-    w: '12px',
-    h: '12px',
-    trs: '120ms transform ease-in-out',
-    bg: '#fff',
-    clipPath: 'polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%)',
-    transform: 'scale(0)',
-  },
-  '&:checked': {
-    bg: '#2f8f4e',
-    borderColor: '#2f8f4e',
-  },
-  '&:checked::before': {
-    transform: 'scale(.7)',
-  },
-});
-
-const checklistContentClass = rule({
-  d: 'block',
-  minW: '0',
-});
-
-const stepperClass = rule({
-  mr: '0 0 16px',
-  pad: '4px 0 0 0',
-  listStyle: 'none',
-});
-
-export interface ListContainerElementProps extends RenderElementProps {
-  element: BulletedListElement | NumberedListElement | ChecklistListElement | StepperListElement;
-}
-
-export interface ListItemElementProps extends RenderElementProps {
-  element: ListItemNode;
-}
-
-export const ListContainerElement: React.FC<ListContainerElementProps> = ({attributes, children, element}) => {
-  if (element.type === 'checklist') {
-    return (
-      <ul {...attributes} className={checklistClass}>
-        {children}
-      </ul>
-    );
-  }
-  if (element.type === 'stepper') {
-    return (
-      <ol {...attributes} className={stepperClass} aria-label="Stepper">
-        {element.progress ? <ProgressCap element={element} /> : null}
-        {children}
-      </ol>
-    );
-  }
-  if (element.type === 'ol') {
-    return (
-      <ol
-        {...attributes}
-        className={listClass}
-        style={{paddingInlineStart: '26px', listStyleType: element.olType ?? 'decimal'}}
-      >
-        {children}
-      </ol>
-    );
-  }
-  return (
-    <ul {...attributes} className={listClass} style={{listStyleType: element.ulType ?? 'disc'}}>
-      {children}
-    </ul>
-  );
-};
-
-export const ListItemElement: React.FC<ListItemElementProps> = ({attributes, children, element}) => {
-  const editor = useSlateStatic();
-  const readOnly = useReadOnly();
-
-  const parentType = React.useMemo(() => {
-    try {
-      const path = ReactEditor.findPath(editor, element);
-      const [parent] = Editor.parent(editor, path);
-      return SlateElement.isElement(parent) ? parent.type : null;
-    } catch {
-      return null;
-    }
-  }, [editor, element]);
-
-  const isChecklistItem = parentType === 'checklist';
-  const isStepperItem = parentType === 'stepper';
-
-  const onToggle = React.useCallback(
-    (event: React.MouseEvent<HTMLInputElement>) => {
-      event.preventDefault();
-      if (readOnly || !isChecklistItem) return;
-      const path = ReactEditor.findPath(editor, element);
-      setChecklistItemChecked(editor, path, !element.checked);
-    },
-    [editor, element, isChecklistItem, readOnly],
-  );
-
-  if (isStepperItem) {
-    return (
-      <StepperItem attributes={attributes} element={element}>
-        {children}
-      </StepperItem>
-    );
-  }
-
-  if (!isChecklistItem) {
-    return (
-      <li
-        {...attributes}
-        className={itemClass}
-        style={{textAlign: element.align, fontFamily: fontFamilyOf(element.font)}}
-      >
-        {children}
-        {isEmptyBlock(element) && <BlockPlaceholder element={element} />}
-      </li>
-    );
-  }
-
-  return (
-    <li
-      {...attributes}
-      className={checklistItemClass}
-      style={{textAlign: element.align, fontFamily: fontFamilyOf(element.font)}}
-    >
-      <span className={checkboxWrapClass} contentEditable={false}>
-        <input
-          className={checkboxClass}
-          type="checkbox"
-          checked={!!element.checked}
-          readOnly
-          disabled={readOnly}
-          tabIndex={-1}
-          onMouseDown={onToggle}
-        />
-      </span>
-      <span
-        className={checklistContentClass}
-        style={{
-          textDecoration: element.checked ? 'line-through' : undefined,
-          opacity: element.checked ? 0.68 : 1,
-        }}
-      >
-        {children}
-        {isEmptyBlock(element) && <BlockPlaceholder element={element} />}
-      </span>
-    </li>
-  );
-};
diff --git a/packages/mutxt-react/src/MuTxt/components/blocks/ParagraphElement.tsx b/packages/mutxt-react/src/MuTxt/components/blocks/ParagraphElement.tsx
deleted file mode 100644
index cb9a4c1743..0000000000
--- a/packages/mutxt-react/src/MuTxt/components/blocks/ParagraphElement.tsx
+++ /dev/null
@@ -1,34 +0,0 @@
-import * as React from 'react';
-import {rule} from 'nano-theme';
-import {BlockPlaceholder} from './BlockPlaceholder';
-import {indentPadding} from '../../behavior/indentation';
-import {fontFamilyOf} from '../../behavior/font';
-import {lhVar} from '../../custom-style/css';
-import {isEmptyBlock} from '../../util';
-import type {RenderElementProps} from 'slate-react';
-import type {ParagraphElement as ParagraphElementType} from '../../types';
-
-const paragraphClass = rule({
-  pos: 'relative',
-  mr: '0 0 1.2em',
-  lh: lhVar('1.8'),
-});
-
-export interface ParagraphElementProps extends RenderElementProps {
-  element: ParagraphElementType;
-}
-
-export const ParagraphElement: React.FC<ParagraphElementProps> = ({attributes, children, element}) => (
-  <p
-    {...attributes}
-    className={paragraphClass}
-    style={{
-      textAlign: element.align,
-      paddingInlineStart: indentPadding(element.indent),
-      fontFamily: fontFamilyOf(element.font),
-    }}
-  >
-    {children}
-    {isEmptyBlock(element) && <BlockPlaceholder element={element} />}
-  </p>
-);
diff --git a/packages/mutxt-react/src/MuTxt/components/blocks/PreformattedElement.tsx b/packages/mutxt-react/src/MuTxt/components/blocks/PreformattedElement.tsx
deleted file mode 100644
index 5cd2e2ad6d..0000000000
--- a/packages/mutxt-react/src/MuTxt/components/blocks/PreformattedElement.tsx
+++ /dev/null
@@ -1,51 +0,0 @@
-import * as React from 'react';
-import {rule, font} from 'nano-theme';
-import {useStyles} from '@jsonjoy.com/ui/lib/styles/context';
-import {BlockPlaceholder} from './BlockPlaceholder';
-import {indentPadding} from '../../behavior/indentation';
-import {fontFamilyOf} from '../../behavior/font';
-import {fgVar} from '../../custom-style/css';
-import {isEmptyBlock} from '../../util';
-import type {RenderElementProps} from 'slate-react';
-import type {PreformattedElement as PreformattedElementType} from '../../types';
-
-const preClass = rule({
-  pos: 'relative',
-  mr: '1em 0',
-  pd: '12px 14px',
-  bdrad: '8px',
-  ff: '"JetBrains Mono", "Fira Code", Menlo, monospace,' + font.mono.mid.ff,
-  fz: '0.9rem',
-  lh: 1.55,
-  whiteSpace: 'pre-wrap',
-  wordBreak: 'break-word',
-  ovx: 'auto',
-  tabSize: 4,
-});
-
-export interface PreformattedElementProps extends RenderElementProps {
-  element: PreformattedElementType;
-}
-
-export const PreformattedElement: React.FC<PreformattedElementProps> = ({attributes, children, element}) => {
-  const styles = useStyles();
-
-  return (
-    <pre
-      {...attributes}
-      className={preClass}
-      style={{
-        textAlign: element.align,
-        // marginInlineStart: indentPadding(element.indent) ?? 0,
-        paddingInlineStart: 14 + (indentPadding(element.indent) ?? 0),
-        marginInlineEnd: 0,
-        fontFamily: fontFamilyOf(element.font),
-        background: styles.g(0, 0.04),
-        color: fgVar(16, styles.g(0.16)),
-      }}
-    >
-      {children}
-      {isEmptyBlock(element) && <BlockPlaceholder element={element} />}
-    </pre>
-  );
-};
diff --git a/packages/mutxt-react/src/MuTxt/components/blocks/StripBarHandle.tsx b/packages/mutxt-react/src/MuTxt/components/blocks/StripBarHandle.tsx
deleted file mode 100644
index 00366810ce..0000000000
--- a/packages/mutxt-react/src/MuTxt/components/blocks/StripBarHandle.tsx
+++ /dev/null
@@ -1,109 +0,0 @@
-import * as React from 'react';
-import {rule} from 'nano-theme';
-import {BasicTooltip} from '@jsonjoy.com/ui/lib/4-card/BasicTooltip';
-
-export const stripBarHandleTriggerClass = 'mutxt-strip-handle';
-export const stripBarHandleFillClass = 'mutxt-strip-handle-fill';
-
-const triggerClass = rule({
-  d: 'flex',
-  ai: 'center',
-  jc: 'flex-start',
-  w: '48px',
-  h: '14px',
-  pad: 0,
-  bd: 'none',
-  bg: 'transparent',
-  cur: 'default',
-  opacity: 0,
-  pointerEvents: 'none',
-  color: 'var(--mutxt-handle-color, currentColor)',
-  trs: 'opacity .12s ease, color .12s ease, transform .12s ease',
-  '&:active': {
-    transform: 'scale(.97)',
-  },
-  '&:hover': {
-    color: 'var(--mutxt-handle-color-hover, var(--mutxt-handle-color, currentColor))',
-  },
-  [`&:hover .${stripBarHandleFillClass}`]: {
-    h: '5px',
-  },
-});
-
-const fillClass = rule({
-  d: 'block',
-  w: '40%',
-  h: '3px',
-  bdrad: '2px',
-  bg: 'currentColor',
-  trs: 'background-color .12s ease, width .25s ease, height .12s ease',
-});
-
-export interface StripBarHandleProps {
-  /** Tooltip text shown when the user hovers the handle. */
-  tooltip?: React.ReactNode;
-  /** Accessibility label for the underlying button. */
-  ariaLabel?: string;
-  /** Fired on click. */
-  onActivate: () => void;
-  visible?: boolean;
-  color?: string;
-  colorHover?: string;
-  width?: number | string;
-}
-
-export const StripBarHandle: React.FC<StripBarHandleProps> = ({
-  tooltip,
-  ariaLabel,
-  onActivate,
-  visible,
-  color,
-  colorHover,
-  width,
-}) => {
-  const onMouseDown = React.useCallback((e: React.MouseEvent) => {
-    e.preventDefault();
-    e.stopPropagation();
-  }, []);
-  const onClick = React.useCallback(
-    (e: React.MouseEvent) => {
-      e.preventDefault();
-      e.stopPropagation();
-      onActivate();
-    },
-    [onActivate],
-  );
-
-  const buttonStyle: React.CSSProperties = {};
-  if (visible !== undefined) {
-    buttonStyle.opacity = visible ? 1 : 0;
-    buttonStyle.pointerEvents = visible ? 'auto' : 'none';
-  }
-  if (color !== undefined) (buttonStyle as Record<string, unknown>)['--mutxt-handle-color'] = color;
-  if (colorHover !== undefined) (buttonStyle as Record<string, unknown>)['--mutxt-handle-color-hover'] = colorHover;
-  if (width !== undefined) buttonStyle.width = width;
-  const fillStyle: React.CSSProperties | undefined = visible ? {width: '100%'} : undefined;
-  const titleAttr = !tooltip && ariaLabel ? ariaLabel : undefined;
-
-  const button = (
-    <button
-      type="button"
-      className={`${triggerClass} ${stripBarHandleTriggerClass}`}
-      title={titleAttr}
-      aria-label={ariaLabel}
-      onMouseDown={onMouseDown}
-      onClick={onClick}
-      style={Object.keys(buttonStyle).length > 0 ? buttonStyle : undefined}
-    >
-      <span className={`${fillClass} ${stripBarHandleFillClass}`} style={fillStyle} />
-    </button>
-  );
-
-  return tooltip ? (
-    <BasicTooltip renderTooltip={() => tooltip} nowrap delay={400}>
-      {button}
-    </BasicTooltip>
-  ) : (
-    button
-  );
-};
diff --git a/packages/mutxt-react/src/MuTxt/components/blocks/TwoColumnsElement.tsx b/packages/mutxt-react/src/MuTxt/components/blocks/TwoColumnsElement.tsx
deleted file mode 100644
index 3e149d5e07..0000000000
--- a/packages/mutxt-react/src/MuTxt/components/blocks/TwoColumnsElement.tsx
+++ /dev/null
@@ -1,38 +0,0 @@
-import * as React from 'react';
-import {rule} from 'nano-theme';
-import {BlockPlaceholder} from './BlockPlaceholder';
-import {indentPadding} from '../../behavior/indentation';
-import {fontFamilyOf} from '../../behavior/font';
-import {isEmptyBlock} from '../../util';
-import {lhVar} from '../../custom-style/css';
-import type {RenderElementProps} from 'slate-react';
-import type {TwoColumnsElement as TwoColumnsElementType} from '../../types';
-
-const twoColumnsClass = rule({
-  pos: 'relative',
-  mr: '0 0 1.2em',
-  lh: lhVar('1.8'),
-  columnCount: 2,
-  columnGap: '36px',
-  columnFill: 'balance',
-  columnWidth: '18rem',
-});
-
-export interface TwoColumnsElementProps extends RenderElementProps {
-  element: TwoColumnsElementType;
-}
-
-export const TwoColumnsElement: React.FC<TwoColumnsElementProps> = ({attributes, children, element}) => (
-  <div
-    {...attributes}
-    className={twoColumnsClass}
-    style={{
-      textAlign: element.align,
-      paddingInlineStart: indentPadding(element.indent),
-      fontFamily: fontFamilyOf(element.font),
-    }}
-  >
-    {children}
-    {isEmptyBlock(element) && <BlockPlaceholder element={element} />}
-  </div>
-);
diff --git a/packages/mutxt-react/src/MuTxt/components/blocks/VoidSelectionOverlay.tsx b/packages/mutxt-react/src/MuTxt/components/blocks/VoidSelectionOverlay.tsx
deleted file mode 100644
index 258e9f0447..0000000000
--- a/packages/mutxt-react/src/MuTxt/components/blocks/VoidSelectionOverlay.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import * as React from 'react';
-
-export interface VoidSelectionOverlayProps {
-  selected: boolean;
-}
-
-export const VoidSelectionOverlay: React.FC<VoidSelectionOverlayProps> = ({selected}) => {
-  if (!selected) return null;
-  return (
-    <div
-      contentEditable={false}
-      style={{
-        position: 'absolute',
-        inset: 0,
-        borderRadius: 'inherit',
-        background: 'rgba(0, 127, 255, 0.18)',
-        pointerEvents: 'none',
-      }}
-    />
-  );
-};
diff --git a/packages/mutxt-react/src/MuTxt/components/blocks/code-block/CodeBlock.tsx b/packages/mutxt-react/src/MuTxt/components/blocks/code-block/CodeBlock.tsx
deleted file mode 100644
index efc397eb87..0000000000
--- a/packages/mutxt-react/src/MuTxt/components/blocks/code-block/CodeBlock.tsx
+++ /dev/null
@@ -1,310 +0,0 @@
-import * as React from 'react';
-import {drule, rule, useTheme} from 'nano-theme';
-import {type RenderElementProps, useReadOnly} from 'slate-react';
-import {BasicButtonMore} from '@jsonjoy.com/ui/lib/2-inline-block/BasicButton/BasicButtonMore';
-import {CopyButton} from '@jsonjoy.com/ui/lib/2-inline-block/CopyButton';
-import {Popup} from '@jsonjoy.com/ui/lib/4-card/Popup';
-import {useStyles} from '@jsonjoy.com/ui/lib/styles/context';
-import Paper from '@jsonjoy.com/ui/lib/4-card/Paper';
-import {ColorTokens} from 'code-colors-react';
-import {Label} from '@jsonjoy.com/ui/lib/1-inline/Label';
-import {Iconista} from '@jsonjoy.com/ui/lib/icons/Iconista';
-import {SetTrace} from '@jsonjoy.com/ui';
-import {CodeBlockOptionsPopup} from './CodeBlockOptionsPopup';
-import * as settings from './settings';
-import type {CodeBlockElement as CodeBlockElementType} from '../../../types';
-
-const CODE_LINE_HEIGHT = 1.7;
-
-const SHARED_TEXT_CSS = {
-  ff: '"JetBrains Mono", "Fira Code", Menlo, monospace',
-  fz: '0.9rem',
-  lh: `${CODE_LINE_HEIGHT}em`,
-  pd: '16px 18px 18px 14px',
-  mr: 0,
-  letterSpacing: '0',
-  tabSize: 4,
-  fontKerning: 'none',
-  fontVariantLigatures: 'none',
-  fontFeatureSettings: 'normal',
-} as const;
-
-const codeWrapClass = rule({
-  pos: 'relative',
-  mr: '12px 0',
-  ff: '"JetBrains Mono", "Fira Code", Menlo, monospace',
-  containerType: 'scroll-state',
-});
-
-const stickyHeaderClass = rule({
-  pos: 'sticky',
-  t: 0,
-  z: 1,
-  containerType: 'scroll-state',
-});
-
-const metaBarClass = rule({
-  d: 'flex',
-  ai: 'center',
-  jc: 'space-between',
-  gap: '12px',
-  pd: '8px 14px',
-  fw: 'wrap',
-  us: 'none',
-  bdrad: '16px 16px 0 0',
-  trs: 'border-bottom-left-radius .3s, border-bottom-right-radius .3s',
-  '@container scroll-state(stuck: top)': {
-    '&': {
-      bdrad: '0 0 16px 16px',
-    },
-  },
-});
-
-const metaInputsClass = rule({
-  d: 'flex',
-  ai: 'center',
-  gap: '10px',
-  fw: 'wrap',
-  w: '100%',
-});
-
-const metaPreviewClass = rule({
-  d: 'inline-flex',
-  ai: 'center',
-  gap: '10px',
-  fw: 'wrap',
-  minW: '0',
-});
-
-const metaActionsClass = rule({
-  d: 'inline-flex',
-  ai: 'center',
-  gap: '8px',
-  marginInlineStart: 'auto',
-});
-
-const metaLabelClass = rule({
-  d: 'inline-flex',
-  ai: 'center',
-  gap: '8px',
-  fz: '12px',
-  minW: '0',
-});
-
-const metaChipClass = rule({
-  fz: '12px',
-});
-
-const codePreClass = rule({
-  mr: '0',
-  w: '100%',
-  ovx: 'auto',
-  lh: `${CODE_LINE_HEIGHT}em`,
-  d: 'flex',
-  ai: 'stretch',
-  trs: 'background .3s',
-  [`.${codeWrapClass.trim()}:hover &`]: {
-    bg: 'var(--code-hover-bg)',
-  },
-});
-
-const gutterClass = rule({
-  flexShrink: 0,
-  pd: '16px 12px 18px 18px',
-  us: 'none',
-  pe: 'none',
-  ff: '"JetBrains Mono", "Fira Code", Menlo, monospace',
-  fz: '0.9rem',
-  lh: '1.7',
-  op: 0.3,
-  whiteSpace: 'pre',
-  ta: 'right',
-  bdr: '1px solid rgba(127,127,127,0.22)',
-});
-
-const codeClass = drule({
-  ...SHARED_TEXT_CSS,
-  d: 'block',
-  pos: 'relative',
-  flex: '1',
-  minW: '0',
-  '&::selection': {
-    bg: 'rgba(0,127,255,0.36)',
-    col: 'inherit',
-  },
-  '&::before': {
-    content: '""',
-    pos: 'absolute',
-    t: '0',
-    h: '100%',
-    w: '1px',
-    bg: 'rgba(127,127,127,0.06)',
-    pointerEvents: 'none',
-  },
-});
-
-const overlayClass = rule({
-  ...SHARED_TEXT_CSS,
-  pos: 'absolute',
-  t: 0,
-  l: 0,
-  r: 0,
-  b: 0,
-  pe: 'none',
-  us: 'none',
-  ov: 'hidden',
-  '& *': {
-    fontWeight: 'inherit',
-    fontStyle: 'inherit',
-    padding: 0,
-    margin: 0,
-    border: 0,
-    cursor: 'inherit',
-  },
-});
-
-export interface CodeBlockProps extends RenderElementProps {
-  element: CodeBlockElementType;
-}
-
-export const CodeBlock: React.FC<CodeBlockProps> = ({attributes, children, element}) => {
-  const styles = useStyles();
-  const theme = useTheme();
-  const readOnly = useReadOnly();
-
-  const stopPointerPropagation = React.useCallback((event: React.MouseEvent) => {
-    event.stopPropagation();
-  }, []);
-
-  const preventMouseDown = React.useCallback((event: React.MouseEvent) => {
-    event.preventDefault();
-    event.stopPropagation();
-  }, []);
-
-  const codeText = React.useMemo(() => element.children.map(({text}) => text).join(''), [element.children]);
-
-  const getCodeText = React.useCallback(() => codeText, [codeText]);
-
-  const metaBarStyle: React.CSSProperties = {
-    borderBottom: `1px solid ${styles.g(0, styles.light ? 0.06 : 0.1)}`,
-    background: theme.bg,
-  };
-
-  const lineCount = React.useMemo(() => {
-    return (codeText.match(/\n/g)?.length ?? 0) + 1;
-  }, [codeText]);
-
-  const lineNumbers = React.useMemo(
-    () => Array.from({length: lineCount}, (_, i) => String(i + 1)).join('\n'),
-    [lineCount],
-  );
-
-  const languageValue = element.language?.trim() || '';
-  const fileNameValue = element.fileName?.trim() || '';
-  const showReadOnlyMeta = !!fileNameValue || !!languageValue;
-  const wrapColumn = settings.getCodeBlockWrapColumn(element.wrap);
-  const showLineNumbers = settings.getCodeBlockShowLineNumbers(element.showLineNumbers);
-  const metaLabelMarginLeft = showLineNumbers ? (lineCount > 10 ? 34 : 26) : 0;
-  const codeClassName = codeClass({
-    textDecorationColor: styles.g(0),
-    '&::before': {
-      l: `${wrapColumn}ch`,
-    },
-  });
-
-  const codeStyle: React.CSSProperties = {
-    paddingLeft: showLineNumbers ? '14px' : '18px',
-    caretColor: styles.g(0),
-    color: languageValue ? 'rgba(127,127,127,.1)' : void 0,
-  };
-
-  const codeOverlayStyle: React.CSSProperties = {
-    paddingLeft: showLineNumbers ? '14px' : '18px',
-  };
-
-  const codeContent = (
-    <pre dir="ltr" className={codePreClass}>
-      {showLineNumbers ? (
-        <div contentEditable={false} className={gutterClass} aria-hidden="true">
-          {lineNumbers}
-        </div>
-      ) : null}
-      <code className={codeClassName} style={codeStyle}>
-        {!!languageValue && (
-          <pre className={overlayClass} style={codeOverlayStyle} aria-hidden="true" contentEditable={false}>
-            <ColorTokens as="span" code={codeText} lang={languageValue} />
-          </pre>
-        )}
-        <SetTrace name="isInCodeBlock" value={true}>
-          {children}
-        </SetTrace>
-      </code>
-    </pre>
-  );
-
-  const header = (!readOnly || showReadOnlyMeta) && (
-    <div contentEditable={false} className={stickyHeaderClass}>
-      <div className={metaBarClass} style={metaBarStyle}>
-        {readOnly ? (
-          <div className={metaInputsClass}>
-            {!!fileNameValue && (
-              <span
-                className={metaLabelClass}
-                style={{
-                  opacity: !fileNameValue ? 0.68 : undefined,
-                  marginInlineStart: !fileNameValue ? 0 : metaLabelMarginLeft,
-                }}
-              >
-                {fileNameValue || 'Code block'}
-              </span>
-            )}
-            <CopyButton onCopy={getCodeText} width={28} height={28} rounder onMouseDown={preventMouseDown} />
-          </div>
-        ) : (
-          // biome-ignore lint/a11y/useKeyWithClickEvents: click handler only stops propagation; keyboard interaction lives on inner inputs
-          <div className={metaInputsClass} onMouseDown={stopPointerPropagation} onClick={stopPointerPropagation}>
-            <div className={metaPreviewClass}>
-              <span
-                className={metaLabelClass}
-                style={{
-                  opacity: !fileNameValue ? 0.68 : undefined,
-                  marginInlineStart: !fileNameValue ? 0 : metaLabelMarginLeft,
-                }}
-              >
-                {fileNameValue || <Iconista set="bootstrap" icon="file-earmark-code" width={16} height={16} />}
-              </span>
-            </div>
-
-            <div className={metaActionsClass}>
-              {!!languageValue && <Label className={metaChipClass}>{languageValue}</Label>}
-              <CopyButton onCopy={getCodeText} width={28} height={28} rounder onMouseDown={preventMouseDown} />
-              <Popup renderContext={() => <CodeBlockOptionsPopup element={element} />}>
-                <BasicButtonMore
-                  type="button"
-                  width={28}
-                  height={28}
-                  rounder
-                  tooltip="Code block options"
-                  onMouseDown={preventMouseDown}
-                />
-              </Popup>
-            </div>
-          </div>
-        )}
-      </div>
-    </div>
-  );
-
-  return (
-    <div
-      {...attributes}
-      className={codeWrapClass}
-      style={{'--code-hover-bg': styles.g(0, 0.02), textAlign: element.align} as React.CSSProperties}
-    >
-      <Paper round hover>
-        {header}
-        {codeContent}
-      </Paper>
-    </div>
-  );
-};
diff --git a/packages/mutxt-react/src/MuTxt/components/blocks/code-block/CodeBlockOptions.tsx b/packages/mutxt-react/src/MuTxt/components/blocks/code-block/CodeBlockOptions.tsx
deleted file mode 100644
index 634f94f3fd..0000000000
--- a/packages/mutxt-react/src/MuTxt/components/blocks/code-block/CodeBlockOptions.tsx
+++ /dev/null
@@ -1,167 +0,0 @@
-import * as React from 'react';
-import {rule} from 'nano-theme';
-import {BasicButtonMore} from '@jsonjoy.com/ui/lib/2-inline-block/BasicButton/BasicButtonMore';
-import {Checkbox} from '@jsonjoy.com/ui/lib/2-inline-block/Checkbox';
-import {Input} from '@jsonjoy.com/ui/lib/2-inline-block/Input';
-import {Slider} from '@jsonjoy.com/ui/lib/2-inline-block/Slider';
-import {ContextMenu} from '@jsonjoy.com/ui/lib/4-card/ContextMenu';
-import {Separator} from '@jsonjoy.com/ui/lib/3-list-item/Separator';
-import {Popup} from '@jsonjoy.com/ui/lib/4-card/Popup';
-import {FormRow} from '@jsonjoy.com/ui/lib/3-list-item/FormRow';
-import {MoveToViewport} from '@jsonjoy.com/ui/lib/utils/popup/MoveToViewport';
-import {useCodeBlockOptionsState} from './state';
-import {Space} from '@jsonjoy.com/ui/lib/3-list-item/Space';
-import type {MenuItem} from '@jsonjoy.com/ui/lib/4-card/StructuralMenu/types';
-
-const LANGUAGE_OPTIONS = [
-  'bash',
-  'c',
-  'cpp',
-  'css',
-  'go',
-  'html',
-  'java',
-  'js',
-  'json',
-  'jsx',
-  'py',
-  'rust',
-  'sh',
-  'sql',
-  'text',
-  'toml',
-  'ts',
-  'tsx',
-  'yaml',
-  'zsh',
-];
-
-const blockClass = rule({
-  bxz: 'border-box',
-  d: 'flex',
-  fld: 'column',
-  gap: '12px',
-  maxW: '400px',
-});
-
-const popupFieldRowClass = rule({
-  d: 'grid',
-  gridTemplateColumns: '1fr auto',
-  gap: '8px',
-  ai: 'center',
-});
-
-const stopInputKeyDown = (event: React.KeyboardEvent): void => {
-  event.stopPropagation();
-};
-
-const preventPopupMouseDown = (event: React.MouseEvent): void => {
-  event.preventDefault();
-  event.stopPropagation();
-};
-
-export const CodeBlockOptions: React.FC = () => {
-  const state = useCodeBlockOptionsState();
-  const fileName = state.fileName.use();
-  const language = state.language.use();
-  const wrapColumn = state.wrapColumn.use();
-  const showLineNumbers = state.showLineNumbers.use();
-
-  const languageMenu: MenuItem = {
-    name: 'Language',
-    minWidth: 220,
-    children: [
-      {
-        id: 'plain-text',
-        name: 'Plain text',
-        onSelect: () => state.setLanguage(''),
-        right: !language.trim() ? () => <span style={{fontSize: 11, opacity: 0.6}}>Current</span> : undefined,
-      },
-      {id: 'language-sep', name: 'language-sep', sep: true},
-      ...LANGUAGE_OPTIONS.map((option) => ({
-        id: option,
-        name: option,
-        display: () => <code>.{option}</code>,
-        onSelect: () => state.setLanguage(option),
-        right:
-          language.trim().toLowerCase() === option
-            ? () => <span style={{fontSize: 11, opacity: 0.6}}>Current</span>
-            : undefined,
-      })),
-    ],
-  };
-
-  return (
-    <div className={blockClass}>
-      <Input
-        type="text"
-        value={fileName}
-        label="File name"
-        placeholder="file.txt"
-        focus
-        onChange={state.setFileName}
-        onKeyDown={stopInputKeyDown}
-        onEnter={(event) => {
-          event.preventDefault();
-          event.stopPropagation();
-          state.apply();
-        }}
-        onEsc={(event) => {
-          event.preventDefault();
-          event.stopPropagation();
-          state.cancel();
-        }}
-        onBlur={state.inferLanguageFromFileName}
-      />
-
-      <div className={popupFieldRowClass}>
-        <Input
-          type="text"
-          value={language}
-          label="Language"
-          placeholder="txt"
-          onChange={state.setLanguage}
-          onKeyDown={stopInputKeyDown}
-          onEnter={(event) => {
-            event.preventDefault();
-            event.stopPropagation();
-            state.apply();
-          }}
-          onEsc={(event) => {
-            event.preventDefault();
-            event.stopPropagation();
-            state.cancel();
-          }}
-        />
-        <Popup
-          renderContext={() => (
-            <MoveToViewport vertical>
-              <ContextMenu inset menu={languageMenu} />
-            </MoveToViewport>
-          )}
-        >
-          <BasicButtonMore type="button" size={32} compact rounder onMouseDown={preventPopupMouseDown} />
-        </Popup>
-      </div>
-
-      <Space size={-6} />
-      <Separator />
-
-      <FormRow title="Wrap guide" descriptionAbove description="Adjust the wrapping guide column position.">
-        <Slider value={wrapColumn} min={10} max={140} step={1} showValue onChange={state.setWrapColumn} />
-      </FormRow>
-
-      <Separator />
-
-      <FormRow
-        title="Show line numbers"
-        description="Show or hide the line number gutter on the left side of the code block."
-        right
-      >
-        <div style={{width: 60, marginTop: -8}}>
-          <Checkbox on={showLineNumbers} onChange={state.toggleShowLineNumbers} />
-        </div>
-      </FormRow>
-    </div>
-  );
-};
diff --git a/packages/mutxt-react/src/MuTxt/components/blocks/code-block/CodeBlockOptionsPopup.tsx b/packages/mutxt-react/src/MuTxt/components/blocks/code-block/CodeBlockOptionsPopup.tsx
deleted file mode 100644
index 892b846051..0000000000
--- a/packages/mutxt-react/src/MuTxt/components/blocks/code-block/CodeBlockOptionsPopup.tsx
+++ /dev/null
@@ -1,39 +0,0 @@
-import * as React from 'react';
-import {useSlateStatic} from 'slate-react';
-import {usePopup} from '@jsonjoy.com/ui/lib/4-card/Popup/context';
-import {EditorContextPopup} from '../../../chrome/EditorContextPopup';
-import type {CodeBlockElement as CodeBlockElementType} from '../../../types';
-import {CodeBlockOptions} from './CodeBlockOptions';
-import {CodeBlockOptionsStateProvider, useCodeBlockOptionsState} from './state';
-
-export interface CodeBlockOptionsPopupProps {
-  element: CodeBlockElementType;
-}
-
-const CodeBlockOptionsPopupBody: React.FC = () => {
-  const state = useCodeBlockOptionsState();
-
-  return (
-    <EditorContextPopup
-      title="Code block details"
-      subtitle="Set code block metadata and display options"
-      minWidth={300}
-      // noMargin
-      onCancel={state.cancel}
-      onApply={state.apply}
-    >
-      <CodeBlockOptions />
-    </EditorContextPopup>
-  );
-};
-
-export const CodeBlockOptionsPopup: React.FC<CodeBlockOptionsPopupProps> = ({element}) => {
-  const editor = useSlateStatic();
-  const popup = usePopup();
-
-  return (
-    <CodeBlockOptionsStateProvider editor={editor} element={element} closePopup={() => popup?.close()}>
-      <CodeBlockOptionsPopupBody />
-    </CodeBlockOptionsStateProvider>
-  );
-};
diff --git a/packages/mutxt-react/src/MuTxt/components/blocks/code-block/settings.ts b/packages/mutxt-react/src/MuTxt/components/blocks/code-block/settings.ts
deleted file mode 100644
index 74a57bab35..0000000000
--- a/packages/mutxt-react/src/MuTxt/components/blocks/code-block/settings.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-export const DEFAULT_CODE_BLOCK_WRAP_COLUMN = 80;
-export const DEFAULT_CODE_BLOCK_SHOW_LINE_NUMBERS = true;
-
-const roundPositive = (value: number | undefined, fallback: number): number => {
-  if (typeof value !== 'number' || !Number.isFinite(value)) return fallback;
-  return Math.max(0, Math.round(value));
-};
-
-export const getCodeBlockWrapColumn = (value?: number): number => {
-  const nextValue = roundPositive(value, DEFAULT_CODE_BLOCK_WRAP_COLUMN);
-  return nextValue > 0 ? nextValue : DEFAULT_CODE_BLOCK_WRAP_COLUMN;
-};
-
-export const getCodeBlockShowLineNumbers = (value?: boolean): boolean =>
-  value === undefined ? DEFAULT_CODE_BLOCK_SHOW_LINE_NUMBERS : value;
-
-export const getStoredCodeBlockWrapColumn = (value: number): number | undefined => {
-  const nextValue = getCodeBlockWrapColumn(value);
-  return nextValue === DEFAULT_CODE_BLOCK_WRAP_COLUMN ? undefined : nextValue;
-};
-
-export const getStoredCodeBlockShowLineNumbers = (value: boolean): boolean | undefined =>
-  value === DEFAULT_CODE_BLOCK_SHOW_LINE_NUMBERS ? undefined : value;
diff --git a/packages/mutxt-react/src/MuTxt/components/blocks/code-block/state.ts b/packages/mutxt-react/src/MuTxt/components/blocks/code-block/state.ts
deleted file mode 100644
index b06dd5d0e0..0000000000
--- a/packages/mutxt-react/src/MuTxt/components/blocks/code-block/state.ts
+++ /dev/null
@@ -1,190 +0,0 @@
-import * as React from 'react';
-import {rsync} from '@jsonjoy.com/ui';
-import {Transforms, type Editor} from 'slate';
-import {ReactEditor} from 'slate-react';
-import type {CodeBlockElement as CodeBlockElementType} from '../../../types';
-import * as settings from './settings';
-
-const getElementSignature = (element: CodeBlockElementType): string =>
-  JSON.stringify([
-    element.language ?? '',
-    element.fileName ?? '',
-    element.wrap ?? null,
-    element.showLineNumbers ?? null,
-  ]);
-
-const CodeBlockOptionsStateContext = React.createContext<CodeBlockOptionsState | null>(null);
-
-export class CodeBlockOptionsState {
-  public readonly fileName = rsync.val('');
-  public readonly language = rsync.val('');
-  public readonly wrapColumn = rsync.val(0);
-  public readonly showLineNumbers = rsync.val(true);
-
-  private element: CodeBlockElementType;
-  private signature = '';
-  private closePopup?: () => void;
-
-  constructor(
-    private readonly editor: Editor,
-    element: CodeBlockElementType,
-    closePopup?: () => void,
-  ) {
-    this.element = element;
-    this.closePopup = closePopup;
-    this.syncFromElement(element);
-  }
-
-  public readonly setElement = (element: CodeBlockElementType): void => {
-    const signature = getElementSignature(element);
-    this.element = element;
-    if (signature === this.signature) return;
-    this.syncFromElement(element, signature);
-  };
-
-  public readonly setClosePopup = (closePopup?: () => void): void => {
-    this.closePopup = closePopup;
-  };
-
-  public readonly setFileName = (value: string): void => {
-    this.fileName.set(value);
-  };
-
-  public readonly setLanguage = (value: string): void => {
-    this.language.set(value);
-  };
-
-  public readonly setWrapColumn = (value: number): void => {
-    this.wrapColumn.set(settings.getCodeBlockWrapColumn(value));
-  };
-
-  public readonly toggleShowLineNumbers = (): void => {
-    this.showLineNumbers.set(!this.showLineNumbers.value);
-  };
-
-  public readonly inferLanguageFromFileName = (): void => {
-    if (this.language.value.trim() !== '') return;
-    const extension = this.fileName.value.split('.').pop()?.trim() || '';
-    if (extension && extension !== this.language.value.trim()) this.language.set(extension);
-  };
-
-  public readonly cancel = (): void => {
-    this.syncFromElement(this.element);
-    this.closePopup?.();
-  };
-
-  public readonly apply = (): void => {
-    const nextLanguage = this.language.value.trim();
-    const nextFileName = this.fileName.value.trim();
-    const nextWrapColumn = settings.getStoredCodeBlockWrapColumn(this.wrapColumn.value);
-    const nextShowLineNumbers = settings.getStoredCodeBlockShowLineNumbers(this.showLineNumbers.value);
-
-    this.applyMetaValue('language', nextLanguage, this.element.language);
-    this.applyMetaValue('fileName', nextFileName, this.element.fileName);
-    this.applyNumberMetaValue('wrap', nextWrapColumn, this.element.wrap);
-    this.applyBooleanMetaValue('showLineNumbers', nextShowLineNumbers, this.element.showLineNumbers);
-    this.removeDeprecatedMetaValues();
-
-    this.fileName.set(nextFileName);
-    this.language.set(nextLanguage);
-    this.wrapColumn.set(settings.getCodeBlockWrapColumn(nextWrapColumn));
-    this.showLineNumbers.set(settings.getCodeBlockShowLineNumbers(nextShowLineNumbers));
-
-    this.closePopup?.();
-  };
-
-  public readonly dispose = (): void => {};
-
-  private readonly syncFromElement = (
-    element: CodeBlockElementType,
-    signature = getElementSignature(element),
-  ): void => {
-    this.signature = signature;
-    this.fileName.set(element.fileName ?? '');
-    this.language.set(element.language ?? '');
-    this.wrapColumn.set(settings.getCodeBlockWrapColumn(element.wrap));
-    this.showLineNumbers.set(settings.getCodeBlockShowLineNumbers(element.showLineNumbers));
-  };
-
-  private readonly applyMetaValue = (field: 'language' | 'fileName', value: string, currentValue?: string): void => {
-    const nextValue = value.trim();
-    const prevValue = currentValue?.trim() ?? '';
-    if (nextValue === prevValue) return;
-
-    const path = ReactEditor.findPath(this.editor, this.element);
-    if (nextValue) {
-      Transforms.setNodes(this.editor, {[field]: nextValue} as Partial<CodeBlockElementType>, {at: path});
-    } else {
-      Transforms.unsetNodes(this.editor, field, {at: path});
-    }
-  };
-
-  private readonly applyNumberMetaValue = (field: 'wrap', value: number | undefined, currentValue?: number): void => {
-    if (value === currentValue) return;
-    const path = ReactEditor.findPath(this.editor, this.element);
-    if (value !== undefined) {
-      Transforms.setNodes(this.editor, {[field]: value} as Partial<CodeBlockElementType>, {at: path});
-    } else {
-      Transforms.unsetNodes(this.editor, field, {at: path});
-    }
-  };
-
-  private readonly applyBooleanMetaValue = (
-    field: 'showLineNumbers',
-    value: boolean | undefined,
-    currentValue?: boolean,
-  ): void => {
-    if (value === currentValue) return;
-    const path = ReactEditor.findPath(this.editor, this.element);
-    if (value !== undefined) {
-      Transforms.setNodes(this.editor, {[field]: value} as Partial<CodeBlockElementType>, {at: path});
-    } else {
-      Transforms.unsetNodes(this.editor, field, {at: path});
-    }
-  };
-
-  private readonly removeDeprecatedMetaValues = (): void => {
-    const legacyElement = this.element as CodeBlockElementType & {scrollAfterLines?: number; previewLines?: number};
-    if (legacyElement.scrollAfterLines === undefined && legacyElement.previewLines === undefined) return;
-    const path = ReactEditor.findPath(this.editor, this.element);
-    Transforms.unsetNodes(this.editor, ['scrollAfterLines', 'previewLines'], {at: path});
-  };
-}
-
-export interface CodeBlockOptionsStateProviderProps {
-  editor: Editor;
-  element: CodeBlockElementType;
-  closePopup?: () => void;
-  children: React.ReactNode;
-}
-
-export const CodeBlockOptionsStateProvider: React.FC<CodeBlockOptionsStateProviderProps> = ({
-  editor,
-  element,
-  closePopup,
-  children,
-}) => {
-  const stateRef = React.useRef<CodeBlockOptionsState | null>(null);
-  if (!stateRef.current) stateRef.current = new CodeBlockOptionsState(editor, element, closePopup);
-  const state = stateRef.current;
-
-  React.useEffect(() => {
-    state.setClosePopup(closePopup);
-  }, [closePopup, state]);
-
-  React.useEffect(() => {
-    state.setElement(element);
-  }, [element, state]);
-
-  React.useEffect(() => {
-    return () => state.dispose();
-  }, [state]);
-
-  return React.createElement(CodeBlockOptionsStateContext.Provider, {value: state}, children);
-};
-
-export const useCodeBlockOptionsState = (): CodeBlockOptionsState => {
-  const state = React.useContext(CodeBlockOptionsStateContext);
-  if (!state) throw new Error('CodeBlockOptionsStateContext is not available.');
-  return state;
-};
diff --git a/packages/mutxt-react/src/MuTxt/components/blocks/file/BrokenFileCard.tsx b/packages/mutxt-react/src/MuTxt/components/blocks/file/BrokenFileCard.tsx
deleted file mode 100644
index 1e4c593646..0000000000
--- a/packages/mutxt-react/src/MuTxt/components/blocks/file/BrokenFileCard.tsx
+++ /dev/null
@@ -1,33 +0,0 @@
-import * as React from 'react';
-import {Paper} from '@jsonjoy.com/ui/lib/4-card/Paper';
-import {FileIcon} from '@jsonjoy.com/ui/lib/1-inline/FileIcon';
-import FileListItem from '@jsonjoy.com/ui/lib/3-list-item/FileListItem';
-import {VoidSelectionOverlay} from '../VoidSelectionOverlay';
-
-export interface BrokenFileCardProps {
-  thingId: string;
-  selected: boolean;
-}
-
-export const BrokenFileCard: React.FC<BrokenFileCardProps> = ({thingId, selected}) => {
-  return (
-    <Paper
-      noOutline
-      round
-      style={{
-        margin: '4px 0',
-        position: 'relative',
-        userSelect: 'none',
-      }}
-    >
-      <FileListItem
-        fill
-        spacious
-        icon={<FileIcon label={'404'} ext="txt" size={32} />}
-        title={'Missing file'}
-        metadata={`Reference ${thingId} could not be resolved`}
-      />
-      <VoidSelectionOverlay selected={selected} />
-    </Paper>
-  );
-};
diff --git a/packages/mutxt-react/src/MuTxt/components/blocks/file/FileElement.tsx b/packages/mutxt-react/src/MuTxt/components/blocks/file/FileElement.tsx
deleted file mode 100644
index f04cd71d5e..0000000000
--- a/packages/mutxt-react/src/MuTxt/components/blocks/file/FileElement.tsx
+++ /dev/null
@@ -1,34 +0,0 @@
-import * as React from 'react';
-import {useFocused, useSelected, type RenderElementProps} from 'slate-react';
-import {useMuTxt} from '../../../context';
-import {BrokenFileCard} from './BrokenFileCard';
-import {ResolvedFileCard} from './ResolvedFileCard';
-import type {FileElement as FileElementType, FileThing} from '../../../types';
-
-export interface FileElementProps extends RenderElementProps {
-  element: FileElementType;
-}
-
-export const FileElement: React.FC<FileElementProps> = ({attributes, children, element}) => {
-  const mutxt = useMuTxt();
-  mutxt.things.version.use();
-  const isSelected = useSelected();
-  const isFocused = useFocused();
-  const selected = isSelected && isFocused;
-
-  const thingId = element['@thing'];
-  const thing = thingId ? (mutxt.things.get(thingId) as FileThing | undefined) : undefined;
-
-  return (
-    <div {...attributes}>
-      <div contentEditable={false}>
-        {thing ? (
-          <ResolvedFileCard thing={thing} selected={selected} element={element} />
-        ) : (
-          <BrokenFileCard thingId={thingId} selected={selected} />
-        )}
-      </div>
-      {children}
-    </div>
-  );
-};
diff --git a/packages/mutxt-react/src/MuTxt/components/blocks/file/FileOptions.tsx b/packages/mutxt-react/src/MuTxt/components/blocks/file/FileOptions.tsx
deleted file mode 100644
index 630525ddb8..0000000000
--- a/packages/mutxt-react/src/MuTxt/components/blocks/file/FileOptions.tsx
+++ /dev/null
@@ -1,65 +0,0 @@
-import * as React from 'react';
-import {rule} from 'nano-theme';
-import {Input} from '@jsonjoy.com/ui/lib/2-inline-block/Input';
-import {useFileOptions} from './context';
-import {useT} from 'use-t';
-
-const blockClass = rule({
-  bxz: 'border-box',
-  d: 'flex',
-  fld: 'column',
-  gap: '12px',
-  maxW: '500px',
-});
-
-const stopInputKeyDown = (event: React.KeyboardEvent): void => {
-  event.stopPropagation();
-};
-
-export const FileOptions: React.FC = () => {
-  const [t] = useT();
-  const state = useFileOptions();
-  const caption = state.caption.use();
-  const displayName = state.displayName.use();
-
-  return (
-    <div className={blockClass}>
-      <Input
-        type="text"
-        value={displayName}
-        label={t('File name')}
-        placeholder={t('Original filename')}
-        onChange={state.setDisplayName}
-        onKeyDown={stopInputKeyDown}
-        onEnter={(event) => {
-          event.preventDefault();
-          event.stopPropagation();
-          state.apply();
-        }}
-        onEsc={(event) => {
-          event.preventDefault();
-          event.stopPropagation();
-          state.cancel();
-        }}
-      />
-      <Input
-        type="text"
-        value={caption}
-        label={t('Caption (optional)')}
-        placeholder={t('About this file')}
-        onChange={state.setCaption}
-        onKeyDown={stopInputKeyDown}
-        onEnter={(event) => {
-          event.preventDefault();
-          event.stopPropagation();
-          state.apply();
-        }}
-        onEsc={(event) => {
-          event.preventDefault();
-          event.stopPropagation();
-          state.cancel();
-        }}
-      />
-    </div>
-  );
-};
diff --git a/packages/mutxt-react/src/MuTxt/components/blocks/file/FileOptionsPopup.tsx b/packages/mutxt-react/src/MuTxt/components/blocks/file/FileOptionsPopup.tsx
deleted file mode 100644
index b065468192..0000000000
--- a/packages/mutxt-react/src/MuTxt/components/blocks/file/FileOptionsPopup.tsx
+++ /dev/null
@@ -1,75 +0,0 @@
-import * as React from 'react';
-import {useT} from 'use-t';
-import {usePopup} from '@jsonjoy.com/ui/lib/4-card/Popup/context';
-import {BasicButton} from '@jsonjoy.com/ui/lib/2-inline-block/BasicButton';
-import {BasicButtonDelete} from '@jsonjoy.com/ui/lib/2-inline-block/BasicButton/BasicButtonDelete';
-import {BasicTooltip} from '@jsonjoy.com/ui/lib/4-card/BasicTooltip';
-import {Iconista} from '@jsonjoy.com/ui/lib/icons/Iconista';
-import {EditorContextPopup} from '../../../chrome/EditorContextPopup';
-import {FileOptions} from './FileOptions';
-import {FileOptionsState} from './state';
-import {ctx} from './context';
-import {useMuTxt} from '../../../context';
-import type {FileElement as FileElementType} from '../../../types';
-
-const preventMouseDown = (event: React.MouseEvent): void => {
-  event.preventDefault();
-};
-
-const stopBubble = (event: React.SyntheticEvent): void => {
-  event.stopPropagation();
-};
-
-export interface FileOptionsPopupProps {
-  element: FileElementType;
-}
-
-export const FileOptionsPopup: React.FC<FileOptionsPopupProps> = ({element}) => {
-  const [t] = useT();
-  const popup = usePopup();
-  const mutxt = useMuTxt();
-  const state = React.useMemo(() => new FileOptionsState(mutxt, element, popup?.close), [mutxt, element, popup]);
-
-  const headerRight = (
-    // biome-ignore lint/a11y/useKeyWithClickEvents: click handler only stops bubbling; keyboard interaction is on inner buttons
-    <div style={{display: 'flex', alignItems: 'center', gap: 6}} onMouseDown={stopBubble} onClick={stopBubble}>
-      <BasicTooltip nowrap renderTooltip={() => t('Download')}>
-        <BasicButton
-          type="button"
-          width={32}
-          height={32}
-          rounder
-          onMouseDown={preventMouseDown}
-          onClick={state.download}
-        >
-          <Iconista set={'lucide' as any} icon={'download' as any} width={16} height={16} />
-        </BasicButton>
-      </BasicTooltip>
-      <BasicTooltip nowrap renderTooltip={() => t('Remove file')}>
-        <BasicButtonDelete
-          type="button"
-          width={32}
-          height={32}
-          rounder
-          onMouseDown={preventMouseDown}
-          onConfirm={state.remove}
-        />
-      </BasicTooltip>
-    </div>
-  );
-
-  return (
-    <ctx.Provider value={state}>
-      <EditorContextPopup
-        title={t('File details')}
-        subtitle={t('Rename, caption, or download the file.')}
-        headerRight={headerRight}
-        minWidth={360}
-        onCancel={state.cancel}
-        onApply={state.apply}
-      >
-        <FileOptions />
-      </EditorContextPopup>
-    </ctx.Provider>
-  );
-};
diff --git a/packages/mutxt-react/src/MuTxt/components/blocks/file/MediaPreview.tsx b/packages/mutxt-react/src/MuTxt/components/blocks/file/MediaPreview.tsx
deleted file mode 100644
index f1c348d071..0000000000
--- a/packages/mutxt-react/src/MuTxt/components/blocks/file/MediaPreview.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-import * as React from 'react';
-import {rule} from 'nano-theme';
-import {useObjectUrl} from './useObjectUrl';
-import type {FileThing} from '../../../types';
-
-const imgClass = rule({
-  display: 'block',
-  maxW: '100%',
-  maxH: '480px',
-  bdrad: '6px',
-  bxz: 'border-box',
-});
-
-const mediaClass = rule({
-  display: 'block',
-  w: '100%',
-  bdrad: '6px',
-  bxz: 'border-box',
-});
-
-export type MediaKind = 'image' | 'video' | 'audio';
-
-export interface MediaPreviewProps {
-  thing: FileThing;
-  kind: MediaKind;
-}
-
-export const MediaPreview: React.FC<MediaPreviewProps> = ({thing, kind}) => {
-  const url = useObjectUrl(thing.data, thing.mimeType);
-  if (!url) return null;
-  if (kind === 'image') {
-    return (
-      <div style={{display: 'flex', justifyContent: 'center'}}>
-        <img className={imgClass} src={url} alt={thing.name || 'image'} />
-      </div>
-    );
-  }
-  // biome-ignore lint/a11y/useMediaCaption: caption track is unavailable for user-uploaded media
-  if (kind === 'video') return <video className={mediaClass} src={url} controls />;
-  // biome-ignore lint/a11y/useMediaCaption: caption track is unavailable for user-uploaded media
-  return <audio className={mediaClass} src={url} controls />;
-};
diff --git a/packages/mutxt-react/src/MuTxt/components/blocks/file/ResolvedFileCard.tsx b/packages/mutxt-react/src/MuTxt/components/blocks/file/ResolvedFileCard.tsx
deleted file mode 100644
index 797a425bbe..0000000000
--- a/packages/mutxt-react/src/MuTxt/components/blocks/file/ResolvedFileCard.tsx
+++ /dev/null
@@ -1,233 +0,0 @@
-import * as React from 'react';
-import {rule} from 'nano-theme';
-import {Paper} from '@jsonjoy.com/ui/lib/4-card/Paper';
-import {FileIcon} from '@jsonjoy.com/ui/lib/1-inline/FileIcon';
-import {FileListItem} from '@jsonjoy.com/ui/lib/3-list-item/FileListItem';
-import {useStyles} from '@jsonjoy.com/ui/lib/styles/context';
-import {FlexibleInput} from 'flexible-input';
-import {MediaPreview, type MediaKind} from './MediaPreview';
-import {BasicButtonMore} from '@jsonjoy.com/ui/lib/2-inline-block/BasicButton/BasicButtonMore';
-import {Button} from '@jsonjoy.com/ui/lib/2-inline-block/Button';
-import {Popup} from '@jsonjoy.com/ui/lib/4-card/Popup';
-import {FileOptionsPopup} from './FileOptionsPopup';
-import {Iconista} from '@jsonjoy.com/ui/lib/icons/Iconista';
-import {Transforms} from 'slate';
-import {useReadOnly, ReactEditor} from 'slate-react';
-import {useT} from 'use-t';
-import {FileOptionsState} from './state';
-import {VoidSelectionOverlay} from '../VoidSelectionOverlay';
-import {useMuTxt} from '../../../context';
-import type {FileElement as FileElementType, FileThing} from '../../../types';
-
-const captionClass = rule({
-  textAlign: 'center',
-  fz: '13px',
-  lh: 1.4,
-  mt: '6px',
-});
-
-const formatFileSize = (bytes: number): string => {
-  if (!Number.isFinite(bytes) || bytes < 0) return '';
-  if (bytes < 1024) return `${bytes} B`;
-  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(bytes < 10 * 1024 ? 1 : 0)} KB`;
-  if (bytes < 1024 * 1024 * 1024) return `${(bytes / (1024 * 1024)).toFixed(bytes < 10 * 1024 * 1024 ? 1 : 0)} MB`;
-  return `${(bytes / (1024 * 1024 * 1024)).toFixed(1)} GB`;
-};
-
-const getExtensionLabel = (thing: FileThing): string => {
-  if (thing.name) {
-    const dot = thing.name.lastIndexOf('.');
-    if (dot >= 0 && dot < thing.name.length - 1) return thing.name.slice(dot + 1).toLowerCase();
-  }
-  if (thing.mimeType) {
-    const slash = thing.mimeType.indexOf('/');
-    if (slash >= 0) return thing.mimeType.slice(slash + 1).toLowerCase();
-  }
-  return 'file';
-};
-
-const getMediaKind = (mime: string): MediaKind | null => {
-  if (/^image\//i.test(mime)) return 'image';
-  if (/^video\//i.test(mime)) return 'video';
-  if (/^audio\//i.test(mime)) return 'audio';
-  return null;
-};
-
-const stopMouseDown = (event: React.MouseEvent): void => {
-  event.preventDefault();
-  event.stopPropagation();
-};
-
-const bindVoidInputKeyDown = (el: HTMLElement | null, editor: ReactEditor, onCancel?: () => void): (() => void) => {
-  if (!el) return () => {};
-  const handler: EventListener = (evt: Event) => {
-    const e = evt as KeyboardEvent;
-    e.stopPropagation();
-    if (e.key === 'Enter' || e.key === 'Tab') {
-      e.preventDefault();
-      (e.target as HTMLElement).blur();
-      requestAnimationFrame(() => ReactEditor.focus(editor));
-    } else if (e.key === 'Escape') {
-      e.preventDefault();
-      onCancel?.();
-      (e.target as HTMLElement).blur();
-      requestAnimationFrame(() => ReactEditor.focus(editor));
-    }
-  };
-  el.addEventListener('keydown', handler);
-  return () => el.removeEventListener('keydown', handler);
-};
-
-export interface ResolvedFileCardProps {
-  thing: FileThing;
-  selected: boolean;
-  element: FileElementType;
-}
-
-export const ResolvedFileCard: React.FC<ResolvedFileCardProps> = ({thing, selected, element}) => {
-  const [t] = useT();
-  const mutxt = useMuTxt();
-  const styles = useStyles();
-  const readOnly = useReadOnly();
-  const mediaKind = getMediaKind(thing.mimeType || '');
-
-  const [nameValue, setNameValue] = React.useState(thing.name ?? '');
-  const focused = React.useRef(false);
-  React.useEffect(() => {
-    if (!focused.current) setNameValue(thing.name ?? '');
-  }, [thing.name]);
-
-  const commitName = () => {
-    focused.current = false;
-    const obj = mutxt.things.obj.obj(thing['@id'], true);
-    obj?.mergeKeys({name: nameValue.trim() || undefined});
-  };
-
-  const [nameInputEl, setNameInputEl] = React.useState<HTMLInputElement | HTMLTextAreaElement | null>(null);
-  React.useEffect(() => {
-    if (readOnly) return;
-    return bindVoidInputKeyDown(nameInputEl, mutxt.editor, () => {
-      setNameValue(thing.name ?? '');
-      focused.current = false;
-    });
-  }, [nameInputEl, readOnly, thing.name, mutxt.editor]);
-
-  const [captionValue, setCaptionValue] = React.useState(element.caption ?? '');
-  const captionFocused = React.useRef(false);
-  React.useEffect(() => {
-    if (!captionFocused.current) setCaptionValue(element.caption ?? '');
-  }, [element.caption]);
-
-  const commitCaption = () => {
-    captionFocused.current = false;
-    const editor = mutxt.editor;
-    const path = ReactEditor.findPath(editor, element);
-    const next = captionValue.trim();
-    if (next) Transforms.setNodes(editor, {caption: next} as Partial<FileElementType>, {at: path});
-    else Transforms.unsetNodes(editor, 'caption', {at: path});
-  };
-
-  const captionRef = React.useRef<HTMLDivElement>(null);
-  React.useEffect(() => {
-    if (readOnly) return;
-    return bindVoidInputKeyDown(captionRef.current, mutxt.editor, () => {
-      setCaptionValue(element.caption ?? '');
-      captionFocused.current = false;
-    });
-  }, [readOnly, element.caption, mutxt.editor]);
-
-  const options = !readOnly && (
-    <Popup renderContext={() => <FileOptionsPopup element={element} />}>
-      <BasicButtonMore
-        type="button"
-        width={32}
-        height={32}
-        rounder
-        tooltip={t('File options')}
-        onMouseDown={stopMouseDown}
-      />
-    </Popup>
-  );
-
-  const body = mediaKind ? (
-    <MediaPreview thing={thing} kind={mediaKind} />
-  ) : (
-    <FileListItem
-      fill
-      spacious
-      icon={<FileIcon label={getExtensionLabel(thing)} ext={getExtensionLabel(thing)} id={thing['@id']} size={32} />}
-      title={
-        readOnly ? (
-          thing.name || t('Untitled file')
-        ) : (
-          <FlexibleInput
-            inp={setNameInputEl}
-            value={nameValue}
-            minWidth={120}
-            onChange={(e) => setNameValue(e.target.value)}
-            onFocus={() => {
-              focused.current = true;
-            }}
-            onBlur={commitName}
-          />
-        )
-      }
-      metadata={[thing.mimeType, formatFileSize(thing.size)].filter(Boolean).join(' • ')}
-      actions={
-        <div style={{display: 'flex', gap: 16, paddingInlineEnd: 4}}>
-          <Button
-            compact
-            size={-1}
-            icon={<Iconista set={'tabler'} icon={'download'} width={16} height={16} />}
-            onClick={() => {
-              const state = new FileOptionsState(mutxt, element);
-              state.download();
-            }}
-          >
-            {t('Download')}
-          </Button>
-          {options}
-        </div>
-      }
-    />
-  );
-
-  return (
-    <Paper
-      noOutline
-      round
-      style={{
-        margin: '4px 0',
-        position: 'relative',
-        userSelect: 'none',
-      }}
-    >
-      {body}
-      {!!mediaKind && selected && <div style={{position: 'absolute', top: 0, insetInlineEnd: -46}}>{options}</div>}
-      <VoidSelectionOverlay selected={selected} />
-      {element.caption || !readOnly ? (
-        <div
-          ref={captionRef}
-          contentEditable={false}
-          className={captionClass}
-          style={{color: styles.g(0.42), padding: '8px 8px 4px'}}
-        >
-          {readOnly ? (
-            element.caption
-          ) : (
-            <FlexibleInput
-              value={captionValue}
-              minWidth={80}
-              typeahead={captionValue ? '' : t('Add caption…')}
-              onChange={(e) => setCaptionValue(e.target.value)}
-              onFocus={() => {
-                captionFocused.current = true;
-              }}
-              onBlur={commitCaption}
-            />
-          )}
-        </div>
-      ) : null}
-    </Paper>
-  );
-};
diff --git a/packages/mutxt-react/src/MuTxt/components/blocks/file/context.ts b/packages/mutxt-react/src/MuTxt/components/blocks/file/context.ts
deleted file mode 100644
index a9f95132cf..0000000000
--- a/packages/mutxt-react/src/MuTxt/components/blocks/file/context.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import * as React from 'react';
-import type {FileOptionsState} from './state';
-
-export const ctx = React.createContext<FileOptionsState | null>(null);
-export const useFileOptions = (): FileOptionsState => {
-  const state = React.useContext(ctx);
-  if (!state) throw new Error('NO_CTX');
-  return state;
-};
diff --git a/packages/mutxt-react/src/MuTxt/components/blocks/file/state.ts b/packages/mutxt-react/src/MuTxt/components/blocks/file/state.ts
deleted file mode 100644
index 8e1ae76fcd..0000000000
--- a/packages/mutxt-react/src/MuTxt/components/blocks/file/state.ts
+++ /dev/null
@@ -1,81 +0,0 @@
-import {rsync} from '@jsonjoy.com/ui';
-import {Transforms} from 'slate';
-import {ReactEditor} from 'slate-react';
-import {downloadBlob} from '@jsonjoy.com/collaborative-ui/lib/util/downloadBlob';
-import {removeFileAtPath} from '../../../behavior/file';
-import type {MuTxtState} from '../../../state/MuTxtState';
-import type {FileElement, FileThing, Thing} from '../../../types';
-
-export class FileOptionsState {
-  public readonly caption = rsync.val('');
-  public readonly displayName = rsync.val('');
-
-  constructor(
-    public readonly mutxt: MuTxtState,
-    public element: FileElement,
-    public closePopup?: () => void,
-  ) {
-    this.syncFromElement(element);
-  }
-
-  public readonly setElement = (element: FileElement): void => {
-    this.element = element;
-    this.syncFromElement(element);
-  };
-
-  public readonly setClosePopup = (closePopup?: () => void): void => {
-    this.closePopup = closePopup;
-  };
-
-  public readonly setCaption = (value: string): void => {
-    this.caption.set(value);
-  };
-
-  public readonly setDisplayName = (value: string): void => {
-    this.displayName.set(value);
-  };
-
-  public readonly cancel = (): void => {
-    this.syncFromElement(this.element);
-    this.closePopup?.();
-  };
-
-  public readonly apply = (): void => {
-    const editor = this.mutxt.editor;
-    const path = ReactEditor.findPath(editor, this.element);
-    const nextCaption = this.caption.value.trim();
-    const prevCaption = (this.element.caption ?? '').trim();
-    if (nextCaption !== prevCaption) {
-      if (nextCaption) {
-        Transforms.setNodes(editor, {caption: nextCaption} as Partial<FileElement>, {at: path});
-      } else {
-        Transforms.unsetNodes(editor, 'caption', {at: path});
-      }
-    }
-    const nextName = this.displayName.value.trim();
-    const thing = this.mutxt.things.get(this.element['@thing']) as FileThing | undefined;
-    if (thing && nextName !== (thing.name ?? '')) {
-      this.mutxt.things.update(this.element['@thing'], {name: nextName || undefined} as Partial<Thing>);
-    }
-    this.closePopup?.();
-  };
-
-  public readonly remove = (): void => {
-    const editor = this.mutxt.editor;
-    const path = ReactEditor.findPath(editor, this.element);
-    if (removeFileAtPath(editor, path)) this.closePopup?.();
-  };
-
-  public readonly download = (): void => {
-    const thing = this.mutxt.things.get(this.element['@thing']) as FileThing | undefined;
-    if (!thing || !thing.data) return;
-    const blob = new Blob([thing.data as BlobPart], {type: thing.mimeType || 'application/octet-stream'});
-    downloadBlob(blob, thing.name || 'file');
-  };
-
-  private readonly syncFromElement = (element: FileElement): void => {
-    this.caption.set(element.caption ?? '');
-    const thing = this.mutxt.things.get(element['@thing']) as FileThing | undefined;
-    this.displayName.set(thing?.name ?? '');
-  };
-}
diff --git a/packages/mutxt-react/src/MuTxt/components/blocks/file/useObjectUrl.ts b/packages/mutxt-react/src/MuTxt/components/blocks/file/useObjectUrl.ts
deleted file mode 100644
index d08784c7ea..0000000000
--- a/packages/mutxt-react/src/MuTxt/components/blocks/file/useObjectUrl.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import * as React from 'react';
-
-const cache = new WeakMap<Uint8Array, string>();
-const registry =
-  typeof FinalizationRegistry !== 'undefined'
-    ? new FinalizationRegistry<string>((url) => {
-        try {
-          URL.revokeObjectURL(url);
-        } catch {}
-      })
-    : null;
-
-const create = (data: Uint8Array, mime?: string): string | null => {
-  try {
-    const blob = new Blob([data as BlobPart], {type: mime || 'application/octet-stream'});
-    return URL.createObjectURL(blob);
-  } catch {
-    return null;
-  }
-};
-
-const get = (data: Uint8Array, mime?: string): string | null => {
-  const cached = cache.get(data);
-  if (cached) return cached;
-  const url = create(data, mime);
-  if (!url) return null;
-  cache.set(data, url);
-  registry?.register(data, url);
-  return url;
-};
-
-export const useObjectUrl = (data: Uint8Array | undefined, mime: string | undefined): string | null =>
-  React.useMemo(() => (data && data.length ? get(data, mime) : null), [data, mime]);
diff --git a/packages/mutxt-react/src/MuTxt/components/blocks/hr/HrElement.tsx b/packages/mutxt-react/src/MuTxt/components/blocks/hr/HrElement.tsx
deleted file mode 100644
index 243d0a95c3..0000000000
--- a/packages/mutxt-react/src/MuTxt/components/blocks/hr/HrElement.tsx
+++ /dev/null
@@ -1,115 +0,0 @@
-import * as React from 'react';
-import {rule, useTheme} from 'nano-theme';
-import {useFocused, useReadOnly, useSelected, type RenderElementProps} from 'slate-react';
-import {BasicButtonMore} from '@jsonjoy.com/ui/lib/2-inline-block/BasicButton/BasicButtonMore';
-import {Popup} from '@jsonjoy.com/ui/lib/4-card/Popup';
-import {HrLine} from './HrLine';
-import {HrOptionsPopup} from './HrOptionsPopup';
-import {VoidSelectionOverlay} from '../VoidSelectionOverlay';
-import * as settings from './settings';
-import type {HrElement as HrElementType} from '../../../types';
-
-const blockClass = rule({
-  pos: 'relative',
-  d: 'flex',
-  ai: 'center',
-  jc: 'center',
-  bxz: 'border-box',
-  us: 'none',
-});
-
-const innerClass = rule({
-  d: 'flex',
-  ai: 'center',
-  jc: 'center',
-  gap: '12px',
-  w: '100%',
-});
-
-const textClass = rule({
-  fz: '12px',
-  lh: 1.4,
-  maxW: '90%',
-  ws: 'nowrap',
-  ov: 'hidden',
-  textOverflow: 'ellipsis',
-});
-
-const moreWrapClass = rule({
-  pos: 'absolute',
-  t: '50%',
-  r: '-32px',
-  tr: 'translateY(-50%)',
-  trs: 'opacity .2s',
-});
-
-export interface HrElementProps extends RenderElementProps {
-  element: HrElementType;
-}
-
-export const HrElement: React.FC<HrElementProps> = ({attributes, children, element}) => {
-  const theme = useTheme();
-  const readOnly = useReadOnly();
-  const isSelected = useSelected();
-  const isFocused = useFocused();
-  const selected = isSelected && isFocused;
-
-  const strokeWidth = settings.getHrStrokeWidth(element.strokeWidth);
-  const lineWidth = settings.getHrLineWidth(element.lineWidth);
-  const lineStyle = settings.getHrLineStyle(element.lineStyle);
-  const blockHeight = settings.getHrBlockHeight(element.blockHeight);
-  const caption = element.caption?.trim() ?? '';
-  const lineColor = theme.g(0.7);
-  const captionColor = theme.g(0.4);
-
-  const preventMouseDown = React.useCallback((event: React.MouseEvent) => {
-    event.preventDefault();
-    event.stopPropagation();
-  }, []);
-
-  return (
-    <div
-      {...attributes}
-      className={blockClass}
-      style={{
-        height: blockHeight,
-        textAlign: element.align,
-        borderRadius: 4,
-      }}
-    >
-      <div contentEditable={false} className={innerClass} style={{width: `${lineWidth}%`, color: lineColor}}>
-        {caption ? (
-          <>
-            <HrLine strokeWidth={strokeWidth} style={lineStyle} />
-            <span className={textClass} style={{color: captionColor}}>
-              {caption}
-            </span>
-            <HrLine strokeWidth={strokeWidth} style={lineStyle} />
-          </>
-        ) : (
-          <HrLine strokeWidth={strokeWidth} style={lineStyle} />
-        )}
-      </div>
-      <VoidSelectionOverlay selected={selected} />
-      {!readOnly && (
-        <span
-          contentEditable={false}
-          className={moreWrapClass}
-          style={{opacity: selected ? 1 : 0, pointerEvents: selected ? 'auto' : 'none'}}
-        >
-          <Popup renderContext={() => <HrOptionsPopup element={element} />}>
-            <BasicButtonMore
-              type="button"
-              width={24}
-              height={24}
-              rounder
-              tooltip="Separator options"
-              onMouseDown={preventMouseDown}
-            />
-          </Popup>
-        </span>
-      )}
-      {children}
-    </div>
-  );
-};
diff --git a/packages/mutxt-react/src/MuTxt/components/blocks/hr/HrLine.tsx b/packages/mutxt-react/src/MuTxt/components/blocks/hr/HrLine.tsx
deleted file mode 100644
index ae924babc2..0000000000
--- a/packages/mutxt-react/src/MuTxt/components/blocks/hr/HrLine.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import * as React from 'react';
-import {Line} from '@jsonjoy.com/ui/lib/3-list-item/Line';
-import type {HrLineStyle} from '../../../types';
-
-export type HrLineOrientation = 'horizontal' | 'vertical';
-
-export interface HrLineProps {
-  strokeWidth: number;
-  style: HrLineStyle;
-  orientation?: HrLineOrientation;
-}
-
-export const HrLine: React.FC<HrLineProps> = Line;
diff --git a/packages/mutxt-react/src/MuTxt/components/blocks/hr/HrOptions.tsx b/packages/mutxt-react/src/MuTxt/components/blocks/hr/HrOptions.tsx
deleted file mode 100644
index 3fffaf53e9..0000000000
--- a/packages/mutxt-react/src/MuTxt/components/blocks/hr/HrOptions.tsx
+++ /dev/null
@@ -1,120 +0,0 @@
-import * as React from 'react';
-import {rule} from 'nano-theme';
-import {Input} from '@jsonjoy.com/ui/lib/2-inline-block/Input';
-import {Slider} from '@jsonjoy.com/ui/lib/2-inline-block/Slider';
-import {Separator} from '@jsonjoy.com/ui/lib/3-list-item/Separator';
-import {FormRow} from '@jsonjoy.com/ui/lib/3-list-item/FormRow';
-import {Tabs} from '@jsonjoy.com/ui/lib/3-list-item/Tabs';
-import {LineStyleTabLabel} from '../LineStyleTab';
-import {useHrOptionsState} from './state';
-import * as settings from './settings';
-import type {HrLineStyle} from '../../../types';
-import {useT} from 'use-t';
-
-const blockClass = rule({
-  bxz: 'border-box',
-  d: 'flex',
-  fld: 'column',
-  gap: '12px',
-  maxW: '500px',
-});
-
-const STYLE_LABELS: Record<HrLineStyle, string> = {
-  solid: 'Line',
-  dashed: 'Dashed',
-  dotted: 'Dotted',
-  squiggly: 'Squiggly',
-};
-
-const stopInputKeyDown = (event: React.KeyboardEvent): void => {
-  event.stopPropagation();
-};
-
-const styleTabs = settings.HR_LINE_STYLES.map((style) => ({
-  key: style,
-  label: <LineStyleTabLabel style={style} label={STYLE_LABELS[style]} />,
-}));
-
-export const HrOptions: React.FC = () => {
-  const [t] = useT();
-  const state = useHrOptionsState();
-  const strokeWidth = state.strokeWidth.use();
-  const lineWidth = state.lineWidth.use();
-  const lineStyle = state.lineStyle.use();
-  const blockHeight = state.blockHeight.use();
-  const caption = state.caption.use();
-
-  const handleStyleChange = React.useCallback((key: string) => state.setLineStyle(key as HrLineStyle), [state]);
-
-  return (
-    <div className={blockClass}>
-      <Input
-        type="text"
-        value={caption}
-        label={t('Caption (optional)')}
-        placeholder={t('Between the lines')}
-        onChange={state.setCaption}
-        onKeyDown={stopInputKeyDown}
-        onEnter={(event) => {
-          event.preventDefault();
-          event.stopPropagation();
-          state.apply();
-        }}
-        onEsc={(event) => {
-          event.preventDefault();
-          event.stopPropagation();
-          state.cancel();
-        }}
-      />
-
-      <Separator />
-
-      <FormRow title={t('Line style')} descriptionAbove description={t('Choose how the line is drawn.')}>
-        <Tabs items={styleTabs} active={lineStyle} onChange={handleStyleChange} />
-      </FormRow>
-
-      <Separator />
-
-      <FormRow title={t('Line stroke')} descriptionAbove description={t('Thickness of the line in pixels.')}>
-        <Slider
-          value={strokeWidth}
-          min={settings.HR_STROKE_WIDTH_MIN}
-          max={settings.HR_STROKE_WIDTH_MAX}
-          step={1}
-          showValue
-          onChange={state.setStrokeWidth}
-        />
-      </FormRow>
-
-      <Separator />
-
-      <FormRow
-        title={t('Line width')}
-        descriptionAbove
-        description={t('Horizontal extent of the line as a percentage.')}
-      >
-        <Slider
-          value={lineWidth}
-          min={settings.HR_LINE_WIDTH_MIN}
-          max={settings.HR_LINE_WIDTH_MAX}
-          step={1}
-          showValue
-          onChange={state.setLineWidth}
-        />
-      </FormRow>
-
-      <Separator />
-
-      <FormRow title={t('Block height')} descriptionAbove description={t('Vertical space taken by the separator.')}>
-        <Slider
-          value={blockHeight}
-          min={settings.HR_BLOCK_HEIGHT_MIN}
-          max={settings.HR_BLOCK_HEIGHT_MAX}
-          step={1}
-          showValue
-          onChange={state.setBlockHeight}
-        />
-      </FormRow>
-    </div>
-  );
-};
diff --git a/packages/mutxt-react/src/MuTxt/components/blocks/hr/HrOptionsPopup.tsx b/packages/mutxt-react/src/MuTxt/components/blocks/hr/HrOptionsPopup.tsx
deleted file mode 100644
index af82574256..0000000000
--- a/packages/mutxt-react/src/MuTxt/components/blocks/hr/HrOptionsPopup.tsx
+++ /dev/null
@@ -1,40 +0,0 @@
-import * as React from 'react';
-import {useSlateStatic} from 'slate-react';
-import {usePopup} from '@jsonjoy.com/ui/lib/4-card/Popup/context';
-import {EditorContextPopup} from '../../../chrome/EditorContextPopup';
-import {HrOptions} from './HrOptions';
-import {HrOptionsStateProvider, useHrOptionsState} from './state';
-import type {HrElement as HrElementType} from '../../../types';
-import {useT} from 'use-t';
-
-export interface HrOptionsPopupProps {
-  element: HrElementType;
-}
-
-const HrOptionsPopupBody: React.FC = () => {
-  const [t] = useT();
-  const state = useHrOptionsState();
-
-  return (
-    <EditorContextPopup
-      title={t('Separator details')}
-      subtitle={t('Configure the line style, width, height, and optional text.')}
-      minWidth={320}
-      onCancel={state.cancel}
-      onApply={state.apply}
-    >
-      <HrOptions />
-    </EditorContextPopup>
-  );
-};
-
-export const HrOptionsPopup: React.FC<HrOptionsPopupProps> = ({element}) => {
-  const editor = useSlateStatic();
-  const popup = usePopup();
-
-  return (
-    <HrOptionsStateProvider editor={editor} element={element} closePopup={() => popup?.close()}>
-      <HrOptionsPopupBody />
-    </HrOptionsStateProvider>
-  );
-};
diff --git a/packages/mutxt-react/src/MuTxt/components/blocks/hr/settings.ts b/packages/mutxt-react/src/MuTxt/components/blocks/hr/settings.ts
deleted file mode 100644
index d4d0be5e59..0000000000
--- a/packages/mutxt-react/src/MuTxt/components/blocks/hr/settings.ts
+++ /dev/null
@@ -1,54 +0,0 @@
-import type {HrLineStyle} from '../../../types';
-
-export const DEFAULT_HR_STROKE_WIDTH = 1;
-export const DEFAULT_HR_LINE_WIDTH = 100;
-export const DEFAULT_HR_LINE_STYLE: HrLineStyle = 'solid';
-export const DEFAULT_HR_BLOCK_HEIGHT = 32;
-
-export const HR_STROKE_WIDTH_MIN = 0;
-export const HR_STROKE_WIDTH_MAX = 12;
-export const HR_LINE_WIDTH_MIN = 1;
-export const HR_LINE_WIDTH_MAX = 100;
-export const HR_BLOCK_HEIGHT_MIN = 8;
-export const HR_BLOCK_HEIGHT_MAX = 500;
-
-export const HR_LINE_STYLES: HrLineStyle[] = ['solid', 'dashed', 'dotted', 'squiggly'];
-
-const clamp = (value: number, min: number, max: number): number => Math.min(max, Math.max(min, value));
-
-const numberOrDefault = (value: number | undefined, fallback: number, min: number, max: number): number => {
-  if (typeof value !== 'number' || !Number.isFinite(value)) return fallback;
-  return clamp(Math.round(value), min, max);
-};
-
-export const getHrStrokeWidth = (value?: number): number =>
-  numberOrDefault(value, DEFAULT_HR_STROKE_WIDTH, HR_STROKE_WIDTH_MIN, HR_STROKE_WIDTH_MAX);
-
-export const getHrLineWidth = (value?: number): number =>
-  numberOrDefault(value, DEFAULT_HR_LINE_WIDTH, HR_LINE_WIDTH_MIN, HR_LINE_WIDTH_MAX);
-
-export const getHrBlockHeight = (value?: number): number =>
-  numberOrDefault(value, DEFAULT_HR_BLOCK_HEIGHT, HR_BLOCK_HEIGHT_MIN, HR_BLOCK_HEIGHT_MAX);
-
-export const getHrLineStyle = (value?: HrLineStyle): HrLineStyle =>
-  value && HR_LINE_STYLES.includes(value) ? value : DEFAULT_HR_LINE_STYLE;
-
-export const getStoredHrStrokeWidth = (value: number): number | undefined => {
-  const next = getHrStrokeWidth(value);
-  return next === DEFAULT_HR_STROKE_WIDTH ? undefined : next;
-};
-
-export const getStoredHrLineWidth = (value: number): number | undefined => {
-  const next = getHrLineWidth(value);
-  return next === DEFAULT_HR_LINE_WIDTH ? undefined : next;
-};
-
-export const getStoredHrBlockHeight = (value: number): number | undefined => {
-  const next = getHrBlockHeight(value);
-  return next === DEFAULT_HR_BLOCK_HEIGHT ? undefined : next;
-};
-
-export const getStoredHrLineStyle = (value: HrLineStyle): HrLineStyle | undefined => {
-  const next = getHrLineStyle(value);
-  return next === DEFAULT_HR_LINE_STYLE ? undefined : next;
-};
diff --git a/packages/mutxt-react/src/MuTxt/components/blocks/hr/state.ts b/packages/mutxt-react/src/MuTxt/components/blocks/hr/state.ts
deleted file mode 100644
index c20ac71f57..0000000000
--- a/packages/mutxt-react/src/MuTxt/components/blocks/hr/state.ts
+++ /dev/null
@@ -1,180 +0,0 @@
-import * as React from 'react';
-import {rsync} from '@jsonjoy.com/ui';
-import {Transforms, type Editor} from 'slate';
-import {ReactEditor} from 'slate-react';
-import * as settings from './settings';
-import type {HrElement as HrElementType, HrLineStyle} from '../../../types';
-
-const getElementSignature = (element: HrElementType): string =>
-  JSON.stringify([
-    element.strokeWidth ?? null,
-    element.lineWidth ?? null,
-    element.lineStyle ?? null,
-    element.blockHeight ?? null,
-    element.caption ?? '',
-  ]);
-
-const HrOptionsStateContext = React.createContext<HrOptionsState | null>(null);
-
-export class HrOptionsState {
-  public readonly strokeWidth = rsync.val(settings.DEFAULT_HR_STROKE_WIDTH);
-  public readonly lineWidth = rsync.val(settings.DEFAULT_HR_LINE_WIDTH);
-  public readonly lineStyle = rsync.val<HrLineStyle>(settings.DEFAULT_HR_LINE_STYLE);
-  public readonly blockHeight = rsync.val(settings.DEFAULT_HR_BLOCK_HEIGHT);
-  public readonly caption = rsync.val('');
-
-  private element: HrElementType;
-  private signature = '';
-  private closePopup?: () => void;
-
-  constructor(
-    private readonly editor: Editor,
-    element: HrElementType,
-    closePopup?: () => void,
-  ) {
-    this.element = element;
-    this.closePopup = closePopup;
-    this.syncFromElement(element);
-  }
-
-  public readonly setElement = (element: HrElementType): void => {
-    const signature = getElementSignature(element);
-    this.element = element;
-    if (signature === this.signature) return;
-    this.syncFromElement(element, signature);
-  };
-
-  public readonly setClosePopup = (closePopup?: () => void): void => {
-    this.closePopup = closePopup;
-  };
-
-  public readonly setStrokeWidth = (value: number): void => {
-    this.strokeWidth.set(settings.getHrStrokeWidth(value));
-  };
-
-  public readonly setLineWidth = (value: number): void => {
-    this.lineWidth.set(settings.getHrLineWidth(value));
-  };
-
-  public readonly setLineStyle = (value: HrLineStyle): void => {
-    this.lineStyle.set(settings.getHrLineStyle(value));
-  };
-
-  public readonly setBlockHeight = (value: number): void => {
-    this.blockHeight.set(settings.getHrBlockHeight(value));
-  };
-
-  public readonly setCaption = (value: string): void => {
-    this.caption.set(value);
-  };
-
-  public readonly cancel = (): void => {
-    this.syncFromElement(this.element);
-    this.closePopup?.();
-  };
-
-  public readonly apply = (): void => {
-    const nextStrokeWidth = settings.getStoredHrStrokeWidth(this.strokeWidth.value);
-    const nextLineWidth = settings.getStoredHrLineWidth(this.lineWidth.value);
-    const nextLineStyle = settings.getStoredHrLineStyle(this.lineStyle.value);
-    const nextBlockHeight = settings.getStoredHrBlockHeight(this.blockHeight.value);
-    const nextCaption = this.caption.value.trim();
-
-    this.applyNumber('strokeWidth', nextStrokeWidth, this.element.strokeWidth);
-    this.applyNumber('lineWidth', nextLineWidth, this.element.lineWidth);
-    this.applyEnum('lineStyle', nextLineStyle, this.element.lineStyle);
-    this.applyNumber('blockHeight', nextBlockHeight, this.element.blockHeight);
-    this.applyString('caption', nextCaption, this.element.caption);
-
-    this.caption.set(nextCaption);
-    this.closePopup?.();
-  };
-
-  public readonly dispose = (): void => {};
-
-  private readonly syncFromElement = (element: HrElementType, signature = getElementSignature(element)): void => {
-    this.signature = signature;
-    this.strokeWidth.set(settings.getHrStrokeWidth(element.strokeWidth));
-    this.lineWidth.set(settings.getHrLineWidth(element.lineWidth));
-    this.lineStyle.set(settings.getHrLineStyle(element.lineStyle));
-    this.blockHeight.set(settings.getHrBlockHeight(element.blockHeight));
-    this.caption.set(element.caption ?? '');
-  };
-
-  private readonly applyNumber = (
-    field: 'strokeWidth' | 'lineWidth' | 'blockHeight',
-    value: number | undefined,
-    currentValue?: number,
-  ): void => {
-    if (value === currentValue) return;
-    const path = ReactEditor.findPath(this.editor, this.element);
-    if (value !== undefined) {
-      Transforms.setNodes(this.editor, {[field]: value} as Partial<HrElementType>, {at: path});
-    } else {
-      Transforms.unsetNodes(this.editor, field, {at: path});
-    }
-  };
-
-  private readonly applyEnum = (
-    field: 'lineStyle',
-    value: HrLineStyle | undefined,
-    currentValue?: HrLineStyle,
-  ): void => {
-    if (value === currentValue) return;
-    const path = ReactEditor.findPath(this.editor, this.element);
-    if (value !== undefined) {
-      Transforms.setNodes(this.editor, {[field]: value} as Partial<HrElementType>, {at: path});
-    } else {
-      Transforms.unsetNodes(this.editor, field, {at: path});
-    }
-  };
-
-  private readonly applyString = (field: 'caption', value: string, currentValue?: string): void => {
-    const prev = (currentValue ?? '').trim();
-    if (value === prev) return;
-    const path = ReactEditor.findPath(this.editor, this.element);
-    if (value) {
-      Transforms.setNodes(this.editor, {[field]: value} as Partial<HrElementType>, {at: path});
-    } else {
-      Transforms.unsetNodes(this.editor, field, {at: path});
-    }
-  };
-}
-
-export interface HrOptionsStateProviderProps {
-  editor: Editor;
-  element: HrElementType;
-  closePopup?: () => void;
-  children: React.ReactNode;
-}
-
-export const HrOptionsStateProvider: React.FC<HrOptionsStateProviderProps> = ({
-  editor,
-  element,
-  closePopup,
-  children,
-}) => {
-  const stateRef = React.useRef<HrOptionsState | null>(null);
-  if (!stateRef.current) stateRef.current = new HrOptionsState(editor, element, closePopup);
-  const state = stateRef.current;
-
-  React.useEffect(() => {
-    state.setClosePopup(closePopup);
-  }, [closePopup, state]);
-
-  React.useEffect(() => {
-    state.setElement(element);
-  }, [element, state]);
-
-  React.useEffect(() => {
-    return () => state.dispose();
-  }, [state]);
-
-  return React.createElement(HrOptionsStateContext.Provider, {value: state}, children);
-};
-
-export const useHrOptionsState = (): HrOptionsState => {
-  const state = React.useContext(HrOptionsStateContext);
-  if (!state) throw new Error('HrOptionsStateContext is not available.');
-  return state;
-};
diff --git a/packages/mutxt-react/src/MuTxt/components/blocks/math/MathElement.tsx b/packages/mutxt-react/src/MuTxt/components/blocks/math/MathElement.tsx
deleted file mode 100644
index eab760c2eb..0000000000
--- a/packages/mutxt-react/src/MuTxt/components/blocks/math/MathElement.tsx
+++ /dev/null
@@ -1,366 +0,0 @@
-import * as React from 'react';
-import {rule} from 'nano-theme';
-import {Transforms} from 'slate';
-import {useFocused, useReadOnly, useSelected, useSlateStatic, ReactEditor, type RenderElementProps} from 'slate-react';
-import {More as MoreIcon} from '@jsonjoy.com/ui/lib/icons/interactive/More';
-import {Popup} from '@jsonjoy.com/ui/lib/4-card/Popup';
-import {BasicButton} from '@jsonjoy.com/ui/lib/2-inline-block/BasicButton';
-import {useStyles} from '@jsonjoy.com/ui/lib/styles/context';
-import {Paper} from '@jsonjoy.com/ui/lib/4-card/Paper';
-import {useMuTxt} from '../../../context';
-import {MathSpan} from '../../../void/math/mathlive';
-import {StripBarHandle} from '../StripBarHandle';
-import {VoidSelectionOverlay} from '../VoidSelectionOverlay';
-import {MathOptionsPopup} from './MathOptionsPopup';
-import * as settings from './settings';
-import type {MathElement as MathElementType, MathThing} from '../../../types';
-import type {MathfieldElement} from 'mathlive';
-import {useT} from 'use-t';
-
-const blockClass = rule({
-  pos: 'relative',
-  mr: '8px 0',
-  bdrad: '6px',
-  bxz: 'border-box',
-});
-
-const stripWrapClass = rule({
-  mrt: '4px',
-  mrb: '2px',
-});
-
-const equationWrapClass = rule({
-  pos: 'relative',
-  d: 'flex',
-  fld: 'column',
-  ai: 'center',
-  jc: 'center',
-  gap: '6px',
-  bxz: 'border-box',
-});
-
-const fieldWrapClass = rule({
-  pos: 'relative',
-  d: 'flex',
-  jc: 'center',
-  ai: 'center',
-  w: '100%',
-  pd: 0,
-  bdrad: '6px',
-  bxz: 'border-box',
-});
-
-const captionClass = rule({
-  textAlign: 'center',
-  fz: '13px',
-  lh: 1.4,
-  us: 'none',
-});
-
-const placeholderClass = rule({
-  fz: '13px',
-  lh: 1.4,
-  us: 'none',
-});
-
-const moreWrapClass = rule({
-  pos: 'absolute',
-  t: '-8px',
-  insetInlineEnd: '8px',
-  trs: 'opacity 0.15s ease',
-  z: 1,
-});
-
-export interface MathElementProps extends RenderElementProps {
-  element: MathElementType;
-}
-
-export const MathElement: React.FC<MathElementProps> = ({attributes, children, element}) => {
-  const [t] = useT();
-  const mutxt = useMuTxt();
-  mutxt.things.version.use();
-  const styles = useStyles();
-  const readOnly = useReadOnly();
-  const isSelected = useSelected();
-  const isFocused = useFocused();
-  const selected = isSelected && isFocused;
-  const editor = useSlateStatic();
-  const [hovered, setHovered] = React.useState(false);
-
-  const thingId = element['@thing'];
-  const thing = thingId ? (mutxt.things.get(thingId) as MathThing | undefined) : undefined;
-  const tex = thing?.val ?? '';
-  const size = settings.getMathSize(element.size);
-
-  const [editing, setEditing] = React.useState(false);
-  const [draft, setDraft] = React.useState<string>(tex);
-  const fieldRef = React.useRef<MathfieldElement | null>(null);
-  const wrapperRef = React.useRef<HTMLDivElement | null>(null);
-  const skipBlurCommitRef = React.useRef(false);
-
-  const enterEdit = React.useCallback(
-    (event: React.MouseEvent) => {
-      event.preventDefault();
-      event.stopPropagation();
-      if (readOnly) return;
-      if (!thingId) return;
-      setDraft(tex);
-      setEditing(true);
-    },
-    [readOnly, tex, thingId],
-  );
-
-  // biome-ignore lint/correctness/useExhaustiveDependencies: sync field only when toggling edit mode
-  React.useEffect(() => {
-    if (!editing) return;
-    const el = fieldRef.current as any;
-    if (el && typeof el.value === 'string' && el.value !== draft) {
-      el.value = draft;
-    }
-    const raf = requestAnimationFrame(() => {
-      try {
-        fieldRef.current?.focus?.();
-      } catch {}
-    });
-    return () => cancelAnimationFrame(raf);
-  }, [editing]);
-
-  const commitDraft = React.useCallback(
-    (next: string): void => {
-      if (!thingId) return;
-      const trimmed = next.trim();
-      const currentThing = mutxt.things.get(thingId) as MathThing | undefined;
-      const currentTex = currentThing?.val ?? '';
-      if (trimmed === currentTex) return;
-      mutxt.things.update(thingId, {val: trimmed});
-      mutxt.sync(false);
-    },
-    [mutxt, thingId],
-  );
-
-  // Slate-react attaches `beforeinput` and friends to the native DOM, so
-  // synthetic React handlers on <math-field> would not fire (our wrapper
-  // stops the native event before it reaches React's delegation root). Do
-  // all interactive handling via native listeners on the field itself.
-  React.useEffect(() => {
-    if (!editing) return;
-    const field = fieldRef.current as any;
-    const wrapper = wrapperRef.current;
-    if (!field || !wrapper) return;
-
-    const focusStillInMath = (): boolean => {
-      if (typeof field.hasFocus === 'function') {
-        try {
-          if (field.hasFocus()) return true;
-        } catch {}
-      }
-      const ae = document.activeElement as Element | null;
-      if (!ae) return false;
-      if (ae === field) return true;
-      if (ae.tagName === 'MATH-FIELD') return true;
-      if (typeof ae.closest === 'function') {
-        if (ae.closest('math-field')) return true;
-        if (ae.closest('[class*="ML__"]')) return true;
-      }
-      return false;
-    };
-
-    const onFieldInput = () => {
-      const next: string = field.value ?? '';
-      setDraft(next);
-    };
-
-    const onFieldBlur = () => {
-      if (skipBlurCommitRef.current) {
-        skipBlurCommitRef.current = false;
-        return;
-      }
-      setTimeout(() => {
-        if (focusStillInMath()) return;
-        const next: string = field.value ?? '';
-        commitDraft(next);
-        setEditing(false);
-      }, 0);
-    };
-
-    const onFieldKeyDown = (event: KeyboardEvent) => {
-      if (event.key === 'Enter' && !event.shiftKey) {
-        event.preventDefault();
-        skipBlurCommitRef.current = true;
-        const next: string = field.value ?? '';
-        commitDraft(next);
-        setEditing(false);
-        return;
-      }
-      if (event.key === 'Escape') {
-        event.preventDefault();
-        skipBlurCommitRef.current = true;
-        setEditing(false);
-      }
-    };
-
-    field.addEventListener('input', onFieldInput);
-    field.addEventListener('blur', onFieldBlur);
-    field.addEventListener('keydown', onFieldKeyDown);
-
-    const stop = (event: Event) => event.stopPropagation();
-    const bubblingEvents = [
-      'beforeinput',
-      'input',
-      'keydown',
-      'keyup',
-      'keypress',
-      'compositionstart',
-      'compositionupdate',
-      'compositionend',
-      'copy',
-      'cut',
-      'paste',
-      'drop',
-      'dragstart',
-    ];
-    for (const ev of bubblingEvents) wrapper.addEventListener(ev, stop);
-
-    return () => {
-      field.removeEventListener('input', onFieldInput);
-      field.removeEventListener('blur', onFieldBlur);
-      field.removeEventListener('keydown', onFieldKeyDown);
-      for (const ev of bubblingEvents) wrapper.removeEventListener(ev, stop);
-    };
-  }, [editing, commitDraft]);
-
-  const stopReact = React.useCallback((event: React.SyntheticEvent) => {
-    event.stopPropagation();
-  }, []);
-
-  const preventMouseDown = React.useCallback((event: React.MouseEvent) => {
-    event.preventDefault();
-    event.stopPropagation();
-  }, []);
-
-  const selectBlock = React.useCallback(() => {
-    try {
-      const path = ReactEditor.findPath(editor, element);
-      Transforms.select(editor, path);
-      ReactEditor.focus(editor);
-    } catch {}
-  }, [editor, element]);
-
-  const isDark = !styles.light;
-  const fieldColor = styles.g(0.15);
-  const fieldBg = isDark ? styles.g(1, 0.04) : styles.g(0, 0.04);
-  const fieldBorder = isDark ? styles.g(1, 0.1) : styles.g(0, 0.08);
-  const captionColor = styles.g(0.42);
-
-  const padding = settings.MATH_SIZE_PADDING[size];
-  const spanMode = settings.mathSizeToSpanMode(size);
-  const fieldDefaultMode = settings.mathSizeToFieldDefaultMode(size);
-  const sizeFontSize = settings.MATH_SIZE_FONT[size];
-  const stylePrefix = settings.mathSizeToLatexStylePrefix(size);
-  const displayedTex = stylePrefix && tex ? stylePrefix + tex : tex;
-
-  const showToolbar = !readOnly && (selected || hovered) && !editing;
-  const showStrip = !readOnly && (hovered || selected) && !editing;
-
-  return (
-    <div
-      {...attributes}
-      className={blockClass}
-      onMouseEnter={() => setHovered(true)}
-      onMouseLeave={() => setHovered(false)}
-    >
-      <div contentEditable={false}>
-        <div className={stripWrapClass}>
-          <StripBarHandle
-            ariaLabel={t('Select equation')}
-            onActivate={() => selectBlock()}
-            visible={showStrip}
-            width="11%"
-            color={isDark ? styles.g(1, 0.32) : styles.g(0, 0.22)}
-            colorHover={isDark ? styles.g(1, 0.55) : styles.g(0, 0.45)}
-          />
-        </div>
-
-        <Paper
-          noOutline
-          style={{
-            margin: '4px 0',
-            position: 'relative',
-            background: selected && !editing ? styles.g(0, 0.05) : 'transparent',
-          }}
-        >
-          {/* biome-ignore lint/a11y/useKeyWithClickEvents: keyboard entry is handled by the Slate editor cursor */}
-          <div
-            className={equationWrapClass}
-            onClick={editing ? undefined : enterEdit}
-            style={{padding, cursor: editing ? 'text' : 'default', fontSize: sizeFontSize}}
-          >
-            {editing ? (
-              // biome-ignore lint/a11y/useKeyWithClickEvents: math-field manages its own keyboard handling
-              <div
-                ref={wrapperRef}
-                className={fieldWrapClass}
-                style={{
-                  background: fieldBg,
-                  border: `1px solid ${fieldBorder}`,
-                  colorScheme: isDark ? 'dark' : 'light',
-                }}
-                onMouseDown={stopReact}
-                onClick={stopReact}
-              >
-                {React.createElement('math-field', {
-                  ref: fieldRef as any,
-                  'default-mode': fieldDefaultMode,
-                  style: {
-                    maxWidth: '100%',
-                    minWidth: '120px',
-                    boxSizing: 'border-box',
-                    padding: 0,
-                    color: fieldColor,
-                    background: 'transparent',
-                    ['--primary' as any]: fieldColor,
-                    ['--text-font-family' as any]: 'inherit',
-                    ['--caret-color' as any]: fieldColor,
-                    ['--keycap-background' as any]: styles.g(1, 0.08),
-                    ['--keycap-background-hover' as any]: styles.g(1, 0.16),
-                    ['--keycap-text' as any]: fieldColor,
-                    ['--keyboard-background' as any]: styles.g(1, 0.04),
-                    ['--keyboard-text' as any]: fieldColor,
-                    ['--smart-fence-color' as any]: fieldColor,
-                  },
-                })}
-              </div>
-            ) : tex ? (
-              <MathSpan tex={displayedTex} mode={spanMode} selected={selected} focused={selected} dark={isDark} />
-            ) : (
-              <div className={placeholderClass} style={{color: styles.g(0.5)}}>
-                {t('Click to enter equation')}
-              </div>
-            )}
-            {element.caption ? (
-              <div className={captionClass} style={{color: captionColor}}>
-                {element.caption}
-              </div>
-            ) : null}
-            {!editing && <VoidSelectionOverlay selected={selected} />}
-          </div>
-        </Paper>
-      </div>
-      {!readOnly && (
-        <div
-          contentEditable={false}
-          className={moreWrapClass}
-          onMouseDown={preventMouseDown}
-          style={{opacity: showToolbar ? 1 : 0, pointerEvents: showToolbar ? 'auto' : 'none'}}
-        >
-          <Popup renderContext={() => <MathOptionsPopup element={element} />}>
-            <BasicButton type="button" width={32} height={32} rounder border onMouseDown={preventMouseDown}>
-              <MoreIcon size={32} />
-            </BasicButton>
-          </Popup>
-        </div>
-      )}
-      {children}
-    </div>
-  );
-};
diff --git a/packages/mutxt-react/src/MuTxt/components/blocks/math/MathInlineElement.tsx b/packages/mutxt-react/src/MuTxt/components/blocks/math/MathInlineElement.tsx
deleted file mode 100644
index 99f24159b9..0000000000
--- a/packages/mutxt-react/src/MuTxt/components/blocks/math/MathInlineElement.tsx
+++ /dev/null
@@ -1,78 +0,0 @@
-import * as React from 'react';
-import {rule} from 'nano-theme';
-import {useFocused, useSelected, ReactEditor, type RenderElementProps} from 'slate-react';
-import {useStyles} from '@jsonjoy.com/ui/lib/styles/context';
-import {useMuTxt} from '../../../context';
-import {MathSpan} from '../../../void/math/mathlive';
-import {MATH_SIZE_FONT} from './settings';
-import type {MathInlineElement as MathInlineElementType, MathThing} from '../../../types';
-
-const inlineClass = rule({
-  d: 'inline-block',
-  mr: 0,
-  pd: '0 1px',
-  bdrad: '3px',
-  cursor: 'pointer',
-  us: 'none',
-});
-
-const placeholderClass = rule({
-  fz: '13px',
-  lh: 1.4,
-});
-
-export interface MathInlineElementProps extends RenderElementProps {
-  element: MathInlineElementType;
-}
-
-export const MathInlineElement: React.FC<MathInlineElementProps> = ({attributes, children, element}) => {
-  const mutxt = useMuTxt();
-  mutxt.things.version.use();
-  const styles = useStyles();
-  const isSelected = useSelected();
-  const isFocused = useFocused();
-  const selected = isSelected && isFocused;
-
-  const thingId = element['@thing'];
-  const thing = thingId ? (mutxt.things.get(thingId) as MathThing | undefined) : undefined;
-  const tex = thing?.val ?? '';
-  const size = thing?.size === 'S' ? 'S' : 'M';
-  const fontSize = MATH_SIZE_FONT[size];
-
-  const onClick = React.useCallback(
-    (event: React.MouseEvent) => {
-      event.preventDefault();
-      event.stopPropagation();
-      if (mutxt.readOnly.value) return;
-      try {
-        const path = ReactEditor.findPath(mutxt.editor as ReactEditor, element);
-        mutxt.inline.math.openEdit(element, path);
-      } catch {}
-    },
-    [mutxt, element],
-  );
-
-  return (
-    // biome-ignore lint/a11y/useKeyWithClickEvents: keyboard entry is handled by the Slate editor cursor
-    <span
-      {...attributes}
-      className={inlineClass}
-      style={{
-        background: selected ? 'rgba(0,127,255,.18)' : 'transparent',
-        fontSize,
-      }}
-      onClick={onClick}
-    >
-      <span contentEditable={false}>
-        {tex ? (
-          <MathSpan tex={tex} mode="textstyle" selected={selected} focused={selected} dark={!styles.light} />
-        ) : (
-          <span className={placeholderClass} style={{color: styles.g(0.5)}}>
-            …
-          </span>
-        )}
-      </span>
-      {children}
-    </span>
-  );
-};
diff --git a/packages/mutxt-react/src/MuTxt/components/blocks/math/MathOptions2.tsx b/packages/mutxt-react/src/MuTxt/components/blocks/math/MathOptions2.tsx
deleted file mode 100644
index 8bac0b1fe4..0000000000
--- a/packages/mutxt-react/src/MuTxt/components/blocks/math/MathOptions2.tsx
+++ /dev/null
@@ -1,205 +0,0 @@
-import * as React from 'react';
-import {ReactEditor, useSlateStatic} from 'slate-react';
-import {Transforms} from 'slate';
-import {ArgsPane} from '@jsonjoy.com/ui/lib/4-card/ContextMenu/ArgsPane';
-import {usePopup} from '@jsonjoy.com/ui/lib/4-card/Popup/context';
-import {convertLatexToAsciiMath, convertLatexToMarkup, convertLatexToMathMl} from 'mathlive';
-import {useT} from 'use-t';
-import {useMuTxt} from '../../../context';
-import {MATH_SIZES, MATH_SIZE_LABEL, getMathSize, getStoredMathSize} from './settings';
-import type {MenuItem, Param} from '@jsonjoy.com/ui/lib/4-card/StructuralMenu/types';
-import type {MathElement as MathElementType, MathThing} from '../../../types';
-import SizeIcon__svg from 'iconista/lib/react/bootstrap/aspect-ratio';
-import CaptionIcon__svg from 'iconista/lib/react/bootstrap/chat-square-text';
-import NameIcon__svg from 'iconista/lib/react/bootstrap/pen';
-import LabelIcon__svg from 'iconista/lib/react/bootstrap/tag';
-
-const SizeIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <SizeIcon__svg width={16} height={16} {...props} />
-);
-const CaptionIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <CaptionIcon__svg width={16} height={16} {...props} />
-);
-const NameIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <NameIcon__svg width={16} height={16} {...props} />
-);
-const LabelIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <LabelIcon__svg width={16} height={16} {...props} />
-);
-
-const renderSizeIcon = () => <SizeIcon />;
-const renderCaptionIcon = () => <CaptionIcon />;
-const renderNameIcon = () => <NameIcon />;
-const renderLabelIcon = () => <LabelIcon />;
-
-const safeConvert = (fn: (s: string) => string, tex: string): string => {
-  try {
-    return fn(tex);
-  } catch {
-    return '';
-  }
-};
-
-export interface MathOptions2Props {
-  element: MathElementType;
-  closePopup?: () => void;
-}
-
-export const MathOptions2: React.FC<MathOptions2Props> = ({element, closePopup}) => {
-  const [t] = useT();
-  const editor = useSlateStatic();
-  const mutxt = useMuTxt();
-  const popup = usePopup();
-  mutxt.things.version.use();
-
-  const onCancel = React.useCallback(() => {
-    if (closePopup) closePopup();
-    else popup?.close();
-  }, [closePopup, popup]);
-
-  const elementRef = React.useRef(element);
-  elementRef.current = element;
-
-  const thingId = element['@thing'] ?? '';
-  const thing = thingId ? (mutxt.things.get(thingId) as MathThing | undefined) : undefined;
-  const tex = thing?.val ?? '';
-
-  const setElementField = React.useCallback(
-    <K extends keyof MathElementType>(field: K, value: MathElementType[K] | undefined) => {
-      const e = elementRef.current;
-      try {
-        const path = ReactEditor.findPath(editor, e);
-        if (value === undefined || value === '') {
-          Transforms.unsetNodes(editor, field as string, {at: path});
-        } else {
-          Transforms.setNodes(editor, {[field]: value} as Partial<MathElementType>, {at: path});
-        }
-      } catch {}
-    },
-    [editor],
-  );
-
-  const setThingField = React.useCallback(
-    (field: 'name' | 'label', value: string | undefined) => {
-      if (!thingId) return;
-      const current = mutxt.things.get(thingId) as MathThing | undefined;
-      if (!current) return;
-      const prev = current[field] ?? '';
-      const next = value ?? '';
-      if (prev === next) return;
-      mutxt.things.update(thingId, {[field]: next || undefined} as any);
-      mutxt.sync(false);
-    },
-    [mutxt, thingId],
-  );
-
-  const ascii = React.useMemo(() => (tex ? safeConvert(convertLatexToAsciiMath, tex) : ''), [tex]);
-  const mathMl = React.useMemo(() => (tex ? safeConvert(convertLatexToMathMl, tex) : ''), [tex]);
-  const mathHtml = React.useMemo(() => (tex ? safeConvert(convertLatexToMarkup, tex) : ''), [tex]);
-
-  const item: MenuItem = React.useMemo(() => ({name: t('Equation options'), compact: true}), [t]);
-
-  const params: (Param | MenuItem)[] = React.useMemo(() => {
-    const list: (Param | MenuItem)[] = [];
-
-    list.push({
-      kind: 'select',
-      id: 'size',
-      name: t('Size'),
-      icon: renderSizeIcon,
-      default: getMathSize(element.size),
-      options: MATH_SIZES.map((s) => ({
-        id: s,
-        name: `${s} — ${MATH_SIZE_LABEL[s]}`,
-      })),
-    });
-    list.push({
-      kind: 'str',
-      id: 'caption',
-      name: t('Caption'),
-      icon: renderCaptionIcon,
-      optional: true,
-      placeholder: t('Shown below the equation'),
-      default: element.caption ?? '',
-    });
-
-    list.push({name: t('Reference'), heading: true, collapsible: true, initialCollapsed: true});
-    list.push({
-      kind: 'str',
-      id: 'name',
-      name: t('Name'),
-      icon: renderNameIcon,
-      optional: true,
-      placeholder: t('e.g. Pythagorean theorem'),
-      default: thing?.name ?? '',
-    });
-    list.push({
-      kind: 'str',
-      id: 'label',
-      name: t('Label'),
-      icon: renderLabelIcon,
-      optional: true,
-      placeholder: t('e.g. eq:pythagoras'),
-      default: thing?.label ?? '',
-    });
-
-    if (tex) {
-      list.push({name: t('Source'), heading: true, collapsible: true, initialCollapsed: false});
-      list.push({
-        kind: 'code',
-        id: 'tex',
-        name: 'LaTeX',
-        variant: 'block',
-        value: tex,
-      });
-      if (ascii) {
-        list.push({
-          kind: 'code',
-          id: 'ascii',
-          name: 'ASCII Math',
-          variant: 'block',
-          value: ascii,
-        });
-      }
-      if (mathMl) {
-        list.push({
-          kind: 'code',
-          id: 'mathMl',
-          name: 'MathML',
-          variant: 'block',
-          value: mathMl,
-        });
-      }
-      if (mathHtml) {
-        list.push({
-          kind: 'code',
-          id: 'mathHtml',
-          name: 'HTML',
-          variant: 'block',
-          value: mathHtml,
-        });
-      }
-    }
-
-    return list;
-  }, [t, element.size, element.caption, thing?.name, thing?.label, tex, ascii, mathMl, mathHtml]);
-
-  const onChange = React.useCallback(
-    (_list: [string, unknown][], map: Record<string, unknown>) => {
-      const size = getMathSize(map.size as string);
-      setElementField('size', getStoredMathSize(size));
-
-      const caption = (map.caption as string | undefined) ?? '';
-      setElementField('caption', caption.trim() ? caption : undefined);
-
-      const name = (map.name as string | undefined) ?? '';
-      setThingField('name', name.trim() ? name : undefined);
-
-      const label = (map.label as string | undefined) ?? '';
-      setThingField('label', label.trim() ? label : undefined);
-    },
-    [setElementField, setThingField],
-  );
-
-  return <ArgsPane item={item} params={params} onCancel={onCancel} onChange={onChange} minWidth={360} />;
-};
diff --git a/packages/mutxt-react/src/MuTxt/components/blocks/math/MathOptionsPopup.tsx b/packages/mutxt-react/src/MuTxt/components/blocks/math/MathOptionsPopup.tsx
deleted file mode 100644
index b8b213d733..0000000000
--- a/packages/mutxt-react/src/MuTxt/components/blocks/math/MathOptionsPopup.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import * as React from 'react';
-import {MathOptions2} from './MathOptions2';
-import type {MathElement as MathElementType} from '../../../types';
-
-export interface MathOptionsPopupProps {
-  element: MathElementType;
-  closePopup?: () => void;
-}
-
-export const MathOptionsPopup: React.FC<MathOptionsPopupProps> = ({element, closePopup}) => {
-  return <MathOptions2 element={element} closePopup={closePopup} />;
-};
diff --git a/packages/mutxt-react/src/MuTxt/components/blocks/math/settings.ts b/packages/mutxt-react/src/MuTxt/components/blocks/math/settings.ts
deleted file mode 100644
index 636d8d6964..0000000000
--- a/packages/mutxt-react/src/MuTxt/components/blocks/math/settings.ts
+++ /dev/null
@@ -1,55 +0,0 @@
-import type {MathElement, MathLang, MathSize} from '../../../types';
-
-export const DEF_SIZE: MathSize = 'L';
-export const DEF_LANG: MathLang = 'latex';
-
-export const MATH_SIZES: MathSize[] = ['L', 'M', 'S'];
-export const MATH_SIZE_LABEL: Record<MathSize, string> = {
-  L: 'Display',
-  M: 'Text',
-  S: 'Small',
-};
-
-export const getMathSize = (value?: string): MathSize => {
-  if (value === 'L' || value === 'M' || value === 'S') return value;
-  return DEF_SIZE;
-};
-
-export const getStoredMathSize = (value: MathSize): MathSize | undefined => (value === DEF_SIZE ? undefined : value);
-
-export const getMathLang = (value?: string): MathLang => {
-  if (value === 'latex' || value === 'asciimath' || value === 'mathml') return value;
-  return DEF_LANG;
-};
-
-export const getStoredMathLang = (value: MathLang): MathLang | undefined => (value === DEF_LANG ? undefined : value);
-
-export const MATH_SIZE_PADDING: Record<MathSize, string> = {
-  L: '4px 16px',
-  M: '2px 12px',
-  S: '1px 10px',
-};
-
-export const MATH_SIZE_FONT: Record<MathSize, string> = {
-  L: '1.3em',
-  M: '1.3em',
-  S: '1.15em',
-};
-
-export const mathSizeToLatexStylePrefix = (size: MathSize): string => {
-  if (size === 'M') return '\\scriptstyle ';
-  if (size === 'S') return '\\scriptscriptstyle ';
-  return '';
-};
-
-export const mathSizeToSpanMode = (size: MathSize): 'textstyle' | 'displaystyle' => {
-  if (size === 'L') return 'displaystyle';
-  return 'textstyle';
-};
-
-export const mathSizeToFieldDefaultMode = (size: MathSize): 'math' | 'inline-math' => {
-  if (size === 'L') return 'math';
-  return 'inline-math';
-};
-
-export type MathElementMeta = Pick<MathElement, 'caption' | 'size'>;
diff --git a/packages/mutxt-react/src/MuTxt/components/blocks/math/state.ts b/packages/mutxt-react/src/MuTxt/components/blocks/math/state.ts
deleted file mode 100644
index 7f222c0968..0000000000
--- a/packages/mutxt-react/src/MuTxt/components/blocks/math/state.ts
+++ /dev/null
@@ -1,181 +0,0 @@
-import * as React from 'react';
-import {rsync} from '@jsonjoy.com/ui';
-import {Transforms, type Editor} from 'slate';
-import {ReactEditor} from 'slate-react';
-import * as settings from './settings';
-import type {MathElement as MathElementType, MathSize, MathThing} from '../../../types';
-import type {MuTxtState} from '../../../state/MuTxtState';
-
-const getElementSignature = (element: MathElementType, thing: MathThing | undefined): string =>
-  JSON.stringify([element.caption ?? '', element.size ?? null, thing?.name ?? '', thing?.label ?? '']);
-
-const MathOptionsStateContext = React.createContext<MathOptionsState | null>(null);
-
-export class MathOptionsState {
-  public readonly caption = rsync.val('');
-  public readonly size = rsync.val<MathSize>(settings.DEF_SIZE);
-  public readonly name = rsync.val('');
-  public readonly label = rsync.val('');
-
-  private element: MathElementType;
-  private signature = '';
-  private closePopup?: () => void;
-
-  constructor(
-    private readonly editor: Editor,
-    private readonly mutxt: MuTxtState,
-    element: MathElementType,
-    closePopup?: () => void,
-  ) {
-    this.element = element;
-    this.closePopup = closePopup;
-    this.syncFromElement(element);
-  }
-
-  public readonly setElement = (element: MathElementType): void => {
-    const thing = this.thing();
-    const signature = getElementSignature(element, thing);
-    this.element = element;
-    if (signature === this.signature) return;
-    this.syncFromElement(element, signature);
-  };
-
-  /** Current `@thing` id of the underlying MathThing, or empty string. */
-  public readonly getThingId = (): string => this.element['@thing'] ?? '';
-
-  public readonly setClosePopup = (closePopup?: () => void): void => {
-    this.closePopup = closePopup;
-  };
-
-  public readonly setCaption = (value: string): void => {
-    this.caption.set(value);
-  };
-
-  public readonly setSize = (value: MathSize): void => {
-    this.size.set(settings.getMathSize(value));
-  };
-
-  public readonly setName = (value: string): void => {
-    this.name.set(value);
-  };
-
-  public readonly setLabel = (value: string): void => {
-    this.label.set(value);
-  };
-
-  public readonly cancel = (): void => {
-    this.syncFromElement(this.element);
-    this.closePopup?.();
-  };
-
-  public readonly apply = (): void => {
-    const nextCaption = this.caption.value.trim();
-    const nextSize = settings.getStoredMathSize(this.size.value);
-    const nextName = this.name.value.trim();
-    const nextLabel = this.label.value.trim();
-
-    // Element-side writes.
-    this.applyString('caption', nextCaption, this.element.caption);
-    this.applyValue('size', nextSize, this.element.size);
-
-    // Thing-side writes.
-    const thing = this.thing();
-    if (thing) {
-      const id = this.element['@thing'];
-      const patch: Partial<MathThing> = {};
-      if ((thing.name ?? '') !== nextName) patch.name = nextName || undefined;
-      if ((thing.label ?? '') !== nextLabel) patch.label = nextLabel || undefined;
-      if (Object.keys(patch).length > 0) {
-        this.mutxt.things.update(id, patch as any);
-        this.mutxt.sync(false);
-      }
-    }
-
-    this.caption.set(nextCaption);
-    this.name.set(nextName);
-    this.label.set(nextLabel);
-    this.closePopup?.();
-  };
-
-  public readonly dispose = (): void => {};
-
-  private readonly thing = (): MathThing | undefined => {
-    const id = this.element['@thing'];
-    if (!id) return undefined;
-    return this.mutxt.things.get(id) as MathThing | undefined;
-  };
-
-  private readonly syncFromElement = (element: MathElementType, signature?: string): void => {
-    const thing = this.thing();
-    this.signature = signature ?? getElementSignature(element, thing);
-    this.caption.set(element.caption ?? '');
-    this.size.set(settings.getMathSize(element.size));
-    this.name.set(thing?.name ?? '');
-    this.label.set(thing?.label ?? '');
-  };
-
-  private readonly applyString = (field: 'caption', value: string, currentValue?: string): void => {
-    const prev = (currentValue ?? '').trim();
-    if (value === prev) return;
-    const path = ReactEditor.findPath(this.editor, this.element);
-    if (value) {
-      Transforms.setNodes(this.editor, {[field]: value} as Partial<MathElementType>, {at: path});
-    } else {
-      Transforms.unsetNodes(this.editor, field, {at: path});
-    }
-  };
-
-  private readonly applyValue = <K extends 'size'>(
-    field: K,
-    value: MathElementType[K] | undefined,
-    currentValue: MathElementType[K] | undefined,
-  ): void => {
-    if (value === currentValue) return;
-    const path = ReactEditor.findPath(this.editor, this.element);
-    if (value !== undefined) {
-      Transforms.setNodes(this.editor, {[field]: value} as Partial<MathElementType>, {at: path});
-    } else {
-      Transforms.unsetNodes(this.editor, field, {at: path});
-    }
-  };
-}
-
-export interface MathOptionsStateProviderProps {
-  editor: Editor;
-  mutxt: MuTxtState;
-  element: MathElementType;
-  closePopup?: () => void;
-  children: React.ReactNode;
-}
-
-export const MathOptionsStateProvider: React.FC<MathOptionsStateProviderProps> = ({
-  editor,
-  mutxt,
-  element,
-  closePopup,
-  children,
-}) => {
-  const stateRef = React.useRef<MathOptionsState | null>(null);
-  if (!stateRef.current) stateRef.current = new MathOptionsState(editor, mutxt, element, closePopup);
-  const state = stateRef.current;
-
-  React.useEffect(() => {
-    state.setClosePopup(closePopup);
-  }, [closePopup, state]);
-
-  React.useEffect(() => {
-    state.setElement(element);
-  }, [element, state]);
-
-  React.useEffect(() => {
-    return () => state.dispose();
-  }, [state]);
-
-  return React.createElement(MathOptionsStateContext.Provider, {value: state}, children);
-};
-
-export const useMathOptionsState = (): MathOptionsState => {
-  const state = React.useContext(MathOptionsStateContext);
-  if (!state) throw new Error('MathOptionsStateContext is not available.');
-  return state;
-};
diff --git a/packages/mutxt-react/src/MuTxt/components/blocks/toc/TocElement.tsx b/packages/mutxt-react/src/MuTxt/components/blocks/toc/TocElement.tsx
deleted file mode 100644
index 6a2708183a..0000000000
--- a/packages/mutxt-react/src/MuTxt/components/blocks/toc/TocElement.tsx
+++ /dev/null
@@ -1,249 +0,0 @@
-import * as React from 'react';
-import {rule} from 'nano-theme';
-import {Transforms} from 'slate';
-import {ReactEditor, useFocused, useReadOnly, useSelected, useSlateStatic, type RenderElementProps} from 'slate-react';
-import {More as MoreIcon} from '@jsonjoy.com/ui/lib/icons/interactive/More';
-import {BasicButton} from '@jsonjoy.com/ui/lib/2-inline-block/BasicButton';
-import {Popup} from '@jsonjoy.com/ui/lib/4-card/Popup';
-import {useStyles} from '@jsonjoy.com/ui/lib/styles/context';
-import {useMuTxt} from '../../../context';
-import {StripBarHandle} from '../StripBarHandle';
-import {VoidSelectionOverlay} from '../VoidSelectionOverlay';
-import {TocOptionsPopup} from './TocOptionsPopup';
-import * as settings from './settings';
-import type {DocumentOutlineItem} from '../../../behavior/outline';
-import type {TocElement as TocElementType} from '../../../types';
-
-const blockClass = rule({
-  pos: 'relative',
-  mr: '20px 0',
-  bdrad: '6px',
-  bxz: 'border-box',
-  us: 'none',
-});
-
-const captionClass = rule({
-  fz: '11px',
-  fw: 600,
-  letterSpacing: '0.06em',
-  textTransform: 'uppercase',
-  mb: '4px',
-  mrl: '8px',
-});
-
-const listClass = rule({
-  d: 'flex',
-  fld: 'column',
-  gap: '0',
-});
-
-const itemClass = rule({
-  d: 'block',
-  pd: '1px 8px',
-  bdrad: '4px',
-  cur: 'pointer',
-  trs: 'background 120ms ease, color 120ms ease',
-  ws: 'nowrap',
-  ov: 'hidden',
-  textOverflow: 'ellipsis',
-});
-
-const itemTitleClass = rule({
-  textDecoration: 'underline',
-  textUnderlineOffset: '3px',
-  textDecorationThickness: '1px',
-  [`.${itemClass.trim()}:hover &`]: {
-    textDecorationThickness: '2px',
-  },
-});
-
-const stripWrapClass = rule({
-  mrb: '2px',
-  mrl: '8px',
-});
-
-const emptyClass = rule({
-  fz: '13px',
-  lh: 1.5,
-});
-
-const moreWrapClass = rule({
-  pos: 'absolute',
-  t: '-16px',
-  insetInlineEnd: '8px',
-  trs: 'opacity 0.15s ease',
-  z: 1,
-});
-
-interface NumberedItem extends DocumentOutlineItem {
-  number?: string;
-}
-
-const computeNumbers = (items: DocumentOutlineItem[]): NumberedItem[] => {
-  const counters: number[] = [0, 0, 0, 0, 0, 0, 0];
-  return items.map((item) => {
-    const lvl = item.level;
-    counters[lvl] = (counters[lvl] || 0) + 1;
-    for (let i = lvl + 1; i < counters.length; i++) counters[i] = 0;
-    if (lvl === 0) return {...item};
-    const parts: number[] = [];
-    for (let i = 1; i <= lvl; i++) parts.push(counters[i] || 0);
-    return {...item, number: parts.join('.') + '.'};
-  });
-};
-
-export interface TocElementProps extends RenderElementProps {
-  element: TocElementType;
-}
-
-export const TocElement: React.FC<TocElementProps> = ({attributes, children, element}) => {
-  const styles = useStyles();
-  const readOnly = useReadOnly();
-  const isSelected = useSelected();
-  const isFocused = useFocused();
-  const selected = isSelected && isFocused;
-  const editor = useSlateStatic();
-  const mutxt = useMuTxt();
-  const contentVersion = mutxt.contentVersion.use();
-  const [hovered, setHovered] = React.useState(false);
-
-  const maxLevel = settings.getTocMaxLevel(element.maxLevel);
-  const includeTitle = settings.getTocIncludeTitle(element.includeTitle);
-  const numbered = settings.getTocNumbered(element.numbered);
-  const caption = element.caption?.trim() ?? '';
-
-  // biome-ignore lint/correctness/useExhaustiveDependencies: contentVersion invalidates outline() cache
-  const filtered = React.useMemo(() => {
-    const all = mutxt.outline();
-    return all.filter((item) => {
-      if (item.level === 0) return includeTitle;
-      return item.level <= maxLevel;
-    });
-  }, [mutxt, contentVersion, includeTitle, maxLevel]);
-
-  const numberedItems = React.useMemo<NumberedItem[]>(
-    () => (numbered ? computeNumbers(filtered) : filtered.map((i) => ({...i}))),
-    [filtered, numbered],
-  );
-  const hasTitle = numberedItems[0]?.level === 0;
-
-  const onItemClick = React.useCallback(
-    (item: DocumentOutlineItem) => (event: React.MouseEvent) => {
-      event.preventDefault();
-      event.stopPropagation();
-      mutxt.api.navigateTo(item.path);
-    },
-    [mutxt],
-  );
-
-  const preventMouseDown = React.useCallback((event: React.MouseEvent) => {
-    event.preventDefault();
-    event.stopPropagation();
-  }, []);
-
-  const selectBlock = React.useCallback(() => {
-    try {
-      const path = ReactEditor.findPath(editor, element);
-      Transforms.select(editor, path);
-      ReactEditor.focus(editor);
-    } catch {}
-  }, [editor, element]);
-
-  const linkColor = styles.g(0.18);
-  const captionColor = styles.g(0.42);
-  const numberColor = styles.g(0.5);
-  const hoverBg = styles.g(0, 0.05);
-
-  const showToolbar = !readOnly && (selected || hovered);
-
-  return (
-    <div
-      {...attributes}
-      className={blockClass}
-      onMouseEnter={() => setHovered(true)}
-      onMouseLeave={() => setHovered(false)}
-    >
-      <div contentEditable={false}>
-        {caption ? (
-          <div className={captionClass} style={{color: captionColor}}>
-            {caption}
-          </div>
-        ) : (
-          <div className={stripWrapClass}>
-            <StripBarHandle
-              ariaLabel="Select table of contents"
-              onActivate={() => selectBlock()}
-              visible={hovered || selected}
-              width="11%"
-              color={!styles.light ? styles.g(1, 0.32) : styles.g(0, 0.22)}
-              colorHover={!styles.light ? styles.g(1, 0.55) : styles.g(0, 0.45)}
-            />
-          </div>
-        )}
-        {numberedItems.length ? (
-          <div className={listClass}>
-            {numberedItems.map((item) => {
-              const indent = Math.max(0, item.level - (hasTitle ? 0 : 1)) * 32;
-              const fontSize = item.level === 0 ? '1.05em' : item.level <= 2 ? '0.95em' : '0.9em';
-              const fontWeight = item.level === 0 ? 600 : item.level === 1 ? 500 : 400;
-              return (
-                <button
-                  key={item.key}
-                  type="button"
-                  className={itemClass}
-                  onMouseDown={preventMouseDown}
-                  onClick={onItemClick(item)}
-                  style={{
-                    paddingInlineStart: indent + 8,
-                    color: linkColor,
-                    fontSize,
-                    fontWeight,
-                    background: 'transparent',
-                    border: 'none',
-                    textAlign: 'start',
-                    font: 'inherit',
-                    width: '100%',
-                  }}
-                  data-toc-level={item.level}
-                  onMouseEnter={(e) => {
-                    (e.currentTarget as HTMLButtonElement).style.background = String(hoverBg);
-                  }}
-                  onMouseLeave={(e) => {
-                    (e.currentTarget as HTMLButtonElement).style.background = 'transparent';
-                  }}
-                >
-                  {item.number ? (
-                    <span style={{color: numberColor, marginInlineEnd: 6, fontVariantNumeric: 'tabular-nums'}}>
-                      {item.number}
-                    </span>
-                  ) : null}
-                  <span className={itemTitleClass}>{item.title}</span>
-                </button>
-              );
-            })}
-          </div>
-        ) : (
-          <div className={emptyClass} style={{color: captionColor}}>
-            Add headings to populate the table of contents.
-          </div>
-        )}
-      </div>
-      <VoidSelectionOverlay selected={selected} />
-      {!readOnly && (
-        <div
-          contentEditable={false}
-          className={moreWrapClass}
-          onMouseDown={preventMouseDown}
-          style={{opacity: showToolbar ? 1 : 0, pointerEvents: showToolbar ? 'auto' : 'none'}}
-        >
-          <Popup renderContext={() => <TocOptionsPopup element={element} />}>
-            <BasicButton type="button" width={32} height={32} rounder border onMouseDown={preventMouseDown}>
-              <MoreIcon size={32} />
-            </BasicButton>
-          </Popup>
-        </div>
-      )}
-      {children}
-    </div>
-  );
-};
diff --git a/packages/mutxt-react/src/MuTxt/components/blocks/toc/TocOptions.tsx b/packages/mutxt-react/src/MuTxt/components/blocks/toc/TocOptions.tsx
deleted file mode 100644
index f8ae279032..0000000000
--- a/packages/mutxt-react/src/MuTxt/components/blocks/toc/TocOptions.tsx
+++ /dev/null
@@ -1,83 +0,0 @@
-import * as React from 'react';
-import {rule} from 'nano-theme';
-import {Input} from '@jsonjoy.com/ui/lib/2-inline-block/Input';
-import {Slider} from '@jsonjoy.com/ui/lib/2-inline-block/Slider';
-import {Checkbox} from '@jsonjoy.com/ui/lib/2-inline-block/Checkbox';
-import {Separator} from '@jsonjoy.com/ui/lib/3-list-item/Separator';
-import {FormRow} from '@jsonjoy.com/ui/lib/3-list-item/FormRow';
-import {useTocOptionsState} from './state';
-import {useT} from 'use-t';
-
-const blockClass = rule({
-  bxz: 'border-box',
-  d: 'flex',
-  fld: 'column',
-  gap: '12px',
-  maxW: '420px',
-});
-
-const stopInputKeyDown = (event: React.KeyboardEvent): void => {
-  event.stopPropagation();
-};
-
-export const TocOptions: React.FC = () => {
-  const [t] = useT();
-  const state = useTocOptionsState();
-  const caption = state.caption.use();
-  const maxLevel = state.maxLevel.use();
-  const includeTitle = state.includeTitle.use();
-  const numbered = state.numbered.use();
-
-  return (
-    <div className={blockClass}>
-      <Input
-        type="text"
-        value={caption}
-        label={t('Caption (optional)')}
-        placeholder={t('Table of contents')}
-        onChange={state.setCaption}
-        onKeyDown={stopInputKeyDown}
-        onEnter={(event) => {
-          event.preventDefault();
-          event.stopPropagation();
-          state.apply();
-        }}
-        onEsc={(event) => {
-          event.preventDefault();
-          event.stopPropagation();
-          state.cancel();
-        }}
-      />
-
-      <Separator />
-
-      <FormRow
-        title={t('Max heading level')}
-        descriptionAbove
-        description={t('Deepest heading level to include in the contents.')}
-      >
-        <Slider value={maxLevel} min={1} max={6} step={1} showValue onChange={state.setMaxLevel} />
-      </FormRow>
-
-      <Separator />
-
-      <FormRow title={t('Include title')} description={t('Show the document title at the top of the contents.')} right>
-        <div style={{width: 60, marginTop: -8}}>
-          <Checkbox on={includeTitle} onChange={() => state.setIncludeTitle(!includeTitle)} />
-        </div>
-      </FormRow>
-
-      <Separator />
-
-      <FormRow
-        title={t('Numbered')}
-        description={t('Prefix each entry with its hierarchical number (1., 1.1., …).')}
-        right
-      >
-        <div style={{width: 60, marginTop: -8}}>
-          <Checkbox on={numbered} onChange={() => state.setNumbered(!numbered)} />
-        </div>
-      </FormRow>
-    </div>
-  );
-};
diff --git a/packages/mutxt-react/src/MuTxt/components/blocks/toc/TocOptionsPopup.tsx b/packages/mutxt-react/src/MuTxt/components/blocks/toc/TocOptionsPopup.tsx
deleted file mode 100644
index ae7cfea73d..0000000000
--- a/packages/mutxt-react/src/MuTxt/components/blocks/toc/TocOptionsPopup.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import * as React from 'react';
-import {useSlateStatic} from 'slate-react';
-import {usePopup} from '@jsonjoy.com/ui/lib/4-card/Popup/context';
-import {EditorContextPopup} from '../../../chrome/EditorContextPopup';
-import {TocOptions} from './TocOptions';
-import {TocOptionsStateProvider, useTocOptionsState} from './state';
-import {useT} from 'use-t';
-import type {TocElement as TocElementType} from '../../../types';
-
-export interface TocOptionsPopupProps {
-  element: TocElementType;
-  closePopup?: () => void;
-}
-
-const TocOptionsPopupBody: React.FC = () => {
-  const [t] = useT();
-  const state = useTocOptionsState();
-
-  return (
-    <EditorContextPopup
-      title={t('Table of contents')}
-      subtitle={t('Configure how the document outline is rendered.')}
-      minWidth={320}
-      onCancel={state.cancel}
-      onApply={state.apply}
-    >
-      <TocOptions />
-    </EditorContextPopup>
-  );
-};
-
-export const TocOptionsPopup: React.FC<TocOptionsPopupProps> = ({element, closePopup}) => {
-  const editor = useSlateStatic();
-  const popup = usePopup();
-  const onClose = React.useCallback(() => {
-    if (closePopup) closePopup();
-    else popup?.close();
-  }, [closePopup, popup]);
-
-  return (
-    <TocOptionsStateProvider editor={editor} element={element} closePopup={onClose}>
-      <TocOptionsPopupBody />
-    </TocOptionsStateProvider>
-  );
-};
diff --git a/packages/mutxt-react/src/MuTxt/components/blocks/toc/settings.ts b/packages/mutxt-react/src/MuTxt/components/blocks/toc/settings.ts
deleted file mode 100644
index c44cbf37f9..0000000000
--- a/packages/mutxt-react/src/MuTxt/components/blocks/toc/settings.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-import type {TocElement} from '../../../types';
-
-export type TocMaxLevel = NonNullable<TocElement['maxLevel']>;
-
-export const DEF_MAX_LEVEL: TocMaxLevel = 3;
-export const DEF_INCLUDE_TITLE = true;
-export const DEF_NUMBERED = true;
-
-export const TOC_MAX_LEVELS: TocMaxLevel[] = [1, 2, 3, 4, 5, 6];
-
-export const getTocMaxLevel = (value?: number): TocMaxLevel => {
-  if (typeof value !== 'number' || !Number.isFinite(value)) return DEF_MAX_LEVEL;
-  const clamped = Math.min(6, Math.max(1, Math.round(value)));
-  return clamped as TocMaxLevel;
-};
-
-export const getTocIncludeTitle = (value?: boolean): boolean =>
-  typeof value === 'boolean' ? value : DEF_INCLUDE_TITLE;
-
-export const getTocNumbered = (value?: boolean): boolean => (typeof value === 'boolean' ? value : DEF_NUMBERED);
-
-export const getStoredTocMaxLevel = (value: TocMaxLevel): TocMaxLevel | undefined =>
-  value === DEF_MAX_LEVEL ? undefined : value;
-
-export const getStoredTocIncludeTitle = (value: boolean): boolean | undefined =>
-  value === DEF_INCLUDE_TITLE ? undefined : value;
-
-export const getStoredTocNumbered = (value: boolean): boolean | undefined =>
-  value === DEF_NUMBERED ? undefined : value;
diff --git a/packages/mutxt-react/src/MuTxt/components/blocks/toc/state.ts b/packages/mutxt-react/src/MuTxt/components/blocks/toc/state.ts
deleted file mode 100644
index a6d6b94b56..0000000000
--- a/packages/mutxt-react/src/MuTxt/components/blocks/toc/state.ts
+++ /dev/null
@@ -1,157 +0,0 @@
-import * as React from 'react';
-import {rsync} from '@jsonjoy.com/ui';
-import {Transforms, type Editor} from 'slate';
-import {ReactEditor} from 'slate-react';
-import * as settings from './settings';
-import type {TocElement as TocElementType} from '../../../types';
-
-const getElementSignature = (element: TocElementType): string =>
-  JSON.stringify([
-    element.caption ?? '',
-    element.maxLevel ?? null,
-    element.includeTitle ?? null,
-    element.numbered ?? null,
-  ]);
-
-const TocOptionsStateContext = React.createContext<TocOptionsState | null>(null);
-
-export class TocOptionsState {
-  public readonly caption = rsync.val('');
-  public readonly maxLevel = rsync.val<settings.TocMaxLevel>(settings.DEF_MAX_LEVEL);
-  public readonly includeTitle = rsync.val(settings.DEF_INCLUDE_TITLE);
-  public readonly numbered = rsync.val(settings.DEF_NUMBERED);
-
-  private element: TocElementType;
-  private signature = '';
-  private closePopup?: () => void;
-
-  constructor(
-    private readonly editor: Editor,
-    element: TocElementType,
-    closePopup?: () => void,
-  ) {
-    this.element = element;
-    this.closePopup = closePopup;
-    this.syncFromElement(element);
-  }
-
-  public readonly setElement = (element: TocElementType): void => {
-    const signature = getElementSignature(element);
-    this.element = element;
-    if (signature === this.signature) return;
-    this.syncFromElement(element, signature);
-  };
-
-  public readonly setClosePopup = (closePopup?: () => void): void => {
-    this.closePopup = closePopup;
-  };
-
-  public readonly setCaption = (value: string): void => {
-    this.caption.set(value);
-  };
-
-  public readonly setMaxLevel = (value: number): void => {
-    this.maxLevel.set(settings.getTocMaxLevel(value));
-  };
-
-  public readonly setIncludeTitle = (value: boolean): void => {
-    this.includeTitle.set(!!value);
-  };
-
-  public readonly setNumbered = (value: boolean): void => {
-    this.numbered.set(!!value);
-  };
-
-  public readonly cancel = (): void => {
-    this.syncFromElement(this.element);
-    this.closePopup?.();
-  };
-
-  public readonly apply = (): void => {
-    const nextCaption = this.caption.value.trim();
-    const nextMaxLevel = settings.getStoredTocMaxLevel(this.maxLevel.value);
-    const nextIncludeTitle = settings.getStoredTocIncludeTitle(this.includeTitle.value);
-    const nextNumbered = settings.getStoredTocNumbered(this.numbered.value);
-
-    this.applyString('caption', nextCaption, this.element.caption);
-    this.applyValue('maxLevel', nextMaxLevel, this.element.maxLevel);
-    this.applyValue('includeTitle', nextIncludeTitle, this.element.includeTitle);
-    this.applyValue('numbered', nextNumbered, this.element.numbered);
-
-    this.caption.set(nextCaption);
-    this.closePopup?.();
-  };
-
-  public readonly dispose = (): void => {};
-
-  private readonly syncFromElement = (element: TocElementType, signature = getElementSignature(element)): void => {
-    this.signature = signature;
-    this.caption.set(element.caption ?? '');
-    this.maxLevel.set(settings.getTocMaxLevel(element.maxLevel));
-    this.includeTitle.set(settings.getTocIncludeTitle(element.includeTitle));
-    this.numbered.set(settings.getTocNumbered(element.numbered));
-  };
-
-  private readonly applyString = (field: 'caption', value: string, currentValue?: string): void => {
-    const prev = (currentValue ?? '').trim();
-    if (value === prev) return;
-    const path = ReactEditor.findPath(this.editor, this.element);
-    if (value) {
-      Transforms.setNodes(this.editor, {[field]: value} as Partial<TocElementType>, {at: path});
-    } else {
-      Transforms.unsetNodes(this.editor, field, {at: path});
-    }
-  };
-
-  private readonly applyValue = <K extends 'maxLevel' | 'includeTitle' | 'numbered'>(
-    field: K,
-    value: TocElementType[K] | undefined,
-    currentValue: TocElementType[K] | undefined,
-  ): void => {
-    if (value === currentValue) return;
-    const path = ReactEditor.findPath(this.editor, this.element);
-    if (value !== undefined) {
-      Transforms.setNodes(this.editor, {[field]: value} as Partial<TocElementType>, {at: path});
-    } else {
-      Transforms.unsetNodes(this.editor, field, {at: path});
-    }
-  };
-}
-
-export interface TocOptionsStateProviderProps {
-  editor: Editor;
-  element: TocElementType;
-  closePopup?: () => void;
-  children: React.ReactNode;
-}
-
-export const TocOptionsStateProvider: React.FC<TocOptionsStateProviderProps> = ({
-  editor,
-  element,
-  closePopup,
-  children,
-}) => {
-  const stateRef = React.useRef<TocOptionsState | null>(null);
-  if (!stateRef.current) stateRef.current = new TocOptionsState(editor, element, closePopup);
-  const state = stateRef.current;
-
-  React.useEffect(() => {
-    state.setClosePopup(closePopup);
-  }, [closePopup, state]);
-
-  React.useEffect(() => {
-    state.setElement(element);
-  }, [element, state]);
-
-  React.useEffect(() => {
-    return () => state.dispose();
-  }, [state]);
-
-  return React.createElement(TocOptionsStateContext.Provider, {value: state}, children);
-};
-
-export const useTocOptionsState = (): TocOptionsState => {
-  const state = React.useContext(TocOptionsStateContext);
-  if (!state) throw new Error('TocOptionsStateContext is not available.');
-  return state;
-};
diff --git a/packages/mutxt-react/src/MuTxt/context.ts b/packages/mutxt-react/src/MuTxt/context.ts
deleted file mode 100644
index d9303c860f..0000000000
--- a/packages/mutxt-react/src/MuTxt/context.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import * as React from 'react';
-import type {MuTxtState} from './state/MuTxtState';
-
-export const SlateEditorContext = React.createContext<MuTxtState | null>(null);
-
-export interface SlateEditorContextProviderProps {
-  state: MuTxtState;
-  children: React.ReactNode;
-}
-
-export const SlateEditorContextProvider: React.FC<SlateEditorContextProviderProps> = ({state, children}) =>
-  React.createElement(SlateEditorContext.Provider, {value: state}, children);
-
-export const useMuTxt = (): MuTxtState => {
-  const state = React.useContext(SlateEditorContext);
-  if (!state) throw new Error('useSlateEditorState must be used inside SlateEditorContextProvider.');
-  return state;
-};
diff --git a/packages/mutxt-react/src/MuTxt/custom-style/CustomStyleState.ts b/packages/mutxt-react/src/MuTxt/custom-style/CustomStyleState.ts
deleted file mode 100644
index 115513da9f..0000000000
--- a/packages/mutxt-react/src/MuTxt/custom-style/CustomStyleState.ts
+++ /dev/null
@@ -1,169 +0,0 @@
-import {rsync, type UiLifeCycles} from '@jsonjoy.com/ui';
-import {s} from 'json-joy/lib/json-crdt';
-import {sanitizeCustomStyle, isEmptyCustomStyle} from './guard';
-import {toInlineCss, computeFgVars} from './css';
-import type {ObjApi, ObjNode} from 'json-joy/lib/json-crdt';
-import type {MuTxtState} from '../state/MuTxtState';
-import type {CustomStyle} from './types';
-
-/**
- * Manages the document-level `CustomStyle` stored at `/cs` on `MuTxtState.obj`.
- */
-export class CustomStyleState implements UiLifeCycles {
-  public readonly cs = rsync.val<CustomStyle>({});
-
-  private _obj?: ObjApi<ObjNode>;
-  private unsub?: () => void;
-  private applyUnsub?: () => void;
-
-  private editableEl?: HTMLElement;
-  private bodyEl?: HTMLElement;
-  private appliedEditableProps: string[] = [];
-  private appliedBodyProps: string[] = [];
-
-  constructor(public readonly mutxt: MuTxtState) {}
-
-  public readonly setEditableEl = (el: HTMLElement | undefined): void => {
-    if (this.editableEl === el) return;
-    this.editableEl = el;
-    if (el) this.apply();
-  };
-
-  public readonly setBodyEl = (el: HTMLElement | undefined): void => {
-    if (this.bodyEl === el) return;
-    this.bodyEl = el;
-    if (el) this.apply();
-  };
-
-  private apply(): void {
-    const cs = this.cs.value;
-    const editable = this.editableEl;
-    if (editable) {
-      const style = editable.style;
-      for (const prop of this.appliedEditableProps) style.removeProperty(prop);
-      this.appliedEditableProps = [];
-      const css = toInlineCss(cs);
-      for (const k in css) {
-        // Skip background on the editable. The body wrapper owns it. Painting
-        // here too would double up under semi-transparent bg.
-        if (k === 'backgroundColor') continue;
-        const v = (css as any)[k];
-        if (v === undefined || v === null) continue;
-        const prop = k.replace(/([A-Z])/g, '-$1').toLowerCase();
-        style.setProperty(prop, String(v));
-        this.appliedEditableProps.push(prop);
-      }
-      const fgVars = computeFgVars(cs.fg, cs.bg);
-      for (const k in fgVars) {
-        style.setProperty(k, fgVars[k]);
-        this.appliedEditableProps.push(k);
-      }
-      if (cs.lh !== undefined) {
-        style.setProperty('--mutxt-lh', String(cs.lh));
-        this.appliedEditableProps.push('--mutxt-lh');
-      }
-    }
-    const body = this.bodyEl;
-    if (body) {
-      const style = body.style;
-      for (const prop of this.appliedBodyProps) style.removeProperty(prop);
-      this.appliedBodyProps = [];
-      if (cs.bg) {
-        style.setProperty('background-color', cs.bg);
-        this.appliedBodyProps.push('background-color');
-      }
-    }
-  }
-
-  private read(): ObjApi<ObjNode> | undefined {
-    if (this._obj) return this._obj;
-    const docObj = this.mutxt.obj;
-    if (!docObj.has('cs')) return undefined;
-    const child = docObj.obj('/cs', true);
-    if (!child) return undefined;
-    this._obj = child as ObjApi<ObjNode>;
-    return this._obj;
-  }
-
-  private ensure(): ObjApi<ObjNode> {
-    if (this._obj) return this._obj;
-    const docObj = this.mutxt.obj;
-    const existing = docObj.has('cs') ? docObj.obj('/cs', true) : undefined;
-    if (!existing) {
-      docObj.add('/cs', s.obj({}));
-    }
-    this._obj = docObj.obj('/cs') as ObjApi<ObjNode>;
-    return this._obj;
-  }
-
-  private refresh(): void {
-    const obj = this.read();
-    if (!obj) {
-      if (Object.keys(this.cs.value).length) this.cs.next({});
-      return;
-    }
-    const next = sanitizeCustomStyle(obj.view()) ?? {};
-    this.cs.next(next);
-  }
-
-  public start(): () => void {
-    const subscribe = (target: ObjApi<ObjNode>) => target.onSubtreeChange(() => this.refresh());
-    const initial = this.read();
-    if (initial) {
-      this.refresh();
-      this.unsub = subscribe(initial);
-    } else {
-      const docObj = this.mutxt.obj;
-      const docUnsub = docObj.onSubtreeChange(() => {
-        const obj = this.read();
-        if (!obj) return;
-        docUnsub();
-        this.unsub = subscribe(obj);
-        this.refresh();
-      });
-      this.unsub = docUnsub;
-    }
-    this.applyUnsub = this.cs.subscribe(() => this.apply());
-    return () => {
-      this.unsub?.();
-      this.unsub = undefined;
-      this.applyUnsub?.();
-      this.applyUnsub = undefined;
-    };
-  }
-
-  public readonly setField = <K extends keyof CustomStyle>(key: K, value: CustomStyle[K] | undefined): void => {
-    if (this.mutxt.readOnly.value) return;
-    const current = this.cs.value;
-    if (value === undefined) {
-      if (current[key] === undefined) return;
-      const next: CustomStyle = {...current};
-      delete next[key];
-      const obj = this.read();
-      if (obj) obj.del([key as string]);
-      this.cs.next(next);
-      return;
-    }
-    if (current[key] === value) return;
-    const obj = this.ensure();
-    obj.add('/' + (key as string), value);
-    this.cs.next({...current, [key]: value});
-  };
-
-  public readonly replace = (next: CustomStyle): void => {
-    if (this.mutxt.readOnly.value) return;
-    const current = this.cs.value;
-    const keysToRemove: string[] = [];
-    for (const k in current) if (!(k in next)) keysToRemove.push(k);
-    if (isEmptyCustomStyle(next)) {
-      const obj = this.read();
-      if (obj && keysToRemove.length) obj.del(keysToRemove);
-      this.cs.next({});
-      return;
-    }
-    const obj = this.ensure();
-    if (keysToRemove.length) obj.del(keysToRemove);
-    obj.mergeKeys(next as any);
-    this.cs.next({...next});
-  };
-}
diff --git a/packages/mutxt-react/src/MuTxt/custom-style/CustomStylesPanel.tsx b/packages/mutxt-react/src/MuTxt/custom-style/CustomStylesPanel.tsx
deleted file mode 100644
index c6338f40a5..0000000000
--- a/packages/mutxt-react/src/MuTxt/custom-style/CustomStylesPanel.tsx
+++ /dev/null
@@ -1,367 +0,0 @@
-import * as React from 'react';
-import {useT} from 'use-t';
-import {ArgsPane} from '@jsonjoy.com/ui/lib/4-card/ContextMenu/ArgsPane';
-import {usePopup} from '@jsonjoy.com/ui/lib/4-card/Popup/context';
-import {useMuTxt} from '../context';
-import {DEFAULTS, FONT_OPTIONS} from './settings';
-import type {MenuItem, Param} from '@jsonjoy.com/ui/lib/4-card/StructuralMenu/types';
-import type {CustomStyle} from './types';
-import FfIcon__svg from 'iconista/lib/react/radix/font-family';
-import FzIcon__svg from 'iconista/lib/react/radix/font-size';
-import FsIcon__svg from 'iconista/lib/react/tabler/stretching';
-import OsIcon__svg from 'iconista/lib/react/lucide/glasses';
-import LigIcon__svg from 'iconista/lib/react/lucide/ligature';
-import NvIcon__svg from 'iconista/lib/react/lucide/hash';
-import LhIcon__svg from 'iconista/lib/react/radix/line-height';
-import LsIcon__svg from 'iconista/lib/react/radix/letter-spacing';
-import WsIcon__svg from 'iconista/lib/react/radix/letter-spacing';
-import KrnIcon__svg from 'iconista/lib/react/tabler/kerning';
-import FwIcon__svg from 'iconista/lib/react/radix/font-bold';
-import ItIcon__svg from 'iconista/lib/react/lucide/italic';
-import CapsIcon__svg from 'iconista/lib/react/radix/letter-case-uppercase';
-import SmcpIcon__svg from 'iconista/lib/react/radix/letter-case-lowercase';
-import UoIcon__svg from 'iconista/lib/react/lucide/underline';
-import DtIcon__svg from 'iconista/lib/react/lucide/highlighter';
-import FgIcon__svg from 'iconista/lib/react/lucide/paintbrush';
-import BgIcon__svg from 'iconista/lib/react/lucide/paint-bucket';
-import BanIcon__svg from 'iconista/lib/react/lucide/ban';
-import LigatureSmallIcon__svg from 'iconista/lib/react/lucide/ligature';
-import SparklesIcon__svg from 'iconista/lib/react/lucide/sparkles';
-import ScrollIcon__svg from 'iconista/lib/react/lucide/scroll';
-import HashIcon__svg from 'iconista/lib/react/lucide/hash';
-import FeatherIcon__svg from 'iconista/lib/react/lucide/feather';
-import Rows2Icon__svg from 'iconista/lib/react/lucide/rows-2';
-import TableIcon__svg from 'iconista/lib/react/lucide/table';
-import WandIcon__svg from 'iconista/lib/react/lucide/wand-sparkles';
-import EqualIcon__svg from 'iconista/lib/react/lucide/equal';
-
-const FfIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => <FfIcon__svg width={15} height={15} {...props} />;
-const FzIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => <FzIcon__svg width={15} height={15} {...props} />;
-const FsIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => <FsIcon__svg width={15} height={15} {...props} />;
-const OsIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => <OsIcon__svg width={15} height={15} {...props} />;
-const LigIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => <LigIcon__svg width={15} height={15} {...props} />;
-const NvIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => <NvIcon__svg width={15} height={15} {...props} />;
-const LhIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => <LhIcon__svg width={15} height={15} {...props} />;
-const LsIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => <LsIcon__svg width={15} height={15} {...props} />;
-const WsIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => <WsIcon__svg width={15} height={15} {...props} />;
-const KrnIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => <KrnIcon__svg width={15} height={15} {...props} />;
-const FwIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => <FwIcon__svg width={15} height={15} {...props} />;
-const ItIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => <ItIcon__svg width={16} height={16} {...props} />;
-const CapsIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <CapsIcon__svg width={15} height={15} {...props} />
-);
-const SmcpIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <SmcpIcon__svg width={15} height={15} {...props} />
-);
-const UoIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => <UoIcon__svg width={15} height={15} {...props} />;
-const DtIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => <DtIcon__svg width={15} height={15} {...props} />;
-const FgIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => <FgIcon__svg width={16} height={16} {...props} />;
-const BgIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => <BgIcon__svg width={16} height={16} {...props} />;
-
-// Small (14px) icons used inside enum/select option lists.
-const BanIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => <BanIcon__svg width={14} height={14} {...props} />;
-const LigatureSmallIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <LigatureSmallIcon__svg width={14} height={14} {...props} />
-);
-const SparklesIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <SparklesIcon__svg width={14} height={14} {...props} />
-);
-const ScrollIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <ScrollIcon__svg width={14} height={14} {...props} />
-);
-const HashIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <HashIcon__svg width={14} height={14} {...props} />
-);
-const FeatherIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <FeatherIcon__svg width={14} height={14} {...props} />
-);
-const Rows2Icon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <Rows2Icon__svg width={14} height={14} {...props} />
-);
-const TableIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <TableIcon__svg width={14} height={14} {...props} />
-);
-const WandIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <WandIcon__svg width={14} height={14} {...props} />
-);
-const EqualIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <EqualIcon__svg width={14} height={14} {...props} />
-);
-
-/**
- * Unwrap a `defaultable` arg value. The args pane stores them as
- * `{def: boolean, value: T}` while non-defaultable keys store the raw value.
- * Returns `undefined` when the user has left the field at "default".
- */
-const pick = <T,>(raw: unknown): T | undefined => {
-  if (raw && typeof raw === 'object' && 'def' in (raw as object)) {
-    const {def, value} = raw as {def: boolean; value: T};
-    return def ? undefined : value;
-  }
-  return raw as T | undefined;
-};
-
-export interface CustomStylesPanelProps {
-  closePopup?: () => void;
-}
-
-export const CustomStylesPanel: React.FC<CustomStylesPanelProps> = ({closePopup}) => {
-  const [t] = useT();
-  const mutxt = useMuTxt();
-  const popup = usePopup();
-  const cs = mutxt.customStyle.cs.use();
-
-  const onCancel = React.useCallback(() => {
-    if (closePopup) closePopup();
-    else popup?.close();
-  }, [closePopup, popup]);
-
-  const item: MenuItem = React.useMemo(() => ({name: t('Custom Styles'), compact: true}), [t]);
-
-  const params: (Param | MenuItem)[] = React.useMemo(() => {
-    const defable = <T,>(key: keyof CustomStyle, fallback: T): {initialDef: boolean; initialValue: T; default: T} => ({
-      initialDef: cs[key] === undefined,
-      initialValue: cs[key] !== undefined ? (cs[key] as unknown as T) : fallback,
-      default: fallback,
-    });
-
-    return [
-      {name: t('Font'), heading: true, collapsible: true},
-      {
-        kind: 'select',
-        id: 'ff',
-        name: t('Typeface'),
-        defaultable: true,
-        searchPlaceholder: t('Find font…'),
-        icon: () => <FfIcon />,
-        options: FONT_OPTIONS,
-        ...defable<string>('ff', DEFAULTS.ff),
-      },
-      {
-        kind: 'num',
-        id: 'fz',
-        name: t('Font size'),
-        defaultable: true,
-        min: 6,
-        max: 96,
-        step: 0.1,
-        decimals: 1,
-        dragSensitivity: 0.1,
-        dragAxis: 'y',
-        icon: () => <FzIcon />,
-        ...defable<number>('fz', DEFAULTS.fz),
-      },
-      {
-        kind: 'num',
-        id: 'fs',
-        name: t('Font stretch'),
-        defaultable: true,
-        min: 50,
-        max: 200,
-        step: 5,
-        dragSensitivity: 0.5,
-        icon: () => <FsIcon />,
-        ...defable<number>('fs', DEFAULTS.fs),
-      },
-      {
-        kind: 'bool',
-        id: 'os',
-        name: t('Optical sizing'),
-        defaultable: true,
-        icon: () => <OsIcon />,
-        ...defable<boolean>('os', DEFAULTS.os),
-      },
-      {
-        kind: 'select',
-        id: 'lig',
-        name: t('Ligatures'),
-        defaultable: true,
-        icon: () => <LigIcon />,
-        options: [
-          {name: t('None'), id: 'none', icon: () => <BanIcon />},
-          {name: t('Common'), id: 'common', icon: () => <LigatureSmallIcon />},
-          {name: t('Discretionary'), id: 'discretionary', icon: () => <SparklesIcon />},
-          {name: t('Historical'), id: 'historical', icon: () => <ScrollIcon />},
-        ],
-        ...defable<string>('lig', DEFAULTS.lig),
-      },
-      {
-        kind: 'enum',
-        id: 'nv',
-        name: t('Numeric variant'),
-        defaultable: true,
-        icon: () => <NvIcon />,
-        options: [
-          {name: t('Default'), id: 'normal', icon: () => <HashIcon />},
-          {name: t('Oldstyle'), id: 'oldstyle', icon: () => <FeatherIcon />},
-          {name: t('Lining'), id: 'lining', icon: () => <Rows2Icon />},
-          {name: t('Tabular'), id: 'tabular', icon: () => <TableIcon />},
-        ],
-        ...defable<string>('nv', DEFAULTS.nv),
-      },
-
-      {name: t('Spacing'), heading: true, collapsible: true},
-      {
-        kind: 'num',
-        id: 'lh',
-        name: t('Line height'),
-        defaultable: true,
-        min: 0.5,
-        max: 3,
-        step: 0.1,
-        dragSensitivity: 0.01,
-        dragAxis: 'y',
-        icon: () => <LhIcon />,
-        ...defable<number>('lh', DEFAULTS.lh),
-      },
-      {
-        kind: 'num',
-        id: 'ls',
-        name: t('Letter spacing'),
-        defaultable: true,
-        min: -0.2,
-        max: 0.4,
-        step: 0.01,
-        dragSensitivity: 0.005,
-        icon: () => <LsIcon />,
-        ...defable<number>('ls', DEFAULTS.ls),
-      },
-      {
-        kind: 'num',
-        id: 'ws',
-        name: t('Word spacing'),
-        defaultable: true,
-        min: -0.5,
-        max: 1,
-        step: 0.01,
-        dragSensitivity: 0.01,
-        icon: () => <WsIcon />,
-        ...defable<number>('ws', DEFAULTS.ws),
-      },
-      {
-        kind: 'enum',
-        id: 'krn',
-        name: t('Kerning'),
-        defaultable: true,
-        icon: () => <KrnIcon />,
-        options: [
-          {name: t('Auto'), id: 'auto', icon: () => <WandIcon />},
-          {name: t('Normal'), id: 'normal', icon: () => <EqualIcon />},
-          {name: t('None'), id: 'none', icon: () => <BanIcon />},
-        ],
-        ...defable<string>('krn', DEFAULTS.krn),
-      },
-
-      {name: t('Style'), heading: true, collapsible: true},
-      {
-        kind: 'num',
-        id: 'fw',
-        name: t('Font weight'),
-        defaultable: true,
-        min: 100,
-        max: 900,
-        step: 100,
-        dragSensitivity: 4,
-        icon: () => <FwIcon />,
-        ...defable<number>('fw', DEFAULTS.fw),
-      },
-      {
-        kind: 'bool',
-        id: 'it',
-        name: t('Italic'),
-        defaultable: true,
-        icon: () => <ItIcon />,
-        ...defable<boolean>('it', DEFAULTS.it),
-      },
-      {
-        kind: 'bool',
-        id: 'caps',
-        name: t('Large caps'),
-        defaultable: true,
-        icon: () => <CapsIcon />,
-        ...defable<boolean>('caps', DEFAULTS.caps),
-      },
-      {
-        kind: 'bool',
-        id: 'smcp',
-        name: t('Small caps'),
-        defaultable: true,
-        icon: () => <SmcpIcon />,
-        ...defable<boolean>('smcp', DEFAULTS.smcp),
-      },
-      {
-        kind: 'num',
-        id: 'uo',
-        name: t('Underline offset'),
-        defaultable: true,
-        min: 0,
-        max: 0.5,
-        step: 0.01,
-        decimals: 2,
-        dragSensitivity: 0.0015,
-        dragAxis: 'y',
-        icon: () => <UoIcon />,
-        ...defable<number>('uo', DEFAULTS.uo),
-      },
-      {
-        kind: 'num',
-        id: 'dt',
-        name: t('Decoration width'),
-        defaultable: true,
-        min: 0.01,
-        max: 0.3,
-        step: 0.01,
-        decimals: 2,
-        dragAxis: 'y',
-        dragSensitivity: 0.003,
-        icon: () => <DtIcon />,
-        ...defable<number>('dt', DEFAULTS.dt),
-      },
-
-      {name: t('Color'), heading: true, collapsible: true},
-      {
-        kind: 'color',
-        id: 'fg',
-        name: t('Text color'),
-        defaultable: true,
-        alpha: true,
-        icon: () => <FgIcon />,
-        ...defable<string>('fg', DEFAULTS.fg),
-      },
-      {
-        kind: 'color',
-        id: 'bg',
-        name: t('Background'),
-        defaultable: true,
-        alpha: true,
-        icon: () => <BgIcon />,
-        ...defable<string>('bg', DEFAULTS.bg),
-      },
-    ];
-  }, [t, cs]);
-
-  const onChange = React.useCallback(
-    (_list: [string, unknown][], map: Record<string, unknown>) => {
-      const next: CustomStyle = {};
-      const numKeys: (keyof CustomStyle)[] = ['fz', 'fs', 'fw', 'lh', 'ls', 'ws', 'uo', 'dt'];
-      const strKeys: (keyof CustomStyle)[] = ['ff', 'lig', 'nv', 'krn', 'fg', 'bg'];
-      const boolKeys: (keyof CustomStyle)[] = ['os', 'it', 'caps', 'smcp'];
-      for (const k of numKeys) {
-        const v = pick<number>(map[k]);
-        if (v !== undefined && Number.isFinite(v)) (next as any)[k] = v;
-      }
-      for (const k of strKeys) {
-        const v = pick<string>(map[k]);
-        if (v) (next as any)[k] = v;
-      }
-      for (const k of boolKeys) {
-        const v = pick<boolean>(map[k]);
-        if (v !== undefined) (next as any)[k] = v;
-      }
-      mutxt.customStyle.replace(next);
-    },
-    [mutxt],
-  );
-
-  return <ArgsPane inline item={item} params={params} onCancel={onCancel} onChange={onChange} />;
-};
diff --git a/packages/mutxt-react/src/MuTxt/custom-style/README.md b/packages/mutxt-react/src/MuTxt/custom-style/README.md
deleted file mode 100644
index 4c73a00f38..0000000000
--- a/packages/mutxt-react/src/MuTxt/custom-style/README.md
+++ /dev/null
@@ -1,10 +0,0 @@
-`CustomStyle` is a **per-field optional bag** of typography +
-block-layout declarations, stored in various places along a strict
-per-field cascade:
-
-1. defaults (static global default)
-2. editor render config (provided through mount props)
-3. document stored (persisted for whole document)
-4. block type global overrides (persisted per block type, e.g. h1 blocks have a specific style)
-5. block-level instance overrides (persisted per block)
-6. inline style overrides (inline marks, persisted per mark)
diff --git a/packages/mutxt-react/src/MuTxt/custom-style/css.ts b/packages/mutxt-react/src/MuTxt/custom-style/css.ts
deleted file mode 100644
index 72b4d80970..0000000000
--- a/packages/mutxt-react/src/MuTxt/custom-style/css.ts
+++ /dev/null
@@ -1,106 +0,0 @@
-import {HslColor} from '@jsonjoy.com/ui/lib/styles/color/HslColor';
-import {FONT_FAMILIES, isFontKind} from '../behavior/font';
-import type {CustomStyle} from './types';
-
-/**
- * Levels used by block renderers (mirror of `styles.g(N)`). Higher N
- * means the variant fades further toward the background.
- */
-export const FG_LEVELS = [0, 8, 16, 18, 20, 24, 30, 32, 35, 40, 45, 50] as const;
-export type FgLevel = (typeof FG_LEVELS)[number];
-
-/**
- * Builds a `var(--mutxt-fg-NN, fallback)` reference. When the document's
- * custom `fg` is set, the `--mutxt-fg-NN` vars on the editable resolve to
- * tints of the user's color. Otherwise the fallback applies.
- */
-export const fgVar = (level: FgLevel, fallback: string): string =>
-  `var(--mutxt-fg-${level.toString().padStart(2, '0')}, ${fallback})`;
-
-/**
- * Build a `var(--mutxt-lh, fallback)` reference for line-height. Use on
- * text-body blocks (paragraphs, lists, preformatted, etc.) so a
- * document-level `lh` override cascades through. Skip on blocks whose
- * line-height is part of their visual design (headings, code, math).
- */
-export const lhVar = (fallback: string | number): string => `var(--mutxt-lh, ${fallback})`;
-
-/**
- * Compute CSS-variable values for a fg/bg pair. Returns the variables as
- * kebab-cased keys so they can be sprayed directly onto an element's
- * `style.setProperty(...)` calls.
- */
-export const computeFgVars = (fg?: string, bg?: string): Record<string, string> => {
-  if (!fg) return {};
-  const base = HslColor.from(fg);
-  if (!base) return {};
-  const bgColor = bg ? HslColor.from(bg) : undefined;
-  const targetL = bgColor ? bgColor.l : base.l < 0.5 ? 1 : 0;
-  const out: Record<string, string> = {};
-  for (const level of FG_LEVELS) {
-    const t = level / 100;
-    const l = base.l + (targetL - base.l) * t;
-    const c = new HslColor(base.h, base.s, l, 1);
-    out[`--mutxt-fg-${level.toString().padStart(2, '0')}`] = c.toString();
-  }
-  return out;
-};
-
-/**
- * Convert a `CustomStyle` to a `React.CSSProperties` object containing only
- * the keys that are present. Used for the typography subset that flows
- * through CSS inheritance. Unset fields are silently dropped.
- */
-export const toInlineCss = (cs: CustomStyle | undefined): React.CSSProperties => {
-  const out: React.CSSProperties = {};
-  if (!cs) return out;
-  if (cs.ff !== undefined) out.fontFamily = isFontKind(cs.ff) ? FONT_FAMILIES[cs.ff] : cs.ff;
-  if (cs.fz !== undefined) out.fontSize = `${cs.fz}px`;
-  if (cs.fw !== undefined) out.fontWeight = cs.fw;
-  if (cs.fs !== undefined) out.fontWidth = `${cs.fs}%`;
-  if (cs.os !== undefined) out.fontOpticalSizing = cs.os ? 'auto' : 'none';
-  if (cs.lig !== undefined) out.fontVariantLigatures = ligaturesToCss(cs.lig);
-  if (cs.nv !== undefined)
-    out.fontVariantNumeric =
-      cs.nv === 'normal' ? 'normal' : cs.nv === 'proportional' ? 'proportional-nums' : `${cs.nv}-nums`;
-  if (cs.lh !== undefined) out.lineHeight = cs.lh;
-  if (cs.ls !== undefined) out.letterSpacing = `${cs.ls}em`;
-  if (cs.ws !== undefined) out.wordSpacing = `${cs.ws}em`;
-  if (cs.krn !== undefined) out.fontKerning = cs.krn;
-  if (cs.it !== undefined) out.fontStyle = cs.it ? 'italic' : 'normal';
-  if (cs.caps) out.textTransform = 'uppercase';
-  if (cs.smcp) out.fontVariantCaps = 'small-caps';
-
-  // Stored as a fraction of em so they scale with font size.
-  // text-underline-offset inherits, but text-decoration-thickness does not,
-  // so descendant <u> leaf elements read --mutxt-dt to pick the value up.
-  if (cs.uo !== undefined) {
-    const v = `${cs.uo}em`;
-    out.textUnderlineOffset = v;
-    (out as any)['--mutxt-uo'] = v;
-  }
-  if (cs.dt !== undefined) {
-    const v = `${cs.dt}em`;
-    out.textDecorationThickness = v;
-    (out as any)['--mutxt-dt'] = v;
-  }
-
-  if (cs.fg !== undefined) out.color = cs.fg;
-  if (cs.bg !== undefined) out.backgroundColor = cs.bg;
-  return out;
-};
-
-const ligaturesToCss = (v: CustomStyle['lig']): string => {
-  switch (v) {
-    case 'none':
-      return 'no-common-ligatures';
-    case 'common':
-      return 'common-ligatures';
-    case 'discretionary':
-      return 'common-ligatures discretionary-ligatures';
-    case 'historical':
-      return 'common-ligatures historical-ligatures';
-    default:
-      return 'normal';
-  }
-};
diff --git a/packages/mutxt-react/src/MuTxt/custom-style/guard.ts b/packages/mutxt-react/src/MuTxt/custom-style/guard.ts
deleted file mode 100644
index 6e1f78c401..0000000000
--- a/packages/mutxt-react/src/MuTxt/custom-style/guard.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import type {CustomStyle} from './types';
-
-/**
- * Filters a stored value into a CustomStyle. Drops keys with the wrong
- * primitive type and keeps the rest as-is (the CSS emitter is forgiving).
- */
-export const sanitizeCustomStyle = (v: unknown): CustomStyle | undefined => {
-  if (!v || typeof v !== 'object' || Array.isArray(v)) return undefined;
-  const src = v as Record<string, unknown>;
-  const out: CustomStyle = {};
-  const num = (k: keyof CustomStyle) => {
-    const x = src[k as string];
-    if (typeof x === 'number' && Number.isFinite(x)) (out as any)[k] = x;
-  };
-  const str = (k: keyof CustomStyle) => {
-    const x = src[k as string];
-    if (typeof x === 'string' && x.length) (out as any)[k] = x;
-  };
-  const bool = (k: keyof CustomStyle) => {
-    const x = src[k as string];
-    if (typeof x === 'boolean') (out as any)[k] = x;
-  };
-  str('ff');
-  num('fz');
-  num('fw');
-  num('fs');
-  bool('os');
-  str('lig');
-  str('nv');
-  num('lh');
-  num('ls');
-  num('ws');
-  str('krn');
-  bool('it');
-  bool('caps');
-  bool('smcp');
-  num('uo');
-  num('dt');
-  str('fg');
-  str('bg');
-  return Object.keys(out).length ? out : undefined;
-};
-
-export const isEmptyCustomStyle = (cs: CustomStyle | undefined): boolean => !cs || Object.keys(cs).length === 0;
diff --git a/packages/mutxt-react/src/MuTxt/custom-style/settings.ts b/packages/mutxt-react/src/MuTxt/custom-style/settings.ts
deleted file mode 100644
index 18630b4223..0000000000
--- a/packages/mutxt-react/src/MuTxt/custom-style/settings.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-import type {MenuItem} from '@jsonjoy.com/ui/lib/4-card/StructuralMenu/types';
-import type {CustomStyle} from './types';
-
-/**
- * Hard-coded fallback at the bottom of the cascade. Also displayed in
- * the panel as the "default" value when a field is in def: true mode.
- */
-export const DEFAULTS: Required<CustomStyle> = {
-  ff: 'sans',
-  fz: 16,
-  fw: 400,
-  fs: 100,
-  os: true,
-  lig: 'common',
-  nv: 'normal',
-  lh: 1.5,
-  ls: 0,
-  ws: 0,
-  krn: 'auto',
-  it: false,
-  caps: false,
-  smcp: false,
-  uo: 0.15,
-  dt: 0.06,
-  fg: '#1a1a1a',
-  bg: '#ffffff',
-};
-
-/** Built-in `FontKind` shorthands plus a few common alternatives. */
-export const FONT_OPTIONS: MenuItem[] = [
-  {id: 'sans', name: 'Sans'},
-  {id: 'serif', name: 'Serif'},
-  {id: 'slab', name: 'Slab'},
-  {id: 'mono', name: 'Mono'},
-];
diff --git a/packages/mutxt-react/src/MuTxt/custom-style/types.ts b/packages/mutxt-react/src/MuTxt/custom-style/types.ts
deleted file mode 100644
index 426e63ec60..0000000000
--- a/packages/mutxt-react/src/MuTxt/custom-style/types.ts
+++ /dev/null
@@ -1,76 +0,0 @@
-import type {FontKind} from '../types';
-
-/**
- * `CustomStyle` is a per-field optional bag of typography (and, at block
- * scope, layout) declarations. Every field is optional. A value expresses
- * an override, absence means "inherit from the next-higher scope".
- */
-export interface CustomStyle {
-  // --------------------------------------------------------------------- Font
-  /** Font family. Built-in `FontKind` keys resolve via `FONT_FAMILIES`. */
-  ff?: FontKind | string;
-  /** Font size in CSS px. */
-  fz?: number;
-  /** Font weight (CSS values). */
-  fw?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;
-  /** Font-stretch percent (CSS `font-stretch`, 50..200). */
-  fs?: number;
-  /** Apply `font-optical-sizing: auto`. */
-  os?: boolean;
-  /** Ligature mode. */
-  lig?: 'normal' | 'none' | 'common' | 'discretionary' | 'historical';
-  /** Numeric variant. */
-  nv?: 'normal' | 'lining' | 'oldstyle' | 'tabular' | 'proportional';
-
-  // ------------------------------------------------------------------ Spacing
-  /** Line height (unitless multiplier). */
-  lh?: number;
-  /** Letter spacing in `em`. */
-  ls?: number;
-  /** Word spacing in `em`. */
-  ws?: number;
-  /** Kerning. */
-  krn?: 'auto' | 'normal' | 'none';
-
-  // -------------------------------------------------------------------- Style
-  /** Italic / oblique. */
-  it?: boolean;
-  /** Uppercase via `text-transform`. */
-  caps?: boolean;
-  /** Small caps via `font-variant-caps`. */
-  smcp?: boolean;
-  /** Underline offset in px. */
-  uo?: number;
-  /** Text decoration thickness in px. */
-  dt?: number;
-
-  // -------------------------------------------------------------------- Color
-  /** Foreground text color (CSS color string). */
-  fg?: string;
-  /** Background color. */
-  bg?: string;
-}
-
-/** Keys that participate in CSS inheritance (typography). Applied at every scope. */
-export const TYPOGRAPHY_KEYS = [
-  'ff',
-  'fz',
-  'fw',
-  'fs',
-  'os',
-  'lig',
-  'nv',
-  'lh',
-  'ls',
-  'ws',
-  'krn',
-  'it',
-  'caps',
-  'smcp',
-  'uo',
-  'dt',
-  'fg',
-  'bg',
-] as const satisfies readonly (keyof CustomStyle)[];
-
-export type TypographyKey = (typeof TYPOGRAPHY_KEYS)[number];
diff --git a/packages/mutxt-react/src/MuTxt/guard/SelectAllGuardFloater.tsx b/packages/mutxt-react/src/MuTxt/guard/SelectAllGuardFloater.tsx
deleted file mode 100644
index effdb17769..0000000000
--- a/packages/mutxt-react/src/MuTxt/guard/SelectAllGuardFloater.tsx
+++ /dev/null
@@ -1,80 +0,0 @@
-import * as React from 'react';
-import {rule} from 'nano-theme';
-import {useStyles} from '@jsonjoy.com/ui/lib/styles/context';
-import {useMuTxt} from '../context';
-import {SelectAllGuardPopup} from './SelectAllGuardPopup';
-
-const overlayClass = rule({
-  pos: 'absolute',
-  inset: 0,
-  z: 1000,
-  d: 'flex',
-  fld: 'column',
-  ai: 'center',
-  jc: 'flex-start',
-  bxz: 'border-box',
-  WebkitBackdropFilter: 'saturate(180%) blur(10px)',
-  backdropFilter: 'saturate(180%) blur(10px)',
-  animation: 'guard-overlay-in .12s cubic-bezier(0.16,1,0.3,1) both',
-  '@keyframes guard-overlay-in': {
-    from: {opacity: 0},
-    to: {opacity: 1},
-  },
-});
-
-const dialogClass = rule({
-  animation: 'guard-dialog-in .14s cubic-bezier(0.16,1,0.3,1) both',
-  willChange: 'transform, opacity',
-  '@keyframes guard-dialog-in': {
-    from: {transform: 'translate3d(0,-12px,0)', opacity: 0},
-    to: {transform: 'translate3d(0,0,0)', opacity: 1},
-  },
-});
-
-/**
- * Modal-style overlay shown when the user is about to wipe a large document
- * via Ctrl+A then Backspace / Delete / typing.
- */
-export const SelectAllGuardFloater: React.FC = () => {
-  const mutxt = useMuTxt();
-  const guard = mutxt.selectAllGuard;
-  const open = guard.open.use();
-  const action = guard.pending.use();
-  const styles = useStyles();
-
-  if (!open || !action) return null;
-
-  // Frosted-glass tint over the shell.
-  const overlayBg = styles.light ? 'rgba(245, 245, 245, 0.45)' : 'rgba(20, 20, 20, 0.45)';
-
-  const onOverlayMouseDown = (event: React.MouseEvent<HTMLDivElement>): void => {
-    // Only treat clicks on the backdrop itself as a cancel — clicks on the
-    // dialog or its descendants must keep buttons interactive.
-    if (event.target !== event.currentTarget) return;
-    event.preventDefault();
-    event.stopPropagation();
-    guard.cancel();
-  };
-
-  const onDialogMouseDown = (event: React.MouseEvent<HTMLDivElement>): void => {
-    // Suppress focus shifts that would otherwise move the contenteditable
-    // selection while the dialog is open. Buttons inside still receive
-    // click events because we only block mousedown's default.
-    if ((event.target as HTMLElement).tagName !== 'INPUT') event.preventDefault();
-    event.stopPropagation();
-  };
-
-  return (
-    <div
-      className={overlayClass}
-      style={{background: overlayBg}}
-      role="dialog"
-      aria-modal="true"
-      onMouseDown={onOverlayMouseDown}
-    >
-      <div className={dialogClass} onMouseDown={onDialogMouseDown}>
-        <SelectAllGuardPopup state={guard} action={action} />
-      </div>
-    </div>
-  );
-};
diff --git a/packages/mutxt-react/src/MuTxt/guard/SelectAllGuardPopup.tsx b/packages/mutxt-react/src/MuTxt/guard/SelectAllGuardPopup.tsx
deleted file mode 100644
index bc0c74240a..0000000000
--- a/packages/mutxt-react/src/MuTxt/guard/SelectAllGuardPopup.tsx
+++ /dev/null
@@ -1,68 +0,0 @@
-import * as React from 'react';
-import {rule} from 'nano-theme';
-import {useT} from 'use-t';
-import {ConfirmPrompt} from '@jsonjoy.com/ui/lib/4-card/ConfirmPrompt';
-import {useStyles} from '@jsonjoy.com/ui/lib/styles/context';
-import type {PendingAction, SelectAllGuardState} from './SelectAllGuardState';
-
-const previewClass = rule({
-  d: 'inline',
-  fontFamily: '"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace',
-  fz: '13px',
-  pd: '1px 6px',
-  bdrad: '4px',
-  mr: '0 2px',
-  vrtAln: 'baseline',
-});
-
-const trim = (text: string, max: number): string => {
-  const collapsed = text.replace(/\s+/g, ' ').trim();
-  if (collapsed.length <= max) return collapsed;
-  return collapsed.slice(0, max) + '…';
-};
-
-export interface SelectAllGuardPopupProps {
-  state: SelectAllGuardState;
-  action: PendingAction;
-}
-
-export const SelectAllGuardPopup: React.FC<SelectAllGuardPopupProps> = ({state, action}) => {
-  const [t] = useT();
-  const styles = useStyles();
-
-  const onConfirm = React.useCallback(() => state.confirm(), [state]);
-  const onCancel = React.useCallback(() => state.cancel(), [state]);
-
-  const title = action.kind === 'delete' ? t('Delete the whole document?') : t('Replace the whole document?');
-
-  let body: React.ReactNode;
-  if (action.kind === 'delete') {
-    body = t('The entire document is selected. This will remove all content.');
-  } else if (action.kind === 'replace-text') {
-    const preview = trim(action.text, 24);
-    body = (
-      <>
-        {t('The entire document will be replaced with')}{' '}
-        <span className={previewClass} style={{background: styles.g(0.5, 0.12), color: styles.g(0.1)}}>
-          {preview}
-        </span>
-        .
-      </>
-    );
-  } else {
-    body = t('The entire document will be replaced with the pasted content.');
-  }
-
-  return (
-    <ConfirmPrompt
-      miniTitle={t('Confirm')}
-      title={title}
-      confirmLabel={action.kind === 'delete' ? t('Delete') : t('Replace')}
-      cancelLabel={t('Cancel')}
-      onConfirm={onConfirm}
-      onCancel={onCancel}
-    >
-      {body}
-    </ConfirmPrompt>
-  );
-};
diff --git a/packages/mutxt-react/src/MuTxt/guard/SelectAllGuardState.ts b/packages/mutxt-react/src/MuTxt/guard/SelectAllGuardState.ts
deleted file mode 100644
index 629b21932d..0000000000
--- a/packages/mutxt-react/src/MuTxt/guard/SelectAllGuardState.ts
+++ /dev/null
@@ -1,69 +0,0 @@
-import {rsync, type UiLifeCycles} from '@jsonjoy.com/ui';
-import {isFullDocSelected, resetDocumentContent} from '../behavior/selectAllGuard';
-import {getEditorPlainText} from '../util';
-import type {Node as SlateNode} from 'slate';
-import type {MuTxtState} from '../state/MuTxtState';
-
-const SELECT_ALL_GUARD_THRESHOLD = 200;
-
-export type PendingAction =
-  | {readonly kind: 'delete'}
-  | {readonly kind: 'replace-text'; readonly text: string}
-  | {readonly kind: 'replace-fragment'; readonly fragment: SlateNode[]};
-
-/**
- * Tracks the "are you sure you want to wipe the document?" prompt that
- * appears when the user triggers Backspace / Delete / typing while the entire
- * document is selected.
- */
-export class SelectAllGuardState implements UiLifeCycles {
-  public readonly open = rsync.val(false);
-  public readonly pending = rsync.val<PendingAction | null>(null);
-
-  constructor(public readonly mutxt: MuTxtState) {}
-
-  public start = (): (() => void) => () => {};
-
-  private readonly guard = (action: PendingAction): boolean => {
-    const {mutxt} = this;
-    if (mutxt.readOnly.value) return false;
-    const editor = mutxt.editor;
-    if (!isFullDocSelected(editor)) return false;
-    if (getEditorPlainText(editor).length < SELECT_ALL_GUARD_THRESHOLD) return false;
-    this.pending.set(action);
-    this.open.set(true);
-    return true;
-  };
-
-  public readonly requestDelete = (): boolean => this.guard({kind: 'delete'});
-  public readonly requestReplaceWithText = (text: string): boolean => this.guard({kind: 'replace-text', text});
-  public readonly requestReplaceWithFragment = (fragment: SlateNode[]): boolean =>
-    this.guard({kind: 'replace-fragment', fragment});
-
-  public readonly confirm = (): void => {
-    const action = this.pending.value;
-    this.close();
-    if (!action) return;
-    const {mutxt} = this;
-    const {editor} = mutxt;
-    if (action.kind === 'delete') {
-      resetDocumentContent(editor);
-    } else if (action.kind === 'replace-text') {
-      resetDocumentContent(editor, action.text);
-    } else {
-      resetDocumentContent(editor);
-      editor.insertFragment(action.fragment);
-    }
-    mutxt.api.focus();
-  };
-
-  public readonly cancel = (): void => {
-    this.close();
-    this.mutxt.api.focus();
-  };
-
-  public readonly close = (): void => {
-    if (this.open.value) this.open.set(false);
-    if (this.pending.value) this.pending.set(null);
-  };
-}
diff --git a/packages/mutxt-react/src/MuTxt/index.ts b/packages/mutxt-react/src/MuTxt/index.ts
deleted file mode 100644
index 5723eb4361..0000000000
--- a/packages/mutxt-react/src/MuTxt/index.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-export type * from './types';
-export * from './MuTxt';
-export * from './context';
-export {formatKeys} from './util/keys';
-export {
-  encodeShareBlob,
-  encodeEncryptedShareBlob,
-  decodeShareBlob,
-  decodeEncryptedShareBlob,
-} from './util/shareEncoding';
-export type * from './state/MuTxtApi';
-export type * from './state/MuTxtState';
diff --git a/packages/mutxt-react/src/MuTxt/inline/ColorPickerPanel.tsx b/packages/mutxt-react/src/MuTxt/inline/ColorPickerPanel.tsx
deleted file mode 100644
index 34d46f8201..0000000000
--- a/packages/mutxt-react/src/MuTxt/inline/ColorPickerPanel.tsx
+++ /dev/null
@@ -1,371 +0,0 @@
-import * as React from 'react';
-import {rule} from 'nano-theme';
-import {usePopup} from '@jsonjoy.com/ui/lib/4-card/Popup/context';
-import {ContextPane} from '@jsonjoy.com/ui/lib/4-card/ContextMenu';
-import {useStyles} from '@jsonjoy.com/ui/lib/styles/context';
-import {ColorSwatch} from '@jsonjoy.com/ui/lib/2-inline-block/ColorSwatch';
-import {ColorPicker} from '@jsonjoy.com/ui/lib/4-card/ColorPicker';
-import {InputColor} from '@jsonjoy.com/ui/lib/2-inline-block/InputColor';
-import {HslColor} from '@jsonjoy.com/ui/lib/styles/color/HslColor';
-import {BasicButton} from '@jsonjoy.com/ui/lib/2-inline-block/BasicButton';
-import {Tabs} from '@jsonjoy.com/ui/lib/3-list-item/Tabs';
-import {
-  QUICK_PALETTE,
-  QUICK_PALETTE_COLS,
-  RECOMMEND_PALETTE,
-  TEXT_PALETTE,
-  isValidColor,
-  normalizeHex,
-} from '../util/palette';
-import {collectDocumentColors, getActiveBg, getActiveFg, setBg, setFg} from '../behavior/color';
-import {FONT_FAMILIES} from '../behavior/font';
-import type {MuTxtState} from '../state/MuTxtState';
-import {Separator} from '@jsonjoy.com/ui/lib/3-list-item/Separator';
-import {MiniTitle} from '@jsonjoy.com/ui/lib/3-list-item/MiniTitle';
-import {useT} from 'use-t';
-
-const PANEL_WIDTH = 410;
-
-const containerClass = rule({
-  d: 'flex',
-  fld: 'column',
-  gap: '14px',
-  pd: '12px',
-  w: PANEL_WIDTH + 'px',
-});
-
-const tabsCenterClass = rule({
-  d: 'flex',
-  jc: 'center',
-  pd: '12px 0 0',
-});
-
-const tabsInlineClass = rule({
-  d: 'inline-block',
-});
-
-const sectionClass = rule({
-  d: 'flex',
-  fld: 'column',
-  gap: '12px',
-});
-
-const gridClass = rule({
-  d: 'grid',
-  gap: '6px',
-});
-
-const pickerSectionClass = rule({
-  d: 'flex',
-  ai: 'stretch',
-  gap: '12px',
-});
-
-const previewBoxClass = rule({
-  d: 'flex',
-  fld: 'column',
-  ai: 'center',
-  jc: 'center',
-  gap: '8px',
-  bdrad: '8px',
-  pd: '12px',
-  flex: 1,
-  minW: 0,
-  minH: '128px',
-  fz: '14px',
-  fw: 500,
-  textAlign: 'center',
-  overflow: 'hidden',
-  whiteSpace: 'nowrap',
-  textOverflow: 'ellipsis',
-});
-
-const actionRowClass = rule({
-  d: 'flex',
-  ai: 'center',
-  gap: '8px',
-});
-
-const actionInputClass = rule({
-  flex: 1,
-  minW: 0,
-});
-
-const tabContentClass = rule({
-  d: 'flex',
-  fld: 'column',
-  gap: '14px',
-});
-
-export interface ColorPickerPanelProps {
-  mutxt: MuTxtState;
-  /** Which mark the menu item primarily targets. */
-  kind: 'fg' | 'bg';
-}
-
-export const ColorPickerPanel: React.FC<ColorPickerPanelProps> = ({mutxt, kind}) => {
-  const [t] = useT();
-  const popup = usePopup();
-  const styles = useStyles();
-  const recent = mutxt.inline.recentColors.use();
-  const editorFont = mutxt.font.use();
-  const editorFontFamily = FONT_FAMILIES[editorFont];
-
-  React.useEffect(() => {
-    mutxt.inline.setPopupOpen(true);
-    return () => mutxt.inline.setPopupOpen(false);
-  }, [mutxt]);
-
-  const activeFg = getActiveFg(mutxt.editor);
-  const activeBg = getActiveBg(mutxt.editor);
-  const activeForKind = kind === 'fg' ? activeFg : activeBg;
-
-  const [tab, setTab] = React.useState<'presets' | 'custom'>('presets');
-  const initial = activeForKind || (kind === 'fg' ? '#1A1A1A' : '#FFFFFF');
-  const [pickerColor, setPickerColor] = React.useState<HslColor>(HslColor.from(initial) ?? new HslColor(0, 0, 0));
-  const [pickerInput, setPickerInput] = React.useState<string>(
-    normalizeHex(HslColor.from(initial)?.toRgb().hex() || initial),
-  );
-
-  mutxt.version.use();
-  const docColors = collectDocumentColors(mutxt.editor, kind, 10);
-
-  const closePopup = () => popup?.close();
-
-  const applyFg = (color: string | undefined) => {
-    setFg(mutxt.editor, color);
-    if (color) mutxt.inline.pushRecentColor(color);
-    mutxt.sync(false);
-  };
-  const applyBg = (color: string | undefined) => {
-    setBg(mutxt.editor, color);
-    if (color) mutxt.inline.pushRecentColor(color);
-    mutxt.sync(false);
-  };
-  const applyCombo = (combo: {fg: string; bg: string}) => {
-    setFg(mutxt.editor, combo.fg);
-    setBg(mutxt.editor, combo.bg);
-    mutxt.inline.pushRecentColor(combo.fg);
-    mutxt.inline.pushRecentColor(combo.bg);
-    mutxt.sync(false);
-  };
-
-  const onTextSwatch = (c: string) => {
-    applyFg(c);
-    closePopup();
-  };
-  const onBgSwatch = (c: string) => {
-    applyBg(c);
-    closePopup();
-  };
-  const onComboSwatch = (combo: {fg: string; bg: string}) => {
-    applyCombo(combo);
-    closePopup();
-  };
-
-  const onPickerChange = (color: HslColor) => {
-    setPickerColor(color);
-    setPickerInput(normalizeHex(color.toRgb().hex()));
-  };
-  const onPickerInputChange = (value: string) => {
-    setPickerInput(value);
-    if (isValidColor(value)) {
-      const c = HslColor.from(value);
-      if (c) setPickerColor(c);
-    }
-  };
-  const onPickerCommit = () => {
-    if (!isValidColor(pickerInput)) return;
-    const hex = normalizeHex(pickerInput);
-    if (kind === 'fg') applyFg(hex);
-    else applyBg(hex);
-    closePopup();
-  };
-
-  const previewBg = kind === 'bg' ? pickerColor.toString() : styles.g(0, 0.04);
-  const previewFg = kind === 'fg' ? pickerColor.toString() : styles.g(0.15);
-
-  const preventMouseDown = (e: React.MouseEvent) => {
-    if ((e.target as HTMLElement).tagName !== 'INPUT') e.preventDefault();
-  };
-
-  const presetsContent = (
-    <div className={tabContentClass}>
-      {kind === 'fg' ? (
-        <div className={sectionClass}>
-          <MiniTitle>{t('Text')}</MiniTitle>
-          <div
-            className={gridClass}
-            style={{gridTemplateColumns: `repeat(${QUICK_PALETTE_COLS}, 32px)`, justifyContent: 'space-between'}}
-          >
-            {TEXT_PALETTE.map((c) => (
-              <ColorSwatch
-                key={'text-' + c}
-                kind="fg"
-                color={c}
-                active={activeFg === c}
-                tooltip={{renderTooltip: () => c}}
-                onClick={() => onTextSwatch(c)}
-              />
-            ))}
-          </div>
-        </div>
-      ) : null}
-
-      {kind === 'bg' ? (
-        <div className={sectionClass}>
-          <MiniTitle>{t('Background')}</MiniTitle>
-          <div
-            className={gridClass}
-            style={{gridTemplateColumns: `repeat(${QUICK_PALETTE_COLS}, 32px)`, justifyContent: 'space-between'}}
-          >
-            {QUICK_PALETTE.map((c) => (
-              <ColorSwatch
-                key={'bg-' + c}
-                kind="bg"
-                color={c}
-                active={activeBg === c}
-                tooltip={{renderTooltip: () => c}}
-                onClick={() => onBgSwatch(c)}
-              />
-            ))}
-          </div>
-        </div>
-      ) : null}
-
-      <div className={sectionClass}>
-        <MiniTitle>{t('Combination')}</MiniTitle>
-        <div
-          className={gridClass}
-          style={{gridTemplateColumns: `repeat(${QUICK_PALETTE_COLS}, 32px)`, justifyContent: 'space-between'}}
-        >
-          {RECOMMEND_PALETTE.map((combo, idx) => (
-            <ColorSwatch
-              key={'rec-' + idx}
-              kind="fgbg"
-              color={combo.bg}
-              textColor={combo.fg}
-              active={activeFg === combo.fg && activeBg === combo.bg}
-              tooltip={{renderTooltip: () => `Text ${combo.fg} on ${combo.bg}`}}
-              onClick={() => onComboSwatch(combo)}
-            />
-          ))}
-        </div>
-      </div>
-
-      {recent.length > 0 || docColors.length > 0 ? (
-        <div className={sectionClass}>
-          {recent.length > 0 ? (
-            <>
-              <MiniTitle>{t('Recent')}</MiniTitle>
-              <div
-                className={gridClass}
-                style={{gridTemplateColumns: `repeat(${QUICK_PALETTE_COLS}, 32px)`, justifyContent: 'space-between'}}
-              >
-                {recent.map((c) => (
-                  <ColorSwatch
-                    key={'recent-' + c}
-                    kind={kind === 'fg' ? 'fg' : 'bg'}
-                    color={c}
-                    active={activeForKind === c}
-                    tooltip={{renderTooltip: () => c}}
-                    onClick={() => (kind === 'fg' ? onTextSwatch(c) : onBgSwatch(c))}
-                  />
-                ))}
-              </div>
-            </>
-          ) : null}
-          {docColors.length > 0 ? (
-            <>
-              <MiniTitle>{t('In document')}</MiniTitle>
-              <div
-                className={gridClass}
-                style={{gridTemplateColumns: `repeat(${QUICK_PALETTE_COLS}, 32px)`, justifyContent: 'space-between'}}
-              >
-                {docColors.map((c) => (
-                  <ColorSwatch
-                    key={'doc-' + c}
-                    kind={kind === 'fg' ? 'fg' : 'bg'}
-                    color={c}
-                    active={activeForKind === c}
-                    tooltip={{renderTooltip: () => c}}
-                    onClick={() => (kind === 'fg' ? onTextSwatch(c) : onBgSwatch(c))}
-                  />
-                ))}
-              </div>
-            </>
-          ) : null}
-        </div>
-      ) : null}
-    </div>
-  );
-
-  const customContent = (
-    <div className={tabContentClass}>
-      <MiniTitle>{t('Pick a color')}</MiniTitle>
-      <div className={pickerSectionClass}>
-        <ColorPicker color={pickerColor} onChange={onPickerChange} noAlpha style={{width: 200}} />
-        <div
-          className={previewBoxClass}
-          style={{
-            background: previewBg,
-            color: previewFg,
-            border: `1px solid ${styles.g(0, 0.12)}`,
-            fontFamily: editorFontFamily,
-          }}
-        >
-          <div style={{fontSize: '42px', width: '100%', lineHeight: 1}}>Ag</div>
-          <div style={{fontSize: '11px', opacity: 0.85}}>Sphinx of black quartz</div>
-        </div>
-      </div>
-      <div className={actionRowClass}>
-        <div className={actionInputClass}>
-          <InputColor
-            value={pickerInput}
-            onChange={onPickerInputChange}
-            onEnter={(e) => {
-              e.preventDefault();
-              onPickerCommit();
-            }}
-            placeholder="#hex"
-          />
-        </div>
-        <BasicButton
-          type="button"
-          width={'auto'}
-          height={32}
-          rounder
-          fill
-          positive
-          disabled={!isValidColor(pickerInput)}
-          onClick={onPickerCommit}
-        >
-          {t('Apply')}
-        </BasicButton>
-      </div>
-    </div>
-  );
-
-  return (
-    <ContextPane>
-      <div className={containerClass} onMouseDown={preventMouseDown}>
-        {tab === 'presets' ? presetsContent : customContent}
-        <div style={{padding: '4px 0', margin: '0 -12px'}}>
-          <Separator />
-          <div className={tabsCenterClass}>
-            <div className={tabsInlineClass}>
-              <Tabs
-                active={tab}
-                onChange={(key) => setTab(key as 'presets' | 'custom')}
-                items={[
-                  {key: 'presets', label: t('Presets')},
-                  {key: 'custom', label: t('Custom')},
-                ]}
-              />
-            </div>
-          </div>
-        </div>
-      </div>
-    </ContextPane>
-  );
-};
diff --git a/packages/mutxt-react/src/MuTxt/inline/InlineFloater.tsx b/packages/mutxt-react/src/MuTxt/inline/InlineFloater.tsx
deleted file mode 100644
index cd4043cd7c..0000000000
--- a/packages/mutxt-react/src/MuTxt/inline/InlineFloater.tsx
+++ /dev/null
@@ -1,251 +0,0 @@
-import * as React from 'react';
-import {isTouch} from '@jsonjoy.com/ui';
-import {ToolbarMenu} from '@jsonjoy.com/ui/lib/4-card/Toolbar/ToolbarMenu';
-import {PositionAtPoint} from '@jsonjoy.com/ui/lib/utils/popup/PositionAtPoint';
-import {MoveToViewport} from '@jsonjoy.com/ui/lib/utils/popup/MoveToViewport';
-import {usePortal} from '@jsonjoy.com/ui/lib/utils/portal/context';
-import {useHiddenTrace} from '@jsonjoy.com/ui/lib/context';
-import {useMuTxt} from '../context';
-import type {AnchorPoint} from '@jsonjoy.com/ui/lib/utils/popup/types';
-
-export type InlineFloaterProps = {};
-
-export const InlineFloater: React.FC<InlineFloaterProps> = isTouch
-  ? () => null
-  : () => {
-      const mutxt = useMuTxt();
-      const state = mutxt.inline;
-      const portal = usePortal();
-      const hidden = useHiddenTrace();
-      const toolbarRef = React.useRef<HTMLDivElement | null>(null);
-      const [scrubbing, setScrubbing] = React.useState(false);
-
-      // Tracks whether a pointer-down landed outside the toolbar/portal tree.
-      // Only set to true once the pointer actually moves (drag), not on a plain click.
-      const pointerDownOutside = React.useRef(false);
-
-      // Tracks whether we are in the first frame after becoming visible again.
-      // anchorPoint() returns zeros while the editor is still display:none, so we
-      // skip one frame to let the browser apply the layout before computing position.
-      const [readyAfterUnhide, setReadyAfterUnhide] = React.useState(!hidden);
-
-      // Last successfully computed anchor point. Used as a fallback so the toolbar
-      // does not unmount when the editor's range selection is briefly cleared
-      // (e.g. while the user is interacting with a focusable element inside our
-      // own portal subtree, like the search input in the More context-menu pane).
-      // Tracked via refs only — touching React state on every focus event would
-      // re-render this component, which spread-recreates the menu prop downstream
-      // and resets ContextMenuState (path$, search$, open hover panel, etc.).
-      const lastPointRef = React.useRef<AnchorPoint | undefined>(undefined);
-      const focusInTreeRef = React.useRef(false);
-
-      mutxt.version.use();
-      const dismissed = state.dismissed.use();
-      const omniOpen = mutxt.omni.open.use();
-      state.menu.recent.use();
-
-      React.useLayoutEffect(() => {
-        if (hidden) {
-          setReadyAfterUnhide(false);
-          return;
-        }
-        // Wait one animation frame so the browser has applied the display change
-        // and getBoundingClientRect() returns real coordinates.
-        const raf = requestAnimationFrame(() => setReadyAfterUnhide(true));
-        return () => cancelAnimationFrame(raf);
-      }, [hidden]);
-
-      // The portal tree (same mechanism as `useClickAway`) is used to detect
-      // "inside" across disjoint DOM trees, e.g. expanded context-menu panes that
-      // are rendered via Portal into a separate DOM node.
-      const isInsideTree = React.useCallback(
-        (target: EventTarget | Node | null): boolean => {
-          if (!(target instanceof Node)) return false;
-          const el = toolbarRef.current;
-          if (el && el.contains(target)) return true;
-          if (portal) for (const root of portal.roots) if (root.contains(target)) return true;
-          return false;
-        },
-        [portal],
-      );
-
-      // Track whether focus currently lives inside our toolbar/portal subtree.
-      // Only writes to a ref; reading happens at render time (driven by the
-      // existing `mutxt.version.use()` re-render trigger) so we don't add new
-      // re-renders that would reset downstream menu state.
-      React.useEffect(() => {
-        const sync = () => {
-          focusInTreeRef.current = isInsideTree(document.activeElement);
-        };
-        sync();
-        document.addEventListener('focusin', sync, true);
-        document.addEventListener('focusout', sync, true);
-        return () => {
-          document.removeEventListener('focusin', sync, true);
-          document.removeEventListener('focusout', sync, true);
-        };
-      }, [isInsideTree]);
-
-      // Expose the focus-tree check to InlineState so its blur-driven dismiss
-      // can skip dismissing when the user just clicked a toolbar button.
-      React.useEffect(() => {
-        state.isFocusInToolbar = () => focusInTreeRef.current;
-        return () => {
-          state.isFocusInToolbar = null;
-        };
-      }, [state]);
-
-      // Keep the editor focused while the user mousedowns on toolbar/portal
-      // elements. Without this, the browser steals focus to the clicked element
-      // (or to <body> in Safari/Firefox where buttons aren't focusable on
-      // mousedown), the editor's onBlur fires, dismissed flips to true, and
-      // React unmounts the toolbar before the click event ever lands on the
-      // button. preventDefault on mousedown is the standard contenteditable
-      // trick: it suppresses the focus shift without preventing click. Inputs
-      // (e.g. the context-menu search box) are exempted so they can take focus.
-      React.useEffect(() => {
-        const onMouseDown = (event: MouseEvent) => {
-          if (!isInsideTree(event.target)) return;
-          const target = event.target;
-          if (
-            target instanceof HTMLInputElement ||
-            target instanceof HTMLTextAreaElement ||
-            target instanceof HTMLSelectElement ||
-            (target instanceof HTMLElement && target.isContentEditable)
-          )
-            return;
-          event.preventDefault();
-        };
-        document.addEventListener('mousedown', onMouseDown);
-        return () => document.removeEventListener('mousedown', onMouseDown);
-      }, [isInsideTree]);
-
-      // Synchronously update the positioned div's left/top and visibility on
-      // scroll and resize. Going through React on every scroll event is too slow:
-      // by the time the re-render and the layout effect commit, the browser has
-      // typically already painted the new scroll frame, leaving the toolbar one
-      // frame behind and visibly stuttering. Mutating the DOM inline inside the
-      // scroll handler keeps the toolbar locked to the selection.
-      //
-      // The positioned div is the grandparent of `toolbarRef` — `MoveToViewport`
-      // wraps the inner div in a `<span>`, and `PositionPopup` wraps that in the
-      // `position: fixed` div whose left/top we need to mutate.
-      const updatePosition = React.useCallback(() => {
-        const inner = toolbarRef.current;
-        if (!inner) return;
-        const positionedDiv = inner.parentElement?.parentElement;
-        if (!(positionedDiv instanceof HTMLElement)) return;
-        const point = state.anchorPoint() ?? lastPointRef.current;
-        if (!point) return;
-        if (!state.isToolbarWithinViewport(point, inner)) {
-          if (positionedDiv.style.visibility !== 'hidden') positionedDiv.style.visibility = 'hidden';
-          return;
-        }
-        if (positionedDiv.style.visibility === 'hidden') positionedDiv.style.visibility = '';
-        const s = positionedDiv.style;
-        if (point.dx >= 0) {
-          s.left = point.x + 'px';
-          if (s.right) s.right = '';
-        } else {
-          s.right = window.innerWidth - point.x + 'px';
-          if (s.left) s.left = '';
-        }
-        if (point.dy >= 0) {
-          s.top = point.y + 'px';
-          if (s.bottom) s.bottom = '';
-        } else {
-          s.bottom = window.innerHeight - point.y + 'px';
-          if (s.top) s.top = '';
-        }
-        lastPointRef.current = point;
-      }, [state]);
-
-      // Re-evaluate position after every render so a stale `visibility: hidden`
-      // (left over from a previous scroll-out) doesn't survive a new selection
-      // bringing the toolbar back into the viewport.
-      React.useLayoutEffect(() => {
-        updatePosition();
-      });
-
-      React.useEffect(() => {
-        document.addEventListener('scroll', updatePosition, {capture: true, passive: true});
-        window.addEventListener('resize', updatePosition, {passive: true});
-        return () => {
-          document.removeEventListener('scroll', updatePosition, true);
-          window.removeEventListener('resize', updatePosition);
-        };
-      }, [updatePosition]);
-
-      // Detect "scrubbing" — the user holding the pointer button down and dragging
-      // to create a new range selection. While scrubbing the toolbar is hidden so
-      // it doesn't obstruct the selection. A plain click outside the toolbar does
-      // NOT count as scrubbing; only actual pointer movement with the button held
-      // does. This avoids a race condition where clicking "More" transitions the
-      // toolbar to context-menu mode and the very next pointerdown on the context
-      // menu fires before the new portal root has been registered.
-      React.useEffect(() => {
-        const isInsideToolbar = (target: EventTarget | null): boolean => isInsideTree(target);
-        const onPointerDown = (event: PointerEvent) => {
-          if (isInsideToolbar(event.target)) {
-            pointerDownOutside.current = false;
-            return;
-          }
-          pointerDownOutside.current = true;
-        };
-        const onPointerMove = (event: PointerEvent) => {
-          if (!pointerDownOutside.current) return;
-          // Only treat as scrubbing when a button is actually held (buttons !== 0).
-          if (event.buttons === 0) {
-            pointerDownOutside.current = false;
-            return;
-          }
-          setScrubbing(true);
-        };
-        const onPointerEnd = () => {
-          pointerDownOutside.current = false;
-          setScrubbing(false);
-        };
-        document.addEventListener('pointerdown', onPointerDown, true);
-        document.addEventListener('pointermove', onPointerMove, true);
-        document.addEventListener('pointerup', onPointerEnd, true);
-        document.addEventListener('pointercancel', onPointerEnd, true);
-        return () => {
-          document.removeEventListener('pointerdown', onPointerDown, true);
-          document.removeEventListener('pointermove', onPointerMove, true);
-          document.removeEventListener('pointerup', onPointerEnd, true);
-          document.removeEventListener('pointercancel', onPointerEnd, true);
-        };
-      }, [isInsideTree]);
-
-      // When the document is visually hidden (display:none, e.g. while another
-      // document tab is active), or in the first frame after becoming visible again
-      // (before the browser has applied the layout), return null so the toolbar
-      // does not render with a stale/zero anchor position.
-      if (hidden || !readyAfterUnhide) return;
-      if (dismissed) return;
-      if (omniOpen) return;
-
-      const computedPoint = state.anchorPoint();
-      if (computedPoint) lastPointRef.current = computedPoint;
-
-      // Fall back to the last good anchor when the editor still has a range
-      // selection but the DOM rect is momentarily invalid (e.g. mid-reconcile
-      // while a mark like Bold is being applied — Bold wraps the affected text
-      // in a `<strong>` element, so for one render the selection's DOM range
-      // points at nodes that are being remounted), or while focus is parked on
-      // a toolbar element that briefly cleared the editor selection.
-      const hasRangeSelection = !!mutxt.selection.value;
-      const point = computedPoint ?? (hasRangeSelection || focusInTreeRef.current ? lastPointRef.current : undefined);
-      if (!point) return;
-      if (scrubbing) return;
-
-      return (
-        <PositionAtPoint point={point}>
-          <MoveToViewport>
-            <div ref={toolbarRef}>
-              <ToolbarMenu menu={state.menu.build()} onEsc={() => state.dismissed.next(true)} />
-            </div>
-          </MoveToViewport>
-        </PositionAtPoint>
-      );
-    };
diff --git a/packages/mutxt-react/src/MuTxt/inline/InlineMathFloater.tsx b/packages/mutxt-react/src/MuTxt/inline/InlineMathFloater.tsx
deleted file mode 100644
index d7b7cdae2e..0000000000
--- a/packages/mutxt-react/src/MuTxt/inline/InlineMathFloater.tsx
+++ /dev/null
@@ -1,44 +0,0 @@
-import * as React from 'react';
-import {PositionAtPoint} from '@jsonjoy.com/ui/lib/utils/popup/PositionAtPoint';
-import {useClickAway} from '@jsonjoy.com/ui/lib/hooks/useClickAway';
-import {useMuTxt} from '../context';
-import {InlineMathPopup} from './InlineMathPopup';
-
-export const InlineMathFloater: React.FC = () => {
-  const mutxt = useMuTxt();
-  const state = mutxt.inline.math;
-  const open = state.open.use();
-  const point = state.point.use();
-
-  const clickAwayRef = useClickAway(React.useCallback(() => state.close(), [state]));
-
-  if (!open || !point) return null;
-
-  return (
-    <PositionAtPoint point={point} animate>
-      <div
-        ref={clickAwayRef}
-        onMouseDown={(e) => {
-          // Allow focus on input-like fields inside the popup. Suppress the
-          // default mousedown elsewhere so the surrounding editor doesn't
-          // pull focus back to itself.
-          const target = e.target as HTMLElement;
-          const tag = target.tagName;
-          if (tag !== 'INPUT' && tag !== 'TEXTAREA' && tag !== 'MATH-FIELD') {
-            e.preventDefault();
-          }
-          e.stopPropagation();
-        }}
-        onKeyDown={(e) => {
-          if (e.key === 'Escape') {
-            e.stopPropagation();
-            e.preventDefault();
-            state.close();
-          }
-        }}
-      >
-        <InlineMathPopup state={state} />
-      </div>
-    </PositionAtPoint>
-  );
-};
diff --git a/packages/mutxt-react/src/MuTxt/inline/InlineMathPopup.tsx b/packages/mutxt-react/src/MuTxt/inline/InlineMathPopup.tsx
deleted file mode 100644
index b450561e41..0000000000
--- a/packages/mutxt-react/src/MuTxt/inline/InlineMathPopup.tsx
+++ /dev/null
@@ -1,303 +0,0 @@
-import * as React from 'react';
-import {rule} from 'nano-theme';
-import {BasicButtonDelete} from '@jsonjoy.com/ui/lib/2-inline-block/BasicButton/BasicButtonDelete';
-import {BasicTooltip} from '@jsonjoy.com/ui/lib/4-card/BasicTooltip';
-import {MiniTitle} from '@jsonjoy.com/ui/lib/3-list-item/MiniTitle';
-import {ContextPane} from '@jsonjoy.com/ui/lib/4-card/ContextMenu';
-import {ArgsPane} from '@jsonjoy.com/ui/lib/4-card/ContextMenu/ArgsPane';
-import {useStyles} from '@jsonjoy.com/ui/lib/styles/context';
-import {convertLatexToAsciiMath, convertLatexToMarkup, convertLatexToMathMl} from 'mathlive';
-import {useT} from 'use-t';
-import {MATH_SIZE_FONT} from '../components/blocks/math/settings';
-import type {MenuItem, Param} from '@jsonjoy.com/ui/lib/4-card/StructuralMenu/types';
-import type {MathSize} from '../types';
-import type {MathfieldElement} from 'mathlive';
-import type {InlineMathState} from './InlineMathState';
-import SizeIcon__svg from 'iconista/lib/react/bootstrap/aspect-ratio';
-import LabelIcon__svg from 'iconista/lib/react/bootstrap/tag';
-
-import 'mathlive';
-import 'mathlive/fonts.css';
-import 'mathlive/static.css';
-
-const containerClass = rule({
-  d: 'flex',
-  fld: 'column',
-  gap: '10px',
-  pd: '12px 0 4px',
-  w: '480px',
-  maxW: '90vw',
-});
-
-const headerClass = rule({
-  d: 'flex',
-  ai: 'center',
-  jc: 'space-between',
-  gap: '8px',
-  pd: '0 14px',
-});
-
-const headerActionsClass = rule({
-  d: 'flex',
-  ai: 'center',
-  gap: '4px',
-});
-
-const fieldWrapClass = rule({
-  pos: 'relative',
-  d: 'flex',
-  ai: 'center',
-  w: '100%',
-  minW: 0,
-  pd: '4px 6px',
-  bdrad: '6px',
-  bxz: 'border-box',
-  ov: 'hidden',
-});
-
-const fieldWrapOuterClass = rule({
-  pd: '0 14px',
-  minW: 0,
-});
-
-const mathFieldClass = rule({
-  '&::part(content)': {
-    ovx: 'auto',
-    ovy: 'hidden',
-  },
-});
-
-const SizeIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <SizeIcon__svg width={16} height={16} {...props} />
-);
-const LabelIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <LabelIcon__svg width={16} height={16} {...props} />
-);
-
-const renderSizeIcon = () => <SizeIcon />;
-const renderLabelIcon = () => <LabelIcon />;
-
-const SIZE_OPTIONS: {id: MathSize; name: string}[] = [
-  {id: 'M', name: 'M — Script'},
-  {id: 'S', name: 'S — Scriptscript'},
-];
-
-const safeConvert = (fn: (s: string) => string, tex: string): string => {
-  try {
-    return fn(tex);
-  } catch {
-    return '';
-  }
-};
-
-export interface InlineMathPopupProps {
-  state: InlineMathState;
-}
-
-export const InlineMathPopup: React.FC<InlineMathPopupProps> = ({state}) => {
-  const [t] = useT();
-  const styles = useStyles();
-  const val = state.draftVal.use();
-  const size = state.draftSize.use();
-  const label = state.draftLabel.use();
-  const editingPath = state.editingPath.use();
-  const fieldRef = React.useRef<MathfieldElement | null>(null);
-
-  // biome-ignore lint/correctness/useExhaustiveDependencies: mount only
-  React.useEffect(() => {
-    const el = fieldRef.current as any;
-    if (!el) return;
-    if (typeof el.value === 'string' && el.value !== val) {
-      el.value = val;
-    }
-    const raf = requestAnimationFrame(() => {
-      try {
-        el.focus?.();
-      } catch {}
-    });
-    return () => cancelAnimationFrame(raf);
-  }, []);
-
-  React.useEffect(() => {
-    const el = fieldRef.current as any;
-    if (!el) return;
-    const onInput = () => {
-      const next: string = el.value ?? '';
-      state.setDraftVal(next);
-    };
-    const onKeyDown = (event: KeyboardEvent) => {
-      if (event.key === 'Enter' && !event.shiftKey) {
-        event.preventDefault();
-        state.apply();
-        return;
-      }
-      if (event.key === 'Escape') {
-        event.preventDefault();
-        state.close();
-      }
-    };
-    el.addEventListener('input', onInput);
-    el.addEventListener('keydown', onKeyDown);
-    return () => {
-      el.removeEventListener('input', onInput);
-      el.removeEventListener('keydown', onKeyDown);
-    };
-  }, [state]);
-
-  const isDark = !styles.light;
-  const fieldColor = styles.g(0.15);
-  const fieldBg = isDark ? styles.g(1, 0.04) : styles.g(0, 0.04);
-  const fieldBorder = isDark ? styles.g(1, 0.1) : styles.g(0, 0.08);
-  const sizeFontSize = MATH_SIZE_FONT[size];
-
-  const onCancel = React.useCallback(() => state.close(), [state]);
-  const onRemove = React.useCallback(() => state.remove(), [state]);
-
-  const preventMouseDown = React.useCallback((event: React.MouseEvent) => {
-    event.preventDefault();
-  }, []);
-
-  const ascii = React.useMemo(() => (val ? safeConvert(convertLatexToAsciiMath, val) : ''), [val]);
-  const mathMl = React.useMemo(() => (val ? safeConvert(convertLatexToMathMl, val) : ''), [val]);
-  const mathHtml = React.useMemo(() => (val ? safeConvert(convertLatexToMarkup, val) : ''), [val]);
-
-  const item: MenuItem = React.useMemo(() => ({name: t('Equation options'), compact: true}), [t]);
-
-  const params: (Param | MenuItem)[] = React.useMemo(() => {
-    const list: (Param | MenuItem)[] = [];
-
-    list.push({
-      kind: 'select',
-      id: 'size',
-      name: t('Size'),
-      icon: renderSizeIcon,
-      default: size,
-      options: SIZE_OPTIONS,
-    });
-    list.push({
-      kind: 'str',
-      id: 'label',
-      name: t('Label'),
-      icon: renderLabelIcon,
-      optional: true,
-      placeholder: t('e.g. eq:pythagoras'),
-      default: label,
-    });
-
-    if (val) {
-      list.push({name: t('Source'), heading: true, collapsible: true, initialCollapsed: true});
-      list.push({
-        kind: 'code',
-        id: 'tex',
-        name: 'LaTeX',
-        variant: 'block',
-        value: val,
-      });
-      if (ascii) {
-        list.push({
-          kind: 'code',
-          id: 'ascii',
-          name: 'ASCII Math',
-          variant: 'block',
-          value: ascii,
-        });
-      }
-      if (mathMl) {
-        list.push({
-          kind: 'code',
-          id: 'mathMl',
-          name: 'MathML',
-          variant: 'block',
-          value: mathMl,
-        });
-      }
-      if (mathHtml) {
-        list.push({
-          kind: 'code',
-          id: 'mathHtml',
-          name: 'HTML',
-          variant: 'block',
-          value: mathHtml,
-        });
-      }
-    }
-
-    return list;
-  }, [t, size, label, val, ascii, mathMl, mathHtml]);
-
-  const onChange = React.useCallback(
-    (_list: [string, unknown][], map: Record<string, unknown>) => {
-      const nextSize = map.size === 'S' ? 'S' : 'M';
-      if (nextSize !== state.draftSize.value) state.setDraftSize(nextSize as MathSize);
-      const nextLabel = (map.label as string | undefined) ?? '';
-      if (nextLabel !== state.draftLabel.value) state.setDraftLabel(nextLabel);
-    },
-    [state],
-  );
-
-  return (
-    <ContextPane>
-      <div className={containerClass}>
-        <div className={headerClass}>
-          <MiniTitle>{editingPath ? t('Edit equation') : t('Add equation')}</MiniTitle>
-          {editingPath && (
-            <div className={headerActionsClass}>
-              <BasicTooltip nowrap renderTooltip={() => t('Remove equation')}>
-                <BasicButtonDelete
-                  type="button"
-                  width={32}
-                  height={32}
-                  rounder
-                  onMouseDown={preventMouseDown}
-                  onConfirm={onRemove}
-                />
-              </BasicTooltip>
-            </div>
-          )}
-        </div>
-
-        <div className={fieldWrapOuterClass}>
-          <div
-            className={fieldWrapClass}
-            style={{
-              background: fieldBg,
-              border: `1px solid ${fieldBorder}`,
-              colorScheme: isDark ? 'dark' : 'light',
-              fontSize: sizeFontSize,
-            }}
-          >
-            {React.createElement('math-field', {
-              ref: fieldRef as any,
-              'default-mode': 'inline-math',
-              className: mathFieldClass,
-              style: {
-                display: 'block',
-                flex: '1 1 0',
-                width: '100%',
-                minWidth: 0,
-                maxWidth: '100%',
-                boxSizing: 'border-box',
-                padding: 0,
-                color: fieldColor,
-                background: 'transparent',
-                ['--primary' as any]: fieldColor,
-                ['--text-font-family' as any]: 'inherit',
-                ['--caret-color' as any]: fieldColor,
-                ['--keycap-background' as any]: isDark ? styles.g(1, 0.08) : styles.g(0, 0.06),
-                ['--keycap-background-hover' as any]: isDark ? styles.g(1, 0.16) : styles.g(0, 0.1),
-                ['--keycap-text' as any]: fieldColor,
-                ['--keyboard-background' as any]: isDark ? styles.g(1, 0.04) : styles.g(0, 0.04),
-                ['--keyboard-text' as any]: fieldColor,
-                ['--smart-fence-color' as any]: fieldColor,
-              },
-            })}
-          </div>
-        </div>
-
-        <div>
-          <ArgsPane inline item={item} params={params} onCancel={onCancel} onChange={onChange} />
-        </div>
-      </div>
-    </ContextPane>
-  );
-};
diff --git a/packages/mutxt-react/src/MuTxt/inline/InlineMathState.ts b/packages/mutxt-react/src/MuTxt/inline/InlineMathState.ts
deleted file mode 100644
index 7291a1f54c..0000000000
--- a/packages/mutxt-react/src/MuTxt/inline/InlineMathState.ts
+++ /dev/null
@@ -1,141 +0,0 @@
-import {rsync} from '@jsonjoy.com/ui';
-import {type Range, Transforms, type Path} from 'slate';
-import {insertMathInline, removeMathInlineAtPath} from '../behavior/math';
-import type {MathInlineElement, MathSize, MathThing} from '../types';
-import type {MuTxtState} from '../state/MuTxtState';
-import type {AnchorPoint} from '@jsonjoy.com/ui/lib/utils/popup/types';
-
-/**
- * State for the inline-math editing popup.
- */
-export class InlineMathState {
-  public readonly open = rsync.val(false);
-  public readonly point = rsync.val<AnchorPoint | undefined>(undefined);
-
-  /** When non-null, we are editing an existing inline math node. */
-  public readonly editingPath = rsync.val<Path | null>(null);
-  public readonly editingThingId = rsync.val<string | null>(null);
-
-  public readonly draftVal = rsync.val('');
-  public readonly draftSize = rsync.val<MathSize>('M');
-  public readonly draftLabel = rsync.val('');
-
-  /** Snapshot of the editor selection at open time. */
-  public readonly rangeSnapshot = rsync.val<Range | null>(null);
-
-  constructor(public readonly mutxt: MuTxtState) {}
-
-  private capturePoint(): AnchorPoint | undefined {
-    const shellBox = this.mutxt.shellBox.value;
-    if (!shellBox) return undefined;
-    const [x, y, width] = shellBox;
-    return {x: x + width / 2, y, dx: 0, dy: 1};
-  }
-
-  public readonly openInsert = (): boolean => {
-    if (this.mutxt.readOnly.value) return false;
-    const point = this.capturePoint();
-    if (!point) return false;
-    this.rangeSnapshot.set(this.mutxt.editor.selection ?? null);
-    this.editingPath.set(null);
-    this.editingThingId.set(null);
-    this.draftVal.set('');
-    this.draftSize.set('M');
-    this.draftLabel.set('');
-    this.point.set(point);
-    this.open.set(true);
-    return true;
-  };
-
-  public readonly openEdit = (element: MathInlineElement, path: Path): boolean => {
-    if (this.mutxt.readOnly.value) return false;
-    const point = this.capturePoint();
-    if (!point) return false;
-    const id = element['@thing'];
-    const thing = id ? (this.mutxt.things.get(id) as MathThing | undefined) : undefined;
-    this.rangeSnapshot.set(null);
-    this.editingPath.set(path);
-    this.editingThingId.set(id ?? null);
-    this.draftVal.set(thing?.val ?? '');
-    this.draftSize.set(thing?.size === 'S' ? 'S' : 'M');
-    this.draftLabel.set(thing?.label ?? '');
-    this.point.set(point);
-    this.open.set(true);
-    return true;
-  };
-
-  public readonly setDraftVal = (value: string): void => {
-    this.draftVal.set(value);
-    this.persistIfEditing();
-  };
-
-  public readonly setDraftSize = (value: MathSize): void => {
-    this.draftSize.set(value === 'S' ? 'S' : 'M');
-    this.persistIfEditing();
-  };
-
-  public readonly setDraftLabel = (value: string): void => {
-    this.draftLabel.set(value);
-    this.persistIfEditing();
-  };
-
-  private readonly persistIfEditing = (): void => {
-    const id = this.editingThingId.value;
-    if (!id) return;
-    const val = this.draftVal.value.trim();
-    if (!val) return;
-    const size = this.draftSize.value === 'S' ? 'S' : 'M';
-    const label = this.draftLabel.value.trim();
-    this.mutxt.things.update(id, {
-      val,
-      size: size === 'M' ? undefined : 'S',
-      label: label || undefined,
-    });
-    this.mutxt.sync(false);
-  };
-
-  public readonly close = (): void => {
-    if (!this.open.value) return;
-    this.open.set(false);
-    this.point.set(undefined);
-    this.editingPath.set(null);
-    this.editingThingId.set(null);
-    this.rangeSnapshot.set(null);
-    this.mutxt.api.focus();
-  };
-
-  public readonly apply = (): void => {
-    const editingId = this.editingThingId.value;
-    if (editingId) {
-      this.close();
-      return;
-    }
-    const val = this.draftVal.value.trim();
-    if (!val) return;
-    const size = this.draftSize.value === 'S' ? 'S' : 'M';
-    const label = this.draftLabel.value.trim();
-    const snapshot = this.rangeSnapshot.value;
-    if (snapshot) {
-      try {
-        Transforms.select(this.mutxt.editor, snapshot);
-      } catch {}
-    }
-    const id = this.mutxt.things.add({
-      '@type': 'math',
-      val,
-      ...(size === 'M' ? {} : {size: 'S' as MathSize}),
-      ...(label ? {label} : {}),
-    });
-    insertMathInline(this.mutxt.editor, id);
-    this.mutxt.sync(false);
-    this.close();
-  };
-
-  public readonly remove = (): void => {
-    const path = this.editingPath.value;
-    if (!path) return;
-    if (!removeMathInlineAtPath(this.mutxt.editor, path)) return;
-    this.mutxt.sync(false);
-    this.close();
-  };
-}
diff --git a/packages/mutxt-react/src/MuTxt/inline/InlineMenu.tsx b/packages/mutxt-react/src/MuTxt/inline/InlineMenu.tsx
deleted file mode 100644
index e1475034c6..0000000000
--- a/packages/mutxt-react/src/MuTxt/inline/InlineMenu.tsx
+++ /dev/null
@@ -1,532 +0,0 @@
-import * as React from 'react';
-import {Range} from 'slate';
-import {rsync} from '@jsonjoy.com/ui';
-import {FontStyleButton} from '@jsonjoy.com/ui/lib/2-inline-block/FontStyleButton';
-import {Sidetip} from '@jsonjoy.com/ui/lib/1-inline/Sidetip';
-import {formatKeys} from '../util/keys';
-import {isMarkActive} from '../behavior';
-import type {FontKind, MarkFormat, MenuItem} from '../types';
-import type {MuTxtState} from '../state/MuTxtState';
-import type {UiLifeCycles} from '@jsonjoy.com/ui/lib/types';
-import {isLeafFontActive, setLeafFont} from '../behavior/font';
-import {getActiveBg, getActiveFg, getActiveMarkColor} from '../behavior/color';
-import {MarkSwatchPanel} from './MarkSwatchPanel';
-import {ColorPickerPanel} from './ColorPickerPanel';
-import {getActiveMathInlineEntry} from '../behavior/math';
-import BoldIcon__svg from 'iconista/lib/react/radix/font-bold';
-import ItalicIcon__svg from 'iconista/lib/react/lucide/italic';
-import UnderlineIcon__svg from 'iconista/lib/react/tabler/underline';
-import OverlineIcon__svg from 'iconista/lib/react/tabler/overline';
-import StrikethroughIcon__svg from 'iconista/lib/react/tabler/strikethrough';
-import HighlightIcon__svg from 'iconista/lib/react/tabler/highlight';
-import SpoilerIcon__svg from 'iconista/lib/react/tabler/lock-password';
-import CodeIcon__svg from 'iconista/lib/react/tabler/code';
-import SupIcon__svg from 'iconista/lib/react/tabler/superscript';
-import SubIcon__svg from 'iconista/lib/react/tabler/subscript';
-import KeyIcon__svg from 'iconista/lib/react/lucide/keyboard';
-import InsertionIcon__svg from 'iconista/lib/react/tabler/pencil-plus';
-import DeletionIcon__svg from 'iconista/lib/react/tabler/pencil-minus';
-import LinkIcon__svg from 'iconista/lib/react/lucide/link';
-import FgIcon__svg from 'iconista/lib/react/lucide/paintbrush';
-import BgIcon__svg from 'iconista/lib/react/lucide/paint-bucket';
-import MathIcon__svg from 'iconista/lib/react/tabler/math-function';
-import ClearFormattingIcon__svg from 'iconista/lib/react/tabler/eraser';
-import TypographyIcon__svg from 'iconista/lib/react/tabler/typography';
-
-export interface InlineMenuItem extends MenuItem {
-  mark: MarkFormat;
-}
-
-// Formatting: common
-const BoldIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <BoldIcon__svg width={15} height={15} {...props} />
-);
-const ItalicIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <ItalicIcon__svg width={16} height={16} {...props} />
-);
-const UnderlineIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <UnderlineIcon__svg width={16} height={16} {...props} />
-);
-const OverlineIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <OverlineIcon__svg width={16} height={16} {...props} />
-);
-const StrikethroughIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <StrikethroughIcon__svg width={16} height={16} {...props} />
-);
-const HighlightIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <HighlightIcon__svg width={16} height={16} {...props} />
-);
-const SpoilerIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <SpoilerIcon__svg width={16} height={16} {...props} />
-);
-
-// Formatting: technical
-const CodeIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <CodeIcon__svg width={16} height={16} {...props} />
-);
-const SupIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => <SupIcon__svg width={16} height={16} {...props} />;
-const SubIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => <SubIcon__svg width={16} height={16} {...props} />;
-const KeyIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => <KeyIcon__svg width={16} height={16} {...props} />;
-const InsertionIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <InsertionIcon__svg width={16} height={16} {...props} />
-);
-const DeletionIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <DeletionIcon__svg width={16} height={16} {...props} />
-);
-
-// Annotations
-const LinkIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <LinkIcon__svg width={15} height={15} {...props} />
-);
-const FgIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => <FgIcon__svg width={16} height={16} {...props} />;
-const BgIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => <BgIcon__svg width={16} height={16} {...props} />;
-const MathIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <MathIcon__svg width={16} height={16} {...props} />
-);
-
-// Modify
-const ClearFormattingIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <ClearFormattingIcon__svg width={16} height={16} {...props} />
-);
-
-// Typesetting
-const TypographyIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <TypographyIcon__svg width={16} height={16} {...props} />
-);
-
-const RECENT_LIMIT = 4;
-
-export class InlineMenu implements UiLifeCycles {
-  public readonly recent = rsync.val<MenuItem[]>([]);
-
-  constructor(public readonly mutxt: MuTxtState) {}
-
-  public start() {
-    return () => {};
-  }
-
-  private markActive(mark: MarkFormat) {
-    return rsync.comp([this.mutxt.version], () => isMarkActive(this.mutxt.editor, mark));
-  }
-
-  public readonly addRecent = (item: MenuItem): void => {
-    const key = item.id ?? item.name;
-    const next = [item, ...this.recent.value.filter((r) => (r.id ?? r.name) !== key)];
-    if (next.length > RECENT_LIMIT) next.length = RECENT_LIMIT;
-    this.recent.set(next);
-  };
-
-  private menuRecent(): MenuItem | null {
-    const list = this.recent.value;
-    if (list.length === 0) return null;
-    return {
-      id: 'recent',
-      name: 'Recent',
-      expand: RECENT_LIMIT,
-      children: list,
-    };
-  }
-
-  public build(): MenuItem {
-    const recent = this.menuRecent();
-    const children: MenuItem['children'] = [
-      ...(recent ? [recent, {name: 'sep-recent', sep: true} as MenuItem] : []),
-      this.menuFmt(),
-      {name: 'sep-annon', sep: true},
-      this.menuAnnotations({anchorFromSelection: true}),
-      {name: 'sep-typesetting', sep: true},
-      this.menuTypesetting(),
-      {name: 'sep-modify', sep: true},
-      this.menuModify(),
-    ];
-    return {
-      name: 'Selection menu',
-      maxToolbarItems: recent ? 5 : 4,
-      children,
-    };
-  }
-
-  public buildToolbarMenu(): MenuItem {
-    return {
-      name: 'Selection menu',
-      maxToolbarItems: 4,
-      children: [
-        this.menuFmt(),
-        {name: 'sep-annon', sep: true},
-        this.menuAnnotations(),
-        {name: 'sep-typesetting', sep: true},
-        this.menuTypesetting(),
-        {name: 'sep-modify', sep: true},
-        this.menuModify(),
-      ],
-    };
-  }
-
-  public menuFmt(): MenuItem {
-    const formatting: MenuItem = {
-      name: 'Formatting',
-      expandChild: 0,
-      // preview: this.recent,
-      children: [this.menuFmtCommon(), this.menuFmtTechnical(), this.menuFmtColors()] as MenuItem[],
-      preview: [
-        this.itemBold(),
-        this.itemItalic(),
-        this.itemUnderline(),
-        this.itemCode(),
-        this.itemHighlight(),
-        this.itemFg(),
-        this.itemBg(),
-      ] as MenuItem[],
-    };
-    return formatting;
-  }
-
-  public menuFmtCommon(): MenuItem {
-    return {
-      id: 'fmt-common',
-      name: 'Common',
-      expand: 8,
-      children: [
-        this.itemBold(),
-        this.itemItalic(),
-        this.itemUnderline(),
-        this.itemStrikethrough(),
-        this.itemOverline(),
-        this.itemHighlight(),
-        this.itemSpoiler(),
-      ],
-    };
-  }
-
-  public itemBold(): InlineMenuItem {
-    const keys = ['Primary', 'b'];
-    return {
-      mark: 'bold',
-      name: 'Bold',
-      text: 'strong heavy thick weight',
-      icon: () => <BoldIcon />,
-      right: () => <Sidetip small>{formatKeys(keys)}</Sidetip>,
-      keys: [formatKeys(keys)],
-      active: this.markActive('bold'),
-      onSelect: () => {
-        this.mutxt.api.toggleMark('bold');
-      },
-    };
-  }
-  public itemItalic(): InlineMenuItem {
-    const keys = ['Primary', 'i'];
-    return {
-      mark: 'italic',
-      name: 'Italic',
-      text: 'em emphasis slant oblique cursive',
-      icon: () => <ItalicIcon />,
-      right: () => <Sidetip small>{formatKeys(keys)}</Sidetip>,
-      keys: [formatKeys(keys)],
-      active: this.markActive('italic'),
-      onSelect: () => {
-        this.mutxt.api.toggleMark('italic');
-      },
-    };
-  }
-  public itemUnderline(): InlineMenuItem {
-    const keys = ['Primary', 'u'];
-    return {
-      mark: 'underline',
-      name: 'Underline',
-      text: 'underscore line under',
-      icon: () => <UnderlineIcon />,
-      right: () => <Sidetip small>{formatKeys(keys)}</Sidetip>,
-      keys: [formatKeys(keys)],
-      active: this.markActive('underline'),
-      priority: 1,
-      onSelect: () => {
-        this.mutxt.api.toggleMark('underline');
-      },
-    };
-  }
-  public itemStrikethrough(): InlineMenuItem {
-    const keys = ['Primary', 'Shift', 'x'];
-    return {
-      mark: 'strikethrough',
-      name: 'Strikethrough',
-      text: 'strike crossed line through cross-out',
-      icon: () => <StrikethroughIcon />,
-      right: () => <Sidetip small>{formatKeys(keys)}</Sidetip>,
-      keys: [formatKeys(keys)],
-      active: this.markActive('strikethrough'),
-      onSelect: () => {
-        this.mutxt.api.toggleMark('strikethrough');
-      },
-    };
-  }
-  public itemOverline(): InlineMenuItem {
-    return {
-      mark: 'overline',
-      name: 'Overline',
-      text: 'line over above top',
-      icon: () => <OverlineIcon />,
-      active: this.markActive('overline'),
-      onSelect: () => {
-        this.mutxt.api.toggleMark('overline');
-      },
-    };
-  }
-  public itemHighlight(): MenuItem {
-    const mutxt = this.mutxt;
-    return {
-      name: 'Highlight',
-      text: 'mark yellow background marker emphasis color',
-      icon: () => <HighlightIcon />,
-      active: rsync.comp([mutxt.version], () => getActiveMarkColor(mutxt.editor) !== undefined),
-      pane: () => <MarkSwatchPanel mutxt={mutxt} />,
-    };
-  }
-  public itemFg(): MenuItem {
-    const mutxt = this.mutxt;
-    return {
-      name: 'Text color',
-      text: 'fg foreground font color text',
-      icon: () => <FgIcon />,
-      active: rsync.comp([mutxt.version], () => !!getActiveFg(mutxt.editor)),
-      pane: () => <ColorPickerPanel mutxt={mutxt} kind="fg" />,
-    };
-  }
-  public itemBg(): MenuItem {
-    const mutxt = this.mutxt;
-    return {
-      name: 'Background color',
-      text: 'bg background fill color shading',
-      icon: () => <BgIcon />,
-      active: rsync.comp([mutxt.version], () => !!getActiveBg(mutxt.editor)),
-      pane: () => <ColorPickerPanel mutxt={mutxt} kind="bg" />,
-    };
-  }
-  public itemSpoiler(): InlineMenuItem {
-    return {
-      mark: 'spoiler',
-      name: 'Spoiler',
-      text: 'hide blur reveal redact secret hidden',
-      icon: () => <SpoilerIcon />,
-      active: this.markActive('spoiler'),
-      onSelect: () => {
-        this.mutxt.api.toggleMark('spoiler');
-      },
-    };
-  }
-
-  public menuFmtTechnical(): MenuItem {
-    return {
-      id: 'fmt-technical',
-      name: 'Technical',
-      expand: 8,
-      sepBefore: true,
-      children: [
-        this.itemCode(),
-        this.itemMath(),
-        this.itemSup(),
-        this.itemSub(),
-        this.itemKey(),
-        this.itemIns(),
-        this.itemDel(),
-      ],
-    };
-  }
-
-  public menuFmtColors(): MenuItem {
-    return {
-      id: 'fmt-colors',
-      name: 'Colors',
-      expand: 8,
-      sepBefore: true,
-      children: [this.itemFg(), this.itemBg()],
-    };
-  }
-  public itemCode(): InlineMenuItem {
-    const keys = ['Primary', 'e'];
-    return {
-      mark: 'code',
-      name: 'Code',
-      text: 'inline monospace snippet variable identifier',
-      icon: () => <CodeIcon width={16} height={16} />,
-      right: () => <Sidetip small>{formatKeys(keys)}</Sidetip>,
-      keys: [formatKeys(keys)],
-      active: this.markActive('code'),
-      onSelect: () => {
-        this.mutxt.api.toggleMark('code');
-      },
-    };
-  }
-  public itemSup(): InlineMenuItem {
-    return {
-      mark: 'sup',
-      name: 'Superscript',
-      text: 'sup raised exponent power above',
-      icon: () => <SupIcon />,
-      active: this.markActive('sup'),
-      onSelect: () => {
-        this.mutxt.api.toggleMark('sup');
-      },
-    };
-  }
-  public itemSub(): InlineMenuItem {
-    return {
-      mark: 'sub',
-      name: 'Subscript',
-      text: 'sub lowered chemistry below index',
-      icon: () => <SubIcon />,
-      active: this.markActive('sub'),
-      onSelect: () => {
-        this.mutxt.api.toggleMark('sub');
-      },
-    };
-  }
-  public itemKey(): InlineMenuItem {
-    return {
-      mark: 'kbd',
-      name: 'Keyboard key',
-      text: 'kbd shortcut button keystroke key',
-      priority: 1,
-      icon: () => <KeyIcon />,
-      active: this.markActive('kbd'),
-      onSelect: () => {
-        this.mutxt.api.toggleMark('kbd');
-      },
-    };
-  }
-  public itemIns(): InlineMenuItem {
-    return {
-      mark: 'ins',
-      name: 'Insertion',
-      text: 'ins added inserted track changes diff',
-      icon: () => <InsertionIcon />,
-      active: this.markActive('ins'),
-      onSelect: () => {
-        this.mutxt.api.toggleMark('ins');
-      },
-    };
-  }
-  public itemDel(): InlineMenuItem {
-    return {
-      mark: 'del',
-      name: 'Deletion',
-      text: 'del removed deleted track changes diff strike',
-      icon: () => <DeletionIcon />,
-      active: this.markActive('del'),
-      onSelect: () => {
-        this.mutxt.api.toggleMark('del');
-      },
-    };
-  }
-
-  public menuAnnotations(opts: {anchorFromSelection?: boolean} = {}): MenuItem {
-    return {
-      name: 'Annotations',
-      expand: 3,
-      children: [this.itemLink(opts)],
-    };
-  }
-
-  public itemMath(): MenuItem {
-    const mutxt = this.mutxt;
-    return {
-      name: 'Equation',
-      text: 'math equation formula latex inline tex',
-      icon: () => <MathIcon />,
-      active: rsync.comp([mutxt.version], () => !!getActiveMathInlineEntry(mutxt.editor)),
-      onSelect: (event) => {
-        event.preventDefault();
-        const entry = getActiveMathInlineEntry(mutxt.editor);
-        if (entry) {
-          mutxt.inline.math.openEdit(entry[0], entry[1]);
-        } else {
-          mutxt.inline.math.openInsert();
-        }
-      },
-    };
-  }
-  public itemLink(opts: {anchorFromSelection?: boolean} = {}): MenuItem {
-    const mutxt = this.mutxt;
-    const link = mutxt.inline.link;
-    return {
-      name: 'Link',
-      text: 'url href hyperlink anchor web address a',
-      icon: () => <LinkIcon />,
-      disabled: rsync.comp([link.canOpen], ([canOpen]) => !canOpen),
-      active: rsync.comp([mutxt.caretLinkHref], ([href]) => !!href),
-      onSelect: (event) => {
-        if (opts.anchorFromSelection) {
-          link.setAnchorFromSelection();
-        } else {
-          const trigger = event.currentTarget as HTMLElement | null;
-          if (trigger) link.setAnchorEl(trigger);
-        }
-        mutxt.inline.dismissed.next(true);
-        link.toggle();
-      },
-    };
-  }
-
-  public menuTypesetting(): MenuItem {
-    return {
-      id: 'inline-typesetting',
-      name: 'Typesetting',
-      text: 'font face family typography typeface',
-      icon: () => <TypographyIcon />,
-      expand: 4,
-      openOnTitleHov: true,
-      children: [
-        this.itemLeafFont('sans', 'Sans-serif', 'sans gothic grotesque modern'),
-        this.itemLeafFont('serif', 'Serif', 'serif traditional roman'),
-        this.itemLeafFont('slab', 'Slab', 'slab egyptian thick serif'),
-        this.itemLeafFont('mono', 'Monospace', 'mono fixed code typewriter courier'),
-      ],
-    };
-  }
-
-  private itemLeafFont(kind: FontKind, name: string, text?: string): MenuItem {
-    const mutxt = this.mutxt;
-    const onSelect = (event: React.MouseEvent | React.TouchEvent) => {
-      event.preventDefault();
-      setLeafFont(mutxt.editor, kind);
-      mutxt.sync(false);
-    };
-    const Option: React.FC<{size?: number}> = ({size}) => {
-      mutxt.version.use();
-      const active = isLeafFontActive(mutxt.editor, kind);
-      return <FontStyleButton kind={kind} size={size} active={active} onMouseDown={onSelect} />;
-    };
-    return {
-      name,
-      text,
-      icon: () => <Option size={16} />,
-      iconBig: () => <Option />,
-      active: rsync.comp([mutxt.version], () => isLeafFontActive(mutxt.editor, kind)),
-      onSelect,
-    };
-  }
-
-  public menuModify(): MenuItem {
-    return {
-      name: 'Modify',
-      expand: 3,
-      onSelect: () => {},
-      children: [this.itemClear()],
-    };
-  }
-  public itemClear(): MenuItem {
-    const {mutxt} = this;
-    return {
-      name: 'Erase formatting',
-      text: 'clear remove reset plain unformat strip styles marks',
-      danger: true,
-      icon: () => <ClearFormattingIcon width={16} height={16} />,
-      disabled: rsync.comp([mutxt.version], () => {
-        const sel = mutxt.editor.selection;
-        return !sel || Range.isCollapsed(sel);
-      }),
-      onSelect: () => {
-        mutxt.api.eraseMarks();
-      },
-    };
-  }
-}
diff --git a/packages/mutxt-react/src/MuTxt/inline/InlineState.tsx b/packages/mutxt-react/src/MuTxt/inline/InlineState.tsx
deleted file mode 100644
index dcfeea9a4d..0000000000
--- a/packages/mutxt-react/src/MuTxt/inline/InlineState.tsx
+++ /dev/null
@@ -1,131 +0,0 @@
-import {rsync, type UiLifeCycles} from '@jsonjoy.com/ui';
-import {ReactEditor} from 'slate-react';
-import {InlineMenu} from './InlineMenu';
-import {LinkButtonState} from './link/LinkButtonState';
-import {InlineMathState} from './InlineMathState';
-import type {AnchorPoint} from '@jsonjoy.com/ui/lib/utils/popup/types';
-import type {MuTxtState} from '../state/MuTxtState';
-import type {ScrollState} from '@jsonjoy.com/ui/lib/4-card/ScrollArea';
-
-const TOOLBAR_HEIGHT = 36;
-const GAP = 8;
-const TOOLBAR_VIEWPORT_OVERFLOW_LIMIT = 50;
-
-export class InlineState implements UiLifeCycles {
-  public readonly menu: InlineMenu;
-  public readonly pointerDownOutsideToolbar = rsync.val(false);
-
-  public readonly dismissed = rsync.val(false);
-  public isFocusInToolbar: (() => boolean) | null = null;
-  public readonly link: LinkButtonState;
-  public readonly math: InlineMathState;
-
-  public readonly popupOpen = rsync.val(false);
-
-  public readonly setPopupOpen = (open: boolean): void => {
-    this.popupOpen.set(open);
-  };
-
-  public readonly recentColors = rsync.val<string[]>([]);
-
-  public readonly pushRecentColor = (color: string): void => {
-    if (!color) return;
-    const list = this.recentColors.value.filter((c) => c !== color);
-    list.unshift(color);
-    if (list.length > 10) list.length = 10;
-    this.recentColors.next(list);
-  };
-
-  constructor(
-    private readonly mutxt: MuTxtState,
-    private readonly scrollArea: ScrollState | null,
-  ) {
-    this.menu = new InlineMenu(mutxt);
-    this.link = new LinkButtonState(mutxt);
-    this.math = new InlineMathState(mutxt);
-  }
-
-  public readonly start = (): (() => void) => {
-    const mutxt = this.mutxt;
-    const unsubscribeSelection = mutxt.selection.subscribe(() => {
-      if (mutxt.selection.value) this.dismissed.next(false);
-    });
-    // Editor-blur dismiss has to be deferred to a microtask. Slate's onBlur
-    // fires synchronously inside the mousedown that's currently shifting
-    // focus to whatever the user clicked — at that moment, the focusin event
-    // for the new target hasn't yet updated our `isFocusInToolbar` check, so
-    // a synchronous dismiss would unmount the toolbar before the click on its
-    // own button can register. Deferring lets the focusin handler run first.
-    const unsubscribeFocused = mutxt.focused.subscribe(() => {
-      if (mutxt.focused.value) return;
-      queueMicrotask(() => {
-        if (mutxt.focused.value) return;
-        if (this.isFocusInToolbar?.()) return;
-        if (this.popupOpen.value) return;
-        this.dismissed.next(true);
-      });
-    });
-    return () => {
-      unsubscribeSelection();
-      unsubscribeFocused();
-    };
-  };
-
-  /** Returns true when the supplied anchor point is within (or no more than
-   *  TOOLBAR_VIEWPORT_OVERFLOW_LIMIT pixels outside of) the ScrollArea
-   *  viewport. When no ScrollArea is registered, always returns true. */
-  public isToolbarWithinViewport(point: AnchorPoint, toolbarElement: HTMLElement | null): boolean {
-    if (!this.scrollArea?.viewportEl) return true;
-    if (typeof window === 'undefined' || typeof document === 'undefined') return true;
-    try {
-      const viewportRect = this.scrollArea.viewportEl.getBoundingClientRect();
-      const toolbarHeight = toolbarElement?.getBoundingClientRect().height || TOOLBAR_HEIGHT;
-      const top = point.dy < 0 ? point.y - toolbarHeight : point.y;
-      const bottom = point.dy < 0 ? point.y : point.y + toolbarHeight;
-      const topOverflow = Math.max(viewportRect.top - top, 0);
-      const bottomOverflow = Math.max(bottom - viewportRect.bottom, 0);
-      return topOverflow <= TOOLBAR_VIEWPORT_OVERFLOW_LIMIT && bottomOverflow <= TOOLBAR_VIEWPORT_OVERFLOW_LIMIT;
-    } catch {
-      return false;
-    }
-  }
-
-  public anchorPoint(): AnchorPoint | undefined {
-    const mutxt = this.mutxt;
-    const selection = mutxt.selection.value;
-    if (!selection) return;
-    try {
-      const domRange = ReactEditor.toDOMRange(mutxt.editor as ReactEditor, selection);
-      const selectionRect = domRange.getBoundingClientRect();
-      const focusRect = this.getFocusCaretRect() ?? selectionRect;
-      // Reject degenerate rects. They appear briefly while a mark is being
-      // applied (e.g. Bold wraps the affected text in a `<strong>` element):
-      // for one render the DOM range references nodes that are being
-      // re-mounted, so getBoundingClientRect() returns 0,0,0,0. Returning
-      // undefined here lets the caller fall back to the cached point instead
-      // of placing the toolbar at the page origin and triggering the
-      // viewport-overflow check.
-      if (!focusRect.width && !focusRect.height && !focusRect.top && !focusRect.left) return;
-      const x = focusRect.width > 0 ? focusRect.left + focusRect.width / 2 : focusRect.left;
-      if (focusRect.top < TOOLBAR_HEIGHT + GAP) return {x, y: focusRect.bottom + GAP, dx: 0, dy: 1};
-      return {x, y: focusRect.top - GAP, dx: 0, dy: -1};
-    } catch {
-      return;
-    }
-  }
-
-  private getFocusCaretRect(): DOMRect | null {
-    const nativeSelection = window.getSelection();
-    if (!nativeSelection?.focusNode) return null;
-    try {
-      const focusRange = document.createRange();
-      focusRange.setStart(nativeSelection.focusNode, nativeSelection.focusOffset);
-      focusRange.collapse(true);
-      const rect = focusRange.getClientRects()[0] ?? focusRange.getBoundingClientRect();
-      if (rect.width > 0 || rect.height > 0) return rect;
-      return null;
-    } catch {
-      return null;
-    }
-  }
-}
diff --git a/packages/mutxt-react/src/MuTxt/inline/MarkSwatchPanel.tsx b/packages/mutxt-react/src/MuTxt/inline/MarkSwatchPanel.tsx
deleted file mode 100644
index 23b8273194..0000000000
--- a/packages/mutxt-react/src/MuTxt/inline/MarkSwatchPanel.tsx
+++ /dev/null
@@ -1,83 +0,0 @@
-import * as React from 'react';
-import {rule} from 'nano-theme';
-import {usePopup} from '@jsonjoy.com/ui/lib/4-card/Popup/context';
-import {ContextPane} from '@jsonjoy.com/ui/lib/4-card/ContextMenu';
-import {ColorSwatch} from '@jsonjoy.com/ui/lib/2-inline-block/ColorSwatch';
-import {useStyles} from '@jsonjoy.com/ui/lib/styles/context';
-import {MARK_SLOTS, MARK_SLOT_LABEL, markSlotBg, markSlotFg} from '../util/palette';
-import {getActiveMarkColor, setMarkColor} from '../behavior/color';
-import type {MuTxtState} from '../state/MuTxtState';
-import type {MarkColor, MenuItem} from '../types';
-
-const RecentMarkIcon: React.FC<{slot: MarkColor}> = ({slot}) => {
-  const styles = useStyles();
-  const dark = !styles.light;
-  return <ColorSwatch kind="plain" size={20} color={markSlotBg(slot, dark)} textColor={markSlotFg(slot, dark)} />;
-};
-
-/** Builds a recents-menu item that re-applies a specific highlight slot. */
-const buildRecentMarkItem = (slot: MarkColor, mutxt: MuTxtState): MenuItem => ({
-  id: 'recent-mark-' + slot,
-  name: MARK_SLOT_LABEL[slot] + ' highlight',
-  text: 'mark highlight ' + MARK_SLOT_LABEL[slot] + ' background color',
-  icon: () => <RecentMarkIcon slot={slot} />,
-  onSelect: () => {
-    setMarkColor(mutxt.editor, slot);
-    mutxt.sync(false);
-  },
-});
-
-const containerClass = rule({
-  d: 'flex',
-  fld: 'row',
-  ai: 'center',
-  gap: '4px',
-  pd: '8px',
-});
-
-export interface MarkSwatchPanelProps {
-  mutxt: MuTxtState;
-}
-
-export const MarkSwatchPanel: React.FC<MarkSwatchPanelProps> = ({mutxt}) => {
-  const popup = usePopup();
-  const styles = useStyles();
-  const dark = !styles.light;
-  mutxt.version.use();
-
-  React.useEffect(() => {
-    mutxt.inline.setPopupOpen(true);
-    return () => mutxt.inline.setPopupOpen(false);
-  }, [mutxt]);
-  const current = getActiveMarkColor(mutxt.editor);
-  const activeSlot: MarkColor | undefined = current === true ? 'yellow' : current;
-
-  const apply = (slot: MarkColor) => {
-    const isToggleOff = slot === activeSlot;
-    setMarkColor(mutxt.editor, isToggleOff ? undefined : slot);
-    mutxt.sync(false);
-    if (!isToggleOff) mutxt.inline.menu.addRecent(buildRecentMarkItem(slot, mutxt));
-    popup?.close();
-  };
-
-  const preventMouseDown = (e: React.MouseEvent) => e.preventDefault();
-
-  return (
-    <ContextPane>
-      <div className={containerClass} onMouseDown={preventMouseDown}>
-        {MARK_SLOTS.map((slot) => (
-          <ColorSwatch
-            key={slot}
-            kind="plain"
-            size={24}
-            color={markSlotBg(slot, dark)}
-            textColor={markSlotFg(slot, dark)}
-            active={slot === activeSlot}
-            tooltip={{renderTooltip: () => MARK_SLOT_LABEL[slot]}}
-            onClick={() => apply(slot)}
-          />
-        ))}
-      </div>
-    </ContextPane>
-  );
-};
diff --git a/packages/mutxt-react/src/MuTxt/inline/components/Leaf.tsx b/packages/mutxt-react/src/MuTxt/inline/components/Leaf.tsx
deleted file mode 100644
index bf4c3abd16..0000000000
--- a/packages/mutxt-react/src/MuTxt/inline/components/Leaf.tsx
+++ /dev/null
@@ -1,142 +0,0 @@
-import * as React from 'react';
-import {useMemo} from 'react';
-import {rule} from 'nano-theme';
-import {useStyles} from '@jsonjoy.com/ui/lib/styles/context';
-import {Key} from '@jsonjoy.com/ui/lib/1-inline/Key';
-import {Spoiler} from './Spoiler';
-import {fontFamilyOf} from '../../behavior/font';
-import {markSlotBg, markSlotFg} from '../../util/palette';
-import type {RenderLeafProps} from 'slate-react';
-import type {CustomText, MarkColor} from '../../types';
-import {useTrace} from '@jsonjoy.com/ui';
-
-const linkClass = rule({
-  textDecoration: 'underline',
-  textDecorationThickness: '1px',
-  textUnderlineOffset: '4px',
-  textDecorationColor: 'rgb(from currentColor r g b / 0.2)',
-  '&:hover': {
-    textDecorationColor: 'currentColor',
-  },
-});
-
-const insClass = rule({
-  bg: 'rgba(152,235,167,.3)',
-  bxsh: '0 2px 0 0 rgba(152,225,167,.6)',
-  td: 'none',
-});
-
-const delClass = rule({
-  bg: 'rgba(240,190,190,.4)',
-  bxsh: '0 2px 0 0 rgba(255,177,177,.5)',
-  col: 'red',
-});
-
-const codeClass = rule({
-  pd: '.14rem .42rem .22rem',
-  bdrad: '.42em',
-  ff: '"JetBrains Mono", "Fira Code", Menlo, monospace',
-  fz: '.92em',
-  fw: 500,
-  ls: '-0.01em',
-});
-
-export interface LeafProps extends RenderLeafProps {
-  leaf: CustomText & {activeSelection?: true};
-}
-
-export const Leaf: React.FC<LeafProps> = ({attributes, children, leaf, text}) => {
-  const styles = useStyles();
-  const isInCodeBlock = !!useTrace('isInCodeBlock');
-  const dynamicCodeClass = useMemo(() => {
-    return rule({
-      bg: styles.g(0, 0.03),
-      bd: `1px solid ${styles.g(0, 0.05)}`,
-      bxsh: `inset 0 1px 0 ${styles.g(1, 0.16)}, 0 1px 2px ${styles.g(0, 0.06)}`,
-      col: styles.g(0.08),
-      '&:hover': {
-        bg: styles.g(0, 0.04),
-        bd: `1px solid ${styles.g(0, 0.16)}`,
-        // bxsh: `inset 0 1px 0 ${styles.g(1, 0.44)}, 0 1px 2px ${styles.g(0, 0.06)}`,
-        bxsh: `inset 0 1px 0 ${styles.g(1, 0.08)}, 0 1px 2px ${styles.g(0, 0.03)}`,
-        col: styles.g(0.02),
-      },
-    });
-  }, [styles]);
-  const style: React.CSSProperties | undefined = leaf.activeSelection
-    ? {backgroundColor: styles.col.accent(0, 'bg-2')}
-    : undefined;
-  let content = children;
-
-  if (!isInCodeBlock) {
-    if (leaf.kbd) content = <Key>{content}</Key>;
-  }
-
-  if (leaf.ins) content = <ins className={insClass}>{content}</ins>;
-  else if (leaf.del) content = <del className={delClass}>{content}</del>;
-
-  if (!isInCodeBlock) {
-    if (leaf.bold) content = <strong style={{fontWeight: 700}}>{content}</strong>;
-    if (leaf.italic) content = <em>{content}</em>;
-  }
-
-  if (leaf.underline)
-    content = (
-      <u
-        style={{
-          textUnderlineOffset: 'var(--mutxt-uo, 3px)',
-          textDecorationThickness: 'var(--mutxt-dt, auto)',
-        }}
-      >
-        {content}
-      </u>
-    );
-  if (leaf.overline) content = <span style={{textDecoration: 'overline'}}>{content}</span>;
-  if (leaf.strikethrough) content = <span style={{textDecoration: 'line-through'}}>{content}</span>;
-  if (leaf.mark) {
-    const slot: MarkColor = leaf.mark === true ? 'yellow' : leaf.mark;
-    const dark = !styles.light;
-    const markStyle: React.CSSProperties = {background: markSlotBg(slot, dark)};
-    markStyle.color = markSlotFg(slot, dark);
-    content = <mark style={markStyle}>{content}</mark>;
-  } else {
-    if (leaf.bg) content = <span style={{backgroundColor: leaf.bg}}>{content}</span>;
-    if (leaf.fg) content = <span style={{color: leaf.fg}}>{content}</span>;
-  }
-
-  if (!isInCodeBlock) {
-    if (leaf.spoiler) content = <Spoiler text={text}>{content}</Spoiler>;
-    if (leaf.sup) content = <sup>{content}</sup>;
-    else if (leaf.sub) content = <sub>{content}</sub>;
-    if (leaf.code) content = <code className={codeClass + dynamicCodeClass}>{content}</code>;
-  }
-
-  const leafFontFamily = fontFamilyOf(leaf.font);
-  if (leafFontFamily) content = <span style={{fontFamily: leafFontFamily}}>{content}</span>;
-
-  const href = leaf.a?.href;
-  if (href) {
-    return (
-      <a
-        {...attributes}
-        className={linkClass}
-        href={href}
-        target="_blank"
-        rel="noreferrer noopener"
-        title={leaf.a?.title || href}
-        style={style}
-        onClick={(event) => {
-          if (!(event.metaKey || event.ctrlKey)) event.preventDefault();
-        }}
-      >
-        {content}
-      </a>
-    );
-  }
-
-  return (
-    <span {...attributes} style={style}>
-      {content}
-    </span>
-  );
-};
diff --git a/packages/mutxt-react/src/MuTxt/inline/components/Placeholder.tsx b/packages/mutxt-react/src/MuTxt/inline/components/Placeholder.tsx
deleted file mode 100644
index 0b70df0fb3..0000000000
--- a/packages/mutxt-react/src/MuTxt/inline/components/Placeholder.tsx
+++ /dev/null
@@ -1,53 +0,0 @@
-import * as React from 'react';
-import {rule} from 'nano-theme';
-import {isTouch} from '@jsonjoy.com/ui';
-import {useStyles} from '@jsonjoy.com/ui/lib/styles/context';
-import MuTxtLogo from '@jsonjoy.com/ui/lib/icons/svg/MuTxtLogo';
-import {useMuTxt} from '../../context';
-import {Key} from '@jsonjoy.com/ui/lib/1-inline/Key';
-import type {RenderPlaceholderProps} from 'slate-react';
-
-export const DEF_PLACEHOLDER = (
-  <span style={{display: 'inline', alignItems: 'center'}}>
-    Start writing in your{' '}
-    <MuTxtLogo style={{margin: '-8px 0 -12px', display: 'inline-block', verticalAlign: 'middle'}} /> document
-    {!isTouch && (
-      <>
-        &nbsp;or press <Key>Space</Key> for commands
-      </>
-    )}
-    ...
-  </span>
-);
-
-const placeholderClass = rule({
-  pe: 'none',
-  us: 'none',
-  fz: '16px',
-});
-
-export interface PlaceholderProps extends RenderPlaceholderProps {}
-
-export const Placeholder: React.FC<PlaceholderProps> = (props) => {
-  const {attributes, children} = props;
-  const styles = useStyles();
-  const mutxt = useMuTxt();
-
-  if (!children) return null;
-  if (mutxt.api.block()?.type !== 'p') return null;
-  if (Object.keys(mutxt.api.marks() ?? {}).length) return null;
-
-  return (
-    <span
-      {...attributes}
-      className={placeholderClass}
-      style={{
-        ...attributes.style,
-        color: styles.g(0.5),
-        opacity: 1,
-      }}
-    >
-      {children}
-    </span>
-  );
-};
diff --git a/packages/mutxt-react/src/MuTxt/inline/components/Spoiler.tsx b/packages/mutxt-react/src/MuTxt/inline/components/Spoiler.tsx
deleted file mode 100644
index b141425063..0000000000
--- a/packages/mutxt-react/src/MuTxt/inline/components/Spoiler.tsx
+++ /dev/null
@@ -1,55 +0,0 @@
-import * as React from 'react';
-import {rule, drule, useTheme} from 'nano-theme';
-import {Path, Range, type Text} from 'slate';
-import {ReactEditor, useSlateSelection} from 'slate-react';
-import {useMuTxt} from '../../context';
-
-const blockClass = drule({
-  bg: '#222',
-  col: 'transparent',
-});
-
-const radius = 'calc(min(3px,.15em))';
-
-const startClass = rule({
-  borderTopLeftRadius: radius,
-  borderBottomLeftRadius: radius,
-});
-
-const endClass = rule({
-  borderTopRightRadius: radius,
-  borderBottomRightRadius: radius,
-});
-
-export interface SpoilerProps {
-  text: Text;
-  children: React.ReactNode;
-}
-
-export const Spoiler: React.FC<SpoilerProps> = (props) => {
-  const {text, children} = props;
-  const theme = useTheme();
-  const mutxt = useMuTxt();
-  const selection = useSlateSelection();
-
-  let isRevealed = false;
-  if (selection && Range.isCollapsed(selection)) {
-    try {
-      const path = ReactEditor.findPath(mutxt.editor, text);
-      if (Path.equals(selection.anchor.path, path)) isRevealed = true;
-    } catch {}
-  }
-
-  const className =
-    blockClass({
-      bg: isRevealed ? theme.g(0.2, 0.1) : '#222',
-      col: isRevealed ? 'inherit' : 'transparent',
-      '& *': {
-        col: isRevealed ? 'inherit' : 'transparent',
-      },
-    }) +
-    startClass +
-    endClass;
-
-  return <span className={className}>{children}</span>;
-};
diff --git a/packages/mutxt-react/src/MuTxt/inline/link/LinkButtonState.ts b/packages/mutxt-react/src/MuTxt/inline/link/LinkButtonState.ts
deleted file mode 100644
index f3c36d3426..0000000000
--- a/packages/mutxt-react/src/MuTxt/inline/link/LinkButtonState.ts
+++ /dev/null
@@ -1,136 +0,0 @@
-import {rsync} from '@jsonjoy.com/ui';
-import {flushSync} from 'react-dom';
-import {ReactEditor} from 'slate-react';
-import {Transforms, type Editor, type Range} from 'slate';
-import {
-  getActiveLink,
-  isRangeInEditor,
-  normalizeLinkHref,
-  removeLink,
-  type ActiveLink,
-  upsertLink,
-} from '../../behavior/link';
-import type {MuTxtState} from '../../state/MuTxtState';
-
-export class LinkButtonState {
-  public readonly activeLink: rsync.ReactComputed<ActiveLink | null>;
-  public readonly open = rsync.val(false);
-  public readonly draft = rsync.val('');
-  public readonly canOpen: rsync.ReactComputed<boolean>;
-  public readonly selected: rsync.ReactComputed<boolean>;
-  public readonly normalizedDraft = rsync.comp([this.draft], ([draft]) => normalizeLinkHref(draft));
-  /** Snapshot of the bounding rect of the trigger element at the moment `toggle()` was called. */
-  public readonly anchorRect = rsync.val<DOMRect | null>(null);
-  /** Snapshot of the editor selection when the popup opens. */
-  public readonly rangeSnapshot = rsync.val<Range | null>(null);
-
-  private readonly editor: Editor;
-  constructor(public readonly mutxt: MuTxtState) {
-    const editor = (this.editor = mutxt.editor);
-    this.activeLink = rsync.comp([mutxt.cursor], () => getActiveLink(editor));
-    this.canOpen = rsync.comp(
-      [mutxt.readOnly, mutxt.selection, this.activeLink],
-      ([readOnly, selection, activeLink]) => !readOnly && (!!selection || !!activeLink),
-    );
-    this.selected = rsync.comp(
-      [mutxt.readOnly, this.open, this.activeLink],
-      ([readOnly, open, activeLink]) => !readOnly && (open || !!activeLink),
-    );
-  }
-
-  public readonly setDraft = (value: string): void => {
-    this.draft.set(value);
-  };
-
-  public readonly setAnchorRect = (rect: DOMRect | null): void => {
-    this.anchorRect.set(rect);
-  };
-
-  public readonly setAnchorEl = (el: HTMLElement | null): void => {
-    this.anchorRect.set(el ? el.getBoundingClientRect() : null);
-  };
-
-  public readonly setAnchorFromSelection = (): void => {
-    try {
-      const editor = this.editor as ReactEditor;
-      const sel = editor.selection;
-      if (!sel) {
-        this.anchorRect.set(null);
-        return;
-      }
-      const domRange = ReactEditor.toDOMRange(editor, sel);
-      this.anchorRect.set(domRange.getBoundingClientRect());
-    } catch {
-      this.anchorRect.set(null);
-    }
-  };
-
-  public readonly toggle = (): void => {
-    if (!this.canOpen.value) return;
-    const nextOpen = !this.open.value;
-    if (nextOpen) {
-      const active = this.activeLink.value;
-      this.draft.set(active?.href ?? '');
-      this.rangeSnapshot.set(active?.range ?? this.editor.selection ?? null);
-    } else {
-      this.rangeSnapshot.set(null);
-    }
-    this.open.set(nextOpen);
-  };
-
-  public readonly close = (): void => {
-    const editor = this.editor;
-    const range = this.rangeSnapshot.value;
-    this.open.set(false);
-    this.anchorRect.set(null);
-    this.rangeSnapshot.set(null);
-    if (range && typeof window !== 'undefined' && typeof window.requestAnimationFrame === 'function') {
-      window.requestAnimationFrame(() => {
-        try {
-          window.getSelection()?.removeAllRanges();
-        } catch {}
-        try {
-          Transforms.select(editor, range);
-        } catch {}
-      });
-    }
-  };
-
-  public readonly apply = (): void => {
-    const currentDraft = this.draft.value;
-    const normalizedDraft = normalizeLinkHref(currentDraft);
-    if (!normalizedDraft) return;
-    flushSync(() => this.open.set(false));
-    const link = upsertLink(this.editor, currentDraft);
-    if (!link) {
-      this.draft.set(currentDraft);
-      return;
-    }
-    this.draft.set(link.href);
-  };
-
-  public readonly remove = (): void => {
-    const editor = this.editor;
-    const snapshot = this.rangeSnapshot.value;
-    if (snapshot && isRangeInEditor(editor, snapshot)) {
-      try {
-        Transforms.select(editor, snapshot);
-      } catch {}
-    }
-    if (!removeLink(editor)) return;
-    const restored = editor.selection && isRangeInEditor(editor, editor.selection) ? {...editor.selection} : null;
-    this.open.set(false);
-    this.anchorRect.set(null);
-    this.rangeSnapshot.set(null);
-    if (restored && typeof window !== 'undefined' && typeof window.requestAnimationFrame === 'function') {
-      window.requestAnimationFrame(() => {
-        try {
-          window.getSelection()?.removeAllRanges();
-        } catch {}
-        try {
-          Transforms.select(editor, restored);
-        } catch {}
-      });
-    }
-  };
-}
diff --git a/packages/mutxt-react/src/MuTxt/inline/link/LinkFloater.tsx b/packages/mutxt-react/src/MuTxt/inline/link/LinkFloater.tsx
deleted file mode 100644
index 7238916c35..0000000000
--- a/packages/mutxt-react/src/MuTxt/inline/link/LinkFloater.tsx
+++ /dev/null
@@ -1,53 +0,0 @@
-import * as React from 'react';
-import {PositionAtPoint} from '@jsonjoy.com/ui/lib/utils/popup/PositionAtPoint';
-import {useClickAway} from '@jsonjoy.com/ui/lib/hooks/useClickAway';
-import {useMuTxt} from '../../context';
-import {LinkToolbarPopup} from './LinkToolbarPopup';
-import {ctx} from './context';
-import type {AnchorPoint} from '@jsonjoy.com/ui/lib/utils/popup/types';
-
-const GAP = 8;
-
-const pointFromRect = (rect: DOMRect): AnchorPoint => {
-  const x = rect.left + rect.width / 2;
-  const spaceBelow = window.innerHeight - rect.bottom;
-  const spaceAbove = rect.top;
-  if (spaceBelow >= spaceAbove) {
-    return {x, y: rect.bottom + GAP, dx: 0, dy: 1};
-  }
-  return {x, y: rect.top - GAP, dx: 0, dy: -1};
-};
-
-export const LinkFloater: React.FC = () => {
-  const mutxt = useMuTxt();
-  const link = mutxt.inline.link;
-  const open = link.open.use();
-  const rect = link.anchorRect.use();
-
-  const clickAwayRef = useClickAway(React.useCallback(() => link.close(), [link]));
-
-  if (!open || !rect) return null;
-  const point = pointFromRect(rect);
-
-  return (
-    <ctx.Provider value={link}>
-      <PositionAtPoint point={point}>
-        <div
-          ref={clickAwayRef}
-          onMouseDown={(e) => {
-            if ((e.target as HTMLElement).tagName !== 'INPUT') e.preventDefault();
-          }}
-          onKeyDown={(e) => {
-            if (e.key === 'Escape') {
-              e.stopPropagation();
-              e.preventDefault();
-              link.close();
-            }
-          }}
-        >
-          <LinkToolbarPopup />
-        </div>
-      </PositionAtPoint>
-    </ctx.Provider>
-  );
-};
diff --git a/packages/mutxt-react/src/MuTxt/inline/link/LinkToolbarPopup.tsx b/packages/mutxt-react/src/MuTxt/inline/link/LinkToolbarPopup.tsx
deleted file mode 100644
index d600466e40..0000000000
--- a/packages/mutxt-react/src/MuTxt/inline/link/LinkToolbarPopup.tsx
+++ /dev/null
@@ -1,116 +0,0 @@
-import * as React from 'react';
-import {rule} from 'nano-theme';
-import {BasicButton} from '@jsonjoy.com/ui/lib/2-inline-block/BasicButton';
-import {BasicButtonDelete} from '@jsonjoy.com/ui/lib/2-inline-block/BasicButton/BasicButtonDelete';
-import {CopyButton} from '@jsonjoy.com/ui/lib/2-inline-block/CopyButton';
-import {Input} from '@jsonjoy.com/ui/lib/2-inline-block/Input';
-import {BasicTooltip} from '@jsonjoy.com/ui/lib/4-card/BasicTooltip';
-import {Iconista} from '@jsonjoy.com/ui/lib/icons/Iconista';
-import {EditorContextPopup} from '../../chrome/EditorContextPopup';
-import {useLinkButton} from './context';
-
-const inputRowClass = rule({
-  d: 'flex',
-  fld: 'column',
-  gap: '10px',
-});
-
-const actionRowClass = rule({
-  d: 'flex',
-  ai: 'center',
-  jc: 'space-between',
-  gap: '8px',
-});
-
-const actionButtonsClass = rule({
-  d: 'flex',
-  ai: 'center',
-  gap: '6px',
-});
-
-const preventMouseDown = (event: React.MouseEvent): void => {
-  event.preventDefault();
-};
-
-const stopMouseDownPropagation = (event: React.MouseEvent): void => {
-  event.stopPropagation();
-};
-
-export const LinkToolbarPopup: React.FC = () => {
-  const state = useLinkButton();
-  const activeLink = state.activeLink.use();
-  const draft = state.draft.use();
-  const open = state.open.use();
-  const normalizedDraft = state.normalizedDraft.use();
-
-  const title = activeLink ? 'Edit link' : 'Add link';
-  const subtitle = activeLink
-    ? 'Update the current link target, copy it, open it, or remove it.'
-    : 'Enter a URL to wrap the current selection.';
-
-  const actionRow = activeLink ? (
-    <div
-      className={actionRowClass}
-      onMouseDown={stopMouseDownPropagation /* prevent popup from closing when clicking action buttons */}
-    >
-      <div className={actionButtonsClass}>
-        <CopyButton
-          type="button"
-          width={32}
-          height={32}
-          rounder
-          onMouseDown={preventMouseDown}
-          onCopy={() => activeLink.href}
-          tooltip={{nowrap: true, renderTooltip: () => 'Copy link'}}
-        />
-        <BasicTooltip nowrap renderTooltip={() => 'Open link'}>
-          <BasicButton type="button" width={32} height={32} rounder onMouseDown={preventMouseDown} to={activeLink.href}>
-            <Iconista set={'lucide' as any} icon={'external-link' as any} width={16} height={16} />
-          </BasicButton>
-        </BasicTooltip>
-        <BasicTooltip nowrap renderTooltip={() => 'Remove link'}>
-          <BasicButtonDelete
-            type="button"
-            width={32}
-            height={32}
-            rounder
-            onMouseDown={preventMouseDown}
-            onClick={state.remove}
-          />
-        </BasicTooltip>
-      </div>
-    </div>
-  ) : undefined;
-
-  return (
-    <EditorContextPopup
-      title={title}
-      subtitle={subtitle}
-      headerRight={actionRow}
-      minWidth={Math.max(Math.min(560, window.innerWidth * 0.4), 320)}
-      applyDisabled={!normalizedDraft}
-      onCancel={state.close}
-      onApply={state.apply}
-    >
-      <div className={inputRowClass}>
-        <Input
-          type="text"
-          label="Link"
-          value={draft}
-          placeholder="https://example.com"
-          focus
-          select={open}
-          onChange={state.setDraft}
-          onEnter={(event) => {
-            event.preventDefault();
-            state.apply();
-          }}
-          onEsc={(event) => {
-            event.preventDefault();
-            state.close();
-          }}
-        />
-      </div>
-    </EditorContextPopup>
-  );
-};
diff --git a/packages/mutxt-react/src/MuTxt/inline/link/context.ts b/packages/mutxt-react/src/MuTxt/inline/link/context.ts
deleted file mode 100644
index e3dd335c26..0000000000
--- a/packages/mutxt-react/src/MuTxt/inline/link/context.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import * as React from 'react';
-import type {LinkButtonState} from './LinkButtonState';
-
-export const ctx = React.createContext<LinkButtonState | null>(null);
-
-export const useLinkButton = (): LinkButtonState => {
-  const state = React.useContext(ctx);
-  if (!state) throw new Error('NO_CTX');
-  return state;
-};
diff --git a/packages/mutxt-react/src/MuTxt/insert/InsertState.ts b/packages/mutxt-react/src/MuTxt/insert/InsertState.ts
deleted file mode 100644
index 1c6d8452a1..0000000000
--- a/packages/mutxt-react/src/MuTxt/insert/InsertState.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-/**
- * @module
- *
- * The *Insert* subsystem deals with inserting new content into the editor. It
- * keeps track of various virtual keyboard (emoji, qwerty, math equations) state,
- * as well as helps with inline "void" (chips, mentions) insertion.
- */
-
-export class InsertState {}
diff --git a/packages/mutxt-react/src/MuTxt/loadFonts.ts b/packages/mutxt-react/src/MuTxt/loadFonts.ts
deleted file mode 100644
index 3ee36199d8..0000000000
--- a/packages/mutxt-react/src/MuTxt/loadFonts.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-import '@fontsource-variable/inter';
-import '@fontsource-variable/source-serif-4';
-import '@fontsource-variable/bitter';
-import '@fontsource-variable/jetbrains-mono';
diff --git a/packages/mutxt-react/src/MuTxt/omni/OmniFloater.tsx b/packages/mutxt-react/src/MuTxt/omni/OmniFloater.tsx
deleted file mode 100644
index f7daf6c485..0000000000
--- a/packages/mutxt-react/src/MuTxt/omni/OmniFloater.tsx
+++ /dev/null
@@ -1,50 +0,0 @@
-import * as React from 'react';
-import {isTouch} from '@jsonjoy.com/ui';
-import {ContextMenu} from '@jsonjoy.com/ui/lib/4-card/ContextMenu/ContextMenu';
-import {PositionAtPoint} from '@jsonjoy.com/ui/lib/utils/popup/PositionAtPoint';
-import {useClickAway} from '@jsonjoy.com/ui/lib/hooks/useClickAway';
-import {useMuTxt} from '../context';
-
-export type OmniFloaterProps = {};
-
-export const OmniFloater: React.FC<OmniFloaterProps> = isTouch
-  ? () => null
-  : () => {
-      const mutxt = useMuTxt();
-      const omni = mutxt.omni;
-      const open = omni.open.use();
-      const point = omni.point.use();
-      const mode = omni.mode.use();
-
-      const clickAwayRef = useClickAway(React.useCallback(() => omni.close(), [omni]));
-
-      React.useEffect(() => {
-        if (!open) return;
-        const close = () => omni.close();
-        const unsubScroll = mutxt.scroll.scrollTop$.subscribe(close);
-        const unsubWnd = mutxt.wnd.subscribe(close);
-        return () => {
-          unsubScroll();
-          unsubWnd();
-        };
-      }, [open, mutxt, omni]);
-
-      if (!open || !point) return null;
-
-      const menu = omni.menu.build();
-      const minWidth = mode === 'palette' ? 480 : 320;
-
-      return (
-        <PositionAtPoint point={point} animate>
-          <div
-            ref={clickAwayRef}
-            onMouseDown={(e) => {
-              if ((e.target as HTMLElement).tagName !== 'INPUT') e.preventDefault();
-              e.stopPropagation();
-            }}
-          >
-            <ContextMenu inset showSearch menu={{...menu, minWidth}} onEsc={omni.close} onClose={omni.close} />
-          </div>
-        </PositionAtPoint>
-      );
-    };
diff --git a/packages/mutxt-react/src/MuTxt/omni/OmniMenu.tsx b/packages/mutxt-react/src/MuTxt/omni/OmniMenu.tsx
deleted file mode 100644
index 1c6c8c5bff..0000000000
--- a/packages/mutxt-react/src/MuTxt/omni/OmniMenu.tsx
+++ /dev/null
@@ -1,58 +0,0 @@
-import * as React from 'react';
-import type {MenuItem} from '../types';
-import type {MuTxtState} from '../state/MuTxtState';
-import type {UiLifeCycles} from '@jsonjoy.com/ui/lib/types';
-import TurnIntoIcon__svg from 'iconista/lib/react/tabler/transform';
-import FormatIcon__svg from 'iconista/lib/react/tabler/typography';
-
-const TurnIntoIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <TurnIntoIcon__svg width={16} height={16} {...props} />
-);
-const FormatIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <FormatIcon__svg width={16} height={16} {...props} />
-);
-
-export class OmniMenu implements UiLifeCycles {
-  constructor(public readonly mutxt: MuTxtState) {}
-
-  public start() {
-    return () => {};
-  }
-
-  public build(): MenuItem {
-    const mutxt = this.mutxt;
-    const voidMenu = mutxt.voids.menu;
-    const blockMenu = mutxt.block.menu;
-    const inlineMenu = mutxt.inline.menu;
-    const hasSelection = mutxt.api.hasSelection();
-    const formatChildren: MenuItem[] = [inlineMenu.menuFmtCommon(), inlineMenu.menuFmtTechnical()];
-    if (hasSelection) {
-      formatChildren.push(inlineMenu.menuAnnotations({anchorFromSelection: true}), inlineMenu.menuModify());
-    }
-    return {
-      name: 'Quick actions',
-      minWidth: 320,
-      children: [
-        voidMenu.itemFile({anchorFromCaret: true}),
-        voidMenu.itemEmbed({anchorFromCaret: true}),
-        voidMenu.itemHr(),
-        voidMenu.itemToc(),
-        {name: 'sep-turn', sep: true},
-        {
-          name: 'Turn into',
-          text: 'transform convert change block format type',
-          icon: () => <TurnIntoIcon />,
-          children: [blockMenu.menuBlocks(), blockMenu.menuHeadings(), blockMenu.menuLists(), blockMenu.menuLayout()],
-        },
-        {
-          name: 'Format',
-          text: 'style mark inline formatting',
-          icon: () => <FormatIcon />,
-          children: formatChildren,
-        },
-        {name: 'sep-doc', sep: true},
-        mutxt.docMenu.build(),
-      ],
-    };
-  }
-}
diff --git a/packages/mutxt-react/src/MuTxt/omni/OmniState.tsx b/packages/mutxt-react/src/MuTxt/omni/OmniState.tsx
deleted file mode 100644
index 1e8ccc121c..0000000000
--- a/packages/mutxt-react/src/MuTxt/omni/OmniState.tsx
+++ /dev/null
@@ -1,104 +0,0 @@
-import {rsync, type UiLifeCycles} from '@jsonjoy.com/ui';
-import {Editor, Range, Element as SlateElement, Node as SlateNode} from 'slate';
-import {OmniMenu} from './OmniMenu';
-import type {AnchorPoint} from '@jsonjoy.com/ui/lib/utils/popup/types';
-import type {MuTxtState} from '../state/MuTxtState';
-
-export type OmniMode = 'caret' | 'palette';
-
-export class OmniState implements UiLifeCycles {
-  public readonly menu: OmniMenu;
-  public readonly open = rsync.val(false);
-  public readonly mode = rsync.val<OmniMode>('caret');
-
-  /** Anchor point captured at open time. Frozen so the popup does not jitter
-   * if the caret moves while the user navigates the menu. */
-  public readonly point = rsync.val<AnchorPoint | undefined>(undefined);
-
-  /** Snapshot of the editor selection at the moment the menu opens. Used to
-   * paint an "active selection" decoration while the menu has focus, and to
-   * detect that the cursor has moved (which closes the menu). */
-  public readonly rangeSnapshot = rsync.val<Range | null>(null);
-
-  constructor(public readonly mutxt: MuTxtState) {
-    this.menu = new OmniMenu(mutxt);
-  }
-
-  public start = (): (() => void) => () => {};
-
-  public readonly close = (): void => {
-    if (!this.open.value) return;
-    this.open.set(false);
-    this.point.set(undefined);
-    this.rangeSnapshot.set(null);
-    this.mutxt.api.focus();
-  };
-
-  public readonly openAtCaret = (): boolean => {
-    const point = this.mutxt.api.focusPoint();
-    if (!point) return false;
-    this.captureSelection();
-    this.mode.set('caret');
-    this.point.set(point);
-    this.open.set(true);
-    return true;
-  };
-
-  public readonly openAsPalette = (): boolean => {
-    const shellBox = this.mutxt.shellBox.value;
-    if (!shellBox) return false;
-    const [x, y, width] = shellBox;
-    const point: AnchorPoint = {
-      x: x + width / 2,
-      y: y,
-      dx: 0,
-      dy: 1,
-    };
-    this.captureSelection();
-    this.mode.set('palette');
-    this.point.set(point);
-    this.open.set(true);
-    return true;
-  };
-
-  public readonly openSmart = (): boolean => {
-    const {mutxt, open} = this;
-    if (mutxt.readOnly.value) return false;
-    if (open.value) return false;
-    const sel = mutxt.editor.selection;
-    if (sel) return this.openAtCaret();
-    return this.openAsPalette();
-  };
-
-  public readonly handleSpaceKey = (): boolean => {
-    const {mutxt, open} = this;
-    if (mutxt.readOnly.value) return false;
-    if (open.value) return false;
-    if (mutxt.selection.value) return this.openSmart();
-    if (this.isCaretInEmptyBlock()) return this.openSmart();
-    return false;
-  };
-
-  // ------------------------------------------------------------------ Helpers
-
-  private captureSelection(): void {
-    this.rangeSnapshot.set(this.mutxt.selection.value);
-  }
-
-  private isCaretInEmptyBlock(): boolean {
-    const editor = this.mutxt.editor;
-    const sel = editor.selection;
-    if (!sel || !Range.isCollapsed(sel)) return false;
-    try {
-      const [match] = Editor.nodes(editor, {
-        match: (n) => SlateElement.isElement(n) && Editor.isBlock(editor, n),
-        mode: 'lowest',
-      });
-      if (!match) return false;
-      const [block] = match;
-      return SlateNode.string(block as SlateNode) === '';
-    } catch {
-      return false;
-    }
-  }
-}
diff --git a/packages/mutxt-react/src/MuTxt/state/DocumentMenu.tsx b/packages/mutxt-react/src/MuTxt/state/DocumentMenu.tsx
deleted file mode 100644
index c1fd612631..0000000000
--- a/packages/mutxt-react/src/MuTxt/state/DocumentMenu.tsx
+++ /dev/null
@@ -1,787 +0,0 @@
-import * as React from 'react';
-import {rule} from 'nano-theme';
-import {rsync} from '@jsonjoy.com/ui';
-import {Iconista} from '@jsonjoy.com/ui/lib/icons/Iconista';
-import {ShareDocumentForm} from '../chrome/ShareDocumentPane';
-import {copyDefaultShareLink} from '../util/share';
-import {Sidetip} from '@jsonjoy.com/ui/lib/1-inline/Sidetip';
-import {FontStyleButton} from '@jsonjoy.com/ui/lib/2-inline-block/FontStyleButton';
-import {downloadBlob} from '@jsonjoy.com/collaborative-ui/lib/util/downloadBlob';
-import {ReactEditor} from 'slate-react';
-import {canRedo, canUndo, redo, undo} from '../behavior';
-import {formatKeys} from '../util/keys';
-import {EditableWidthButton, LABELS} from '../chrome/EditableWidthButton';
-import {CustomStylesPanel} from '../custom-style/CustomStylesPanel';
-import type {DisplayMode, EditableWidth, FontKind, MenuItem} from '../types';
-import type {MuTxtState, ThemeOverride} from './MuTxtState';
-import type {UiLifeCycles} from '@jsonjoy.com/ui/lib/types';
-import {default as DocumentIcon2} from 'iconista/lib/react/tabler/file-text';
-import KeyboardIcon__svg from 'iconista/lib/react/tabler/keyboard';
-import ThemeIcon__svg from 'iconista/lib/react/tabler/palette';
-import ThemeAutoIcon__svg from 'iconista/lib/react/tabler/automatic-gearbox';
-import ThemeLightIcon__svg from 'iconista/lib/react/ibm_32/light';
-import ThemeDarkIcon__svg from 'iconista/lib/react/lucide/lamp-desk';
-import ThemeDefaultIcon__svg from 'iconista/lib/react/tabler/restore';
-import MaximizeIcon__svg from 'iconista/lib/react/tabler/maximize';
-import MinimizeIcon__svg from 'iconista/lib/react/tabler/minimize';
-import FullscreenIcon__svg from 'iconista/lib/react/tabler/arrows-maximize';
-import TypographyIcon__svg from 'iconista/lib/react/tabler/typography';
-import CustomStylesIcon__svg from 'iconista/lib/react/tabler/brush';
-import GoToIcon__svg from 'iconista/lib/react/bootstrap/list-columns-reverse';
-import ExportIcon__svg from 'iconista/lib/react/tabler/file-export';
-import SaveIcon__svg from 'iconista/lib/react/tabler/device-floppy';
-import DevelopersIcon__svg from 'iconista/lib/react/tabler/tools';
-import EmbedIcon__svg from 'iconista/lib/react/tabler/code';
-import BracesIcon__svg from 'iconista/lib/react/tabler/braces';
-import PlainTextIcon__svg from 'iconista/lib/react/tabler/align-left';
-import WidthIcon__svg from 'iconista/lib/react/tabler/arrows-horizontal';
-import ShareIcon__svg from 'iconista/lib/react/ant_outline/share-alt';
-import ShareCheckIcon__svg from 'iconista/lib/react/atlaskit/check';
-import CopyLinkIcon__svg from 'iconista/lib/react/tabler/link';
-import ShareOptionsIcon__svg from 'iconista/lib/react/tabler/adjustments';
-
-const documentIcon = () => <DocumentIcon2 width={16} height={16} />;
-const KeyboardIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <KeyboardIcon__svg width={16} height={16} {...props} />
-);
-const ThemeIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <ThemeIcon__svg width={16} height={16} {...props} />
-);
-const ThemeAutoIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <ThemeAutoIcon__svg width={16} height={16} {...props} />
-);
-const ThemeLightIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <ThemeLightIcon__svg width={16} height={16} fill="currentColor" {...props} />
-);
-const ThemeDarkIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <ThemeDarkIcon__svg width={16} height={16} {...props} />
-);
-const ThemeDefaultIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <ThemeDefaultIcon__svg width={16} height={16} {...props} />
-);
-const MaximizeIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <MaximizeIcon__svg width={16} height={16} {...props} />
-);
-const MinimizeIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <MinimizeIcon__svg width={16} height={16} {...props} />
-);
-const FullscreenIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <FullscreenIcon__svg width={16} height={16} {...props} />
-);
-const TypographyIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <TypographyIcon__svg width={16} height={16} {...props} />
-);
-const CustomStylesIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <CustomStylesIcon__svg width={16} height={16} {...props} />
-);
-
-const rtlMirrorClass = rule({
-  d: 'inline-flex',
-  ai: 'center',
-  jc: 'center',
-  '&:dir(rtl)': {
-    transform: 'scaleX(-1)',
-  },
-});
-const UndoIcon: React.FC = () => (
-  <span className={rtlMirrorClass}>
-    <Iconista set="lucide" icon="undo" width={16} height={16} />
-  </span>
-);
-const RedoIcon: React.FC = () => (
-  <span className={rtlMirrorClass}>
-    <Iconista set="lucide" icon="redo" width={16} height={16} />
-  </span>
-);
-const GoToIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <GoToIcon__svg width={16} height={16} {...props} />
-);
-const ExportIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <ExportIcon__svg width={16} height={16} {...props} />
-);
-const SaveIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <SaveIcon__svg width={16} height={16} {...props} />
-);
-const DevelopersIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <DevelopersIcon__svg width={16} height={16} {...props} />
-);
-const EmbedIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <EmbedIcon__svg width={16} height={16} {...props} />
-);
-// const BugIcon = makeIcon({set: 'tabler', icon: 'bug', width: 16, height: 16});
-const BracesIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <BracesIcon__svg width={16} height={16} {...props} />
-);
-// const TerminalIcon = makeIcon({set: 'tabler', icon: 'terminal-2', width: 16, height: 16});
-const PlainTextIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <PlainTextIcon__svg width={16} height={16} {...props} />
-);
-const WidthIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <WidthIcon__svg width={16} height={16} {...props} />
-);
-const ShareIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <ShareIcon__svg width={16} height={16} fill="currentColor" {...props} />
-);
-const ShareCheckIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <ShareCheckIcon__svg width={16} height={16} {...props} />
-);
-const CopyLinkIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <CopyLinkIcon__svg width={16} height={16} {...props} />
-);
-const ShareOptionsIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <ShareOptionsIcon__svg width={16} height={16} {...props} />
-);
-
-const SHARE_COPIED_RESET_MS = 2000;
-
-const shareIconStackClass = rule({
-  pos: 'relative',
-  w: '16px',
-  h: '16px',
-  ov: 'hidden',
-  d: 'inline-flex',
-});
-
-const shareIconLayerClass = rule({
-  pos: 'absolute',
-  t: 0,
-  l: 0,
-  w: '16px',
-  h: '16px',
-  d: 'flex',
-  ai: 'center',
-  jc: 'center',
-  trs: 'transform 150ms ease-in-out',
-});
-
-const ShareCopyAnimIcon: React.FC<{copied: rsync.ReactValue<boolean>}> = ({copied}) => {
-  const isCopied = copied.use();
-  return (
-    <span className={shareIconStackClass}>
-      <span className={shareIconLayerClass} style={{transform: isCopied ? 'translateY(100%)' : 'translateY(0%)'}}>
-        <ShareIcon />
-      </span>
-      <span className={shareIconLayerClass} style={{transform: isCopied ? 'translateY(0%)' : 'translateY(-100%)'}}>
-        <ShareCheckIcon />
-      </span>
-    </span>
-  );
-};
-
-export class DocumentMenu implements UiLifeCycles {
-  public readonly shareJustCopied = rsync.val(false);
-  private shareCopyResetTimer: ReturnType<typeof setTimeout> | null = null;
-
-  constructor(public readonly mutxt: MuTxtState) {}
-
-  private readonly pulseShareCopied = (): void => {
-    this.shareJustCopied.set(true);
-    if (this.shareCopyResetTimer) clearTimeout(this.shareCopyResetTimer);
-    this.shareCopyResetTimer = setTimeout(() => {
-      this.shareCopyResetTimer = null;
-      this.shareJustCopied.set(false);
-    }, SHARE_COPIED_RESET_MS);
-  };
-
-  public start() {
-    return () => {};
-  }
-
-  public buildHeaderToolbar(size: 0 | 1 | 2 | 3 | 4 | 5): MenuItem {
-    const mutxt = this.mutxt;
-    const toggleKeys = ['Primary', 'Shift', 'm'];
-    const fullscreenKeys = ['Primary', 'Shift', 'f'];
-    const activeFor = (mode: DisplayMode) => rsync.comp([mutxt.displayMode], ([m]) => m === mode);
-    const option = (
-      mode: DisplayMode,
-      name: string,
-      icon: () => React.ReactNode,
-      keys?: string[],
-      text?: string,
-    ): MenuItem => ({
-      name,
-      text,
-      icon,
-      keys: [formatKeys(toggleKeys)],
-      right: keys ? () => <Sidetip small>{formatKeys(keys)}</Sidetip> : void 0,
-      active: activeFor(mode),
-      disabled: activeFor(mode),
-      onSelect: () => {
-        mutxt.omni.close();
-        mutxt.setDisplayMode(mode);
-      },
-    });
-    const children: MenuItem[] = [];
-    if (size > 4) {
-      children.push(this.itemUndo(), this.itemRedo(), {name: 'sep-undo', sep: true});
-    }
-    if (size > 2) {
-      children.push({
-        name: mutxt.displayMode.value === 'inline' ? 'Maximized' : 'Inline',
-        text: 'display mode size view fullscreen maximize minimize fullwindow',
-        split: size > 4 ? 'Display' : void 0,
-        keys: [formatKeys(toggleKeys)],
-        icon: () => (mutxt.displayMode.value === 'inline' ? <MaximizeIcon /> : <MinimizeIcon />),
-        onSelect: () => {
-          mutxt.omni.close();
-          mutxt.setDisplayMode(mutxt.displayMode.value === 'inline' ? 'fullwindow' : 'inline');
-        },
-        noHeader: true,
-        children:
-          size > 1
-            ? [
-                option('inline', 'Inline', () => <MinimizeIcon />, toggleKeys, 'embedded small minimize compact'),
-                option(
-                  'fullwindow',
-                  'Maximized',
-                  () => <MaximizeIcon />,
-                  toggleKeys,
-                  'fullwindow maximize expand large full window',
-                ),
-                option(
-                  'fullscreen',
-                  'Fullscreen',
-                  () => <FullscreenIcon />,
-                  fullscreenKeys,
-                  'full screen presentation',
-                ),
-              ]
-            : void 0,
-      });
-    }
-    if (size > 0) {
-      children.push(this.itemHeaderShare(size > 3));
-    }
-    children.push(this.build());
-    return {
-      name: 'Document menu',
-      children,
-    };
-  }
-
-  public build(): MenuItem {
-    return {
-      name: 'Document',
-      minWidth: 288,
-      noHeader: true,
-      icon: documentIcon,
-      children: [
-        this.itemTypesetting(),
-        this.itemCustomStyles(),
-        this.itemEditableWidth(),
-        {name: 'sep-export', sep: true},
-        this.menuExport(),
-        this.shareMenu(),
-        {name: 'sep-display', sep: true},
-        this.itemDisplayMode(),
-        this.mutxt.translit.menu.build(),
-        this.itemKeyboardShortcuts(),
-        this.itemTheme(),
-        {name: 'sep-nav', sep: true},
-        this.menuNavigate(),
-        {name: 'sep-devs', sep: true},
-        this.menuDevelopers(),
-      ],
-    };
-  }
-
-  public itemTheme(): MenuItem {
-    return {
-      name: 'Theme',
-      text: 'appearance color mode look palette skin',
-      // sepBefore: true,
-      // expand: 0,
-      openOnTitleHov: true,
-      icon: () => <ThemeIcon />,
-      onSelect: () => {},
-      children: [
-        this.itemThemeOption(undefined, 'Default', () => <ThemeDefaultIcon />, 'reset original system'),
-        this.itemThemeOption('auto', 'Auto', () => <ThemeAutoIcon />, 'system automatic os'),
-        this.itemThemeOption('light', 'Light', () => <ThemeLightIcon />, 'white bright day'),
-        this.itemThemeOption('dark', 'Dark', () => <ThemeDarkIcon />, 'night black'),
-      ],
-    };
-  }
-
-  private itemThemeOption(
-    value: ThemeOverride | undefined,
-    name: string,
-    icon: () => React.ReactNode,
-    text?: string,
-  ): MenuItem {
-    const mutxt = this.mutxt;
-    return {
-      name,
-      text,
-      icon,
-      active: rsync.comp([mutxt.theme], ([t]) => t === value),
-      onSelect: () => {
-        mutxt.omni.close();
-        mutxt.setTheme(value);
-      },
-    };
-  }
-
-  public outlineItems(): MenuItem[] {
-    const mutxt = this.mutxt;
-    const outline = mutxt.outline();
-    return outline.map((item) => ({
-      id: item.key,
-      name: item.title,
-      display: () => (
-        <div
-          style={{
-            paddingInlineStart: (item.level - 1) * 16,
-            fontWeight: 400 + (3 - item.level) * 100,
-            fontSize: item.level ? void 0 : '1.1em',
-          }}
-        >
-          {item.title}
-        </div>
-      ),
-      icon: () =>
-        item.level ? (
-          <Iconista set="tabler" icon={`h-${item.level}`} width={16} height={16} style={{opacity: 0.5}} />
-        ) : (
-          <Iconista set="lucide" icon="type" width={16} height={16} style={{opacity: 0.5}} />
-        ),
-      onSelect: () => {
-        mutxt.omni.close();
-        mutxt.api.navigateTo(item.path);
-      },
-    }));
-  }
-
-  public menuNavigate(): MenuItem {
-    return {
-      name: 'Navigate',
-      text: 'jump scroll move find go',
-      expand: 5,
-      children: [this.itemGoTo(), {name: 'sep-history', sep: true}, this.itemUndo(), this.itemRedo()],
-    };
-  }
-
-  public itemGoTo(): MenuItem {
-    const items = this.outlineItems();
-    return {
-      name: 'Go to',
-      text: 'jump navigate heading outline section',
-      icon: () => <GoToIcon />,
-      minWidth: Math.min(320, (typeof window !== 'undefined' ? window.innerWidth : 320) - 32),
-      children: items.length
-        ? items
-        : [
-            {
-              name: 'No headings',
-              disabled: rsync.comp([], () => true),
-            },
-          ],
-    };
-  }
-
-  public itemUndo(): MenuItem {
-    const mutxt = this.mutxt;
-    const keys = ['Primary', 'z'];
-    const formatted = formatKeys(keys);
-    return {
-      name: 'Undo',
-      text: 'back revert reverse history step back',
-      icon: () => <UndoIcon />,
-      right: () => <Sidetip small>{formatted}</Sidetip>,
-      keys: [formatted],
-      disabled: rsync.comp([mutxt.version, mutxt.readOnly], () => mutxt.readOnly.value || !canUndo(mutxt.editor)),
-      onSelect: this.exec(() => undo(mutxt.editor)),
-    };
-  }
-
-  public itemRedo(): MenuItem {
-    const mutxt = this.mutxt;
-    const keys = ['Primary', 'Shift', 'z'];
-    const formatted = formatKeys(keys);
-    return {
-      name: 'Redo',
-      text: 'forward repeat history step forward reapply',
-      icon: () => <RedoIcon />,
-      right: () => <Sidetip small>{formatted}</Sidetip>,
-      keys: [formatted],
-      disabled: rsync.comp([mutxt.version, mutxt.readOnly], () => mutxt.readOnly.value || !canRedo(mutxt.editor)),
-      onSelect: this.exec(() => redo(mutxt.editor)),
-    };
-  }
-
-  private readonly exec =
-    (fn: () => void) =>
-    (event: React.MouseEvent | React.TouchEvent): void => {
-      event.preventDefault();
-      const mutxt = this.mutxt;
-      mutxt.omni.close();
-      fn();
-      ReactEditor.focus(mutxt.editor as ReactEditor);
-      mutxt.setFocused(true);
-      mutxt.sync(true);
-    };
-
-  public itemTypesetting(): MenuItem {
-    return {
-      name: 'Typesetting',
-      text: 'font face family typography typeface document',
-      expand: 4,
-      openOnTitleHov: true,
-      icon: () => <TypographyIcon />,
-      onSelect: () => {},
-      children: [
-        this.itemFontOption('sans', 'Sans-serif', 'sans gothic grotesque modern'),
-        this.itemFontOption('serif', 'Serif', 'serif traditional roman'),
-        this.itemFontOption('slab', 'Slab', 'slab egyptian thick serif'),
-        this.itemFontOption('mono', 'Monospace', 'mono fixed code typewriter courier'),
-      ],
-    };
-  }
-
-  public itemCustomStyles(): MenuItem {
-    const mutxt = this.mutxt;
-    const OverrideCount: React.FC = () => {
-      const cs = mutxt.customStyle.cs.use();
-      const n = Object.keys(cs).length;
-      if (!n) return null;
-      return <Sidetip small>{`${n} ${n === 1 ? 'style' : 'styles'}`}</Sidetip>;
-    };
-    return {
-      name: 'Custom Styles',
-      text: 'custom style typography font size weight color background line height letter spacing',
-      icon: () => <CustomStylesIcon />,
-      right: () => <OverrideCount />,
-      minWidth: 330,
-      panel: () => <CustomStylesPanel />,
-    };
-  }
-
-  public itemEditableWidth(): MenuItem {
-    return {
-      name: 'Width',
-      text: 'page column size narrow wide layout content area',
-      sepBefore: true,
-      expand: 3,
-      openOnTitleHov: true,
-      icon: () => <WidthIcon />,
-      onSelect: () => {},
-      children: [
-        this.itemEditableWidthOption('narrow', 'narrow small thin tight'),
-        this.itemEditableWidthOption('mid', 'mid medium middle default'),
-        this.itemEditableWidthOption('wide', 'wide large broad full'),
-      ],
-    };
-  }
-
-  private itemEditableWidthOption(kind: EditableWidth, text?: string): MenuItem {
-    const mutxt = this.mutxt;
-    const onSelect = () => {
-      mutxt.omni.close();
-      mutxt.setEditableWidth(kind);
-    };
-    const Option: React.FC<{size?: number}> = ({size}) => {
-      const current = mutxt.editableWidth.use();
-      return <EditableWidthButton kind={kind} size={size} active={current === kind} onClick={onSelect} />;
-    };
-    return {
-      name: LABELS[kind],
-      text,
-      icon: () => <Option size={16} />,
-      iconBig: () => <Option />,
-      active: rsync.comp([mutxt.editableWidth], ([w]) => w === kind),
-      onSelect,
-    };
-  }
-
-  private itemFontOption(kind: FontKind, name: string, text?: string): MenuItem {
-    const mutxt = this.mutxt;
-    const onSelect = () => {
-      mutxt.omni.close();
-      mutxt.setFont(kind);
-    };
-    const Option: React.FC<{size?: number}> = ({size}) => {
-      const font = mutxt.font.use();
-      return <FontStyleButton kind={kind} size={size} active={font === kind} onClick={onSelect} />;
-    };
-    return {
-      name,
-      text,
-      icon: () => <Option size={16} />,
-      iconBig: () => <Option />,
-      active: rsync.comp([mutxt.font], ([f]) => f === kind),
-      onSelect,
-    };
-  }
-
-  public itemKeyboardShortcuts(): MenuItem {
-    const formatted = formatKeys(['Primary', '/']);
-    return {
-      name: 'Keyboard shortcuts',
-      text: 'hotkey hot key bindings cheatsheet help kbd shortcut',
-      icon: () => <KeyboardIcon />,
-      right: () => <Sidetip small>{formatted}</Sidetip>,
-      keys: [formatted],
-      onSelect: () => {
-        this.mutxt.omni.close();
-        this.mutxt.shortcutsOpen.set(true);
-      },
-    };
-  }
-
-  public itemDisplayMode(): MenuItem {
-    return {
-      name: 'Display',
-      text: 'mode size view layout fullscreen maximize minimize',
-      icon: () => <MaximizeIcon />,
-      children: [
-        this.itemDisplayModeOption(
-          'inline',
-          'Inline',
-          () => <MinimizeIcon />,
-          undefined,
-          'embedded small minimize compact',
-        ),
-        this.itemDisplayModeOption(
-          'fullwindow',
-          'Maximized',
-          () => <MaximizeIcon />,
-          ['Primary', 'Shift', 'm'],
-          'fullwindow maximize expand large full window',
-        ),
-        this.itemDisplayModeOption(
-          'fullscreen',
-          'Fullscreen',
-          () => <FullscreenIcon />,
-          ['Primary', 'Shift', 'f'],
-          'full screen presentation',
-        ),
-      ],
-    };
-  }
-
-  private itemDisplayModeOption(
-    mode: DisplayMode,
-    name: string,
-    icon: () => React.ReactNode,
-    keys?: string[],
-    text?: string,
-  ): MenuItem {
-    const mutxt = this.mutxt;
-    const formatted = keys ? formatKeys(keys) : void 0;
-    return {
-      name,
-      text,
-      icon,
-      keys: formatted ? [formatted] : void 0,
-      right: formatted ? () => <Sidetip small>{formatted}</Sidetip> : void 0,
-      active: rsync.comp([mutxt.displayMode], ([m]) => m === mode),
-      onSelect: () => {
-        mutxt.omni.close();
-        mutxt.setDisplayMode(mode);
-      },
-    };
-  }
-
-  public menuExport(): MenuItem {
-    return {
-      name: 'Export',
-      text: 'download save file output',
-      icon: () => <ExportIcon />,
-      children: [this.itemSaveFile()],
-    };
-  }
-
-  public shareMenu(): MenuItem {
-    return {
-      name: 'Share',
-      text: 'send link copy publish collaborate invite',
-      icon: () => <ShareIcon />,
-      children: [this.itemCopyShareLink(), this.itemShareOptions()],
-    };
-  }
-
-  public itemHeaderShare(split: boolean): MenuItem {
-    return {
-      name: 'Share',
-      text: 'send link copy publish collaborate invite',
-      icon: () => <ShareCopyAnimIcon copied={this.shareJustCopied} />,
-      noHeader: true,
-      onSelect: () => {
-        const mutxt = this.mutxt;
-        mutxt.omni.close();
-        copyDefaultShareLink(mutxt.api.toBinary())
-          .then(() => {
-            this.pulseShareCopied();
-            mutxt.toasts?.add({title: 'Share link copied to clipboard.', duration: 3000});
-          })
-          .catch((err) => {
-            // eslint-disable-next-line no-console
-            console.error('[mutxt] copy share link failed', err);
-            mutxt.toasts?.add({type: 'error', title: 'Failed to copy share link.', duration: 5000});
-          });
-      },
-      split: split ? 'Share' : void 0,
-      minWidth: split ? 380 : void 0,
-      maxWidth: split ? 380 : void 0,
-      children: split
-        ? [
-            {
-              name: 'share-form',
-              raw: () => <ShareDocumentForm />,
-            },
-          ]
-        : void 0,
-    };
-  }
-
-  public itemCopyShareLink(): MenuItem {
-    return {
-      name: 'Copy share link',
-      text: 'url clipboard share send link copy',
-      icon: () => <CopyLinkIcon />,
-      onSelect: () => {
-        const mutxt = this.mutxt;
-        mutxt.omni.close();
-        const bytes = mutxt.api.toBinary();
-        copyDefaultShareLink(bytes)
-          .then(() => {
-            mutxt.toasts?.add({title: 'Share link copied to clipboard.', duration: 3000});
-          })
-          .catch((err) => {
-            // eslint-disable-next-line no-console
-            console.error('[mutxt] copy share link failed', err);
-            mutxt.toasts?.add({type: 'error', title: 'Failed to copy share link.', duration: 5000});
-          });
-      },
-    };
-  }
-
-  public itemShareOptions(): MenuItem {
-    return {
-      name: 'Sharing options',
-      text: 'share settings encryption metadata posts publish collaborators',
-      more: true,
-      icon: () => <ShareOptionsIcon />,
-      minWidth: 480,
-      maxWidth: 480,
-      children: [
-        {
-          name: 'share-form',
-          raw: () => <ShareDocumentForm />,
-        },
-      ],
-    };
-  }
-
-  public itemSaveFile(): MenuItem {
-    return {
-      name: 'Save file',
-      text: 'download export mutxt binary backup',
-      icon: () => <SaveIcon />,
-      right: () => <Sidetip small>{'.mutxt'}</Sidetip>,
-      onSelect: () => {
-        const mutxt = this.mutxt;
-        mutxt.omni.close();
-        const data = mutxt.api.toBinary();
-        const blob = new Blob([data as BlobPart], {type: 'application/octet-stream'});
-        downloadBlob(blob, 'document.mutxt');
-      },
-    };
-  }
-
-  public menuDevelopers(): MenuItem {
-    return {
-      name: 'Developers',
-      text: 'debug dev tools developer advanced',
-      icon: () => <DevelopersIcon />,
-      children: [
-        this.itemEmbedDocs(),
-        {name: 'sep-dev-dumps', sep: true},
-        this.itemPeritextDump(),
-        this.itemModelDump(),
-        this.itemSlateState(),
-        this.itemPlainText(),
-      ],
-    };
-  }
-
-  public itemEmbedDocs(): MenuItem {
-    return {
-      name: 'Embed this editor',
-      text: 'embed integrate install npm cdn html react component custom element web mutxt',
-      icon: () => <EmbedIcon />,
-      onSelect: () => {
-        this.mutxt.omni.close();
-        this.mutxt.embedDocsOpen.set(true);
-      },
-    };
-  }
-
-  public itemPeritextDump(): MenuItem {
-    return {
-      name: 'Peritext dump',
-      text: 'peritext debug export crdt internal text representation',
-      // icon: () => <TerminalIcon />,
-      icon: () => <PlainTextIcon />,
-      right: () => <Sidetip small>{'.txt'}</Sidetip>,
-      onSelect: () => {
-        const mutxt = this.mutxt;
-        mutxt.omni.close();
-        const peritext = mutxt.peritextRef().peritext();
-        peritext.refresh();
-        const text = peritext + '';
-        const blob = new Blob([text], {type: 'text/plain'});
-        downloadBlob(blob, 'peritext.txt');
-      },
-    };
-  }
-
-  public itemModelDump(): MenuItem {
-    return {
-      name: 'JSON CRDT dump',
-      text: 'crdt model json debug export internal',
-      // icon: () => <TerminalIcon />,
-      icon: () => <PlainTextIcon />,
-      right: () => <Sidetip small>{'.txt'}</Sidetip>,
-      onSelect: () => {
-        const mutxt = this.mutxt;
-        mutxt.omni.close();
-        const text = mutxt.obj.api.model + '';
-        const blob = new Blob([text], {type: 'text/plain'});
-        downloadBlob(blob, 'crdt-model.txt');
-      },
-    };
-  }
-
-  public itemSlateState(): MenuItem {
-    return {
-      name: 'Editor state',
-      text: 'slate json debug export tree internal nodes',
-      icon: () => <BracesIcon />,
-      right: () => <Sidetip small>{'.json'}</Sidetip>,
-      onSelect: () => {
-        const mutxt = this.mutxt;
-        mutxt.omni.close();
-        const text = JSON.stringify(mutxt.editor.children, null, 2);
-        const blob = new Blob([text], {type: 'application/json'});
-        downloadBlob(blob, 'editor-state.json');
-      },
-    };
-  }
-
-  public itemPlainText(): MenuItem {
-    return {
-      name: 'Plain text',
-      text: 'txt unformatted raw export download text',
-      icon: () => <PlainTextIcon />,
-      right: () => <Sidetip small>{'.txt'}</Sidetip>,
-      onSelect: () => {
-        const mutxt = this.mutxt;
-        mutxt.omni.close();
-        const text = mutxt.peritextRef().peritext().strApi().view();
-        const blob = new Blob([text], {type: 'text/plain'});
-        downloadBlob(blob, 'document.txt');
-      },
-    };
-  }
-}
diff --git a/packages/mutxt-react/src/MuTxt/state/IndicatorFloater.tsx b/packages/mutxt-react/src/MuTxt/state/IndicatorFloater.tsx
deleted file mode 100644
index 127c1f38d4..0000000000
--- a/packages/mutxt-react/src/MuTxt/state/IndicatorFloater.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-import * as React from 'react';
-import {Hint} from '@jsonjoy.com/ui/lib/1-inline/Hint';
-import {PositionAtPoint} from '@jsonjoy.com/ui/lib/utils/popup/PositionAtPoint';
-import {useHiddenTrace} from '@jsonjoy.com/ui/lib/context';
-import {useMuTxt} from '../context';
-
-export type IndicatorFloaterProps = {};
-
-export const IndicatorFloater: React.FC<IndicatorFloaterProps> = () => {
-  const mutxt = useMuTxt();
-  const state = mutxt.indicator;
-  const hidden = useHiddenTrace();
-
-  // Re-render on caret/selection changes so the anchor tracks the caret.
-  mutxt.version.use();
-  const shown = state.shown.use();
-  const focused = mutxt.focused.use();
-  const readOnly = mutxt.readOnly.use();
-  const omniOpen = mutxt.omni.open.use();
-  const linkPopupOpen = mutxt.inline.link.open.use();
-
-  if (hidden || !shown || !focused || readOnly || omniOpen || linkPopupOpen) return null;
-
-  const point = state.anchorPoint();
-  if (!point) return null;
-
-  return (
-    <PositionAtPoint point={point}>
-      <Hint>{shown.content}</Hint>
-    </PositionAtPoint>
-  );
-};
diff --git a/packages/mutxt-react/src/MuTxt/state/IndicatorState.ts b/packages/mutxt-react/src/MuTxt/state/IndicatorState.ts
deleted file mode 100644
index 12c489b39a..0000000000
--- a/packages/mutxt-react/src/MuTxt/state/IndicatorState.ts
+++ /dev/null
@@ -1,78 +0,0 @@
-import {rsync, type UiLifeCycles} from '@jsonjoy.com/ui';
-import {ReactEditor} from 'slate-react';
-import type * as React from 'react';
-import type {AnchorPoint} from '@jsonjoy.com/ui/lib/utils/popup/types';
-import type {MuTxtState} from './MuTxtState';
-
-const GAP = 4;
-
-export interface IndicatorContent {
-  /** Inline content rendered inside the indicator pill. */
-  content: React.ReactNode;
-}
-
-/**
- * State for the autoformat/caret indicator: a small, unobtrusive pill anchored
- * near the caret used to surface what an autoformat rule is about to do.
- */
-export class IndicatorState implements UiLifeCycles {
-  /** What is currently being shown, or `null` when hidden. */
-  public readonly shown = rsync.val<IndicatorContent | null>(null);
-
-  constructor(public readonly mutxt: MuTxtState) {}
-
-  public start(): () => void {
-    return () => {
-      this.shown.next(null);
-    };
-  }
-
-  /**
-   * Show the indicator near the current caret. Returns a dismiss function
-   * scoped to this specific call: calling it after a different `show()`
-   * has run is a no-op.
-   */
-  public readonly show = (content: IndicatorContent): (() => void) => {
-    this.shown.next(content);
-    return () => {
-      if (this.shown.value === content) this.shown.next(null);
-    };
-  };
-
-  /** Force-hide whatever is currently showing. */
-  public readonly dismiss = (): void => {
-    this.shown.next(null);
-  };
-
-  public anchorPoint(): AnchorPoint | undefined {
-    const mutxt = this.mutxt;
-    const sel = mutxt.editor.selection;
-    if (!sel) return;
-    try {
-      const domRange = ReactEditor.toDOMRange(mutxt.editor as ReactEditor, sel);
-      const caretRect = this.getFocusCaretRect() ?? domRange.getBoundingClientRect();
-      if (!caretRect.width && !caretRect.height && !caretRect.top && !caretRect.left) return;
-      const x = caretRect.left;
-      const spaceAbove = caretRect.top;
-      if (spaceAbove >= 28) return {x, y: caretRect.top - GAP, dx: 1, dy: -1};
-      return {x, y: caretRect.bottom + GAP, dx: 1, dy: 1};
-    } catch {
-      return;
-    }
-  }
-
-  private getFocusCaretRect(): DOMRect | null {
-    const sel = typeof window !== 'undefined' ? window.getSelection() : null;
-    if (!sel?.focusNode) return null;
-    try {
-      const range = document.createRange();
-      range.setStart(sel.focusNode, sel.focusOffset);
-      range.collapse(true);
-      const rect = range.getClientRects()[0] ?? range.getBoundingClientRect();
-      if (rect.width > 0 || rect.height > 0) return rect;
-      return null;
-    } catch {
-      return null;
-    }
-  }
-}
diff --git a/packages/mutxt-react/src/MuTxt/state/MuTxtApi.ts b/packages/mutxt-react/src/MuTxt/state/MuTxtApi.ts
deleted file mode 100644
index d286baf8ca..0000000000
--- a/packages/mutxt-react/src/MuTxt/state/MuTxtApi.ts
+++ /dev/null
@@ -1,210 +0,0 @@
-import {
-  Editor,
-  Node as SlateNode,
-  type Path,
-  Range,
-  type Text,
-  Element as SlateElement,
-  type Location,
-  type Span,
-} from 'slate';
-import {ReactEditor} from 'slate-react';
-import type {CustomElement, MarkFormat} from '../types';
-import {eraseMarks, isListType} from '../behavior';
-import {typeToLabel} from '../util/typeToLabel';
-import {isEmptyDoc} from '../util';
-import type {AnchorPoint} from '@jsonjoy.com/ui/lib/utils/popup';
-import type {MuTxtState} from './MuTxtState';
-import type {BaseEditor} from 'slate';
-import type {HistoryEditor} from 'slate-history';
-
-/** Public API for of the mu-txt editor. */
-export class MuTxtApi {
-  constructor(public readonly state: MuTxtState) {}
-
-  public get editor(): BaseEditor & ReactEditor & HistoryEditor {
-    return this.state.editor;
-  }
-
-  // ------------------------------------------------------------------- Cursor
-
-  public focused(): boolean {
-    const editor = this.state.editor;
-    return ReactEditor.isFocused(editor);
-  }
-
-  public focus(): void {
-    if (!this.focused()) ReactEditor.focus(this.state.editor);
-  }
-
-  public blur(): void {
-    if (this.focused()) ReactEditor.blur(this.state.editor);
-  }
-
-  public deselect(): void {
-    try {
-      ReactEditor.deselect(this.editor as ReactEditor);
-    } catch {}
-    try {
-      window.getSelection?.()?.removeAllRanges();
-    } catch {}
-  }
-
-  public hasSelection(): boolean {
-    const {selection} = this.state.editor;
-    return !!selection && !Range.isCollapsed(selection);
-  }
-
-  public focusRect(): DOMRect | undefined {
-    try {
-      const editor = this.editor as ReactEditor;
-      const sel = editor.selection;
-      if (sel) {
-        const focusRange = {anchor: sel.focus, focus: sel.focus};
-        return ReactEditor.toDOMRange(editor, focusRange).getBoundingClientRect();
-      }
-    } catch {}
-    if (!this.state.cursor.value) return;
-    const selection = window.getSelection();
-    if (!selection?.focusNode) return;
-    try {
-      const focusRange = document.createRange();
-      focusRange.setStart(selection.focusNode, selection.focusOffset);
-      focusRange.collapse(true);
-      const rect = focusRange.getClientRects()[0] ?? focusRange.getBoundingClientRect();
-      if (rect.width > 0 || rect.height > 0) return rect;
-    } catch {}
-    return;
-  }
-
-  public focusPoint(): AnchorPoint | undefined {
-    try {
-      const rect = this.focusRect();
-      if (!rect) return;
-      const x = rect.left + rect.width / 2;
-      const spaceBelow = window.innerHeight - rect.bottom;
-      const spaceAbove = rect.top;
-      const GAP = 8;
-      if (spaceBelow >= spaceAbove) {
-        return {x, y: rect.bottom + GAP, dx: 0, dy: 1};
-      }
-      return {x, y: rect.top - GAP, dx: 0, dy: -1};
-    } catch {
-      return;
-    }
-  }
-
-  /**
-   * Move the user's attention to a specific block. Smooth-scrolls the block
-   * into view.
-   */
-  public navigateTo(path: Path): boolean {
-    const editor = this.editor;
-    let node: unknown;
-    try {
-      node = SlateNode.get(editor, path);
-    } catch {
-      return false;
-    }
-    if (!SlateElement.isElement(node)) return false;
-    this.deselect();
-    this.blur();
-    try {
-      const domNode = ReactEditor.toDOMNode(editor as ReactEditor, node as SlateElement) as HTMLElement;
-      domNode.scrollIntoView({behavior: 'smooth', block: 'start'});
-      setTimeout(() => {
-        this.deselect();
-        this.blur();
-        domNode.scrollIntoView({behavior: 'smooth', block: 'start'});
-      }, 36);
-    } catch {}
-    return true;
-  }
-
-  // ------------------------------------------------------------------- Inline
-
-  public marks(): Omit<Text, 'text'> | null {
-    return Editor.marks(this.editor);
-  }
-
-  public isMarkActive(format: MarkFormat): boolean {
-    const marks = Editor.marks(this.editor);
-    return marks ? marks[format] === true : false;
-  }
-
-  public toggleMark(format: MarkFormat): void {
-    const editor = this.editor;
-    if (this.isMarkActive(format)) Editor.removeMark(editor, format);
-    else Editor.addMark(editor, format, true);
-  }
-
-  public eraseMarks(): void {
-    eraseMarks(this.editor);
-  }
-
-  // -------------------------------------------------------------------- Block
-
-  public block(at?: Location | Span): CustomElement | null {
-    const {editor} = this;
-    if (!at) {
-      const {selection} = editor;
-      if (selection) at = Editor.unhangRange(editor, selection);
-    }
-    if (at) {
-      const [match] = Editor.nodes(editor, {
-        at,
-        match: (node) => SlateElement.isElement(node) && Editor.isBlock(editor, node),
-      });
-      if (match) return match[0] as CustomElement;
-    }
-    const firstChild = editor.children[0];
-    return SlateElement.isElement(firstChild) && Editor.isBlock(editor, firstChild)
-      ? (firstChild as CustomElement)
-      : null;
-  }
-
-  public blockAbove(
-    predicate?: (element: CustomElement) => boolean,
-    at?: Location,
-    mode: 'highest' | 'lowest' = 'lowest',
-  ): [CustomElement, Path] | undefined {
-    const {editor} = this;
-    if (!at) {
-      const {selection} = editor;
-      if (selection) at = Editor.unhangRange(editor, selection);
-    }
-    if (!at) return;
-    return Editor.above(this.editor, {
-      at,
-      match: (node) =>
-        SlateElement.isElement(node) &&
-        Editor.isBlock(this.editor, node) &&
-        (predicate?.(node as CustomElement) ?? true),
-      mode,
-    });
-  }
-
-  public listAbove(
-    predicate?: (element: CustomElement) => boolean,
-    at?: Location,
-    mode: 'highest' | 'lowest' = 'lowest',
-  ): [CustomElement, Path] | undefined {
-    return this.blockAbove((n) => isListType(n.type) && (predicate?.(n as CustomElement) ?? true), at, mode);
-  }
-
-  public blockLabel(at?: Location | Span): string {
-    const element = this.block(at);
-    if (!element) return 'Paragraph';
-    return typeToLabel(element.type) || 'Paragraph';
-  }
-
-  // ----------------------------------------------------------------- Document
-
-  public isEmpty(): boolean {
-    return isEmptyDoc(this.editor);
-  }
-
-  public toBinary(): Uint8Array {
-    return this.state.obj.api.model.toBinary();
-  }
-}
diff --git a/packages/mutxt-react/src/MuTxt/state/MuTxtState.ts b/packages/mutxt-react/src/MuTxt/state/MuTxtState.ts
deleted file mode 100644
index 0dfdd55657..0000000000
--- a/packages/mutxt-react/src/MuTxt/state/MuTxtState.ts
+++ /dev/null
@@ -1,386 +0,0 @@
-import {rsync, type UiLifeCycles} from '@jsonjoy.com/ui';
-import type {ToastService} from '@jsonjoy.com/ui/lib/7-fullscreen/ToastCardManager/services/ToastService';
-import {KeyContext, KeySourceEl} from '@jsonjoy.com/keyboard';
-import {getActiveAlignment} from '../behavior';
-import {getCaretPathInfo} from '../behavior/path-info';
-import {type DocumentOutlineItem, getDocumentOutline} from '../behavior/outline';
-import {getEditorPlainText, getSelectedText, getWordCount} from '../util/index';
-import {watch} from '../util/watch';
-import {bindShortcuts} from '../behavior/keyboard';
-import {bindImagePaste} from '../behavior/imagePaste';
-import {MuTxtApi} from './MuTxtApi';
-import {FromSlate, SlateFacade} from '@jsonjoy.com/collaborative-slate';
-import {toSlate} from '@jsonjoy.com/collaborative-slate/lib/sync/toSlate';
-import {PeritextBinding} from '@jsonjoy.com/collaborative-peritext/lib/PeritextBinding';
-import {Range, type BaseEditor, type Descendant, type Path, type Selection} from 'slate';
-import {ElBox} from '@jsonjoy.com/ui/lib/utils/rsync';
-import {SizerState} from '@jsonjoy.com/ui/lib/5-block/Sizer';
-import {windowSize} from '@jsonjoy.com/ui/lib/utils/windowSize';
-import {ScrollState} from '@jsonjoy.com/ui/lib/4-card/ScrollArea';
-import {InlineState} from '../inline/InlineState';
-import {BlockState} from '../block/BlockState';
-import {VoidState} from '../void/VoidState';
-import {OmniState} from '../omni/OmniState';
-import {SelectAllGuardState} from '../guard/SelectAllGuardState';
-import {DocumentMenu} from './DocumentMenu';
-import {IndicatorState} from './IndicatorState';
-import {ThingStore} from './ThingStore';
-import {CustomStyleState} from '../custom-style/CustomStyleState';
-import {MuTxtTranslit} from '../translit/MuTxtTranslit';
-import {s} from 'json-joy/lib/json-crdt';
-import {ext} from 'json-joy/lib/json-crdt-extensions';
-import {isFontKind} from '../behavior/font';
-import type {ObjApi, ObjNode} from 'json-joy/lib/json-crdt';
-import type {PeritextApi} from 'json-joy/lib/json-crdt-extensions';
-import type {PeritextRef} from '@jsonjoy.com/collaborative-peritext';
-import type {ReactEditor} from 'slate-react';
-import type {
-  CustomElement,
-  DisplayMode,
-  EditableWidth,
-  FontKind,
-  MathInlineElement,
-  SlateEditorDocument,
-  SlateTextAlign,
-} from '../types';
-export type {DocumentOutlineItem};
-import type {HistoryEditor} from 'slate-history';
-
-const isEditableWidth = (v: unknown): v is EditableWidth => v === 'narrow' || v === 'mid' || v === 'wide';
-
-export type ThemeOverride = 'auto' | 'light' | 'dark';
-const isThemeOverride = (v: unknown): v is ThemeOverride => v === 'auto' || v === 'light' || v === 'dark';
-
-const createEmptyDocument = (): SlateEditorDocument => [{type: 'p', children: [{text: ''}]} as CustomElement];
-const normalizeDocument = (value?: SlateEditorDocument): SlateEditorDocument =>
-  value && value.length ? value : createEmptyDocument();
-
-export interface MuTxtStateOpts {
-  collaborative?: boolean;
-  readOnly?: boolean;
-  fromSlate?: SlateEditorDocument;
-  translit?: MuTxtTranslit;
-}
-
-export class MuTxtState implements UiLifeCycles {
-  public readonly api = new MuTxtApi(this);
-  public readonly scroll: ScrollState = new ScrollState({
-    railWidth: 12,
-    hideDelay: 5000,
-  });
-
-  public readonly version = rsync.val(0);
-  public readonly contentVersion = rsync.val(0);
-  public readonly scrollVersion = rsync.val(0);
-
-  public readonly sizer: SizerState;
-  public readonly editableBox: ElBox<HTMLDivElement> = new ElBox<HTMLDivElement>();
-  /**
-   * Measures the outer Paper shell. Differs from {@link sizer}.width in
-   * `fullwindow` and `fullscreen` modes, where the shell escapes the inline
-   * layout (fixed-position 100vw, or native browser fullscreen at screen
-   * size) — `sizer.width` would still report the inline container's width.
-   */
-  public readonly shellBox: ElBox<HTMLElement> = new ElBox<HTMLElement>();
-  public readonly wnd = windowSize();
-
-  public readonly kbd: KeyContext = new KeyContext(undefined, 'mutxt');
-  private kbdSourceUnbind?: () => void;
-
-  /** Current cursor position (caret or range). */
-  public readonly cursor = rsync.val<Selection | null>(null);
-  /** Caret selection. */
-  public readonly caret = rsync.val<Selection | null>(null);
-  /** Range selection. */
-  public readonly selection = rsync.val<Selection | null>(null);
-
-  public readonly focused = rsync.val(false);
-  public readonly readOnly = rsync.val(false);
-  public readonly blockLabel = rsync.val('Paragraph');
-  public readonly caretPath = rsync.val<string[]>([]);
-  public readonly caretLinkHref = rsync.val('');
-  public readonly caretEmbedUrl = rsync.val('');
-  public readonly caretCodeText = rsync.val('');
-  public readonly caretMathThingId = rsync.val('');
-  public readonly alignment = rsync.val<SlateTextAlign>('left');
-  public readonly wordCount = rsync.val(0);
-  public readonly characterCount = rsync.val(0);
-  public readonly selectionText = rsync.val('');
-
-  public readonly inline = new InlineState(this, this.scroll);
-  public readonly block = new BlockState(this, this.scroll);
-  public readonly voids = new VoidState(this);
-  public readonly omni = new OmniState(this);
-  public readonly selectAllGuard = new SelectAllGuardState(this);
-  public readonly indicator = new IndicatorState(this);
-  public readonly docMenu = new DocumentMenu(this);
-  public readonly things = new ThingStore(this);
-  public readonly customStyle = new CustomStyleState(this);
-  public readonly translit: MuTxtTranslit;
-
-  /** Whether the keyboard-shortcuts modal is open. */
-  public readonly shortcutsOpen = rsync.val(false);
-
-  /** Whether the developer "embed this editor" docs modal is open. */
-  public readonly embedDocsOpen = rsync.val(false);
-
-  /** Current rendering display mode. */
-  public readonly displayMode = rsync.val<DisplayMode>('inline');
-
-  /** Document-level typeface family. */
-  public readonly font = rsync.val<FontKind>('sans');
-
-  /** Editable content area width preset. */
-  public readonly editableWidth = rsync.val<EditableWidth>('mid');
-
-  /** MuTxt-internal theme override. When unset, the UiProvider theme applies. */
-  public readonly theme = rsync.val<ThemeOverride | undefined>(undefined);
-
-  /** Whether the OS/browser currently reports a dark color-scheme preference. */
-  public readonly systemDark = rsync.val<boolean>(
-    typeof window !== 'undefined' && window.matchMedia
-      ? window.matchMedia('(prefers-color-scheme: dark)').matches
-      : false,
-  );
-
-  /** The shell element wrapping the entire editor (header, content, footer). */
-  public shellEl: HTMLElement | null = null;
-
-  public publishPresence?: () => void;
-  public requestLinkMenu?: () => void;
-
-  public toasts?: ToastService;
-
-  public onTitleSubmit?: (title: string) => void = void 0;
-
-  public readonly peritextRef: PeritextRef;
-
-  constructor(
-    public readonly editor: BaseEditor & ReactEditor & HistoryEditor,
-    public readonly obj: ObjApi<ObjNode>,
-    opts?: MuTxtStateOpts,
-  ) {
-    this.readOnly.next(!!opts?.readOnly);
-    this.translit = opts?.translit ?? new MuTxtTranslit();
-    this.translit.bindState(this);
-    if (obj.read('/@type') !== 'mutxt') obj.set({'@type': s.con('mutxt')});
-    let peritextNode: PeritextApi;
-    let isNewDocument = false;
-    try {
-      peritextNode = obj.in(['text']).asExt(ext.peritext);
-    } catch {
-      isNewDocument = true;
-      obj.set({text: ext.peritext.new('')});
-      peritextNode = obj.in(['text']).asExt(ext.peritext);
-    }
-    this.peritextRef = () => peritextNode;
-    if (isNewDocument && opts?.fromSlate) {
-      const viewRange = FromSlate.convert(normalizeDocument(opts.fromSlate) as any);
-      const txt = this.peritextRef().peritext();
-      txt.editor.merge(viewRange);
-      txt.refresh();
-    }
-    let initialValue: Descendant[];
-    try {
-      initialValue = toSlate(this.peritextRef().peritext()) as Descendant[];
-      if (!initialValue.length) initialValue = createEmptyDocument() as Descendant[];
-    } catch {
-      initialValue = createEmptyDocument() as Descendant[];
-    }
-    this.sizer = new SizerState(Number(obj.read('/width')) || 1330);
-    const storedFont = obj.read('/font');
-    if (isFontKind(storedFont)) this.font.next(storedFont);
-    const storedEditableWidth = obj.read('/ew');
-    if (isEditableWidth(storedEditableWidth)) this.editableWidth.next(storedEditableWidth);
-    const storedTheme = obj.read('/theme');
-    if (isThemeOverride(storedTheme)) this.theme.next(storedTheme);
-    editor.children = initialValue;
-    editor.selection = null;
-    (editor as any).onOpenInlineMathEdit = (element: MathInlineElement, path: Path) => {
-      this.inline.math.openEdit(element, path);
-    };
-  }
-
-  public start(): () => void {
-    // -------------------------------------------------- Collaboration binding
-    const facade = new SlateFacade(this.editor, this.peritextRef);
-    const unbindCollaboration = PeritextBinding.bind(this.peritextRef, facade);
-    queueMicrotask(() => this.sync(true));
-    // -------------------------------------------------------------- Scrolling
-    const scrollUnsubscribe = this.scroll.scrollTop$.subscribe(() => {
-      this.scrollVersion.next(this.scrollVersion.value + 1);
-    });
-    // ------------------------------------------------ Sizer width persistence
-    const stopSizerPersist = watch(this.sizer.content, 600, 1, (w) => {
-      if (w > 0 && !this.readOnly.value) this.obj.add('/width', Math.round(w));
-    });
-
-    const stopInline = this.inline.start();
-    const stopBlock = this.block.start();
-    const stopVoids = this.voids.start();
-    const stopOmni = this.omni.start();
-    const stopSelectAllGuard = this.selectAllGuard.start();
-    const stopIndicator = this.indicator.start();
-    const stopThings = this.things.start();
-    const stopCustomStyle = this.customStyle.start();
-    const stopTranslit = this.translit.start();
-    const unbindShortcuts = bindShortcuts(this);
-    bindImagePaste(this);
-
-    // --------------------------------------------- Native fullscreen tracking
-    // Keep `displayMode` in sync when the user exits fullscreen via Esc or
-    // when the browser drops out of fullscreen for any other reason.
-    const onFullscreenChange = (): void => {
-      const inNativeFullscreen = !!document.fullscreenElement;
-      const mode = this.displayMode.value;
-      if (!inNativeFullscreen && mode === 'fullscreen') this.displayMode.set('inline');
-    };
-    if (typeof document !== 'undefined') document.addEventListener('fullscreenchange', onFullscreenChange);
-
-    // ------------------------------------------- System color-scheme tracking
-    let systemDarkMq: MediaQueryList | undefined;
-    let onSystemDarkChange: ((e: MediaQueryListEvent) => void) | undefined;
-    if (typeof window !== 'undefined' && window.matchMedia) {
-      systemDarkMq = window.matchMedia('(prefers-color-scheme: dark)');
-      this.systemDark.set(systemDarkMq.matches);
-      onSystemDarkChange = (e) => this.systemDark.set(e.matches);
-      systemDarkMq.addEventListener('change', onSystemDarkChange);
-    }
-
-    return () => {
-      unbindCollaboration();
-      scrollUnsubscribe();
-      stopSizerPersist();
-      stopInline();
-      stopBlock();
-      stopVoids();
-      stopOmni();
-      stopSelectAllGuard();
-      stopIndicator();
-      stopThings();
-      stopCustomStyle();
-      stopTranslit();
-      unbindShortcuts();
-      if (typeof document !== 'undefined') document.removeEventListener('fullscreenchange', onFullscreenChange);
-      if (systemDarkMq && onSystemDarkChange) systemDarkMq.removeEventListener('change', onSystemDarkChange);
-      this.kbdSourceUnbind?.();
-      this.kbdSourceUnbind = undefined;
-      this.kbd.dispose();
-    };
-  }
-
-  public readonly bindKbdSource = (el: HTMLElement | null): void => {
-    this.kbdSourceUnbind?.();
-    this.kbdSourceUnbind = undefined;
-    if (el) {
-      const source = new KeySourceEl(el);
-      this.kbdSourceUnbind = source.bind(this.kbd);
-    }
-  };
-
-  public readonly setFocused = (focused: boolean): void => {
-    this.focused.set(focused);
-  };
-
-  public readonly setReadOnly = (readOnly: boolean): void => {
-    this.readOnly.set(readOnly);
-  };
-
-  public readonly setFont = (kind: FontKind): void => {
-    if (this.font.value === kind) return;
-    if (this.readOnly.value) return;
-    this.font.set(kind);
-    this.obj.add('/font', kind);
-  };
-
-  public readonly setEditableWidth = (kind: EditableWidth): void => {
-    if (this.editableWidth.value === kind) return;
-    if (this.readOnly.value) return;
-    this.editableWidth.set(kind);
-    this.obj.add('/ew', kind);
-  };
-
-  public readonly setTheme = (value: ThemeOverride | undefined): void => {
-    if (this.theme.value === value) return;
-    if (this.readOnly.value) return;
-    this.theme.set(value);
-    if (value === undefined) this.obj.del(['theme']);
-    else this.obj.add('/theme', value);
-  };
-
-  public readonly setDisplayMode = (mode: DisplayMode): void => {
-    const current = this.displayMode.value;
-    if (current === mode) return;
-    if (current === 'fullscreen' && document.fullscreenElement) document.exitFullscreen().catch(() => {});
-    if (mode === 'fullscreen') {
-      const target = this.shellEl ?? document.documentElement;
-      target.requestFullscreen?.().catch(() => {});
-    }
-    this.displayMode.set(mode);
-  };
-
-  public readonly bindShell = (el: HTMLElement | null): void => {
-    this.shellEl = el;
-    this.shellBox.setEl(el ?? void 0);
-  };
-
-  public readonly sync = (contentChanged: boolean): void => {
-    const {version, contentVersion, editor, cursor, selection} = this;
-    version.next(version.value + 1);
-    if (contentChanged) contentVersion.next(contentVersion.value + 1);
-
-    const {selection: editorSelection} = editor;
-    let nextSelection: Selection | null = null;
-    let nextCaret: Selection | null = null;
-    if (editorSelection) {
-      const isCollapsed = Range.isCollapsed(editorSelection);
-      if (!isCollapsed) nextSelection = editorSelection;
-      else nextCaret = editorSelection;
-    }
-    if (editorSelection !== cursor.value) cursor.next(editorSelection);
-    if (nextSelection !== selection.value) selection.next(nextSelection);
-    if (nextCaret !== this.caret.value) this.caret.next(nextCaret);
-
-    const text = getEditorPlainText(editor);
-    const caret = getCaretPathInfo(editor);
-    this.wordCount.set(getWordCount(text));
-    this.characterCount.set(text.length);
-    this.blockLabel.set(this.api.blockLabel());
-    this.caretPath.set(caret.path);
-    this.caretLinkHref.set(caret.linkHref ?? '');
-    this.caretEmbedUrl.set(caret.embedUrl ?? '');
-    this.caretCodeText.set(caret.codeText ?? '');
-    this.caretMathThingId.set(caret.mathThingId ?? '');
-    this.alignment.set(getActiveAlignment(editor));
-    this.selectionText.set(getSelectedText(editor));
-    this.publishPresence?.();
-  };
-
-  public readonly onChange = () => {
-    this.sync(true);
-  };
-
-  public readonly onSelection = () => {
-    this.sync(false);
-  };
-
-  // --------------------------------------------------------- Document outline
-
-  /** Cached document outline, recomputed when content changes. */
-  private _outlineVersion = -1;
-  private _outlineCache: DocumentOutlineItem[] = [];
-
-  /**
-   * Returns the document heading outline. The result is cached per
-   * `contentVersion`, so repeated calls within the same content revision are
-   * cheap. Consumers that want re-render reactivity should call this from a
-   * component that subscribes to `contentVersion`.
-   */
-  public readonly outline = (): DocumentOutlineItem[] => {
-    const version = this.contentVersion.value;
-    if (this._outlineVersion === version) return this._outlineCache;
-    this._outlineCache = getDocumentOutline(this.editor.children as SlateEditorDocument);
-    this._outlineVersion = version;
-    return this._outlineCache;
-  };
-}
diff --git a/packages/mutxt-react/src/MuTxt/state/ThingStore.ts b/packages/mutxt-react/src/MuTxt/state/ThingStore.ts
deleted file mode 100644
index 6807d06290..0000000000
--- a/packages/mutxt-react/src/MuTxt/state/ThingStore.ts
+++ /dev/null
@@ -1,122 +0,0 @@
-import {rsync, type UiLifeCycles} from '@jsonjoy.com/ui';
-import {s} from 'json-joy/lib/json-crdt';
-import type {ObjApi, ObjNode} from 'json-joy/lib/json-crdt';
-import type {MuTxtState} from './MuTxtState';
-import type {Thing} from '../types';
-
-/**
- * Flat JSON CRDT `obj` map of every thing in the document, keyed by `@id`.
- * Each thing is its own child `obj` node, so per-field updates merge under
- * concurrent edits instead of replacing the whole record.
- */
-export class ThingStore implements UiLifeCycles {
-  public readonly version = rsync.val(0);
-
-  private _obj?: ObjApi<ObjNode>;
-  private unsub?: () => void;
-  private idCnt = 0;
-
-  constructor(public readonly mutxt: MuTxtState) {}
-
-  /**
-   * Returns the `/things` obj API, creating it on the document if missing.
-   * Only call from write paths — touching this on a read-only / pinned model
-   * would mutate the model on mount and trigger pin enforcement loops.
-   */
-  public get obj(): ObjApi<ObjNode> {
-    if (this._obj) return this._obj;
-    const docObj = this.mutxt.obj;
-    if (!docObj.has('things')) docObj.add('/things', s.obj({}));
-    this._obj = docObj.obj('/things') as ObjApi<ObjNode>;
-    return this._obj;
-  }
-
-  /** Returns the obj API only if `/things` already exists; never writes. */
-  private read(): ObjApi<ObjNode> | undefined {
-    if (this._obj) return this._obj;
-    const docObj = this.mutxt.obj;
-    if (!docObj.has('things')) return undefined;
-    this._obj = docObj.obj('/things') as ObjApi<ObjNode>;
-    return this._obj;
-  }
-
-  public start(): () => void {
-    const subscribe = (target: ObjApi<ObjNode>) =>
-      target.onSubtreeChange(() => {
-        this.version.next(this.version.value + 1);
-      });
-    const initial = this.read();
-    if (initial) {
-      this.unsub = subscribe(initial);
-    } else {
-      // `/things` doesn't exist yet. Watch the document for when it appears
-      // (e.g. when the user pastes an image), then re-subscribe directly.
-      const docObj = this.mutxt.obj;
-      const docUnsub = docObj.onSubtreeChange(() => {
-        const obj = this.read();
-        if (!obj) return;
-        docUnsub();
-        this.unsub = subscribe(obj);
-        this.version.next(this.version.value + 1);
-      });
-      this.unsub = docUnsub;
-    }
-    return () => {
-      this.unsub?.();
-      this.unsub = undefined;
-    };
-  }
-
-  public readonly nextId = (): string => {
-    const cnt = this.idCnt++;
-    const clock = this.mutxt.obj.api.model.clock;
-    return `${clock.sid}-${clock.time}-${cnt}`;
-  };
-
-  public has(id: string): boolean {
-    return this.read()?.has(id) ?? false;
-  }
-
-  public get(id: string): Thing | undefined {
-    const obj = this.read();
-    if (!obj || !obj.has(id)) return undefined;
-    const child = obj.obj(id, true);
-    return child ? (child.view() as Thing) : undefined;
-  }
-
-  public list(type?: string): Thing[] {
-    const obj = this.read();
-    if (!obj) return [];
-    const view = obj.view() as Record<string, Thing>;
-    const result: Thing[] = [];
-    for (const id in view) {
-      const thing = view[id];
-      if (!thing) continue;
-      if (type && thing['@type'] !== type) continue;
-      result.push(thing);
-    }
-    return result;
-  }
-
-  public add(thing: Omit<Thing, '@id'> & {'@id'?: string}): string {
-    const id = thing['@id'] ?? this.nextId();
-    this.obj.set({[id]: {...(thing as Thing), '@id': id}});
-    return id;
-  }
-
-  public update(id: string, partial: Partial<Thing>): boolean {
-    const obj = this.read();
-    if (!obj || !obj.has(id)) return false;
-    const child = obj.obj(id, true);
-    if (!child) return false;
-    child.mergeKeys(partial);
-    return true;
-  }
-
-  public remove(id: string): boolean {
-    const obj = this.read();
-    if (!obj || !obj.has(id)) return false;
-    obj.del([id]);
-    return true;
-  }
-}
diff --git a/packages/mutxt-react/src/MuTxt/translit/MuTxtTranslit.ts b/packages/mutxt-react/src/MuTxt/translit/MuTxtTranslit.ts
deleted file mode 100644
index d5973f99c9..0000000000
--- a/packages/mutxt-react/src/MuTxt/translit/MuTxtTranslit.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-import {rsync} from '@jsonjoy.com/ui';
-import {TranslitService} from '../../translit/TranslitService';
-import {TranslitMenu} from './TranslitMenu';
-import type {UiLifeCycles} from '@jsonjoy.com/ui/lib/types';
-import type {MuTxtState} from '../state/MuTxtState';
-
-export class MuTxtTranslit extends TranslitService implements UiLifeCycles {
-  public state?: MuTxtState;
-  public readonly menu: TranslitMenu = new TranslitMenu(this);
-  public readonly mapOpen = rsync.val<string | null>(null);
-
-  public readonly openMap = (id?: string): void => {
-    const target = id ?? this.active.value ?? this.lastUsed.value ?? this.list()[0]?.id ?? null;
-    this.mapOpen.set(target);
-  };
-
-  public readonly closeMap = (): void => {
-    this.mapOpen.set(null);
-  };
-
-  public bindState(state: MuTxtState): void {
-    this.state = state;
-  }
-
-  public start(): () => void {
-    return this.menu.start();
-  }
-}
diff --git a/packages/mutxt-react/src/MuTxt/translit/TranslitFooterPill.tsx b/packages/mutxt-react/src/MuTxt/translit/TranslitFooterPill.tsx
deleted file mode 100644
index d8069725ca..0000000000
--- a/packages/mutxt-react/src/MuTxt/translit/TranslitFooterPill.tsx
+++ /dev/null
@@ -1,71 +0,0 @@
-import * as React from 'react';
-import {rule} from 'nano-theme';
-import {Iconista} from '@jsonjoy.com/ui/lib/icons/Iconista';
-import {useMuTxt} from '../context';
-import {BasicTooltip} from '@jsonjoy.com/ui/lib/4-card/BasicTooltip';
-import BasicButton from '@jsonjoy.com/ui/lib/2-inline-block/BasicButton';
-import {formatKeys} from '../util/keys';
-import {Separator} from '@jsonjoy.com/ui/lib/3-list-item/Separator';
-import {Space} from '@jsonjoy.com/ui/lib/3-list-item/Space';
-
-const wrapClass = rule({
-  d: 'inline-flex',
-  ai: 'center',
-});
-
-export const TranslitFooterPill: React.FC = () => {
-  const mutxt = useMuTxt();
-  const activeId = mutxt.translit.active.use();
-
-  if (!activeId) return null;
-  const scheme = mutxt.translit.schemes.get(activeId);
-  if (!scheme) return null;
-  const short = scheme.short ?? scheme.language.toUpperCase();
-
-  return (
-    <span className={wrapClass}>
-      <BasicTooltip
-        nowrap
-        aria-label={`${scheme.name} (click to disable)`}
-        renderTooltip={() => `${scheme.name} (click to disable)`}
-        shortcut={formatKeys(['Primary', 'Alt', 't'])}
-      >
-        <BasicButton
-          width="auto"
-          compact
-          onClick={(event) => {
-            event.preventDefault();
-            mutxt.translit.off();
-          }}
-        >
-          <Iconista set="fontawesome_regular" icon="keyboard" width={16} height={16} />
-          <Space horizontal size={-3} />
-          {short}
-        </BasicButton>
-      </BasicTooltip>
-
-      <BasicTooltip
-        nowrap
-        aria-label="Show phonetic map"
-        renderTooltip={() => 'Show phonetic map'}
-        shortcut={formatKeys(['Primary', 'Alt', 'Shift', 't'])}
-      >
-        <BasicButton
-          onMouseDown={(event) => {
-            event.preventDefault();
-          }}
-          onClick={(event) => {
-            event.preventDefault();
-            mutxt.translit.openMap();
-          }}
-        >
-          <Iconista set="tabler" icon="map" width={16} height={16} />
-        </BasicButton>
-      </BasicTooltip>
-
-      <Space horizontal size={-2} />
-      {/* <Separator style={{width: 1, height: 16}}  /> */}
-      <Separator style={{width: 1, height: 48}} />
-    </span>
-  );
-};
diff --git a/packages/mutxt-react/src/MuTxt/translit/TranslitMapModal.tsx b/packages/mutxt-react/src/MuTxt/translit/TranslitMapModal.tsx
deleted file mode 100644
index e1f5c67d9d..0000000000
--- a/packages/mutxt-react/src/MuTxt/translit/TranslitMapModal.tsx
+++ /dev/null
@@ -1,330 +0,0 @@
-import * as React from 'react';
-import {rule} from 'nano-theme';
-import {Key} from '@jsonjoy.com/ui/lib/1-inline/Key';
-import {Tabs} from '@jsonjoy.com/ui/lib/3-list-item/Tabs';
-import {MiniTitle} from '@jsonjoy.com/ui/lib/3-list-item/MiniTitle';
-import {Separator} from '@jsonjoy.com/ui/lib/3-list-item/Separator';
-import {Space} from '@jsonjoy.com/ui/lib/3-list-item/Space';
-import {useStyles} from '@jsonjoy.com/ui/lib/styles/context';
-import {ModalOverlay} from '../chrome/ModalOverlay';
-import {useMuTxt} from '../context';
-import type {TranslitRule, TranslitScheme} from '../../translit/types';
-import {useT} from 'use-t';
-import EmptyIcon__svg from 'iconista/lib/react/tabler/language';
-
-const EmptyIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <EmptyIcon__svg width={32} height={32} {...props} />
-);
-
-const splitName = (name: string): [label: string, suffix: string | null] => {
-  const m = /^(.+?)\s*\(([^)]+)\)\s*$/.exec(name);
-  if (!m) return [name, null];
-  return [m[1], m[2]];
-};
-
-const wrapperClass = rule({
-  bxz: 'border-box',
-  w: '100%',
-  pd: '40px 48px 56px',
-});
-
-const introClass = rule({
-  maxW: '720px',
-  mar: '0 auto 32px',
-  fz: '13px',
-  lh: '1.5',
-  textAlign: 'center',
-});
-
-const emptyClass = rule({
-  d: 'flex',
-  fld: 'column',
-  ai: 'center',
-  jc: 'center',
-  textAlign: 'center',
-  pd: '64px 16px',
-  gap: '12px',
-});
-
-const emptyHeadingClass = rule({
-  mar: 0,
-  fz: '15px',
-  fw: '600',
-});
-
-const emptyBodyClass = rule({
-  mar: 0,
-  maxW: '420px',
-  fz: '13px',
-  lh: '1.5',
-});
-
-const tabsWrapClass = rule({
-  w: '100%',
-  mar: '0 0 32px',
-});
-
-const contentsClass = rule({
-  bxz: 'border-box',
-  w: '100%',
-  maxW: '1444px',
-  mar: '0 auto',
-});
-
-const gridClass = rule({
-  d: 'flex',
-  fw: 'wrap',
-  jc: 'center',
-  ai: 'flex-start',
-  gap: '36px 64px',
-});
-
-const groupClass = rule({
-  miw: 0,
-  bxz: 'border-box',
-  flex: '0 1 360px',
-  maxW: '360px',
-});
-
-const groupTitleClass = rule({
-  mar: '0 0 10px',
-});
-
-const rowsContainerClass = rule({
-  bxz: 'border-box',
-  w: '100%',
-  columnGap: '56px',
-});
-
-const rowClass = rule({
-  d: 'flex',
-  ai: 'center',
-  jc: 'space-between',
-  gap: '8px',
-  pd: '4px 0',
-  fz: '13.5px',
-  lh: '1.25',
-  breakInside: 'avoid',
-  WebkitColumnBreakInside: 'avoid',
-  pageBreakInside: 'avoid',
-});
-
-const inputCellClass = rule({
-  fls: '0 0 auto',
-  d: 'inline-flex',
-  ai: 'center',
-  gap: '4px',
-});
-
-const arrowCellClass = rule({
-  fls: '0 0 auto',
-  fz: '11px',
-  pd: '0 6px',
-});
-
-const outputCellClass = rule({
-  fls: '1 1 auto',
-  textAlign: 'end',
-  fz: '18px',
-  fw: '500',
-});
-
-interface RuleGroup {
-  title: string;
-  rules: TranslitRule[];
-}
-
-const groupRules = (rules: readonly TranslitRule[]): RuleGroup[] => {
-  const single: TranslitRule[] = [];
-  const di: TranslitRule[] = [];
-  const tri: TranslitRule[] = [];
-  for (const r of rules) {
-    if (r.in.length === 1) single.push(r);
-    else if (r.in.length === 2) di.push(r);
-    else tri.push(r);
-  }
-  const sortByIn = (a: TranslitRule, b: TranslitRule) => a.in.localeCompare(b.in);
-  single.sort(sortByIn);
-  di.sort(sortByIn);
-  tri.sort(sortByIn);
-  const groups: RuleGroup[] = [];
-  if (single.length) groups.push({title: 'Single keys', rules: single});
-  if (di.length) groups.push({title: 'Digraphs', rules: di});
-  if (tri.length) groups.push({title: 'Trigraphs', rules: tri});
-  return groups;
-};
-
-/** Pick how many sub-columns to flow rules into based on count. */
-const subColumns = (count: number, charWidth: number): number => {
-  if (charWidth >= 3) return count > 3 ? 2 : 1;
-  if (charWidth >= 2) return count > 5 ? 2 : 1;
-  if (count > 18) return 3;
-  if (count > 9) return 2;
-  return 1;
-};
-
-const RuleRow: React.FC<{rule: TranslitRule}> = ({rule}) => {
-  const styles = useStyles();
-  return (
-    <div className={rowClass}>
-      <span className={inputCellClass}>
-        {[...rule.in].map((ch, i) => (
-          <Key key={i}>{ch === ' ' ? '␠' : ch}</Key>
-        ))}
-      </span>
-      <span className={arrowCellClass} style={{color: styles.g(0.5, 0.45)}}>
-        {'→'}
-      </span>
-      <span className={outputCellClass} style={{color: styles.g(0.1, 0.95)}}>
-        {rule.out || <em style={{opacity: 0.4, fontWeight: 'normal', fontSize: '12px'}}>(empty)</em>}
-      </span>
-    </div>
-  );
-};
-
-const RuleGroupSection: React.FC<{group: RuleGroup}> = ({group}) => {
-  const charWidth = group.rules[0]?.in?.length ?? 1;
-  const cols = subColumns(group.rules.length, charWidth);
-  return (
-    <section className={groupClass}>
-      <div className={groupTitleClass}>
-        <MiniTitle component="div" contrast>
-          {group.title}
-        </MiniTitle>
-      </div>
-      <Separator />
-      <Space />
-      <div className={rowsContainerClass} style={{columnCount: cols}}>
-        {group.rules.map((r) => (
-          <RuleRow key={r.in} rule={r} />
-        ))}
-      </div>
-    </section>
-  );
-};
-
-const FinalForms: React.FC<{scheme: TranslitScheme}> = ({scheme}) => {
-  const [t] = useT();
-  const styles = useStyles();
-
-  if (!scheme.finalForms || !Object.keys(scheme.finalForms).length) return null;
-  const entries = Object.entries(scheme.finalForms);
-
-  return (
-    <section className={groupClass}>
-      <div className={groupTitleClass}>
-        <MiniTitle component="div" contrast>
-          {t('Final forms')}
-        </MiniTitle>
-      </div>
-      <Separator />
-      <Space />
-      {entries.map(([from, to]) => (
-        <div key={from} className={rowClass}>
-          <span className={outputCellClass} style={{color: styles.g(0.4, 0.6), textAlign: 'start'}}>
-            {from}
-          </span>
-          <span className={arrowCellClass} style={{color: styles.g(0.5, 0.45)}}>
-            {'→'}
-          </span>
-          <span className={outputCellClass} style={{color: styles.g(0.1, 0.95)}}>
-            {to}
-          </span>
-        </div>
-      ))}
-      <div style={{fontSize: '11px', color: styles.g(0.5, 0.55), margin: '6px 0 0'}}>
-        {t('Applied to the previous glyph at word boundaries.')}
-      </div>
-    </section>
-  );
-};
-
-const EmptyState: React.FC = () => {
-  const [t] = useT();
-  const styles = useStyles();
-
-  return (
-    <div className={emptyClass} style={{color: styles.g(0.4, 0.6)}}>
-      <span style={{color: styles.g(0.5, 0.5)}}>
-        <EmptyIcon />
-      </span>
-      <h3 className={emptyHeadingClass} style={{color: styles.g(0.2, 0.85)}}>
-        {t('Transliteration is off')}
-      </h3>
-      <p className={emptyBodyClass}>{t('Pick a language above to view its phonetic map and turn the mode on.')}</p>
-    </div>
-  );
-};
-
-const Body: React.FC<{scheme: TranslitScheme}> = ({scheme}) => {
-  const styles = useStyles();
-  const groups = React.useMemo(() => groupRules(scheme.rules), [scheme]);
-
-  return (
-    <>
-      <p className={introClass} style={{color: styles.g(0.3, 0.7)}}>
-        Type these ASCII keys to enter <strong>{scheme.name}</strong>. Multi-character sequences are matched
-        longest-first — e.g. typing <code>s</code> then <code>h</code> rewrites the previous letter when <code>sh</code>{' '}
-        matches a digraph rule.
-      </p>
-      <div className={gridClass}>
-        {groups.map((group) => (
-          <RuleGroupSection key={group.title} group={group} />
-        ))}
-        <FinalForms scheme={scheme} />
-      </div>
-    </>
-  );
-};
-
-const OFF_TAB_KEY = 'off';
-
-export const TranslitMapModal: React.FC = () => {
-  const mutxt = useMuTxt();
-  const openId = mutxt.translit.mapOpen.use();
-  const activeMode = mutxt.translit.active.use();
-  const close = React.useCallback(() => mutxt.translit.closeMap(), [mutxt]);
-  const schemes = mutxt.translit.list();
-  if (!openId) return null;
-  const active = mutxt.translit.schemes.get(openId) ?? schemes[0];
-  if (!active) return null;
-  const langCounts = new Map<string, number>();
-  for (const s of schemes) langCounts.set(s.language, (langCounts.get(s.language) ?? 0) + 1);
-  const tabItems = [
-    {key: OFF_TAB_KEY, label: 'Off'},
-    ...schemes.map((scheme) => {
-      const ambiguous = (langCounts.get(scheme.language) ?? 0) > 1;
-      const [label, suffix] = splitName(scheme.name);
-      return {
-        key: scheme.id,
-        label: ambiguous && suffix ? `${label} (${suffix})` : label,
-      };
-    }),
-  ];
-
-  const activeTab = activeMode ?? OFF_TAB_KEY;
-
-  return (
-    <ModalOverlay open={true} title="Transliteration" onClose={close}>
-      <div className={wrapperClass}>
-        <div className={tabsWrapClass}>
-          <Tabs
-            items={tabItems}
-            active={activeTab}
-            onChange={(id) => {
-              if (id === OFF_TAB_KEY) {
-                mutxt.translit.off();
-                return;
-              }
-              mutxt.translit.mapOpen.set(id);
-              mutxt.translit.on(id);
-            }}
-            spread
-            muted
-          />
-        </div>
-        <div className={contentsClass}>{activeTab === OFF_TAB_KEY ? <EmptyState /> : <Body scheme={active} />}</div>
-      </div>
-    </ModalOverlay>
-  );
-};
diff --git a/packages/mutxt-react/src/MuTxt/translit/TranslitMenu.tsx b/packages/mutxt-react/src/MuTxt/translit/TranslitMenu.tsx
deleted file mode 100644
index 14c30f4b95..0000000000
--- a/packages/mutxt-react/src/MuTxt/translit/TranslitMenu.tsx
+++ /dev/null
@@ -1,83 +0,0 @@
-import * as React from 'react';
-import {rsync} from '@jsonjoy.com/ui';
-import {Sidetip} from '@jsonjoy.com/ui/lib/1-inline/Sidetip';
-import {formatKeys} from '../util/keys';
-import type {MenuItem} from '../types';
-import type {UiLifeCycles} from '@jsonjoy.com/ui/lib/types';
-import type {MuTxtTranslit} from './MuTxtTranslit';
-import TranslitIcon__svg from 'iconista/lib/react/tabler/language';
-import SchemeIcon__svg from 'iconista/lib/react/tabler/keyboard';
-import OffIcon__svg from 'iconista/lib/react/tabler/circle-off';
-import MapIcon__svg from 'iconista/lib/react/tabler/map';
-
-const SHOW_MAPS_KEYS = ['Primary', 'Alt', 'Shift', 't'];
-const SHOW_MAPS_KEYS_FORMATTED = formatKeys(SHOW_MAPS_KEYS);
-
-const TranslitIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <TranslitIcon__svg width={16} height={16} {...props} />
-);
-const SchemeIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <SchemeIcon__svg width={16} height={16} {...props} />
-);
-const OffIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => <OffIcon__svg width={16} height={16} {...props} />;
-const MapIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => <MapIcon__svg width={16} height={16} {...props} />;
-
-/** Split `"Russian (translit)"` into `["Russian", "translit"]`. */
-const splitName = (name: string): [label: string, suffix: string | null] => {
-  const m = /^(.+?)\s*\(([^)]+)\)\s*$/.exec(name);
-  if (!m) return [name, null];
-  return [m[1], m[2]];
-};
-
-export class TranslitMenu implements UiLifeCycles {
-  constructor(public readonly translit: MuTxtTranslit) {}
-
-  public start(): () => void {
-    return () => {};
-  }
-
-  public build(): MenuItem {
-    const t = this.translit;
-    const active = rsync.comp([t.active], ([id]) => !!id);
-    const offItem: MenuItem = {
-      name: 'Off',
-      text: 'disable turn off translit',
-      icon: () => <OffIcon />,
-      active: rsync.comp([t.active], ([id]) => !id),
-      onSelect: () => {
-        t.off();
-      },
-    };
-    const showMapsItem: MenuItem = {
-      name: 'Show maps',
-      text: 'show maps overlay help mapping reference table cheatsheet',
-      icon: () => <MapIcon />,
-      keys: [SHOW_MAPS_KEYS_FORMATTED],
-      right: () => <Sidetip small>{SHOW_MAPS_KEYS_FORMATTED}</Sidetip>,
-      onSelect: () => {
-        t.openMap();
-      },
-    };
-    const schemeItems: MenuItem[] = t.list().map((scheme) => {
-      const [label, suffix] = splitName(scheme.name);
-      return {
-        id: `translit:${scheme.id}`,
-        name: label,
-        text: `${scheme.id} ${scheme.language} ${scheme.script} ${scheme.name} translit phonetic`,
-        icon: () => <SchemeIcon />,
-        right: suffix ? () => <Sidetip small>{suffix}</Sidetip> : void 0,
-        active: rsync.comp([t.active], ([id]) => id === scheme.id),
-        onSelect: () => {
-          t.toggle(scheme.id);
-        },
-      };
-    });
-    return {
-      name: 'Transliteration',
-      text: 'translit transliteration phonetic input language keyboard cyrillic',
-      icon: () => <TranslitIcon />,
-      active,
-      children: [...(t.active.value ? [offItem] : []), showMapsItem, {name: 'sep-translit', sep: true}, ...schemeItems],
-    };
-  }
-}
diff --git a/packages/mutxt-react/src/MuTxt/types.ts b/packages/mutxt-react/src/MuTxt/types.ts
deleted file mode 100644
index ba8bc58814..0000000000
--- a/packages/mutxt-react/src/MuTxt/types.ts
+++ /dev/null
@@ -1,346 +0,0 @@
-import type {BaseEditor} from 'slate';
-import type {HistoryEditor} from 'slate-history';
-import type {ReactEditor} from 'slate-react';
-import type {MenuItem} from '@jsonjoy.com/ui/lib/4-card/StructuralMenu/types';
-import type {StepperItem} from './block/stepper/types';
-import type {CalloutVariant} from './block/callout/settings';
-
-export type {MenuItem};
-export type {StepperItem, StepState, StepIndicator, LineStyle} from './block/stepper/types';
-export type {CalloutVariant} from './block/callout/settings';
-
-export type SlateTextAlign = 'left' | 'center' | 'right' | 'justify';
-
-/**
- * How the editor renders itself within the page.
- *
- * - `inline`: render the editor in place (default).
- * - `fullscreen`: enter native browser fullscreen.
- * - `fullwindow`: stretch to fill the entire browser window viewport.
- */
-export type DisplayMode = 'inline' | 'fullscreen' | 'fullwindow';
-
-/**
- * Document-level typeface family. Persisted at `/font` on the document object.
- *
- * - `sans`:  Inter
- * - `serif`: Source Serif 4
- * - `slab`:  Bitter
- * - `mono`:  JetBrains Mono
- */
-export type FontKind = 'sans' | 'serif' | 'slab' | 'mono';
-
-/**
- * Editable content area width preset, chosen relative to the outer shell.
- * Each preset targets a percentage of the shell width, clamped to a fixed
- * pixel range. Persisted at `/ew` on the document object.
- */
-export type EditableWidth = 'narrow' | 'mid' | 'wide';
-
-export type MarkFormat =
-  | 'bold'
-  | 'italic'
-  | 'underline'
-  | 'strikethrough'
-  | 'overline'
-  | 'code'
-  | 'mark'
-  | 'spoiler'
-  | 'sup'
-  | 'sub'
-  | 'kbd'
-  | 'ins'
-  | 'del'
-  | 'fg'
-  | 'bg';
-
-/**
- * Named slot in the highlight (`<mark>`) palette.
- */
-export type MarkColor = 'yellow' | 'lime' | 'green' | 'cyan' | 'blue' | 'pink' | 'peach' | 'red' | 'purple' | 'gray';
-export type HeadingElementType = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'title' | 'subtitle';
-export type ListElementType = 'ul' | 'ol' | 'checklist' | 'stepper';
-export type UlType = 'disc' | 'circle' | 'square';
-export type OlType =
-  | 'decimal'
-  | 'decimal-leading-zero'
-  | 'lower-roman'
-  | 'upper-roman'
-  | 'lower-alpha'
-  | 'upper-alpha'
-  | 'lower-greek'
-  | 'hiragana'
-  | 'katakana'
-  | 'cjk-ideographic'
-  | 'hebrew'
-  | 'armenian';
-export type BlockFormat =
-  | 'p'
-  | 'columns'
-  | HeadingElementType
-  | 'blockquote'
-  | 'callout'
-  | 'code-block'
-  | 'pre'
-  | ListElementType;
-export type BlockElementType = BlockFormat | 'li' | 'embed' | 'hr' | 'file' | 'toc' | 'math' | SystemBlockElementType;
-export type SystemBlockElementType = '.things' | '.thing';
-export type HrLineStyle = 'solid' | 'dashed' | 'dotted' | 'squiggly';
-
-export interface LinkAttributes {
-  href: string;
-  title?: string;
-}
-
-export interface CustomText {
-  text: string;
-  bold?: boolean;
-  italic?: boolean;
-  underline?: boolean;
-  strikethrough?: boolean;
-  overline?: boolean;
-  code?: boolean;
-  mark?: boolean | MarkColor;
-  fg?: string;
-  bg?: string;
-  spoiler?: boolean;
-  sup?: boolean;
-  sub?: boolean;
-  kbd?: boolean;
-  ins?: boolean;
-  del?: boolean;
-  font?: FontKind;
-  a?: LinkAttributes;
-}
-
-export interface BlockAttributes {
-  align?: SlateTextAlign;
-  indent?: number;
-  font?: FontKind;
-}
-
-export interface ParagraphElement extends BlockAttributes {
-  type: 'p';
-  children: CustomText[];
-}
-
-export interface TwoColumnsElement extends BlockAttributes {
-  type: 'columns';
-  children: CustomText[];
-}
-
-export interface HeadingElement extends BlockAttributes {
-  type: HeadingElementType;
-  children: CustomText[];
-}
-
-export interface BlockquoteElement extends BlockAttributes {
-  type: 'blockquote';
-  children: CustomText[];
-}
-
-export interface CalloutElement extends BlockAttributes {
-  type: 'callout';
-  /** Semantic flavor — picks a theme-aware accent. Defaults to `'note'`. */
-  variant?: CalloutVariant;
-  /** Emoji or any character used as the callout icon. */
-  icon?: string;
-  /** Optional title text shown next to the icon. */
-  title?: string;
-  /** Explicit accent color override (any CSS color). Wins over `variant`. */
-  color?: string;
-  /** When `true`, suppress the entire header row. */
-  hideHeader?: boolean;
-  children: CustomText[];
-}
-
-export interface CodeBlockElement extends BlockAttributes {
-  type: 'code-block';
-  language?: string;
-  fileName?: string;
-  wrap?: number;
-  showLineNumbers?: boolean;
-  children: CustomText[];
-}
-
-export interface PreformattedElement extends BlockAttributes {
-  type: 'pre';
-  children: CustomText[];
-}
-
-export interface ListItemElement extends BlockAttributes, StepperItem {
-  type: 'li';
-  /** Checkbox state, used when the parent is a `checklist`. */
-  checked?: boolean;
-  children: CustomText[];
-}
-
-export interface BulletedListElement extends BlockAttributes {
-  type: 'ul';
-  ulType?: UlType;
-  children: ListItemElement[];
-}
-
-export interface NumberedListElement extends BlockAttributes {
-  type: 'ol';
-  olType?: OlType;
-  children: ListItemElement[];
-}
-
-export interface ChecklistListElement extends BlockAttributes {
-  type: 'checklist';
-  children: ListItemElement[];
-}
-
-export interface StepperListElement extends BlockAttributes {
-  type: 'stepper';
-  /** When `true`, render a cap row above the list summarizing progress (e.g. "3 / 7 done"). */
-  progress?: boolean;
-  children: ListItemElement[];
-}
-
-export interface EmbedElement extends BlockAttributes {
-  type: 'embed';
-  url: string;
-  caption?: string;
-  width?: number;
-  children: CustomText[];
-}
-
-export interface HrElement extends BlockAttributes {
-  type: 'hr';
-  /** Line stroke width in CSS pixels. */
-  strokeWidth?: number;
-  /** Line width in percent (1..100). */
-  lineWidth?: number;
-  /** Line style. */
-  lineStyle?: HrLineStyle;
-  /** Block height in CSS pixels (controls vertical padding around the rule). */
-  blockHeight?: number;
-  /** Optional caption rendered between the two line halves. */
-  caption?: string;
-  children: CustomText[];
-}
-
-export interface TocElement extends BlockAttributes {
-  type: 'toc';
-  /** Optional caption displayed above the entries. */
-  caption?: string;
-  /** Deepest heading level to include (1..6). Defaults to 3. */
-  maxLevel?: 1 | 2 | 3 | 4 | 5 | 6;
-  /** Whether to include the document title (h0). Defaults to true. */
-  includeTitle?: boolean;
-  /** Show numeric prefixes. */
-  numbered?: boolean;
-  children: CustomText[];
-}
-
-/**
- * A schema.org-style "thing" record stored in the hidden `.things` system
- * block. The `@type` discriminator names the kind of payload; `@id` is unique
- * within the document. Other keys are domain-specific.
- */
-export interface Thing {
-  '@type': string;
-  '@id': string;
-  [key: string]: unknown;
-}
-
-/** A `Thing` representing an uploaded file. */
-export interface FileThing extends Thing {
-  '@type': 'file';
-  name?: string;
-  mimeType: string;
-  size: number;
-  data: Uint8Array;
-}
-
-/** A user-facing void block that references a `FileThing` by id. */
-export interface FileElement extends BlockAttributes {
-  type: 'file';
-  '@thing': string;
-  /** Optional display caption (independent of the underlying file's name). */
-  caption?: string;
-  children: CustomText[];
-}
-
-/** Source language for a math equation payload. */
-export type MathLang = 'latex' | 'asciimath' | 'mathml';
-
-/** Visual size of a block equation: large (display), medium, or small. */
-export type MathSize = 'L' | 'M' | 'S';
-
-/** A `Thing` representing a math equation. */
-export interface MathThing extends Thing {
-  '@type': 'math';
-  /** Source string in `lang`. */
-  val: string;
-  /** Source language. Defaults to `'latex'`. */
-  lang?: MathLang;
-  /**
-   * Default visual size for the equation. Currently only consumed by
-   * inline references, block references carry their own per-element `size` override.
-   */
-  size?: MathSize;
-  /** Human-readable display name (shown in pickers / outlines). */
-  name?: string;
-  /** Cross-reference key (e.g. `eq:pythagoras`) used to link to this equation. */
-  label?: string;
-}
-
-/** A user-facing void block that references a `MathThing` by id. Rendered as a centered display-mode equation. */
-export interface MathElement extends BlockAttributes {
-  type: 'math';
-  '@thing': string;
-  /** Optional caption rendered below the equation. */
-  caption?: string;
-  /** Visual size override. */
-  size?: MathSize;
-  children: CustomText[];
-}
-
-/** A user-facing inline void that references a `MathThing` by id. Rendered inline in the surrounding paragraph. */
-export interface MathInlineElement {
-  type: 'math-inline';
-  '@thing': string;
-  children: CustomText[];
-}
-
-export type CustomElement =
-  | ParagraphElement
-  | TwoColumnsElement
-  | HeadingElement
-  | BlockquoteElement
-  | CalloutElement
-  | CodeBlockElement
-  | PreformattedElement
-  | ListItemElement
-  | BulletedListElement
-  | NumberedListElement
-  | ChecklistListElement
-  | StepperListElement
-  | EmbedElement
-  | HrElement
-  | FileElement
-  | TocElement
-  | MathElement
-  | MathInlineElement;
-
-export type SlateEditorDocument = CustomElement[];
-
-export interface ToolbarButtonDefinition<Format extends string = string> {
-  key: string;
-  title: string;
-  iconSet: string;
-  icon: string;
-  shortcut?: string;
-  format?: Format;
-}
-
-declare module 'slate' {
-  interface CustomTypes {
-    Editor: BaseEditor & ReactEditor & HistoryEditor;
-    Element: CustomElement;
-    Text: CustomText;
-  }
-}
diff --git a/packages/mutxt-react/src/MuTxt/util/index.ts b/packages/mutxt-react/src/MuTxt/util/index.ts
deleted file mode 100644
index 31a2a0051e..0000000000
--- a/packages/mutxt-react/src/MuTxt/util/index.ts
+++ /dev/null
@@ -1,50 +0,0 @@
-import {Editor, Element as SlateElement, Node, Range, Text} from 'slate';
-import type {CustomElement, CustomText} from '../types';
-
-export const getEditorPlainText = (editor: Editor): string => Node.string(editor).replace(/\s+$/g, '');
-
-export const getWordCount = (text: string): number => {
-  const words = text.trim().match(/\S+/g);
-  return words ? words.length : 0;
-};
-
-export const getSelectedText = (editor: Editor): string => {
-  const {selection} = editor;
-  if (!selection || Range.isCollapsed(selection)) return '';
-  return Editor.string(editor, selection).trim();
-};
-
-export const pluralize = (count: number, singular: string, plural = singular + 's'): string =>
-  `${Intl.NumberFormat().format(count)} ${count === 1 ? singular : plural}`;
-
-export const isEmptyText = (child: Text | CustomText): boolean => {
-  return Text.isText(child) && !child.text && Object.keys(child).length === 1;
-};
-
-export const isEmptyBlock = (element: CustomElement): boolean => {
-  const children = element.children;
-  if (!children || children.length === 0) return true;
-  if (children.length > 1) return false;
-  const child = children[0];
-  if ('children' in child) return false;
-  return isEmptyText(child);
-};
-
-export const isEmptyDoc = (editor: Editor): boolean => {
-  const children = editor.children;
-  if (!children) return true;
-  const length = children.length;
-  if (length === 0) return true;
-  // Skip the hidden `.things` system block when judging emptiness.
-  let start = 0;
-  const first = children[0];
-  if (SlateElement.isElement(first) && (first as any).type === '.things') start = 1;
-  const userLength = length - start;
-  if (userLength === 0) return true;
-  if (userLength > 1) return false;
-  const firstChild = children[start];
-  if (!SlateElement.isElement(firstChild)) return false;
-  if ((firstChild as any).type !== 'p') return false;
-  if (!firstChild.children) return true;
-  return isEmptyBlock(firstChild as CustomElement);
-};
diff --git a/packages/mutxt-react/src/MuTxt/util/keys.ts b/packages/mutxt-react/src/MuTxt/util/keys.ts
deleted file mode 100644
index 32ecaa1874..0000000000
--- a/packages/mutxt-react/src/MuTxt/util/keys.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-const isMac = /mac/i.test(navigator.platform) || /macintosh/i.test(navigator.userAgent);
-const separator = isMac ? ' ' : '+';
-
-export const remap: Record<string, string> = {
-  Primary: isMac ? '⌘' : 'Ctrl',
-  Shift: isMac ? '⇧' : 'Shift',
-  Alt: isMac ? '⌥' : 'Alt',
-  Ctrl: isMac ? '⌃' : 'Ctrl',
-};
-
-export const formatKeys = (keys: string[]): string => {
-  let str = '';
-  for (let i = 0; i < keys.length; i++) {
-    let key = keys[i];
-    key = remap[key] ?? key;
-    if (key.length === 1) key = key.toUpperCase();
-    str += (str ? separator : '') + key;
-  }
-  return str;
-};
diff --git a/packages/mutxt-react/src/MuTxt/util/palette.ts b/packages/mutxt-react/src/MuTxt/util/palette.ts
deleted file mode 100644
index 40fa99bd2f..0000000000
--- a/packages/mutxt-react/src/MuTxt/util/palette.ts
+++ /dev/null
@@ -1,136 +0,0 @@
-import {HslColor} from '@jsonjoy.com/ui/lib/styles/color/HslColor';
-import type {MarkColor} from '../types';
-
-const REG_VALID = /^#?([0-9A-F]{3}|([0-9A-F]{6}([0-9a-f]{2})?))$/i;
-
-export const isValidColor = (color: string): boolean => REG_VALID.test(color);
-
-const toHex = (color: HslColor): string => color.toRgb().hex().toUpperCase();
-
-export const normalizeHex = (color: string): string => {
-  let v = color.trim();
-  if (!v) return v;
-  if (v[0] !== '#') v = '#' + v;
-  if (v.length === 4) v = '#' + v[1] + v[1] + v[2] + v[2] + v[3] + v[3];
-  return v.toUpperCase();
-};
-
-const MARK_HUE: Record<MarkColor, number> = {
-  yellow: 50 / 360,
-  lime: 75 / 360,
-  green: 130 / 360,
-  cyan: 175 / 360,
-  blue: 210 / 360,
-  pink: 320 / 360,
-  peach: 20 / 360,
-  red: 0,
-  purple: 270 / 360,
-  gray: 0,
-};
-
-const MARK_GRAY: MarkColor = 'gray';
-
-export const MARK_SLOTS: MarkColor[] = [
-  'yellow',
-  'lime',
-  'green',
-  'cyan',
-  'blue',
-  'pink',
-  'peach',
-  'red',
-  'purple',
-  'gray',
-];
-
-export const MARK_SLOT_LABEL: Record<MarkColor, string> = {
-  yellow: 'Yellow',
-  lime: 'Lime',
-  green: 'Green',
-  cyan: 'Cyan',
-  blue: 'Blue',
-  pink: 'Pink',
-  peach: 'Peach',
-  red: 'Red',
-  purple: 'Purple',
-  gray: 'Gray',
-};
-
-/** Background fill for a mark slot, theme-aware. */
-export const markSlotBg = (slot: MarkColor, dark: boolean): string => {
-  const hue = MARK_HUE[slot];
-  if (slot === MARK_GRAY)
-    return dark ? new HslColor(0, 0, 0.32, 0.85).toString() : new HslColor(0, 0, 0.85, 0.95).toString();
-  if (dark) return new HslColor(hue, 0.7, 0.32, 0.7).toString();
-  return new HslColor(hue, 0.95, 0.78, 0.95).toString();
-};
-
-/** Foreground text color shown on top of `markSlotBg`. */
-export const markSlotFg = (_slot: MarkColor, dark: boolean): string => (dark ? '#FFFFFF' : '#1A1A1A');
-
-export const QUICK_PALETTE: string[] = (() => {
-  const rows = 3;
-  const cols = 10;
-  const out: string[] = [];
-  const lightness = [0.88, 0.62, 0.36];
-  for (let r = 0; r < rows; r++) {
-    for (let c = 0; c < cols; c++) {
-      if (c === 0) {
-        // Monochrome column.
-        const l = r === 0 ? 1 : r === 1 ? 0.55 : 0;
-        out.push(toHex(new HslColor(0, 0, l)));
-        continue;
-      }
-      const hue = ((c - 1) / (cols - 1)) * 0.95;
-      const sat = r === 0 ? 0.7 : r === 1 ? 0.7 : 0.65;
-      out.push(toHex(new HslColor(hue, sat, lightness[r])));
-    }
-  }
-  return out;
-})();
-
-export const QUICK_PALETTE_COLS = 10;
-export const QUICK_PALETTE_ROWS = 3;
-
-export interface RecommendCombo {
-  fg: string;
-  bg: string;
-}
-
-export const RECOMMEND_PALETTE: RecommendCombo[] = (() => {
-  const out: RecommendCombo[] = [];
-  const cols = 10;
-  // Row 0: dark text on light pastel fill.
-  for (let c = 0; c < cols; c++) {
-    if (c === 0) {
-      out.push({fg: '#1A1A1A', bg: toHex(new HslColor(0, 0, 0.96))});
-      continue;
-    }
-    const hue = ((c - 1) / (cols - 1)) * 0.95;
-    out.push({fg: toHex(new HslColor(hue, 0.55, 0.28)), bg: toHex(new HslColor(hue, 0.85, 0.92))});
-  }
-  // Row 1: light text on saturated fill.
-  for (let c = 0; c < cols; c++) {
-    if (c === 0) {
-      out.push({fg: '#FFFFFF', bg: toHex(new HslColor(0, 0, 0.18))});
-      continue;
-    }
-    const hue = ((c - 1) / (cols - 1)) * 0.95;
-    out.push({fg: '#FFFFFF', bg: toHex(new HslColor(hue, 0.65, 0.45))});
-  }
-  return out;
-})();
-
-export const TEXT_PALETTE: string[] = (() => {
-  const cols = 10;
-  const out: string[] = [];
-  for (let c = 0; c < cols; c++) {
-    if (c === 0) {
-      out.push('#1A1A1A');
-      continue;
-    }
-    const hue = ((c - 1) / (cols - 1)) * 0.95;
-    out.push(toHex(new HslColor(hue, 0.7, 0.42)));
-  }
-  return out;
-})();
diff --git a/packages/mutxt-react/src/MuTxt/util/share.ts b/packages/mutxt-react/src/MuTxt/util/share.ts
deleted file mode 100644
index 06d1ae9c22..0000000000
--- a/packages/mutxt-react/src/MuTxt/util/share.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-import {encodeShareBlob, encodeEncryptedShareBlob} from './shareEncoding';
-
-export const buildPlainShareUrl = (encoded: string): string => {
-  const url = new URL(window.location.href);
-  url.search = '';
-  url.hash = 'n=' + encoded;
-  return url.toString();
-};
-
-export const buildShareUrl = (encoded: string, encrypted: boolean, title = '', message = ''): string => {
-  const url = new URL(window.location.href);
-  url.search = '';
-  const params = new URLSearchParams();
-  params.set(encrypted ? 'e' : 'n', encoded);
-  if (title.trim()) params.set('t', title.trim());
-  if (message.trim()) params.set('m', message.trim());
-  url.hash = params.toString();
-  return url.toString();
-};
-
-export const writeClipboard = async (text: string): Promise<void> => {
-  if (navigator.clipboard?.writeText) {
-    await navigator.clipboard.writeText(text);
-    return;
-  }
-  const textarea = document.createElement('textarea');
-  textarea.value = text;
-  textarea.style.position = 'fixed';
-  textarea.style.opacity = '0';
-  document.body.appendChild(textarea);
-  textarea.select();
-  try {
-    document.execCommand('copy');
-  } finally {
-    document.body.removeChild(textarea);
-  }
-};
-
-export const copyDefaultShareLink = async (bytes: Uint8Array): Promise<string> => {
-  const encoded = await encodeShareBlob(bytes);
-  const url = buildPlainShareUrl(encoded);
-  await writeClipboard(url);
-  return url;
-};
-
-export {encodeShareBlob, encodeEncryptedShareBlob};
diff --git a/packages/mutxt-react/src/MuTxt/util/shareEncoding.ts b/packages/mutxt-react/src/MuTxt/util/shareEncoding.ts
deleted file mode 100644
index 914b85b28f..0000000000
--- a/packages/mutxt-react/src/MuTxt/util/shareEncoding.ts
+++ /dev/null
@@ -1,84 +0,0 @@
-import {gzip, ungzip} from '@jsonjoy.com/util/lib/compression/gzip';
-import {toBase64Url} from '@jsonjoy.com/base64/lib/toBase64Url';
-import {fromBase64Url} from '@jsonjoy.com/base64/lib/fromBase64Url';
-
-const SALT_LEN = 16;
-const IV_LEN = 12;
-const PBKDF2_ITERATIONS = 200_000;
-
-const subtle = (): SubtleCrypto => {
-  const c = (globalThis as any).crypto;
-  if (!c?.subtle) throw new Error('NO_CRYPTO');
-  return c.subtle;
-};
-
-const randomBytes = (length: number): Uint8Array => {
-  const c = (globalThis as any).crypto;
-  if (!c?.getRandomValues) throw new Error('NO_CRYPTO');
-  return c.getRandomValues(new Uint8Array(length));
-};
-
-const deriveKey = async (password: string, salt: Uint8Array, usage: KeyUsage[]): Promise<CryptoKey> => {
-  const baseKey = await subtle().importKey('raw', new TextEncoder().encode(password), {name: 'PBKDF2'}, false, [
-    'deriveKey',
-  ]);
-  return subtle().deriveKey(
-    {name: 'PBKDF2', salt: salt as BufferSource, iterations: PBKDF2_ITERATIONS, hash: 'SHA-256'},
-    baseKey,
-    {name: 'AES-GCM', length: 256},
-    false,
-    usage,
-  );
-};
-
-/**
- * Encode the document binary as a base64url string suitable for embedding in
- * a URL. The bytes are gzip-compressed before encoding.
- */
-export const encodeShareBlob = async (bytes: Uint8Array): Promise<string> => {
-  const compressed = await gzip(bytes);
-  return toBase64Url(compressed, compressed.length);
-};
-
-/**
- * Encode the document binary as an encrypted, base64url-encoded string.
- */
-export const encodeEncryptedShareBlob = async (bytes: Uint8Array, password: string): Promise<string> => {
-  if (!password) throw new Error('NO_PWD');
-  const compressed = await gzip(bytes);
-  const salt = randomBytes(SALT_LEN);
-  const iv = randomBytes(IV_LEN);
-  const key = await deriveKey(password, salt, ['encrypt']);
-  const ct = new Uint8Array(
-    await subtle().encrypt({name: 'AES-GCM', iv: iv as BufferSource}, key, compressed as BufferSource),
-  );
-  const out = new Uint8Array(SALT_LEN + IV_LEN + ct.length);
-  out.set(salt, 0);
-  out.set(iv, SALT_LEN);
-  out.set(ct, SALT_LEN + IV_LEN);
-  return toBase64Url(out, out.length);
-};
-
-/**
- * Decode a plaintext share blob produced by {@link encodeShareBlob}.
- */
-export const decodeShareBlob = async (encoded: string): Promise<Uint8Array> => {
-  const compressed = fromBase64Url(encoded);
-  return (await ungzip(compressed)) as Uint8Array;
-};
-
-/**
- * Decode an encrypted share blob produced by {@link encodeEncryptedShareBlob}.
- */
-export const decodeEncryptedShareBlob = async (encoded: string, password: string): Promise<Uint8Array> => {
-  const blob = fromBase64Url(encoded);
-  if (blob.length < SALT_LEN + IV_LEN + 16) throw new Error('Encrypted blob is too short to be valid.');
-  const salt = blob.slice(0, SALT_LEN);
-  const iv = blob.slice(SALT_LEN, SALT_LEN + IV_LEN);
-  const ct = blob.slice(SALT_LEN + IV_LEN);
-  const key = await deriveKey(password, salt, ['decrypt']);
-  const compressed = new Uint8Array(
-    await subtle().decrypt({name: 'AES-GCM', iv: iv as BufferSource}, key, ct as BufferSource),
-  );
-  return (await ungzip(compressed)) as Uint8Array;
-};
diff --git a/packages/mutxt-react/src/MuTxt/util/typeToLabel.ts b/packages/mutxt-react/src/MuTxt/util/typeToLabel.ts
deleted file mode 100644
index e714ae8c23..0000000000
--- a/packages/mutxt-react/src/MuTxt/util/typeToLabel.ts
+++ /dev/null
@@ -1,56 +0,0 @@
-export const typeToLabel = (type: string): string => {
-  switch (type) {
-    case 'p':
-      return 'Paragraph';
-    case 'h1':
-      return 'Heading 1';
-    case 'h2':
-      return 'Heading 2';
-    case 'h3':
-      return 'Heading 3';
-    case 'h4':
-      return 'Heading 4';
-    case 'h5':
-      return 'Heading 5';
-    case 'h6':
-      return 'Heading 6';
-    case 'title':
-      return 'Title';
-    case 'subtitle':
-      return 'Subtitle';
-    case 'columns':
-      return 'Two columns';
-    case 'blockquote':
-      return 'Quote';
-    case 'callout':
-      return 'Callout';
-    case 'code-block':
-      return 'Code block';
-    case 'pre':
-      return 'Pre-formatted';
-    case 'embed':
-      return 'Embed';
-    case 'file':
-      return 'File';
-    case 'hr':
-      return 'Separator';
-    case 'toc':
-      return 'Table of contents';
-    case 'math':
-      return 'Equation';
-    case 'math-inline':
-      return 'Inline equation';
-    case 'checklist':
-      return 'Checklist';
-    case 'stepper':
-      return 'Stepper';
-    case 'ul':
-      return 'Bulleted list';
-    case 'ol':
-      return 'Numbered list';
-    case 'li':
-      return 'List item';
-    default:
-      return '';
-  }
-};
diff --git a/packages/mutxt-react/src/MuTxt/util/watch.ts b/packages/mutxt-react/src/MuTxt/util/watch.ts
deleted file mode 100644
index 90330eb67a..0000000000
--- a/packages/mutxt-react/src/MuTxt/util/watch.ts
+++ /dev/null
@@ -1,34 +0,0 @@
-/**
- * Subscribes to a reactive value, skips the first `skip` emissions, and calls
- * `callback` with the latest value after `debounce` ms of silence.
- *
- * @returns Returns a cleanup function that unsubscribes and cancels any pending timer.
- */
-export const watch = <T>(
-  source: {subscribe(cb: () => void): () => void; readonly value: T},
-  debounce = 0,
-  skip = 0,
-  callback: (value: T) => void,
-): (() => void) => {
-  let remaining = skip;
-  let timer = 0;
-  const unsub = source.subscribe(() => {
-    if (remaining > 0) {
-      remaining--;
-      return;
-    }
-    if (timer) clearTimeout(timer);
-    if (debounce > 0) {
-      timer = setTimeout(() => {
-        timer = 0;
-        callback(source.value);
-      }, debounce) as unknown as number;
-    } else {
-      callback(source.value);
-    }
-  });
-  return () => {
-    unsub();
-    if (timer) clearTimeout(timer);
-  };
-};
diff --git a/packages/mutxt-react/src/MuTxt/void/VoidMenu.tsx b/packages/mutxt-react/src/MuTxt/void/VoidMenu.tsx
deleted file mode 100644
index b79190c12c..0000000000
--- a/packages/mutxt-react/src/MuTxt/void/VoidMenu.tsx
+++ /dev/null
@@ -1,164 +0,0 @@
-import * as React from 'react';
-import {rsync} from '@jsonjoy.com/ui';
-import {ReactEditor} from 'slate-react';
-import {insertHr} from '../behavior/hr';
-import {insertToc} from '../behavior/toc';
-import {insertEmptyMathBlock} from '../behavior/math';
-import type {MenuItem} from '../types';
-import type {MuTxtState} from '../state/MuTxtState';
-import type {UiLifeCycles} from '@jsonjoy.com/ui/lib/types';
-import EmbedIcon__svg from 'iconista/lib/react/tabler/box';
-import HrIcon__svg from 'iconista/lib/react/tabler/separator';
-import FileIcon__svg from 'iconista/lib/react/tabler/file-upload';
-import TocIcon__svg from 'iconista/lib/react/lucide/list-tree';
-import MathIcon__svg from 'iconista/lib/react/tabler/math-function';
-
-// const EmbedIcon = makeIcon({set: 'lucide', icon: 'link-2', width: 16, height: 16});
-const EmbedIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <EmbedIcon__svg width={16} height={16} {...props} />
-);
-const HrIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => <HrIcon__svg width={16} height={16} {...props} />;
-const FileIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <FileIcon__svg width={16} height={16} {...props} />
-);
-// const TocIcon = makeIcon({set: 'bootstrap', icon: 'list-columns-reverse', width: 16, height: 16});
-const TocIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => <TocIcon__svg width={16} height={16} {...props} />;
-const MathIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <MathIcon__svg width={16} height={16} {...props} />
-);
-
-export class VoidMenu implements UiLifeCycles {
-  constructor(public readonly mutxt: MuTxtState) {}
-
-  public start() {
-    return () => {};
-  }
-
-  public build(): MenuItem {
-    return {
-      name: 'Insert menu',
-      children: [
-        this.itemEmbed({anchorFromCaret: true}),
-        this.itemFile({anchorFromCaret: true}),
-        this.itemMath({anchorFromCaret: true}),
-        this.itemHr(),
-        this.itemToc(),
-      ],
-    };
-  }
-
-  public buildToolbarMenu(): MenuItem {
-    return {
-      name: 'Void menu',
-      children: [
-        {
-          name: 'Insert menu',
-          expand: 2,
-          children: [this.itemEmbed(), this.itemFile(), this.itemMath(), this.itemHr(), this.itemToc()],
-        },
-      ],
-    };
-  }
-
-  public itemHr(): MenuItem {
-    const mutxt = this.mutxt;
-    return {
-      name: 'Separator',
-      text: 'hr horizontal rule line divider break thematic',
-      icon: () => <HrIcon />,
-      disabled: rsync.comp([mutxt.readOnly], ([readOnly]) => !!readOnly),
-      onSelect: (event) => {
-        event.preventDefault();
-        if (mutxt.readOnly.value) return;
-        mutxt.voids.open.set(false);
-        insertHr(mutxt.editor);
-        ReactEditor.focus(mutxt.editor as ReactEditor);
-        mutxt.setFocused(true);
-        mutxt.sync(true);
-      },
-    };
-  }
-
-  public itemToc(): MenuItem {
-    const mutxt = this.mutxt;
-    return {
-      name: 'Table of contents',
-      text: 'toc index outline navigation headings summary contents',
-      icon: () => <TocIcon />,
-      disabled: rsync.comp([mutxt.readOnly], ([readOnly]) => !!readOnly),
-      onSelect: (event) => {
-        event.preventDefault();
-        if (mutxt.readOnly.value) return;
-        mutxt.voids.open.set(false);
-        insertToc(mutxt.editor);
-        ReactEditor.focus(mutxt.editor as ReactEditor);
-        mutxt.setFocused(true);
-        mutxt.sync(true);
-      },
-    };
-  }
-
-  public itemFile(opts: {anchorFromCaret?: boolean} = {}): MenuItem {
-    const mutxt = this.mutxt;
-    const file = mutxt.voids.file;
-    return {
-      name: 'File',
-      text: 'attachment upload image picture photo video audio media document pdf',
-      icon: () => <FileIcon />,
-      disabled: rsync.comp([file.canOpen], ([canOpen]) => !canOpen),
-      onSelect: (event) => {
-        event.preventDefault();
-        if (opts.anchorFromCaret) {
-          file.setAnchorFromCaret();
-        } else {
-          const trigger = event.currentTarget as HTMLElement | null;
-          if (trigger) file.setAnchorEl(trigger);
-        }
-        mutxt.voids.open.set(false);
-        file.toggle();
-      },
-    };
-  }
-
-  public itemEmbed(opts: {anchorFromCaret?: boolean} = {}): MenuItem {
-    const mutxt = this.mutxt;
-    const embed = mutxt.voids.embed;
-    return {
-      name: 'Embed',
-      text: 'iframe url media youtube tweet bookmark link preview',
-      icon: () => <EmbedIcon />,
-      disabled: rsync.comp([embed.canOpen], ([canOpen]) => !canOpen),
-      active: rsync.comp([mutxt.caretEmbedUrl], ([url]) => !!url),
-      onSelect: (event) => {
-        event.preventDefault();
-        if (opts.anchorFromCaret) {
-          embed.setAnchorFromCaret();
-        } else {
-          const trigger = event.currentTarget as HTMLElement | null;
-          if (trigger) embed.setAnchorEl(trigger);
-        }
-        mutxt.voids.open.set(false);
-        embed.toggle();
-      },
-    };
-  }
-
-  public itemMath(_opts: {anchorFromCaret?: boolean} = {}): MenuItem {
-    const mutxt = this.mutxt;
-    return {
-      name: 'Equation',
-      text: 'math equation formula latex mathlive tex displaystyle',
-      icon: () => <MathIcon />,
-      disabled: rsync.comp([mutxt.readOnly], ([readOnly]) => !!readOnly),
-      onSelect: (event) => {
-        event.preventDefault();
-        if (mutxt.readOnly.value) return;
-        mutxt.voids.open.set(false);
-        insertEmptyMathBlock(mutxt);
-        ReactEditor.focus(mutxt.editor as ReactEditor);
-        mutxt.setFocused(true);
-        mutxt.sync(true);
-      },
-    };
-  }
-}
diff --git a/packages/mutxt-react/src/MuTxt/void/VoidState.tsx b/packages/mutxt-react/src/MuTxt/void/VoidState.tsx
deleted file mode 100644
index eacf130be7..0000000000
--- a/packages/mutxt-react/src/MuTxt/void/VoidState.tsx
+++ /dev/null
@@ -1,43 +0,0 @@
-import {rsync, type UiLifeCycles} from '@jsonjoy.com/ui';
-import {VoidMenu} from './VoidMenu';
-import {EmbedButtonState} from './embed/EmbedButtonState';
-import {FileButtonState} from './file/FileButtonState';
-import type {MuTxtState} from '../state/MuTxtState';
-import type {AnchorPoint} from '@jsonjoy.com/ui/lib/utils/popup/types';
-
-export class VoidState implements UiLifeCycles {
-  public readonly menu: VoidMenu;
-  public readonly open = rsync.val(false);
-  public readonly embed: EmbedButtonState;
-  public readonly file: FileButtonState;
-
-  constructor(private readonly mutxt: MuTxtState) {
-    this.menu = new VoidMenu(mutxt);
-    this.embed = new EmbedButtonState(mutxt);
-    this.file = new FileButtonState(mutxt);
-  }
-
-  public readonly start = (): (() => void) => {
-    return () => {};
-  };
-
-  public point(): AnchorPoint | undefined {
-    try {
-      const focusRect = this.mutxt.api.focusRect();
-      if (!focusRect) return;
-      return {
-        x: focusRect.left,
-        y: focusRect.bottom + 4,
-        dx: 0,
-        dy: 1,
-      };
-    } catch {
-      return;
-    }
-  }
-
-  public readonly close = (): void => {
-    this.open.set(false);
-    this.mutxt.api.focus();
-  };
-}
diff --git a/packages/mutxt-react/src/MuTxt/void/embed/EmbedButtonState.ts b/packages/mutxt-react/src/MuTxt/void/embed/EmbedButtonState.ts
deleted file mode 100644
index 9dd477c030..0000000000
--- a/packages/mutxt-react/src/MuTxt/void/embed/EmbedButtonState.ts
+++ /dev/null
@@ -1,107 +0,0 @@
-import {rsync} from '@jsonjoy.com/ui';
-import {flushSync} from 'react-dom';
-import type {Editor, Path} from 'slate';
-import {
-  getActiveEmbedEntry,
-  insertEmbed,
-  normalizeEmbedUrl,
-  removeEmbedAtPath,
-  updateEmbedAtPath,
-} from '../../behavior/embed';
-import type {MuTxtState} from '../../state/MuTxtState';
-
-export class EmbedButtonState {
-  public readonly open = rsync.val(false);
-  public readonly draftUrl = rsync.val('');
-  public readonly draftCaption = rsync.val('');
-  public readonly editingPath = rsync.val<Path | null>(null);
-  /** Snapshot of the bounding rect of the trigger element (button or caret). */
-  public readonly anchorRect = rsync.val<DOMRect | null>(null);
-  public readonly normalizedDraft = rsync.comp([this.draftUrl], ([draftUrl]) => normalizeEmbedUrl(draftUrl));
-  public readonly canOpen: rsync.ReactComputed<boolean>;
-  public readonly selected: rsync.ReactComputed<boolean>;
-
-  private readonly editor: Editor;
-
-  constructor(public readonly mutxt: MuTxtState) {
-    this.editor = mutxt.editor;
-    this.canOpen = rsync.comp([mutxt.readOnly], ([readOnly]) => !readOnly);
-    this.selected = rsync.comp(
-      [mutxt.readOnly, this.open, mutxt.caretEmbedUrl],
-      ([readOnly, open, caretEmbedUrl]) => !readOnly && (open || !!caretEmbedUrl),
-    );
-  }
-
-  public readonly setDraftUrl = (value: string): void => {
-    this.draftUrl.set(value);
-  };
-
-  public readonly setDraftCaption = (value: string): void => {
-    this.draftCaption.set(value);
-  };
-
-  public readonly setAnchorRect = (rect: DOMRect | null): void => {
-    this.anchorRect.set(rect);
-  };
-
-  public readonly setAnchorEl = (el: HTMLElement | null): void => {
-    this.anchorRect.set(el ? el.getBoundingClientRect() : null);
-  };
-
-  public readonly setAnchorFromCaret = (): void => {
-    const rect = this.mutxt.api.focusRect();
-    this.anchorRect.set(rect ?? null);
-  };
-
-  private readonly syncDraftFromSelection = (): void => {
-    const entry = getActiveEmbedEntry(this.editor);
-    this.editingPath.set(entry?.[1] ?? null);
-    this.draftUrl.set(entry?.[0].url ?? '');
-    this.draftCaption.set(entry?.[0].caption ?? '');
-  };
-
-  public readonly toggle = (): void => {
-    if (!this.canOpen.value) return;
-    const nextOpen = !this.open.value;
-    if (nextOpen) {
-      this.syncDraftFromSelection();
-    } else {
-      this.editingPath.set(null);
-    }
-    this.open.set(nextOpen);
-  };
-
-  public readonly close = (): void => {
-    this.open.set(false);
-    this.editingPath.set(null);
-    this.anchorRect.set(null);
-    this.mutxt.api.focus();
-  };
-
-  public readonly apply = (): void => {
-    const normalized = normalizeEmbedUrl(this.draftUrl.value);
-    if (!normalized) return;
-    const editor = this.editor;
-    const editingPath = this.editingPath.value;
-    const caption = this.draftCaption.value.trim();
-    flushSync(() => this.open.set(false));
-    const updated = editingPath
-      ? updateEmbedAtPath(editor, editingPath, normalized, caption)
-      : !!insertEmbed(editor, normalized, caption);
-    if (!updated) {
-      this.open.set(true);
-      return;
-    }
-    this.draftUrl.set(normalized);
-    this.draftCaption.set(caption);
-    this.editingPath.set(null);
-    this.anchorRect.set(null);
-  };
-
-  public readonly remove = (): void => {
-    const editingPath = this.editingPath.value;
-    if (!editingPath) return;
-    if (!removeEmbedAtPath(this.editor, editingPath)) return;
-    this.close();
-  };
-}
diff --git a/packages/mutxt-react/src/MuTxt/void/embed/EmbedFloater.tsx b/packages/mutxt-react/src/MuTxt/void/embed/EmbedFloater.tsx
deleted file mode 100644
index 8df93922ad..0000000000
--- a/packages/mutxt-react/src/MuTxt/void/embed/EmbedFloater.tsx
+++ /dev/null
@@ -1,53 +0,0 @@
-import * as React from 'react';
-import {PositionAtPoint} from '@jsonjoy.com/ui/lib/utils/popup/PositionAtPoint';
-import {useClickAway} from '@jsonjoy.com/ui/lib/hooks/useClickAway';
-import {useMuTxt} from '../../context';
-import {EmbedToolbarPopup} from './EmbedToolbarPopup';
-import {ctx} from './context';
-import type {AnchorPoint} from '@jsonjoy.com/ui/lib/utils/popup/types';
-
-const GAP = 8;
-
-const pointFromRect = (rect: DOMRect): AnchorPoint => {
-  const x = rect.left + rect.width / 2;
-  const spaceBelow = window.innerHeight - rect.bottom;
-  const spaceAbove = rect.top;
-  if (spaceBelow >= spaceAbove) {
-    return {x, y: rect.bottom + GAP, dx: 0, dy: 1};
-  }
-  return {x, y: rect.top - GAP, dx: 0, dy: -1};
-};
-
-export const EmbedFloater: React.FC = () => {
-  const mutxt = useMuTxt();
-  const embed = mutxt.voids.embed;
-  const open = embed.open.use();
-  const rect = embed.anchorRect.use();
-
-  const clickAwayRef = useClickAway(React.useCallback(() => embed.close(), [embed]));
-
-  if (!open || !rect) return null;
-  const point = pointFromRect(rect);
-
-  return (
-    <ctx.Provider value={embed}>
-      <PositionAtPoint point={point}>
-        <div
-          ref={clickAwayRef}
-          onMouseDown={(e) => {
-            if ((e.target as HTMLElement).tagName !== 'INPUT') e.preventDefault();
-          }}
-          onKeyDown={(e) => {
-            if (e.key === 'Escape') {
-              e.stopPropagation();
-              e.preventDefault();
-              embed.close();
-            }
-          }}
-        >
-          <EmbedToolbarPopup />
-        </div>
-      </PositionAtPoint>
-    </ctx.Provider>
-  );
-};
diff --git a/packages/mutxt-react/src/MuTxt/void/embed/EmbedToolbarPopup.tsx b/packages/mutxt-react/src/MuTxt/void/embed/EmbedToolbarPopup.tsx
deleted file mode 100644
index 8dd2a27362..0000000000
--- a/packages/mutxt-react/src/MuTxt/void/embed/EmbedToolbarPopup.tsx
+++ /dev/null
@@ -1,148 +0,0 @@
-import * as React from 'react';
-import {rule} from 'nano-theme';
-import {BasicButton} from '@jsonjoy.com/ui/lib/2-inline-block/BasicButton';
-import {BasicButtonDelete} from '@jsonjoy.com/ui/lib/2-inline-block/BasicButton/BasicButtonDelete';
-import {CopyButton} from '@jsonjoy.com/ui/lib/2-inline-block/CopyButton';
-import {Input} from '@jsonjoy.com/ui/lib/2-inline-block/Input';
-import {BasicTooltip} from '@jsonjoy.com/ui/lib/4-card/BasicTooltip';
-import {Iconista} from '@jsonjoy.com/ui/lib/icons/Iconista';
-import {EditorContextPopup} from '../../chrome/EditorContextPopup';
-import {EmbedPreview} from '../../components/blocks/EmbedElement';
-import {useEmbedButton} from './context';
-
-const inputRowClass = rule({
-  d: 'flex',
-  fld: 'column',
-  gap: '10px',
-});
-
-const actionRowClass = rule({
-  d: 'flex',
-  ai: 'center',
-  jc: 'space-between',
-  gap: '8px',
-});
-
-const actionButtonsClass = rule({
-  d: 'flex',
-  ai: 'center',
-  gap: '6px',
-});
-
-const preventMouseDown = (event: React.MouseEvent): void => {
-  event.preventDefault();
-};
-
-const stopMouseDownPropagation = (event: React.MouseEvent): void => {
-  event.stopPropagation();
-};
-
-export const EmbedToolbarPopup: React.FC = () => {
-  const state = useEmbedButton();
-  const open = state.open.use();
-  const draftUrl = state.draftUrl.use();
-  const draftCaption = state.draftCaption.use();
-  const editingPath = state.editingPath.use();
-  const normalizedDraft = state.normalizedDraft.use();
-  const [previewUrl, setPreviewUrl] = React.useState('');
-
-  React.useEffect(() => {
-    if (!open || !normalizedDraft) {
-      setPreviewUrl('');
-      return;
-    }
-    const timer = window.setTimeout(() => setPreviewUrl(normalizedDraft), 250);
-    return () => window.clearTimeout(timer);
-  }, [normalizedDraft, open]);
-
-  const title = editingPath ? 'Edit embed' : 'Add embed';
-  const subtitle = editingPath
-    ? 'Update the embed link or caption.'
-    : 'Paste a link to a video, audio, tweet, or anything else.';
-
-  const actionRow = !!normalizedDraft && (
-    <div className={actionRowClass} onMouseDown={stopMouseDownPropagation}>
-      <div className={actionButtonsClass}>
-        <CopyButton
-          type="button"
-          width={32}
-          height={32}
-          rounder
-          onMouseDown={preventMouseDown}
-          onCopy={() => normalizedDraft}
-          tooltip={{nowrap: true, renderTooltip: () => 'Copy URL'}}
-        />
-        <BasicTooltip nowrap renderTooltip={() => 'Open source'}>
-          <BasicButton type="button" width={32} height={32} rounder onMouseDown={preventMouseDown} to={normalizedDraft}>
-            <Iconista set={'lucide' as any} icon={'external-link' as any} width={16} height={16} />
-          </BasicButton>
-        </BasicTooltip>
-        {!!editingPath && (
-          <BasicTooltip nowrap renderTooltip={() => 'Remove embed'}>
-            <BasicButtonDelete
-              type="button"
-              width={32}
-              height={32}
-              rounder
-              onMouseDown={preventMouseDown}
-              onConfirm={state.remove}
-            />
-          </BasicTooltip>
-        )}
-      </div>
-    </div>
-  );
-
-  const preview = previewUrl ? (
-    <EmbedPreview url={previewUrl} caption={draftCaption.trim() || undefined} compact width={400} />
-  ) : null;
-
-  return (
-    <EditorContextPopup
-      title={title}
-      subtitle={subtitle}
-      headerRight={actionRow || undefined}
-      minWidth={Math.max(Math.min(500, window.innerWidth * 0.55), 360)}
-      applyLabel={editingPath ? 'Update' : 'Insert'}
-      applyDisabled={!normalizedDraft}
-      onCancel={state.close}
-      onApply={state.apply}
-    >
-      <div className={inputRowClass}>
-        <Input
-          type="text"
-          label="Embed URL"
-          value={draftUrl}
-          placeholder="https://www.youtube.com/watch?v=..."
-          focus
-          select={open}
-          onChange={state.setDraftUrl}
-          onEnter={(event) => {
-            event.preventDefault();
-            state.apply();
-          }}
-          onEsc={(event) => {
-            event.preventDefault();
-            state.close();
-          }}
-        />
-        <Input
-          type="text"
-          label="Caption"
-          value={draftCaption}
-          placeholder="Optional caption"
-          onChange={state.setDraftCaption}
-          onEnter={(event) => {
-            event.preventDefault();
-            state.apply();
-          }}
-          onEsc={(event) => {
-            event.preventDefault();
-            state.close();
-          }}
-        />
-        {preview}
-      </div>
-    </EditorContextPopup>
-  );
-};
diff --git a/packages/mutxt-react/src/MuTxt/void/embed/context.ts b/packages/mutxt-react/src/MuTxt/void/embed/context.ts
deleted file mode 100644
index 93196ecba1..0000000000
--- a/packages/mutxt-react/src/MuTxt/void/embed/context.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import * as React from 'react';
-import type {EmbedButtonState} from './EmbedButtonState';
-
-export const ctx = React.createContext<EmbedButtonState | null>(null);
-
-export const useEmbedButton = (): EmbedButtonState => {
-  const state = React.useContext(ctx);
-  if (!state) throw new Error('NO_CTX');
-  return state;
-};
diff --git a/packages/mutxt-react/src/MuTxt/void/file/FileButtonState.ts b/packages/mutxt-react/src/MuTxt/void/file/FileButtonState.ts
deleted file mode 100644
index 9a7d774a89..0000000000
--- a/packages/mutxt-react/src/MuTxt/void/file/FileButtonState.ts
+++ /dev/null
@@ -1,102 +0,0 @@
-import {rsync} from '@jsonjoy.com/ui';
-import {flushSync} from 'react-dom';
-import {ReactEditor} from 'slate-react';
-import {s} from 'json-joy/lib/json-crdt';
-import {insertFile} from '../../behavior/file';
-import type {Editor} from 'slate';
-import type {MuTxtState} from '../../state/MuTxtState';
-
-export class FileButtonState {
-  public readonly open = rsync.val(false);
-  public readonly busy = rsync.val(false);
-  public readonly anchorRect = rsync.val<DOMRect | null>(null);
-  public readonly canOpen: rsync.ReactComputed<boolean>;
-
-  private readonly editor: Editor;
-
-  constructor(public readonly mutxt: MuTxtState) {
-    this.editor = mutxt.editor;
-    this.canOpen = rsync.comp([mutxt.readOnly], ([readOnly]) => !readOnly);
-  }
-
-  public readonly setAnchorRect = (rect: DOMRect | null): void => {
-    this.anchorRect.set(rect);
-  };
-
-  public readonly setAnchorEl = (el: HTMLElement | null): void => {
-    this.anchorRect.set(el ? el.getBoundingClientRect() : null);
-  };
-
-  public readonly setAnchorFromCaret = (): void => {
-    const rect = this.mutxt.api.focusRect();
-    this.anchorRect.set(rect ?? null);
-  };
-
-  public readonly toggle = (): void => {
-    if (!this.canOpen.value) return;
-    this.open.set(!this.open.value);
-  };
-
-  public readonly close = (): void => {
-    this.open.set(false);
-    this.anchorRect.set(null);
-    this.mutxt.api.focus();
-  };
-
-  /**
-   * Programmatically pick a file via a hidden `<input type="file">` and insert
-   * it as a `<file>` block. Returns the new thing ID, or null on cancel/error.
-   */
-  public readonly pickAndInsert = async (): Promise<string | null> => {
-    if (!this.canOpen.value) return null;
-    return new Promise<string | null>((resolve) => {
-      const input = document.createElement('input');
-      input.type = 'file';
-      input.style.display = 'none';
-      input.addEventListener('change', async () => {
-        const file = input.files?.[0];
-        document.body.removeChild(input);
-        if (!file) {
-          resolve(null);
-          return;
-        }
-        try {
-          const id = await this.insertFromFile(file);
-          resolve(id);
-        } catch {
-          resolve(null);
-        }
-      });
-      document.body.appendChild(input);
-      input.click();
-    });
-  };
-
-  /** Read a `File` blob and insert a `<file>` block referencing it. */
-  public readonly insertFromFile = async (file: File): Promise<string | null> => {
-    if (!this.canOpen.value) return null;
-    flushSync(() => this.busy.set(true));
-    try {
-      const bytes = new Uint8Array(await file.arrayBuffer());
-      const id = this.mutxt.things.add({
-        '@type': 'file',
-        name: file.name,
-        mimeType: file.type || 'application/octet-stream',
-        size: file.size,
-        data: s.con(bytes),
-      } as any);
-      // Ensure we have an editor selection before inserting; default to end.
-      if (!this.editor.selection) {
-        try {
-          ReactEditor.focus(this.editor as ReactEditor);
-        } catch {}
-      }
-      insertFile(this.editor, id, undefined);
-      this.mutxt.sync(true);
-      return id;
-    } finally {
-      this.busy.set(false);
-      this.close();
-    }
-  };
-}
diff --git a/packages/mutxt-react/src/MuTxt/void/file/FileFloater.tsx b/packages/mutxt-react/src/MuTxt/void/file/FileFloater.tsx
deleted file mode 100644
index f2ac6738c8..0000000000
--- a/packages/mutxt-react/src/MuTxt/void/file/FileFloater.tsx
+++ /dev/null
@@ -1,53 +0,0 @@
-import * as React from 'react';
-import {PositionAtPoint} from '@jsonjoy.com/ui/lib/utils/popup/PositionAtPoint';
-import {useClickAway} from '@jsonjoy.com/ui/lib/hooks/useClickAway';
-import {useMuTxt} from '../../context';
-import {FileToolbarPopup} from './FileToolbarPopup';
-import {ctx} from './context';
-import type {AnchorPoint} from '@jsonjoy.com/ui/lib/utils/popup/types';
-
-const GAP = 8;
-
-const pointFromRect = (rect: DOMRect): AnchorPoint => {
-  const x = rect.left + rect.width / 2;
-  const spaceBelow = window.innerHeight - rect.bottom;
-  const spaceAbove = rect.top;
-  if (spaceBelow >= spaceAbove) {
-    return {x, y: rect.bottom + GAP, dx: 0, dy: 1};
-  }
-  return {x, y: rect.top - GAP, dx: 0, dy: -1};
-};
-
-export const FileFloater: React.FC = () => {
-  const mutxt = useMuTxt();
-  const fileBtn = mutxt.voids.file;
-  const open = fileBtn.open.use();
-  const rect = fileBtn.anchorRect.use();
-
-  const clickAwayRef = useClickAway(React.useCallback(() => fileBtn.close(), [fileBtn]));
-
-  if (!open || !rect) return null;
-  const point = pointFromRect(rect);
-
-  return (
-    <ctx.Provider value={fileBtn}>
-      <PositionAtPoint point={point}>
-        <div
-          ref={clickAwayRef}
-          onMouseDown={(e) => {
-            if ((e.target as HTMLElement).tagName !== 'INPUT') e.preventDefault();
-          }}
-          onKeyDown={(e) => {
-            if (e.key === 'Escape') {
-              e.stopPropagation();
-              e.preventDefault();
-              fileBtn.close();
-            }
-          }}
-        >
-          <FileToolbarPopup />
-        </div>
-      </PositionAtPoint>
-    </ctx.Provider>
-  );
-};
diff --git a/packages/mutxt-react/src/MuTxt/void/file/FileToolbarPopup.tsx b/packages/mutxt-react/src/MuTxt/void/file/FileToolbarPopup.tsx
deleted file mode 100644
index 442150ad18..0000000000
--- a/packages/mutxt-react/src/MuTxt/void/file/FileToolbarPopup.tsx
+++ /dev/null
@@ -1,40 +0,0 @@
-import * as React from 'react';
-import {Iconista} from '@jsonjoy.com/ui/lib/icons/Iconista';
-import {DropArea, DropAreaState} from '@jsonjoy.com/ui/lib/5-block/DropArea';
-import {EditorContextPopup} from '../../chrome/EditorContextPopup';
-import {useFileButton} from './context';
-import {useT} from 'use-t';
-
-export const FileToolbarPopup: React.FC = () => {
-  const [t] = useT();
-  const state = useFileButton();
-  const busy = state.busy.use();
-  const dropState = React.useMemo(
-    () =>
-      new DropAreaState(async (files) => {
-        const file = files[0];
-        if (!file) return;
-        await state.insertFromFile(file);
-      }),
-    [state],
-  );
-
-  return (
-    <EditorContextPopup
-      title={t('Insert file')}
-      subtitle={t('Pick a file from your device, or drag and drop.')}
-      minWidth={360}
-      applyLabel={t('Choose file…')}
-      applyDisabled={busy}
-      onCancel={state.close}
-      onApply={dropState.pick}
-    >
-      <DropArea state={dropState} multiple={false} paper={false} compact>
-        <Iconista set={'lucide' as any} icon={'upload' as any} width={24} height={24} />
-        <div className="DropArea-text" style={{fontSize: 13, lineHeight: 1.4, textAlign: 'center'}}>
-          {busy ? t('Reading…') : t('Drop a file here, or click to pick')}
-        </div>
-      </DropArea>
-    </EditorContextPopup>
-  );
-};
diff --git a/packages/mutxt-react/src/MuTxt/void/file/context.ts b/packages/mutxt-react/src/MuTxt/void/file/context.ts
deleted file mode 100644
index 021dbc2744..0000000000
--- a/packages/mutxt-react/src/MuTxt/void/file/context.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import * as React from 'react';
-import type {FileButtonState} from './FileButtonState';
-
-export const ctx = React.createContext<FileButtonState | null>(null);
-
-export const useFileButton = (): FileButtonState => {
-  const state = React.useContext(ctx);
-  if (!state) throw new Error('NO_CTX');
-  return state;
-};
diff --git a/packages/mutxt-react/src/MuTxt/void/math/mathlive.tsx b/packages/mutxt-react/src/MuTxt/void/math/mathlive.tsx
deleted file mode 100644
index 0947672605..0000000000
--- a/packages/mutxt-react/src/MuTxt/void/math/mathlive.tsx
+++ /dev/null
@@ -1,67 +0,0 @@
-import * as React from 'react';
-import {rule} from 'nano-theme';
-
-import 'mathlive';
-import 'mathlive/fonts.css';
-import 'mathlive/static.css';
-
-const equationSelectedClass = rule({
-  '&::part(render)': {
-    bg: 'var(--selection-color-blurred)',
-    bdrad: '2px',
-  },
-});
-
-const equationFocusedClass = rule({
-  '&::part(render)': {
-    bg: 'var(--selection-color)',
-    bdrad: '2px',
-  },
-});
-
-export type MathDisplayMode = 'textstyle' | 'displaystyle';
-
-export interface MathSpanProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement> {
-  tex: string;
-  mode?: MathDisplayMode;
-  focused?: boolean;
-  selected?: boolean;
-  dark?: boolean;
-}
-
-export const MathSpan: React.FC<MathSpanProps> = ({
-  tex,
-  mode = 'textstyle',
-  focused,
-  selected,
-  dark,
-  style,
-  ...props
-}) => {
-  const ref = React.useRef<HTMLSpanElement>(null);
-
-  if (ref.current && ref.current.textContent !== tex) {
-    ref.current.textContent = tex;
-    try {
-      (ref.current as any).render?.();
-    } catch {}
-  }
-
-  const themedStyle: React.CSSProperties = {
-    color: 'inherit',
-    colorScheme: dark ? 'dark' : 'light',
-    ...style,
-  };
-
-  return React.createElement(
-    'math-span',
-    {
-      ...props,
-      ref,
-      mode,
-      style: themedStyle,
-      className: selected ? (focused ? equationFocusedClass : equationSelectedClass) : '',
-    },
-    tex,
-  );
-};
diff --git a/packages/mutxt-react/src/global.d.ts b/packages/mutxt-react/src/global.d.ts
deleted file mode 100644
index 5c9b98e446..0000000000
--- a/packages/mutxt-react/src/global.d.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import type {MathfieldElement} from 'mathlive';
-
-declare module 'mathlive/fonts.css' {}
-declare module 'mathlive/static.css' {}
-
-declare global {
-  namespace JSX {
-    interface IntrinsicElements {
-      'math-field': React.DetailedHTMLProps<React.HTMLAttributes<MathfieldElement>, MathfieldElement>;
-      'math-span': React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>;
-    }
-  }
-}
diff --git a/packages/mutxt-react/src/index.ts b/packages/mutxt-react/src/index.ts
deleted file mode 100644
index 0336227e65..0000000000
--- a/packages/mutxt-react/src/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './MuTxt';
diff --git a/packages/mutxt-react/src/translit/Matcher.ts b/packages/mutxt-react/src/translit/Matcher.ts
deleted file mode 100644
index 33230b9919..0000000000
--- a/packages/mutxt-react/src/translit/Matcher.ts
+++ /dev/null
@@ -1,271 +0,0 @@
-import type {TranslitScheme} from './types';
-
-/**
- * One tick of input through the matcher.
- *
- * Bindings translate this into an edit on the document/input:
- *
- * 1. Delete `replaceTail` UTF-16 code units at the end of the previously emitted run.
- * 2. Insert `emit` at the caret.
- *
- * `replaceTail` is non-zero when the matcher rewrites a digraph that it
- * eager-committed on the previous keystroke (e.g. `s` → `с` is replaced with
- * `ш` when the user types the `h` of `sh`), and when a word boundary triggers
- * a `finalForms` swap on the previously-committed glyph.
- */
-export interface MatchStep {
-  replaceTail: number;
-  emit: string;
-  /** True when the matcher reset its state. */
-  reset: boolean;
-}
-
-interface NormalizedRule {
-  in: string;
-  out: string;
-  caseFold: boolean;
-}
-
-const isAsciiUpper = (c: number): boolean => c >= 65 && c <= 90;
-const isAsciiLower = (c: number): boolean => c >= 97 && c <= 122;
-const isAsciiDigit = (c: number): boolean => c >= 48 && c <= 57;
-
-const upperFirst = (s: string): string => (s ? s.charAt(0).toUpperCase() + s.slice(1) : s);
-
-/**
- * Pre-compiled scheme: rules sorted longest-first, prefix set built up-front.
- * Compile once per scheme; share across matchers.
- */
-export class CompiledScheme {
-  public readonly rules: NormalizedRule[];
-  public readonly prefixes: Set<string>;
-  public readonly finalForms: Readonly<Record<string, string>>;
-  public readonly digitsAreLetters: boolean;
-
-  constructor(public readonly scheme: TranslitScheme) {
-    const norm: NormalizedRule[] = [];
-    const prefixes = new Set<string>();
-    let digitsInRules = false;
-    for (const r of scheme.rules) {
-      const caseFold = r.caseFold !== false;
-      const inKey = caseFold ? r.in.toLowerCase() : r.in;
-      norm.push({in: inKey, out: r.out, caseFold});
-      if (!digitsInRules) {
-        for (let i = 0; i < r.in.length; i++) {
-          if (isAsciiDigit(r.in.charCodeAt(i))) {
-            digitsInRules = true;
-            break;
-          }
-        }
-      }
-    }
-    norm.sort((a, b) => b.in.length - a.in.length);
-    for (const r of norm) {
-      for (let i = 1; i < r.in.length; i++) prefixes.add(r.in.slice(0, i));
-    }
-    this.rules = norm;
-    this.prefixes = prefixes;
-    this.finalForms = scheme.finalForms ?? {};
-    this.digitsAreLetters = digitsInRules;
-  }
-
-  public exact(s: string): NormalizedRule | null {
-    if (!s) return null;
-    const lc = s.toLowerCase();
-    for (const r of this.rules) {
-      const key = r.caseFold ? lc : s;
-      if (r.in === key) return r;
-    }
-    return null;
-  }
-
-  public isPrefix(s: string): boolean {
-    if (!s) return false;
-    return this.prefixes.has(s.toLowerCase());
-  }
-
-  /** Longest rule whose `in` is a prefix of `s`. */
-  public longestPrefix(s: string): NormalizedRule | null {
-    if (!s) return null;
-    const lc = s.toLowerCase();
-    for (const r of this.rules) {
-      if (r.in.length > s.length) continue;
-      const head = r.caseFold ? lc.slice(0, r.in.length) : s.slice(0, r.in.length);
-      if (head === r.in) return r;
-    }
-    return null;
-  }
-
-  /** Greedy-eat: emit each char/digraph using the longest rule that fits. */
-  public greedyEmit(s: string): string {
-    let out = '';
-    let i = 0;
-    while (i < s.length) {
-      const rest = s.slice(i);
-      const r = this.longestPrefix(rest);
-      if (r) {
-        out += applyCase(r, rest.slice(0, r.in.length));
-        i += r.in.length;
-      } else {
-        out += s.charAt(i);
-        i += 1;
-      }
-    }
-    return out;
-  }
-
-  /** Whether `ch` is a buffer-eligible "letter" for this scheme. */
-  public isLetter(ch: string): boolean {
-    if (!ch) return false;
-    const c = ch.charCodeAt(0);
-    if (c === 39 || isAsciiUpper(c) || isAsciiLower(c)) return true;
-    if (this.digitsAreLetters && isAsciiDigit(c)) return true;
-    return false;
-  }
-
-  /** Final-form replacement for the last code point of an emitted run. */
-  public applyFinalForm(emit: string): {tail: number; replacement: string} | null {
-    if (!emit) return null;
-    const last = lastCodePoint(emit);
-    const replacement = this.finalForms[last.glyph];
-    if (!replacement) return null;
-    return {tail: last.units, replacement};
-  }
-}
-
-const lastCodePoint = (s: string): {glyph: string; units: number} => {
-  const lastIdx = s.length - 1;
-  const code = s.charCodeAt(lastIdx);
-  if (code >= 0xdc00 && code <= 0xdfff && lastIdx > 0) {
-    const high = s.charCodeAt(lastIdx - 1);
-    if (high >= 0xd800 && high <= 0xdbff) {
-      return {glyph: s.slice(lastIdx - 1), units: 2};
-    }
-  }
-  return {glyph: s.charAt(lastIdx), units: 1};
-};
-
-const applyCase = (rule: NormalizedRule, input: string): string => {
-  if (!rule.caseFold) return rule.out;
-  if (!input) return rule.out;
-  const firstUp = isAsciiUpper(input.charCodeAt(0));
-  if (!firstUp) return rule.out;
-  if (input.length > 1 && isAsciiUpper(input.charCodeAt(input.length - 1))) {
-    return rule.out.toUpperCase();
-  }
-  return upperFirst(rule.out);
-};
-
-/**
- * Stateful matcher. One per editor / input. Holds the partial-digraph buffer,
- * the rewriteable-tail length from the last eager commit, and the previously
- * emitted glyph.
- */
-export class Matcher {
-  /** Latin chars currently held back in case they extend a digraph. */
-  public buffer = '';
-  /** UTF-16 length of the just-emitted run that can still be rewritten by an
-   * extension. Non-zero only after an eager commit. */
-  public lastEmitLen = 0;
-  /** Last codepoint emitted since the most recent boundary. */
-  public prevGlyph = '';
-
-  constructor(public readonly scheme: CompiledScheme) {}
-
-  public reset(): void {
-    this.buffer = '';
-    this.lastEmitLen = 0;
-    this.prevGlyph = '';
-  }
-
-  /** Feed a single character. Multi-char strings go through `flushAndPassthrough`. */
-  public feed(ch: string): MatchStep {
-    if (ch.length !== 1) return this.flushAndPassthrough(ch);
-    if (!this.scheme.isLetter(ch)) return this.feedBoundary(ch);
-    const candidate = this.buffer + ch;
-    const exact = this.scheme.exact(candidate);
-    const isPrefix = this.scheme.isPrefix(candidate);
-    if (exact) {
-      const out = applyCase(exact, candidate);
-      const replaceTail = this.lastEmitLen;
-      this.prevGlyph = lastCodePoint(out).glyph;
-      if (isPrefix) {
-        this.buffer = candidate;
-        this.lastEmitLen = out.length;
-        return {replaceTail, emit: out, reset: false};
-      }
-      this.buffer = '';
-      this.lastEmitLen = 0;
-      return {replaceTail, emit: out, reset: true};
-    }
-    if (isPrefix) {
-      this.buffer = candidate;
-      return {replaceTail: 0, emit: '', reset: false};
-    }
-
-    // Neither exact nor prefix.
-    if (this.buffer.length > 0) {
-      if (this.lastEmitLen > 0) {
-        this.buffer = '';
-        this.lastEmitLen = 0;
-        return this.feed(ch);
-      }
-      const flushed = this.scheme.greedyEmit(this.buffer);
-      this.buffer = '';
-      this.lastEmitLen = 0;
-      if (flushed) this.prevGlyph = lastCodePoint(flushed).glyph;
-      const rec = this.feed(ch);
-      return {replaceTail: rec.replaceTail, emit: flushed + rec.emit, reset: rec.reset};
-    }
-
-    this.lastEmitLen = 0;
-    this.prevGlyph = ch;
-    return {replaceTail: 0, emit: ch, reset: true};
-  }
-
-  private feedBoundary(ch: string): MatchStep {
-    let emit = '';
-    let replaceTail = 0;
-    if (this.buffer.length > 0) {
-      replaceTail = this.lastEmitLen;
-      emit = this.scheme.greedyEmit(this.buffer);
-      this.buffer = '';
-      if (emit) this.prevGlyph = lastCodePoint(emit).glyph;
-    }
-    // Apply final-form to the prevGlyph.
-    const prev = this.prevGlyph;
-    const finalForm = prev ? this.scheme.finalForms[prev] : undefined;
-    if (finalForm) {
-      if (emit) {
-        const last = lastCodePoint(emit);
-        emit = emit.slice(0, emit.length - last.units) + finalForm;
-      } else {
-        replaceTail += prev.length;
-        emit = finalForm;
-      }
-    }
-    this.lastEmitLen = 0;
-    this.prevGlyph = '';
-    emit += ch;
-    return {replaceTail, emit, reset: true};
-  }
-
-  public flushBuffer(): MatchStep {
-    if (!this.buffer) {
-      this.lastEmitLen = 0;
-      return {replaceTail: 0, emit: '', reset: true};
-    }
-    const replaceTail = this.lastEmitLen;
-    const emit = this.scheme.greedyEmit(this.buffer);
-    this.buffer = '';
-    this.lastEmitLen = 0;
-    if (emit) this.prevGlyph = lastCodePoint(emit).glyph;
-    return {replaceTail, emit, reset: true};
-  }
-
-  public flushAndPassthrough(s: string): MatchStep {
-    const flushed = this.flushBuffer();
-    this.prevGlyph = '';
-    return {replaceTail: flushed.replaceTail, emit: flushed.emit + s, reset: true};
-  }
-}
diff --git a/packages/mutxt-react/src/translit/TranslitService.ts b/packages/mutxt-react/src/translit/TranslitService.ts
deleted file mode 100644
index 9c36b39ae3..0000000000
--- a/packages/mutxt-react/src/translit/TranslitService.ts
+++ /dev/null
@@ -1,88 +0,0 @@
-import {rsync} from '@jsonjoy.com/ui';
-import {CompiledScheme} from './Matcher';
-import {defaultSchemes, schemeMap} from './schemes';
-import type {TranslitScheme} from './types';
-
-/**
- * Headless translit service. Owns:
- *
- * - the registry of available schemes
- * - the active scheme id (`null` = mode off)
- * - a cache of compiled schemes
- */
-export class TranslitService {
-  /** Active scheme id, or null when mode is off. */
-  public readonly active = rsync.val<string | null>(null);
-
-  /** Last-used scheme id (so a no-arg toggle can restore the last selection). */
-  public readonly lastUsed = rsync.val<string | null>(null);
-
-  /** Registry of all schemes available to this service. */
-  public readonly schemes: Map<string, TranslitScheme>;
-
-  private readonly _compiled = new Map<string, CompiledScheme>();
-
-  constructor(schemes: Iterable<TranslitScheme> = defaultSchemes) {
-    this.schemes = schemeMap(schemes);
-  }
-
-  /** Lazy-compile and cache. */
-  public compile(scheme: TranslitScheme): CompiledScheme {
-    const cached = this._compiled.get(scheme.id);
-    if (cached) return cached;
-    const c = new CompiledScheme(scheme);
-    this._compiled.set(scheme.id, c);
-    return c;
-  }
-
-  /** The currently active compiled scheme, or null. */
-  public activeScheme(): CompiledScheme | null {
-    const id = this.active.value;
-    if (!id) return null;
-    const scheme = this.schemes.get(id);
-    if (!scheme) return null;
-    return this.compile(scheme);
-  }
-
-  public list(): TranslitScheme[] {
-    return Array.from(this.schemes.values());
-  }
-
-  /** Switch on with a specific scheme. */
-  public on(id: string): boolean {
-    if (!this.schemes.has(id)) return false;
-    this.lastUsed.set(id);
-    this.active.set(id);
-    return true;
-  }
-
-  /** Switch off. */
-  public off(): void {
-    this.active.set(null);
-  }
-
-  /** Toggle the mode. With no arg: flip current state, restoring `lastUsed`
-   * if turning on. With an id: switch to that scheme. */
-  public toggle(id?: string): void {
-    if (id) {
-      if (this.active.value === id) {
-        this.off();
-        return;
-      }
-      this.on(id);
-      return;
-    }
-    if (this.active.value) {
-      this.off();
-      return;
-    }
-    const restore = this.lastUsed.value ?? this.list()[0]?.id;
-    if (restore) this.on(restore);
-  }
-
-  /** Add a custom scheme to the registry. */
-  public register(scheme: TranslitScheme): void {
-    this.schemes.set(scheme.id, scheme);
-    this._compiled.delete(scheme.id);
-  }
-}
diff --git a/packages/mutxt-react/src/translit/__tests__/Matcher.spec.ts b/packages/mutxt-react/src/translit/__tests__/Matcher.spec.ts
deleted file mode 100644
index 4452050eea..0000000000
--- a/packages/mutxt-react/src/translit/__tests__/Matcher.spec.ts
+++ /dev/null
@@ -1,138 +0,0 @@
-import {CompiledScheme, Matcher} from '../Matcher';
-import {convert} from '../convert';
-import {ruTranslit} from '../schemes/ru-translit';
-import type {TranslitScheme} from '../types';
-
-const feed = (m: Matcher, s: string): string => {
-  let out = '';
-  for (const ch of s) {
-    const step = m.feed(ch);
-    if (step.replaceTail > 0) out = out.slice(0, out.length - step.replaceTail);
-    out += step.emit;
-  }
-  return out;
-};
-
-describe('Matcher (alphabet)', () => {
-  describe('Russian translit', () => {
-    test.each([
-      ['privet', 'привет'],
-      ['ya', 'я'],
-      ['yu', 'ю'],
-      ['yo', 'ё'],
-      ['shokolad', 'шоколад'],
-      ['shhuka', 'щука'],
-      ['chasy', 'часы'],
-      ['borshh', 'борщ'],
-      ['hello', 'хелло'],
-      ['mir', 'мир'],
-    ])('convert(%j) === %j', (input, expected) => {
-      expect(convert(input, ruTranslit)).toBe(expected);
-    });
-
-    test('mixed input with spaces and punctuation', () => {
-      expect(convert('privet, mir!', ruTranslit)).toBe('привет, мир!');
-    });
-
-    test('case folding — sentence case', () => {
-      expect(convert('Privet', ruTranslit)).toBe('Привет');
-    });
-
-    test('case folding — multi-char digraph all caps', () => {
-      expect(convert('SHOK', ruTranslit)).toBe('ШОК');
-    });
-
-    test('eager-commit + extension rewrites in place', () => {
-      const m = new Matcher(new CompiledScheme(ruTranslit));
-
-      const s1 = m.feed('s');
-      expect(s1).toEqual({replaceTail: 0, emit: 'с', reset: false});
-      expect(m.buffer).toBe('s');
-      expect(m.lastEmitLen).toBe(1);
-
-      const s2 = m.feed('h');
-      expect(s2).toEqual({replaceTail: 1, emit: 'ш', reset: false});
-      expect(m.buffer).toBe('sh');
-      expect(m.lastEmitLen).toBe(1);
-
-      const s3 = m.feed('h');
-      expect(s3).toEqual({replaceTail: 1, emit: 'щ', reset: true});
-      expect(m.buffer).toBe('');
-    });
-
-    test('eager-commit then non-extending char emits the next one fresh', () => {
-      const m = new Matcher(new CompiledScheme(ruTranslit));
-      const s1 = m.feed('s');
-      expect(s1.emit).toBe('с');
-      const s2 = m.feed('a');
-      expect(s2).toEqual({replaceTail: 0, emit: 'а', reset: true});
-    });
-
-    test('apostrophe maps to soft sign (no case folding)', () => {
-      expect(convert("mat'", ruTranslit)).toBe('мать');
-    });
-
-    test('non-letter passes through', () => {
-      expect(convert('a1b', ruTranslit)).toBe('а1б');
-      expect(convert('hello world', ruTranslit)).toBe('хелло wорлд');
-    });
-  });
-
-  describe('Final forms', () => {
-    const greekSubset: TranslitScheme = {
-      id: 'el-test',
-      name: 'Greek (test)',
-      language: 'el',
-      script: 'Grek',
-      kind: 'alphabet',
-      rules: [
-        {in: 'a', out: 'α'},
-        {in: 's', out: 'σ'},
-        {in: 'o', out: 'ο'},
-        {in: 'l', out: 'λ'},
-        {in: 'g', out: 'γ'},
-      ],
-      finalForms: {σ: 'ς'},
-    };
-    test('end-of-input applies final form', () => {
-      expect(convert('logos', greekSubset)).toBe('λογος');
-    });
-    test('mid-string σ stays medial', () => {
-      expect(convert('sa', greekSubset)).toBe('σα');
-    });
-  });
-
-  describe('flushBuffer', () => {
-    test('flushes a held prefix', () => {
-      const m = new Matcher(new CompiledScheme(ruTranslit));
-      const s = m.feed("'");
-      expect(s).toEqual({replaceTail: 0, emit: 'ь', reset: false});
-      expect(m.buffer).toBe("'");
-      const flushed = m.flushBuffer();
-      expect(flushed.replaceTail).toBe(1);
-      expect(flushed.emit).toBe('ь');
-    });
-  });
-
-  describe('reset', () => {
-    test('clears buffer and lastEmitLen', () => {
-      const m = new Matcher(new CompiledScheme(ruTranslit));
-      m.feed('s');
-      expect(m.buffer).toBe('s');
-      m.reset();
-      expect(m.buffer).toBe('');
-      expect(m.lastEmitLen).toBe(0);
-    });
-  });
-});
-
-describe('convert helper', () => {
-  test('round-trip via the helper matches direct feed', () => {
-    const compiled = new CompiledScheme(ruTranslit);
-    const m = new Matcher(compiled);
-    const direct = feed(m, 'privet');
-    const flushed = m.flushBuffer();
-    const fullDirect = direct.slice(0, direct.length - flushed.replaceTail) + flushed.emit;
-    expect(convert('privet', ruTranslit)).toBe(fullDirect);
-  });
-});
diff --git a/packages/mutxt-react/src/translit/__tests__/schemes.spec.ts b/packages/mutxt-react/src/translit/__tests__/schemes.spec.ts
deleted file mode 100644
index ceb7b9bd52..0000000000
--- a/packages/mutxt-react/src/translit/__tests__/schemes.spec.ts
+++ /dev/null
@@ -1,190 +0,0 @@
-import {convert} from '../convert';
-import {
-  ukTranslit,
-  bgTranslit,
-  beTranslit,
-  mkTranslit,
-  srTranslit,
-  elTranslit,
-  heTranslit,
-  hyTranslit,
-  kaTranslit,
-  eoXsystem,
-  viTelex,
-  arArabizi,
-  ipaTranslit,
-} from '../schemes';
-
-describe('Cyrillic family — Ukrainian', () => {
-  test.each([
-    ['privit', 'прівіт'],
-    ['Yij', 'Їй'],
-    ['ye', 'є'],
-    ['ghedz', 'ґедз'],
-  ])('convert(%j) === %j', (input, expected) => {
-    expect(convert(input, ukTranslit)).toBe(expected);
-  });
-});
-
-describe('Cyrillic family — Bulgarian', () => {
-  test.each([
-    ['shte', 'ще'],
-    ['mlyako', 'мляко'],
-    ["p'ten", 'пьтен'],
-  ])('convert(%j) === %j', (input, expected) => {
-    expect(convert(input, bgTranslit)).toBe(expected);
-  });
-  test('sh alone is the digraph for ш', () => {
-    expect(convert('sh', bgTranslit)).toBe('ш');
-  });
-});
-
-describe('Cyrillic family — Belarusian', () => {
-  test.each([
-    ['ivan', 'іван'],
-    ['budowa', 'будоўа'],
-    ['jeshche', 'эшче'],
-  ])('convert(%j) === %j', (input, expected) => {
-    expect(convert(input, beTranslit)).toBe(expected);
-  });
-});
-
-describe('Cyrillic family — Macedonian', () => {
-  test.each([
-    ['ljubov', 'љубов'],
-    ['njega', 'њега'],
-    ['gjorgji', 'ѓорѓи'],
-    ['kjuche', 'ќуче'],
-    ['dzvezda', 'ѕвезда'],
-    ['djezva', 'џезва'],
-  ])('convert(%j) === %j', (input, expected) => {
-    expect(convert(input, mkTranslit)).toBe(expected);
-  });
-});
-
-describe('Cyrillic family — Serbian', () => {
-  test.each([
-    ['djordje', 'ђорђе'],
-    ['ljubav', 'љубав'],
-    ['njega', 'њега'],
-    ['cetnja', 'цетња'],
-    ['dzep', 'џеп'],
-    ['cetiri', 'цетири'],
-  ])('convert(%j) === %j', (input, expected) => {
-    expect(convert(input, srTranslit)).toBe(expected);
-  });
-});
-
-describe('Greek (with final sigma)', () => {
-  test.each([
-    ['logos', 'λογος'],
-    ['theos', 'θεος'],
-    ['anthropos', 'ανθροπος'],
-    ['anthrwpos', 'ανθρωπος'],
-  ])('convert(%j) === %j (end-of-input final form applied)', (input, expected) => {
-    expect(convert(input, elTranslit)).toBe(expected);
-  });
-  test('boundary final form: σ → ς before space', () => {
-    expect(convert('logos kosmos', elTranslit)).toBe('λογος κοσμος');
-  });
-  test('mid-word σ stays medial', () => {
-    expect(convert('sa', elTranslit)).toBe('σα');
-  });
-});
-
-describe('Hebrew (with final letters)', () => {
-  test.each([
-    ['shalom', 'שלום'],
-    ['malek', 'מלך'],
-    ['yom', 'יום'],
-  ])('convert(%j) === %j', (input, expected) => {
-    expect(convert(input, heTranslit)).toBe(expected);
-  });
-  test('boundary final form: נ → ן before space', () => {
-    expect(convert('ben ', heTranslit)).toBe('בן ');
-  });
-  test('non-final letter stays medial', () => {
-    expect(convert('peh ', heTranslit)).toBe('פה ');
-  });
-});
-
-describe('Armenian', () => {
-  test.each([
-    ['barev', 'բարեվ'],
-    ['shnorhakal', 'շնորհակալ'],
-  ])('convert(%j) === %j', (input, expected) => {
-    expect(convert(input, hyTranslit)).toBe(expected);
-  });
-});
-
-describe('Georgian', () => {
-  test.each([
-    ['gamarjoba', 'გამარჯობა'],
-    ['madloba', 'მადლობა'],
-  ])('convert(%j) === %j', (input, expected) => {
-    expect(convert(input, kaTranslit)).toBe(expected);
-  });
-});
-
-describe('Esperanto x-system', () => {
-  test.each([
-    ['cxu', 'ĉu'],
-    ['gxojo', 'ĝojo'],
-    ['scxio', 'sĉio'],
-    ['saluton', 'saluton'],
-    ['Cxapo', 'Ĉapo'],
-  ])('convert(%j) === %j', (input, expected) => {
-    expect(convert(input, eoXsystem)).toBe(expected);
-  });
-});
-
-describe('Vietnamese Telex', () => {
-  test.each([
-    ['aa', 'â'],
-    ['aas', 'ấ'],
-    ['ows', 'ớ'],
-    ['dd', 'đ'],
-    ['as', 'á'],
-    ['oof', 'ồ'],
-    ['uw', 'ư'],
-    ['uws', 'ứ'],
-    ['vieejt', 'việt'],
-  ])('convert(%j) === %j', (input, expected) => {
-    expect(convert(input, viTelex)).toBe(expected);
-  });
-});
-
-describe('Arabic Arabizi (digits-as-letters)', () => {
-  test.each([
-    ['3rb', 'عرب'],
-    ['7mz', 'حمز'],
-    ['mr7b', 'مرحب'],
-    ['mr7baa', 'مرحبا'],
-    ['6lbT', 'طلبط'],
-    ['salaam', 'سلام'],
-  ])('convert(%j) === %j', (input, expected) => {
-    expect(convert(input, arArabizi)).toBe(expected);
-  });
-  test('digits work mid-word — engine treats them as letters here', () => {
-    expect(convert('m3', arArabizi)).toBe('مع');
-  });
-  test('short vowels are silently absorbed', () => {
-    expect(convert('ktb', arArabizi)).toBe('كتب');
-    expect(convert('katab', arArabizi)).toBe('كتب');
-  });
-});
-
-describe('IPA (basic)', () => {
-  test.each([
-    ['shop', 'ʃop'],
-    ['thing', 'θiŋ'],
-    ['chair', 'tʃair'],
-    ['nation', 'nation'],
-    ['ngga', 'ŋga'],
-  ])('convert(%j) === %j', (input, expected) => {
-    expect(convert(input, ipaTranslit)).toBe(expected);
-  });
-  test('uppercase vowels map to lax variants', () => {
-    expect(convert('chAt', ipaTranslit)).toBe('tʃɑt');
-  });
-});
diff --git a/packages/mutxt-react/src/translit/__tests__/slate.spec.ts b/packages/mutxt-react/src/translit/__tests__/slate.spec.ts
deleted file mode 100644
index 9e20ad4162..0000000000
--- a/packages/mutxt-react/src/translit/__tests__/slate.spec.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-import {createEditor, type Editor} from 'slate';
-import {withTranslit} from '../bindings/slate';
-import {TranslitService} from '../TranslitService';
-import {ruTranslit} from '../schemes/ru-translit';
-import type {SlateEditorDocument} from '../../MuTxt/types';
-
-const mkEditor = (doc: SlateEditorDocument = [{type: 'p', children: [{text: ''}]} as any]) => {
-  const service = new TranslitService([ruTranslit]);
-  service.on('ru-translit');
-  const editor = withTranslit(createEditor(), service);
-  editor.children = doc as any;
-  editor.selection = {anchor: {path: [0, 0], offset: 0}, focus: {path: [0, 0], offset: 0}};
-  return {editor, service};
-};
-
-const text = (editor: Editor): string => {
-  const node = editor.children[0] as any;
-  return node?.children?.[0]?.text ?? '';
-};
-
-describe('withTranslit (Slate)', () => {
-  test('typing each char goes through the matcher', () => {
-    const {editor} = mkEditor();
-    for (const ch of 'privet') editor.insertText(ch);
-    expect(text(editor)).toBe('привет');
-  });
-
-  test('digraph rewrite happens in place', () => {
-    const {editor} = mkEditor();
-    editor.insertText('s');
-    expect(text(editor)).toBe('с');
-    editor.insertText('h');
-    expect(text(editor)).toBe('ш');
-    editor.insertText('h');
-    expect(text(editor)).toBe('щ');
-  });
-
-  test('non-letter flushes the buffer with a final pass-through', () => {
-    const {editor} = mkEditor();
-    for (const ch of 'sh ya') editor.insertText(ch);
-    expect(text(editor)).toBe('ш я');
-  });
-
-  test('disabling the service stops matching mid-stream', () => {
-    const {editor, service} = mkEditor();
-    editor.insertText('p');
-    expect(text(editor)).toBe('п');
-    service.off();
-    editor.insertText('a');
-    expect(text(editor)).toBe('пa');
-  });
-
-  test('range selection bypasses the matcher', () => {
-    const {editor} = mkEditor([{type: 'p', children: [{text: 'abc'}]} as any]);
-    editor.selection = {anchor: {path: [0, 0], offset: 0}, focus: {path: [0, 0], offset: 3}};
-    editor.insertText('x');
-    expect(text(editor)).toBe('x');
-  });
-});
diff --git a/packages/mutxt-react/src/translit/bindings/input.ts b/packages/mutxt-react/src/translit/bindings/input.ts
deleted file mode 100644
index 4445c48649..0000000000
--- a/packages/mutxt-react/src/translit/bindings/input.ts
+++ /dev/null
@@ -1,99 +0,0 @@
-import {Matcher} from '../Matcher';
-import type {TranslitService} from '../TranslitService';
-
-/**
- * Bind translit to a plain `<input>` or `<textarea>` element.
- *
- * Returns a teardown function. Engages whenever the service has an active
- * scheme; idle when the service is off (no overhead).
- *
- * Caveats:
- * - We process `beforeinput` events with `inputType === 'insertText'`. Other
- *   inputs (paste, drag, IME composition) flow through unmodified. The
- *   matcher is reset on selection changes and on composition start/end.
- * - The element must allow programmatic value mutation (no read-only inputs).
- */
-export const bindTranslitToInput = (
-  el: HTMLInputElement | HTMLTextAreaElement,
-  service: TranslitService,
-): (() => void) => {
-  let matcher: Matcher | null = null;
-  let composing = false;
-
-  const refresh = (): void => {
-    const compiled = service.activeScheme();
-    matcher = compiled ? new Matcher(compiled) : null;
-  };
-  refresh();
-  const unsub = service.active.subscribe(refresh);
-
-  const onBeforeInput = (event: Event): void => {
-    const m = matcher;
-    if (!m || composing) return;
-    const inputEvent = event as InputEvent;
-    if (inputEvent.inputType !== 'insertText') {
-      m.reset();
-      return;
-    }
-    const data = inputEvent.data ?? '';
-    if (!data) return;
-    if (data.length !== 1) {
-      // Multi-char insert — IME or autocomplete. Flush and pass through.
-      const step = m.flushAndPassthrough(data);
-      if (step.replaceTail > 0 || step.emit !== data) {
-        event.preventDefault();
-        replaceAtCaret(el, step.replaceTail, step.emit);
-      }
-      return;
-    }
-    const step = m.feed(data);
-    if (step.replaceTail > 0 || step.emit !== data) {
-      event.preventDefault();
-      replaceAtCaret(el, step.replaceTail, step.emit);
-    }
-  };
-
-  const onSelChange = (): void => {
-    matcher?.reset();
-  };
-
-  const onCompositionStart = (): void => {
-    composing = true;
-    matcher?.reset();
-  };
-  const onCompositionEnd = (): void => {
-    composing = false;
-  };
-
-  const onBlur = (): void => {
-    matcher?.reset();
-  };
-
-  el.addEventListener('beforeinput', onBeforeInput);
-  el.addEventListener('compositionstart', onCompositionStart);
-  el.addEventListener('compositionend', onCompositionEnd);
-  el.addEventListener('blur', onBlur);
-  el.addEventListener('selectionchange', onSelChange as any);
-
-  return () => {
-    unsub();
-    el.removeEventListener('beforeinput', onBeforeInput);
-    el.removeEventListener('compositionstart', onCompositionStart);
-    el.removeEventListener('compositionend', onCompositionEnd);
-    el.removeEventListener('blur', onBlur);
-    el.removeEventListener('selectionchange', onSelChange as any);
-  };
-};
-
-const replaceAtCaret = (el: HTMLInputElement | HTMLTextAreaElement, replaceTail: number, emit: string): void => {
-  const start = el.selectionStart ?? el.value.length;
-  const end = el.selectionEnd ?? start;
-  const head = el.value.slice(0, Math.max(0, start - replaceTail));
-  const tail = el.value.slice(end);
-  el.value = head + emit + tail;
-  const caret = head.length + emit.length;
-  try {
-    el.setSelectionRange(caret, caret);
-  } catch {}
-  el.dispatchEvent(new Event('input', {bubbles: true}));
-};
diff --git a/packages/mutxt-react/src/translit/bindings/slate.ts b/packages/mutxt-react/src/translit/bindings/slate.ts
deleted file mode 100644
index 03184712f2..0000000000
--- a/packages/mutxt-react/src/translit/bindings/slate.ts
+++ /dev/null
@@ -1,121 +0,0 @@
-import {Editor, Range, Transforms} from 'slate';
-import {Matcher} from '../Matcher';
-import type {TranslitService} from '../TranslitService';
-
-/**
- * Slate plugin: while the service has an active scheme, re-route `insertText`
- * through the matcher. Implementation notes:
- *
- * - The matcher state is recreated whenever the active scheme changes.
- * - Range selections, paste, and IME composition all bypass the matcher.
- * - The plugin does NOT gate by block type (e.g. `code-block`); the host
- *   (mutxt) wires that gate in via `shouldRun`. This keeps the binding
- *   reusable with any Slate editor.
- *
- * The plugin returns the patched editor.
- */
-export interface WithTranslitOpts {
-  /**
-   * Optional gate. When provided and returns `false`, the matcher is bypassed
-   * for this `insertText` call (e.g. inside code blocks). Defaults to `true`.
-   */
-  shouldRun?: (editor: Editor) => boolean;
-}
-
-export const withTranslit = <T extends Editor>(editor: T, service: TranslitService, opts: WithTranslitOpts = {}): T => {
-  const {insertText, deleteBackward, insertBreak} = editor;
-  let matcher: Matcher | null = null;
-  let composing = false;
-
-  const refresh = (): void => {
-    const compiled = service.activeScheme();
-    matcher = compiled ? new Matcher(compiled) : null;
-  };
-  refresh();
-  service.active.subscribe(refresh);
-
-  const shouldRun = opts.shouldRun ?? (() => true);
-
-  editor.insertText = (text) => {
-    const m = matcher;
-    if (!m || composing) return insertText(text);
-    const sel = editor.selection;
-    if (!sel || !Range.isCollapsed(sel)) {
-      m.reset();
-      return insertText(text);
-    }
-    if (!shouldRun(editor)) return insertText(text);
-    if (text.length !== 1) {
-      const flushed = m.flushAndPassthrough(text);
-      applyStep(editor, flushed.replaceTail, flushed.emit);
-      return;
-    }
-    const step = m.feed(text);
-    applyStep(editor, step.replaceTail, step.emit);
-  };
-
-  editor.deleteBackward = (unit) => {
-    const m = matcher;
-    if (m && m.buffer.length > 0) {
-      // Mid-buffer: drop a buffer char and let the user proceed; do not
-      // delete from the document. Keeps Backspace-during-digraph predictable.
-      m.buffer = m.buffer.slice(0, -1);
-      m.lastEmitLen = 0;
-      return;
-    }
-    if (m) m.reset();
-    deleteBackward(unit);
-  };
-
-  editor.insertBreak = () => {
-    const m = matcher;
-    if (m) {
-      const flushed = m.flushBuffer();
-      applyStep(editor, flushed.replaceTail, flushed.emit);
-      applyFinalForm(editor, m);
-      m.reset();
-    }
-    insertBreak();
-  };
-
-  // Caller wires composition events to these via the host's editable element.
-  (editor as any).translitOnCompositionStart = () => {
-    composing = true;
-    matcher?.reset();
-  };
-  (editor as any).translitOnCompositionEnd = () => {
-    composing = false;
-  };
-  (editor as any).translitMatcher = () => matcher;
-
-  return editor;
-};
-
-const applyStep = (editor: Editor, replaceTail: number, emit: string): void => {
-  if (!replaceTail && !emit) return;
-  Editor.withoutNormalizing(editor, () => {
-    if (replaceTail > 0) {
-      for (let i = 0; i < replaceTail; i++) Transforms.delete(editor, {distance: 1, reverse: true, unit: 'character'});
-    }
-    if (emit) Transforms.insertText(editor, emit);
-  });
-};
-
-const applyFinalForm = (editor: Editor, m: Matcher): void => {
-  // Look at the document at the caret; if the previous char's glyph has a
-  // final-form replacement, swap it in.
-  const sel = editor.selection;
-  if (!sel || !Range.isCollapsed(sel)) return;
-  try {
-    const before = Editor.before(editor, sel.anchor, {unit: 'character'});
-    if (!before) return;
-    const range = {anchor: before, focus: sel.anchor};
-    const text = Editor.string(editor, range);
-    const replacement = m.scheme.applyFinalForm(text);
-    if (!replacement) return;
-    Editor.withoutNormalizing(editor, () => {
-      Transforms.delete(editor, {at: range});
-      Transforms.insertText(editor, replacement.replacement);
-    });
-  } catch {}
-};
diff --git a/packages/mutxt-react/src/translit/convert.ts b/packages/mutxt-react/src/translit/convert.ts
deleted file mode 100644
index 584f09214a..0000000000
--- a/packages/mutxt-react/src/translit/convert.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-import {CompiledScheme, Matcher} from './Matcher';
-import type {TranslitScheme} from './types';
-
-/**
- * One-shot convert a string from Latin to the target script.
- *
- * Useful for tests, batch transforms, search-input prefill, etc. For
- * keystroke-by-keystroke editing use `Matcher` directly.
- */
-export const convert = (input: string, scheme: TranslitScheme | CompiledScheme): string => {
-  const compiled = scheme instanceof CompiledScheme ? scheme : new CompiledScheme(scheme);
-  const matcher = new Matcher(compiled);
-  let out = '';
-  for (const ch of input) {
-    const step = matcher.feed(ch);
-    if (step.replaceTail > 0) out = out.slice(0, out.length - step.replaceTail);
-    out += step.emit;
-  }
-  const flushed = matcher.flushBuffer();
-  if (flushed.replaceTail > 0) out = out.slice(0, out.length - flushed.replaceTail);
-  out += flushed.emit;
-  // Apply final-form to the last glyph.
-  const finalForm = compiled.applyFinalForm(out);
-  if (finalForm) out = out.slice(0, out.length - finalForm.tail) + finalForm.replacement;
-  return out;
-};
diff --git a/packages/mutxt-react/src/translit/index.ts b/packages/mutxt-react/src/translit/index.ts
deleted file mode 100644
index 2afb406cba..0000000000
--- a/packages/mutxt-react/src/translit/index.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-export type * from './types';
-export {Matcher, CompiledScheme} from './Matcher';
-export type {MatchStep} from './Matcher';
-export {convert} from './convert';
-export {TranslitService} from './TranslitService';
-export {
-  ruTranslit,
-  ruPhonetic,
-  ukTranslit,
-  bgTranslit,
-  beTranslit,
-  mkTranslit,
-  srTranslit,
-  elTranslit,
-  heTranslit,
-  hyTranslit,
-  kaTranslit,
-  eoXsystem,
-  viTelex,
-  arArabizi,
-  ipaTranslit,
-  defaultSchemes,
-  schemeMap,
-} from './schemes';
-export {withTranslit} from './bindings/slate';
-export type {WithTranslitOpts} from './bindings/slate';
-export {bindTranslitToInput} from './bindings/input';
diff --git a/packages/mutxt-react/src/translit/schemes/ar-arabizi.ts b/packages/mutxt-react/src/translit/schemes/ar-arabizi.ts
deleted file mode 100644
index e89b680d45..0000000000
--- a/packages/mutxt-react/src/translit/schemes/ar-arabizi.ts
+++ /dev/null
@@ -1,77 +0,0 @@
-import type {TranslitScheme} from '../types';
-
-/**
- * Arabic via Arabizi (Arabic chat alphabet). Numerals stand in for Arabic
- * phonemes that have no Latin analogue — `7 → ح`, `3 → ع`, etc. Because the
- * scheme has digit rules, the matcher's `digitsAreLetters` flag turns on
- * automatically and digits become buffer-eligible (otherwise digits would
- * be word boundaries).
- *
- * RTL is handled by the browser's bidi algorithm — the matcher emits
- * standard Arabic codepoints in logical order.
- *
- *   2 → ء   3 → ع   5 → خ   6 → ط   7 → ح   8 → ق   9 → ص
- *   T → ط   D → ض   Z → ظ   S → ص   H → ح   2 stands for hamza.
- */
-export const arArabizi: TranslitScheme = {
-  id: 'ar-arabizi',
-  name: 'Arabic (Arabizi)',
-  short: 'AR',
-  language: 'ar',
-  script: 'Arab',
-  direction: 'rtl',
-  kind: 'alphabet',
-  rules: [
-    // Digraphs.
-    {in: 'th', out: 'ث'},
-    {in: 'dh', out: 'ذ'},
-    {in: 'sh', out: 'ش'},
-    {in: 'gh', out: 'غ'},
-    {in: 'kh', out: 'خ'},
-
-    // Numerals (Arabizi convention).
-    {in: '2', out: 'ء'},
-    {in: '3', out: 'ع'},
-    {in: '5', out: 'خ'},
-    {in: '6', out: 'ط'},
-    {in: '7', out: 'ح'},
-    {in: '8', out: 'ق'},
-    {in: '9', out: 'ص'},
-
-    // Capital-letter overrides for emphatic / pharyngeal phonemes.
-    {in: 'T', out: 'ط', caseFold: false},
-    {in: 'D', out: 'ض', caseFold: false},
-    {in: 'Z', out: 'ظ', caseFold: false},
-    {in: 'S', out: 'ص', caseFold: false},
-    {in: 'H', out: 'ح', caseFold: false},
-
-    // Long vowels (mater lectionis) via doubled-letter digraphs.
-    {in: 'aa', out: 'ا', caseFold: false},
-    {in: 'ii', out: 'ي', caseFold: false},
-    {in: 'uu', out: 'و', caseFold: false},
-
-    // Short vowels are not written in Arabic — silently absorb.
-    {in: 'a', out: '', caseFold: false},
-    {in: 'e', out: '', caseFold: false},
-    {in: 'i', out: '', caseFold: false},
-    {in: 'o', out: '', caseFold: false},
-    {in: 'u', out: '', caseFold: false},
-
-    // Consonants.
-    {in: 'b', out: 'ب', caseFold: false},
-    {in: 't', out: 'ت', caseFold: false},
-    {in: 'j', out: 'ج', caseFold: false},
-    {in: 'h', out: 'ه', caseFold: false},
-    {in: 'd', out: 'د', caseFold: false},
-    {in: 'r', out: 'ر', caseFold: false},
-    {in: 'z', out: 'ز', caseFold: false},
-    {in: 's', out: 'س', caseFold: false},
-    {in: 'f', out: 'ف', caseFold: false},
-    {in: 'k', out: 'ك', caseFold: false},
-    {in: 'l', out: 'ل', caseFold: false},
-    {in: 'm', out: 'م', caseFold: false},
-    {in: 'n', out: 'ن', caseFold: false},
-    {in: 'w', out: 'و', caseFold: false},
-    {in: 'y', out: 'ي', caseFold: false},
-  ],
-};
diff --git a/packages/mutxt-react/src/translit/schemes/be-translit.ts b/packages/mutxt-react/src/translit/schemes/be-translit.ts
deleted file mode 100644
index 7a0a4a3dde..0000000000
--- a/packages/mutxt-react/src/translit/schemes/be-translit.ts
+++ /dev/null
@@ -1,54 +0,0 @@
-import type {TranslitScheme} from '../types';
-
-/**
- * Belarusian translit. Adds і and ў; drops и / щ / ъ. Keeps ё / ы / э.
- *
- *   i → і    w → ў    y → ы    je → э    yo → ё
- */
-export const beTranslit: TranslitScheme = {
-  id: 'be-translit',
-  name: 'Belarusian (translit)',
-  short: 'BE',
-  language: 'be',
-  script: 'Cyrl',
-  kind: 'alphabet',
-  rules: [
-    // Digraphs.
-    {in: 'sh', out: 'ш'},
-    {in: 'ch', out: 'ч'},
-    {in: 'zh', out: 'ж'},
-    {in: 'yo', out: 'ё'},
-    {in: 'yu', out: 'ю'},
-    {in: 'ya', out: 'я'},
-    {in: 'je', out: 'э'},
-
-    // Soft sign.
-    {in: "'", out: 'ь', caseFold: false},
-
-    // Single chars.
-    {in: 'a', out: 'а'},
-    {in: 'b', out: 'б'},
-    {in: 'v', out: 'в'},
-    {in: 'g', out: 'г'},
-    {in: 'd', out: 'д'},
-    {in: 'e', out: 'е'},
-    {in: 'z', out: 'з'},
-    {in: 'i', out: 'і'},
-    {in: 'j', out: 'й'},
-    {in: 'k', out: 'к'},
-    {in: 'l', out: 'л'},
-    {in: 'm', out: 'м'},
-    {in: 'n', out: 'н'},
-    {in: 'o', out: 'о'},
-    {in: 'p', out: 'п'},
-    {in: 'r', out: 'р'},
-    {in: 's', out: 'с'},
-    {in: 't', out: 'т'},
-    {in: 'u', out: 'у'},
-    {in: 'w', out: 'ў'},
-    {in: 'f', out: 'ф'},
-    {in: 'h', out: 'х'},
-    {in: 'c', out: 'ц'},
-    {in: 'y', out: 'ы'},
-  ],
-};
diff --git a/packages/mutxt-react/src/translit/schemes/bg-translit.ts b/packages/mutxt-react/src/translit/schemes/bg-translit.ts
deleted file mode 100644
index 569672a007..0000000000
--- a/packages/mutxt-react/src/translit/schemes/bg-translit.ts
+++ /dev/null
@@ -1,57 +0,0 @@
-import type {TranslitScheme} from '../types';
-
-/**
- * Bulgarian translit. Russian rules minus ё / ы / э, with Bulgarian's
- * `sht → щ` digraph (Bulgarian щ is pronounced "sht").
- *
- *   a→а  b→б  v→в  g→г  d→д  e→е  zh→ж  z→з  i→и  y→й
- *   k→к  l→л  m→м  n→н  o→о  p→п  r→р  s→с  t→т  u→у
- *   f→ф  h→х  c→ц  ch→ч  sh→ш  sht→щ  '→ь  ''→ъ  yu→ю  ya→я
- */
-export const bgTranslit: TranslitScheme = {
-  id: 'bg-translit',
-  name: 'Bulgarian (translit)',
-  short: 'BG',
-  language: 'bg',
-  script: 'Cyrl',
-  kind: 'alphabet',
-  rules: [
-    // Trigraphs.
-    {in: 'sht', out: 'щ'},
-
-    // Digraphs.
-    {in: 'sh', out: 'ш'},
-    {in: 'ch', out: 'ч'},
-    {in: 'zh', out: 'ж'},
-    {in: 'yu', out: 'ю'},
-    {in: 'ya', out: 'я'},
-    {in: "''", out: 'ъ'},
-
-    // Soft sign.
-    {in: "'", out: 'ь', caseFold: false},
-
-    // Single chars.
-    {in: 'a', out: 'а'},
-    {in: 'b', out: 'б'},
-    {in: 'v', out: 'в'},
-    {in: 'g', out: 'г'},
-    {in: 'd', out: 'д'},
-    {in: 'e', out: 'е'},
-    {in: 'z', out: 'з'},
-    {in: 'i', out: 'и'},
-    {in: 'y', out: 'й'},
-    {in: 'k', out: 'к'},
-    {in: 'l', out: 'л'},
-    {in: 'm', out: 'м'},
-    {in: 'n', out: 'н'},
-    {in: 'o', out: 'о'},
-    {in: 'p', out: 'п'},
-    {in: 'r', out: 'р'},
-    {in: 's', out: 'с'},
-    {in: 't', out: 'т'},
-    {in: 'u', out: 'у'},
-    {in: 'f', out: 'ф'},
-    {in: 'h', out: 'х'},
-    {in: 'c', out: 'ц'},
-  ],
-};
diff --git a/packages/mutxt-react/src/translit/schemes/el-translit.ts b/packages/mutxt-react/src/translit/schemes/el-translit.ts
deleted file mode 100644
index e740d62beb..0000000000
--- a/packages/mutxt-react/src/translit/schemes/el-translit.ts
+++ /dev/null
@@ -1,52 +0,0 @@
-import type {TranslitScheme} from '../types';
-
-/**
- * Greek (monotonic) translit. Uses common ASCII conventions; final-sigma
- * (σ → ς) handled via `finalForms`.
- *
- *   a→α  b→β  g→γ  d→δ  e→ε  z→ζ  h→η  th→θ  i→ι  k→κ
- *   l→λ  m→μ  n→ν  x→ξ  o→ο  p→π  r→ρ  s→σ  t→τ  u→υ  y→υ
- *   f→φ  ph→φ  ch→χ  ps→ψ  w→ω
- */
-export const elTranslit: TranslitScheme = {
-  id: 'el-translit',
-  name: 'Greek (translit)',
-  short: 'EL',
-  language: 'el',
-  script: 'Grek',
-  kind: 'alphabet',
-  rules: [
-    // Digraphs.
-    {in: 'th', out: 'θ'},
-    {in: 'ph', out: 'φ'},
-    {in: 'ch', out: 'χ'},
-    {in: 'ps', out: 'ψ'},
-
-    // Single chars.
-    {in: 'a', out: 'α'},
-    {in: 'b', out: 'β'},
-    {in: 'g', out: 'γ'},
-    {in: 'd', out: 'δ'},
-    {in: 'e', out: 'ε'},
-    {in: 'z', out: 'ζ'},
-    {in: 'h', out: 'η'},
-    {in: 'i', out: 'ι'},
-    {in: 'k', out: 'κ'},
-    {in: 'l', out: 'λ'},
-    {in: 'm', out: 'μ'},
-    {in: 'n', out: 'ν'},
-    {in: 'x', out: 'ξ'},
-    {in: 'o', out: 'ο'},
-    {in: 'p', out: 'π'},
-    {in: 'r', out: 'ρ'},
-    {in: 's', out: 'σ'},
-    {in: 't', out: 'τ'},
-    {in: 'u', out: 'υ'},
-    {in: 'y', out: 'υ'},
-    {in: 'f', out: 'φ'},
-    {in: 'w', out: 'ω'},
-  ],
-  finalForms: {
-    σ: 'ς',
-  },
-};
diff --git a/packages/mutxt-react/src/translit/schemes/eo-xsystem.ts b/packages/mutxt-react/src/translit/schemes/eo-xsystem.ts
deleted file mode 100644
index 91eb597362..0000000000
--- a/packages/mutxt-react/src/translit/schemes/eo-xsystem.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-import type {TranslitScheme} from '../types';
-
-/**
- * Esperanto x-system. Latin pass-through with six digraphs:
- *
- *   cx → ĉ    gx → ĝ    hx → ĥ    jx → ĵ    sx → ŝ    ux → ŭ
- *
- * All other Latin letters fall through unchanged. The matcher is
- * specifically suited to this convention because typing `c` buffers
- * pending the possible `cx`; if any other char follows, the buffered
- * `c` is committed literal and the next char is reprocessed.
- */
-export const eoXsystem: TranslitScheme = {
-  id: 'eo-xsystem',
-  name: 'Esperanto (x-system)',
-  short: 'EO',
-  language: 'eo',
-  script: 'Latn',
-  kind: 'alphabet',
-  rules: [
-    {in: 'cx', out: 'ĉ'},
-    {in: 'gx', out: 'ĝ'},
-    {in: 'hx', out: 'ĥ'},
-    {in: 'jx', out: 'ĵ'},
-    {in: 'sx', out: 'ŝ'},
-    {in: 'ux', out: 'ŭ'},
-  ],
-};
diff --git a/packages/mutxt-react/src/translit/schemes/he-translit.ts b/packages/mutxt-react/src/translit/schemes/he-translit.ts
deleted file mode 100644
index 430d0abcdc..0000000000
--- a/packages/mutxt-react/src/translit/schemes/he-translit.ts
+++ /dev/null
@@ -1,63 +0,0 @@
-import type {TranslitScheme} from '../types';
-
-/**
- * Hebrew (consonantal) translit. Final letters (ך / ם / ן / ף / ץ) handled
- * via `finalForms` on word boundaries. RTL is handled by the browser's
- * built-in bidi algorithm — the matcher just emits Unicode codepoints.
- *
- * Vowels follow Hebrew abjad conventions: short `a` and `e` are silently
- * dropped (no glyph), while long `i / o / u` map to mater lectionis
- * (י / ו / ו). To force a long alif, type `aa → א`.
- */
-export const heTranslit: TranslitScheme = {
-  id: 'he-translit',
-  name: 'Hebrew (translit)',
-  short: 'HE',
-  language: 'he',
-  script: 'Hebr',
-  direction: 'rtl',
-  kind: 'alphabet',
-  rules: [
-    // Digraphs (consonants + long-alif `aa → א`).
-    {in: 'aa', out: 'א'},
-    {in: 'ch', out: 'ח'},
-    {in: 'tt', out: 'ט'},
-    {in: 'sh', out: 'ש'},
-    {in: 'ts', out: 'צ'},
-
-    // Ayin uses the apostrophe key (Russian convention `'` → ь does not apply here).
-    {in: "'", out: 'ע', caseFold: false},
-
-    // Vowels: short a/e silent; long i/o/u via mater lectionis.
-    {in: 'a', out: ''},
-    {in: 'e', out: ''},
-    {in: 'i', out: 'י'},
-    {in: 'o', out: 'ו'},
-    {in: 'u', out: 'ו'},
-
-    // Consonants.
-    {in: 'b', out: 'ב'},
-    {in: 'g', out: 'ג'},
-    {in: 'd', out: 'ד'},
-    {in: 'h', out: 'ה'},
-    {in: 'v', out: 'ו'},
-    {in: 'z', out: 'ז'},
-    {in: 'y', out: 'י'},
-    {in: 'k', out: 'כ'},
-    {in: 'l', out: 'ל'},
-    {in: 'm', out: 'מ'},
-    {in: 'n', out: 'נ'},
-    {in: 's', out: 'ס'},
-    {in: 'p', out: 'פ'},
-    {in: 'q', out: 'ק'},
-    {in: 'r', out: 'ר'},
-    {in: 't', out: 'ת'},
-  ],
-  finalForms: {
-    כ: 'ך',
-    מ: 'ם',
-    נ: 'ן',
-    פ: 'ף',
-    צ: 'ץ',
-  },
-};
diff --git a/packages/mutxt-react/src/translit/schemes/hy-translit.ts b/packages/mutxt-react/src/translit/schemes/hy-translit.ts
deleted file mode 100644
index 39ffb141c0..0000000000
--- a/packages/mutxt-react/src/translit/schemes/hy-translit.ts
+++ /dev/null
@@ -1,54 +0,0 @@
-import type {TranslitScheme} from '../types';
-
-/**
- * Armenian (Eastern) translit, phonetic 1:1. Letter set chosen to match
- * common Internet conventions; the OW digraph (ո + ւ) is emitted as a
- * two-codepoint sequence.
- */
-export const hyTranslit: TranslitScheme = {
-  id: 'hy-translit',
-  name: 'Armenian (translit)',
-  short: 'HY',
-  language: 'hy',
-  script: 'Armn',
-  kind: 'alphabet',
-  rules: [
-    // Digraphs.
-    {in: 'th', out: 'թ'},
-    {in: 'zh', out: 'ժ'},
-    {in: 'kh', out: 'խ'},
-    {in: 'ts', out: 'ծ'},
-    {in: 'dz', out: 'ձ'},
-    {in: 'gh', out: 'ղ'},
-    {in: 'ch', out: 'ճ'},
-    {in: 'sh', out: 'շ'},
-    {in: 'ph', out: 'փ'},
-    {in: 'ow', out: 'ու'},
-
-    // Single chars.
-    {in: 'a', out: 'ա'},
-    {in: 'b', out: 'բ'},
-    {in: 'g', out: 'գ'},
-    {in: 'd', out: 'դ'},
-    {in: 'e', out: 'ե'},
-    {in: 'z', out: 'զ'},
-    {in: 'i', out: 'ի'},
-    {in: 'l', out: 'լ'},
-    {in: 'k', out: 'կ'},
-    {in: 'h', out: 'հ'},
-    {in: 'm', out: 'մ'},
-    {in: 'y', out: 'յ'},
-    {in: 'n', out: 'ն'},
-    {in: 'o', out: 'ո'},
-    {in: 'p', out: 'պ'},
-    {in: 'j', out: 'ջ'},
-    {in: 'r', out: 'ր'},
-    {in: 's', out: 'ս'},
-    {in: 'v', out: 'վ'},
-    {in: 't', out: 'տ'},
-    {in: 'c', out: 'ց'},
-    {in: 'u', out: 'ու'},
-    {in: 'q', out: 'ք'},
-    {in: 'f', out: 'ֆ'},
-  ],
-};
diff --git a/packages/mutxt-react/src/translit/schemes/index.ts b/packages/mutxt-react/src/translit/schemes/index.ts
deleted file mode 100644
index b0fc667595..0000000000
--- a/packages/mutxt-react/src/translit/schemes/index.ts
+++ /dev/null
@@ -1,60 +0,0 @@
-import {ruTranslit} from './ru-translit';
-import {ruPhonetic} from './ru-phonetic';
-import {ukTranslit} from './uk-translit';
-import {bgTranslit} from './bg-translit';
-import {beTranslit} from './be-translit';
-import {mkTranslit} from './mk-translit';
-import {srTranslit} from './sr-translit';
-import {elTranslit} from './el-translit';
-import {heTranslit} from './he-translit';
-import {hyTranslit} from './hy-translit';
-import {kaTranslit} from './ka-translit';
-import {eoXsystem} from './eo-xsystem';
-import {viTelex} from './vi-telex';
-import {arArabizi} from './ar-arabizi';
-import {ipaTranslit} from './ipa-translit';
-import type {TranslitScheme} from '../types';
-
-export {
-  ruTranslit,
-  ruPhonetic,
-  ukTranslit,
-  bgTranslit,
-  beTranslit,
-  mkTranslit,
-  srTranslit,
-  elTranslit,
-  heTranslit,
-  hyTranslit,
-  kaTranslit,
-  eoXsystem,
-  viTelex,
-  arArabizi,
-  ipaTranslit,
-};
-
-/** Schemes shipped by default, ordered roughly by reader population. */
-export const defaultSchemes: readonly TranslitScheme[] = [
-  ruTranslit,
-  ruPhonetic,
-  ukTranslit,
-  bgTranslit,
-  beTranslit,
-  mkTranslit,
-  srTranslit,
-  elTranslit,
-  heTranslit,
-  hyTranslit,
-  kaTranslit,
-  arArabizi,
-  viTelex,
-  eoXsystem,
-  ipaTranslit,
-];
-
-/** Build a `Map<id, scheme>` from an iterable of schemes. */
-export const schemeMap = (schemes: Iterable<TranslitScheme>): Map<string, TranslitScheme> => {
-  const m = new Map<string, TranslitScheme>();
-  for (const s of schemes) m.set(s.id, s);
-  return m;
-};
diff --git a/packages/mutxt-react/src/translit/schemes/ipa-translit.ts b/packages/mutxt-react/src/translit/schemes/ipa-translit.ts
deleted file mode 100644
index e97db7d1de..0000000000
--- a/packages/mutxt-react/src/translit/schemes/ipa-translit.ts
+++ /dev/null
@@ -1,52 +0,0 @@
-import type {TranslitScheme} from '../types';
-
-/**
- * Basic ASCII → IPA scheme — handy for linguists who want to type phonetic
- * transcriptions inline. Covers the most common phonemes; uppercase letters
- * map to IPA's "lax" / "open" variants. Use the eo-style fallthrough for
- * letters not listed (b, d, f, h, k, l, m, n, p, s, t, v, w, z all type
- * as their normal Latin glyph and pass through unchanged).
- *
- *   sh → ʃ   zh → ʒ   ch → tʃ   jh → dʒ   ng → ŋ
- *   th → θ   dh → ð   gh → ɣ
- *   A → ɑ   E → ɛ   I → ɪ   O → ɔ   U → ʊ   V → ʌ   N → ɲ
- *   R → ɹ   r → ɾ
- *
- * Long-mark colon (`:`) and stress (`'`) are entered as their Unicode
- * IPA equivalents via single-char rules.
- */
-export const ipaTranslit: TranslitScheme = {
-  id: 'ipa-translit',
-  name: 'IPA (basic)',
-  short: 'IPA',
-  language: 'und',
-  script: 'Latn',
-  kind: 'alphabet',
-  rules: [
-    // Digraphs.
-    {in: 'sh', out: 'ʃ'},
-    {in: 'zh', out: 'ʒ'},
-    {in: 'ch', out: 'tʃ'},
-    {in: 'jh', out: 'dʒ'},
-    {in: 'ng', out: 'ŋ'},
-    {in: 'th', out: 'θ'},
-    {in: 'dh', out: 'ð'},
-    {in: 'gh', out: 'ɣ'},
-
-    // Capital-letter (lax / open) vowels and special consonants.
-    {in: 'A', out: 'ɑ', caseFold: false},
-    {in: 'E', out: 'ɛ', caseFold: false},
-    {in: 'I', out: 'ɪ', caseFold: false},
-    {in: 'O', out: 'ɔ', caseFold: false},
-    {in: 'U', out: 'ʊ', caseFold: false},
-    {in: 'V', out: 'ʌ', caseFold: false},
-    {in: 'N', out: 'ɲ', caseFold: false},
-    {in: 'R', out: 'ɹ', caseFold: false},
-
-    // Single chars. `r` is intentionally NOT remapped so users can type the
-    // alveolar /r/ directly; the rhotic approximant `R` (ɹ) and tap (`r̥` for
-    // English) are explicit choices.
-    {in: 'q', out: 'ʔ', caseFold: false},
-    {in: 'y', out: 'j', caseFold: false},
-  ],
-};
diff --git a/packages/mutxt-react/src/translit/schemes/ka-translit.ts b/packages/mutxt-react/src/translit/schemes/ka-translit.ts
deleted file mode 100644
index 718228331c..0000000000
--- a/packages/mutxt-react/src/translit/schemes/ka-translit.ts
+++ /dev/null
@@ -1,57 +0,0 @@
-import type {TranslitScheme} from '../types';
-
-/**
- * Georgian (Mkhedruli) translit, phonetic 1:1.
- *
- *   a→ა  b→ბ  g→გ  d→დ  e→ე  v→ვ  z→ზ  th→თ  i→ი  k→კ
- *   l→ლ  m→მ  n→ნ  o→ო  p→პ  zh→ჟ  r→რ  s→ს  t→ტ  u→უ
- *   ph→ფ  q→ქ  gh→ღ  y→ყ  sh→შ  ch→ჩ  ts→ც  dz→ძ  c→წ
- *   cj→ჭ  x→ხ  j→ჯ  h→ჰ
- */
-export const kaTranslit: TranslitScheme = {
-  id: 'ka-translit',
-  name: 'Georgian (translit)',
-  short: 'KA',
-  language: 'ka',
-  script: 'Geor',
-  kind: 'alphabet',
-  rules: [
-    // Digraphs.
-    {in: 'th', out: 'თ'},
-    {in: 'zh', out: 'ჟ'},
-    {in: 'ph', out: 'ფ'},
-    {in: 'gh', out: 'ღ'},
-    {in: 'sh', out: 'შ'},
-    {in: 'ch', out: 'ჩ'},
-    {in: 'ts', out: 'ც'},
-    {in: 'dz', out: 'ძ'},
-    {in: 'cj', out: 'ჭ'},
-
-    // Single chars.
-    {in: 'a', out: 'ა'},
-    {in: 'b', out: 'ბ'},
-    {in: 'g', out: 'გ'},
-    {in: 'd', out: 'დ'},
-    {in: 'e', out: 'ე'},
-    {in: 'v', out: 'ვ'},
-    {in: 'z', out: 'ზ'},
-    {in: 'i', out: 'ი'},
-    {in: 'k', out: 'კ'},
-    {in: 'l', out: 'ლ'},
-    {in: 'm', out: 'მ'},
-    {in: 'n', out: 'ნ'},
-    {in: 'o', out: 'ო'},
-    {in: 'p', out: 'პ'},
-    {in: 'r', out: 'რ'},
-    {in: 's', out: 'ს'},
-    {in: 't', out: 'ტ'},
-    {in: 'u', out: 'უ'},
-    {in: 'q', out: 'ქ'},
-    {in: 'y', out: 'ყ'},
-    {in: 'c', out: 'წ'},
-    {in: 'x', out: 'ხ'},
-    {in: 'j', out: 'ჯ'},
-    {in: 'h', out: 'ჰ'},
-    {in: 'f', out: 'ფ'},
-  ],
-};
diff --git a/packages/mutxt-react/src/translit/schemes/mk-translit.ts b/packages/mutxt-react/src/translit/schemes/mk-translit.ts
deleted file mode 100644
index 5d4c517b17..0000000000
--- a/packages/mutxt-react/src/translit/schemes/mk-translit.ts
+++ /dev/null
@@ -1,52 +0,0 @@
-import type {TranslitScheme} from '../types';
-
-/**
- * Macedonian translit. Uses standard Macedonian Latin → Cyrillic digraphs:
- *
- *   gj → ѓ    kj → ќ    lj → љ    nj → њ
- *   dz → ѕ    dj → џ    zh → ж    sh → ш    ch → ч
- */
-export const mkTranslit: TranslitScheme = {
-  id: 'mk-translit',
-  name: 'Macedonian (translit)',
-  short: 'MK',
-  language: 'mk',
-  script: 'Cyrl',
-  kind: 'alphabet',
-  rules: [
-    // Digraphs.
-    {in: 'gj', out: 'ѓ'},
-    {in: 'kj', out: 'ќ'},
-    {in: 'lj', out: 'љ'},
-    {in: 'nj', out: 'њ'},
-    {in: 'dz', out: 'ѕ'},
-    {in: 'dj', out: 'џ'},
-    {in: 'zh', out: 'ж'},
-    {in: 'sh', out: 'ш'},
-    {in: 'ch', out: 'ч'},
-
-    // Single chars.
-    {in: 'a', out: 'а'},
-    {in: 'b', out: 'б'},
-    {in: 'v', out: 'в'},
-    {in: 'g', out: 'г'},
-    {in: 'd', out: 'д'},
-    {in: 'e', out: 'е'},
-    {in: 'z', out: 'з'},
-    {in: 'i', out: 'и'},
-    {in: 'j', out: 'ј'},
-    {in: 'k', out: 'к'},
-    {in: 'l', out: 'л'},
-    {in: 'm', out: 'м'},
-    {in: 'n', out: 'н'},
-    {in: 'o', out: 'о'},
-    {in: 'p', out: 'п'},
-    {in: 'r', out: 'р'},
-    {in: 's', out: 'с'},
-    {in: 't', out: 'т'},
-    {in: 'u', out: 'у'},
-    {in: 'f', out: 'ф'},
-    {in: 'h', out: 'х'},
-    {in: 'c', out: 'ц'},
-  ],
-};
diff --git a/packages/mutxt-react/src/translit/schemes/ru-phonetic.ts b/packages/mutxt-react/src/translit/schemes/ru-phonetic.ts
deleted file mode 100644
index db5387437b..0000000000
--- a/packages/mutxt-react/src/translit/schemes/ru-phonetic.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import type {TranslitScheme} from '../types';
-
-/**
- * Russian "phonetic" (Apple-style) scheme — strict 1:1 mapping of ASCII keys
- * to Cyrillic letters.
- */
-export const ruPhonetic: TranslitScheme = {
-  id: 'ru-phonetic',
-  name: 'Russian (phonetic)',
-  short: 'RU',
-  language: 'ru',
-  script: 'Cyrl',
-  kind: 'alphabet',
-  rules: [
-    {in: 'a', out: 'а'},
-    {in: 'b', out: 'б'},
-    {in: 'v', out: 'в'},
-    {in: 'g', out: 'г'},
-    {in: 'd', out: 'д'},
-    {in: 'e', out: 'е'},
-    {in: 'z', out: 'з'},
-    {in: 'i', out: 'и'},
-    {in: 'k', out: 'к'},
-    {in: 'l', out: 'л'},
-    {in: 'm', out: 'м'},
-    {in: 'n', out: 'н'},
-    {in: 'o', out: 'о'},
-    {in: 'p', out: 'п'},
-    {in: 'r', out: 'р'},
-    {in: 's', out: 'с'},
-    {in: 't', out: 'т'},
-    {in: 'u', out: 'у'},
-    {in: 'f', out: 'ф'},
-    {in: 'h', out: 'х'},
-    {in: 'c', out: 'ц'},
-    {in: 'y', out: 'ы'},
-
-    // Letters without obvious Latin analogues — assigned to remaining ASCII keys.
-    {in: 'q', out: 'я'},
-    {in: 'w', out: 'в'},
-    {in: 'x', out: 'ь'},
-    {in: 'j', out: 'й'},
-  ],
-};
diff --git a/packages/mutxt-react/src/translit/schemes/ru-translit.ts b/packages/mutxt-react/src/translit/schemes/ru-translit.ts
deleted file mode 100644
index 168c86a497..0000000000
--- a/packages/mutxt-react/src/translit/schemes/ru-translit.ts
+++ /dev/null
@@ -1,61 +0,0 @@
-import type {TranslitScheme} from '../types';
-
-/**
- *   a  → а    b  → б    v  → в    g  → г    d  → д
- *   e  → е    yo → ё    zh → ж    z  → з    i  → и
- *   j  → й    k  → к    l  → л    m  → м    n  → н
- *   o  → о    p  → п    r  → р    s  → с    t  → т
- *   u  → у    f  → ф    h  → х    c  → ц    ch → ч
- *   sh → ш    shh→ щ    '  → ь    '' → ъ    y  → ы
- *   yu → ю    ya → я
- */
-export const ruTranslit: TranslitScheme = {
-  id: 'ru-translit',
-  name: 'Russian (translit)',
-  short: 'RU',
-  language: 'ru',
-  script: 'Cyrl',
-  kind: 'alphabet',
-  rules: [
-    // Trigraphs.
-    {in: 'shh', out: 'щ'},
-
-    // Digraphs.
-    {in: 'sh', out: 'ш'},
-    {in: 'ch', out: 'ч'},
-    {in: 'zh', out: 'ж'},
-    {in: 'yo', out: 'ё'},
-    {in: 'yu', out: 'ю'},
-    {in: 'ya', out: 'я'},
-    {in: 'je', out: 'э'},
-    {in: "''", out: 'ъ'},
-
-    // Soft sign.
-    {in: "'", out: 'ь', caseFold: false},
-
-    // Single chars.
-    {in: 'a', out: 'а'},
-    {in: 'b', out: 'б'},
-    {in: 'v', out: 'в'},
-    {in: 'g', out: 'г'},
-    {in: 'd', out: 'д'},
-    {in: 'e', out: 'е'},
-    {in: 'z', out: 'з'},
-    {in: 'i', out: 'и'},
-    {in: 'j', out: 'й'},
-    {in: 'k', out: 'к'},
-    {in: 'l', out: 'л'},
-    {in: 'm', out: 'м'},
-    {in: 'n', out: 'н'},
-    {in: 'o', out: 'о'},
-    {in: 'p', out: 'п'},
-    {in: 'r', out: 'р'},
-    {in: 's', out: 'с'},
-    {in: 't', out: 'т'},
-    {in: 'u', out: 'у'},
-    {in: 'f', out: 'ф'},
-    {in: 'h', out: 'х'},
-    {in: 'c', out: 'ц'},
-    {in: 'y', out: 'ы'},
-  ],
-};
diff --git a/packages/mutxt-react/src/translit/schemes/sr-translit.ts b/packages/mutxt-react/src/translit/schemes/sr-translit.ts
deleted file mode 100644
index c72385f2f4..0000000000
--- a/packages/mutxt-react/src/translit/schemes/sr-translit.ts
+++ /dev/null
@@ -1,51 +0,0 @@
-import type {TranslitScheme} from '../types';
-
-/**
- * Serbian Cyrillic translit. Uses Serbian Latin orthography conventions:
- *
- *   dj → ђ    tj → ћ    lj → љ    nj → њ    dz → џ
- *   zh → ж   sh → ш    ch → ч
- */
-export const srTranslit: TranslitScheme = {
-  id: 'sr-translit',
-  name: 'Serbian (translit)',
-  short: 'SR',
-  language: 'sr',
-  script: 'Cyrl',
-  kind: 'alphabet',
-  rules: [
-    // Digraphs.
-    {in: 'dj', out: 'ђ'},
-    {in: 'tj', out: 'ћ'},
-    {in: 'lj', out: 'љ'},
-    {in: 'nj', out: 'њ'},
-    {in: 'dz', out: 'џ'},
-    {in: 'zh', out: 'ж'},
-    {in: 'sh', out: 'ш'},
-    {in: 'ch', out: 'ч'},
-
-    // Single chars.
-    {in: 'a', out: 'а'},
-    {in: 'b', out: 'б'},
-    {in: 'v', out: 'в'},
-    {in: 'g', out: 'г'},
-    {in: 'd', out: 'д'},
-    {in: 'e', out: 'е'},
-    {in: 'z', out: 'з'},
-    {in: 'i', out: 'и'},
-    {in: 'j', out: 'ј'},
-    {in: 'k', out: 'к'},
-    {in: 'l', out: 'л'},
-    {in: 'm', out: 'м'},
-    {in: 'n', out: 'н'},
-    {in: 'o', out: 'о'},
-    {in: 'p', out: 'п'},
-    {in: 'r', out: 'р'},
-    {in: 's', out: 'с'},
-    {in: 't', out: 'т'},
-    {in: 'u', out: 'у'},
-    {in: 'f', out: 'ф'},
-    {in: 'h', out: 'х'},
-    {in: 'c', out: 'ц'},
-  ],
-};
diff --git a/packages/mutxt-react/src/translit/schemes/uk-translit.ts b/packages/mutxt-react/src/translit/schemes/uk-translit.ts
deleted file mode 100644
index 60922a7948..0000000000
--- a/packages/mutxt-react/src/translit/schemes/uk-translit.ts
+++ /dev/null
@@ -1,58 +0,0 @@
-import type {TranslitScheme} from '../types';
-
-/**
- * Ukrainian translit. Same shape as Russian translit but with the Ukrainian
- * letter set: і / ї / є / ґ added; ё / ъ / ы / э dropped.
- *
- *   y → и    i → і    yi → ї    ye → є    gh → ґ
- */
-export const ukTranslit: TranslitScheme = {
-  id: 'uk-translit',
-  name: 'Ukrainian (translit)',
-  short: 'UK',
-  language: 'uk',
-  script: 'Cyrl',
-  kind: 'alphabet',
-  rules: [
-    // Trigraphs.
-    {in: 'shh', out: 'щ'},
-
-    // Digraphs.
-    {in: 'sh', out: 'ш'},
-    {in: 'ch', out: 'ч'},
-    {in: 'zh', out: 'ж'},
-    {in: 'yu', out: 'ю'},
-    {in: 'ya', out: 'я'},
-    {in: 'ye', out: 'є'},
-    {in: 'yi', out: 'ї'},
-    {in: 'gh', out: 'ґ'},
-
-    // Soft sign.
-    {in: "'", out: 'ь', caseFold: false},
-
-    // Single chars.
-    {in: 'a', out: 'а'},
-    {in: 'b', out: 'б'},
-    {in: 'v', out: 'в'},
-    {in: 'g', out: 'г'},
-    {in: 'd', out: 'д'},
-    {in: 'e', out: 'е'},
-    {in: 'z', out: 'з'},
-    {in: 'y', out: 'и'},
-    {in: 'i', out: 'і'},
-    {in: 'j', out: 'й'},
-    {in: 'k', out: 'к'},
-    {in: 'l', out: 'л'},
-    {in: 'm', out: 'м'},
-    {in: 'n', out: 'н'},
-    {in: 'o', out: 'о'},
-    {in: 'p', out: 'п'},
-    {in: 'r', out: 'р'},
-    {in: 's', out: 'с'},
-    {in: 't', out: 'т'},
-    {in: 'u', out: 'у'},
-    {in: 'f', out: 'ф'},
-    {in: 'h', out: 'х'},
-    {in: 'c', out: 'ц'},
-  ],
-};
diff --git a/packages/mutxt-react/src/translit/schemes/vi-telex.ts b/packages/mutxt-react/src/translit/schemes/vi-telex.ts
deleted file mode 100644
index 884e15526f..0000000000
--- a/packages/mutxt-react/src/translit/schemes/vi-telex.ts
+++ /dev/null
@@ -1,98 +0,0 @@
-import type {TranslitScheme} from '../types';
-
-/**
- * Vietnamese Telex input. The classic showcase for digraph-with-extension:
- * type `a` then `a` and the matcher rewrites `a` → `â`; type `a` then `s`
- * and the matcher rewrites `a` → `á`.
- *
- *   Modifier digraphs:  aa→â  ee→ê  oo→ô  aw→ă  ow→ơ  uw→ư  dd→đ
- *   Tones (suffix):     s→sắc  f→huyền  r→hỏi  x→ngã  j→nặng
- */
-export const viTelex: TranslitScheme = {
-  id: 'vi-telex',
-  name: 'Vietnamese (Telex)',
-  short: 'VI',
-  language: 'vi',
-  script: 'Latn',
-  kind: 'alphabet',
-  rules: [
-    // Trigraphs: modified vowel + tone.
-    // â family (aa).
-    {in: 'aas', out: 'ấ'},
-    {in: 'aaf', out: 'ầ'},
-    {in: 'aar', out: 'ẩ'},
-    {in: 'aax', out: 'ẫ'},
-    {in: 'aaj', out: 'ậ'},
-    // ê family (ee).
-    {in: 'ees', out: 'ế'},
-    {in: 'eef', out: 'ề'},
-    {in: 'eer', out: 'ể'},
-    {in: 'eex', out: 'ễ'},
-    {in: 'eej', out: 'ệ'},
-    // ô family (oo).
-    {in: 'oos', out: 'ố'},
-    {in: 'oof', out: 'ồ'},
-    {in: 'oor', out: 'ổ'},
-    {in: 'oox', out: 'ỗ'},
-    {in: 'ooj', out: 'ộ'},
-    // ă family (aw).
-    {in: 'aws', out: 'ắ'},
-    {in: 'awf', out: 'ằ'},
-    {in: 'awr', out: 'ẳ'},
-    {in: 'awx', out: 'ẵ'},
-    {in: 'awj', out: 'ặ'},
-    // ơ family (ow).
-    {in: 'ows', out: 'ớ'},
-    {in: 'owf', out: 'ờ'},
-    {in: 'owr', out: 'ở'},
-    {in: 'owx', out: 'ỡ'},
-    {in: 'owj', out: 'ợ'},
-    // ư family (uw).
-    {in: 'uws', out: 'ứ'},
-    {in: 'uwf', out: 'ừ'},
-    {in: 'uwr', out: 'ử'},
-    {in: 'uwx', out: 'ữ'},
-    {in: 'uwj', out: 'ự'},
-
-    // Digraphs: modifier letters.
-    {in: 'aa', out: 'â'},
-    {in: 'ee', out: 'ê'},
-    {in: 'oo', out: 'ô'},
-    {in: 'aw', out: 'ă'},
-    {in: 'ow', out: 'ơ'},
-    {in: 'uw', out: 'ư'},
-    {in: 'dd', out: 'đ'},
-
-    // Digraphs: bare-vowel + tone.
-    {in: 'as', out: 'á'},
-    {in: 'af', out: 'à'},
-    {in: 'ar', out: 'ả'},
-    {in: 'ax', out: 'ã'},
-    {in: 'aj', out: 'ạ'},
-    {in: 'es', out: 'é'},
-    {in: 'ef', out: 'è'},
-    {in: 'er', out: 'ẻ'},
-    {in: 'ex', out: 'ẽ'},
-    {in: 'ej', out: 'ẹ'},
-    {in: 'is', out: 'í'},
-    {in: 'if', out: 'ì'},
-    {in: 'ir', out: 'ỉ'},
-    {in: 'ix', out: 'ĩ'},
-    {in: 'ij', out: 'ị'},
-    {in: 'os', out: 'ó'},
-    {in: 'of', out: 'ò'},
-    {in: 'or', out: 'ỏ'},
-    {in: 'ox', out: 'õ'},
-    {in: 'oj', out: 'ọ'},
-    {in: 'us', out: 'ú'},
-    {in: 'uf', out: 'ù'},
-    {in: 'ur', out: 'ủ'},
-    {in: 'ux', out: 'ũ'},
-    {in: 'uj', out: 'ụ'},
-    {in: 'ys', out: 'ý'},
-    {in: 'yf', out: 'ỳ'},
-    {in: 'yr', out: 'ỷ'},
-    {in: 'yx', out: 'ỹ'},
-    {in: 'yj', out: 'ỵ'},
-  ],
-};
diff --git a/packages/mutxt-react/src/translit/types.ts b/packages/mutxt-react/src/translit/types.ts
deleted file mode 100644
index dd3ea92839..0000000000
--- a/packages/mutxt-react/src/translit/types.ts
+++ /dev/null
@@ -1,41 +0,0 @@
-/**
- * Schema for a translit "scheme" — a mapping table that turns Latin/ASCII
- * keystrokes into a target script. Schemes are pure data so a new language is
- * a JSON object plus a unit-test fixture, not engine code. See `./schemes/`
- * for examples.
- */
-
-export type SchemeKind = 'alphabet' | 'abugida';
-
-export interface TranslitScheme {
-  /** Stable id. */
-  id: string;
-  /** Human label shown in pickers, e.g. `"Russian (translit)"`. */
-  name: string;
-  /** Two-letter code for indicators (footer pill, caret pill).
-   * Falls back to the first two chars of `language` if omitted. */
-  short?: string;
-  /** ISO 639-1/3 of the *target* language, e.g. `"ru"`, `"hi"`. */
-  language: string;
-  /** ISO 15924 script code, e.g. `"Cyrl"`, `"Deva"`. */
-  script: string;
-  /** Writing direction. Default `"ltr"`. */
-  direction?: 'ltr' | 'rtl';
-  /** Engine kind. */
-  kind: SchemeKind;
-  /** The mapping rules. Order does not matter — sorted longest-first at load. */
-  rules: TranslitRule[];
-  /** Per-letter "final form" overrides applied when the next event is a
-   * word boundary (whitespace, punctuation, end of input). */
-  finalForms?: Readonly<Record<string, string>>;
-}
-
-export interface TranslitRule {
-  /** ASCII input — typically 1, 2, or 3 chars. */
-  in: string;
-  /** Output codepoints. */
-  out: string;
-  /** If `true` (default), the matcher folds case on input and uppercases the
-   * output when the input was uppercase. */
-  caseFold?: boolean;
-}
diff --git a/packages/mutxt-react/tsconfig.build.json b/packages/mutxt-react/tsconfig.build.json
deleted file mode 100644
index 8986c94a54..0000000000
--- a/packages/mutxt-react/tsconfig.build.json
+++ /dev/null
@@ -1,54 +0,0 @@
-{
-  "extends": "./tsconfig",
-  "compilerOptions": {
-    "sourceMap": false,
-    "rootDir": "./src",
-    "tsBuildInfoFile": "./lib/.tsbuildinfo"
-  },
-  "exclude": [
-    "src/demo",
-    "src/__tests__",
-    "src/**/__demos__/**/*.*",
-    "src/**/__tests__/**/*.*",
-    "src/**/__bench__/**/*.*",
-    "src/**/__mocks__/**/*.*",
-    "src/**/__jest__/**/*.*",
-    "src/**/__mocha__/**/*.*",
-    "src/**/__tap__/**/*.*",
-    "src/**/__tape__/**/*.*",
-    "*.test.ts",
-    "*.spec.ts",
-    "src/**/__stories__/**/*.*",
-    "src/**/*.stories.ts",
-    "src/**/*.stories.tsx"
-  ],
-  "references": [
-    {
-      "path": "../collaborative-peritext/tsconfig.build.json"
-    },
-    {
-      "path": "../collaborative-presence/tsconfig.build.json"
-    },
-    {
-      "path": "../collaborative-slate/tsconfig.build.json"
-    },
-    {
-      "path": "../util/tsconfig.build.json"
-    },
-    {
-      "path": "../keyboard/tsconfig.build.json"
-    },
-    {
-      "path": "../json-equal/tsconfig.build.json"
-    },
-    {
-      "path": "../ui/tsconfig.build.json"
-    },
-    {
-      "path": "../json-joy/tsconfig.build.json"
-    },
-    {
-      "path": "../nano-theme/tsconfig.build.json"
-    }
-  ]
-}
diff --git a/packages/mutxt-react/tsconfig.json b/packages/mutxt-react/tsconfig.json
deleted file mode 100644
index bd50e036b9..0000000000
--- a/packages/mutxt-react/tsconfig.json
+++ /dev/null
@@ -1,58 +0,0 @@
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "rootDir": "./src",
-    "outDir": "./lib"
-  },
-  "include": [
-    "src"
-  ],
-  "exclude": [
-    "src/demo",
-    "src/__tests__",
-    "src/**/__demos__/**/*.*",
-    "src/**/__tests__/**/*.*",
-    "src/**/__bench__/**/*.*",
-    "src/**/__mocks__/**/*.*",
-    "src/**/__jest__/**/*.*",
-    "src/**/__mocha__/**/*.*",
-    "src/**/__tap__/**/*.*",
-    "src/**/__tape__/**/*.*",
-    "*.test.ts",
-    "*.spec.ts",
-    "src/**/*.stories.ts",
-    "src/**/*.stories.tsx"
-  ],
-  "references": [
-    {
-      "path": "../base64"
-    },
-    {
-      "path": "../collaborative-peritext"
-    },
-    {
-      "path": "../collaborative-presence"
-    },
-    {
-      "path": "../collaborative-slate"
-    },
-    {
-      "path": "../util"
-    },
-    {
-      "path": "../keyboard"
-    },
-    {
-      "path": "../json-equal"
-    },
-    {
-      "path": "../ui"
-    },
-    {
-      "path": "../json-joy"
-    },
-    {
-      "path": "../nano-theme"
-    }
-  ]
-}
diff --git a/packages/peritext/src/editor/cursor/focus/RenderFocus.tsx b/packages/peritext/src/editor/cursor/focus/RenderFocus.tsx
index 062c6ef5f7..e89b2f0e9c 100644
--- a/packages/peritext/src/editor/cursor/focus/RenderFocus.tsx
+++ b/packages/peritext/src/editor/cursor/focus/RenderFocus.tsx
@@ -20,7 +20,7 @@ export const RenderFocus: React.FC<RenderFocusProps> = (props) => {
 
   let under: React.ReactNode | undefined;
 
-  if (!!newSlice && !isScrubbing && state.txt.editor.mainCursor() === cursor) {
+  if (newSlice && !isScrubbing && state.txt.editor.mainCursor() === cursor) {
     under = (
       <BottomPanePortal>
         <FmtNewPane formatting={newSlice} onSave={() => newSlice.save()} />
diff --git a/packages/peritext/src/editor/inline/spans/a/components/Edit.tsx b/packages/peritext/src/editor/inline/spans/a/components/Edit.tsx
index 9b5b9b39d7..896e3fd8cb 100644
--- a/packages/peritext/src/editor/inline/spans/a/components/Edit.tsx
+++ b/packages/peritext/src/editor/inline/spans/a/components/Edit.tsx
@@ -137,7 +137,7 @@ export const Edit: React.FC<EditProps> = ({formatting, onSave}) => {
       <ContextSep />
       <ContextTitle>Preview</ContextTitle>
 
-      {!!data && data.href.length > 3 ? (
+      {data && data.href.length > 3 ? (
         <div style={{display: 'flex', padding: '14px 32px 26px', alignItems: 'center', justifyContent: 'center'}}>
           <UrlDisplayCard url={data.href} title={data.title} />
         </div>
diff --git a/packages/peritext/src/editor/state/EditorState.tsx b/packages/peritext/src/editor/state/EditorState.tsx
index 5e533edc26..ccb73298ce 100644
--- a/packages/peritext/src/editor/state/EditorState.tsx
+++ b/packages/peritext/src/editor/state/EditorState.tsx
@@ -246,7 +246,7 @@ export class EditorState implements UiLifeCycles {
             this.surface.rerender();
             return;
           }
-          if (cursorCardinality === 1 && !!mainCursor && !mainCursor.isCollapsed()) {
+          if (cursorCardinality === 1 && mainCursor && !mainCursor.isCollapsed()) {
             mainCursor.set(mainCursor.focus());
             this.surface.rerender();
             return;
diff --git a/packages/peritext/src/editor/state/commands/Commands.ts b/packages/peritext/src/editor/state/commands/Commands.ts
index ac74b5cae3..b807f00692 100644
--- a/packages/peritext/src/editor/state/commands/Commands.ts
+++ b/packages/peritext/src/editor/state/commands/Commands.ts
@@ -69,7 +69,7 @@ export class Commands implements UiLifeCycles {
       let container: MenuItem = root;
       if (item.group) container = this.buildGroups(item.group, groups);
       const {onSelect, action, params} = item;
-      if (!onSelect && !!action) {
+      if (!onSelect && action) {
         item.onSelect = () => {
           action?.(this.state, []);
         };
diff --git a/packages/peritext/src/web/react/hooks.ts b/packages/peritext/src/web/react/hooks.ts
index dce6cf5e77..e37379c8a8 100644
--- a/packages/peritext/src/web/react/hooks.ts
+++ b/packages/peritext/src/web/react/hooks.ts
@@ -2,10 +2,9 @@ import * as React from 'react';
 import type {SyncStore} from 'json-joy/lib/util/events/sync-store';
 
 export const useIsoLayoutEffect =
-  typeof window === 'object' && !!window.document ? React.useLayoutEffect : React.useEffect;
+  typeof window === 'object' && window.document ? React.useLayoutEffect : React.useEffect;
 
-export const useBrowserLayoutEffect =
-  typeof window === 'object' && !!window.document ? React.useLayoutEffect : () => {};
+export const useBrowserLayoutEffect = typeof window === 'object' && window.document ? React.useLayoutEffect : () => {};
 
 export const useSyncStore = <T>(store: SyncStore<T>): T =>
   React.useSyncExternalStore<T>(store.subscribe, store.getSnapshot);
diff --git a/packages/site/package.json b/packages/site/package.json
deleted file mode 100644
index e7d7aeeb49..0000000000
--- a/packages/site/package.json
+++ /dev/null
@@ -1,50 +0,0 @@
-{
-  "name": "@jsonjoy.com/site",
-  "version": "18.26.0",
-  "description": "jsonjoy.com documentation site",
-  "author": {
-    "name": "streamich",
-    "url": "https://github.com/streamich"
-  },
-  "homepage": "https://github.com/streamich/json-joy/tree/master/packages/site",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/streamich/json-joy.git",
-    "directory": "packages/site"
-  },
-  "license": "AGPL-3.0-only",
-  "private": true,
-  "scripts": {
-    "dev": "webpack serve --mode development",
-    "build": "webpack --mode production",
-    "prerender": "yarn build && ts-node --project tsconfig.prerender.json scripts/prerender.tsx",
-    "deploy": "yarn prerender && wrangler pages deploy --branch=master dist",
-    "deploy:preview": "yarn build && yarn prerender && wrangler pages deploy --branch=preview dist",
-    "typecheck": "npx tsc --noEmit -p tsconfig.app.json",
-    "clean": "npx rimraf dist"
-  },
-  "dependencies": {
-    "@jsonjoy.com/ui": "workspace:*",
-    "nano-theme": "workspace:*",
-    "react": "^19.2.3",
-    "react-dom": "^19.2.3",
-    "react-router-lite": "^1.6.0",
-    "rx-use": "^1.9.0",
-    "rxjs": "7"
-  },
-  "devDependencies": {
-    "@types/node": "^22.14.1",
-    "@types/react": "^19",
-    "@types/react-dom": "^19",
-    "css-loader": "^7.1.2",
-    "html-webpack-plugin": "^5.6.3",
-    "mini-css-extract-plugin": "^2.9.2",
-    "style-loader": "^4.0.0",
-    "ts-loader": "^9.5.2",
-    "ts-node": "*",
-    "webpack": "^5.99.5",
-    "webpack-cli": "^6.0.1",
-    "webpack-dev-server": "^5.2.1",
-    "wrangler": "^4.81.1"
-  }
-}
diff --git a/packages/site/public/index.html b/packages/site/public/index.html
deleted file mode 100644
index 8a83c62f28..0000000000
--- a/packages/site/public/index.html
+++ /dev/null
@@ -1,22 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>json-joy — Collaborative JSON &amp; CRDT Library</title>
-    <meta name="description" content="json-joy is an open-source TypeScript library for collaborative JSON editing powered by CRDTs, RPC, and real-time synchronization." />
-    <meta name="keywords" content="json-joy, JSON CRDT, CRDT, collaborative editing, real-time sync, TypeScript, json-patch, json-pointer" />
-    <meta name="author" content="streamich" />
-    <meta name="robots" content="index, follow" />
-    <meta property="og:type" content="website" />
-    <meta property="og:title" content="json-joy" />
-    <meta property="og:description" content="Open-source TypeScript library for collaborative JSON editing powered by CRDTs." />
-    <meta property="og:site_name" content="json-joy" />
-    <meta name="twitter:card" content="summary" />
-    <meta name="twitter:title" content="json-joy" />
-    <meta name="twitter:description" content="Open-source TypeScript library for collaborative JSON editing powered by CRDTs." />
-  </head>
-  <body>
-    <div id="root"></div>
-  </body>
-</html>
diff --git a/packages/site/routes.ts b/packages/site/routes.ts
deleted file mode 100644
index 006d41f976..0000000000
--- a/packages/site/routes.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-/**
- * All public URL paths that the prerender script will generate static HTML for.
- * Add a new entry here whenever a new page is added to the site.
- */
-export const routes: string[] = [
-  '/',
-  '/docs',
-];
diff --git a/packages/site/scripts/prerender.tsx b/packages/site/scripts/prerender.tsx
deleted file mode 100644
index ca404d8fea..0000000000
--- a/packages/site/scripts/prerender.tsx
+++ /dev/null
@@ -1,60 +0,0 @@
-/**
- * Static pre-render script.
- *
- * Runs after `yarn build` to inject server-rendered HTML into each dist page:
- *   yarn build && yarn prerender
- *
- * For each route in routes.ts:
- *   1. Sets the SSR pathname via NiceUiNavService (updates module-level location$ synchronously).
- *   2. Creates a PagesService so it resolves the correct page component.
- *   3. Calls renderToString(<App pages={...} />) to produce HTML.
- *   4. Collects all nano-css styles accumulated across renders (nano.raw).
- *   5. Writes dist/<route>/index.html with HTML + inlined styles.
- *
- * Run with:  ts-node --project tsconfig.prerender.json scripts/prerender.tsx
- */
-
-import * as React from 'react';
-import * as fs from 'fs';
-import * as path from 'path';
-import {renderToString} from 'react-dom/server';
-import {nano} from 'nano-theme';
-import {NiceUiNavService} from '@jsonjoy.com/ui/lib/context/services/NiceUiNavService';
-import {PagesService} from '../src/services/PagesService';
-import {App} from '../src/App';
-import {routes} from '../routes';
-
-const distDir = path.resolve(__dirname, '..', 'dist');
-const shell = fs.readFileSync(path.join(distDir, 'index.html'), 'utf8');
-
-// Use a single nav instance. nav.go() updates the module-level location$ /
-// pathname$ / steps$ synchronously (NiceUiNavService SSR mock).
-const nav = new NiceUiNavService();
-
-const rendered: {route: string; html: string}[] = [];
-
-for (const route of routes) {
-  nav.go(route);
-  const pages = new PagesService(nav);
-  const html = renderToString(React.createElement(App, {pages}));
-  rendered.push({route, html});
-}
-
-// nano.raw accumulates all CSS generated by nano-theme rules across all
-// renders. Inject once into every page (styles are shared anyway).
-const css: string = (nano as unknown as {raw: string}).raw ?? '';
-
-for (const {route, html} of rendered) {
-  let output = shell.replace('<div id="root"></div>', `<div id="root">${html}</div>`);
-
-  if (css) {
-    output = output.replace('</head>', `  <style data-nano-css>${css}</style>\n  </head>`);
-  }
-
-  const dir = route === '/' ? distDir : path.join(distDir, route);
-  fs.mkdirSync(dir, {recursive: true});
-  const file = path.join(dir, 'index.html');
-  fs.writeFileSync(file, output);
-
-  console.log(`prerendered  ${route.padEnd(20)} → ${path.relative(process.cwd(), file)}`);
-}
diff --git a/packages/site/src/App.tsx b/packages/site/src/App.tsx
deleted file mode 100644
index af57ba564f..0000000000
--- a/packages/site/src/App.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import * as React from 'react';
-import {UiProvider} from '@jsonjoy.com/ui/lib/context';
-import {Menu} from './Menu';
-import type {PagesService} from './services/PagesService';
-
-export interface AppProps {
-  pages: PagesService;
-}
-
-export const App: React.FC<AppProps> = ({pages}) => {
-  const [Page, setPage] = React.useState<React.FC>(() => pages.page$.getValue());
-
-  React.useEffect(() => {
-    const sub = pages.page$.subscribe((component) => setPage(() => component));
-    return () => sub.unsubscribe();
-  }, [pages]);
-
-  return (
-    <UiProvider nav={pages.nav} globalCss>
-      <Menu nav={pages.nav} />
-      <Page />
-    </UiProvider>
-  );
-};
diff --git a/packages/site/src/Menu/index.tsx b/packages/site/src/Menu/index.tsx
deleted file mode 100644
index 1ade763c0a..0000000000
--- a/packages/site/src/Menu/index.tsx
+++ /dev/null
@@ -1,44 +0,0 @@
-import * as React from 'react';
-import {rule} from 'nano-theme';
-import {NiceUiSizes} from '@jsonjoy.com/ui/lib/constants';
-import JsonJoyLogo from '@jsonjoy.com/ui/lib/icons/svg/JsonJoyLogo';
-import type {NiceUiNavService} from '@jsonjoy.com/ui/lib/context/services/NiceUiNavService';
-
-const blockClass = rule({
-  pos: 'fixed',
-  top: 0,
-  left: 0,
-  right: 0,
-  z: 100,
-  h: NiceUiSizes.TopNavHeight + 'px',
-  d: 'flex',
-  ai: 'center',
-  px: '24px',
-  bxz: 'border-box',
-  borderBottom: '1px solid rgba(128,128,128,0.12)',
-  bdfl: 'saturate(170%) blur(14px)',
-});
-
-interface MenuProps {
-  nav: NiceUiNavService;
-}
-
-export const Menu: React.FC<MenuProps> = ({nav}) => {
-  const handleNav = (e: React.MouseEvent<HTMLAnchorElement>, href: string) => {
-    if (!e.metaKey && !e.ctrlKey && !e.shiftKey && e.button === 0) {
-      e.preventDefault();
-      nav.go(href);
-    }
-  };
-
-  return (
-    <nav className={blockClass}>
-      <a href="/" onClick={(e) => handleNav(e, '/')}>
-        <JsonJoyLogo color size={24} />
-      </a>
-      <a href="/docs" onClick={(e) => handleNav(e, '/docs')}>
-        Docs
-      </a>
-    </nav>
-  );
-};
diff --git a/packages/site/src/main.tsx b/packages/site/src/main.tsx
deleted file mode 100644
index c8a1004729..0000000000
--- a/packages/site/src/main.tsx
+++ /dev/null
@@ -1,25 +0,0 @@
-import * as React from 'react';
-import {hydrateRoot, createRoot} from 'react-dom/client';
-import {NiceUiNavService} from '@jsonjoy.com/ui/lib/context/services/NiceUiNavService';
-import {PagesService} from './services/PagesService';
-import {App} from './App';
-
-import 'nano-theme/lib/global-reset';
-
-const nav = new NiceUiNavService();
-const pages = new PagesService(nav);
-
-const rootEl = document.getElementById('root')!;
-const app = (
-  <React.StrictMode>
-    <App pages={pages} />
-  </React.StrictMode>
-);
-
-// Use hydrateRoot when SSR pre-rendered HTML is present (production),
-// fall back to createRoot in dev (no pre-render step).
-if (rootEl.hasChildNodes()) {
-  hydrateRoot(rootEl, app);
-} else {
-  createRoot(rootEl).render(app);
-}
diff --git a/packages/site/src/pages/docs/DocsPage.tsx b/packages/site/src/pages/docs/DocsPage.tsx
deleted file mode 100644
index b33966049f..0000000000
--- a/packages/site/src/pages/docs/DocsPage.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import * as React from 'react';
-import {rule} from 'nano-theme';
-
-const blockClass = rule({
-  d: 'flex',
-  minH: '100vh',
-});
-
-export const DocsPage: React.FC = () => (
-  <div className={blockClass}>
-    <main>
-      <h1>Documentation</h1>
-    </main>
-  </div>
-);
diff --git a/packages/site/src/pages/home/HomePage.tsx b/packages/site/src/pages/home/HomePage.tsx
deleted file mode 100644
index 462b469b5c..0000000000
--- a/packages/site/src/pages/home/HomePage.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import * as React from 'react';
-import {rule} from 'nano-theme';
-
-const blockClass = rule({
-  maxW: '900px',
-  mx: 'auto',
-  px: '32px',
-});
-
-export const HomePage: React.FC = () => <div className={blockClass}>home</div>;
diff --git a/packages/site/src/services/PagesService.ts b/packages/site/src/services/PagesService.ts
deleted file mode 100644
index 36aba1cb8f..0000000000
--- a/packages/site/src/services/PagesService.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-import {BehaviorSubject, distinctUntilChanged, map} from 'rxjs';
-import {HomePage} from '../pages/home/HomePage';
-import {DocsPage} from '../pages/docs/DocsPage';
-import type {FC} from 'react';
-import type {NiceUiNavService} from '@jsonjoy.com/ui/lib/context/services/NiceUiNavService';
-
-type RouteMatcher = (steps: string[]) => boolean;
-type RouteComponent = FC;
-
-export class PagesService {
-  public readonly page$: BehaviorSubject<RouteComponent>;
-
-  protected readonly routes: [matcher: RouteMatcher, component: RouteComponent][] = [
-    [([s]) => s === 'docs', DocsPage],
-    [() => true, HomePage],
-  ];
-
-  constructor(public readonly nav: NiceUiNavService) {
-    this.page$ = new BehaviorSubject<RouteComponent>(this.match(nav.steps$.getValue()));
-
-    nav.steps$
-      .pipe(
-        map((steps) => this.match(steps)),
-        distinctUntilChanged(),
-      )
-      .subscribe(this.page$);
-  }
-
-  protected match(steps: string[]): RouteComponent {
-    for (const [matcher, component] of this.routes) {
-      if (matcher(steps)) return component;
-    }
-    return HomePage;
-  }
-}
diff --git a/packages/site/tsconfig.app.json b/packages/site/tsconfig.app.json
deleted file mode 100644
index 0a803a4f60..0000000000
--- a/packages/site/tsconfig.app.json
+++ /dev/null
@@ -1,20 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2020",
-    "useDefineForClassFields": true,
-    "lib": ["ES2020", "DOM", "DOM.Iterable"],
-    "module": "ESNext",
-    "skipLibCheck": true,
-    "moduleResolution": "node",
-    "isolatedModules": true,
-    "noEmit": true,
-    "jsx": "react-jsx",
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true,
-    "allowSyntheticDefaultImports": true,
-    "esModuleInterop": true
-  },
-  "include": ["src", "routes.ts"]
-}
diff --git a/packages/site/tsconfig.json b/packages/site/tsconfig.json
deleted file mode 100644
index 9d210a393e..0000000000
--- a/packages/site/tsconfig.json
+++ /dev/null
@@ -1,16 +0,0 @@
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "rootDir": "./src",
-    "outDir": "./lib"
-  },
-  "include": ["src"],
-  "exclude": [
-    "src/**/__tests__/**",
-    "src/**/*.stories.ts",
-    "src/**/*.stories.tsx"
-  ],
-  "references": [
-    {"path": "../ui/tsconfig.build.json"}
-  ]
-}
diff --git a/packages/site/tsconfig.prerender.json b/packages/site/tsconfig.prerender.json
deleted file mode 100644
index 8b01154253..0000000000
--- a/packages/site/tsconfig.prerender.json
+++ /dev/null
@@ -1,15 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2020",
-    "lib": ["ES2020", "DOM", "DOM.Iterable"],
-    "module": "CommonJS",
-    "moduleResolution": "node",
-    "skipLibCheck": true,
-    "noEmit": true,
-    "jsx": "react-jsx",
-    "strict": false,
-    "allowSyntheticDefaultImports": true,
-    "esModuleInterop": true
-  },
-  "include": ["src", "scripts", "routes.ts"]
-}
diff --git a/packages/site/webpack.config.ts b/packages/site/webpack.config.ts
deleted file mode 100644
index b39ed89360..0000000000
--- a/packages/site/webpack.config.ts
+++ /dev/null
@@ -1,101 +0,0 @@
-import path from 'path';
-import HtmlWebpackPlugin from 'html-webpack-plugin';
-import MiniCssExtractPlugin from 'mini-css-extract-plugin';
-import type {Configuration} from 'webpack';
-import type {Configuration as DevServerConfiguration} from 'webpack-dev-server';
-
-const root = path.resolve(__dirname, '..');
-const isDev = process.env.NODE_ENV !== 'production';
-
-const config: Configuration & {devServer?: DevServerConfiguration} = {
-  entry: './src/main.tsx',
-  output: {
-    path: path.resolve(__dirname, 'dist'),
-    filename: 'assets/[name].[contenthash:8].js',
-    chunkFilename: 'assets/[name].[contenthash:8].chunk.js',
-    publicPath: '/',
-    clean: true,
-  },
-  resolve: {
-    extensions: ['.tsx', '.ts', '.js', '.jsx'],
-    plugins: [
-      {
-        apply(resolver) {
-          // Rewrite @jsonjoy.com/pkg/lib/... -> packages/pkg/src/...
-          const target = resolver.ensureHook('resolve');
-          resolver.getHook('resolve').tapAsync('WorkspaceSourceAlias', (request, resolveContext, callback) => {
-            const req = request.request ?? '';
-            let rewritten: string | null = null;
-
-            const jsonjoyMatch = req.match(/^@jsonjoy\.com\/([^/]+)\/lib\/(.+)$/);
-            if (jsonjoyMatch) {
-              rewritten = path.join(root, jsonjoyMatch[1], 'src', jsonjoyMatch[2]);
-            } else if (/^@jsonjoy\.com\/([^/]+)$/.test(req)) {
-              const m = req.match(/^@jsonjoy\.com\/([^/]+)$/)!;
-              rewritten = path.join(root, m[1], 'src');
-            }
-
-            if (!rewritten) {
-              const nanoThemeLibMatch = req.match(/^nano-theme\/lib(?:\/(.+))?$/);
-              if (nanoThemeLibMatch) {
-                rewritten = path.join(root, 'nano-theme', 'src', nanoThemeLibMatch[1] ?? '');
-              } else if (req === 'nano-theme') {
-                rewritten = path.join(root, 'nano-theme', 'src');
-              }
-            }
-
-            if (!rewritten) return callback();
-            resolver.doResolve(
-              target,
-              {...request, request: rewritten},
-              `WorkspaceSourceAlias: ${req} -> ${rewritten}`,
-              resolveContext,
-              callback,
-            );
-          });
-        },
-      },
-    ],
-  },
-  module: {
-    rules: [
-      {
-        test: /\.tsx?$/,
-        use: [
-          {
-            loader: 'ts-loader',
-            options: {
-              configFile: path.resolve(__dirname, 'tsconfig.app.json'),
-              transpileOnly: true,
-            },
-          },
-        ],
-        exclude: /node_modules/,
-      },
-      {
-        test: /\.css$/,
-        use: isDev ? ['style-loader', 'css-loader'] : [MiniCssExtractPlugin.loader, 'css-loader'],
-      },
-      {
-        test: /\.(woff2?|ttf|eot|svg|png|jpg|gif)$/,
-        type: 'asset/resource',
-        generator: {filename: 'assets/[name].[hash:8][ext]'},
-      },
-    ],
-  },
-  plugins: [
-    new HtmlWebpackPlugin({template: './public/index.html'}),
-    ...(isDev ? [] : [new MiniCssExtractPlugin({filename: 'assets/[name].[contenthash:8].css'})]),
-  ],
-  devServer: {
-    port: 3001,
-    hot: true,
-    historyApiFallback: true,
-    open: false,
-  },
-  optimization: {
-    splitChunks: {chunks: 'all'},
-  },
-};
-
-export default config;
diff --git a/packages/site/wrangler.toml b/packages/site/wrangler.toml
deleted file mode 100644
index 116b834b83..0000000000
--- a/packages/site/wrangler.toml
+++ /dev/null
@@ -1,2 +0,0 @@
-name = "jsonjoy_docs_site"
-pages_build_output_dir = "dist"
diff --git a/packages/ui/src/1-inline/Avatar/index.tsx b/packages/ui/src/1-inline/Avatar/index.tsx
index d28f6a8a8b..88aaf2ad13 100644
--- a/packages/ui/src/1-inline/Avatar/index.tsx
+++ b/packages/ui/src/1-inline/Avatar/index.tsx
@@ -222,7 +222,7 @@ export const Avatar: React.FC<AvatarProps> = (allProps) => {
     element = <span {...props}>{element}</span>;
   }
 
-  if (isPrivate || badge || isOP || !!bottomRight) {
+  if (isPrivate || badge || isOP || bottomRight) {
     const size = computedWidth || 32;
     let lock: React.ReactElement | undefined;
     let badgeElement: React.ReactElement | undefined;
diff --git a/packages/ui/src/1-inline/Code/index.tsx b/packages/ui/src/1-inline/Code/index.tsx
index cab90cfbfa..2e2c886cc4 100644
--- a/packages/ui/src/1-inline/Code/index.tsx
+++ b/packages/ui/src/1-inline/Code/index.tsx
@@ -2,7 +2,7 @@ import * as React from 'react';
 import {lightTheme as theme, rule, drule} from 'nano-theme';
 import {useStyles} from '../../styles/context';
 
-const blockClass = rule({
+const blockClass = drule({
   ...theme.font.mono.bold,
   d: 'inline-block',
   pd: '.1em .2em',
@@ -71,7 +71,6 @@ export const Code: React.FC<CodeProps> = ({
 
   const style: React.CSSProperties = {
     color: styles.neutral.g(0.9, 0.86),
-    background: styles.neutral.g(0.8, 0.08),
   };
 
   if (size) {
@@ -119,14 +118,19 @@ export const Code: React.FC<CodeProps> = ({
   return (
     <code
       className={
-        blockClass +
+        blockClass({
+          bg: styles.neutral.g(0.8, 0.08),
+          '&:hover': {
+            bg: styles.neutral.g(0.3, 0.1),
+          },
+        }) +
         (outline
           ? outlineClass({
               bd: `1px solid ${styles.g(0, 0.05)}`,
               bxsh: `inset 0 1px 0 ${styles.g(1, 0.16)}, 0 1px 2px ${styles.g(0, 0.06)}`,
               col: styles.g(0.08),
               '&:hover': {
-                bd: `1px solid ${styles.g(0, 0.16)}`,
+                bd: `1px solid ${styles.g(0, 0.2)}`,
                 bxsh: `inset 0 1px 0 ${styles.g(1, 0.08)}, 0 1px 2px ${styles.g(0, 0.03)}`,
                 col: styles.g(0.02),
               },
diff --git a/packages/ui/src/1-inline/CopyCode/index.tsx b/packages/ui/src/1-inline/CopyCode/index.tsx
index 7be8279f9f..2e98fa6e43 100644
--- a/packages/ui/src/1-inline/CopyCode/index.tsx
+++ b/packages/ui/src/1-inline/CopyCode/index.tsx
@@ -11,7 +11,6 @@ export const CopyCode: React.FC<CopyCodeProps> = ({value, truncate, onMouseDown,
   const codeStyle = truncate ? {minWidth: 0, maxWidth: '100%', ...(style || {})} : style;
   return (
     <Code
-      gray
       spacious
       {...rest}
       style={codeStyle}
diff --git a/packages/ui/src/4-card/BasicTooltip/index.tsx b/packages/ui/src/4-card/BasicTooltip/index.tsx
index 38549229ce..355dfdcce6 100644
--- a/packages/ui/src/4-card/BasicTooltip/index.tsx
+++ b/packages/ui/src/4-card/BasicTooltip/index.tsx
@@ -112,7 +112,7 @@ export const BasicTooltip: React.FC<BasicTooltipProps> = ({
   const C = Component as any;
 
   let drop: React.ReactNode = null;
-  if (!!renderTooltip && (typeof show === 'boolean' ? show : !!visible)) {
+  if (renderTooltip && (typeof show === 'boolean' ? show : !!visible)) {
     const {dy} = handle.get();
     drop = (
       <PositionPopup fadeIn={fadeIn}>
diff --git a/packages/ui/src/4-card/ClickCard/index.tsx b/packages/ui/src/4-card/ClickCard/index.tsx
index 9abd355e06..3d8b438d69 100644
--- a/packages/ui/src/4-card/ClickCard/index.tsx
+++ b/packages/ui/src/4-card/ClickCard/index.tsx
@@ -121,7 +121,7 @@ export const ClickCard: React.FC<ClickCardProps> = ({
   const stageCls = stageClass({col: styles.g(0.6)});
 
   const labelElement =
-    !!icon || !!label || !!header ? (
+    icon || label || header ? (
       <span style={{height: 24, display: 'flex', alignItems: 'center'}}>
         {icon}
         {!!label && (
diff --git a/packages/ui/src/4-card/ContextMenu/ContextMenu/ContextMenuHeading.tsx b/packages/ui/src/4-card/ContextMenu/ContextMenu/ContextMenuHeading.tsx
index ff013ed73f..590c2d8868 100644
--- a/packages/ui/src/4-card/ContextMenu/ContextMenu/ContextMenuHeading.tsx
+++ b/packages/ui/src/4-card/ContextMenu/ContextMenu/ContextMenuHeading.tsx
@@ -94,7 +94,7 @@ export const ContextMenuHeading: React.FC<ContextMenuHeadingProps> = ({item, com
   const inner = (
     <>
       {collapsible && (
-        <span className={chevronClass}>
+        <span className={chevronClass} style={{color: styles.g(0.5)}}>
           <Arrow direction={collapsed ? 'r' : 'd'} style={{width: 12, height: 12}} />
         </span>
       )}
diff --git a/packages/ui/src/4-card/ContextMenu/ContextMenu/ContextMenuItem.tsx b/packages/ui/src/4-card/ContextMenu/ContextMenu/ContextMenuItem.tsx
index b28cc0a9ef..8ff3592d61 100644
--- a/packages/ui/src/4-card/ContextMenu/ContextMenu/ContextMenuItem.tsx
+++ b/packages/ui/src/4-card/ContextMenu/ContextMenu/ContextMenuItem.tsx
@@ -27,7 +27,7 @@ export const ContextMenuItem: React.FC<ContextMenuItemProps> = (props) => {
   if (item.visible && visibleStore === false) return null;
 
   const id = item.id ?? item.name;
-  const children = !!item.children && !!item.children.length ? item.children : void 0;
+  const children = item.children && item.children.length ? item.children : void 0;
   const hasPane = !!item.pane;
   const hasPanel = !!item.panel;
   const hasArgs = !!item.params?.length;
diff --git a/packages/ui/src/4-card/ContextMenu/ContextMenu/ContextMenuPane.tsx b/packages/ui/src/4-card/ContextMenu/ContextMenu/ContextMenuPane.tsx
index 3332ba4e65..500bcd212a 100644
--- a/packages/ui/src/4-card/ContextMenu/ContextMenu/ContextMenuPane.tsx
+++ b/packages/ui/src/4-card/ContextMenu/ContextMenu/ContextMenuPane.tsx
@@ -151,7 +151,7 @@ export const ContextMenuPane: React.FC<ContextMenuPaneProps> = (props) => {
     }
     const subChildren = child.children;
     const expand = child.expand;
-    if (expand && !!subChildren && !!subChildren.length) {
+    if (expand && subChildren && subChildren.length) {
       bigIcons.flush();
       const id = (child.id ?? child.name) + '-title';
       nodes.push(
@@ -209,7 +209,7 @@ export const ContextMenuPane: React.FC<ContextMenuPaneProps> = (props) => {
 
   const searchHeight = doShowSearch ? HEIGHT.SEARCH : 0;
   const doShowHeader = !depth && !!path.length;
-  const headerHeight = doShowHeader || !!header ? HEIGHT.HEADER : 0;
+  const headerHeight = doShowHeader || header ? HEIGHT.HEADER : 0;
 
   const minWidth = menu.minWidth ?? state.minWidth ?? 220;
   const paneStyle = pane?.style ?? {};
diff --git a/packages/ui/src/4-card/ContextMenu/ContextMenu/util.tsx b/packages/ui/src/4-card/ContextMenu/ContextMenu/util.tsx
index 120d513218..87fa0fe4ca 100644
--- a/packages/ui/src/4-card/ContextMenu/ContextMenu/util.tsx
+++ b/packages/ui/src/4-card/ContextMenu/ContextMenu/util.tsx
@@ -82,7 +82,7 @@ export const findMenuItems = (root: MenuItem, query: string, opts: FindMenuItems
   const find = (path: MenuItem[], curr: MenuItem) => {
     if (curr.sep || curr.heading) return;
     // Skip inline-only raw items
-    if (!!curr.raw && !curr.children && !curr.pane && !curr.onSelect && !curr.params?.length) {
+    if (curr.raw && !curr.children && !curr.pane && !curr.onSelect && !curr.params?.length) {
       return;
     }
     const name = curr.name || '';
@@ -107,7 +107,7 @@ export const findMenuItems = (root: MenuItem, query: string, opts: FindMenuItems
     }
   };
   find([], root);
-  if (result.length === 1 && !!result[0].item.children && result[0].item.children.length) {
+  if (result.length === 1 && result[0].item.children && result[0].item.children.length) {
     const {item, path, score} = result.pop()!;
     path.push(item);
     const children = item.children;
diff --git a/packages/ui/src/4-card/Paper/index.tsx b/packages/ui/src/4-card/Paper/index.tsx
index e7f5ec3c34..7f16182904 100644
--- a/packages/ui/src/4-card/Paper/index.tsx
+++ b/packages/ui/src/4-card/Paper/index.tsx
@@ -43,8 +43,8 @@ export const Paper: React.FC<PaperProps> = (props) => {
     ...rest
   } = props;
   const styles = useStyles();
-  const bg = styles.bg.fg.pct(0, 0, 0.75) + '';
   const light = styles.light;
+  const bg = styles.surface.fg.pct(0, 0, 0, 0.75) + '';
 
   const style: React.CSSProperties = {};
 
diff --git a/packages/ui/src/4-card/ScrollArea/Viewport.tsx b/packages/ui/src/4-card/ScrollArea/Viewport.tsx
index 58d080a21c..da610fd765 100644
--- a/packages/ui/src/4-card/ScrollArea/Viewport.tsx
+++ b/packages/ui/src/4-card/ScrollArea/Viewport.tsx
@@ -17,12 +17,7 @@ const viewportClass = rule({
   ovy: 'scroll',
   scrollbarWidth: 'none',
   MsOverflowStyle: 'none',
-  // Stop scroll chaining at the viewport. Without this, scrolling past the
-  // bottom (or top) of an inner ScrollArea propagates to whichever ancestor
-  // is scrollable next — and that ancestor doesn't have our scrollbar-hiding
-  // CSS, so macOS flashes its native overlay scrollbar on the parent during
-  // the rubber-band. `contain` also disables the page-level rubber-band.
-  overscrollBehavior: 'contain',
+  // overscrollBehavior: 'contain',
   '&::-webkit-scrollbar': {
     d: 'none',
   },
diff --git a/packages/ui/src/5-block/StickFieldWebGl/state.ts b/packages/ui/src/5-block/StickFieldWebGl/state.ts
index d5b3837616..2129748df5 100644
--- a/packages/ui/src/5-block/StickFieldWebGl/state.ts
+++ b/packages/ui/src/5-block/StickFieldWebGl/state.ts
@@ -1107,6 +1107,7 @@ export class StickFieldGlState {
   };
 
   private bindProgram(p: WebGLProgram): void {
+    // biome-ignore lint/correctness/useHookAtTopLevel: `useProgram` is the WebGL API, not a React hook
     this.gl!.useProgram(p);
   }
 
diff --git a/packages/ui/src/5-block/StickFieldWebGpu/StickFieldWebGpu.tsx b/packages/ui/src/5-block/StickFieldWebGpu/StickFieldWebGpu.tsx
index 04ac89439d..44e72a44ec 100644
--- a/packages/ui/src/5-block/StickFieldWebGpu/StickFieldWebGpu.tsx
+++ b/packages/ui/src/5-block/StickFieldWebGpu/StickFieldWebGpu.tsx
@@ -16,6 +16,7 @@ const canvasClass = rule({
   h: '100%',
   d: 'block',
   pointerEvents: 'none',
+  z: -1,
 });
 
 /**
diff --git a/packages/ui/src/site/CodeCardsGrid/index.tsx b/packages/ui/src/site/CodeCardsGrid/index.tsx
new file mode 100644
index 0000000000..d19359e90f
--- /dev/null
+++ b/packages/ui/src/site/CodeCardsGrid/index.tsx
@@ -0,0 +1,138 @@
+import * as React from 'react';
+import {rule, theme} from 'nano-theme';
+import {DisplayTitle} from '../../4-card/DisplayTitle';
+import {CodeCard, type CodeAnnotationSpec} from '../../5-block/CodeCard';
+
+export interface CodeCardItem {
+  /** Short title above the snippet. */
+  title?: React.ReactNode;
+  /** One-line description above the code. */
+  intro?: React.ReactNode;
+  /** Optional leading element rendered to the left of the title. */
+  bullet?: React.ReactNode;
+  code: string;
+  lang?: string;
+  fileName?: string;
+  /** Hover annotations, targeted by literal substring match. */
+  annotations?: CodeAnnotationSpec[];
+  /** Optional caption beneath the code. */
+  caption?: React.ReactNode;
+}
+
+export interface CodeCardsGridProps {
+  eyebrow?: React.ReactNode;
+  heading?: React.ReactNode;
+  subheading?: React.ReactNode;
+  items: CodeCardItem[];
+  /** Optional content rendered centered below the grid, e.g. a "view all" link. */
+  footer?: React.ReactNode;
+}
+
+const blockClass = rule({
+  pad: '64px 16px',
+});
+
+const gridClass = rule({
+  d: 'grid',
+  gridTemplateColumns: 'repeat(2, minmax(0, 1fr))',
+  gap: '36px 42px',
+  mar: '44px 0 0',
+  '@media only screen and (max-width: 900px)': {
+    gridTemplateColumns: '1fr',
+  },
+});
+
+const titleClass = rule({
+  ...theme.font.display.bold,
+  col: 'var(--colTxtSharp)',
+  fz: '19px',
+  lh: '1.3em',
+  mar: '0',
+  pad: 0,
+});
+
+const introClass = rule({
+  ...theme.font.display.lite,
+  col: theme.g(0.4),
+  fz: '14px',
+  lh: '1.4em',
+  mar: '0 0 14px',
+  pad: 0,
+});
+
+const captionClass = rule({
+  ...theme.font.display.lite,
+  col: theme.g(0.5),
+  fz: '13px',
+  lh: '1.55em',
+  mar: '12px 0 0',
+  pad: 0,
+});
+
+const footerClass = rule({
+  mar: '32px 0 0',
+});
+
+const headerWithBulletClass = rule({
+  d: 'flex',
+  ai: 'flex-start',
+  gap: '12px',
+  mar: '0 0 12px',
+});
+
+const bulletClass = rule({
+  flex: '0 0 auto',
+});
+
+const headerTextClass = rule({
+  flex: '1 1 auto',
+  minW: 0,
+});
+
+/**
+ * A responsive grid of short, titled code cards. Each card carries its own
+ * title, one-line intro, syntax-highlighted code (with hover annotations), and
+ * an optional caption. Two columns on wide screens, one on narrow.
+ */
+export const CodeCardsGrid: React.FC<CodeCardsGridProps> = ({eyebrow, heading, subheading, items, footer}) => (
+  <section className={blockClass}>
+    <DisplayTitle center eyebrow={eyebrow} title={heading} subtitle={subheading} />
+    <div className={gridClass}>
+      {items.map((item, i) => {
+        const header =
+          item.title || item.intro ? (
+            <>
+              {!!item.title && <h3 className={titleClass}>{item.title}</h3>}
+              {!!item.intro && (
+                <p className={introClass} style={item.bullet ? {margin: 0} : undefined}>
+                  {item.intro}
+                </p>
+              )}
+            </>
+          ) : null;
+        return (
+          <div key={i}>
+            {item.bullet ? (
+              <div className={headerWithBulletClass}>
+                <div className={bulletClass}>{item.bullet}</div>
+                <div className={headerTextClass}>{header}</div>
+              </div>
+            ) : (
+              header
+            )}
+            <CodeCard
+              code={item.code}
+              lang={item.lang ?? 'ts'}
+              fileName={item.fileName}
+              annotations={item.annotations}
+            />
+            {!!item.caption && <p className={captionClass}>{item.caption}</p>}
+          </div>
+        );
+      })}
+    </div>
+    {!!footer && <div className={footerClass}>{footer}</div>}
+  </section>
+);
+
+export default CodeCardsGrid;
diff --git a/packages/ui/src/site/CodeSection/index.tsx b/packages/ui/src/site/CodeSection/index.tsx
new file mode 100644
index 0000000000..1beac4cdc1
--- /dev/null
+++ b/packages/ui/src/site/CodeSection/index.tsx
@@ -0,0 +1,80 @@
+import * as React from 'react';
+import {rule, theme} from 'nano-theme';
+import {DisplayTitle} from '../../4-card/DisplayTitle';
+import {CodeCard, type CodeAnnotationSpec} from '../../5-block/CodeCard';
+
+export interface CodeSectionProps {
+  heading?: React.ReactNode;
+  subheading?: React.ReactNode;
+  /** Short line shown above the code. */
+  intro?: React.ReactNode;
+  code: string;
+  lang?: string;
+  /** File name shown in the code block header. */
+  fileName?: string;
+  /** Icon shown left of the file name. */
+  icon?: React.ReactNode;
+  /** Render a line-number gutter. */
+  lineNumbers?: boolean;
+  /** Hover annotations, targeted by literal substring match. */
+  annotations?: CodeAnnotationSpec[];
+  /** Optional caption line shown beneath the code. */
+  caption?: React.ReactNode;
+}
+
+const blockClass = rule({
+  pad: '64px 0',
+});
+
+const introClass = rule({
+  ...theme.font.display.mid,
+  col: theme.g(0.32),
+  fz: '16px',
+  lh: '1.6em',
+  mar: '24px 0 16px',
+  pad: 0,
+});
+
+const captionClass = rule({
+  ...theme.font.display.lite,
+  col: theme.g(0.5),
+  fz: '14px',
+  lh: '1.6em',
+  mar: '16px 0 0',
+  pad: 0,
+});
+
+/**
+ * Reusable code section: a heading, a short intro line, a syntax-highlighted
+ * code block, and an optional caption.
+ */
+export const CodeSection: React.FC<CodeSectionProps> = ({
+  heading,
+  subheading,
+  intro,
+  code,
+  lang = 'ts',
+  fileName,
+  icon,
+  lineNumbers,
+  annotations,
+  caption,
+}) => {
+  return (
+    <section className={blockClass}>
+      <DisplayTitle title={heading} subtitle={subheading} />
+      {!!intro && <p className={introClass}>{intro}</p>}
+      <CodeCard
+        code={code}
+        lang={lang}
+        fileName={fileName}
+        icon={icon}
+        lineNumbers={lineNumbers}
+        annotations={annotations}
+      />
+      {!!caption && <p className={captionClass}>{caption}</p>}
+    </section>
+  );
+};
+
+export default CodeSection;
diff --git a/packages/ui/src/site/CodeWithNotes/index.tsx b/packages/ui/src/site/CodeWithNotes/index.tsx
new file mode 100644
index 0000000000..d850b6ce10
--- /dev/null
+++ b/packages/ui/src/site/CodeWithNotes/index.tsx
@@ -0,0 +1,114 @@
+import * as React from 'react';
+import {rule, theme} from 'nano-theme';
+import {DisplayTitle} from '../../4-card/DisplayTitle';
+import {FileIcon} from '../../1-inline/FileIcon';
+import {CodeCard, type CodeAnnotationSpec} from '../../5-block/CodeCard';
+import {Stepper, type StepperStep} from '../../5-block/Stepper';
+import {FiftyFifty} from '../FiftyFifty';
+
+export interface CodeWithNotesProps {
+  eyebrow?: React.ReactNode;
+  heading?: React.ReactNode;
+  /** Prose shown beside the code; pass one or more `<p>` elements. */
+  notes?: React.ReactNode;
+  /** Numbered steps shown beside the code, instead of `notes`. Good for sequential flows. */
+  steps?: StepperStep[];
+  code: string;
+  lang?: string;
+  /** File name shown in the code block header. */
+  fileName?: string;
+  /** Icon shown left of the file name. Defaults to a {@link FileIcon} derived from the file extension. */
+  icon?: React.ReactNode;
+  /** Render a line-number gutter. */
+  lineNumbers?: boolean;
+  /** Hover annotations, targeted by literal substring match. */
+  annotations?: CodeAnnotationSpec[];
+  /** Optional caption line shown beneath the code. */
+  caption?: React.ReactNode;
+}
+
+const blockClass = rule({
+  pad: '64px 16px',
+});
+
+const notesClass = rule({
+  mar: '20px 0 0',
+  '& p': {
+    ...theme.font.display.lite,
+    col: theme.g(0.32),
+    fz: '16px',
+    lh: '1.7em',
+    mar: '0 0 16px',
+    pad: 0,
+  },
+  '& p:last-child': {mar: 0},
+  '& code': {
+    ...theme.font.mono.mid,
+    fz: '0.88em',
+  },
+});
+
+const captionClass = rule({
+  ...theme.font.display.lite,
+  col: theme.g(0.5),
+  fz: '13px',
+  lh: '1.6em',
+  mar: '16px 0 0',
+  pad: 0,
+});
+
+const stepperClass = rule({
+  mar: '28px 0 0',
+});
+
+/**
+ * A code block paired with explanatory prose on its side. The notes sit on the
+ * left, the syntax-highlighted code (with hover annotations) on the right; the
+ * two stack on narrow screens with the notes on top.
+ */
+export const CodeWithNotes: React.FC<CodeWithNotesProps> = ({
+  eyebrow,
+  heading,
+  notes,
+  steps,
+  code,
+  lang = 'ts',
+  fileName,
+  icon,
+  lineNumbers,
+  annotations,
+  caption,
+}) => {
+  const ext = fileName?.split('.').pop();
+  const fileIcon = icon ?? (ext ? <FileIcon label={ext} ext={ext} size={16} /> : undefined);
+  const left = (
+    <div>
+      <DisplayTitle eyebrow={eyebrow} title={heading} card />
+      {steps ? (
+        <Stepper steps={steps} compact className={stepperClass} />
+      ) : (
+        !!notes && <div className={notesClass}>{notes}</div>
+      )}
+    </div>
+  );
+  const right = (
+    <div>
+      <CodeCard
+        code={code}
+        lang={lang}
+        fileName={fileName}
+        icon={fileIcon}
+        lineNumbers={lineNumbers}
+        annotations={annotations}
+      />
+      {!!caption && <p className={captionClass}>{caption}</p>}
+    </div>
+  );
+  return (
+    <section className={blockClass}>
+      <FiftyFifty left={left} right={right} verticalAlign="start" gap={56} leftShare={0.45} />
+    </section>
+  );
+};
+
+export default CodeWithNotes;
diff --git a/packages/ui/src/site/ComparisonTable/index.tsx b/packages/ui/src/site/ComparisonTable/index.tsx
new file mode 100644
index 0000000000..c76a5a60cf
--- /dev/null
+++ b/packages/ui/src/site/ComparisonTable/index.tsx
@@ -0,0 +1,115 @@
+import * as React from 'react';
+import {rule, theme} from 'nano-theme';
+import {MiniTitle} from '../../3-list-item/MiniTitle';
+import {Line} from '../../3-list-item/Line';
+
+const colPad = 'clamp(16px, 2.6vw, 44px)';
+
+const tableClass = rule({
+  ...theme.font.display.mid,
+  w: '100%',
+  borderCollapse: 'collapse',
+  fz: '14px',
+  lh: '1.7em',
+  '& th, & td': {ta: 'left', verticalAlign: 'top', pad: `18px ${colPad}`},
+  '& thead th': {
+    verticalAlign: 'bottom',
+    pad: `16px ${colPad}`,
+    // bdt: `2px solid ${theme.g(0.33)}`,
+    bdb: `1px solid ${theme.g(0.66)}`,
+  },
+  '& tbody th, & tbody td': {bdb: `1px solid ${theme.g(0.92)}`},
+  '& tbody tr:last-child th, & tbody tr:last-child td': {
+    // bdb: `1px solid ${theme.g(0.66)}`
+    // bdb: `2px solid ${theme.g(0.33)}`,
+  },
+  '& tr > :first-child': {paddingLeft: 0},
+  '& tr > :last-child': {paddingRight: 0},
+});
+
+const featTdClass = rule({
+  ...theme.font.display.bold,
+  // ...theme.font.display.mid,
+  col: theme.g(0.15),
+});
+
+const primaryTdClass = rule({
+  ...theme.font.display.mid,
+  col: theme.g(0.15),
+});
+
+const tdClass = rule({
+  ...theme.font.display.lite,
+  col: theme.g(0.4),
+});
+
+const noteClass = rule({
+  ...theme.font.display.lite,
+  col: theme.g(0.55),
+  fz: '12px',
+  lh: '1.6em',
+  mar: '20px 0 0',
+  pad: 0,
+});
+
+export interface ComparisonRow {
+  feature: React.ReactNode;
+  /** One cell per column, in column order. */
+  cells: React.ReactNode[];
+}
+
+export interface ComparisonTableProps {
+  /** Column headers, in order. The first data column is emphasized. */
+  columns: React.ReactNode[];
+  rows: ComparisonRow[];
+  /** Small note under the table. */
+  note?: React.ReactNode;
+}
+
+/**
+ * Reusable comparison table: a heading and a feature-by-column table. The
+ * first data column is emphasized.
+ */
+export const ComparisonTable: React.FC<ComparisonTableProps> = ({columns, rows, note}) => {
+  return (
+    <section>
+      <div>
+        <Line strokeWidth={2} color={theme.g(0.1)} style="squiggly" />
+        <table className={tableClass}>
+          <thead>
+            <tr>
+              <th scope="col" className={featTdClass}>
+                {/* <MiniTitle>Feature</MiniTitle> */}
+                {/* Feature */}
+              </th>
+              {columns.map((col, i) => (
+                <th key={i} scope="col" className={featTdClass}>
+                  <MiniTitle contrast>{col}</MiniTitle>
+                  {/* {col} */}
+                </th>
+              ))}
+            </tr>
+          </thead>
+          <tbody>
+            {rows.map((row, i) => (
+              <tr key={i}>
+                <th className={featTdClass} scope="row">
+                  {row.feature}
+                </th>
+                {row.cells.map((cell, j) => (
+                  <td key={j} className={j === 0 ? primaryTdClass : tdClass}>
+                    {cell}
+                  </td>
+                ))}
+              </tr>
+            ))}
+          </tbody>
+        </table>
+        {/* <Line strokeWidth={2} color={theme.g(0.1)} style='squiggly' /> */}
+      </div>
+      {!!note && <p className={noteClass}>{note}</p>}
+    </section>
+  );
+};
+
+export default ComparisonTable;
diff --git a/packages/ui/src/site/CtaSection/index.tsx b/packages/ui/src/site/CtaSection/index.tsx
new file mode 100644
index 0000000000..05382fa4c4
--- /dev/null
+++ b/packages/ui/src/site/CtaSection/index.tsx
@@ -0,0 +1,95 @@
+import * as React from 'react';
+import {rule, theme} from 'nano-theme';
+import {ButtonCta1} from '../../2-inline-block/Button/ButtonCta1';
+import {ButtonCta2} from '../../2-inline-block/Button/ButtonCta2';
+import {useStyles} from '../../styles/context';
+
+export interface CtaSectionCta {
+  label: React.ReactNode;
+  /** Internal route or absolute URL. */
+  to: string;
+}
+
+export interface CtaSectionProps {
+  heading: React.ReactNode;
+  subheading?: React.ReactNode;
+  primaryCta?: CtaSectionCta;
+  secondaryCta?: CtaSectionCta;
+  /** Small line shown under the CTAs. */
+  supportingLine?: React.ReactNode;
+}
+
+const blockClass = rule({
+  ta: 'center',
+  pad: '72px 0',
+});
+
+const titleClass = rule({
+  ...theme.font.display.black,
+  fz: '34px',
+  lh: '1.15em',
+  mar: 0,
+  pad: 0,
+  '@media only screen and (max-width: 600px)': {fz: '26px'},
+});
+
+const subClass = rule({
+  ...theme.font.display.lite,
+  col: theme.g(0.42),
+  fz: '17px',
+  lh: '1.6em',
+  maxW: '560px',
+  mar: '14px auto 0',
+});
+
+const ctaRowClass = rule({
+  d: 'flex',
+  jc: 'center',
+  ai: 'center',
+  flexWrap: 'wrap',
+  gap: '12px',
+  mar: '28px 0 0',
+});
+
+const supportingClass = rule({
+  ...theme.font.display.lite,
+  fz: '13px',
+  lh: '1.4em',
+  mar: '16px 0 0',
+});
+
+/**
+ * Reusable closing CTA section: a headline, an optional primary/secondary
+ * CTA pair, and an optional supporting line.
+ */
+export const CtaSection: React.FC<CtaSectionProps> = ({
+  heading,
+  subheading,
+  primaryCta,
+  secondaryCta,
+  supportingLine,
+}) => {
+  const styles = useStyles();
+
+  return (
+    <section className={blockClass}>
+      <h2 className={titleClass} style={{color: styles.g(0.05)}}>
+        {heading}
+      </h2>
+      {!!subheading && <p className={subClass}>{subheading}</p>}
+      {(!!primaryCta || !!secondaryCta) && (
+        <div className={ctaRowClass}>
+          {!!primaryCta && <ButtonCta1 href={primaryCta.to}>{primaryCta.label}</ButtonCta1>}
+          {!!secondaryCta && <ButtonCta2 href={secondaryCta.to}>{secondaryCta.label}</ButtonCta2>}
+        </div>
+      )}
+      {!!supportingLine && (
+        <p className={supportingClass} style={{color: styles.g(0.55)}}>
+          {supportingLine}
+        </p>
+      )}
+    </section>
+  );
+};
+
+export default CtaSection;
diff --git a/packages/ui/src/site/DemoSection/index.tsx b/packages/ui/src/site/DemoSection/index.tsx
new file mode 100644
index 0000000000..41db30874c
--- /dev/null
+++ b/packages/ui/src/site/DemoSection/index.tsx
@@ -0,0 +1,53 @@
+import * as React from 'react';
+import {rule, theme} from 'nano-theme';
+import {DisplayTitle} from '../../4-card/DisplayTitle';
+
+export interface DemoSectionProps {
+  eyebrow?: React.ReactNode;
+  heading?: React.ReactNode;
+  subheading?: React.ReactNode;
+  /** The interactive demo to present. */
+  children: React.ReactNode;
+  /** Optional caption shown beneath the demo. */
+  caption?: React.ReactNode;
+  /** Center the title block above the demo. */
+  center?: boolean;
+}
+
+const blockClass = rule({
+  pad: '32px',
+});
+
+const demoClass = rule({
+  mar: '32px 0 0',
+});
+
+const captionClass = rule({
+  ...theme.font.display.lite,
+  col: theme.g(0.5),
+  fz: '13px',
+  lh: '1.6em',
+  mar: '16px 0 0',
+  pad: 0,
+});
+
+/**
+ * Reusable wrapper for interactive demos: a title block ({@link DisplayTitle})
+ * above the demo, with an optional caption beneath. The demo itself is rendered
+ * as-is so each demo keeps its own internal layout.
+ */
+export const DemoSection: React.FC<DemoSectionProps> = ({eyebrow, heading, subheading, children, caption, center}) => {
+  return (
+    <section className={blockClass}>
+      <DisplayTitle eyebrow={eyebrow} title={heading} subtitle={subheading} center={center} />
+      <div className={demoClass}>{children}</div>
+      {!!caption && (
+        <p className={captionClass} style={center ? {textAlign: 'center'} : undefined}>
+          {caption}
+        </p>
+      )}
+    </section>
+  );
+};
+
+export default DemoSection;
diff --git a/packages/ui/src/site/DocsCard/DocsCardLayout.tsx b/packages/ui/src/site/DocsCard/DocsCardLayout.tsx
new file mode 100644
index 0000000000..707eee254a
--- /dev/null
+++ b/packages/ui/src/site/DocsCard/DocsCardLayout.tsx
@@ -0,0 +1,33 @@
+import * as React from 'react';
+import {rule} from 'nano-theme';
+import {NiceUiSizes} from '../../constants';
+
+const wrapClass = rule({
+  bxz: 'border-box',
+  maxW: NiceUiSizes.SiteWidth + NiceUiSizes.SitePadding * 2 + 'px',
+  mar: '0 auto',
+  pad: NiceUiSizes.SitePadding + 'px',
+  '@media only screen and (max-width: 600px)': {pad: '16px'},
+});
+
+const gridClass = rule({
+  d: 'grid',
+  mar: '0 -20px',
+});
+
+export interface DocsCardLayoutProps {
+  cols?: number;
+  children?: React.ReactNode;
+}
+
+export const DocsCardLayout: React.FC<DocsCardLayoutProps> = ({cols = 3, children}) => {
+  return (
+    <div className={wrapClass}>
+      <div className={gridClass} style={{gridTemplateColumns: `repeat(${cols}, 1fr)`}}>
+        {children}
+      </div>
+    </div>
+  );
+};
+
+export default DocsCardLayout;
diff --git a/packages/ui/src/site/DocsCard/index.tsx b/packages/ui/src/site/DocsCard/index.tsx
new file mode 100644
index 0000000000..2c4dc2c05c
--- /dev/null
+++ b/packages/ui/src/site/DocsCard/index.tsx
@@ -0,0 +1,213 @@
+import * as React from 'react';
+import {drule, rule, theme} from 'nano-theme';
+import {useStyles} from '../../styles/context';
+import {Paper} from '../../4-card/Paper';
+import {Link} from '../../1-inline/Link';
+import {Iconista} from '../../icons/Iconista';
+import {MiniTitle} from '../../3-list-item/MiniTitle';
+import {Pill} from '../../1-inline/Pill';
+
+const blockClass = drule({
+  pos: 'relative',
+  d: 'flex',
+  flexDirection: 'column',
+  jc: 'space-between',
+  h: '210px',
+  bxz: 'border-box',
+  pad: '24px',
+  mar: '18px',
+  outline: '1.5px solid transparent',
+  trs: 'box-shadow .2s ease, outline-color .2s ease',
+  '&:active': {
+    tr: 'scale(0.99)',
+  },
+});
+
+const rowClass = rule({
+  d: 'flex',
+  ai: 'center',
+  jc: 'space-between',
+  gap: '12px',
+});
+
+const eyebrowClass = rule({
+  d: 'inline-flex',
+  ai: 'center',
+  lh: 1,
+  gap: '7px',
+  svg: {d: 'block'},
+  '& > span': {lh: 1},
+});
+
+const titleClass = rule({
+  ...theme.font.display.bold,
+  fz: '20px',
+  lh: '1.3em',
+  mar: '18px 0 0',
+  pad: 0,
+});
+
+const descClass = rule({
+  ...theme.font.display.lite,
+  fz: '14px',
+  lh: '1.6em',
+  pad: '10px 0 0',
+  mar: 0,
+});
+
+const techClass = rule({
+  ...theme.font.display.mid,
+  d: 'inline-flex',
+  ai: 'center',
+  gap: '6px',
+  fz: '12px',
+  svg: {d: 'block', fill: 'currentColor'},
+});
+
+const ctaClass = drule({
+  ...theme.font.ui3.mid,
+  fz: '12px',
+  a: {
+    d: 'inline-flex',
+    ai: 'center',
+    td: 'none',
+    svg: {
+      marl: '6px',
+      trs: 'transform .2s',
+    },
+    '&:hover': {
+      td: 'none',
+      svg: {transform: 'translate(6px,0)'},
+    },
+    '&::before': {
+      pos: 'absolute',
+      top: 0,
+      right: 0,
+      bottom: 0,
+      left: 0,
+      z: 1,
+      pointerEvents: 'auto',
+      content: '""',
+      bg: 'transparent !important',
+    },
+  },
+});
+
+export type DocsCardType = 'doc' | 'spec' | 'lib' | 'playground';
+
+export interface DocsCardProps {
+  title: React.ReactNode;
+  to: string;
+  /** CTA label shown bottom-left. */
+  toTitle?: React.ReactNode;
+  /** Override the type icon (top-left). */
+  icon?: React.ReactElement;
+  type?: DocsCardType;
+  /** Status badge, e.g. "working draft" (top-right). */
+  status?: string;
+  /** Language/technology, e.g. "TypeScript", "Node.js", "Web" (bottom-right). */
+  tech?: React.ReactNode;
+  /** Logo paired with `tech` (bottom-right). */
+  techLogo?: React.ReactElement;
+  tall?: boolean;
+  /** Explicit card height (px). Overrides `tall`/default. */
+  height?: number;
+  /** Clip children to the card's rounded box (for bleed/peek graphics). */
+  clip?: boolean;
+  children?: React.ReactNode;
+}
+
+const typeMeta = (type: DocsCardType): {icon: React.ReactElement; label: string} => {
+  switch (type) {
+    case 'doc':
+      return {icon: <Iconista set="atlaskit" icon="document-filled" width={16} height={16} />, label: 'Document'};
+    case 'lib':
+      return {icon: <Iconista set="elastic" icon="editor_code_block" width={16} height={16} />, label: 'Library'};
+    case 'spec':
+      return {icon: <Iconista set="lucide" icon="book" width={16} height={16} />, label: 'Specification'};
+    case 'playground':
+      return {icon: <Iconista set="elastic" icon="play" width={16} height={16} />, label: 'Playground'};
+  }
+};
+
+export const DocsCard: React.FC<DocsCardProps> = ({
+  to,
+  toTitle = 'Read more',
+  title,
+  icon,
+  type,
+  status,
+  tech,
+  techLogo,
+  tall,
+  height,
+  clip,
+  children,
+}) => {
+  const styles = useStyles();
+  const ctaCol = '' + styles.g(0.3);
+
+  const blockCls = blockClass({});
+  const ctaCls = ctaClass({
+    a: {
+      col: ctaCol,
+      svg: {fill: ctaCol, col: ctaCol},
+      '&:hover': {col: '#07f', svg: {fill: '#07f', col: '#07f'}},
+    },
+  });
+
+  const meta = type ? typeMeta(type) : null;
+  const tileIcon = icon ?? meta?.icon ?? null;
+  const eyebrow = meta?.label;
+
+  const style: React.CSSProperties = {
+    backgroundColor: '#fff',
+  };
+  if (height !== undefined) style.height = height;
+  else if (tall) style.height = 260;
+  if (clip) style.overflow = 'hidden';
+
+  return (
+    <Paper round hover hoverElevate contrast className={blockCls} style={style}>
+      <div>
+        {(!!tileIcon || !!eyebrow || !!status) && (
+          <div className={rowClass}>
+            <span className={eyebrowClass} style={{color: styles.g(0.42)}}>
+              {tileIcon}
+              {!!eyebrow && <MiniTitle>{eyebrow}</MiniTitle>}
+            </span>
+            {!!status && (
+              <Pill small color="neutral" solid>
+                {status}
+              </Pill>
+            )}
+          </div>
+        )}
+        <h2 className={titleClass} style={{color: styles.g(0.08)}}>
+          {title}
+        </h2>
+        {!!children && (
+          <div className={descClass} style={{color: styles.g(0.3)}}>
+            {children}
+          </div>
+        )}
+      </div>
+      <div className={rowClass}>
+        <div className={ctaCls}>
+          <Link a to={to}>
+            {toTitle}
+            <Iconista set="ibm_16" icon="arrow--right" width={16} height={16} />
+          </Link>
+        </div>
+        {(!!tech || !!techLogo) && (
+          <span className={techClass} style={{color: styles.g(0.42)}}>
+            {techLogo}
+            {tech}
+          </span>
+        )}
+      </div>
+    </Paper>
+  );
+};
+
+export default DocsCard;
diff --git a/packages/ui/src/site/FiftyFifty/index.tsx b/packages/ui/src/site/FiftyFifty/index.tsx
new file mode 100644
index 0000000000..27395cea70
--- /dev/null
+++ b/packages/ui/src/site/FiftyFifty/index.tsx
@@ -0,0 +1,66 @@
+import * as React from 'react';
+import {rule} from 'nano-theme';
+
+export interface FiftyFiftyProps {
+  left?: React.ReactNode;
+  right?: React.ReactNode;
+  /** When stacked on small screens, render `left` on top. Defaults to true. */
+  leftFirst?: boolean;
+  /** Vertical alignment of the two sides on wide screens. Defaults to `center`. */
+  verticalAlign?: 'start' | 'center' | 'end';
+  /** Gap between the two sides in pixels. Defaults to 32. */
+  gap?: number;
+  /** Left-side share of horizontal space, between 0 and 1. Defaults to 0.5. */
+  leftShare?: number;
+  className?: string;
+  style?: React.CSSProperties;
+}
+
+const blockClass = rule({
+  d: 'grid',
+  w: '100%',
+  bxz: 'border-box',
+  '@media only screen and (max-width: 900px)': {
+    gridTemplateColumns: '1fr !important',
+  },
+});
+
+const reverseStackClass = rule({
+  '@media only screen and (max-width: 900px)': {
+    '& > :first-child': {order: 2},
+  },
+});
+
+const sideClass = rule({
+  minW: 0,
+});
+
+export const FiftyFifty: React.FC<FiftyFiftyProps> = ({
+  left,
+  right,
+  leftFirst = true,
+  verticalAlign = 'center',
+  gap = 32,
+  leftShare = 0.5,
+  className,
+  style,
+}) => {
+  const cls = blockClass + (leftFirst ? '' : ' ' + reverseStackClass) + (className ? ' ' + className : '');
+  const ls = Math.max(0, Math.min(1, leftShare));
+  const rs = 1 - ls;
+
+  return (
+    <div
+      className={cls}
+      style={{
+        gridTemplateColumns: `minmax(0, ${ls}fr) minmax(0, ${rs}fr)`,
+        alignItems: verticalAlign,
+        gap: `${gap}px`,
+        ...style,
+      }}
+    >
+      <div className={sideClass}>{left}</div>
+      <div className={sideClass}>{right}</div>
+    </div>
+  );
+};
diff --git a/packages/ui/src/site/FourCardRow/index.tsx b/packages/ui/src/site/FourCardRow/index.tsx
new file mode 100644
index 0000000000..d945197821
--- /dev/null
+++ b/packages/ui/src/site/FourCardRow/index.tsx
@@ -0,0 +1,137 @@
+import * as React from 'react';
+import {rule, theme} from 'nano-theme';
+import {useStyles} from '../../styles/context';
+import {fonts} from '../../styles/font';
+import {DisplayTitle} from '../../4-card/DisplayTitle';
+
+export interface FourCardRowCard {
+  title: React.ReactNode;
+  body?: React.ReactNode;
+  /** Small index shown above the title, e.g. "01". */
+  num?: React.ReactNode;
+  /** Small icon shown to the left of the title. */
+  icon?: React.ReactNode;
+}
+
+export interface FourCardRowProps {
+  /** Optional section heading. */
+  heading?: React.ReactNode;
+  /** Optional section subheading, shown under the heading. */
+  subheading?: React.ReactNode;
+  /** Cards to render, designed for 1-4 per row. */
+  cards: FourCardRowCard[];
+  /** Optional caption line shown beneath the row. */
+  caption?: React.ReactNode;
+  /** Auto-number cards as "01", "02"... when an item has no explicit `num`. */
+  numbered?: boolean;
+  /** Remove padding around the block, for tighter layouts. */
+  noPadding?: boolean;
+}
+
+const blockClass = rule({
+  pad: '64px 0',
+  '@media only screen and (max-width: 600px)': {pad: '40px 0'},
+});
+
+const rowClass = rule({
+  d: 'grid',
+  gridTemplateColumns: 'repeat(var(--cols), minmax(0, 1fr))',
+  gap: '24px',
+  pad: '40px 0 0',
+  '@media only screen and (max-width: 1000px)': {
+    gridTemplateColumns: 'repeat(var(--cols-md), minmax(0, 1fr))',
+    gap: '40px 24px',
+  },
+  '@media only screen and (max-width: 600px)': {gridTemplateColumns: '1fr', gap: '32px', pad: '28px 0 0'},
+});
+
+const cardClass = rule({
+  pad: '0 8px',
+  '@media only screen and (max-width: 600px)': {pad: 0},
+});
+
+const numClass = rule({
+  ...fonts.get('mono', 'bold', 0),
+  d: 'block',
+  fz: '11px',
+  lh: 1,
+  letterSpacing: '.04em',
+  mar: '0 0 10px',
+});
+
+const titleClass = rule({
+  ...theme.font.display.bold,
+  d: 'inline-flex',
+  ai: 'center',
+  gap: '8px',
+  fz: '20px',
+  lh: '1.2em',
+  mar: 0,
+  pad: 0,
+});
+
+const iconClass = rule({
+  d: 'inline-flex',
+  ai: 'center',
+  flex: '0 0 auto',
+});
+
+const bodyClass = rule({
+  ...theme.font.display.lite,
+  fz: '15px',
+  lh: '1.6em',
+  mar: '14px 0 0',
+  pad: 0,
+});
+
+const captionClass = rule({
+  ...theme.font.display.lite,
+  fz: '14px',
+  lh: '1.6em',
+  mar: '32px 0 0',
+  pad: 0,
+});
+
+export const FourCardRow: React.FC<FourCardRowProps> = ({heading, subheading, cards, caption, numbered, noPadding}) => {
+  const styles = useStyles();
+  const numCol = '' + styles.g(0.72);
+  const iconCol = '' + styles.g(0.5);
+  const count = cards.length;
+  const rowStyle = {['--cols' as any]: count, ['--cols-md' as any]: Math.min(count, 2)} as React.CSSProperties;
+
+  if (noPadding) {
+    rowStyle.padding = 0;
+  }
+
+  return (
+    <section className={blockClass} style={noPadding ? {padding: 0} : undefined}>
+      <DisplayTitle lite title={heading} subtitle={subheading} />
+      <div className={rowClass} style={rowStyle}>
+        {cards.map((card, i) => {
+          const num = card.num ?? (numbered ? String(i + 1).padStart(2, '0') : undefined);
+          return (
+            <article key={i} className={cardClass}>
+              {num !== undefined && (
+                <span className={numClass} style={{color: numCol}}>
+                  {num}
+                </span>
+              )}
+              <h3 className={titleClass}>
+                {!!card.icon && (
+                  <span className={iconClass} style={{color: iconCol}}>
+                    {card.icon}
+                  </span>
+                )}
+                {card.title}
+              </h3>
+              {!!card.body && <p className={bodyClass}>{card.body}</p>}
+            </article>
+          );
+        })}
+      </div>
+      {!!caption && <p className={captionClass}>{caption}</p>}
+    </section>
+  );
+};
+
+export default FourCardRow;
diff --git a/packages/ui/src/site/Hero/index.tsx b/packages/ui/src/site/Hero/index.tsx
new file mode 100644
index 0000000000..62a5572dfa
--- /dev/null
+++ b/packages/ui/src/site/Hero/index.tsx
@@ -0,0 +1,162 @@
+import * as React from 'react';
+import {rule, theme} from 'nano-theme';
+import useWindowSize from 'react-use/lib/useWindowSize';
+import {PageWidth} from '../../6-page/PageWidth';
+import {ButtonCta1} from '../../2-inline-block/Button/ButtonCta1';
+import {ButtonCta2} from '../../2-inline-block/Button/ButtonCta2';
+import {DisplayTitle} from '../../4-card/DisplayTitle';
+import {useStyles} from '../../styles/context';
+import {HeroDoodles} from '../HeroDoodles';
+
+/** Px spacing that can differ between desktop and the <600px breakpoint. */
+export type HeroSpacing = number | {desktop?: number; mobile?: number};
+
+export interface HeroCta {
+  label: React.ReactNode;
+  /** Internal route or absolute URL. Omit when using `onClick`. */
+  to?: string;
+  /** Click handler, used when `to` is absent. */
+  onClick?: React.MouseEventHandler;
+  /** Visual style. Defaults: first CTA is `invert`, the rest are `outline`. */
+  variant?: 'invert' | 'outline';
+  /** Fill color for the primary (CTA1) button; ignored by secondary buttons. */
+  color?: string;
+}
+
+export interface HeroProps {
+  /** Small uppercase kicker shown above the title. */
+  eyebrow?: React.ReactNode;
+  /**
+   * Accent color (any CSS color) for the eyebrow and the primary CTA fill.
+   * Falls back to the theme `brand2` for the eyebrow and the default invert
+   * style for the CTA. A per-CTA {@link HeroCta.color} overrides it.
+   */
+  accentColor?: string;
+  /** Main headline. */
+  title?: React.ReactNode;
+  /** Supporting paragraph under the title. */
+  subtitle?: React.ReactNode;
+  /** Badge/pill shown above the eyebrow, e.g. `<HeroBadge .../>`. */
+  badge?: React.ReactNode;
+  /** Proof strip shown under the subtitle, e.g. `<ProofStrip .../>`. */
+  proof?: React.ReactNode;
+  /** CTA buttons rendered in a centered row. */
+  ctas?: HeroCta[];
+  /** Custom CTA slot override. */
+  cta?: React.ReactNode;
+  /** Small supporting line under the CTAs. */
+  supporting?: React.ReactNode;
+  /** Render the floating decorative doodle layer behind the content. */
+  doodles?: boolean;
+  /** Top spacing. Defaults to 64px desktop / 24px mobile. */
+  top?: HeroSpacing;
+  /** Bottom spacing. Defaults to 166px desktop / 64px mobile. */
+  bottom?: HeroSpacing;
+  /** Max content width in px. */
+  maxWidth?: number;
+}
+
+const heroClass = rule({
+  ta: 'center',
+  pad: '0 8px',
+  mar: '0 auto',
+  // Keep the headline above the decorative doodle layer.
+  pos: 'relative',
+  zIndex: 1,
+  '@media only screen and (max-width: 1000px)': {pad: '0 32px'},
+  '@media only screen and (max-width: 600px)': {pad: '0 16px'},
+});
+
+const ctaRowClass = rule({
+  d: 'flex',
+  jc: 'center',
+  ai: 'center',
+  flexWrap: 'wrap',
+  gap: '12px',
+});
+
+const supportingClass = rule({
+  ...theme.font.display.lite,
+  fz: '13px',
+  lh: '1.4em',
+  mar: '16px 0 0',
+});
+
+const DEFAULT_TOP = {desktop: 64, mobile: 24};
+const DEFAULT_BOTTOM = {desktop: 166, mobile: 64};
+
+const resolveSpacing = (
+  spacing: HeroSpacing | undefined,
+  mobile: boolean,
+  fallback: {desktop: number; mobile: number},
+): number => {
+  if (typeof spacing === 'number') return spacing;
+  return mobile ? (spacing?.mobile ?? fallback.mobile) : (spacing?.desktop ?? fallback.desktop);
+};
+
+/**
+ * Reusable page-top hero.
+ */
+export const Hero: React.FC<HeroProps> = ({
+  eyebrow,
+  accentColor,
+  title,
+  subtitle,
+  badge,
+  proof,
+  ctas,
+  cta,
+  supporting,
+  doodles,
+  top,
+  bottom,
+  maxWidth = 800,
+}) => {
+  const styles = useStyles();
+  const {width} = useWindowSize();
+  const mobile = width < 600;
+  const topPx = resolveSpacing(top, mobile, DEFAULT_TOP);
+  const bottomPx = resolveSpacing(bottom, mobile, DEFAULT_BOTTOM);
+
+  return (
+    <div>
+      {!!doodles && <HeroDoodles />}
+      <PageWidth>
+        <div style={{height: topPx}} />
+        <header className={heroClass} style={{maxWidth}}>
+          {!!badge && <div style={{display: 'flex', justifyContent: 'center', paddingBottom: 24}}>{badge}</div>}
+          <DisplayTitle h1 big center eyebrow={eyebrow} color={accentColor} title={title} subtitle={subtitle} />
+          {proof}
+          {cta
+            ? cta
+            : !!ctas?.length && (
+                <div className={ctaRowClass} style={{marginTop: proof ? 0 : 32}}>
+                  {ctas.map((cta, i) => {
+                    const primary = (cta.variant ?? (i === 0 ? 'invert' : 'outline')) === 'invert';
+                    const ButtonCta = primary ? ButtonCta1 : ButtonCta2;
+                    return (
+                      <ButtonCta
+                        key={i}
+                        color={primary ? (cta.color ?? accentColor) : undefined}
+                        href={cta.to}
+                        onClick={cta.to ? undefined : cta.onClick}
+                      >
+                        {cta.label}
+                      </ButtonCta>
+                    );
+                  })}
+                </div>
+              )}
+          {!!supporting && (
+            <p className={supportingClass} style={{color: styles.g(0.55)}}>
+              {supporting}
+            </p>
+          )}
+        </header>
+        <div style={{height: bottomPx}} />
+      </PageWidth>
+    </div>
+  );
+};
+
+export default Hero;
diff --git a/packages/ui/src/site/HeroBadge/index.tsx b/packages/ui/src/site/HeroBadge/index.tsx
new file mode 100644
index 0000000000..e424ef0d56
--- /dev/null
+++ b/packages/ui/src/site/HeroBadge/index.tsx
@@ -0,0 +1,110 @@
+import * as React from 'react';
+import {drule, rule} from 'nano-theme';
+import {Link} from '../../1-inline/Link';
+import {Iconista} from '../../icons/Iconista';
+import {useStyles} from '../../styles/context';
+
+const pillClass = drule({
+  d: 'inline-flex',
+  ai: 'center',
+  gap: '10px',
+  pd: '4px 14px 4px 4px',
+  bdrad: '999px',
+  td: 'none',
+  fz: '13px',
+  fw: 500,
+  lh: 1,
+  trs: 'background .15s, box-shadow .15s, border-color .15s',
+  svg: {d: 'block', trs: 'transform .15s'},
+  '&:hover': {td: 'none'},
+  '&:hover svg': {transform: 'translateX(3px)'},
+  '&:active': {tr: 'scale(.99)'},
+});
+
+const tagClass = drule({
+  d: 'inline-flex',
+  ai: 'center',
+  jc: 'center',
+  pd: '5px 9px',
+  bdrad: '999px',
+  fw: 600,
+  fz: '12px',
+  lh: 1,
+});
+
+const labelClass = rule({
+  d: 'inline-flex',
+  ai: 'center',
+  gap: '6px',
+  lh: 1,
+});
+
+export interface HeroBadgeProps {
+  /** Small left-side chip text. */
+  tag?: React.ReactNode;
+  /** Main label. */
+  label?: React.ReactNode;
+  /** Where the badge links to. */
+  to?: string;
+  /** Trailing icon (defaults to an arrow). */
+  icon?: React.ReactElement;
+  /** Slightly tighter padding/gap. */
+  compact?: boolean;
+  /** Greyscale the left tag chip instead of the link accent. */
+  grey?: boolean;
+  className?: string;
+  style?: React.CSSProperties;
+}
+
+export const HeroBadge: React.FC<HeroBadgeProps> = ({
+  tag = 'Open source',
+  label = (
+    <>
+      Star on <strong>GitHub</strong>
+    </>
+  ),
+  to = 'https://github.com/streamich/json-joy',
+  icon,
+  compact,
+  grey,
+  className,
+  style,
+}) => {
+  const styles = useStyles();
+  const border = styles.g(0, 0.1);
+  const pillCls = pillClass({
+    col: styles.g(0.2),
+    bg: styles.g(1, 0.6),
+    bd: `1px solid ${border}`,
+    bxsh: `0 1px 2px ${styles.g(0, 0.04)}`,
+    ...(compact ? {gap: '7px', pd: '3px 8px 3px 3px'} : null),
+    '&:hover': {
+      bg: styles.g(1, 0.9),
+      bd: `1px solid ${styles.g(0, 0.16)}`,
+    },
+  });
+  const tagCls = tagClass({
+    col: grey ? styles.g(0.96, 0.92) : styles.col.get('link', 'solid-1'),
+    bg: grey ? styles.g(0.1, 0.9) : styles.col.get('link', 'bg-2'),
+    ...(compact ? {pd: '3px 7px'} : null),
+  });
+
+  return (
+    <Link a to={to} className={pillCls + (className ? ' ' + className : '')} style={style}>
+      <span className={tagCls}>{tag}</span>
+      <span className={labelClass} style={compact ? {transform: 'translateY(-1px)'} : undefined}>
+        {label}
+        {icon ??
+          (compact ? (
+            <span style={{display: 'flex', transform: 'translateY(1px)'}}>
+              <Iconista set="lucide" icon="arrow-right" width={14} height={14} />
+            </span>
+          ) : (
+            <Iconista set="lucide" icon="arrow-right" width={14} height={14} />
+          ))}
+      </span>
+    </Link>
+  );
+};
+
+export default HeroBadge;
diff --git a/packages/ui/src/site/HeroDoodles/index.tsx b/packages/ui/src/site/HeroDoodles/index.tsx
new file mode 100644
index 0000000000..56ad116865
--- /dev/null
+++ b/packages/ui/src/site/HeroDoodles/index.tsx
@@ -0,0 +1,157 @@
+import * as React from 'react';
+import {rule, keyframes} from 'nano-theme';
+import {Doodle} from '../../5-block/Doodle';
+import {Floater} from '../../misc/Floater';
+
+const fadeInKf = keyframes({
+  from: {opacity: 0},
+  to: {opacity: 1},
+});
+
+const layerClass = rule({
+  position: 'absolute',
+  top: 0,
+  left: 0,
+  right: 0,
+  bottom: 0,
+  overflow: 'hidden',
+  pointerEvents: 'none',
+  zIndex: 0,
+  animation: `${fadeInKf} 1.2s ease both`,
+  // Decorative only: drop it entirely on small screens.
+  '@media only screen and (max-width: 760px)': {display: 'none'},
+  '@media (prefers-reduced-motion: reduce)': {animation: 'none'},
+});
+
+// Places the cluster; the Floater inside handles all the motion/haze.
+const spotClass = rule({
+  position: 'absolute',
+  transform: 'translate(-50%, -50%)',
+  pointerEvents: 'auto',
+});
+
+type Pattern = 'wave' | 'scallop';
+type Dir = 'horizontal' | 'vertical' | 'diagonal';
+
+interface Spot {
+  x: number;
+  y: number;
+  rot: number;
+  size: number;
+  segments: number;
+  pattern?: Pattern;
+  dir?: Dir;
+  opacity: number;
+  blur: number;
+  tiltX: number;
+  tiltY: number;
+  tz: number;
+  floatDur: number;
+  delay: number;
+}
+
+const COUNT = 16;
+const RX = 47;
+const RY = 42;
+const SAFE_X = 31;
+const SAFE_Y = 27;
+
+const rnd = (min: number, max: number) => min + Math.random() * (max - min);
+const pick = <T,>(arr: T[]): T => arr[(Math.random() * arr.length) | 0];
+
+const makeSpot = (): Spot => {
+  const angle = Math.random() * Math.PI * 2;
+  let r = rnd(0.55, 1);
+  let x = 50 + Math.cos(angle) * RX * r;
+  let y = 50 + Math.sin(angle) * RY * r;
+  for (let i = 0; i < 6 && Math.abs(x - 50) < SAFE_X && Math.abs(y - 50) < SAFE_Y; i++) {
+    r = Math.min(1.15, r * 1.4);
+    x = 50 + Math.cos(angle) * RX * r;
+    y = 50 + Math.sin(angle) * RY * r;
+  }
+  x = Math.max(3, Math.min(97, x));
+  y = Math.max(5, Math.min(95, y));
+
+  const depth = Math.random(); // 0 = near, 1 = far
+  const pattern: Pattern = Math.random() < 0.3 ? 'scallop' : 'wave';
+  const angleDeg = (Math.atan2(y - 50, x - 50) * 180) / Math.PI;
+
+  return {
+    x,
+    y,
+    rot: angleDeg + rnd(-26, 26),
+    size: Math.round(150 - depth * 84 + rnd(-8, 16)),
+    segments: pick([1, 2, 2, 3]),
+    pattern,
+    dir: pattern === 'wave' ? pick<Dir>(['horizontal', 'diagonal', 'vertical']) : undefined,
+    opacity: +(0.24 - depth * 0.14 + rnd(-0.02, 0.02)).toFixed(3),
+    blur: +(0.4 + depth * 2.8).toFixed(2),
+    tiltX: +(rnd(-1, 1) * (10 + depth * 16)).toFixed(1),
+    tiltY: +(rnd(-1, 1) * (10 + depth * 16)).toFixed(1),
+    tz: -Math.round(depth * 120),
+    floatDur: +rnd(7, 12).toFixed(1),
+    delay: -+rnd(0, 10).toFixed(1),
+  };
+};
+
+export const HeroDoodles: React.FC = () => {
+  // Generated on the client only (new every refresh) to avoid SSR/hydration
+  // mismatch from the random layout.
+  const [spots, setSpots] = React.useState<Spot[]>([]);
+  React.useEffect(() => {
+    setSpots(Array.from({length: COUNT}, makeSpot));
+  }, []);
+
+  // Periodically light up one random doodle, then let it fade back.
+  const [active, setActive] = React.useState(-1);
+  React.useEffect(() => {
+    if (!spots.length) return;
+    let off: ReturnType<typeof setTimeout>;
+    const id = setInterval(() => {
+      setActive((Math.random() * spots.length) | 0);
+      off = setTimeout(() => setActive(-1), 1800);
+    }, 4200);
+    return () => {
+      clearInterval(id);
+      clearTimeout(off);
+    };
+  }, [spots.length]);
+
+  return (
+    <div className={layerClass} aria-hidden>
+      {spots.map((s, i) => {
+        const on = i === active;
+        return (
+          <span key={i} className={spotClass} style={{left: `${s.x}%`, top: `${s.y}%`}}>
+            <Floater
+              blur={s.blur}
+              opacity={s.opacity}
+              rotate={s.rot}
+              tiltX={s.tiltX}
+              tiltY={s.tiltY}
+              tz={s.tz}
+              distance={12}
+              duration={s.floatDur}
+              delay={s.delay}
+              sharpenOnHover
+              active={on}
+            >
+              <Doodle
+                segments={s.segments}
+                size={s.size}
+                pattern={s.pattern}
+                dir={s.dir}
+                dim
+                dimOpacity={1}
+                brightenOnHover
+                bright={on}
+              />
+            </Floater>
+          </span>
+        );
+      })}
+    </div>
+  );
+};
+
+export default HeroDoodles;
diff --git a/packages/ui/src/site/ProofStrip/index.tsx b/packages/ui/src/site/ProofStrip/index.tsx
new file mode 100644
index 0000000000..6dff8f8049
--- /dev/null
+++ b/packages/ui/src/site/ProofStrip/index.tsx
@@ -0,0 +1,170 @@
+import * as React from 'react';
+import {rule, drule, theme} from 'nano-theme';
+import {Link} from '../../1-inline/Link';
+import {useStyles} from '../../styles/context';
+import {fonts} from '../../styles/font';
+import {DisplayTitle} from '../../4-card/DisplayTitle';
+
+export interface ProofStripItem {
+  label: React.ReactNode;
+  /** Optional link to the supporting evidence for this item. */
+  to?: string;
+  /** Small index shown above the label, e.g. "01" or "1.". */
+  num?: React.ReactNode;
+  /** Small icon shown to the left of the label. */
+  icon?: React.ReactNode;
+}
+
+export interface ProofStripProps {
+  items: ProofStripItem[];
+  /** Auto-number items as "01", "02"… when an item has no explicit `num`. */
+  numbered?: boolean;
+  /** Render the number inline to the left of the label instead of above it. */
+  numLeft?: boolean;
+  /** Optional section heading; when set the strip renders as a full section. */
+  heading?: React.ReactNode;
+  /** Optional section subheading. */
+  subheading?: React.ReactNode;
+  /** Optional caption line shown beneath the strip. */
+  caption?: React.ReactNode;
+}
+
+const blockClass = rule({
+  pad: '64px 0',
+  ta: 'center',
+});
+
+const stripClass = rule({
+  d: 'flex',
+  jc: 'center',
+  ai: 'flex-start',
+  flexWrap: 'wrap',
+  gap: '24px 44px',
+  pad: '28px 16px',
+});
+
+const itemClass = drule({
+  d: 'inline-flex',
+  flexDirection: 'column',
+  ai: 'flex-start',
+  gap: '4px',
+  td: 'none',
+  trs: 'color .15s',
+  '&:hover': {td: 'none'},
+  '&:hover [data-pf=label]': {textDecorationLine: 'underline'},
+  '&:active [data-pf=label]': {textDecorationLine: 'underline'},
+});
+
+const numClass = rule({
+  // ...theme.font.display.bold,
+  // ...theme.font.mono.bold,
+  ...fonts.get('mono', 'bold', 0),
+  fz: '11px',
+  lh: 1,
+  letterSpacing: '.04em',
+});
+
+const rowClass = rule({
+  d: 'inline-flex',
+  ai: 'center',
+  gap: '4px',
+});
+
+const iconClass = rule({
+  d: 'inline-flex',
+  ai: 'center',
+  flex: '0 0 auto',
+});
+
+const labelClass = rule({
+  ...theme.font.display.mid,
+  col: 'inherit',
+  fz: '14px',
+  lh: '1.2em',
+  td: 'none',
+  bdrad: '6px',
+  pd: '4px',
+  textUnderlineOffset: '4px',
+  // textDecorationColor: '#07f',
+  '&:hover': {
+    bg: '#07f',
+    col: '#fff',
+    textDecorationColor: '#ffffff55',
+  },
+  trs: 'color .15s',
+});
+
+const captionClass = rule({
+  ...theme.font.display.lite,
+  col: theme.g(0.5),
+  fz: '14px',
+  lh: '1.6em',
+  mar: '20px 0 0',
+  pad: 0,
+});
+
+/**
+ * Single horizontal strip of short proof items. Each item can carry a small
+ * index number (above) and an icon (left).
+ */
+export const ProofStrip: React.FC<ProofStripProps> = ({items, numbered, numLeft, heading, subheading, caption}) => {
+  const styles = useStyles();
+  const rest = '' + styles.g(0.42);
+  const numCol = '' + styles.g(0.72);
+  const iconCol = '' + styles.g(0.5);
+  const itemCls = itemClass({col: rest, '&:hover': {col: '#000'}, '&:active': {col: '#000'}});
+
+  const strip = (
+    <div className={stripClass}>
+      {items.map((item, i) => {
+        const num = item.num ?? (numbered ? String(i + 1).padStart(2, '0') : undefined);
+        const inner = (
+          <>
+            {!numLeft && num !== undefined && (
+              <span className={numClass} style={{color: numCol}}>
+                {num}
+              </span>
+            )}
+            <span className={rowClass}>
+              {numLeft && num !== undefined && (
+                <span className={numClass} style={{color: numCol}}>
+                  {num}
+                </span>
+              )}
+              {!!item.icon && (
+                <span className={iconClass} style={{color: iconCol}}>
+                  {item.icon}
+                </span>
+              )}
+              <span className={labelClass} data-pf="label">
+                {item.label}
+              </span>
+            </span>
+          </>
+        );
+
+        return item.to ? (
+          <Link key={i} a to={item.to} className={itemCls}>
+            {inner}
+          </Link>
+        ) : (
+          <span key={i} className={itemCls}>
+            {inner}
+          </span>
+        );
+      })}
+    </div>
+  );
+
+  if (!heading && !subheading && !caption) return strip;
+
+  return (
+    <section className={blockClass}>
+      <DisplayTitle title={heading} subtitle={subheading} center />
+      {strip}
+      {!!caption && <p className={captionClass}>{caption}</p>}
+    </section>
+  );
+};
+
+export default ProofStrip;
diff --git a/packages/ui/src/site/ScreenshotShowcase/index.tsx b/packages/ui/src/site/ScreenshotShowcase/index.tsx
new file mode 100644
index 0000000000..7ed4a02697
--- /dev/null
+++ b/packages/ui/src/site/ScreenshotShowcase/index.tsx
@@ -0,0 +1,149 @@
+import * as React from 'react';
+import {rule} from 'nano-theme';
+import {useStyles} from '../../styles/context';
+import {Button} from '../../2-inline-block/Button';
+import {DisplayTitle} from '../../4-card/DisplayTitle';
+import {FrameShot, type FrameShotProps} from '../../5-block/FrameShot';
+
+export interface ScreenshotShowcaseProps {
+  eyebrow?: React.ReactNode;
+  title: React.ReactNode;
+  subtitle?: React.ReactNode;
+  /** Screenshot image URL, e.g. `cdnUrl('/screenshots/foo.png')`. */
+  src: string;
+  alt: string;
+  /** Where the CTA button and the screenshot link point. */
+  href: string;
+  /** CTA button label. Omit to hide the button. */
+  cta?: React.ReactNode;
+  /** Icon shown left of the CTA label. */
+  icon?: React.ReactElement<any>;
+  /** Screenshot intrinsic aspect ratio (width / height). */
+  aspect?: number;
+  /** Corner radius of the screenshot. Defaults to 16. */
+  imageRadius?: number;
+  /** FrameShot layout passthroughs. */
+  anchor?: FrameShotProps['anchor'];
+  split?: number;
+  edgeGap?: number;
+  hideBelow?: number;
+  narrow?: boolean;
+  /** Screenshot width at full size, in pixels. Larger = taller block. */
+  screenshotWidth?: number;
+  /** Screenshot width just before it slides away, in pixels. */
+  screenshotMinWidth?: number;
+  /** Pixels of the screenshot hidden past the bottom edge. Smaller = taller block. */
+  bottomOverflow?: number;
+  /** Gap above the screenshot, so its top does not touch the frame edge. */
+  topGap?: number;
+  /** Window width at or above which the screenshot is at full size. */
+  fullWidthAbove?: number;
+  /** Overlay placed over the screenshot, e.g. a `<FloatingZoom>`. */
+  children?: React.ReactNode;
+}
+
+const textColClass = rule({
+  pos: 'relative',
+  z: 2,
+  maxW: '320px',
+  pd: '48px 64px',
+  '@media (max-width: 600px)': {
+    maxW: 'none',
+    pd: '16px',
+  },
+});
+
+const ctaClass = rule({
+  pd: '32px 0 0',
+  w: '100%',
+});
+
+/**
+ * A `<FrameShot>` showing a product screenshot with copy and a CTA on the side.
+ * The screenshot links out and scales/slides away on narrow screens.
+ */
+export const ScreenshotShowcase: React.FC<ScreenshotShowcaseProps> = ({
+  eyebrow,
+  title,
+  subtitle,
+  src,
+  alt,
+  href,
+  cta,
+  icon,
+  aspect = 1101 / 968,
+  imageRadius = 16,
+  anchor = 'bottom-right',
+  split = 42,
+  edgeGap = -32,
+  hideBelow = 700,
+  narrow = true,
+  screenshotWidth,
+  screenshotMinWidth,
+  bottomOverflow,
+  topGap,
+  fullWidthAbove,
+  children,
+}) => {
+  const styles = useStyles();
+  const external = /^https?:\/\//.test(href);
+
+  const content = (
+    <div className={textColClass}>
+      <DisplayTitle small eyebrow={eyebrow} title={title} subtitle={subtitle} />
+      {!!cta && (
+        <div className={ctaClass}>
+          <Button href={href} ghost invert radius={1} size={1} icon={icon}>
+            {cta}
+          </Button>
+        </div>
+      )}
+    </div>
+  );
+
+  const screenshot = (
+    <a
+      href={href}
+      aria-label={alt}
+      style={{display: 'block'}}
+      {...(external ? {target: '_blank', rel: 'noopener noreferrer'} : {})}
+    >
+      <img
+        src={src}
+        alt={alt}
+        draggable={false}
+        style={{
+          display: 'block',
+          width: '100%',
+          height: 'auto',
+          userSelect: 'none',
+          borderRadius: imageRadius,
+          border: '1px solid ' + styles.g(0, 0.25),
+          boxShadow: '0 0 16px rgba(0,0,0,.1), 0 0 8px rgba(0,0,0,.1)',
+        }}
+      />
+    </a>
+  );
+
+  return (
+    <FrameShot
+      narrow={narrow}
+      content={content}
+      screenshot={screenshot}
+      screenshotAspect={aspect}
+      anchor={anchor}
+      split={split}
+      edgeGap={edgeGap}
+      hideBelow={hideBelow}
+      screenshotWidth={screenshotWidth}
+      screenshotMinWidth={screenshotMinWidth}
+      bottomOverflow={bottomOverflow}
+      topGap={topGap}
+      fullWidthAbove={fullWidthAbove}
+    >
+      {children}
+    </FrameShot>
+  );
+};
+
+export default ScreenshotShowcase;
diff --git a/packages/ui/src/site/ShowcaseSection/index.tsx b/packages/ui/src/site/ShowcaseSection/index.tsx
new file mode 100644
index 0000000000..02b3c5fc96
--- /dev/null
+++ b/packages/ui/src/site/ShowcaseSection/index.tsx
@@ -0,0 +1,61 @@
+import * as React from 'react';
+import {rule, theme} from 'nano-theme';
+import {DisplayTitle} from '../../4-card/DisplayTitle';
+import {Button} from '../../2-inline-block/Button';
+
+export interface ShowcaseSectionCta {
+  label: React.ReactNode;
+  /** Internal route or absolute URL. */
+  to: string;
+}
+
+export interface ShowcaseSectionProps {
+  heading?: React.ReactNode;
+  subheading?: React.ReactNode;
+  /** Body content; pass one or more `<p>` elements. */
+  children: React.ReactNode;
+  cta?: ShowcaseSectionCta;
+}
+
+const blockClass = rule({
+  pad: '64px 0',
+});
+
+const proseClass = rule({
+  maxW: '720px',
+  pad: '24px 0 0',
+  '& p': {
+    ...theme.font.display.lite,
+    col: theme.g(0.32),
+    fz: '17px',
+    lh: '1.7em',
+    mar: '0 0 16px',
+    pad: 0,
+  },
+  '& p:last-child': {mar: 0},
+});
+
+const ctaClass = rule({
+  pad: '24px 0 0',
+});
+
+/**
+ * Reusable showcase / proof section: a heading, prose body, and a single CTA.
+ */
+export const ShowcaseSection: React.FC<ShowcaseSectionProps> = ({heading, subheading, children, cta}) => {
+  return (
+    <section className={blockClass}>
+      <DisplayTitle title={heading} subtitle={subheading} />
+      <div className={proseClass}>{children}</div>
+      {!!cta && (
+        <div className={ctaClass}>
+          <Button primary size={1} radius={1} href={cta.to}>
+            {cta.label}
+          </Button>
+        </div>
+      )}
+    </section>
+  );
+};
+
+export default ShowcaseSection;
diff --git a/packages/ui/src/site/SkipLink/index.tsx b/packages/ui/src/site/SkipLink/index.tsx
new file mode 100644
index 0000000000..00f10ce52d
--- /dev/null
+++ b/packages/ui/src/site/SkipLink/index.tsx
@@ -0,0 +1,33 @@
+import * as React from 'react';
+import {rule, theme} from 'nano-theme';
+
+const skipLinkCls = rule({
+  pos: 'absolute',
+  top: '-9999px',
+  left: '8px',
+  z: 10000,
+  pad: '12px 16px',
+  bdrad: '6px',
+  bg: theme.g(0.08),
+  col: '#fff',
+  ...theme.font.ui3.bold,
+  fz: '14px',
+  td: 'none',
+  '&:focus, &:focus-visible': {
+    top: '8px',
+    outline: `2px solid ${theme.g(0.08)}`,
+    outlineOffset: '2px',
+  },
+});
+
+/**
+ * Visually-hidden link that becomes visible on focus, jumping keyboard users
+ * straight to `#main`. Must be the first focusable element in the document.
+ */
+export const SkipLink: React.FC<{targetId?: string}> = ({targetId = 'main'}) => (
+  <a href={`#${targetId}`} className={skipLinkCls}>
+    Skip to main content
+  </a>
+);
+
+export default SkipLink;
diff --git a/packages/ui/src/styles/Styles.ts b/packages/ui/src/styles/Styles.ts
index 5ba7451289..18fd945694 100644
--- a/packages/ui/src/styles/Styles.ts
+++ b/packages/ui/src/styles/Styles.ts
@@ -10,7 +10,9 @@ export class Styles {
 
   public bg: ThemeColor;
   public grey: ThemeColor;
+  public surface: ThemeColor;
   public neutral: ThemeColor;
+
   public accent: ThemeColor;
   public accent2: ThemeColor;
   public positive: ThemeColor;
@@ -36,12 +38,11 @@ export class Styles {
   public readonly txt: Fonts;
 
   constructor(public readonly theme: StyleTheme) {
-    this.light = theme.light ?? true;
+    const light = (this.light = theme.light ?? true);
     this.col = new Colors(theme.color);
     this.txt = new Fonts(theme.font);
     const lightSurface = HslColor.from('#F8F9FA')!;
-    const darkSurface = HslColor.from('#1A1A1B')!;
-    const surface = this.light ? lightSurface : darkSurface;
+    const surface = light ? lightSurface : HslColor.from('#1A1A1B')!;
     const grey = new ThemeColor(new HslColor(0, 0, 0.5), lightSurface);
     const neutral = new ThemeColor(new HslColor(0.155, 0.43, 0.62), lightSurface);
     const accent = new ThemeColor(new HslColor(0.575, 0.91, 0.56), lightSurface);
@@ -60,7 +61,8 @@ export class Styles {
     const brand4 = new ThemeColor(HslColor.from('#F6A832')!, lightSurface); // orange
     const brand5 = new ThemeColor(HslColor.from('#5FCC8A')!, lightSurface); // green
     const brand6 = new ThemeColor(HslColor.from('#58B9F8')!, lightSurface); // blue
-    this.bg = new ThemeColor(surface, surface);
+    this.bg = light ? new ThemeColor(HslColor.from('#fff')!, lightSurface) : new ThemeColor(surface, surface);
+    this.surface = new ThemeColor(surface, surface);
     this.grey = this.light ? grey : grey.toDarkTheme(surface);
     this.neutral = this.light ? neutral : neutral.toDarkTheme(surface);
     this.accent = this.light ? accent : accent.toDarkTheme(surface);
diff --git a/packages/ui/src/utils/rsync.ts b/packages/ui/src/utils/rsync.ts
index 1516445ca3..7a402ab28b 100644
--- a/packages/ui/src/utils/rsync.ts
+++ b/packages/ui/src/utils/rsync.ts
@@ -4,6 +4,7 @@ import {deepEqual} from '@jsonjoy.com/json-equal';
 
 export class ReactValue<T> extends Value<T> {
   public use(): T {
+    // biome-ignore lint/correctness/useHookAtTopLevel: `.use()` is a hook by convention, called from component render
     return useSyncExternalStore(this.subscribe, this.getSnapshot, this.getSnapshot);
   }
 
@@ -21,6 +22,7 @@ export const val = <T>(value: T) => new ReactValue<T>(value);
 
 export class ReactComputed<N, V extends unknown[] = any> extends Computed<N, V> {
   public use(): N {
+    // biome-ignore lint/correctness/useHookAtTopLevel: `.use()` is a hook by convention, called from component render
     return useSyncExternalStore(this.subscribe, this.getSnapshot, this.getSnapshot);
   }
 
diff --git a/tsconfig.solution.json b/tsconfig.solution.json
index 322853b1b0..d1666815e6 100644
--- a/tsconfig.solution.json
+++ b/tsconfig.solution.json
@@ -34,9 +34,6 @@
     { "path": "packages/collaborative-prosemirror/tsconfig.build.json" },
     { "path": "packages/collaborative-slate/tsconfig.build.json" },
     { "path": "packages/collaborative-ui/tsconfig.build.json" },
-    { "path": "packages/mu-txt/tsconfig.build.json" },
-    { "path": "packages/mutxt-react/tsconfig.build.json" },
-    { "path": "packages/mutxt-element/tsconfig.build.json" },
     { "path": "packages/peritext/tsconfig.build.json" },
     { "path": "packages/rpc-calls/tsconfig.build.json" },
     { "path": "packages/rpc-error/tsconfig.build.json" },
diff --git a/yarn.lock b/yarn.lock
index dcf0990e96..c82f01abf1 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -32,7 +32,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/code-frame@npm:^7.0.0, @babel/code-frame@npm:^7.10.4, @babel/code-frame@npm:^7.12.13, @babel/code-frame@npm:^7.16.7, @babel/code-frame@npm:^7.27.1, @babel/code-frame@npm:^7.28.6":
+"@babel/code-frame@npm:^7.0.0, @babel/code-frame@npm:^7.10.4, @babel/code-frame@npm:^7.16.7, @babel/code-frame@npm:^7.27.1, @babel/code-frame@npm:^7.28.6":
   version: 7.29.0
   resolution: "@babel/code-frame@npm:7.29.0"
   dependencies:
@@ -50,7 +50,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/core@npm:^7.11.6, @babel/core@npm:^7.12.3, @babel/core@npm:^7.18.9, @babel/core@npm:^7.23.9, @babel/core@npm:^7.27.4, @babel/core@npm:^7.28.0":
+"@babel/core@npm:^7.18.9, @babel/core@npm:^7.23.9, @babel/core@npm:^7.27.4, @babel/core@npm:^7.28.0":
   version: 7.28.6
   resolution: "@babel/core@npm:7.28.6"
   dependencies:
@@ -73,7 +73,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/generator@npm:^7.27.5, @babel/generator@npm:^7.28.6, @babel/generator@npm:^7.7.2":
+"@babel/generator@npm:^7.27.5, @babel/generator@npm:^7.28.6":
   version: 7.28.6
   resolution: "@babel/generator@npm:7.28.6"
   dependencies:
@@ -167,7 +167,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/parser@npm:^7.1.0, @babel/parser@npm:^7.14.7, @babel/parser@npm:^7.20.7, @babel/parser@npm:^7.23.9, @babel/parser@npm:^7.28.6":
+"@babel/parser@npm:^7.1.0, @babel/parser@npm:^7.20.7, @babel/parser@npm:^7.23.9, @babel/parser@npm:^7.28.6":
   version: 7.28.6
   resolution: "@babel/parser@npm:7.28.6"
   dependencies:
@@ -255,7 +255,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-syntax-jsx@npm:^7.27.1, @babel/plugin-syntax-jsx@npm:^7.7.2":
+"@babel/plugin-syntax-jsx@npm:^7.27.1":
   version: 7.28.6
   resolution: "@babel/plugin-syntax-jsx@npm:7.28.6"
   dependencies:
@@ -354,7 +354,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-syntax-typescript@npm:^7.27.1, @babel/plugin-syntax-typescript@npm:^7.7.2":
+"@babel/plugin-syntax-typescript@npm:^7.27.1":
   version: 7.28.6
   resolution: "@babel/plugin-syntax-typescript@npm:7.28.6"
   dependencies:
@@ -372,7 +372,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/template@npm:^7.28.6, @babel/template@npm:^7.3.3":
+"@babel/template@npm:^7.28.6":
   version: 7.28.6
   resolution: "@babel/template@npm:7.28.6"
   dependencies:
@@ -398,7 +398,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/types@npm:^7.0.0, @babel/types@npm:^7.18.9, @babel/types@npm:^7.20.7, @babel/types@npm:^7.27.3, @babel/types@npm:^7.28.2, @babel/types@npm:^7.28.6, @babel/types@npm:^7.3.3":
+"@babel/types@npm:^7.0.0, @babel/types@npm:^7.18.9, @babel/types@npm:^7.20.7, @babel/types@npm:^7.27.3, @babel/types@npm:^7.28.2, @babel/types@npm:^7.28.6":
   version: 7.28.6
   resolution: "@babel/types@npm:7.28.6"
   dependencies:
@@ -415,18 +415,18 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@biomejs/biome@npm:^2.2.6":
-  version: 2.3.11
-  resolution: "@biomejs/biome@npm:2.3.11"
+"@biomejs/biome@npm:2.4.16":
+  version: 2.4.16
+  resolution: "@biomejs/biome@npm:2.4.16"
   dependencies:
-    "@biomejs/cli-darwin-arm64": "npm:2.3.11"
-    "@biomejs/cli-darwin-x64": "npm:2.3.11"
-    "@biomejs/cli-linux-arm64": "npm:2.3.11"
-    "@biomejs/cli-linux-arm64-musl": "npm:2.3.11"
-    "@biomejs/cli-linux-x64": "npm:2.3.11"
-    "@biomejs/cli-linux-x64-musl": "npm:2.3.11"
-    "@biomejs/cli-win32-arm64": "npm:2.3.11"
-    "@biomejs/cli-win32-x64": "npm:2.3.11"
+    "@biomejs/cli-darwin-arm64": "npm:2.4.16"
+    "@biomejs/cli-darwin-x64": "npm:2.4.16"
+    "@biomejs/cli-linux-arm64": "npm:2.4.16"
+    "@biomejs/cli-linux-arm64-musl": "npm:2.4.16"
+    "@biomejs/cli-linux-x64": "npm:2.4.16"
+    "@biomejs/cli-linux-x64-musl": "npm:2.4.16"
+    "@biomejs/cli-win32-arm64": "npm:2.4.16"
+    "@biomejs/cli-win32-x64": "npm:2.4.16"
   dependenciesMeta:
     "@biomejs/cli-darwin-arm64":
       optional: true
@@ -446,62 +446,62 @@ __metadata:
       optional: true
   bin:
     biome: bin/biome
-  checksum: 10c0/b9764070c3d1583466a8861d37dc480c18103f7bb52115db0f265a38e6343d69792c9beea094e0b3db0905cb365b9a82ad2a0f3f05b7f04873a8f9b444263140
+  checksum: 10c0/c52c4309daf241888b43912a43d1ba8bae7c2160751c33900088517da3e47d1428bb1c1f64f657efa5f42f5866e6400325b39fc41c3adf7cc7aa3f237f6fa286
   languageName: node
   linkType: hard
 
-"@biomejs/cli-darwin-arm64@npm:2.3.11":
-  version: 2.3.11
-  resolution: "@biomejs/cli-darwin-arm64@npm:2.3.11"
+"@biomejs/cli-darwin-arm64@npm:2.4.16":
+  version: 2.4.16
+  resolution: "@biomejs/cli-darwin-arm64@npm:2.4.16"
   conditions: os=darwin & cpu=arm64
   languageName: node
   linkType: hard
 
-"@biomejs/cli-darwin-x64@npm:2.3.11":
-  version: 2.3.11
-  resolution: "@biomejs/cli-darwin-x64@npm:2.3.11"
+"@biomejs/cli-darwin-x64@npm:2.4.16":
+  version: 2.4.16
+  resolution: "@biomejs/cli-darwin-x64@npm:2.4.16"
   conditions: os=darwin & cpu=x64
   languageName: node
   linkType: hard
 
-"@biomejs/cli-linux-arm64-musl@npm:2.3.11":
-  version: 2.3.11
-  resolution: "@biomejs/cli-linux-arm64-musl@npm:2.3.11"
+"@biomejs/cli-linux-arm64-musl@npm:2.4.16":
+  version: 2.4.16
+  resolution: "@biomejs/cli-linux-arm64-musl@npm:2.4.16"
   conditions: os=linux & cpu=arm64 & libc=musl
   languageName: node
   linkType: hard
 
-"@biomejs/cli-linux-arm64@npm:2.3.11":
-  version: 2.3.11
-  resolution: "@biomejs/cli-linux-arm64@npm:2.3.11"
+"@biomejs/cli-linux-arm64@npm:2.4.16":
+  version: 2.4.16
+  resolution: "@biomejs/cli-linux-arm64@npm:2.4.16"
   conditions: os=linux & cpu=arm64 & libc=glibc
   languageName: node
   linkType: hard
 
-"@biomejs/cli-linux-x64-musl@npm:2.3.11":
-  version: 2.3.11
-  resolution: "@biomejs/cli-linux-x64-musl@npm:2.3.11"
+"@biomejs/cli-linux-x64-musl@npm:2.4.16":
+  version: 2.4.16
+  resolution: "@biomejs/cli-linux-x64-musl@npm:2.4.16"
   conditions: os=linux & cpu=x64 & libc=musl
   languageName: node
   linkType: hard
 
-"@biomejs/cli-linux-x64@npm:2.3.11":
-  version: 2.3.11
-  resolution: "@biomejs/cli-linux-x64@npm:2.3.11"
+"@biomejs/cli-linux-x64@npm:2.4.16":
+  version: 2.4.16
+  resolution: "@biomejs/cli-linux-x64@npm:2.4.16"
   conditions: os=linux & cpu=x64 & libc=glibc
   languageName: node
   linkType: hard
 
-"@biomejs/cli-win32-arm64@npm:2.3.11":
-  version: 2.3.11
-  resolution: "@biomejs/cli-win32-arm64@npm:2.3.11"
+"@biomejs/cli-win32-arm64@npm:2.4.16":
+  version: 2.4.16
+  resolution: "@biomejs/cli-win32-arm64@npm:2.4.16"
   conditions: os=win32 & cpu=arm64
   languageName: node
   linkType: hard
 
-"@biomejs/cli-win32-x64@npm:2.3.11":
-  version: 2.3.11
-  resolution: "@biomejs/cli-win32-x64@npm:2.3.11"
+"@biomejs/cli-win32-x64@npm:2.4.16":
+  version: 2.4.16
+  resolution: "@biomejs/cli-win32-x64@npm:2.4.16"
   conditions: os=win32 & cpu=x64
   languageName: node
   linkType: hard
@@ -834,462 +834,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@electron-forge/cli@npm:^7.11.1":
-  version: 7.11.1
-  resolution: "@electron-forge/cli@npm:7.11.1"
-  dependencies:
-    "@electron-forge/core": "npm:7.11.1"
-    "@electron-forge/core-utils": "npm:7.11.1"
-    "@electron-forge/shared-types": "npm:7.11.1"
-    "@electron/get": "npm:^3.0.0"
-    "@inquirer/prompts": "npm:^6.0.1"
-    "@listr2/prompt-adapter-inquirer": "npm:^2.0.22"
-    chalk: "npm:^4.0.0"
-    commander: "npm:^11.1.0"
-    debug: "npm:^4.3.1"
-    fs-extra: "npm:^10.0.0"
-    listr2: "npm:^7.0.2"
-    log-symbols: "npm:^4.0.0"
-    semver: "npm:^7.2.1"
-  bin:
-    electron-forge: dist/electron-forge.js
-    electron-forge-vscode-nix: script/vscode.sh
-    electron-forge-vscode-win: script/vscode.cmd
-  checksum: 10c0/5ad3f44b6a878c3f4c21bb62b18aa8127218d200bc994471fd97e3b5a063e21189597fd0bac2a51e6eb04b71ecede29a6162f671225510f501ccb93c3d036548
-  languageName: node
-  linkType: hard
-
-"@electron-forge/core-utils@npm:7.11.1":
-  version: 7.11.1
-  resolution: "@electron-forge/core-utils@npm:7.11.1"
-  dependencies:
-    "@electron-forge/shared-types": "npm:7.11.1"
-    "@electron/rebuild": "npm:^3.7.0"
-    "@malept/cross-spawn-promise": "npm:^2.0.0"
-    chalk: "npm:^4.0.0"
-    debug: "npm:^4.3.1"
-    find-up: "npm:^5.0.0"
-    fs-extra: "npm:^10.0.0"
-    log-symbols: "npm:^4.0.0"
-    parse-author: "npm:^2.0.0"
-    semver: "npm:^7.2.1"
-  checksum: 10c0/c0cc62904265b3e504d322a954a75e7c10748f9dfd13d10890753987082fb797edc8b7ce12061a47ad82acf7918cc4c0826a63a5005e9cadadf81c50668422bd
-  languageName: node
-  linkType: hard
-
-"@electron-forge/core@npm:7.11.1":
-  version: 7.11.1
-  resolution: "@electron-forge/core@npm:7.11.1"
-  dependencies:
-    "@electron-forge/core-utils": "npm:7.11.1"
-    "@electron-forge/maker-base": "npm:7.11.1"
-    "@electron-forge/plugin-base": "npm:7.11.1"
-    "@electron-forge/publisher-base": "npm:7.11.1"
-    "@electron-forge/shared-types": "npm:7.11.1"
-    "@electron-forge/template-base": "npm:7.11.1"
-    "@electron-forge/template-vite": "npm:7.11.1"
-    "@electron-forge/template-vite-typescript": "npm:7.11.1"
-    "@electron-forge/template-webpack": "npm:7.11.1"
-    "@electron-forge/template-webpack-typescript": "npm:7.11.1"
-    "@electron-forge/tracer": "npm:7.11.1"
-    "@electron/get": "npm:^3.0.0"
-    "@electron/packager": "npm:^18.3.5"
-    "@electron/rebuild": "npm:^3.7.0"
-    "@malept/cross-spawn-promise": "npm:^2.0.0"
-    "@vscode/sudo-prompt": "npm:^9.3.1"
-    chalk: "npm:^4.0.0"
-    debug: "npm:^4.3.1"
-    fast-glob: "npm:^3.2.7"
-    filenamify: "npm:^4.1.0"
-    find-up: "npm:^5.0.0"
-    fs-extra: "npm:^10.0.0"
-    global-dirs: "npm:^3.0.0"
-    got: "npm:^11.8.5"
-    interpret: "npm:^3.1.1"
-    jiti: "npm:^2.4.2"
-    listr2: "npm:^7.0.2"
-    lodash: "npm:^4.17.20"
-    log-symbols: "npm:^4.0.0"
-    node-fetch: "npm:^2.6.7"
-    rechoir: "npm:^0.8.0"
-    semver: "npm:^7.2.1"
-    source-map-support: "npm:^0.5.13"
-    username: "npm:^5.1.0"
-  checksum: 10c0/c4e266a4cf6f822c4659c48698a1d748672eccb8378fe9e97e45f6576ca5fcc225306c50a6b0c7473560266d5814123c4358d033f95d7e84d66d769481a28820
-  languageName: node
-  linkType: hard
-
-"@electron-forge/maker-base@npm:7.11.1":
-  version: 7.11.1
-  resolution: "@electron-forge/maker-base@npm:7.11.1"
-  dependencies:
-    "@electron-forge/shared-types": "npm:7.11.1"
-    fs-extra: "npm:^10.0.0"
-    which: "npm:^2.0.2"
-  checksum: 10c0/34f70634ebc44027d090afc9389904efc4ea0f704ce06ea0badeab50130d10a2c3dcb0d03e0626ec3caa923e72745cbfa1ab417fd172ef9315afe39f17cb41b1
-  languageName: node
-  linkType: hard
-
-"@electron-forge/maker-deb@npm:^7.11.1":
-  version: 7.11.1
-  resolution: "@electron-forge/maker-deb@npm:7.11.1"
-  dependencies:
-    "@electron-forge/maker-base": "npm:7.11.1"
-    "@electron-forge/shared-types": "npm:7.11.1"
-    electron-installer-debian: "npm:^3.2.0"
-  dependenciesMeta:
-    electron-installer-debian:
-      optional: true
-  checksum: 10c0/0a94d14380f16301c24412bd1e57991bef28482f9688da2ed6686b36cb010f283abdd7055fcadd2236c4198c05ef5ff5fb12bb589e43e39239c17fb91ad6f138
-  languageName: node
-  linkType: hard
-
-"@electron-forge/maker-rpm@npm:^7.11.1":
-  version: 7.11.1
-  resolution: "@electron-forge/maker-rpm@npm:7.11.1"
-  dependencies:
-    "@electron-forge/maker-base": "npm:7.11.1"
-    "@electron-forge/shared-types": "npm:7.11.1"
-    electron-installer-redhat: "npm:^3.2.0"
-  dependenciesMeta:
-    electron-installer-redhat:
-      optional: true
-  checksum: 10c0/606c0acd5c1435dcc14cb042da5997f4c0777c251d8d71f070bb90b5904f575f3e49597bf79106a9236d61095327b7783305211039fb3dc2b0040834e6e5018d
-  languageName: node
-  linkType: hard
-
-"@electron-forge/maker-squirrel@npm:^7.11.1":
-  version: 7.11.1
-  resolution: "@electron-forge/maker-squirrel@npm:7.11.1"
-  dependencies:
-    "@electron-forge/maker-base": "npm:7.11.1"
-    "@electron-forge/shared-types": "npm:7.11.1"
-    electron-winstaller: "npm:^5.3.0"
-    fs-extra: "npm:^10.0.0"
-  dependenciesMeta:
-    electron-winstaller:
-      optional: true
-  checksum: 10c0/c17d64939ffc7daf5a005c65db340b34b47990600b4430057738fb880a9c975d42cfb216ea42f976558b3c875440032ebfaaf32836643a35e6cefc8d4f7c6f57
-  languageName: node
-  linkType: hard
-
-"@electron-forge/maker-zip@npm:^7.11.1":
-  version: 7.11.1
-  resolution: "@electron-forge/maker-zip@npm:7.11.1"
-  dependencies:
-    "@electron-forge/maker-base": "npm:7.11.1"
-    "@electron-forge/shared-types": "npm:7.11.1"
-    cross-zip: "npm:^4.0.0"
-    fs-extra: "npm:^10.0.0"
-    got: "npm:^11.8.5"
-  checksum: 10c0/0c468bed72f6cadd4b786d5d8470e7bdd036e4be528ab00bbd6359d2304d17540e8c5fc6ece37784db896637121115e1064dbd66e85adbed7bbcf90107070f28
-  languageName: node
-  linkType: hard
-
-"@electron-forge/plugin-base@npm:7.11.1":
-  version: 7.11.1
-  resolution: "@electron-forge/plugin-base@npm:7.11.1"
-  dependencies:
-    "@electron-forge/shared-types": "npm:7.11.1"
-  checksum: 10c0/9e89e30b2730061c5b607f887eff5a756aaa96fdbcf6feb2b3ec048c5f9e0e832b834d95810e9ca26a39694d7ae3ea557f118611cdd2dced18b23775dd4a8154
-  languageName: node
-  linkType: hard
-
-"@electron-forge/publisher-base@npm:7.11.1":
-  version: 7.11.1
-  resolution: "@electron-forge/publisher-base@npm:7.11.1"
-  dependencies:
-    "@electron-forge/shared-types": "npm:7.11.1"
-  checksum: 10c0/28af59da803cf909e14a9e8a1e4a4ecb68853c9d440276e1358ba06789f12bfd6e72beede2d64628b772541e5d9e0dc8ef77e8def438c5c30bdbc5c9a5b5a051
-  languageName: node
-  linkType: hard
-
-"@electron-forge/publisher-github@npm:^7.11.1":
-  version: 7.11.1
-  resolution: "@electron-forge/publisher-github@npm:7.11.1"
-  dependencies:
-    "@electron-forge/publisher-base": "npm:7.11.1"
-    "@electron-forge/shared-types": "npm:7.11.1"
-    "@octokit/core": "npm:^5.2.1"
-    "@octokit/plugin-retry": "npm:^6.1.0"
-    "@octokit/request-error": "npm:^5.1.1"
-    "@octokit/rest": "npm:^20.1.2"
-    "@octokit/types": "npm:^6.1.2"
-    chalk: "npm:^4.0.0"
-    debug: "npm:^4.3.1"
-    fs-extra: "npm:^10.0.0"
-    log-symbols: "npm:^4.0.0"
-    mime-types: "npm:^2.1.25"
-  checksum: 10c0/54c4b962a69cefd9fff69e5bd046f5d832b7c96d98a580576e6bbee80dc243607a49b77242801a770969ac35a987c0c2384be0efbe33a7ec50b2e36a52636aa1
-  languageName: node
-  linkType: hard
-
-"@electron-forge/shared-types@npm:7.11.1, @electron-forge/shared-types@npm:^7.11.1":
-  version: 7.11.1
-  resolution: "@electron-forge/shared-types@npm:7.11.1"
-  dependencies:
-    "@electron-forge/tracer": "npm:7.11.1"
-    "@electron/packager": "npm:^18.3.5"
-    "@electron/rebuild": "npm:^3.7.0"
-    listr2: "npm:^7.0.2"
-  checksum: 10c0/4f9c547ff06e94e1ca9ccb946d6d0b98cadebf9c4945be25d06e07303a16456e7902b8502aacfb1584ad41696a2ece135f24bf8a5b8b9351073a4cf3a1bc2916
-  languageName: node
-  linkType: hard
-
-"@electron-forge/template-base@npm:7.11.1":
-  version: 7.11.1
-  resolution: "@electron-forge/template-base@npm:7.11.1"
-  dependencies:
-    "@electron-forge/core-utils": "npm:7.11.1"
-    "@electron-forge/shared-types": "npm:7.11.1"
-    "@malept/cross-spawn-promise": "npm:^2.0.0"
-    debug: "npm:^4.3.1"
-    fs-extra: "npm:^10.0.0"
-    semver: "npm:^7.2.1"
-    username: "npm:^5.1.0"
-  checksum: 10c0/e93a0db5f707129e512c7cdd78000ab12a785f4e1c760011ad66a903f4d503206bf34ddaf32021f877eea9e2ad9503d76df44ac3ea6b66973853773c2f00f2c3
-  languageName: node
-  linkType: hard
-
-"@electron-forge/template-vite-typescript@npm:7.11.1":
-  version: 7.11.1
-  resolution: "@electron-forge/template-vite-typescript@npm:7.11.1"
-  dependencies:
-    "@electron-forge/shared-types": "npm:7.11.1"
-    "@electron-forge/template-base": "npm:7.11.1"
-    fs-extra: "npm:^10.0.0"
-  checksum: 10c0/7de9c80699839e183dbf4336efc7b1d3b3ee7769f9f259b7288949296e7ea9c5807f819fafc21038b5a14d408ee66b45c03ed694812c760f540dc36f37111414
-  languageName: node
-  linkType: hard
-
-"@electron-forge/template-vite@npm:7.11.1":
-  version: 7.11.1
-  resolution: "@electron-forge/template-vite@npm:7.11.1"
-  dependencies:
-    "@electron-forge/shared-types": "npm:7.11.1"
-    "@electron-forge/template-base": "npm:7.11.1"
-    fs-extra: "npm:^10.0.0"
-  checksum: 10c0/cb855942631baef557e135bfd1fb9e58463c37d99bc47edd7c24344ab8bbe36f9c0740667b2b07b68e4bc9e60a866ac18a940ea10ce91a514b146ba98a7cd634
-  languageName: node
-  linkType: hard
-
-"@electron-forge/template-webpack-typescript@npm:7.11.1":
-  version: 7.11.1
-  resolution: "@electron-forge/template-webpack-typescript@npm:7.11.1"
-  dependencies:
-    "@electron-forge/shared-types": "npm:7.11.1"
-    "@electron-forge/template-base": "npm:7.11.1"
-    fs-extra: "npm:^10.0.0"
-    typescript: "npm:~5.4.5"
-    webpack: "npm:^5.69.1"
-  checksum: 10c0/944459e9e202601eff075bcef75f001b37ea3b22d26082e192e63650ccc36aebb79aa6e1b32bc74d9d0e9b894a683171d46ac64cd9bb7397237a25e44e821963
-  languageName: node
-  linkType: hard
-
-"@electron-forge/template-webpack@npm:7.11.1":
-  version: 7.11.1
-  resolution: "@electron-forge/template-webpack@npm:7.11.1"
-  dependencies:
-    "@electron-forge/shared-types": "npm:7.11.1"
-    "@electron-forge/template-base": "npm:7.11.1"
-    fs-extra: "npm:^10.0.0"
-  checksum: 10c0/8103f3eb210003821bde0c9763eed23edb8fb9c2eddd78fcd28d5432b4780bae9aac056c4f7a7fc40b2a83e65f0d2a63ff6e8cde92163ede3c2a1aeb676e6fe2
-  languageName: node
-  linkType: hard
-
-"@electron-forge/tracer@npm:7.11.1":
-  version: 7.11.1
-  resolution: "@electron-forge/tracer@npm:7.11.1"
-  dependencies:
-    chrome-trace-event: "npm:^1.0.3"
-  checksum: 10c0/6a8a1560f29b2a252f5c46f31a9923f0cffc46d068c5a8fd8ea6a4a58614f6742da73e40df507f88bb01f1d43ed93144ad0ea3770bd878ff999cc53e494ad209
-  languageName: node
-  linkType: hard
-
-"@electron/asar@npm:^3.2.1, @electron/asar@npm:^3.2.13, @electron/asar@npm:^3.2.5, @electron/asar@npm:^3.3.1":
-  version: 3.4.1
-  resolution: "@electron/asar@npm:3.4.1"
-  dependencies:
-    commander: "npm:^5.0.0"
-    glob: "npm:^7.1.6"
-    minimatch: "npm:^3.0.4"
-  bin:
-    asar: bin/asar.js
-  checksum: 10c0/9df7983125faaa29c266e4beec6ceb205e139ede0e8fb81dde84c73ac8114388a99aad21379412a972163d8879ca959621f4e4896214bf8d296ba217e7cf8170
-  languageName: node
-  linkType: hard
-
-"@electron/get@npm:^3.0.0":
-  version: 3.1.0
-  resolution: "@electron/get@npm:3.1.0"
-  dependencies:
-    debug: "npm:^4.1.1"
-    env-paths: "npm:^2.2.0"
-    fs-extra: "npm:^8.1.0"
-    global-agent: "npm:^3.0.0"
-    got: "npm:^11.8.5"
-    progress: "npm:^2.0.3"
-    semver: "npm:^6.2.0"
-    sumchecker: "npm:^3.0.1"
-  dependenciesMeta:
-    global-agent:
-      optional: true
-  checksum: 10c0/b56b18710482912681c0497a9a8d74f934e5fcefe527bb1f2be6ec837a3853ad7f4b8849584ce4578c3fdd341cb8364cee54f14d1103862891368bbc20b7c0df
-  languageName: node
-  linkType: hard
-
-"@electron/get@npm:^5.0.0":
-  version: 5.0.0
-  resolution: "@electron/get@npm:5.0.0"
-  dependencies:
-    debug: "npm:^4.1.1"
-    env-paths: "npm:^3.0.0"
-    graceful-fs: "npm:^4.2.11"
-    progress: "npm:^2.0.3"
-    semver: "npm:^7.6.3"
-    sumchecker: "npm:^3.0.1"
-    undici: "npm:^7.24.4"
-  dependenciesMeta:
-    undici:
-      optional: true
-  checksum: 10c0/6f40ac6a5cb6be6178b3218f2be771351da8d06bb1ab3e15b5e5b785c9480d71e177c645fc96b06c717672018bbcb81d125da0a59fb0b2aaae7076db73360fd0
-  languageName: node
-  linkType: hard
-
-"@electron/node-gyp@git+https://github.com/electron/node-gyp.git#06b29aafb7708acef8b3669835c8a7857ebc92d2":
-  version: 10.2.0-electron.1
-  resolution: "@electron/node-gyp@https://github.com/electron/node-gyp.git#commit=06b29aafb7708acef8b3669835c8a7857ebc92d2"
-  dependencies:
-    env-paths: "npm:^2.2.0"
-    exponential-backoff: "npm:^3.1.1"
-    glob: "npm:^8.1.0"
-    graceful-fs: "npm:^4.2.6"
-    make-fetch-happen: "npm:^10.2.1"
-    nopt: "npm:^6.0.0"
-    proc-log: "npm:^2.0.1"
-    semver: "npm:^7.3.5"
-    tar: "npm:^6.2.1"
-    which: "npm:^2.0.2"
-  bin:
-    node-gyp: ./bin/node-gyp.js
-  checksum: 10c0/e8c97bb5347bf0871312860010b70379069359bf05a6beb9e4d898d0831f9f8447f35b887a86d5241989e804813cf72054327928da38714a6102f791e802c8d9
-  languageName: node
-  linkType: hard
-
-"@electron/notarize@npm:^2.1.0":
-  version: 2.5.0
-  resolution: "@electron/notarize@npm:2.5.0"
-  dependencies:
-    debug: "npm:^4.1.1"
-    fs-extra: "npm:^9.0.1"
-    promise-retry: "npm:^2.0.1"
-  checksum: 10c0/262c6a90db4b18c82abb2a8f5349d1bf19ac34a440fe6c01b8aee302b1c886a79906693e6c3fdba2a4efa23a6519abf2113a882b438f7b6687eb2daed3da2afa
-  languageName: node
-  linkType: hard
-
-"@electron/osx-sign@npm:^1.0.5":
-  version: 1.3.3
-  resolution: "@electron/osx-sign@npm:1.3.3"
-  dependencies:
-    compare-version: "npm:^0.1.2"
-    debug: "npm:^4.3.4"
-    fs-extra: "npm:^10.0.0"
-    isbinaryfile: "npm:^4.0.8"
-    minimist: "npm:^1.2.6"
-    plist: "npm:^3.0.5"
-  bin:
-    electron-osx-flat: bin/electron-osx-flat.js
-    electron-osx-sign: bin/electron-osx-sign.js
-  checksum: 10c0/f8156be879b1850465da8135398b9e58aa6db9f3310cd625c471e1080008b628846c3345a171e17509bcd3c1883cbc90f49a914e7486b1f41702cf2499c657d0
-  languageName: node
-  linkType: hard
-
-"@electron/packager@npm:^18.3.5":
-  version: 18.4.4
-  resolution: "@electron/packager@npm:18.4.4"
-  dependencies:
-    "@electron/asar": "npm:^3.2.13"
-    "@electron/get": "npm:^3.0.0"
-    "@electron/notarize": "npm:^2.1.0"
-    "@electron/osx-sign": "npm:^1.0.5"
-    "@electron/universal": "npm:^2.0.1"
-    "@electron/windows-sign": "npm:^1.0.0"
-    "@malept/cross-spawn-promise": "npm:^2.0.0"
-    debug: "npm:^4.0.1"
-    extract-zip: "npm:^2.0.0"
-    filenamify: "npm:^4.1.0"
-    fs-extra: "npm:^11.1.0"
-    galactus: "npm:^1.0.0"
-    get-package-info: "npm:^1.0.0"
-    junk: "npm:^3.1.0"
-    parse-author: "npm:^2.0.0"
-    plist: "npm:^3.0.0"
-    prettier: "npm:^3.4.2"
-    resedit: "npm:^2.0.0"
-    resolve: "npm:^1.1.6"
-    semver: "npm:^7.1.3"
-    yargs-parser: "npm:^21.1.1"
-  bin:
-    electron-packager: bin/electron-packager.js
-  checksum: 10c0/b6aba8d34b7327d90f2fb0e7e1163ac1411eb42a95e1146c2832db108f8a751395b64ea538abf03a7517f80510941b903782709c50399b8f8787945b712b183b
-  languageName: node
-  linkType: hard
-
-"@electron/rebuild@npm:^3.7.0":
-  version: 3.7.2
-  resolution: "@electron/rebuild@npm:3.7.2"
-  dependencies:
-    "@electron/node-gyp": "git+https://github.com/electron/node-gyp.git#06b29aafb7708acef8b3669835c8a7857ebc92d2"
-    "@malept/cross-spawn-promise": "npm:^2.0.0"
-    chalk: "npm:^4.0.0"
-    debug: "npm:^4.1.1"
-    detect-libc: "npm:^2.0.1"
-    fs-extra: "npm:^10.0.0"
-    got: "npm:^11.7.0"
-    node-abi: "npm:^3.45.0"
-    node-api-version: "npm:^0.2.0"
-    node-gyp: "npm:latest"
-    ora: "npm:^5.1.0"
-    read-binary-file-arch: "npm:^1.0.6"
-    semver: "npm:^7.3.5"
-    tar: "npm:^6.0.5"
-    yargs: "npm:^17.0.1"
-  bin:
-    electron-rebuild: lib/cli.js
-  checksum: 10c0/e561819926c30c7ad284f721d1d66453f59f8e5ea54a7cc9148a00e8ab3cedb6aa57fe4789f39a3454a3eb90b41a5f7d7461246ee3a16c63c8d3db23db94a391
-  languageName: node
-  linkType: hard
-
-"@electron/universal@npm:^2.0.1":
-  version: 2.0.3
-  resolution: "@electron/universal@npm:2.0.3"
-  dependencies:
-    "@electron/asar": "npm:^3.3.1"
-    "@malept/cross-spawn-promise": "npm:^2.0.0"
-    debug: "npm:^4.3.1"
-    dir-compare: "npm:^4.2.0"
-    fs-extra: "npm:^11.1.1"
-    minimatch: "npm:^9.0.3"
-    plist: "npm:^3.1.0"
-  checksum: 10c0/346b23298d4f175dc50d9b91277d8e4c30017215e1a78c985ce917cd793fc0600084d62a84f485229d781ddfeb5829b6c1125c0bda131ddb9146522d305e92aa
-  languageName: node
-  linkType: hard
-
-"@electron/windows-sign@npm:^1.0.0, @electron/windows-sign@npm:^1.1.2":
-  version: 1.2.2
-  resolution: "@electron/windows-sign@npm:1.2.2"
-  dependencies:
-    cross-dirname: "npm:^0.1.0"
-    debug: "npm:^4.3.4"
-    fs-extra: "npm:^11.1.1"
-    minimist: "npm:^1.2.8"
-    postject: "npm:^1.0.0-alpha.6"
-  bin:
-    electron-windows-sign: bin/electron-windows-sign.js
-  checksum: 10c0/5a467e1a368e24d40f60e593ea607fb945cd5adaf799318cdf3e086871be87bfb317aeabd39cb4f1a0f455d87c9111b7f2fd41a1eca24e9863b79dc10aca6386
-  languageName: node
-  linkType: hard
-
 "@emnapi/core@npm:^1.4.3":
   version: 1.8.1
   resolution: "@emnapi/core@npm:1.8.1"
@@ -1516,41 +1060,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@fontsource-variable/bitter@npm:^5.2.0":
-  version: 5.2.10
-  resolution: "@fontsource-variable/bitter@npm:5.2.10"
-  checksum: 10c0/caaf1ea95e9a6afdfe45af7db889dbb0137de86898d1c690aa1c2fe8b12b526068a825f992a4e5647e48266fdb948978f3049e201ec16e1d758d8f9ce82a244b
-  languageName: node
-  linkType: hard
-
-"@fontsource-variable/inter@npm:^5.2.0":
-  version: 5.2.8
-  resolution: "@fontsource-variable/inter@npm:5.2.8"
-  checksum: 10c0/35b46df31c8c18f55f87228acf6297e4dac6cc9f38d0faaafdaf5a40e40c386cf1bfb115fb0fe0dcdb9b7e14f582843693ccf070d9c903072a5b2fc0f8dfde56
-  languageName: node
-  linkType: hard
-
-"@fontsource-variable/jetbrains-mono@npm:^5.2.0":
-  version: 5.2.8
-  resolution: "@fontsource-variable/jetbrains-mono@npm:5.2.8"
-  checksum: 10c0/574e5463b802cfdd6ec8dd16724d2fd5ee38204815729c9dca0f457a417f0a4d32e6ec4ed2dfa0e5a5de5a9b0deaeb9f3c0b49b332763ed40172de43d6b1502f
-  languageName: node
-  linkType: hard
-
-"@fontsource-variable/source-serif-4@npm:^5.2.0":
-  version: 5.2.9
-  resolution: "@fontsource-variable/source-serif-4@npm:5.2.9"
-  checksum: 10c0/95bf11dbdf1b9948d6f8c01ed194c0dea41c277ef65f1f43d24ad2690b4dc57ec0ccae0adbdd9648604a436e1c7b02441a85474605d53dce2f4619e9df162df6
-  languageName: node
-  linkType: hard
-
-"@gar/promisify@npm:^1.1.3":
-  version: 1.1.3
-  resolution: "@gar/promisify@npm:1.1.3"
-  checksum: 10c0/0b3c9958d3cd17f4add3574975e3115ae05dc7f1298a60810414b16f6f558c137b5fb3cd3905df380bacfd955ec13f67c1e6710cbb5c246a7e8d65a8289b2bff
-  languageName: node
-  linkType: hard
-
 "@img/colour@npm:^1.0.0":
   version: 1.1.0
   resolution: "@img/colour@npm:1.1.0"
@@ -1778,181 +1287,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@inquirer/checkbox@npm:^3.0.1":
-  version: 3.0.1
-  resolution: "@inquirer/checkbox@npm:3.0.1"
-  dependencies:
-    "@inquirer/core": "npm:^9.2.1"
-    "@inquirer/figures": "npm:^1.0.6"
-    "@inquirer/type": "npm:^2.0.0"
-    ansi-escapes: "npm:^4.3.2"
-    yoctocolors-cjs: "npm:^2.1.2"
-  checksum: 10c0/1e8c508772757000209b89e7d0455ac5a0684b3ba3c4b5def13d4da95b19bcab670458d77a18f5a5daeec273578d1c3b2072030221dbfa7e0738abd5c0bc4af4
-  languageName: node
-  linkType: hard
-
-"@inquirer/confirm@npm:^4.0.1":
-  version: 4.0.1
-  resolution: "@inquirer/confirm@npm:4.0.1"
-  dependencies:
-    "@inquirer/core": "npm:^9.2.1"
-    "@inquirer/type": "npm:^2.0.0"
-  checksum: 10c0/8ea5e6a63efa348b626750384c249cc903280e38c2596bb42c640f178b375dbc389d8c4d040b2e4759b3937d8a188e245ca262b8dc7cdb2fa35dfce4104c2e8f
-  languageName: node
-  linkType: hard
-
-"@inquirer/core@npm:^9.2.1":
-  version: 9.2.1
-  resolution: "@inquirer/core@npm:9.2.1"
-  dependencies:
-    "@inquirer/figures": "npm:^1.0.6"
-    "@inquirer/type": "npm:^2.0.0"
-    "@types/mute-stream": "npm:^0.0.4"
-    "@types/node": "npm:^22.5.5"
-    "@types/wrap-ansi": "npm:^3.0.0"
-    ansi-escapes: "npm:^4.3.2"
-    cli-width: "npm:^4.1.0"
-    mute-stream: "npm:^1.0.0"
-    signal-exit: "npm:^4.1.0"
-    strip-ansi: "npm:^6.0.1"
-    wrap-ansi: "npm:^6.2.0"
-    yoctocolors-cjs: "npm:^2.1.2"
-  checksum: 10c0/11c14be77a9fa85831de799a585721b0a49ab2f3b7d8fd1780c48ea2b29229c6bdc94e7892419086d0f7734136c2ba87b6a32e0782571eae5bbd655b1afad453
-  languageName: node
-  linkType: hard
-
-"@inquirer/editor@npm:^3.0.1":
-  version: 3.0.1
-  resolution: "@inquirer/editor@npm:3.0.1"
-  dependencies:
-    "@inquirer/core": "npm:^9.2.1"
-    "@inquirer/type": "npm:^2.0.0"
-    external-editor: "npm:^3.1.0"
-  checksum: 10c0/edff144ce57d5a0793ae9c2ac3d16934d120ba9b277187613a44923a0b7dc45ba8b7382f56b66cf730c050b58637b236a0f8b280add33bbc53de1e78a10240e7
-  languageName: node
-  linkType: hard
-
-"@inquirer/expand@npm:^3.0.1":
-  version: 3.0.1
-  resolution: "@inquirer/expand@npm:3.0.1"
-  dependencies:
-    "@inquirer/core": "npm:^9.2.1"
-    "@inquirer/type": "npm:^2.0.0"
-    yoctocolors-cjs: "npm:^2.1.2"
-  checksum: 10c0/384db4ac56bc68b56a83a6d164ce039b35addd64a8e422cb8605e38d0f54a3654b4d2e4463575c6ffc34e30bcad5c728c23d7cc7227f4eb440b50fe36f6a785c
-  languageName: node
-  linkType: hard
-
-"@inquirer/figures@npm:^1.0.6":
-  version: 1.0.15
-  resolution: "@inquirer/figures@npm:1.0.15"
-  checksum: 10c0/6e39a040d260ae234ae220180b7994ff852673e20be925f8aa95e78c7934d732b018cbb4d0ec39e600a410461bcb93dca771e7de23caa10630d255692e440f69
-  languageName: node
-  linkType: hard
-
-"@inquirer/input@npm:^3.0.1":
-  version: 3.0.1
-  resolution: "@inquirer/input@npm:3.0.1"
-  dependencies:
-    "@inquirer/core": "npm:^9.2.1"
-    "@inquirer/type": "npm:^2.0.0"
-  checksum: 10c0/e8b9d4ad933e70737903606241e8d1f317d3d57719ce0a77e97a050bd1109310bed8df0787ad7913ea699baaeefc448b52989de0a7c3b87ded0a3e54052a60d0
-  languageName: node
-  linkType: hard
-
-"@inquirer/number@npm:^2.0.1":
-  version: 2.0.1
-  resolution: "@inquirer/number@npm:2.0.1"
-  dependencies:
-    "@inquirer/core": "npm:^9.2.1"
-    "@inquirer/type": "npm:^2.0.0"
-  checksum: 10c0/560e34653693a940b6767e9071c8a361291636b47055f2847d7973e868afba87eedb999a60be0d78064f4481c091e64b913f4b9a84f2cd7a6774d65524bcccbc
-  languageName: node
-  linkType: hard
-
-"@inquirer/password@npm:^3.0.1":
-  version: 3.0.1
-  resolution: "@inquirer/password@npm:3.0.1"
-  dependencies:
-    "@inquirer/core": "npm:^9.2.1"
-    "@inquirer/type": "npm:^2.0.0"
-    ansi-escapes: "npm:^4.3.2"
-  checksum: 10c0/0223ce3f4700a1fa1bc3827bca35d71001e5b41c7a59717e078834bf66345c8c6bba5704350c8ae237e681c30969241ae918dba2e033d01810acf7ffefacd4e6
-  languageName: node
-  linkType: hard
-
-"@inquirer/prompts@npm:^6.0.1":
-  version: 6.0.1
-  resolution: "@inquirer/prompts@npm:6.0.1"
-  dependencies:
-    "@inquirer/checkbox": "npm:^3.0.1"
-    "@inquirer/confirm": "npm:^4.0.1"
-    "@inquirer/editor": "npm:^3.0.1"
-    "@inquirer/expand": "npm:^3.0.1"
-    "@inquirer/input": "npm:^3.0.1"
-    "@inquirer/number": "npm:^2.0.1"
-    "@inquirer/password": "npm:^3.0.1"
-    "@inquirer/rawlist": "npm:^3.0.1"
-    "@inquirer/search": "npm:^2.0.1"
-    "@inquirer/select": "npm:^3.0.1"
-  checksum: 10c0/42fe55137531a2d18c24f910fec2d2f1a4b086ad3ad29e8b85aeb8b454ca8e132e463623f1b9e7ac5c60c58010970a923cec23ed94ff14dc23eef086e2641fca
-  languageName: node
-  linkType: hard
-
-"@inquirer/rawlist@npm:^3.0.1":
-  version: 3.0.1
-  resolution: "@inquirer/rawlist@npm:3.0.1"
-  dependencies:
-    "@inquirer/core": "npm:^9.2.1"
-    "@inquirer/type": "npm:^2.0.0"
-    yoctocolors-cjs: "npm:^2.1.2"
-  checksum: 10c0/1b2f0693ad8ae59d22c1dbec03518ee800af7553225cc1e7a7740b0eb2dd59c5c09705217fe2f9946b20c0221a4e3b2a17258a9cb496fd2eb5af0a0c9ac1cfca
-  languageName: node
-  linkType: hard
-
-"@inquirer/search@npm:^2.0.1":
-  version: 2.0.1
-  resolution: "@inquirer/search@npm:2.0.1"
-  dependencies:
-    "@inquirer/core": "npm:^9.2.1"
-    "@inquirer/figures": "npm:^1.0.6"
-    "@inquirer/type": "npm:^2.0.0"
-    yoctocolors-cjs: "npm:^2.1.2"
-  checksum: 10c0/3d016b259304fa566961e64266af03e748486aa306c76326ef20893706e16019cb91fba32561dd4c2910718e4b7959107922c6485abc88aff49edf94a6e2c76a
-  languageName: node
-  linkType: hard
-
-"@inquirer/select@npm:^3.0.1":
-  version: 3.0.1
-  resolution: "@inquirer/select@npm:3.0.1"
-  dependencies:
-    "@inquirer/core": "npm:^9.2.1"
-    "@inquirer/figures": "npm:^1.0.6"
-    "@inquirer/type": "npm:^2.0.0"
-    ansi-escapes: "npm:^4.3.2"
-    yoctocolors-cjs: "npm:^2.1.2"
-  checksum: 10c0/83aa571dba12f69f267507230055d07279a7352ef032d6ea849eb32cd663f3e26aab2ce4fd5f59231f4c7624b92e7d40dd8eef5907431e81eb3d45d062c2cbb8
-  languageName: node
-  linkType: hard
-
-"@inquirer/type@npm:^1.5.5":
-  version: 1.5.5
-  resolution: "@inquirer/type@npm:1.5.5"
-  dependencies:
-    mute-stream: "npm:^1.0.0"
-  checksum: 10c0/4c41736c09ba9426b5a9e44993bdd54e8f532e791518802e33866f233a2a6126a25c1c82c19d1abbf1df627e57b1b957dd3f8318ea96073d8bfc32193943bcb3
-  languageName: node
-  linkType: hard
-
-"@inquirer/type@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "@inquirer/type@npm:2.0.0"
-  dependencies:
-    mute-stream: "npm:^1.0.0"
-  checksum: 10c0/8c663d52beb2b89a896d3c3d5cc3d6d024fa149e565555bcb42fa640cbe23fba7ff2c51445342cef1fe6e46305e2d16c1590fa1d11ad0ddf93a67b655ef41f0a
-  languageName: node
-  linkType: hard
-
 "@isaacs/balanced-match@npm:^4.0.1":
   version: 4.0.1
   resolution: "@isaacs/balanced-match@npm:4.0.1"
@@ -2026,20 +1360,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@jest/console@npm:^29.7.0":
-  version: 29.7.0
-  resolution: "@jest/console@npm:29.7.0"
-  dependencies:
-    "@jest/types": "npm:^29.6.3"
-    "@types/node": "npm:*"
-    chalk: "npm:^4.0.0"
-    jest-message-util: "npm:^29.7.0"
-    jest-util: "npm:^29.7.0"
-    slash: "npm:^3.0.0"
-  checksum: 10c0/7be408781d0a6f657e969cbec13b540c329671819c2f57acfad0dae9dbfe2c9be859f38fe99b35dba9ff1536937dc6ddc69fdcd2794812fa3c647a1619797f6c
-  languageName: node
-  linkType: hard
-
 "@jest/core@npm:30.2.0":
   version: 30.2.0
   resolution: "@jest/core@npm:30.2.0"
@@ -2081,47 +1401,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@jest/core@npm:^29.7.0":
-  version: 29.7.0
-  resolution: "@jest/core@npm:29.7.0"
-  dependencies:
-    "@jest/console": "npm:^29.7.0"
-    "@jest/reporters": "npm:^29.7.0"
-    "@jest/test-result": "npm:^29.7.0"
-    "@jest/transform": "npm:^29.7.0"
-    "@jest/types": "npm:^29.6.3"
-    "@types/node": "npm:*"
-    ansi-escapes: "npm:^4.2.1"
-    chalk: "npm:^4.0.0"
-    ci-info: "npm:^3.2.0"
-    exit: "npm:^0.1.2"
-    graceful-fs: "npm:^4.2.9"
-    jest-changed-files: "npm:^29.7.0"
-    jest-config: "npm:^29.7.0"
-    jest-haste-map: "npm:^29.7.0"
-    jest-message-util: "npm:^29.7.0"
-    jest-regex-util: "npm:^29.6.3"
-    jest-resolve: "npm:^29.7.0"
-    jest-resolve-dependencies: "npm:^29.7.0"
-    jest-runner: "npm:^29.7.0"
-    jest-runtime: "npm:^29.7.0"
-    jest-snapshot: "npm:^29.7.0"
-    jest-util: "npm:^29.7.0"
-    jest-validate: "npm:^29.7.0"
-    jest-watcher: "npm:^29.7.0"
-    micromatch: "npm:^4.0.4"
-    pretty-format: "npm:^29.7.0"
-    slash: "npm:^3.0.0"
-    strip-ansi: "npm:^6.0.0"
-  peerDependencies:
-    node-notifier: ^8.0.1 || ^9.0.0 || ^10.0.0
-  peerDependenciesMeta:
-    node-notifier:
-      optional: true
-  checksum: 10c0/934f7bf73190f029ac0f96662c85cd276ec460d407baf6b0dbaec2872e157db4d55a7ee0b1c43b18874602f662b37cb973dda469a4e6d88b4e4845b521adeeb2
-  languageName: node
-  linkType: hard
-
 "@jest/diff-sequences@npm:30.0.1":
   version: 30.0.1
   resolution: "@jest/diff-sequences@npm:30.0.1"
@@ -2162,18 +1441,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@jest/environment@npm:^29.7.0":
-  version: 29.7.0
-  resolution: "@jest/environment@npm:29.7.0"
-  dependencies:
-    "@jest/fake-timers": "npm:^29.7.0"
-    "@jest/types": "npm:^29.6.3"
-    "@types/node": "npm:*"
-    jest-mock: "npm:^29.7.0"
-  checksum: 10c0/c7b1b40c618f8baf4d00609022d2afa086d9c6acc706f303a70bb4b67275868f620ad2e1a9efc5edd418906157337cce50589a627a6400bbdf117d351b91ef86
-  languageName: node
-  linkType: hard
-
 "@jest/expect-utils@npm:30.2.0":
   version: 30.2.0
   resolution: "@jest/expect-utils@npm:30.2.0"
@@ -2183,15 +1450,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@jest/expect-utils@npm:^29.7.0":
-  version: 29.7.0
-  resolution: "@jest/expect-utils@npm:29.7.0"
-  dependencies:
-    jest-get-type: "npm:^29.6.3"
-  checksum: 10c0/60b79d23a5358dc50d9510d726443316253ecda3a7fb8072e1526b3e0d3b14f066ee112db95699b7a43ad3f0b61b750c72e28a5a1cac361d7a2bb34747fa938a
-  languageName: node
-  linkType: hard
-
 "@jest/expect@npm:30.2.0":
   version: 30.2.0
   resolution: "@jest/expect@npm:30.2.0"
@@ -2202,16 +1460,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@jest/expect@npm:^29.7.0":
-  version: 29.7.0
-  resolution: "@jest/expect@npm:29.7.0"
-  dependencies:
-    expect: "npm:^29.7.0"
-    jest-snapshot: "npm:^29.7.0"
-  checksum: 10c0/b41f193fb697d3ced134349250aed6ccea075e48c4f803159db102b826a4e473397c68c31118259868fd69a5cba70e97e1c26d2c2ff716ca39dc73a2ccec037e
-  languageName: node
-  linkType: hard
-
 "@jest/fake-timers@npm:30.2.0":
   version: 30.2.0
   resolution: "@jest/fake-timers@npm:30.2.0"
@@ -2226,20 +1474,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@jest/fake-timers@npm:^29.7.0":
-  version: 29.7.0
-  resolution: "@jest/fake-timers@npm:29.7.0"
-  dependencies:
-    "@jest/types": "npm:^29.6.3"
-    "@sinonjs/fake-timers": "npm:^10.0.2"
-    "@types/node": "npm:*"
-    jest-message-util: "npm:^29.7.0"
-    jest-mock: "npm:^29.7.0"
-    jest-util: "npm:^29.7.0"
-  checksum: 10c0/cf0a8bcda801b28dc2e2b2ba36302200ee8104a45ad7a21e6c234148932f826cb3bc57c8df3b7b815aeea0861d7b6ca6f0d4778f93b9219398ef28749e03595c
-  languageName: node
-  linkType: hard
-
 "@jest/get-type@npm:30.1.0":
   version: 30.1.0
   resolution: "@jest/get-type@npm:30.1.0"
@@ -2259,18 +1493,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@jest/globals@npm:^29.7.0":
-  version: 29.7.0
-  resolution: "@jest/globals@npm:29.7.0"
-  dependencies:
-    "@jest/environment": "npm:^29.7.0"
-    "@jest/expect": "npm:^29.7.0"
-    "@jest/types": "npm:^29.6.3"
-    jest-mock: "npm:^29.7.0"
-  checksum: 10c0/a385c99396878fe6e4460c43bd7bb0a5cc52befb462cc6e7f2a3810f9e7bcce7cdeb51908fd530391ee452dc856c98baa2c5f5fa8a5b30b071d31ef7f6955cea
-  languageName: node
-  linkType: hard
-
 "@jest/pattern@npm:30.0.1":
   version: 30.0.1
   resolution: "@jest/pattern@npm:30.0.1"
@@ -2317,43 +1539,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@jest/reporters@npm:^29.7.0":
-  version: 29.7.0
-  resolution: "@jest/reporters@npm:29.7.0"
-  dependencies:
-    "@bcoe/v8-coverage": "npm:^0.2.3"
-    "@jest/console": "npm:^29.7.0"
-    "@jest/test-result": "npm:^29.7.0"
-    "@jest/transform": "npm:^29.7.0"
-    "@jest/types": "npm:^29.6.3"
-    "@jridgewell/trace-mapping": "npm:^0.3.18"
-    "@types/node": "npm:*"
-    chalk: "npm:^4.0.0"
-    collect-v8-coverage: "npm:^1.0.0"
-    exit: "npm:^0.1.2"
-    glob: "npm:^7.1.3"
-    graceful-fs: "npm:^4.2.9"
-    istanbul-lib-coverage: "npm:^3.0.0"
-    istanbul-lib-instrument: "npm:^6.0.0"
-    istanbul-lib-report: "npm:^3.0.0"
-    istanbul-lib-source-maps: "npm:^4.0.0"
-    istanbul-reports: "npm:^3.1.3"
-    jest-message-util: "npm:^29.7.0"
-    jest-util: "npm:^29.7.0"
-    jest-worker: "npm:^29.7.0"
-    slash: "npm:^3.0.0"
-    string-length: "npm:^4.0.1"
-    strip-ansi: "npm:^6.0.0"
-    v8-to-istanbul: "npm:^9.0.1"
-  peerDependencies:
-    node-notifier: ^8.0.1 || ^9.0.0 || ^10.0.0
-  peerDependenciesMeta:
-    node-notifier:
-      optional: true
-  checksum: 10c0/a754402a799541c6e5aff2c8160562525e2a47e7d568f01ebfc4da66522de39cbb809bbb0a841c7052e4270d79214e70aec3c169e4eae42a03bc1a8a20cb9fa2
-  languageName: node
-  linkType: hard
-
 "@jest/schemas@npm:30.0.5":
   version: 30.0.5
   resolution: "@jest/schemas@npm:30.0.5"
@@ -2363,15 +1548,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@jest/schemas@npm:^29.6.3":
-  version: 29.6.3
-  resolution: "@jest/schemas@npm:29.6.3"
-  dependencies:
-    "@sinclair/typebox": "npm:^0.27.8"
-  checksum: 10c0/b329e89cd5f20b9278ae1233df74016ebf7b385e0d14b9f4c1ad18d096c4c19d1e687aa113a9c976b16ec07f021ae53dea811fb8c1248a50ac34fbe009fdf6be
-  languageName: node
-  linkType: hard
-
 "@jest/snapshot-utils@npm:30.2.0":
   version: 30.2.0
   resolution: "@jest/snapshot-utils@npm:30.2.0"
@@ -2395,17 +1571,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@jest/source-map@npm:^29.6.3":
-  version: 29.6.3
-  resolution: "@jest/source-map@npm:29.6.3"
-  dependencies:
-    "@jridgewell/trace-mapping": "npm:^0.3.18"
-    callsites: "npm:^3.0.0"
-    graceful-fs: "npm:^4.2.9"
-  checksum: 10c0/a2f177081830a2e8ad3f2e29e20b63bd40bade294880b595acf2fc09ec74b6a9dd98f126a2baa2bf4941acd89b13a4ade5351b3885c224107083a0059b60a219
-  languageName: node
-  linkType: hard
-
 "@jest/test-result@npm:30.2.0":
   version: 30.2.0
   resolution: "@jest/test-result@npm:30.2.0"
@@ -2418,18 +1583,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@jest/test-result@npm:^29.7.0":
-  version: 29.7.0
-  resolution: "@jest/test-result@npm:29.7.0"
-  dependencies:
-    "@jest/console": "npm:^29.7.0"
-    "@jest/types": "npm:^29.6.3"
-    "@types/istanbul-lib-coverage": "npm:^2.0.0"
-    collect-v8-coverage: "npm:^1.0.0"
-  checksum: 10c0/7de54090e54a674ca173470b55dc1afdee994f2d70d185c80236003efd3fa2b753fff51ffcdda8e2890244c411fd2267529d42c4a50a8303755041ee493e6a04
-  languageName: node
-  linkType: hard
-
 "@jest/test-sequencer@npm:30.2.0":
   version: 30.2.0
   resolution: "@jest/test-sequencer@npm:30.2.0"
@@ -2442,18 +1595,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@jest/test-sequencer@npm:^29.7.0":
-  version: 29.7.0
-  resolution: "@jest/test-sequencer@npm:29.7.0"
-  dependencies:
-    "@jest/test-result": "npm:^29.7.0"
-    graceful-fs: "npm:^4.2.9"
-    jest-haste-map: "npm:^29.7.0"
-    slash: "npm:^3.0.0"
-  checksum: 10c0/593a8c4272797bb5628984486080cbf57aed09c7cfdc0a634e8c06c38c6bef329c46c0016e84555ee55d1cd1f381518cf1890990ff845524c1123720c8c1481b
-  languageName: node
-  linkType: hard
-
 "@jest/transform@npm:30.2.0":
   version: 30.2.0
   resolution: "@jest/transform@npm:30.2.0"
@@ -2477,29 +1618,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@jest/transform@npm:^29.7.0":
-  version: 29.7.0
-  resolution: "@jest/transform@npm:29.7.0"
-  dependencies:
-    "@babel/core": "npm:^7.11.6"
-    "@jest/types": "npm:^29.6.3"
-    "@jridgewell/trace-mapping": "npm:^0.3.18"
-    babel-plugin-istanbul: "npm:^6.1.1"
-    chalk: "npm:^4.0.0"
-    convert-source-map: "npm:^2.0.0"
-    fast-json-stable-stringify: "npm:^2.1.0"
-    graceful-fs: "npm:^4.2.9"
-    jest-haste-map: "npm:^29.7.0"
-    jest-regex-util: "npm:^29.6.3"
-    jest-util: "npm:^29.7.0"
-    micromatch: "npm:^4.0.4"
-    pirates: "npm:^4.0.4"
-    slash: "npm:^3.0.0"
-    write-file-atomic: "npm:^4.0.2"
-  checksum: 10c0/7f4a7f73dcf45dfdf280c7aa283cbac7b6e5a904813c3a93ead7e55873761fc20d5c4f0191d2019004fac6f55f061c82eb3249c2901164ad80e362e7a7ede5a6
-  languageName: node
-  linkType: hard
-
 "@jest/types@npm:30.2.0":
   version: 30.2.0
   resolution: "@jest/types@npm:30.2.0"
@@ -2515,20 +1633,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@jest/types@npm:^29.6.3":
-  version: 29.6.3
-  resolution: "@jest/types@npm:29.6.3"
-  dependencies:
-    "@jest/schemas": "npm:^29.6.3"
-    "@types/istanbul-lib-coverage": "npm:^2.0.0"
-    "@types/istanbul-reports": "npm:^3.0.0"
-    "@types/node": "npm:*"
-    "@types/yargs": "npm:^17.0.8"
-    chalk: "npm:^4.0.0"
-  checksum: 10c0/ea4e493dd3fb47933b8ccab201ae573dcc451f951dc44ed2a86123cd8541b82aa9d2b1031caf9b1080d6673c517e2dcc25a44b2dc4f3fbc37bfc965d444888c0
-  languageName: node
-  linkType: hard
-
 "@jridgewell/gen-mapping@npm:^0.3.12, @jridgewell/gen-mapping@npm:^0.3.5":
   version: 0.3.13
   resolution: "@jridgewell/gen-mapping@npm:0.3.13"
@@ -2583,7 +1687,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@jridgewell/trace-mapping@npm:^0.3.12, @jridgewell/trace-mapping@npm:^0.3.18, @jridgewell/trace-mapping@npm:^0.3.23, @jridgewell/trace-mapping@npm:^0.3.24, @jridgewell/trace-mapping@npm:^0.3.25, @jridgewell/trace-mapping@npm:^0.3.28":
+"@jridgewell/trace-mapping@npm:^0.3.12, @jridgewell/trace-mapping@npm:^0.3.23, @jridgewell/trace-mapping@npm:^0.3.24, @jridgewell/trace-mapping@npm:^0.3.25, @jridgewell/trace-mapping@npm:^0.3.28":
   version: 0.3.31
   resolution: "@jridgewell/trace-mapping@npm:0.3.31"
   dependencies:
@@ -3760,33 +2864,6 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@jsonjoy.com/site@workspace:packages/site":
-  version: 0.0.0-use.local
-  resolution: "@jsonjoy.com/site@workspace:packages/site"
-  dependencies:
-    "@jsonjoy.com/ui": "workspace:*"
-    "@types/node": "npm:^22.14.1"
-    "@types/react": "npm:^19"
-    "@types/react-dom": "npm:^19"
-    css-loader: "npm:^7.1.2"
-    html-webpack-plugin: "npm:^5.6.3"
-    mini-css-extract-plugin: "npm:^2.9.2"
-    nano-theme: "workspace:*"
-    react: "npm:^19.2.3"
-    react-dom: "npm:^19.2.3"
-    react-router-lite: "npm:^1.6.0"
-    rx-use: "npm:^1.9.0"
-    rxjs: "npm:7"
-    style-loader: "npm:^4.0.0"
-    ts-loader: "npm:^9.5.2"
-    ts-node: "npm:*"
-    webpack: "npm:^5.99.5"
-    webpack-cli: "npm:^6.0.1"
-    webpack-dev-server: "npm:^5.2.1"
-    wrangler: "npm:^4.81.1"
-  languageName: unknown
-  linkType: soft
-
 "@jsonjoy.com/ui@workspace:*, @jsonjoy.com/ui@workspace:packages/ui":
   version: 0.0.0-use.local
   resolution: "@jsonjoy.com/ui@workspace:packages/ui"
@@ -3955,35 +3032,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@listr2/prompt-adapter-inquirer@npm:^2.0.22":
-  version: 2.0.22
-  resolution: "@listr2/prompt-adapter-inquirer@npm:2.0.22"
-  dependencies:
-    "@inquirer/type": "npm:^1.5.5"
-  peerDependencies:
-    "@inquirer/prompts": ">= 3 < 8"
-  checksum: 10c0/861fd7c66122551d078b10bfaf8927255be1e9169ed4b6b8844c323bfa1a6da7628dc0b0eb15c6830741d1d87f3b137131388a4f57bcc896b37a68e40cebe615
-  languageName: node
-  linkType: hard
-
-"@malept/cross-spawn-promise@npm:^1.0.0":
-  version: 1.1.1
-  resolution: "@malept/cross-spawn-promise@npm:1.1.1"
-  dependencies:
-    cross-spawn: "npm:^7.0.1"
-  checksum: 10c0/74c427a152ffff0f19b74af6479d05bef1e996d5e081cfc3b8c47477b9240bd1c42a930884cbcd0c89ee3835201a3bd88d0b0bfd754c0cbb56fc84a28996a8e7
-  languageName: node
-  linkType: hard
-
-"@malept/cross-spawn-promise@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "@malept/cross-spawn-promise@npm:2.0.0"
-  dependencies:
-    cross-spawn: "npm:^7.0.1"
-  checksum: 10c0/84d60b8d467f4252114849f0a33c3763f07898335269eec5c94978ccac9d5680e1e268d993dd1a6d25a91476f9e0992759d7e1f385f9f3a090d862f9bb949603
-  languageName: node
-  linkType: hard
-
 "@marijn/find-cluster-break@npm:^1.0.0":
   version: 1.0.2
   resolution: "@marijn/find-cluster-break@npm:1.0.2"
@@ -4183,33 +3231,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@nodelib/fs.scandir@npm:2.1.5":
-  version: 2.1.5
-  resolution: "@nodelib/fs.scandir@npm:2.1.5"
-  dependencies:
-    "@nodelib/fs.stat": "npm:2.0.5"
-    run-parallel: "npm:^1.1.9"
-  checksum: 10c0/732c3b6d1b1e967440e65f284bd06e5821fedf10a1bea9ed2bb75956ea1f30e08c44d3def9d6a230666574edbaf136f8cfd319c14fd1f87c66e6a44449afb2eb
-  languageName: node
-  linkType: hard
-
-"@nodelib/fs.stat@npm:2.0.5, @nodelib/fs.stat@npm:^2.0.2":
-  version: 2.0.5
-  resolution: "@nodelib/fs.stat@npm:2.0.5"
-  checksum: 10c0/88dafe5e3e29a388b07264680dc996c17f4bda48d163a9d4f5c1112979f0ce8ec72aa7116122c350b4e7976bc5566dc3ddb579be1ceaacc727872eb4ed93926d
-  languageName: node
-  linkType: hard
-
-"@nodelib/fs.walk@npm:^1.2.3":
-  version: 1.2.8
-  resolution: "@nodelib/fs.walk@npm:1.2.8"
-  dependencies:
-    "@nodelib/fs.scandir": "npm:2.1.5"
-    fastq: "npm:^1.6.0"
-  checksum: 10c0/db9de047c3bb9b51f9335a7bb46f4fcfb6829fb628318c12115fbaf7d369bfce71c15b103d1fc3b464812d936220ee9bc1c8f762d032c9f6be9acc99249095b1
-  languageName: node
-  linkType: hard
-
 "@npmcli/agent@npm:^4.0.0":
   version: 4.0.0
   resolution: "@npmcli/agent@npm:4.0.0"
@@ -4223,16 +3244,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@npmcli/fs@npm:^2.1.0":
-  version: 2.1.2
-  resolution: "@npmcli/fs@npm:2.1.2"
-  dependencies:
-    "@gar/promisify": "npm:^1.1.3"
-    semver: "npm:^7.3.5"
-  checksum: 10c0/c50d087733d0d8df23be24f700f104b19922a28677aa66fdbe06ff6af6431cc4a5bb1e27683cbc661a5dafa9bafdc603e6a0378121506dfcd394b2b6dd76a187
-  languageName: node
-  linkType: hard
-
 "@npmcli/fs@npm:^5.0.0":
   version: 5.0.0
   resolution: "@npmcli/fs@npm:5.0.0"
@@ -4242,170 +3253,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@npmcli/move-file@npm:^2.0.0":
-  version: 2.0.1
-  resolution: "@npmcli/move-file@npm:2.0.1"
-  dependencies:
-    mkdirp: "npm:^1.0.4"
-    rimraf: "npm:^3.0.2"
-  checksum: 10c0/11b2151e6d1de6f6eb23128de5aa8a429fd9097d839a5190cb77aa47a6b627022c42d50fa7c47a00f1c9f8f0c1560092b09b061855d293fa0741a2a94cfb174d
-  languageName: node
-  linkType: hard
-
-"@octokit/auth-token@npm:^4.0.0":
-  version: 4.0.0
-  resolution: "@octokit/auth-token@npm:4.0.0"
-  checksum: 10c0/57acaa6c394c5abab2f74e8e1dcf4e7a16b236f713c77a54b8f08e2d14114de94b37946259e33ec2aab0566b26f724c2b71d2602352b59e541a9854897618f3c
-  languageName: node
-  linkType: hard
-
-"@octokit/core@npm:^5.0.2, @octokit/core@npm:^5.2.1":
-  version: 5.2.2
-  resolution: "@octokit/core@npm:5.2.2"
-  dependencies:
-    "@octokit/auth-token": "npm:^4.0.0"
-    "@octokit/graphql": "npm:^7.1.0"
-    "@octokit/request": "npm:^8.4.1"
-    "@octokit/request-error": "npm:^5.1.1"
-    "@octokit/types": "npm:^13.0.0"
-    before-after-hook: "npm:^2.2.0"
-    universal-user-agent: "npm:^6.0.0"
-  checksum: 10c0/b4484d85552303b839613e2133dcd064fa06a7c10fe0ebd11ba8f67cb8e3384e48983c589f4d1dc0fa3754857784e3d90ff4eab9782e118baf13ddd1b834957c
-  languageName: node
-  linkType: hard
-
-"@octokit/endpoint@npm:^9.0.6":
-  version: 9.0.6
-  resolution: "@octokit/endpoint@npm:9.0.6"
-  dependencies:
-    "@octokit/types": "npm:^13.1.0"
-    universal-user-agent: "npm:^6.0.0"
-  checksum: 10c0/8e06197b21869aeb498e0315093ca6fbee12bd1bdcfc1667fcd7d79d827d84f2c5a30702ffd28bba7879780e367d14c30df5b20d47fcaed5de5fdc05f5d4e013
-  languageName: node
-  linkType: hard
-
-"@octokit/graphql@npm:^7.1.0":
-  version: 7.1.1
-  resolution: "@octokit/graphql@npm:7.1.1"
-  dependencies:
-    "@octokit/request": "npm:^8.4.1"
-    "@octokit/types": "npm:^13.0.0"
-    universal-user-agent: "npm:^6.0.0"
-  checksum: 10c0/c27216200f3f4ce7ce2a694fb7ea43f8ea4a807fbee3a423c41ed137dd7948dfc0bbf6ea1656f029a7625c84b583acdef740a7032266d0eff55305c91c3a1ed6
-  languageName: node
-  linkType: hard
-
-"@octokit/openapi-types@npm:^12.11.0":
-  version: 12.11.0
-  resolution: "@octokit/openapi-types@npm:12.11.0"
-  checksum: 10c0/b3bb3684d9686ef948d8805ab56f85818f36e4cb64ef97b8e48dc233efefef22fe0bddd9da705fb628ea618a1bebd62b3d81b09a3f7dce9522f124d998041896
-  languageName: node
-  linkType: hard
-
-"@octokit/openapi-types@npm:^24.2.0":
-  version: 24.2.0
-  resolution: "@octokit/openapi-types@npm:24.2.0"
-  checksum: 10c0/8f47918b35e9b7f6109be6f7c8fc3a64ad13a48233112b29e92559e64a564b810eb3ebf81b4cd0af1bb2989d27b9b95cca96e841ec4e23a3f68703cefe62fd9e
-  languageName: node
-  linkType: hard
-
-"@octokit/plugin-paginate-rest@npm:11.4.4-cjs.2":
-  version: 11.4.4-cjs.2
-  resolution: "@octokit/plugin-paginate-rest@npm:11.4.4-cjs.2"
-  dependencies:
-    "@octokit/types": "npm:^13.7.0"
-  peerDependencies:
-    "@octokit/core": 5
-  checksum: 10c0/1d61a63c98a18c171bccdc6cf63ffe279fe852e8bdc9db6647ffcb27f4ea485fdab78fb71b552ed0f2186785cf5264f8ed3f9a8f33061e4697b5f73b097accb1
-  languageName: node
-  linkType: hard
-
-"@octokit/plugin-request-log@npm:^4.0.0":
-  version: 4.0.1
-  resolution: "@octokit/plugin-request-log@npm:4.0.1"
-  peerDependencies:
-    "@octokit/core": 5
-  checksum: 10c0/6f556f86258c5fbff9b1821075dc91137b7499f2ad0fd12391f0876064a6daa88abe1748336b2d483516505771d358aa15cb4bcdabc348a79e3d951fe9726798
-  languageName: node
-  linkType: hard
-
-"@octokit/plugin-rest-endpoint-methods@npm:13.3.2-cjs.1":
-  version: 13.3.2-cjs.1
-  resolution: "@octokit/plugin-rest-endpoint-methods@npm:13.3.2-cjs.1"
-  dependencies:
-    "@octokit/types": "npm:^13.8.0"
-  peerDependencies:
-    "@octokit/core": ^5
-  checksum: 10c0/810fe5cb1861386746bf0218ea969d87c56e553ff339490526483b4b66f53c4b4c6092034bec30c5d453172eb6f33e75b5748ade1b401b76774b5a994e2c10b0
-  languageName: node
-  linkType: hard
-
-"@octokit/plugin-retry@npm:^6.1.0":
-  version: 6.1.0
-  resolution: "@octokit/plugin-retry@npm:6.1.0"
-  dependencies:
-    "@octokit/request-error": "npm:^5.0.0"
-    "@octokit/types": "npm:^13.0.0"
-    bottleneck: "npm:^2.15.3"
-  peerDependencies:
-    "@octokit/core": 5
-  checksum: 10c0/ae8053b317ad462f649a9a1e56d3705d26a99ad0d427c8d9af7775f803cf326791a51c8b8dc5474111e582b0a2e1ecf1aad5e83a3061306fdb4cc1451a6056c5
-  languageName: node
-  linkType: hard
-
-"@octokit/request-error@npm:^5.0.0, @octokit/request-error@npm:^5.1.1":
-  version: 5.1.1
-  resolution: "@octokit/request-error@npm:5.1.1"
-  dependencies:
-    "@octokit/types": "npm:^13.1.0"
-    deprecation: "npm:^2.0.0"
-    once: "npm:^1.4.0"
-  checksum: 10c0/dc9fc76ea5e4199273e4665ce9ddf345fe8f25578d9999c9a16f276298e61ee6fe0e6f5a6147b91ba3b34fdf5b9e6b7af6ae13d6333175e95b30c574088f7a2d
-  languageName: node
-  linkType: hard
-
-"@octokit/request@npm:^8.4.1":
-  version: 8.4.1
-  resolution: "@octokit/request@npm:8.4.1"
-  dependencies:
-    "@octokit/endpoint": "npm:^9.0.6"
-    "@octokit/request-error": "npm:^5.1.1"
-    "@octokit/types": "npm:^13.1.0"
-    universal-user-agent: "npm:^6.0.0"
-  checksum: 10c0/1a69dcb7336de708a296db9e9a58040e5b284a87495a63112f80eb0007da3fc96a9fadecb9e875fc63cf179c23a0f81031fbef2a6f610a219e45805ead03fcf3
-  languageName: node
-  linkType: hard
-
-"@octokit/rest@npm:^20.1.2":
-  version: 20.1.2
-  resolution: "@octokit/rest@npm:20.1.2"
-  dependencies:
-    "@octokit/core": "npm:^5.0.2"
-    "@octokit/plugin-paginate-rest": "npm:11.4.4-cjs.2"
-    "@octokit/plugin-request-log": "npm:^4.0.0"
-    "@octokit/plugin-rest-endpoint-methods": "npm:13.3.2-cjs.1"
-  checksum: 10c0/712e08c43c7af37c5c219f95ae289b3ac2646270be4e8a7141fa2aa9340ed8f7134f117c9467e89206c5a9797c49c8d2c039b884d4865bb3bde91bc5adb3c38c
-  languageName: node
-  linkType: hard
-
-"@octokit/types@npm:^13.0.0, @octokit/types@npm:^13.1.0, @octokit/types@npm:^13.7.0, @octokit/types@npm:^13.8.0":
-  version: 13.10.0
-  resolution: "@octokit/types@npm:13.10.0"
-  dependencies:
-    "@octokit/openapi-types": "npm:^24.2.0"
-  checksum: 10c0/f66a401b89d653ec28e5c1529abdb7965752db4d9d40fa54c80e900af4c6bf944af6bd0a83f5b4f1eecb72e3d646899dfb27ffcf272ac243552de7e3b97a038d
-  languageName: node
-  linkType: hard
-
-"@octokit/types@npm:^6.1.2":
-  version: 6.41.0
-  resolution: "@octokit/types@npm:6.41.0"
-  dependencies:
-    "@octokit/openapi-types": "npm:^12.11.0"
-  checksum: 10c0/81cfa58e5524bf2e233d75a346e625fd6e02a7b919762c6ddb523ad6fb108943ef9d34c0298ff3c5a44122e449d9038263bc22959247fd6ff8894a48888ac705
-  languageName: node
-  linkType: hard
-
 "@peculiar/asn1-cms@npm:^2.6.0":
   version: 2.6.0
   resolution: "@peculiar/asn1-cms@npm:2.6.0"
@@ -5077,13 +3924,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@sinclair/typebox@npm:^0.27.8":
-  version: 0.27.8
-  resolution: "@sinclair/typebox@npm:0.27.8"
-  checksum: 10c0/ef6351ae073c45c2ac89494dbb3e1f87cc60a93ce4cde797b782812b6f97da0d620ae81973f104b43c9b7eaa789ad20ba4f6a1359f1cc62f63729a55a7d22d4e
-  languageName: node
-  linkType: hard
-
 "@sinclair/typebox@npm:^0.34.0":
   version: 0.34.48
   resolution: "@sinclair/typebox@npm:0.34.48"
@@ -5091,13 +3931,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@sindresorhus/is@npm:^4.0.0":
-  version: 4.6.0
-  resolution: "@sindresorhus/is@npm:4.6.0"
-  checksum: 10c0/33b6fb1d0834ec8dd7689ddc0e2781c2bfd8b9c4e4bacbcb14111e0ae00621f2c264b8a7d36541799d74888b5dccdf422a891a5cb5a709ace26325eedc81e22e
-  languageName: node
-  linkType: hard
-
 "@sindresorhus/is@npm:^7.0.2":
   version: 7.2.0
   resolution: "@sindresorhus/is@npm:7.2.0"
@@ -5105,7 +3938,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@sinonjs/commons@npm:^3.0.0, @sinonjs/commons@npm:^3.0.1":
+"@sinonjs/commons@npm:^3.0.1":
   version: 3.0.1
   resolution: "@sinonjs/commons@npm:3.0.1"
   dependencies:
@@ -5114,15 +3947,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@sinonjs/fake-timers@npm:^10.0.2":
-  version: 10.3.0
-  resolution: "@sinonjs/fake-timers@npm:10.3.0"
-  dependencies:
-    "@sinonjs/commons": "npm:^3.0.0"
-  checksum: 10c0/2e2fb6cc57f227912814085b7b01fede050cd4746ea8d49a1e44d5a0e56a804663b0340ae2f11af7559ea9bf4d087a11f2f646197a660ea3cb04e19efc04aa63
-  languageName: node
-  linkType: hard
-
 "@sinonjs/fake-timers@npm:^13.0.0":
   version: 13.0.5
   resolution: "@sinonjs/fake-timers@npm:13.0.5"
@@ -5450,15 +4274,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@szmarczak/http-timer@npm:^4.0.5":
-  version: 4.0.6
-  resolution: "@szmarczak/http-timer@npm:4.0.6"
-  dependencies:
-    defer-to-connect: "npm:^2.0.0"
-  checksum: 10c0/73946918c025339db68b09abd91fa3001e87fc749c619d2e9c2003a663039d4c3cb89836c98a96598b3d47dec2481284ba85355392644911f5ecd2336536697f
-  languageName: node
-  linkType: hard
-
 "@testing-library/dom@npm:^10.4.1":
   version: 10.4.1
   resolution: "@testing-library/dom@npm:10.4.1"
@@ -5518,13 +4333,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@tootallnate/once@npm:2":
-  version: 2.0.1
-  resolution: "@tootallnate/once@npm:2.0.1"
-  checksum: 10c0/23b01a341485be711c602077936d70f8e695405bb88ab4433dc6d1e6cb4556401518789574d399eded790b70b27738136c9a8f02df7ae4219f4ba28bb22d586b
-  languageName: node
-  linkType: hard
-
 "@tsconfig/node10@npm:^1.0.7":
   version: 1.0.12
   resolution: "@tsconfig/node10@npm:1.0.12"
@@ -5569,7 +4377,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/babel__core@npm:^7.1.14, @types/babel__core@npm:^7.18.0, @types/babel__core@npm:^7.20.5":
+"@types/babel__core@npm:^7.18.0, @types/babel__core@npm:^7.20.5":
   version: 7.20.5
   resolution: "@types/babel__core@npm:7.20.5"
   dependencies:
@@ -5601,7 +4409,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/babel__traverse@npm:*, @types/babel__traverse@npm:^7.0.6, @types/babel__traverse@npm:^7.18.0, @types/babel__traverse@npm:^7.20.7":
+"@types/babel__traverse@npm:*, @types/babel__traverse@npm:^7.18.0, @types/babel__traverse@npm:^7.20.7":
   version: 7.28.0
   resolution: "@types/babel__traverse@npm:7.28.0"
   dependencies:
@@ -5636,18 +4444,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/cacheable-request@npm:^6.0.1":
-  version: 6.0.3
-  resolution: "@types/cacheable-request@npm:6.0.3"
-  dependencies:
-    "@types/http-cache-semantics": "npm:*"
-    "@types/keyv": "npm:^3.1.4"
-    "@types/node": "npm:*"
-    "@types/responselike": "npm:^1.0.0"
-  checksum: 10c0/10816a88e4e5b144d43c1d15a81003f86d649776c7f410c9b5e6579d0ad9d4ca71c541962fb403077388b446e41af7ae38d313e46692144985f006ac5e11fa03
-  languageName: node
-  linkType: hard
-
 "@types/chai@npm:^5.2.2":
   version: 5.2.3
   resolution: "@types/chai@npm:5.2.3"
@@ -5772,24 +4568,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/fs-extra@npm:^9.0.1":
-  version: 9.0.13
-  resolution: "@types/fs-extra@npm:9.0.13"
-  dependencies:
-    "@types/node": "npm:*"
-  checksum: 10c0/576d4e9d382393316ed815c593f7f5c157408ec5e184521d077fcb15d514b5a985245f153ef52142b9b976cb9bd8f801850d51238153ebd0dc9e96b7a7548588
-  languageName: node
-  linkType: hard
-
-"@types/graceful-fs@npm:^4.1.3":
-  version: 4.1.9
-  resolution: "@types/graceful-fs@npm:4.1.9"
-  dependencies:
-    "@types/node": "npm:*"
-  checksum: 10c0/235d2fc69741448e853333b7c3d1180a966dd2b8972c8cbcd6b2a0c6cd7f8d582ab2b8e58219dbc62cce8f1b40aa317ff78ea2201cdd8249da5025adebed6f0b
-  languageName: node
-  linkType: hard
-
 "@types/html-minifier-terser@npm:^6.0.0":
   version: 6.1.0
   resolution: "@types/html-minifier-terser@npm:6.1.0"
@@ -5797,13 +4575,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/http-cache-semantics@npm:*":
-  version: 4.2.0
-  resolution: "@types/http-cache-semantics@npm:4.2.0"
-  checksum: 10c0/82dd33cbe7d4843f1e884a251c6a12d385b62274353b9db167462e7fbffdbb3a83606f9952203017c5b8cabbd7b9eef0cf240a3a9dedd20f69875c9701939415
-  languageName: node
-  linkType: hard
-
 "@types/http-errors@npm:*":
   version: 2.0.5
   resolution: "@types/http-errors@npm:2.0.5"
@@ -5820,7 +4591,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/istanbul-lib-coverage@npm:*, @types/istanbul-lib-coverage@npm:^2.0.0, @types/istanbul-lib-coverage@npm:^2.0.1, @types/istanbul-lib-coverage@npm:^2.0.6":
+"@types/istanbul-lib-coverage@npm:*, @types/istanbul-lib-coverage@npm:^2.0.1, @types/istanbul-lib-coverage@npm:^2.0.6":
   version: 2.0.6
   resolution: "@types/istanbul-lib-coverage@npm:2.0.6"
   checksum: 10c0/3948088654f3eeb45363f1db158354fb013b362dba2a5c2c18c559484d5eb9f6fd85b23d66c0a7c2fcfab7308d0a585b14dadaca6cc8bf89ebfdc7f8f5102fb7
@@ -5836,7 +4607,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/istanbul-reports@npm:^3.0.0, @types/istanbul-reports@npm:^3.0.4":
+"@types/istanbul-reports@npm:^3.0.4":
   version: 3.0.4
   resolution: "@types/istanbul-reports@npm:3.0.4"
   dependencies:
@@ -5880,15 +4651,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/keyv@npm:^3.1.4":
-  version: 3.1.4
-  resolution: "@types/keyv@npm:3.1.4"
-  dependencies:
-    "@types/node": "npm:*"
-  checksum: 10c0/ff8f54fc49621210291f815fe5b15d809fd7d032941b3180743440bd507ecdf08b9e844625fa346af568c84bf34114eb378dcdc3e921a08ba1e2a08d7e3c809c
-  languageName: node
-  linkType: hard
-
 "@types/mime@npm:^1":
   version: 1.3.5
   resolution: "@types/mime@npm:1.3.5"
@@ -5896,15 +4658,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/mute-stream@npm:^0.0.4":
-  version: 0.0.4
-  resolution: "@types/mute-stream@npm:0.0.4"
-  dependencies:
-    "@types/node": "npm:*"
-  checksum: 10c0/944730fd7b398c5078de3c3d4d0afeec8584283bc694da1803fdfca14149ea385e18b1b774326f1601baf53898ce6d121a952c51eb62d188ef6fcc41f725c0dc
-  languageName: node
-  linkType: hard
-
 "@types/node@npm:*":
   version: 25.0.10
   resolution: "@types/node@npm:25.0.10"
@@ -5915,20 +4668,11 @@ __metadata:
   linkType: hard
 
 "@types/node@npm:^22.14.1":
-  version: 22.19.17
-  resolution: "@types/node@npm:22.19.17"
-  dependencies:
-    undici-types: "npm:~6.21.0"
-  checksum: 10c0/b66c484c0a9f6d88b1ef360b0f487717234ee1a482cb2551ff73d9f3c43a42a777daf4c8a5eee970960728f8fe1f3877d3d8c6ffabcbca74cb401a59db700fa4
-  languageName: node
-  linkType: hard
-
-"@types/node@npm:^22.5.5":
-  version: 22.19.18
-  resolution: "@types/node@npm:22.19.18"
+  version: 22.19.17
+  resolution: "@types/node@npm:22.19.17"
   dependencies:
     undici-types: "npm:~6.21.0"
-  checksum: 10c0/0f425ca7f4c0ec4bbf9c1e5f9fdb9943f45fe534b9f6915a08bae44fe6f09873d9b8527d800e4b7d9f3899d74249c9c2c2be4e0dcca145014610f5eac9058316
+  checksum: 10c0/b66c484c0a9f6d88b1ef360b0f487717234ee1a482cb2551ff73d9f3c43a42a777daf4c8a5eee970960728f8fe1f3877d3d8c6ffabcbca74cb401a59db700fa4
   languageName: node
   linkType: hard
 
@@ -5941,15 +4685,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/node@npm:^24.9.0":
-  version: 24.12.3
-  resolution: "@types/node@npm:24.12.3"
-  dependencies:
-    undici-types: "npm:~7.16.0"
-  checksum: 10c0/e9db4194a0043c07e8c84c9e3ad19e4a216c708818de75ecfca858edb30d4f9f7ef1cb854959af552896eaf69ff79ea3d6e63157a6d37b0e1b809fac1c538e55
-  languageName: node
-  linkType: hard
-
 "@types/papaparse@npm:^5":
   version: 5.5.2
   resolution: "@types/papaparse@npm:5.5.2"
@@ -6025,15 +4760,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/responselike@npm:^1.0.0":
-  version: 1.0.3
-  resolution: "@types/responselike@npm:1.0.3"
-  dependencies:
-    "@types/node": "npm:*"
-  checksum: 10c0/a58ba341cb9e7d74f71810a88862da7b2a6fa42e2a1fc0ce40498f6ea1d44382f0640117057da779f74c47039f7166bf48fad02dc876f94e005c7afa50f5e129
-  languageName: node
-  linkType: hard
-
 "@types/retry@npm:0.12.2":
   version: 0.12.2
   resolution: "@types/retry@npm:0.12.2"
@@ -6113,7 +4839,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/stack-utils@npm:^2.0.0, @types/stack-utils@npm:^2.0.3":
+"@types/stack-utils@npm:^2.0.3":
   version: 2.0.3
   resolution: "@types/stack-utils@npm:2.0.3"
   checksum: 10c0/1f4658385ae936330581bcb8aa3a066df03867d90281cdf89cc356d404bd6579be0f11902304e1f775d92df22c6dd761d4451c804b0a4fba973e06211e9bd77c
@@ -6134,13 +4860,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/wrap-ansi@npm:^3.0.0":
-  version: 3.0.0
-  resolution: "@types/wrap-ansi@npm:3.0.0"
-  checksum: 10c0/8d8f53363f360f38135301a06b596c295433ad01debd082078c33c6ed98b05a5c8fe8853a88265432126096084f4a135ec1564e3daad631b83296905509f90b3
-  languageName: node
-  linkType: hard
-
 "@types/ws@npm:^8.5.10":
   version: 8.18.1
   resolution: "@types/ws@npm:8.18.1"
@@ -6157,7 +4876,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/yargs@npm:^17.0.33, @types/yargs@npm:^17.0.8":
+"@types/yargs@npm:^17.0.33":
   version: 17.0.35
   resolution: "@types/yargs@npm:17.0.35"
   dependencies:
@@ -6166,15 +4885,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/yauzl@npm:^2.9.1":
-  version: 2.10.3
-  resolution: "@types/yauzl@npm:2.10.3"
-  dependencies:
-    "@types/node": "npm:*"
-  checksum: 10c0/f1b7c1b99fef9f2fe7f1985ef7426d0cebe48cd031f1780fcdc7451eec7e31ac97028f16f50121a59bcf53086a1fc8c856fd5b7d3e00970e43d92ae27d6b43dc
-  languageName: node
-  linkType: hard
-
 "@uiw/color-convert@npm:2.9.6":
   version: 2.9.6
   resolution: "@uiw/color-convert@npm:2.9.6"
@@ -6501,13 +5211,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@vscode/sudo-prompt@npm:^9.3.1":
-  version: 9.3.2
-  resolution: "@vscode/sudo-prompt@npm:9.3.2"
-  checksum: 10c0/9cf63f7001f31ada248aefe0d289e8769d82d9eeb12845aef863faf44620cbe620897625af4e160ab1c2a684d88247a0dbaead0d9a9447a5807feb4a4fd47016
-  languageName: node
-  linkType: hard
-
 "@webassemblyjs/ast@npm:1.14.1, @webassemblyjs/ast@npm:^1.14.1":
   version: 1.14.1
   resolution: "@webassemblyjs/ast@npm:1.14.1"
@@ -6732,13 +5435,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@xmldom/xmldom@npm:^0.9.10":
-  version: 0.9.10
-  resolution: "@xmldom/xmldom@npm:0.9.10"
-  checksum: 10c0/38a9c9b95450d7fccebc61371c8e0b90ceaae992886484108333d29ccbd2640e3555b6af012f15ce1beb5067aeb40486659b6183fad38af179e82d28028bfc5d
-  languageName: node
-  linkType: hard
-
 "@xobotyi/scrollbar-width@npm:^1.9.5":
   version: 1.9.5
   resolution: "@xobotyi/scrollbar-width@npm:1.9.5"
@@ -6760,13 +5456,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"abbrev@npm:^1.0.0":
-  version: 1.1.1
-  resolution: "abbrev@npm:1.1.1"
-  checksum: 10c0/3f762677702acb24f65e813070e306c61fafe25d4b2583f9dfc935131f774863f3addd5741572ed576bd69cabe473c5af18e1e108b829cb7b6b4747884f726e6
-  languageName: node
-  linkType: hard
-
 "abbrev@npm:^4.0.0":
   version: 4.0.0
   resolution: "abbrev@npm:4.0.0"
@@ -6856,15 +5545,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"agent-base@npm:6, agent-base@npm:^6.0.2":
-  version: 6.0.2
-  resolution: "agent-base@npm:6.0.2"
-  dependencies:
-    debug: "npm:4"
-  checksum: 10c0/dc4f757e40b5f3e3d674bc9beb4f1048f4ee83af189bae39be99f57bf1f48dde166a8b0a5342a84b5944ee8e6ed1e5a9d801858f4ad44764e84957122fe46261
-  languageName: node
-  linkType: hard
-
 "agent-base@npm:^7.1.0, agent-base@npm:^7.1.2":
   version: 7.1.4
   resolution: "agent-base@npm:7.1.4"
@@ -6872,25 +5552,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"agentkeepalive@npm:^4.2.1":
-  version: 4.6.0
-  resolution: "agentkeepalive@npm:4.6.0"
-  dependencies:
-    humanize-ms: "npm:^1.2.1"
-  checksum: 10c0/235c182432f75046835b05f239708107138a40103deee23b6a08caee5136873709155753b394ec212e49e60e94a378189562cb01347765515cff61b692c69187
-  languageName: node
-  linkType: hard
-
-"aggregate-error@npm:^3.0.0":
-  version: 3.1.0
-  resolution: "aggregate-error@npm:3.1.0"
-  dependencies:
-    clean-stack: "npm:^2.0.0"
-    indent-string: "npm:^4.0.0"
-  checksum: 10c0/a42f67faa79e3e6687a4923050e7c9807db3848a037076f791d10e092677d65c1d2d863b7848560699f40fc0502c19f40963fb1cd1fb3d338a7423df8e45e039
-  languageName: node
-  linkType: hard
-
 "ajv-formats@npm:^2.1.1":
   version: 2.1.1
   resolution: "ajv-formats@npm:2.1.1"
@@ -6949,7 +5610,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ansi-escapes@npm:^4.2.1, ansi-escapes@npm:^4.3.2":
+"ansi-escapes@npm:^4.3.2":
   version: 4.3.2
   resolution: "ansi-escapes@npm:4.3.2"
   dependencies:
@@ -6958,15 +5619,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ansi-escapes@npm:^5.0.0":
-  version: 5.0.0
-  resolution: "ansi-escapes@npm:5.0.0"
-  dependencies:
-    type-fest: "npm:^1.0.2"
-  checksum: 10c0/f705cc7fbabb981ddf51562cd950792807bccd7260cc3d9478a619dda62bff6634c87ca100f2545ac7aade9b72652c4edad8c7f0d31a0b949b5fa58f33eaf0d0
-  languageName: node
-  linkType: hard
-
 "ansi-html-community@npm:0.0.8, ansi-html-community@npm:^0.0.8":
   version: 0.0.8
   resolution: "ansi-html-community@npm:0.0.8"
@@ -7006,14 +5658,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ansi-styles@npm:^6.0.0, ansi-styles@npm:^6.1.0":
+"ansi-styles@npm:^6.1.0":
   version: 6.2.3
   resolution: "ansi-styles@npm:6.2.3"
   checksum: 10c0/23b8a4ce14e18fb854693b95351e286b771d23d8844057ed2e7d083cd3e708376c3323707ec6a24365f7d7eda3ca00327fe04092e29e551499ec4c8b7bfac868
   languageName: node
   linkType: hard
 
-"anymatch@npm:^3.0.3, anymatch@npm:^3.1.3, anymatch@npm:~3.1.2":
+"anymatch@npm:^3.1.3, anymatch@npm:~3.1.2":
   version: 3.1.3
   resolution: "anymatch@npm:3.1.3"
   dependencies:
@@ -7154,20 +5806,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"at-least-node@npm:^1.0.0":
-  version: 1.0.0
-  resolution: "at-least-node@npm:1.0.0"
-  checksum: 10c0/4c058baf6df1bc5a1697cf182e2029c58cd99975288a13f9e70068ef5d6f4e1f1fd7c4d2c3c4912eae44797d1725be9700995736deca441b39f3e66d8dee97ef
-  languageName: node
-  linkType: hard
-
-"author-regex@npm:^1.0.0":
-  version: 1.0.0
-  resolution: "author-regex@npm:1.0.0"
-  checksum: 10c0/3f3a5ad6660be010bd5b979fac180f435bd9615e81db2b1cdac081eb3f639461f6c3927ced956e377a5c91cc789e3de3a3e900e296c1423971043c8fd8be0b73
-  languageName: node
-  linkType: hard
-
 "axe-core@npm:^4.2.0":
   version: 4.11.1
   resolution: "axe-core@npm:4.11.1"
@@ -7203,36 +5841,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"babel-jest@npm:^29.7.0":
-  version: 29.7.0
-  resolution: "babel-jest@npm:29.7.0"
-  dependencies:
-    "@jest/transform": "npm:^29.7.0"
-    "@types/babel__core": "npm:^7.1.14"
-    babel-plugin-istanbul: "npm:^6.1.1"
-    babel-preset-jest: "npm:^29.6.3"
-    chalk: "npm:^4.0.0"
-    graceful-fs: "npm:^4.2.9"
-    slash: "npm:^3.0.0"
-  peerDependencies:
-    "@babel/core": ^7.8.0
-  checksum: 10c0/2eda9c1391e51936ca573dd1aedfee07b14c59b33dbe16ef347873ddd777bcf6e2fc739681e9e9661ab54ef84a3109a03725be2ac32cd2124c07ea4401cbe8c1
-  languageName: node
-  linkType: hard
-
-"babel-plugin-istanbul@npm:^6.1.1":
-  version: 6.1.1
-  resolution: "babel-plugin-istanbul@npm:6.1.1"
-  dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.0.0"
-    "@istanbuljs/load-nyc-config": "npm:^1.0.0"
-    "@istanbuljs/schema": "npm:^0.1.2"
-    istanbul-lib-instrument: "npm:^5.0.4"
-    test-exclude: "npm:^6.0.0"
-  checksum: 10c0/1075657feb705e00fd9463b329921856d3775d9867c5054b449317d39153f8fbcebd3e02ebf00432824e647faff3683a9ca0a941325ef1afe9b3c4dd51b24beb
-  languageName: node
-  linkType: hard
-
 "babel-plugin-istanbul@npm:^7.0.1":
   version: 7.0.1
   resolution: "babel-plugin-istanbul@npm:7.0.1"
@@ -7255,19 +5863,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"babel-plugin-jest-hoist@npm:^29.6.3":
-  version: 29.6.3
-  resolution: "babel-plugin-jest-hoist@npm:29.6.3"
-  dependencies:
-    "@babel/template": "npm:^7.3.3"
-    "@babel/types": "npm:^7.3.3"
-    "@types/babel__core": "npm:^7.1.14"
-    "@types/babel__traverse": "npm:^7.0.6"
-  checksum: 10c0/7e6451caaf7dce33d010b8aafb970e62f1b0c0b57f4978c37b0d457bbcf0874d75a395a102daf0bae0bd14eafb9f6e9a165ee5e899c0a4f1f3bb2e07b304ed2e
-  languageName: node
-  linkType: hard
-
-"babel-preset-current-node-syntax@npm:^1.0.0, babel-preset-current-node-syntax@npm:^1.2.0":
+"babel-preset-current-node-syntax@npm:^1.2.0":
   version: 1.2.0
   resolution: "babel-preset-current-node-syntax@npm:1.2.0"
   dependencies:
@@ -7304,18 +5900,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"babel-preset-jest@npm:^29.6.3":
-  version: 29.6.3
-  resolution: "babel-preset-jest@npm:29.6.3"
-  dependencies:
-    babel-plugin-jest-hoist: "npm:^29.6.3"
-    babel-preset-current-node-syntax: "npm:^1.0.0"
-  peerDependencies:
-    "@babel/core": ^7.0.0
-  checksum: 10c0/ec5fd0276b5630b05f0c14bb97cc3815c6b31600c683ebb51372e54dcb776cff790bdeeabd5b8d01ede375a040337ccbf6a3ccd68d3a34219125945e167ad943
-  languageName: node
-  linkType: hard
-
 "balanced-match@npm:^1.0.0":
   version: 1.0.2
   resolution: "balanced-match@npm:1.0.2"
@@ -7346,13 +5930,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"before-after-hook@npm:^2.2.0":
-  version: 2.2.3
-  resolution: "before-after-hook@npm:2.2.3"
-  checksum: 10c0/0488c4ae12df758ca9d49b3bb27b47fd559677965c52cae7b335784724fb8bf96c42b6e5ba7d7afcbc31facb0e294c3ef717cc41c5bc2f7bd9e76f8b90acd31c
-  languageName: node
-  linkType: hard
-
 "benchmark@npm:^2.1.0, benchmark@npm:^2.1.4":
   version: 2.1.4
   resolution: "benchmark@npm:2.1.4"
@@ -7386,7 +5963,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"bl@npm:^4.0.3, bl@npm:^4.1.0":
+"bl@npm:^4.0.3":
   version: 4.1.0
   resolution: "bl@npm:4.1.0"
   dependencies:
@@ -7415,13 +5992,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"bluebird@npm:^3.1.1":
-  version: 3.7.2
-  resolution: "bluebird@npm:3.7.2"
-  checksum: 10c0/680de03adc54ff925eaa6c7bb9a47a0690e8b5de60f4792604aae8ed618c65e6b63a7893b57ca924beaf53eee69c5af4f8314148c08124c550fe1df1add897d2
-  languageName: node
-  linkType: hard
-
 "body-parser@npm:~1.20.3":
   version: 1.20.4
   resolution: "body-parser@npm:1.20.4"
@@ -7459,13 +6029,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"boolean@npm:^3.0.1":
-  version: 3.2.0
-  resolution: "boolean@npm:3.2.0"
-  checksum: 10c0/6a0dc9668f6f3dda42a53c181fcbdad223169c8d87b6c4011b87a8b14a21770efb2934a778f063d7ece17280f8c06d313c87f7b834bb1dd526a867ffcd00febf
-  languageName: node
-  linkType: hard
-
 "bootstrap-icons@npm:^1.11.3":
   version: 1.13.1
   resolution: "bootstrap-icons@npm:1.13.1"
@@ -7473,13 +6036,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"bottleneck@npm:^2.15.3":
-  version: 2.19.5
-  resolution: "bottleneck@npm:2.19.5"
-  checksum: 10c0/b0f72e45b2e0f56a21ba720183f16bef8e693452fb0495d997fa354e42904353a94bd8fd429868e6751bc85e54b6755190519eed5a0ae0a94a5185209ae7c6d0
-  languageName: node
-  linkType: hard
-
 "bowser@npm:^1.7.3":
   version: 1.9.4
   resolution: "bowser@npm:1.9.4"
@@ -7506,15 +6062,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"brace-expansion@npm:^2.0.2":
-  version: 2.1.0
-  resolution: "brace-expansion@npm:2.1.0"
-  dependencies:
-    balanced-match: "npm:^1.0.0"
-  checksum: 10c0/439cedf3e23d7993b37919f1d6fdc653ec21a42437ec3e7460bea9ca8b17edf7a24a633273c31d61aa4335877cf29a443f1871814131c87997a1e6223e1f1502
-  languageName: node
-  linkType: hard
-
 "braces@npm:^3.0.3, braces@npm:~3.0.2":
   version: 3.0.3
   resolution: "braces@npm:3.0.3"
@@ -7576,13 +6123,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"buffer-crc32@npm:~0.2.3":
-  version: 0.2.13
-  resolution: "buffer-crc32@npm:0.2.13"
-  checksum: 10c0/cb0a8ddf5cf4f766466db63279e47761eb825693eeba6a5a95ee4ec8cb8f81ede70aa7f9d8aeec083e781d47154290eb5d4d26b3f7a465ec57fb9e7d59c47150
-  languageName: node
-  linkType: hard
-
 "buffer-from@npm:^1.0.0":
   version: 1.1.2
   resolution: "buffer-from@npm:1.1.2"
@@ -7643,32 +6183,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"cacache@npm:^16.1.0":
-  version: 16.1.3
-  resolution: "cacache@npm:16.1.3"
-  dependencies:
-    "@npmcli/fs": "npm:^2.1.0"
-    "@npmcli/move-file": "npm:^2.0.0"
-    chownr: "npm:^2.0.0"
-    fs-minipass: "npm:^2.1.0"
-    glob: "npm:^8.0.1"
-    infer-owner: "npm:^1.0.4"
-    lru-cache: "npm:^7.7.1"
-    minipass: "npm:^3.1.6"
-    minipass-collect: "npm:^1.0.2"
-    minipass-flush: "npm:^1.0.5"
-    minipass-pipeline: "npm:^1.2.4"
-    mkdirp: "npm:^1.0.4"
-    p-map: "npm:^4.0.0"
-    promise-inflight: "npm:^1.0.1"
-    rimraf: "npm:^3.0.2"
-    ssri: "npm:^9.0.0"
-    tar: "npm:^6.1.11"
-    unique-filename: "npm:^2.0.0"
-  checksum: 10c0/cdf6836e1c457d2a5616abcaf5d8240c0346b1f5bd6fdb8866b9d84b6dff0b54e973226dc11e0d099f35394213d24860d1989c8358d2a41b39eb912b3000e749
-  languageName: node
-  linkType: hard
-
 "cacache@npm:^20.0.1":
   version: 20.0.3
   resolution: "cacache@npm:20.0.3"
@@ -7688,28 +6202,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"cacheable-lookup@npm:^5.0.3":
-  version: 5.0.4
-  resolution: "cacheable-lookup@npm:5.0.4"
-  checksum: 10c0/a6547fb4954b318aa831cbdd2f7b376824bc784fb1fa67610e4147099e3074726072d9af89f12efb69121415a0e1f2918a8ddd4aafcbcf4e91fbeef4a59cd42c
-  languageName: node
-  linkType: hard
-
-"cacheable-request@npm:^7.0.2":
-  version: 7.0.4
-  resolution: "cacheable-request@npm:7.0.4"
-  dependencies:
-    clone-response: "npm:^1.0.2"
-    get-stream: "npm:^5.1.0"
-    http-cache-semantics: "npm:^4.0.0"
-    keyv: "npm:^4.0.0"
-    lowercase-keys: "npm:^2.0.0"
-    normalize-url: "npm:^6.0.1"
-    responselike: "npm:^2.0.0"
-  checksum: 10c0/0834a7d17ae71a177bc34eab06de112a43f9b5ad05ebe929bec983d890a7d9f2bc5f1aa8bb67ea2b65e07a3bc74bea35fa62dd36dbac52876afe36fdcf83da41
-  languageName: node
-  linkType: hard
-
 "call-bind-apply-helpers@npm:^1.0.1, call-bind-apply-helpers@npm:^1.0.2":
   version: 1.0.2
   resolution: "call-bind-apply-helpers@npm:1.0.2"
@@ -7770,7 +6262,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"camelcase@npm:^6.2.0, camelcase@npm:^6.3.0":
+"camelcase@npm:^6.3.0":
   version: 6.3.0
   resolution: "camelcase@npm:6.3.0"
   checksum: 10c0/0d701658219bd3116d12da3eab31acddb3f9440790c0792e0d398f0a520a6a4058018e546862b6fba89d7ae990efaeb97da71e1913e9ebf5a8b5621a3d55c710
@@ -7893,7 +6385,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"chalk@npm:^4.0.0, chalk@npm:^4.1.0, chalk@npm:^4.1.2":
+"chalk@npm:^4.1.0, chalk@npm:^4.1.2":
   version: 4.1.2
   resolution: "chalk@npm:4.1.2"
   dependencies:
@@ -7910,13 +6402,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"chardet@npm:^0.7.0":
-  version: 0.7.0
-  resolution: "chardet@npm:0.7.0"
-  checksum: 10c0/96e4731b9ec8050cbb56ab684e8c48d6c33f7826b755802d14e3ebfdc51c57afeece3ea39bc6b09acc359e4363525388b915e16640c1378053820f5e70d0f27d
-  languageName: node
-  linkType: hard
-
 "check-error@npm:^2.1.1":
   version: 2.1.3
   resolution: "check-error@npm:2.1.3"
@@ -7959,13 +6444,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"chownr@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "chownr@npm:2.0.0"
-  checksum: 10c0/594754e1303672171cc04e50f6c398ae16128eb134a88f801bf5354fd96f205320f23536a045d9abd8b51024a149696e51231565891d4efdab8846021ecf88e6
-  languageName: node
-  linkType: hard
-
 "chownr@npm:^3.0.0":
   version: 3.0.0
   resolution: "chownr@npm:3.0.0"
@@ -7973,20 +6451,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"chrome-trace-event@npm:^1.0.2, chrome-trace-event@npm:^1.0.3":
+"chrome-trace-event@npm:^1.0.2":
   version: 1.0.4
   resolution: "chrome-trace-event@npm:1.0.4"
   checksum: 10c0/3058da7a5f4934b87cf6a90ef5fb68ebc5f7d06f143ed5a4650208e5d7acae47bc03ec844b29fbf5ba7e46e8daa6acecc878f7983a4f4bb7271593da91e61ff5
   languageName: node
   linkType: hard
 
-"ci-info@npm:^3.2.0":
-  version: 3.9.0
-  resolution: "ci-info@npm:3.9.0"
-  checksum: 10c0/6f0109e36e111684291d46123d491bc4e7b7a1934c3a20dea28cba89f1d4a03acd892f5f6a81ed3855c38647e285a150e3c9ba062e38943bef57fee6c1554c3a
-  languageName: node
-  linkType: hard
-
 "ci-info@npm:^4.2.0":
   version: 4.3.1
   resolution: "ci-info@npm:4.3.1"
@@ -7994,7 +6465,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"cjs-module-lexer@npm:^1.0.0, cjs-module-lexer@npm:^1.2.3":
+"cjs-module-lexer@npm:^1.2.3":
   version: 1.4.3
   resolution: "cjs-module-lexer@npm:1.4.3"
   checksum: 10c0/076b3af85adc4d65dbdab1b5b240fe5b45d44fcf0ef9d429044dd94d19be5589376805c44fb2d4b3e684e5fe6a9b7cf3e426476a6507c45283c5fc6ff95240be
@@ -8044,55 +6515,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"clean-stack@npm:^2.0.0":
-  version: 2.2.0
-  resolution: "clean-stack@npm:2.2.0"
-  checksum: 10c0/1f90262d5f6230a17e27d0c190b09d47ebe7efdd76a03b5a1127863f7b3c9aec4c3e6c8bb3a7bbf81d553d56a1fd35728f5a8ef4c63f867ac8d690109742a8c1
-  languageName: node
-  linkType: hard
-
-"cli-cursor@npm:^3.1.0":
-  version: 3.1.0
-  resolution: "cli-cursor@npm:3.1.0"
-  dependencies:
-    restore-cursor: "npm:^3.1.0"
-  checksum: 10c0/92a2f98ff9037d09be3dfe1f0d749664797fb674bf388375a2207a1203b69d41847abf16434203e0089212479e47a358b13a0222ab9fccfe8e2644a7ccebd111
-  languageName: node
-  linkType: hard
-
-"cli-cursor@npm:^4.0.0":
-  version: 4.0.0
-  resolution: "cli-cursor@npm:4.0.0"
-  dependencies:
-    restore-cursor: "npm:^4.0.0"
-  checksum: 10c0/e776e8c3c6727300d0539b0d25160b2bb56aed1a63942753ba1826b012f337a6f4b7ace3548402e4f2f13b5e16bfd751be672c44b203205e7eca8be94afec42c
-  languageName: node
-  linkType: hard
-
-"cli-spinners@npm:^2.5.0":
-  version: 2.9.2
-  resolution: "cli-spinners@npm:2.9.2"
-  checksum: 10c0/907a1c227ddf0d7a101e7ab8b300affc742ead4b4ebe920a5bf1bc6d45dce2958fcd195eb28fa25275062fe6fa9b109b93b63bc8033396ed3bcb50297008b3a3
-  languageName: node
-  linkType: hard
-
-"cli-truncate@npm:^3.1.0":
-  version: 3.1.0
-  resolution: "cli-truncate@npm:3.1.0"
-  dependencies:
-    slice-ansi: "npm:^5.0.0"
-    string-width: "npm:^5.0.0"
-  checksum: 10c0/a19088878409ec0e5dc2659a5166929629d93cfba6d68afc9cde2282fd4c751af5b555bf197047e31c87c574396348d011b7aa806fec29c4139ea4f7f00b324c
-  languageName: node
-  linkType: hard
-
-"cli-width@npm:^4.1.0":
-  version: 4.1.0
-  resolution: "cli-width@npm:4.1.0"
-  checksum: 10c0/1fbd56413578f6117abcaf858903ba1f4ad78370a4032f916745fa2c7e390183a9d9029cf837df320b0fdce8137668e522f60a30a5f3d6529ff3872d265a955f
-  languageName: node
-  linkType: hard
-
 "clickable-json@npm:^1.15.1":
   version: 1.15.1
   resolution: "clickable-json@npm:1.15.1"
@@ -8120,17 +6542,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"cliui@npm:^7.0.2":
-  version: 7.0.4
-  resolution: "cliui@npm:7.0.4"
-  dependencies:
-    string-width: "npm:^4.2.0"
-    strip-ansi: "npm:^6.0.0"
-    wrap-ansi: "npm:^7.0.0"
-  checksum: 10c0/6035f5daf7383470cef82b3d3db00bec70afb3423538c50394386ffbbab135e26c3689c41791f911fa71b62d13d3863c712fdd70f0fbdffd938a1e6fd09aac00
-  languageName: node
-  linkType: hard
-
 "cliui@npm:^8.0.1":
   version: 8.0.1
   resolution: "cliui@npm:8.0.1"
@@ -8153,22 +6564,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"clone-response@npm:^1.0.2":
-  version: 1.0.3
-  resolution: "clone-response@npm:1.0.3"
-  dependencies:
-    mimic-response: "npm:^1.0.0"
-  checksum: 10c0/06a2b611824efb128810708baee3bd169ec9a1bf5976a5258cd7eb3f7db25f00166c6eee5961f075c7e38e194f373d4fdf86b8166ad5b9c7e82bbd2e333a6087
-  languageName: node
-  linkType: hard
-
-"clone@npm:^1.0.2":
-  version: 1.0.4
-  resolution: "clone@npm:1.0.4"
-  checksum: 10c0/2176952b3649293473999a95d7bebfc9dc96410f6cbd3d2595cf12fd401f63a4bf41a7adbfd3ab2ff09ed60cb9870c58c6acdd18b87767366fabfc163700f13b
-  languageName: node
-  linkType: hard
-
 "clsx@npm:^1.0.4, clsx@npm:^1.1.0":
   version: 1.2.1
   resolution: "clsx@npm:1.2.1"
@@ -8203,19 +6598,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"code-colors-react@npm:^3.5.0":
-  version: 3.5.0
-  resolution: "code-colors-react@npm:3.5.0"
-  dependencies:
-    code-colors: "npm:^2.5.0"
-  peerDependencies:
-    nano-theme: "*"
-    react: "*"
-    react-dom: "*"
-  checksum: 10c0/deeeb5e0e33c9acf45be55b83c09d1014aa11ef1bbedee1d937b71118101a5b69cc9f39f806e7d30dcc9c689c54f5d7dfaa140950c68bb1d67972cd46099edd6
-  languageName: node
-  linkType: hard
-
 "code-colors@npm:^2.4.0":
   version: 2.4.0
   resolution: "code-colors@npm:2.4.0"
@@ -8229,19 +6611,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"code-colors@npm:^2.5.0":
-  version: 2.5.0
-  resolution: "code-colors@npm:2.5.0"
-  dependencies:
-    prismjs: "npm:^1.30.0"
-    thingies: "npm:^2.5.0"
-    tree-dump: "npm:^1.0.3"
-  peerDependencies:
-    tslib: "*"
-  checksum: 10c0/2ba98498dfe432fd57acf659239c7d730b46023cb4b41ac5766bedd8ab0dee3c9ad0388873c754100289f1c17c301d3c5d78c74356686ef36555dd6ae31b02e9
-  languageName: node
-  linkType: hard
-
 "codemirror@npm:^6.0.1, codemirror@npm:^6.0.2":
   version: 6.0.2
   resolution: "codemirror@npm:6.0.2"
@@ -8365,7 +6734,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"collect-v8-coverage@npm:^1.0.0, collect-v8-coverage@npm:^1.0.2":
+"collect-v8-coverage@npm:^1.0.2":
   version: 1.0.3
   resolution: "collect-v8-coverage@npm:1.0.3"
   checksum: 10c0/bc62ba251bcce5e3354a8f88fa6442bee56e3e612fec08d4dfcf66179b41ea0bf544b0f78c4ebc0f8050871220af95bb5c5578a6aef346feea155640582f09dc
@@ -8388,7 +6757,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"colorette@npm:^2.0.10, colorette@npm:^2.0.14, colorette@npm:^2.0.20":
+"colorette@npm:^2.0.10, colorette@npm:^2.0.14":
   version: 2.0.20
   resolution: "colorette@npm:2.0.20"
   checksum: 10c0/e94116ff33b0ff56f3b83b9ace895e5bf87c2a7a47b3401b8c3f3226e050d5ef76cf4072fb3325f9dc24d1698f9b730baf4e05eeaf861d74a1883073f4c98a40
@@ -8411,13 +6780,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"commander@npm:^11.1.0":
-  version: 11.1.0
-  resolution: "commander@npm:11.1.0"
-  checksum: 10c0/13cc6ac875e48780250f723fb81c1c1178d35c5decb1abb1b628b3177af08a8554e76b2c0f29de72d69eef7c864d12613272a71fabef8047922bc622ab75a179
-  languageName: node
-  linkType: hard
-
 "commander@npm:^12.1.0":
   version: 12.1.0
   resolution: "commander@npm:12.1.0"
@@ -8432,13 +6794,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"commander@npm:^5.0.0":
-  version: 5.1.0
-  resolution: "commander@npm:5.1.0"
-  checksum: 10c0/da9d71dbe4ce039faf1fe9eac3771dca8c11d66963341f62602f7b66e36d2a3f8883407af4f9a37b1db1a55c59c0c1325f186425764c2e963dc1d67aec2a4b6d
-  languageName: node
-  linkType: hard
-
 "commander@npm:^8.3.0":
   version: 8.3.0
   resolution: "commander@npm:8.3.0"
@@ -8446,13 +6801,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"commander@npm:^9.4.0":
-  version: 9.5.0
-  resolution: "commander@npm:9.5.0"
-  checksum: 10c0/5f7784fbda2aaec39e89eb46f06a999e00224b3763dc65976e05929ec486e174fe9aac2655f03ba6a5e83875bd173be5283dc19309b7c65954701c02025b3c1d
-  languageName: node
-  linkType: hard
-
 "commondir@npm:^1.0.1":
   version: 1.0.1
   resolution: "commondir@npm:1.0.1"
@@ -8460,13 +6808,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"compare-version@npm:^0.1.2":
-  version: 0.1.2
-  resolution: "compare-version@npm:0.1.2"
-  checksum: 10c0/f38b853cf0d244c0af5f444409abde3d2198cd97312efa1dbc4ab41b520009327c2a63db59bbaf2d69288eff6167ef22be9788dc5476157d073ecdff1a8eeb2d
-  languageName: node
-  linkType: hard
-
 "complex-esm@npm:^2.1.1-esm1":
   version: 2.1.1-esm1
   resolution: "complex-esm@npm:2.1.1-esm1"
@@ -8610,23 +6951,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"create-jest@npm:^29.7.0":
-  version: 29.7.0
-  resolution: "create-jest@npm:29.7.0"
-  dependencies:
-    "@jest/types": "npm:^29.6.3"
-    chalk: "npm:^4.0.0"
-    exit: "npm:^0.1.2"
-    graceful-fs: "npm:^4.2.9"
-    jest-config: "npm:^29.7.0"
-    jest-util: "npm:^29.7.0"
-    prompts: "npm:^2.0.1"
-  bin:
-    create-jest: bin/create-jest.js
-  checksum: 10c0/e7e54c280692470d3398f62a6238fd396327e01c6a0757002833f06d00afc62dd7bfe04ff2b9cd145264460e6b4d1eb8386f2925b7e567f97939843b7b0e812f
-  languageName: node
-  linkType: hard
-
 "create-require@npm:^1.1.0":
   version: 1.1.1
   resolution: "create-require@npm:1.1.1"
@@ -8641,27 +6965,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"cross-dirname@npm:^0.1.0":
-  version: 0.1.0
-  resolution: "cross-dirname@npm:0.1.0"
-  checksum: 10c0/8924ce043e5d385929985fdcb1933cf9ca6a3e77b58d024ba396a8721d6044de14837651a785ef36af2b380ceea403699095cec802c25024420389299e62a123
-  languageName: node
-  linkType: hard
-
-"cross-spawn@npm:^6.0.0":
-  version: 6.0.6
-  resolution: "cross-spawn@npm:6.0.6"
-  dependencies:
-    nice-try: "npm:^1.0.4"
-    path-key: "npm:^2.0.1"
-    semver: "npm:^5.5.0"
-    shebang-command: "npm:^1.2.0"
-    which: "npm:^1.2.9"
-  checksum: 10c0/bf61fb890e8635102ea9bce050515cf915ff6a50ccaa0b37a17dc82fded0fb3ed7af5478b9367b86baee19127ad86af4be51d209f64fd6638c0862dca185fe1d
-  languageName: node
-  linkType: hard
-
-"cross-spawn@npm:^7.0.1, cross-spawn@npm:^7.0.3, cross-spawn@npm:^7.0.6":
+"cross-spawn@npm:^7.0.3, cross-spawn@npm:^7.0.6":
   version: 7.0.6
   resolution: "cross-spawn@npm:7.0.6"
   dependencies:
@@ -8672,13 +6976,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"cross-zip@npm:^4.0.0":
-  version: 4.0.1
-  resolution: "cross-zip@npm:4.0.1"
-  checksum: 10c0/06d737481854ee61376f2d6f80ce758cf543ef6a753300e45141f3d424e6790c2db19ccc86d07e10416bfdf3e1b30e5b3b8084619204b9931c7a0e694f54436c
-  languageName: node
-  linkType: hard
-
 "css-in-js-utils@npm:^2.0.0":
   version: 2.0.1
   resolution: "css-in-js-utils@npm:2.0.1"
@@ -8831,7 +7128,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"debug@npm:4, debug@npm:^4.0.1, debug@npm:^4.1.0, debug@npm:^4.1.1, debug@npm:^4.3.1, debug@npm:^4.3.3, debug@npm:^4.3.4":
+"debug@npm:4, debug@npm:^4.1.0, debug@npm:^4.1.1, debug@npm:^4.3.1, debug@npm:^4.3.4":
   version: 4.4.3
   resolution: "debug@npm:4.4.3"
   dependencies:
@@ -8857,15 +7154,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"decompress-response@npm:^6.0.0":
-  version: 6.0.0
-  resolution: "decompress-response@npm:6.0.0"
-  dependencies:
-    mimic-response: "npm:^3.1.0"
-  checksum: 10c0/bd89d23141b96d80577e70c54fb226b2f40e74a6817652b80a116d7befb8758261ad073a8895648a29cc0a5947021ab66705cb542fa9c143c82022b27c5b175e
-  languageName: node
-  linkType: hard
-
 "dedent@npm:^0.7.0":
   version: 0.7.0
   resolution: "dedent@npm:0.7.0"
@@ -8873,7 +7161,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"dedent@npm:^1.0.0, dedent@npm:^1.6.0":
+"dedent@npm:^1.6.0":
   version: 1.7.1
   resolution: "dedent@npm:1.7.1"
   peerDependencies:
@@ -8916,48 +7204,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"defaults@npm:^1.0.3":
-  version: 1.0.4
-  resolution: "defaults@npm:1.0.4"
-  dependencies:
-    clone: "npm:^1.0.2"
-  checksum: 10c0/9cfbe498f5c8ed733775db62dfd585780387d93c17477949e1670bfcfb9346e0281ce8c4bf9f4ac1fc0f9b851113bd6dc9e41182ea1644ccd97de639fa13c35a
-  languageName: node
-  linkType: hard
-
-"defer-to-connect@npm:^2.0.0":
-  version: 2.0.1
-  resolution: "defer-to-connect@npm:2.0.1"
-  checksum: 10c0/625ce28e1b5ad10cf77057b9a6a727bf84780c17660f6644dab61dd34c23de3001f03cedc401f7d30a4ed9965c2e8a7336e220a329146f2cf85d4eddea429782
-  languageName: node
-  linkType: hard
-
-"define-data-property@npm:^1.0.1":
-  version: 1.1.4
-  resolution: "define-data-property@npm:1.1.4"
-  dependencies:
-    es-define-property: "npm:^1.0.0"
-    es-errors: "npm:^1.3.0"
-    gopd: "npm:^1.0.1"
-  checksum: 10c0/dea0606d1483eb9db8d930d4eac62ca0fa16738b0b3e07046cddfacf7d8c868bbe13fa0cb263eb91c7d0d527960dc3f2f2471a69ed7816210307f6744fe62e37
-  languageName: node
-  linkType: hard
-
 "define-lazy-prop@npm:^3.0.0":
   version: 3.0.0
   resolution: "define-lazy-prop@npm:3.0.0"
-  checksum: 10c0/5ab0b2bf3fa58b3a443140bbd4cd3db1f91b985cc8a246d330b9ac3fc0b6a325a6d82bddc0b055123d745b3f9931afeea74a5ec545439a1630b9c8512b0eeb49
-  languageName: node
-  linkType: hard
-
-"define-properties@npm:^1.2.1":
-  version: 1.2.1
-  resolution: "define-properties@npm:1.2.1"
-  dependencies:
-    define-data-property: "npm:^1.0.1"
-    has-property-descriptors: "npm:^1.0.0"
-    object-keys: "npm:^1.1.1"
-  checksum: 10c0/88a152319ffe1396ccc6ded510a3896e77efac7a1bfbaa174a7b00414a1747377e0bb525d303794a47cf30e805c2ec84e575758512c6e44a993076d29fd4e6c3
+  checksum: 10c0/5ab0b2bf3fa58b3a443140bbd4cd3db1f91b985cc8a246d330b9ac3fc0b6a325a6d82bddc0b055123d745b3f9931afeea74a5ec545439a1630b9c8512b0eeb49
   languageName: node
   linkType: hard
 
@@ -8982,13 +7232,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"deprecation@npm:^2.0.0":
-  version: 2.3.1
-  resolution: "deprecation@npm:2.3.1"
-  checksum: 10c0/23d688ba66b74d09b908c40a76179418acbeeb0bfdf218c8075c58ad8d0c315130cb91aa3dffb623aa3a411a3569ce56c6460de6c8d69071c17fe6dd2442f032
-  languageName: node
-  linkType: hard
-
 "dequal@npm:^2.0.3":
   version: 2.0.3
   resolution: "dequal@npm:2.0.3"
@@ -9010,7 +7253,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"detect-newline@npm:^3.0.0, detect-newline@npm:^3.1.0":
+"detect-newline@npm:^3.1.0":
   version: 3.1.0
   resolution: "detect-newline@npm:3.1.0"
   checksum: 10c0/c38cfc8eeb9fda09febb44bcd85e467c970d4e3bf526095394e5a4f18bc26dd0cf6b22c69c1fa9969261521c593836db335c2795218f6d781a512aea2fb8209d
@@ -9038,13 +7281,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"diff-sequences@npm:^29.6.3":
-  version: 29.6.3
-  resolution: "diff-sequences@npm:29.6.3"
-  checksum: 10c0/32e27ac7dbffdf2fb0eb5a84efd98a9ad084fbabd5ac9abb8757c6770d5320d2acd172830b28c4add29bb873d59420601dfc805ac4064330ce59b1adfd0593b2
-  languageName: node
-  linkType: hard
-
 "diff@npm:^4.0.1":
   version: 4.0.4
   resolution: "diff@npm:4.0.4"
@@ -9052,16 +7288,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"dir-compare@npm:^4.2.0":
-  version: 4.2.0
-  resolution: "dir-compare@npm:4.2.0"
-  dependencies:
-    minimatch: "npm:^3.0.5"
-    p-limit: "npm:^3.1.0 "
-  checksum: 10c0/615c6f6804095f912d98d49f9b56798ceebbc83612d660b7faa6bdb4894d978c02cfa1a30853a7319a269141e4f2a2034d4988a1985b58382614a3942f94e5b2
-  languageName: node
-  linkType: hard
-
 "direction@npm:^1.0.4":
   version: 1.0.4
   resolution: "direction@npm:1.0.4"
@@ -9221,62 +7447,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"electron-installer-common@npm:^0.10.2":
-  version: 0.10.4
-  resolution: "electron-installer-common@npm:0.10.4"
-  dependencies:
-    "@electron/asar": "npm:^3.2.5"
-    "@malept/cross-spawn-promise": "npm:^1.0.0"
-    "@types/fs-extra": "npm:^9.0.1"
-    debug: "npm:^4.1.1"
-    fs-extra: "npm:^9.0.0"
-    glob: "npm:^7.1.4"
-    lodash: "npm:^4.17.15"
-    parse-author: "npm:^2.0.0"
-    semver: "npm:^7.1.1"
-    tmp-promise: "npm:^3.0.2"
-  dependenciesMeta:
-    "@types/fs-extra":
-      optional: true
-  checksum: 10c0/b4b780ea06604ae72041ddb8578f05ea38d723a295b0dc2bff99a6be400ddb49392a0fdbaf283294a690a2f6aa3a1786cc8a690043244b1066f4b150e931be0f
-  languageName: node
-  linkType: hard
-
-"electron-installer-debian@npm:^3.2.0":
-  version: 3.2.0
-  resolution: "electron-installer-debian@npm:3.2.0"
-  dependencies:
-    "@malept/cross-spawn-promise": "npm:^1.0.0"
-    debug: "npm:^4.1.1"
-    electron-installer-common: "npm:^0.10.2"
-    fs-extra: "npm:^9.0.0"
-    get-folder-size: "npm:^2.0.1"
-    lodash: "npm:^4.17.4"
-    word-wrap: "npm:^1.2.3"
-    yargs: "npm:^16.0.2"
-  bin:
-    electron-installer-debian: src/cli.js
-  conditions: (os=darwin | os=linux)
-  languageName: node
-  linkType: hard
-
-"electron-installer-redhat@npm:^3.2.0":
-  version: 3.4.0
-  resolution: "electron-installer-redhat@npm:3.4.0"
-  dependencies:
-    "@malept/cross-spawn-promise": "npm:^1.0.0"
-    debug: "npm:^4.1.1"
-    electron-installer-common: "npm:^0.10.2"
-    fs-extra: "npm:^9.0.0"
-    lodash: "npm:^4.17.15"
-    word-wrap: "npm:^1.2.3"
-    yargs: "npm:^16.0.2"
-  bin:
-    electron-installer-redhat: src/cli.js
-  conditions: (os=darwin | os=linux)
-  languageName: node
-  linkType: hard
-
 "electron-to-chromium@npm:^1.5.263":
   version: 1.5.278
   resolution: "electron-to-chromium@npm:1.5.278"
@@ -9284,37 +7454,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"electron-winstaller@npm:^5.3.0":
-  version: 5.4.0
-  resolution: "electron-winstaller@npm:5.4.0"
-  dependencies:
-    "@electron/asar": "npm:^3.2.1"
-    "@electron/windows-sign": "npm:^1.1.2"
-    debug: "npm:^4.1.1"
-    fs-extra: "npm:^7.0.1"
-    lodash: "npm:^4.17.21"
-    temp: "npm:^0.9.0"
-  dependenciesMeta:
-    "@electron/windows-sign":
-      optional: true
-  checksum: 10c0/57e705060adefe7c307d6be0ae1931d2c74e58622eac725c335ba1eff126ceb1516d75aedae5ec64953053f63a9330d67abe39e3530524fedbacaa32169f544a
-  languageName: node
-  linkType: hard
-
-"electron@npm:^42.0.0":
-  version: 42.0.0
-  resolution: "electron@npm:42.0.0"
-  dependencies:
-    "@electron/get": "npm:^5.0.0"
-    "@types/node": "npm:^24.9.0"
-    extract-zip: "npm:^2.0.1"
-  bin:
-    electron: cli.js
-    install-electron: install.js
-  checksum: 10c0/72d7e7947216ef4d5e94e52e0e2dc6e6e2fc7ce296f9073da2d3cc4a1e7bd77790f603a26afeb88febcd4c3c5b16c45f5c0f3f0a3e68e64ac1b0d83742598906
-  languageName: node
-  linkType: hard
-
 "emittery@npm:^0.13.1":
   version: 0.13.1
   resolution: "emittery@npm:0.13.1"
@@ -9448,13 +7587,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"env-paths@npm:^3.0.0":
-  version: 3.0.0
-  resolution: "env-paths@npm:3.0.0"
-  checksum: 10c0/76dec878cee47f841103bacd7fae03283af16f0702dad65102ef0a556f310b98a377885e0f32943831eb08b5ab37842a323d02529f3dfd5d0a40ca71b01b435f
-  languageName: node
-  linkType: hard
-
 "envinfo@npm:^7.14.0, envinfo@npm:^7.7.3":
   version: 7.21.0
   resolution: "envinfo@npm:7.21.0"
@@ -9471,7 +7603,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"error-ex@npm:^1.2.0, error-ex@npm:^1.3.1":
+"error-ex@npm:^1.3.1":
   version: 1.3.4
   resolution: "error-ex@npm:1.3.4"
   dependencies:
@@ -9496,7 +7628,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"es-define-property@npm:^1.0.0, es-define-property@npm:^1.0.1":
+"es-define-property@npm:^1.0.1":
   version: 1.0.1
   resolution: "es-define-property@npm:1.0.1"
   checksum: 10c0/3f54eb49c16c18707949ff25a1456728c883e81259f045003499efba399c08bad00deebf65cccde8c0e07908c1a225c9d472b7107e558f2a48e28d530e34527c
@@ -9557,13 +7689,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"es6-error@npm:^4.1.1":
-  version: 4.1.1
-  resolution: "es6-error@npm:4.1.1"
-  checksum: 10c0/357663fb1e845c047d548c3d30f86e005db71e122678f4184ced0693f634688c3f3ef2d7de7d4af732f734de01f528b05954e270f06aa7d133679fb9fe6600ef
-  languageName: node
-  linkType: hard
-
 "es6-iterator@npm:^2.0.3":
   version: 2.0.3
   resolution: "es6-iterator@npm:2.0.3"
@@ -9688,13 +7813,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"escape-string-regexp@npm:^1.0.2":
-  version: 1.0.5
-  resolution: "escape-string-regexp@npm:1.0.5"
-  checksum: 10c0/a968ad453dd0c2724e14a4f20e177aaf32bb384ab41b674a8454afe9a41c5e6fe8903323e0a1052f56289d04bd600f81278edf140b0fcc02f5cac98d0f5b5371
-  languageName: node
-  linkType: hard
-
 "escape-string-regexp@npm:^2.0.0":
   version: 2.0.0
   resolution: "escape-string-regexp@npm:2.0.0"
@@ -9702,13 +7820,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"escape-string-regexp@npm:^4.0.0":
-  version: 4.0.0
-  resolution: "escape-string-regexp@npm:4.0.0"
-  checksum: 10c0/9497d4dd307d845bd7f75180d8188bb17ea8c151c1edbf6b6717c100e104d629dc2dfb687686181b0f4b7d732c7dfdc4d5e7a8ff72de1b0ca283a75bbb3a9cd9
-  languageName: node
-  linkType: hard
-
 "eslint-scope@npm:5.1.1":
   version: 5.1.1
   resolution: "eslint-scope@npm:5.1.1"
@@ -9825,22 +7936,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"execa@npm:^1.0.0":
-  version: 1.0.0
-  resolution: "execa@npm:1.0.0"
-  dependencies:
-    cross-spawn: "npm:^6.0.0"
-    get-stream: "npm:^4.0.0"
-    is-stream: "npm:^1.1.0"
-    npm-run-path: "npm:^2.0.0"
-    p-finally: "npm:^1.0.0"
-    signal-exit: "npm:^3.0.0"
-    strip-eof: "npm:^1.0.0"
-  checksum: 10c0/cc71707c9aa4a2552346893ee63198bf70a04b5a1bc4f8a0ef40f1d03c319eae80932c59191f037990d7d102193e83a38ec72115fff814ec2fb3099f3661a590
-  languageName: node
-  linkType: hard
-
-"execa@npm:^5.0.0, execa@npm:^5.1.1":
+"execa@npm:^5.1.1":
   version: 5.1.1
   resolution: "execa@npm:5.1.1"
   dependencies:
@@ -9864,13 +7960,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"exit@npm:^0.1.2":
-  version: 0.1.2
-  resolution: "exit@npm:0.1.2"
-  checksum: 10c0/71d2ad9b36bc25bb8b104b17e830b40a08989be7f7d100b13269aaae7c3784c3e6e1e88a797e9e87523993a25ba27c8958959a554535370672cfb4d824af8989
-  languageName: node
-  linkType: hard
-
 "expect-type@npm:^1.2.2":
   version: 1.3.0
   resolution: "expect-type@npm:1.3.0"
@@ -9892,19 +7981,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"expect@npm:^29.7.0":
-  version: 29.7.0
-  resolution: "expect@npm:29.7.0"
-  dependencies:
-    "@jest/expect-utils": "npm:^29.7.0"
-    jest-get-type: "npm:^29.6.3"
-    jest-matcher-utils: "npm:^29.7.0"
-    jest-message-util: "npm:^29.7.0"
-    jest-util: "npm:^29.7.0"
-  checksum: 10c0/2eddeace66e68b8d8ee5f7be57f3014b19770caaf6815c7a08d131821da527fb8c8cb7b3dcd7c883d2d3d8d184206a4268984618032d1e4b16dc8d6596475d41
-  languageName: node
-  linkType: hard
-
 "exponential-backoff@npm:^3.1.1":
   version: 3.1.3
   resolution: "exponential-backoff@npm:3.1.3"
@@ -9960,34 +8036,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"external-editor@npm:^3.1.0":
-  version: 3.1.0
-  resolution: "external-editor@npm:3.1.0"
-  dependencies:
-    chardet: "npm:^0.7.0"
-    iconv-lite: "npm:^0.4.24"
-    tmp: "npm:^0.0.33"
-  checksum: 10c0/c98f1ba3efdfa3c561db4447ff366a6adb5c1e2581462522c56a18bf90dfe4da382f9cd1feee3e330108c3595a854b218272539f311ba1b3298f841eb0fbf339
-  languageName: node
-  linkType: hard
-
-"extract-zip@npm:^2.0.0, extract-zip@npm:^2.0.1":
-  version: 2.0.1
-  resolution: "extract-zip@npm:2.0.1"
-  dependencies:
-    "@types/yauzl": "npm:^2.9.1"
-    debug: "npm:^4.1.1"
-    get-stream: "npm:^5.1.0"
-    yauzl: "npm:^2.10.0"
-  dependenciesMeta:
-    "@types/yauzl":
-      optional: true
-  bin:
-    extract-zip: cli.js
-  checksum: 10c0/9afbd46854aa15a857ae0341a63a92743a7b89c8779102c3b4ffc207516b2019337353962309f85c66ee3d9092202a83cdc26dbf449a11981272038443974aee
-  languageName: node
-  linkType: hard
-
 "fast-af@npm:^0.1.0":
   version: 0.1.0
   resolution: "fast-af@npm:0.1.0"
@@ -10034,19 +8082,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"fast-glob@npm:^3.2.7":
-  version: 3.3.3
-  resolution: "fast-glob@npm:3.3.3"
-  dependencies:
-    "@nodelib/fs.stat": "npm:^2.0.2"
-    "@nodelib/fs.walk": "npm:^1.2.3"
-    glob-parent: "npm:^5.1.2"
-    merge2: "npm:^1.3.0"
-    micromatch: "npm:^4.0.8"
-  checksum: 10c0/f6aaa141d0d3384cf73cbcdfc52f475ed293f6d5b65bfc5def368b09163a9f7e5ec2b3014d80f733c405f58e470ee0cc451c2937685045cddcdeaa24199c43fe
-  languageName: node
-  linkType: hard
-
 "fast-json-parse@npm:^1.0.3":
   version: 1.0.3
   resolution: "fast-json-parse@npm:1.0.3"
@@ -10133,15 +8168,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"fastq@npm:^1.6.0":
-  version: 1.20.1
-  resolution: "fastq@npm:1.20.1"
-  dependencies:
-    reusify: "npm:^1.0.4"
-  checksum: 10c0/e5dd725884decb1f11e5c822221d76136f239d0236f176fab80b7b8f9e7619ae57e6b4e5b73defc21e6b9ef99437ee7b545cff8e6c2c337819633712fa9d352e
-  languageName: node
-  linkType: hard
-
 "faye-websocket@npm:^0.11.3":
   version: 0.11.4
   resolution: "faye-websocket@npm:0.11.4"
@@ -10151,7 +8177,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"fb-watchman@npm:^2.0.0, fb-watchman@npm:^2.0.2":
+"fb-watchman@npm:^2.0.2":
   version: 2.0.2
   resolution: "fb-watchman@npm:2.0.2"
   dependencies:
@@ -10175,15 +8201,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"fd-slicer@npm:~1.1.0":
-  version: 1.1.0
-  resolution: "fd-slicer@npm:1.1.0"
-  dependencies:
-    pend: "npm:~1.2.0"
-  checksum: 10c0/304dd70270298e3ffe3bcc05e6f7ade2511acc278bc52d025f8918b48b6aa3b77f10361bddfadfe2a28163f7af7adbdce96f4d22c31b2f648ba2901f0c5fc20e
-  languageName: node
-  linkType: hard
-
 "fdir@npm:^6.5.0":
   version: 6.5.0
   resolution: "fdir@npm:6.5.0"
@@ -10203,24 +8220,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"filename-reserved-regex@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "filename-reserved-regex@npm:2.0.0"
-  checksum: 10c0/453740b7f9fd126e508da555b37e38c1f7ff19f5e9f3d297b2de1beb09854957baddd74c83235e87b16e9ce27a2368798896669edad5a81b5b7bd8cb57c942fc
-  languageName: node
-  linkType: hard
-
-"filenamify@npm:^4.1.0":
-  version: 4.3.0
-  resolution: "filenamify@npm:4.3.0"
-  dependencies:
-    filename-reserved-regex: "npm:^2.0.0"
-    strip-outer: "npm:^1.0.1"
-    trim-repeated: "npm:^1.0.0"
-  checksum: 10c0/dcfd2f116d66f78c9dd58bb0f0d9b6529d89c801a9f37a4f86e7adc0acecb6881c7fb7c3231dc9e6754b767edcfdca89cba3a492a58afd2b48479b30d14ccf8f
-  languageName: node
-  linkType: hard
-
 "fill-range@npm:^7.1.1":
   version: 7.1.1
   resolution: "fill-range@npm:7.1.1"
@@ -10267,15 +8266,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"find-up@npm:^2.0.0":
-  version: 2.1.0
-  resolution: "find-up@npm:2.1.0"
-  dependencies:
-    locate-path: "npm:^2.0.0"
-  checksum: 10c0/c080875c9fe28eb1962f35cbe83c683796a0321899f1eed31a37577800055539815de13d53495049697d3ba313013344f843bb9401dd337a1b832be5edfc6840
-  languageName: node
-  linkType: hard
-
 "find-up@npm:^4.0.0, find-up@npm:^4.1.0":
   version: 4.1.0
   resolution: "find-up@npm:4.1.0"
@@ -10286,16 +8276,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"find-up@npm:^5.0.0":
-  version: 5.0.0
-  resolution: "find-up@npm:5.0.0"
-  dependencies:
-    locate-path: "npm:^6.0.0"
-    path-exists: "npm:^4.0.0"
-  checksum: 10c0/062c5a83a9c02f53cdd6d175a37ecf8f87ea5bbff1fdfb828f04bfa021441bc7583e8ebc0872a4c1baab96221fb8a8a275a19809fb93fbc40bd69ec35634069a
-  languageName: node
-  linkType: hard
-
 "flairup@npm:1.0.0":
   version: 1.0.0
   resolution: "flairup@npm:1.0.0"
@@ -10341,16 +8321,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"flora-colossus@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "flora-colossus@npm:2.0.0"
-  dependencies:
-    debug: "npm:^4.3.4"
-    fs-extra: "npm:^10.1.0"
-  checksum: 10c0/ea50e6ff38fd089f536cbec57da9a3a311efe5a97c21a2c0ae8cc1a85a71c9301b10168693b6389e257c7dbccc3723cc4f0d98377e29b6b65e6f45a929fe5d54
-  languageName: node
-  linkType: hard
-
 "focus-lock@npm:^0.1.0":
   version: 0.1.0
   resolution: "focus-lock@npm:0.1.0"
@@ -10435,7 +8405,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"fs-extra@npm:^10.0.0, fs-extra@npm:^10.1.0":
+"fs-extra@npm:^10.0.0":
   version: 10.1.0
   resolution: "fs-extra@npm:10.1.0"
   dependencies:
@@ -10446,60 +8416,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"fs-extra@npm:^11.1.0, fs-extra@npm:^11.1.1":
-  version: 11.3.5
-  resolution: "fs-extra@npm:11.3.5"
-  dependencies:
-    graceful-fs: "npm:^4.2.0"
-    jsonfile: "npm:^6.0.1"
-    universalify: "npm:^2.0.0"
-  checksum: 10c0/33e80bad6b5d17308faa197e5ede99ecba4b6f6cb4aa4645d52745476c75afc57665bdf39ec75b2ebb38b97b7110f634a8dcc0a546e248eb4de059275cf5ac90
-  languageName: node
-  linkType: hard
-
-"fs-extra@npm:^7.0.1":
-  version: 7.0.1
-  resolution: "fs-extra@npm:7.0.1"
-  dependencies:
-    graceful-fs: "npm:^4.1.2"
-    jsonfile: "npm:^4.0.0"
-    universalify: "npm:^0.1.0"
-  checksum: 10c0/1943bb2150007e3739921b8d13d4109abdc3cc481e53b97b7ea7f77eda1c3c642e27ae49eac3af074e3496ea02fde30f411ef410c760c70a38b92e656e5da784
-  languageName: node
-  linkType: hard
-
-"fs-extra@npm:^8.1.0":
-  version: 8.1.0
-  resolution: "fs-extra@npm:8.1.0"
-  dependencies:
-    graceful-fs: "npm:^4.2.0"
-    jsonfile: "npm:^4.0.0"
-    universalify: "npm:^0.1.0"
-  checksum: 10c0/259f7b814d9e50d686899550c4f9ded85c46c643f7fe19be69504888e007fcbc08f306fae8ec495b8b998635e997c9e3e175ff2eeed230524ef1c1684cc96423
-  languageName: node
-  linkType: hard
-
-"fs-extra@npm:^9.0.0, fs-extra@npm:^9.0.1":
-  version: 9.1.0
-  resolution: "fs-extra@npm:9.1.0"
-  dependencies:
-    at-least-node: "npm:^1.0.0"
-    graceful-fs: "npm:^4.2.0"
-    jsonfile: "npm:^6.0.1"
-    universalify: "npm:^2.0.0"
-  checksum: 10c0/9b808bd884beff5cb940773018179a6b94a966381d005479f00adda6b44e5e3d4abf765135773d849cc27efe68c349e4a7b86acd7d3306d5932c14f3a4b17a92
-  languageName: node
-  linkType: hard
-
-"fs-minipass@npm:^2.0.0, fs-minipass@npm:^2.1.0":
-  version: 2.1.0
-  resolution: "fs-minipass@npm:2.1.0"
-  dependencies:
-    minipass: "npm:^3.0.0"
-  checksum: 10c0/703d16522b8282d7299337539c3ed6edddd1afe82435e4f5b76e34a79cd74e488a8a0e26a636afc2440e1a23b03878e2122e3a2cfe375a5cf63c37d92b86a004
-  languageName: node
-  linkType: hard
-
 "fs-minipass@npm:^3.0.0":
   version: 3.0.3
   resolution: "fs-minipass@npm:3.0.3"
@@ -10538,7 +8454,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"fsevents@npm:^2.3.2, fsevents@npm:^2.3.3, fsevents@npm:~2.3.2, fsevents@npm:~2.3.3":
+"fsevents@npm:^2.3.3, fsevents@npm:~2.3.2, fsevents@npm:~2.3.3":
   version: 2.3.3
   resolution: "fsevents@npm:2.3.3"
   dependencies:
@@ -10548,7 +8464,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"fsevents@patch:fsevents@npm%3A^2.3.2#optional!builtin<compat/fsevents>, fsevents@patch:fsevents@npm%3A^2.3.3#optional!builtin<compat/fsevents>, fsevents@patch:fsevents@npm%3A~2.3.2#optional!builtin<compat/fsevents>, fsevents@patch:fsevents@npm%3A~2.3.3#optional!builtin<compat/fsevents>":
+"fsevents@patch:fsevents@npm%3A^2.3.3#optional!builtin<compat/fsevents>, fsevents@patch:fsevents@npm%3A~2.3.2#optional!builtin<compat/fsevents>, fsevents@patch:fsevents@npm%3A~2.3.3#optional!builtin<compat/fsevents>":
   version: 2.3.3
   resolution: "fsevents@patch:fsevents@npm%3A2.3.3#optional!builtin<compat/fsevents>::version=2.3.3&hash=df0bf1"
   dependencies:
@@ -10571,24 +8487,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"galactus@npm:^1.0.0":
-  version: 1.0.0
-  resolution: "galactus@npm:1.0.0"
-  dependencies:
-    debug: "npm:^4.3.4"
-    flora-colossus: "npm:^2.0.0"
-    fs-extra: "npm:^10.1.0"
-  checksum: 10c0/8422109720515f71b40c60275e05f0a65957bdf15498775ac610df9a254ffe36b10e31d239d88d60c2b348b86d213170d3cfa46562e89c8d860067a80b20ad46
-  languageName: node
-  linkType: hard
-
-"gar@npm:^1.0.4":
-  version: 1.0.4
-  resolution: "gar@npm:1.0.4"
-  checksum: 10c0/25683a9d4af9b34a1b13f823d46e9bfc379873044c89ef33728ecc882b39a0f64d29a06564c41f2f78c0872c69b04957d391ac29a5ebafbe2fd8e121051cb025
-  languageName: node
-  linkType: hard
-
 "generator-function@npm:^2.0.0":
   version: 2.0.1
   resolution: "generator-function@npm:2.0.1"
@@ -10617,18 +8515,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"get-folder-size@npm:^2.0.1":
-  version: 2.0.1
-  resolution: "get-folder-size@npm:2.0.1"
-  dependencies:
-    gar: "npm:^1.0.4"
-    tiny-each-async: "npm:2.0.3"
-  bin:
-    get-folder-size: bin/get-folder-size
-  checksum: 10c0/7d1c9436cbe5c921ade3437b71ad00ce45fcbb79259490753ffcf10fdc19c7cc7e1aa2bdd1586f321fc0ab81e6d835334e24c37e3127e33ebb427ed7742a8229
-  languageName: node
-  linkType: hard
-
 "get-intrinsic@npm:^1.2.5, get-intrinsic@npm:^1.2.6, get-intrinsic@npm:^1.3.0":
   version: 1.3.1
   resolution: "get-intrinsic@npm:1.3.1"
@@ -10657,18 +8543,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"get-package-info@npm:^1.0.0":
-  version: 1.0.0
-  resolution: "get-package-info@npm:1.0.0"
-  dependencies:
-    bluebird: "npm:^3.1.1"
-    debug: "npm:^2.2.0"
-    lodash.get: "npm:^4.0.0"
-    read-pkg-up: "npm:^2.0.0"
-  checksum: 10c0/4d1a52442d876948e93d929afac609c023a1d61bc5eda17a176e1b7c520207da97e0a58d34e9e5bfc776e1c0b226745e3f672901cfa4fad6f5d46cae9a3993b5
-  languageName: node
-  linkType: hard
-
 "get-package-type@npm:^0.1.0":
   version: 0.1.0
   resolution: "get-package-type@npm:0.1.0"
@@ -10686,24 +8560,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"get-stream@npm:^4.0.0":
-  version: 4.1.0
-  resolution: "get-stream@npm:4.1.0"
-  dependencies:
-    pump: "npm:^3.0.0"
-  checksum: 10c0/294d876f667694a5ca23f0ca2156de67da950433b6fb53024833733975d32582896dbc7f257842d331809979efccf04d5e0b6b75ad4d45744c45f193fd497539
-  languageName: node
-  linkType: hard
-
-"get-stream@npm:^5.1.0":
-  version: 5.2.0
-  resolution: "get-stream@npm:5.2.0"
-  dependencies:
-    pump: "npm:^3.0.0"
-  checksum: 10c0/43797ffd815fbb26685bf188c8cfebecb8af87b3925091dd7b9a9c915993293d78e3c9e1bce125928ff92f2d0796f3889b92b5ec6d58d1041b574682132e0a80
-  languageName: node
-  linkType: hard
-
 "get-stream@npm:^6.0.0":
   version: 6.0.1
   resolution: "get-stream@npm:6.0.1"
@@ -10711,7 +8567,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"glob-parent@npm:^5.1.2, glob-parent@npm:~5.1.2":
+"glob-parent@npm:~5.1.2":
   version: 5.1.2
   resolution: "glob-parent@npm:5.1.2"
   dependencies:
@@ -10763,7 +8619,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"glob@npm:^7.1.3, glob@npm:^7.1.4, glob@npm:^7.1.6":
+"glob@npm:^7.1.3, glob@npm:^7.1.4":
   version: 7.2.3
   resolution: "glob@npm:7.2.3"
   dependencies:
@@ -10777,52 +8633,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"glob@npm:^8.0.1, glob@npm:^8.1.0":
-  version: 8.1.0
-  resolution: "glob@npm:8.1.0"
-  dependencies:
-    fs.realpath: "npm:^1.0.0"
-    inflight: "npm:^1.0.4"
-    inherits: "npm:2"
-    minimatch: "npm:^5.0.1"
-    once: "npm:^1.3.0"
-  checksum: 10c0/cb0b5cab17a59c57299376abe5646c7070f8acb89df5595b492dba3bfb43d301a46c01e5695f01154e6553168207cb60d4eaf07d3be4bc3eb9b0457c5c561d0f
-  languageName: node
-  linkType: hard
-
-"global-agent@npm:^3.0.0":
-  version: 3.0.0
-  resolution: "global-agent@npm:3.0.0"
-  dependencies:
-    boolean: "npm:^3.0.1"
-    es6-error: "npm:^4.1.1"
-    matcher: "npm:^3.0.0"
-    roarr: "npm:^2.15.3"
-    semver: "npm:^7.3.2"
-    serialize-error: "npm:^7.0.1"
-  checksum: 10c0/bb8750d026b25da437072762fd739098bad92ff72f66483c3929db4579e072f5523960f7e7fd70ee0d75db48898067b5dc1c9c1d17888128cff008fcc34d1bd3
-  languageName: node
-  linkType: hard
-
-"global-dirs@npm:^3.0.0":
-  version: 3.0.1
-  resolution: "global-dirs@npm:3.0.1"
-  dependencies:
-    ini: "npm:2.0.0"
-  checksum: 10c0/ef65e2241a47ff978f7006a641302bc7f4c03dfb98783d42bf7224c136e3a06df046e70ee3a010cf30214114755e46c9eb5eb1513838812fbbe0d92b14c25080
-  languageName: node
-  linkType: hard
-
-"globalthis@npm:^1.0.1":
-  version: 1.0.4
-  resolution: "globalthis@npm:1.0.4"
-  dependencies:
-    define-properties: "npm:^1.2.1"
-    gopd: "npm:^1.0.1"
-  checksum: 10c0/9d156f313af79d80b1566b93e19285f481c591ad6d0d319b4be5e03750d004dde40a39a0f26f7e635f9007a3600802f53ecd85a759b86f109e80a5f705e01846
-  languageName: node
-  linkType: hard
-
 "goober@npm:^2.0.33":
   version: 2.1.18
   resolution: "goober@npm:2.1.18"
@@ -10832,33 +8642,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"gopd@npm:^1.0.1, gopd@npm:^1.2.0":
+"gopd@npm:^1.2.0":
   version: 1.2.0
   resolution: "gopd@npm:1.2.0"
   checksum: 10c0/50fff1e04ba2b7737c097358534eacadad1e68d24cccee3272e04e007bed008e68d2614f3987788428fd192a5ae3889d08fb2331417e4fc4a9ab366b2043cead
   languageName: node
   linkType: hard
 
-"got@npm:^11.7.0, got@npm:^11.8.5":
-  version: 11.8.6
-  resolution: "got@npm:11.8.6"
-  dependencies:
-    "@sindresorhus/is": "npm:^4.0.0"
-    "@szmarczak/http-timer": "npm:^4.0.5"
-    "@types/cacheable-request": "npm:^6.0.1"
-    "@types/responselike": "npm:^1.0.0"
-    cacheable-lookup: "npm:^5.0.3"
-    cacheable-request: "npm:^7.0.2"
-    decompress-response: "npm:^6.0.0"
-    http2-wrapper: "npm:^1.0.0-beta.5.2"
-    lowercase-keys: "npm:^2.0.0"
-    p-cancelable: "npm:^2.0.0"
-    responselike: "npm:^2.0.0"
-  checksum: 10c0/754dd44877e5cf6183f1e989ff01c648d9a4719e357457bd4c78943911168881f1cfb7b2cb15d885e2105b3ad313adb8f017a67265dd7ade771afdb261ee8cb1
-  languageName: node
-  linkType: hard
-
-"graceful-fs@npm:^4.1.2, graceful-fs@npm:^4.1.6, graceful-fs@npm:^4.2.0, graceful-fs@npm:^4.2.11, graceful-fs@npm:^4.2.4, graceful-fs@npm:^4.2.6, graceful-fs@npm:^4.2.9":
+"graceful-fs@npm:^4.1.2, graceful-fs@npm:^4.1.6, graceful-fs@npm:^4.2.0, graceful-fs@npm:^4.2.11, graceful-fs@npm:^4.2.4, graceful-fs@npm:^4.2.6":
   version: 4.2.11
   resolution: "graceful-fs@npm:4.2.11"
   checksum: 10c0/386d011a553e02bc594ac2ca0bd6d9e4c22d7fa8cfbfc448a6d148c59ea881b092db9dbe3547ae4b88e55f1b01f7c4a2ecc53b310c042793e63aa44cf6c257f2
@@ -10897,15 +8688,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"has-property-descriptors@npm:^1.0.0":
-  version: 1.0.2
-  resolution: "has-property-descriptors@npm:1.0.2"
-  dependencies:
-    es-define-property: "npm:^1.0.0"
-  checksum: 10c0/253c1f59e80bb476cf0dde8ff5284505d90c3bdb762983c3514d36414290475fe3fd6f574929d84de2a8eec00d35cf07cb6776205ff32efd7c50719125f00236
-  languageName: node
-  linkType: hard
-
 "has-symbols@npm:^1.0.3, has-symbols@npm:^1.1.0":
   version: 1.1.0
   resolution: "has-symbols@npm:1.1.0"
@@ -10949,13 +8731,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"hosted-git-info@npm:^2.1.4":
-  version: 2.8.9
-  resolution: "hosted-git-info@npm:2.8.9"
-  checksum: 10c0/317cbc6b1bbbe23c2a40ae23f3dafe9fa349ce42a89a36f930e3f9c0530c179a3882d2ef1e4141a4c3674d6faaea862138ec55b43ad6f75e387fda2483a13c70
-  languageName: node
-  linkType: hard
-
 "hpack.js@npm:^2.1.6":
   version: 2.1.6
   resolution: "hpack.js@npm:2.1.6"
@@ -11041,7 +8816,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"http-cache-semantics@npm:^4.0.0, http-cache-semantics@npm:^4.1.0, http-cache-semantics@npm:^4.1.1":
+"http-cache-semantics@npm:^4.1.1":
   version: 4.2.0
   resolution: "http-cache-semantics@npm:4.2.0"
   checksum: 10c0/45b66a945cf13ec2d1f29432277201313babf4a01d9e52f44b31ca923434083afeca03f18417f599c9ab3d0e7b618ceb21257542338b57c54b710463b4a53e37
@@ -11088,17 +8863,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"http-proxy-agent@npm:^5.0.0":
-  version: 5.0.0
-  resolution: "http-proxy-agent@npm:5.0.0"
-  dependencies:
-    "@tootallnate/once": "npm:2"
-    agent-base: "npm:6"
-    debug: "npm:4"
-  checksum: 10c0/32a05e413430b2c1e542e5c74b38a9f14865301dd69dff2e53ddb684989440e3d2ce0c4b64d25eb63cf6283e6265ff979a61cf93e3ca3d23047ddfdc8df34a32
-  languageName: node
-  linkType: hard
-
 "http-proxy-agent@npm:^7.0.0, http-proxy-agent@npm:^7.0.2":
   version: 7.0.2
   resolution: "http-proxy-agent@npm:7.0.2"
@@ -11132,29 +8896,9 @@ __metadata:
   resolution: "http-proxy@npm:1.18.1"
   dependencies:
     eventemitter3: "npm:^4.0.0"
-    follow-redirects: "npm:^1.0.0"
-    requires-port: "npm:^1.0.0"
-  checksum: 10c0/148dfa700a03fb421e383aaaf88ac1d94521dfc34072f6c59770528c65250983c2e4ec996f2f03aa9f3fe46cd1270a593126068319311e3e8d9e610a37533e94
-  languageName: node
-  linkType: hard
-
-"http2-wrapper@npm:^1.0.0-beta.5.2":
-  version: 1.0.3
-  resolution: "http2-wrapper@npm:1.0.3"
-  dependencies:
-    quick-lru: "npm:^5.1.1"
-    resolve-alpn: "npm:^1.0.0"
-  checksum: 10c0/6a9b72a033e9812e1476b9d776ce2f387bc94bc46c88aea0d5dab6bd47d0a539b8178830e77054dd26d1142c866d515a28a4dc7c3ff4232c88ff2ebe4f5d12d1
-  languageName: node
-  linkType: hard
-
-"https-proxy-agent@npm:^5.0.0":
-  version: 5.0.1
-  resolution: "https-proxy-agent@npm:5.0.1"
-  dependencies:
-    agent-base: "npm:6"
-    debug: "npm:4"
-  checksum: 10c0/6dd639f03434003577c62b27cafdb864784ef19b2de430d8ae2a1d45e31c4fd60719e5637b44db1a88a046934307da7089e03d6089ec3ddacc1189d8de8897d1
+    follow-redirects: "npm:^1.0.0"
+    requires-port: "npm:^1.0.0"
+  checksum: 10c0/148dfa700a03fb421e383aaaf88ac1d94521dfc34072f6c59770528c65250983c2e4ec996f2f03aa9f3fe46cd1270a593126068319311e3e8d9e610a37533e94
   languageName: node
   linkType: hard
 
@@ -11175,15 +8919,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"humanize-ms@npm:^1.2.1":
-  version: 1.2.1
-  resolution: "humanize-ms@npm:1.2.1"
-  dependencies:
-    ms: "npm:^2.0.0"
-  checksum: 10c0/f34a2c20161d02303c2807badec2f3b49cbfbbb409abd4f95a07377ae01cfe6b59e3d15ac609cffcd8f2521f0eb37b7e1091acf65da99aa2a4f1ad63c21e7e7a
-  languageName: node
-  linkType: hard
-
 "hyperdyperid@npm:^1.2.0":
   version: 1.2.0
   resolution: "hyperdyperid@npm:1.2.0"
@@ -11220,7 +8955,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"iconv-lite@npm:^0.4.24, iconv-lite@npm:~0.4.24":
+"iconv-lite@npm:~0.4.24":
   version: 0.4.24
   resolution: "iconv-lite@npm:0.4.24"
   dependencies:
@@ -11281,13 +9016,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"infer-owner@npm:^1.0.4":
-  version: 1.0.4
-  resolution: "infer-owner@npm:1.0.4"
-  checksum: 10c0/a7b241e3149c26e37474e3435779487f42f36883711f198c45794703c7556bc38af224088bd4d1a221a45b8208ae2c2bcf86200383621434d0c099304481c5b9
-  languageName: node
-  linkType: hard
-
 "inflight@npm:^1.0.4":
   version: 1.0.6
   resolution: "inflight@npm:1.0.6"
@@ -11305,13 +9033,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ini@npm:2.0.0":
-  version: 2.0.0
-  resolution: "ini@npm:2.0.0"
-  checksum: 10c0/2e0c8f386369139029da87819438b20a1ff3fe58372d93fb1a86e9d9344125ace3a806b8ec4eb160a46e64cbc422fe68251869441676af49b7fc441af2389c25
-  languageName: node
-  linkType: hard
-
 "inline-style-prefixer@npm:^4.0.0":
   version: 4.0.2
   resolution: "inline-style-prefixer@npm:4.0.2"
@@ -11361,13 +9082,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ip-address@npm:^10.1.1":
-  version: 10.2.0
-  resolution: "ip-address@npm:10.2.0"
-  checksum: 10c0/5a00aada6e922c9c69dfc800ed5d0fa3348675ebdeed0e1575f503f27ca385b5f534363c9af7ad1daf64c1f1409388cdd3cc2e9b9b0fe1c924a431378d55075a
-  languageName: node
-  linkType: hard
-
 "ipaddr.js@npm:1.9.1":
   version: 1.9.1
   resolution: "ipaddr.js@npm:1.9.1"
@@ -11437,14 +9151,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-fullwidth-code-point@npm:^4.0.0":
-  version: 4.0.0
-  resolution: "is-fullwidth-code-point@npm:4.0.0"
-  checksum: 10c0/df2a717e813567db0f659c306d61f2f804d480752526886954a2a3e2246c7745fd07a52b5fecf2b68caf0a6c79dcdace6166fdf29cc76ed9975cc334f0a018b8
-  languageName: node
-  linkType: hard
-
-"is-generator-fn@npm:^2.0.0, is-generator-fn@npm:^2.1.0":
+"is-generator-fn@npm:^2.1.0":
   version: 2.1.0
   resolution: "is-generator-fn@npm:2.1.0"
   checksum: 10c0/2957cab387997a466cd0bf5c1b6047bd21ecb32bdcfd8996b15747aa01002c1c88731802f1b3d34ac99f4f6874b626418bd118658cf39380fe5fff32a3af9c4d
@@ -11485,20 +9192,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-interactive@npm:^1.0.0":
-  version: 1.0.0
-  resolution: "is-interactive@npm:1.0.0"
-  checksum: 10c0/dd47904dbf286cd20aa58c5192161be1a67138485b9836d5a70433b21a45442e9611b8498b8ab1f839fc962c7620667a50535fdfb4a6bc7989b8858645c06b4d
-  languageName: node
-  linkType: hard
-
-"is-lambda@npm:^1.0.1":
-  version: 1.0.1
-  resolution: "is-lambda@npm:1.0.1"
-  checksum: 10c0/85fee098ae62ba6f1e24cf22678805473c7afd0fb3978a3aa260e354cb7bcb3a5806cf0a98403188465efedec41ab4348e8e4e79305d409601323855b3839d4d
-  languageName: node
-  linkType: hard
-
 "is-network-error@npm:^1.0.0":
   version: 1.3.0
   resolution: "is-network-error@npm:1.3.0"
@@ -11543,7 +9236,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-stream@npm:^1.0.1, is-stream@npm:^1.1.0":
+"is-stream@npm:^1.0.1":
   version: 1.1.0
   resolution: "is-stream@npm:1.1.0"
   checksum: 10c0/b8ae7971e78d2e8488d15f804229c6eed7ed36a28f8807a1815938771f4adff0e705218b7dab968270433f67103e4fef98062a0beea55d64835f705ee72c7002
@@ -11564,13 +9257,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-unicode-supported@npm:^0.1.0":
-  version: 0.1.0
-  resolution: "is-unicode-supported@npm:0.1.0"
-  checksum: 10c0/00cbe3455c3756be68d2542c416cab888aebd5012781d6819749fefb15162ff23e38501fe681b3d751c73e8ff561ac09a5293eba6f58fdf0178462ce6dcb3453
-  languageName: node
-  linkType: hard
-
 "is-wsl@npm:^3.1.0":
   version: 3.1.0
   resolution: "is-wsl@npm:3.1.0"
@@ -11587,13 +9273,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"isbinaryfile@npm:^4.0.8":
-  version: 4.0.10
-  resolution: "isbinaryfile@npm:4.0.10"
-  checksum: 10c0/0703d8cfeb69ed79e6d173120f327450011a066755150a6bbf97ffecec1069a5f2092777868315b21359098c84b54984871cad1abce877ad9141fb2caf3dcabf
-  languageName: node
-  linkType: hard
-
 "isexe@npm:^2.0.0":
   version: 2.0.0
   resolution: "isexe@npm:2.0.0"
@@ -11639,19 +9318,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"istanbul-lib-instrument@npm:^5.0.4":
-  version: 5.2.1
-  resolution: "istanbul-lib-instrument@npm:5.2.1"
-  dependencies:
-    "@babel/core": "npm:^7.12.3"
-    "@babel/parser": "npm:^7.14.7"
-    "@istanbuljs/schema": "npm:^0.1.2"
-    istanbul-lib-coverage: "npm:^3.2.0"
-    semver: "npm:^6.3.0"
-  checksum: 10c0/8a1bdf3e377dcc0d33ec32fe2b6ecacdb1e4358fd0eb923d4326bb11c67622c0ceb99600a680f3dad5d29c66fc1991306081e339b4d43d0b8a2ab2e1d910a6ee
-  languageName: node
-  linkType: hard
-
 "istanbul-lib-instrument@npm:^6.0.0, istanbul-lib-instrument@npm:^6.0.2":
   version: 6.0.3
   resolution: "istanbul-lib-instrument@npm:6.0.3"
@@ -11676,17 +9342,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"istanbul-lib-source-maps@npm:^4.0.0":
-  version: 4.0.1
-  resolution: "istanbul-lib-source-maps@npm:4.0.1"
-  dependencies:
-    debug: "npm:^4.1.1"
-    istanbul-lib-coverage: "npm:^3.0.0"
-    source-map: "npm:^0.6.1"
-  checksum: 10c0/19e4cc405016f2c906dff271a76715b3e881fa9faeb3f09a86cb99b8512b3a5ed19cadfe0b54c17ca0e54c1142c9c6de9330d65506e35873994e06634eebeb66
-  languageName: node
-  linkType: hard
-
 "istanbul-lib-source-maps@npm:^5.0.0":
   version: 5.0.6
   resolution: "istanbul-lib-source-maps@npm:5.0.6"
@@ -11732,17 +9387,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-changed-files@npm:^29.7.0":
-  version: 29.7.0
-  resolution: "jest-changed-files@npm:29.7.0"
-  dependencies:
-    execa: "npm:^5.0.0"
-    jest-util: "npm:^29.7.0"
-    p-limit: "npm:^3.1.0"
-  checksum: 10c0/e071384d9e2f6bb462231ac53f29bff86f0e12394c1b49ccafbad225ce2ab7da226279a8a94f421949920bef9be7ef574fd86aee22e8adfa149be73554ab828b
-  languageName: node
-  linkType: hard
-
 "jest-circus@npm:30.2.0":
   version: 30.2.0
   resolution: "jest-circus@npm:30.2.0"
@@ -11771,34 +9415,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-circus@npm:^29.7.0":
-  version: 29.7.0
-  resolution: "jest-circus@npm:29.7.0"
-  dependencies:
-    "@jest/environment": "npm:^29.7.0"
-    "@jest/expect": "npm:^29.7.0"
-    "@jest/test-result": "npm:^29.7.0"
-    "@jest/types": "npm:^29.6.3"
-    "@types/node": "npm:*"
-    chalk: "npm:^4.0.0"
-    co: "npm:^4.6.0"
-    dedent: "npm:^1.0.0"
-    is-generator-fn: "npm:^2.0.0"
-    jest-each: "npm:^29.7.0"
-    jest-matcher-utils: "npm:^29.7.0"
-    jest-message-util: "npm:^29.7.0"
-    jest-runtime: "npm:^29.7.0"
-    jest-snapshot: "npm:^29.7.0"
-    jest-util: "npm:^29.7.0"
-    p-limit: "npm:^3.1.0"
-    pretty-format: "npm:^29.7.0"
-    pure-rand: "npm:^6.0.0"
-    slash: "npm:^3.0.0"
-    stack-utils: "npm:^2.0.3"
-  checksum: 10c0/8d15344cf7a9f14e926f0deed64ed190c7a4fa1ed1acfcd81e4cc094d3cc5bf7902ebb7b874edc98ada4185688f90c91e1747e0dfd7ac12463b097968ae74b5e
-  languageName: node
-  linkType: hard
-
 "jest-cli@npm:30.2.0":
   version: 30.2.0
   resolution: "jest-cli@npm:30.2.0"
@@ -11824,32 +9440,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-cli@npm:^29.7.0":
-  version: 29.7.0
-  resolution: "jest-cli@npm:29.7.0"
-  dependencies:
-    "@jest/core": "npm:^29.7.0"
-    "@jest/test-result": "npm:^29.7.0"
-    "@jest/types": "npm:^29.6.3"
-    chalk: "npm:^4.0.0"
-    create-jest: "npm:^29.7.0"
-    exit: "npm:^0.1.2"
-    import-local: "npm:^3.0.2"
-    jest-config: "npm:^29.7.0"
-    jest-util: "npm:^29.7.0"
-    jest-validate: "npm:^29.7.0"
-    yargs: "npm:^17.3.1"
-  peerDependencies:
-    node-notifier: ^8.0.1 || ^9.0.0 || ^10.0.0
-  peerDependenciesMeta:
-    node-notifier:
-      optional: true
-  bin:
-    jest: bin/jest.js
-  checksum: 10c0/a658fd55050d4075d65c1066364595962ead7661711495cfa1dfeecf3d6d0a8ffec532f3dbd8afbb3e172dd5fd2fb2e813c5e10256e7cf2fea766314942fb43a
-  languageName: node
-  linkType: hard
-
 "jest-config@npm:30.2.0":
   version: 30.2.0
   resolution: "jest-config@npm:30.2.0"
@@ -11893,44 +9483,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-config@npm:^29.7.0":
-  version: 29.7.0
-  resolution: "jest-config@npm:29.7.0"
-  dependencies:
-    "@babel/core": "npm:^7.11.6"
-    "@jest/test-sequencer": "npm:^29.7.0"
-    "@jest/types": "npm:^29.6.3"
-    babel-jest: "npm:^29.7.0"
-    chalk: "npm:^4.0.0"
-    ci-info: "npm:^3.2.0"
-    deepmerge: "npm:^4.2.2"
-    glob: "npm:^7.1.3"
-    graceful-fs: "npm:^4.2.9"
-    jest-circus: "npm:^29.7.0"
-    jest-environment-node: "npm:^29.7.0"
-    jest-get-type: "npm:^29.6.3"
-    jest-regex-util: "npm:^29.6.3"
-    jest-resolve: "npm:^29.7.0"
-    jest-runner: "npm:^29.7.0"
-    jest-util: "npm:^29.7.0"
-    jest-validate: "npm:^29.7.0"
-    micromatch: "npm:^4.0.4"
-    parse-json: "npm:^5.2.0"
-    pretty-format: "npm:^29.7.0"
-    slash: "npm:^3.0.0"
-    strip-json-comments: "npm:^3.1.1"
-  peerDependencies:
-    "@types/node": "*"
-    ts-node: ">=9.0.0"
-  peerDependenciesMeta:
-    "@types/node":
-      optional: true
-    ts-node:
-      optional: true
-  checksum: 10c0/bab23c2eda1fff06e0d104b00d6adfb1d1aabb7128441899c9bff2247bd26710b050a5364281ce8d52b46b499153bf7e3ee88b19831a8f3451f1477a0246a0f1
-  languageName: node
-  linkType: hard
-
 "jest-diff@npm:30.2.0":
   version: 30.2.0
   resolution: "jest-diff@npm:30.2.0"
@@ -11943,18 +9495,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-diff@npm:^29.7.0":
-  version: 29.7.0
-  resolution: "jest-diff@npm:29.7.0"
-  dependencies:
-    chalk: "npm:^4.0.0"
-    diff-sequences: "npm:^29.6.3"
-    jest-get-type: "npm:^29.6.3"
-    pretty-format: "npm:^29.7.0"
-  checksum: 10c0/89a4a7f182590f56f526443dde69acefb1f2f0c9e59253c61d319569856c4931eae66b8a3790c443f529267a0ddba5ba80431c585deed81827032b2b2a1fc999
-  languageName: node
-  linkType: hard
-
 "jest-docblock@npm:30.2.0":
   version: 30.2.0
   resolution: "jest-docblock@npm:30.2.0"
@@ -11964,15 +9504,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-docblock@npm:^29.7.0":
-  version: 29.7.0
-  resolution: "jest-docblock@npm:29.7.0"
-  dependencies:
-    detect-newline: "npm:^3.0.0"
-  checksum: 10c0/d932a8272345cf6b6142bb70a2bb63e0856cc0093f082821577ea5bdf4643916a98744dfc992189d2b1417c38a11fa42466f6111526bc1fb81366f56410f3be9
-  languageName: node
-  linkType: hard
-
 "jest-each@npm:30.2.0":
   version: 30.2.0
   resolution: "jest-each@npm:30.2.0"
@@ -11986,19 +9517,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-each@npm:^29.7.0":
-  version: 29.7.0
-  resolution: "jest-each@npm:29.7.0"
-  dependencies:
-    "@jest/types": "npm:^29.6.3"
-    chalk: "npm:^4.0.0"
-    jest-get-type: "npm:^29.6.3"
-    jest-util: "npm:^29.7.0"
-    pretty-format: "npm:^29.7.0"
-  checksum: 10c0/f7f9a90ebee80cc688e825feceb2613627826ac41ea76a366fa58e669c3b2403d364c7c0a74d862d469b103c843154f8456d3b1c02b487509a12afa8b59edbb4
-  languageName: node
-  linkType: hard
-
 "jest-environment-jsdom@npm:^30.2.0":
   version: 30.2.0
   resolution: "jest-environment-jsdom@npm:30.2.0"
@@ -12032,27 +9550,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-environment-node@npm:^29.7.0":
-  version: 29.7.0
-  resolution: "jest-environment-node@npm:29.7.0"
-  dependencies:
-    "@jest/environment": "npm:^29.7.0"
-    "@jest/fake-timers": "npm:^29.7.0"
-    "@jest/types": "npm:^29.6.3"
-    "@types/node": "npm:*"
-    jest-mock: "npm:^29.7.0"
-    jest-util: "npm:^29.7.0"
-  checksum: 10c0/61f04fec077f8b1b5c1a633e3612fc0c9aa79a0ab7b05600683428f1e01a4d35346c474bde6f439f9fcc1a4aa9a2861ff852d079a43ab64b02105d1004b2592b
-  languageName: node
-  linkType: hard
-
-"jest-get-type@npm:^29.6.3":
-  version: 29.6.3
-  resolution: "jest-get-type@npm:29.6.3"
-  checksum: 10c0/552e7a97a983d3c2d4e412a44eb7de0430ff773dd99f7500962c268d6dfbfa431d7d08f919c9d960530e5f7f78eb47f267ad9b318265e5092b3ff9ede0db7c2b
-  languageName: node
-  linkType: hard
-
 "jest-haste-map@npm:30.2.0":
   version: 30.2.0
   resolution: "jest-haste-map@npm:30.2.0"
@@ -12075,29 +9572,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-haste-map@npm:^29.7.0":
-  version: 29.7.0
-  resolution: "jest-haste-map@npm:29.7.0"
-  dependencies:
-    "@jest/types": "npm:^29.6.3"
-    "@types/graceful-fs": "npm:^4.1.3"
-    "@types/node": "npm:*"
-    anymatch: "npm:^3.0.3"
-    fb-watchman: "npm:^2.0.0"
-    fsevents: "npm:^2.3.2"
-    graceful-fs: "npm:^4.2.9"
-    jest-regex-util: "npm:^29.6.3"
-    jest-util: "npm:^29.7.0"
-    jest-worker: "npm:^29.7.0"
-    micromatch: "npm:^4.0.4"
-    walker: "npm:^1.0.8"
-  dependenciesMeta:
-    fsevents:
-      optional: true
-  checksum: 10c0/2683a8f29793c75a4728787662972fedd9267704c8f7ef9d84f2beed9a977f1cf5e998c07b6f36ba5603f53cb010c911fe8cd0ac9886e073fe28ca66beefd30c
-  languageName: node
-  linkType: hard
-
 "jest-leak-detector@npm:30.2.0":
   version: 30.2.0
   resolution: "jest-leak-detector@npm:30.2.0"
@@ -12108,16 +9582,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-leak-detector@npm:^29.7.0":
-  version: 29.7.0
-  resolution: "jest-leak-detector@npm:29.7.0"
-  dependencies:
-    jest-get-type: "npm:^29.6.3"
-    pretty-format: "npm:^29.7.0"
-  checksum: 10c0/71bb9f77fc489acb842a5c7be030f2b9acb18574dc9fb98b3100fc57d422b1abc55f08040884bd6e6dbf455047a62f7eaff12aa4058f7cbdc11558718ca6a395
-  languageName: node
-  linkType: hard
-
 "jest-matcher-utils@npm:30.2.0":
   version: 30.2.0
   resolution: "jest-matcher-utils@npm:30.2.0"
@@ -12130,18 +9594,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-matcher-utils@npm:^29.7.0":
-  version: 29.7.0
-  resolution: "jest-matcher-utils@npm:29.7.0"
-  dependencies:
-    chalk: "npm:^4.0.0"
-    jest-diff: "npm:^29.7.0"
-    jest-get-type: "npm:^29.6.3"
-    pretty-format: "npm:^29.7.0"
-  checksum: 10c0/0d0e70b28fa5c7d4dce701dc1f46ae0922102aadc24ed45d594dd9b7ae0a8a6ef8b216718d1ab79e451291217e05d4d49a82666e1a3cc2b428b75cd9c933244e
-  languageName: node
-  linkType: hard
-
 "jest-message-util@npm:30.2.0":
   version: 30.2.0
   resolution: "jest-message-util@npm:30.2.0"
@@ -12159,23 +9611,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-message-util@npm:^29.7.0":
-  version: 29.7.0
-  resolution: "jest-message-util@npm:29.7.0"
-  dependencies:
-    "@babel/code-frame": "npm:^7.12.13"
-    "@jest/types": "npm:^29.6.3"
-    "@types/stack-utils": "npm:^2.0.0"
-    chalk: "npm:^4.0.0"
-    graceful-fs: "npm:^4.2.9"
-    micromatch: "npm:^4.0.4"
-    pretty-format: "npm:^29.7.0"
-    slash: "npm:^3.0.0"
-    stack-utils: "npm:^2.0.3"
-  checksum: 10c0/850ae35477f59f3e6f27efac5215f706296e2104af39232bb14e5403e067992afb5c015e87a9243ec4d9df38525ef1ca663af9f2f4766aa116f127247008bd22
-  languageName: node
-  linkType: hard
-
 "jest-mock@npm:30.2.0":
   version: 30.2.0
   resolution: "jest-mock@npm:30.2.0"
@@ -12187,18 +9622,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-mock@npm:^29.7.0":
-  version: 29.7.0
-  resolution: "jest-mock@npm:29.7.0"
-  dependencies:
-    "@jest/types": "npm:^29.6.3"
-    "@types/node": "npm:*"
-    jest-util: "npm:^29.7.0"
-  checksum: 10c0/7b9f8349ee87695a309fe15c46a74ab04c853369e5c40952d68061d9dc3159a0f0ed73e215f81b07ee97a9faaf10aebe5877a9d6255068a0977eae6a9ff1d5ac
-  languageName: node
-  linkType: hard
-
-"jest-pnp-resolver@npm:^1.2.2, jest-pnp-resolver@npm:^1.2.3":
+"jest-pnp-resolver@npm:^1.2.3":
   version: 1.2.3
   resolution: "jest-pnp-resolver@npm:1.2.3"
   peerDependencies:
@@ -12217,13 +9641,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-regex-util@npm:^29.6.3":
-  version: 29.6.3
-  resolution: "jest-regex-util@npm:29.6.3"
-  checksum: 10c0/4e33fb16c4f42111159cafe26397118dcfc4cf08bc178a67149fb05f45546a91928b820894572679d62559839d0992e21080a1527faad65daaae8743a5705a3b
-  languageName: node
-  linkType: hard
-
 "jest-resolve-dependencies@npm:30.2.0":
   version: 30.2.0
   resolution: "jest-resolve-dependencies@npm:30.2.0"
@@ -12234,16 +9651,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-resolve-dependencies@npm:^29.7.0":
-  version: 29.7.0
-  resolution: "jest-resolve-dependencies@npm:29.7.0"
-  dependencies:
-    jest-regex-util: "npm:^29.6.3"
-    jest-snapshot: "npm:^29.7.0"
-  checksum: 10c0/b6e9ad8ae5b6049474118ea6441dfddd385b6d1fc471db0136f7c8fbcfe97137a9665e4f837a9f49f15a29a1deb95a14439b7aec812f3f99d08f228464930f0d
-  languageName: node
-  linkType: hard
-
 "jest-resolve@npm:30.2.0":
   version: 30.2.0
   resolution: "jest-resolve@npm:30.2.0"
@@ -12260,23 +9667,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-resolve@npm:^29.7.0":
-  version: 29.7.0
-  resolution: "jest-resolve@npm:29.7.0"
-  dependencies:
-    chalk: "npm:^4.0.0"
-    graceful-fs: "npm:^4.2.9"
-    jest-haste-map: "npm:^29.7.0"
-    jest-pnp-resolver: "npm:^1.2.2"
-    jest-util: "npm:^29.7.0"
-    jest-validate: "npm:^29.7.0"
-    resolve: "npm:^1.20.0"
-    resolve.exports: "npm:^2.0.0"
-    slash: "npm:^3.0.0"
-  checksum: 10c0/59da5c9c5b50563e959a45e09e2eace783d7f9ac0b5dcc6375dea4c0db938d2ebda97124c8161310082760e8ebbeff9f6b177c15ca2f57fb424f637a5d2adb47
-  languageName: node
-  linkType: hard
-
 "jest-runner@npm:30.2.0":
   version: 30.2.0
   resolution: "jest-runner@npm:30.2.0"
@@ -12307,35 +9697,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-runner@npm:^29.7.0":
-  version: 29.7.0
-  resolution: "jest-runner@npm:29.7.0"
-  dependencies:
-    "@jest/console": "npm:^29.7.0"
-    "@jest/environment": "npm:^29.7.0"
-    "@jest/test-result": "npm:^29.7.0"
-    "@jest/transform": "npm:^29.7.0"
-    "@jest/types": "npm:^29.6.3"
-    "@types/node": "npm:*"
-    chalk: "npm:^4.0.0"
-    emittery: "npm:^0.13.1"
-    graceful-fs: "npm:^4.2.9"
-    jest-docblock: "npm:^29.7.0"
-    jest-environment-node: "npm:^29.7.0"
-    jest-haste-map: "npm:^29.7.0"
-    jest-leak-detector: "npm:^29.7.0"
-    jest-message-util: "npm:^29.7.0"
-    jest-resolve: "npm:^29.7.0"
-    jest-runtime: "npm:^29.7.0"
-    jest-util: "npm:^29.7.0"
-    jest-watcher: "npm:^29.7.0"
-    jest-worker: "npm:^29.7.0"
-    p-limit: "npm:^3.1.0"
-    source-map-support: "npm:0.5.13"
-  checksum: 10c0/2194b4531068d939f14c8d3274fe5938b77fa73126aedf9c09ec9dec57d13f22c72a3b5af01ac04f5c1cf2e28d0ac0b4a54212a61b05f10b5d6b47f2a1097bb4
-  languageName: node
-  linkType: hard
-
 "jest-runtime@npm:30.2.0":
   version: 30.2.0
   resolution: "jest-runtime@npm:30.2.0"
@@ -12366,36 +9727,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-runtime@npm:^29.7.0":
-  version: 29.7.0
-  resolution: "jest-runtime@npm:29.7.0"
-  dependencies:
-    "@jest/environment": "npm:^29.7.0"
-    "@jest/fake-timers": "npm:^29.7.0"
-    "@jest/globals": "npm:^29.7.0"
-    "@jest/source-map": "npm:^29.6.3"
-    "@jest/test-result": "npm:^29.7.0"
-    "@jest/transform": "npm:^29.7.0"
-    "@jest/types": "npm:^29.6.3"
-    "@types/node": "npm:*"
-    chalk: "npm:^4.0.0"
-    cjs-module-lexer: "npm:^1.0.0"
-    collect-v8-coverage: "npm:^1.0.0"
-    glob: "npm:^7.1.3"
-    graceful-fs: "npm:^4.2.9"
-    jest-haste-map: "npm:^29.7.0"
-    jest-message-util: "npm:^29.7.0"
-    jest-mock: "npm:^29.7.0"
-    jest-regex-util: "npm:^29.6.3"
-    jest-resolve: "npm:^29.7.0"
-    jest-snapshot: "npm:^29.7.0"
-    jest-util: "npm:^29.7.0"
-    slash: "npm:^3.0.0"
-    strip-bom: "npm:^4.0.0"
-  checksum: 10c0/7cd89a1deda0bda7d0941835434e44f9d6b7bd50b5c5d9b0fc9a6c990b2d4d2cab59685ab3cb2850ed4cc37059f6de903af5a50565d7f7f1192a77d3fd6dd2a6
-  languageName: node
-  linkType: hard
-
 "jest-snapshot@npm:30.2.0":
   version: 30.2.0
   resolution: "jest-snapshot@npm:30.2.0"
@@ -12425,34 +9756,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-snapshot@npm:^29.7.0":
-  version: 29.7.0
-  resolution: "jest-snapshot@npm:29.7.0"
-  dependencies:
-    "@babel/core": "npm:^7.11.6"
-    "@babel/generator": "npm:^7.7.2"
-    "@babel/plugin-syntax-jsx": "npm:^7.7.2"
-    "@babel/plugin-syntax-typescript": "npm:^7.7.2"
-    "@babel/types": "npm:^7.3.3"
-    "@jest/expect-utils": "npm:^29.7.0"
-    "@jest/transform": "npm:^29.7.0"
-    "@jest/types": "npm:^29.6.3"
-    babel-preset-current-node-syntax: "npm:^1.0.0"
-    chalk: "npm:^4.0.0"
-    expect: "npm:^29.7.0"
-    graceful-fs: "npm:^4.2.9"
-    jest-diff: "npm:^29.7.0"
-    jest-get-type: "npm:^29.6.3"
-    jest-matcher-utils: "npm:^29.7.0"
-    jest-message-util: "npm:^29.7.0"
-    jest-util: "npm:^29.7.0"
-    natural-compare: "npm:^1.4.0"
-    pretty-format: "npm:^29.7.0"
-    semver: "npm:^7.5.3"
-  checksum: 10c0/6e9003c94ec58172b4a62864a91c0146513207bedf4e0a06e1e2ac70a4484088a2683e3a0538d8ea913bcfd53dc54a9b98a98cdfa562e7fe1d1339aeae1da570
-  languageName: node
-  linkType: hard
-
 "jest-util@npm:30.2.0":
   version: 30.2.0
   resolution: "jest-util@npm:30.2.0"
@@ -12467,20 +9770,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-util@npm:^29.7.0":
-  version: 29.7.0
-  resolution: "jest-util@npm:29.7.0"
-  dependencies:
-    "@jest/types": "npm:^29.6.3"
-    "@types/node": "npm:*"
-    chalk: "npm:^4.0.0"
-    ci-info: "npm:^3.2.0"
-    graceful-fs: "npm:^4.2.9"
-    picomatch: "npm:^2.2.3"
-  checksum: 10c0/bc55a8f49fdbb8f51baf31d2a4f312fb66c9db1483b82f602c9c990e659cdd7ec529c8e916d5a89452ecbcfae4949b21b40a7a59d4ffc0cd813a973ab08c8150
-  languageName: node
-  linkType: hard
-
 "jest-validate@npm:30.2.0":
   version: 30.2.0
   resolution: "jest-validate@npm:30.2.0"
@@ -12495,20 +9784,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-validate@npm:^29.7.0":
-  version: 29.7.0
-  resolution: "jest-validate@npm:29.7.0"
-  dependencies:
-    "@jest/types": "npm:^29.6.3"
-    camelcase: "npm:^6.2.0"
-    chalk: "npm:^4.0.0"
-    jest-get-type: "npm:^29.6.3"
-    leven: "npm:^3.1.0"
-    pretty-format: "npm:^29.7.0"
-  checksum: 10c0/a20b930480c1ed68778c739f4739dce39423131bc070cd2505ddede762a5570a256212e9c2401b7ae9ba4d7b7c0803f03c5b8f1561c62348213aba18d9dbece2
-  languageName: node
-  linkType: hard
-
 "jest-watcher@npm:30.2.0":
   version: 30.2.0
   resolution: "jest-watcher@npm:30.2.0"
@@ -12525,22 +9800,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-watcher@npm:^29.7.0":
-  version: 29.7.0
-  resolution: "jest-watcher@npm:29.7.0"
-  dependencies:
-    "@jest/test-result": "npm:^29.7.0"
-    "@jest/types": "npm:^29.6.3"
-    "@types/node": "npm:*"
-    ansi-escapes: "npm:^4.2.1"
-    chalk: "npm:^4.0.0"
-    emittery: "npm:^0.13.1"
-    jest-util: "npm:^29.7.0"
-    string-length: "npm:^4.0.1"
-  checksum: 10c0/ec6c75030562fc8f8c727cb8f3b94e75d831fc718785abfc196e1f2a2ebc9a2e38744a15147170039628a853d77a3b695561ce850375ede3a4ee6037a2574567
-  languageName: node
-  linkType: hard
-
 "jest-worker@npm:30.2.0":
   version: 30.2.0
   resolution: "jest-worker@npm:30.2.0"
@@ -12565,37 +9824,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-worker@npm:^29.7.0":
-  version: 29.7.0
-  resolution: "jest-worker@npm:29.7.0"
-  dependencies:
-    "@types/node": "npm:*"
-    jest-util: "npm:^29.7.0"
-    merge-stream: "npm:^2.0.0"
-    supports-color: "npm:^8.0.0"
-  checksum: 10c0/5570a3a005b16f46c131968b8a5b56d291f9bbb85ff4217e31c80bd8a02e7de799e59a54b95ca28d5c302f248b54cbffde2d177c2f0f52ffcee7504c6eabf660
-  languageName: node
-  linkType: hard
-
-"jest@npm:^29.7.0":
-  version: 29.7.0
-  resolution: "jest@npm:29.7.0"
-  dependencies:
-    "@jest/core": "npm:^29.7.0"
-    "@jest/types": "npm:^29.6.3"
-    import-local: "npm:^3.0.2"
-    jest-cli: "npm:^29.7.0"
-  peerDependencies:
-    node-notifier: ^8.0.1 || ^9.0.0 || ^10.0.0
-  peerDependenciesMeta:
-    node-notifier:
-      optional: true
-  bin:
-    jest: bin/jest.js
-  checksum: 10c0/f40eb8171cf147c617cc6ada49d062fbb03b4da666cb8d39cdbfb739a7d75eea4c3ca150fb072d0d273dce0c753db4d0467d54906ad0293f59c54f9db4a09d8b
-  languageName: node
-  linkType: hard
-
 "jest@npm:^30.2.0":
   version: 30.2.0
   resolution: "jest@npm:30.2.0"
@@ -12615,15 +9843,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jiti@npm:^2.4.2":
-  version: 2.7.0
-  resolution: "jiti@npm:2.7.0"
-  bin:
-    jiti: lib/jiti-cli.mjs
-  checksum: 10c0/1b1e2310a490dce1aeea3da5f5dfe18273516c20ce48be2e98eb8ea452d5f3dcc8fd0cfd6d28b4052a24c5dbab6e3089b2d7e79f0bce7915b10d750929563c42
-  languageName: node
-  linkType: hard
-
 "js-base64@npm:^3.7.2":
   version: 3.7.8
   resolution: "js-base64@npm:3.7.8"
@@ -12791,7 +10010,7 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "json-joy-monorepo@workspace:."
   dependencies:
-    "@biomejs/biome": "npm:^2.2.6"
+    "@biomejs/biome": "npm:2.4.16"
     "@monaco-editor/react": "npm:^4.7.0"
     "@radix-ui/react-icons": "npm:^1.3.1"
     "@storybook/addon-a11y": "npm:^10.3.5"
@@ -12896,7 +10115,7 @@ __metadata:
     fast-json-patch: "npm:^3.1.1"
     html-webpack-plugin: "npm:^5.6.0"
     hyperdyperid: "npm:^1.2.0"
-    jest: "npm:^29.7.0"
+    jest: "npm:^30.2.0"
     json-crdt-traces: "https://github.com/streamich/json-crdt-traces#ec825401dc05cbb74b9e0b3c4d6527399f54d54d"
     json-logic-js: "npm:^2.0.2"
     nano-css: "npm:^5.6.2"
@@ -12971,13 +10190,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"json-stringify-safe@npm:^5.0.1":
-  version: 5.0.1
-  resolution: "json-stringify-safe@npm:5.0.1"
-  checksum: 10c0/7dbf35cd0411d1d648dceb6d59ce5857ec939e52e4afc37601aa3da611f0987d5cee5b38d58329ceddf3ed48bd7215229c8d52059ab01f2444a338bf24ed0f37
-  languageName: node
-  linkType: hard
-
 "json5@npm:^2.1.2, json5@npm:^2.2.2, json5@npm:^2.2.3":
   version: 2.2.3
   resolution: "json5@npm:2.2.3"
@@ -12987,18 +10199,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jsonfile@npm:^4.0.0":
-  version: 4.0.0
-  resolution: "jsonfile@npm:4.0.0"
-  dependencies:
-    graceful-fs: "npm:^4.1.6"
-  dependenciesMeta:
-    graceful-fs:
-      optional: true
-  checksum: 10c0/7dc94b628d57a66b71fb1b79510d460d662eb975b5f876d723f81549c2e9cd316d58a2ddf742b2b93a4fa6b17b2accaf1a738a0e2ea114bdfb13a32e5377e480
-  languageName: node
-  linkType: hard
-
 "jsonfile@npm:^6.0.1":
   version: 6.2.0
   resolution: "jsonfile@npm:6.2.0"
@@ -13112,13 +10312,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"junk@npm:^3.1.0":
-  version: 3.1.0
-  resolution: "junk@npm:3.1.0"
-  checksum: 10c0/820174b9fa9a3af09aeeeeb1022df2481a2b10752ce5f65ac63924a79cb9bba83ea7c288e8d5b448951109742da5ea69a230846f4bf3c17c5c6a1d0603b63db4
-  languageName: node
-  linkType: hard
-
 "keyboardjs@npm:^2.5.1":
   version: 2.7.0
   resolution: "keyboardjs@npm:2.7.0"
@@ -13126,7 +10319,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"keyv@npm:^4.0.0, keyv@npm:^4.5.3":
+"keyv@npm:^4.5.3":
   version: 4.5.4
   resolution: "keyv@npm:4.5.4"
   dependencies:
@@ -13142,13 +10335,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"kleur@npm:^3.0.3":
-  version: 3.0.3
-  resolution: "kleur@npm:3.0.3"
-  checksum: 10c0/cd3a0b8878e7d6d3799e54340efe3591ca787d9f95f109f28129bdd2915e37807bf8918bb295ab86afb8c82196beec5a1adcaf29042ce3f2bd932b038fe3aa4b
-  languageName: node
-  linkType: hard
-
 "kleur@npm:^4.1.5":
   version: 4.1.5
   resolution: "kleur@npm:4.1.5"
@@ -13237,32 +10423,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"listr2@npm:^7.0.2":
-  version: 7.0.2
-  resolution: "listr2@npm:7.0.2"
-  dependencies:
-    cli-truncate: "npm:^3.1.0"
-    colorette: "npm:^2.0.20"
-    eventemitter3: "npm:^5.0.1"
-    log-update: "npm:^5.0.1"
-    rfdc: "npm:^1.3.0"
-    wrap-ansi: "npm:^8.1.0"
-  checksum: 10c0/37b6501be84ebea66dcce07c5f86c224aff0c01c9fb43f5055cc38a063030281d58198aad0aad481f174438309831ddf5f763b890e820cd7b7b4f4a5dfa229c9
-  languageName: node
-  linkType: hard
-
-"load-json-file@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "load-json-file@npm:2.0.0"
-  dependencies:
-    graceful-fs: "npm:^4.1.2"
-    parse-json: "npm:^2.2.0"
-    pify: "npm:^2.0.0"
-    strip-bom: "npm:^3.0.0"
-  checksum: 10c0/15cf1259361325fadfc54cd4ecc5d6729103c8873492001ba5473fb1ef753000f680c887db6c86fec69a4ede009efeb8c0c0c77b2a31bc54d2793767e25577c9
-  languageName: node
-  linkType: hard
-
 "load-script@npm:^1.0.0":
   version: 1.0.0
   resolution: "load-script@npm:1.0.0"
@@ -13295,16 +10455,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"locate-path@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "locate-path@npm:2.0.0"
-  dependencies:
-    p-locate: "npm:^2.0.0"
-    path-exists: "npm:^3.0.0"
-  checksum: 10c0/24efa0e589be6aa3c469b502f795126b26ab97afa378846cb508174211515633b770aa0ba610cab113caedab8d2a4902b061a08aaed5297c12ab6f5be4df0133
-  languageName: node
-  linkType: hard
-
 "locate-path@npm:^5.0.0":
   version: 5.0.0
   resolution: "locate-path@npm:5.0.0"
@@ -13314,15 +10464,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"locate-path@npm:^6.0.0":
-  version: 6.0.0
-  resolution: "locate-path@npm:6.0.0"
-  dependencies:
-    p-locate: "npm:^5.0.0"
-  checksum: 10c0/d3972ab70dfe58ce620e64265f90162d247e87159b6126b01314dd67be43d50e96a50b517bce2d9452a79409c7614054c277b5232377de50416564a77ac7aad3
-  languageName: node
-  linkType: hard
-
 "lodash-es@npm:^4.17.21":
   version: 4.17.23
   resolution: "lodash-es@npm:4.17.23"
@@ -13337,7 +10478,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"lodash.get@npm:^4.0.0, lodash.get@npm:^4.4.2":
+"lodash.get@npm:^4.4.2":
   version: 4.4.2
   resolution: "lodash.get@npm:4.4.2"
   checksum: 10c0/48f40d471a1654397ed41685495acb31498d5ed696185ac8973daef424a749ca0c7871bf7b665d5c14f5cc479394479e0307e781f61d5573831769593411be6e
@@ -13358,13 +10499,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"lodash@npm:^4.17.15":
-  version: 4.18.1
-  resolution: "lodash@npm:4.18.1"
-  checksum: 10c0/757228fc68805c59789e82185135cf85f05d0b2d3d54631d680ca79ec21944ec8314d4533639a14b8bcfbd97a517e78960933041a5af17ecb693ec6eecb99a27
-  languageName: node
-  linkType: hard
-
 "lodash@npm:^4.17.20, lodash@npm:^4.17.21, lodash@npm:^4.17.4":
   version: 4.17.23
   resolution: "lodash@npm:4.17.23"
@@ -13372,29 +10506,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"log-symbols@npm:^4.0.0, log-symbols@npm:^4.1.0":
-  version: 4.1.0
-  resolution: "log-symbols@npm:4.1.0"
-  dependencies:
-    chalk: "npm:^4.1.0"
-    is-unicode-supported: "npm:^0.1.0"
-  checksum: 10c0/67f445a9ffa76db1989d0fa98586e5bc2fd5247260dafb8ad93d9f0ccd5896d53fb830b0e54dade5ad838b9de2006c826831a3c528913093af20dff8bd24aca6
-  languageName: node
-  linkType: hard
-
-"log-update@npm:^5.0.1":
-  version: 5.0.1
-  resolution: "log-update@npm:5.0.1"
-  dependencies:
-    ansi-escapes: "npm:^5.0.0"
-    cli-cursor: "npm:^4.0.0"
-    slice-ansi: "npm:^5.0.0"
-    strip-ansi: "npm:^7.0.1"
-    wrap-ansi: "npm:^8.0.1"
-  checksum: 10c0/1050ea2027e80f32e132aace909987cb00c2719368c78b82ffca681a5b3f4020eeb5f4b4e310c47c35c6c36aff258c1d1bc51485ac44d6fdac9eb0a4275c539f
-  languageName: node
-  linkType: hard
-
 "loose-envify@npm:^1.0.0, loose-envify@npm:^1.3.1, loose-envify@npm:^1.4.0":
   version: 1.4.0
   resolution: "loose-envify@npm:1.4.0"
@@ -13422,13 +10533,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"lowercase-keys@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "lowercase-keys@npm:2.0.0"
-  checksum: 10c0/f82a2b3568910509da4b7906362efa40f5b54ea14c2584778ddb313226f9cbf21020a5db35f9b9a0e95847a9b781d548601f31793d736b22a2b8ae8eb9ab1082
-  languageName: node
-  linkType: hard
-
 "lru-cache@npm:^10.2.0, lru-cache@npm:^10.4.3":
   version: 10.4.3
   resolution: "lru-cache@npm:10.4.3"
@@ -13452,13 +10556,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"lru-cache@npm:^7.7.1":
-  version: 7.18.3
-  resolution: "lru-cache@npm:7.18.3"
-  checksum: 10c0/b3a452b491433db885beed95041eb104c157ef7794b9c9b4d647be503be91769d11206bb573849a16b4cc0d03cbd15ffd22df7960997788b74c1d399ac7a4fed
-  languageName: node
-  linkType: hard
-
 "lz-string@npm:^1.5.0":
   version: 1.5.0
   resolution: "lz-string@npm:1.5.0"
@@ -13502,30 +10599,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"make-fetch-happen@npm:^10.2.1":
-  version: 10.2.1
-  resolution: "make-fetch-happen@npm:10.2.1"
-  dependencies:
-    agentkeepalive: "npm:^4.2.1"
-    cacache: "npm:^16.1.0"
-    http-cache-semantics: "npm:^4.1.0"
-    http-proxy-agent: "npm:^5.0.0"
-    https-proxy-agent: "npm:^5.0.0"
-    is-lambda: "npm:^1.0.1"
-    lru-cache: "npm:^7.7.1"
-    minipass: "npm:^3.1.6"
-    minipass-collect: "npm:^1.0.2"
-    minipass-fetch: "npm:^2.0.3"
-    minipass-flush: "npm:^1.0.5"
-    minipass-pipeline: "npm:^1.2.4"
-    negotiator: "npm:^0.6.3"
-    promise-retry: "npm:^2.0.1"
-    socks-proxy-agent: "npm:^7.0.0"
-    ssri: "npm:^9.0.0"
-  checksum: 10c0/28ec392f63ab93511f400839dcee83107eeecfaad737d1e8487ea08b4332cd89a8f3319584222edd9f6f1d0833cf516691469496d46491863f9e88c658013949
-  languageName: node
-  linkType: hard
-
 "make-fetch-happen@npm:^15.0.0":
   version: 15.0.3
   resolution: "make-fetch-happen@npm:15.0.3"
@@ -13554,15 +10627,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"map-age-cleaner@npm:^0.1.1":
-  version: 0.1.3
-  resolution: "map-age-cleaner@npm:0.1.3"
-  dependencies:
-    p-defer: "npm:^1.0.0"
-  checksum: 10c0/7495236c7b0950956c144fd8b4bc6399d4e78072a8840a4232fe1c4faccbb5eb5d842e5c0a56a60afc36d723f315c1c672325ca03c1b328650f7fcc478f385fd
-  languageName: node
-  linkType: hard
-
 "marked@npm:14.0.0":
   version: 14.0.0
   resolution: "marked@npm:14.0.0"
@@ -13572,15 +10636,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"matcher@npm:^3.0.0":
-  version: 3.0.0
-  resolution: "matcher@npm:3.0.0"
-  dependencies:
-    escape-string-regexp: "npm:^4.0.0"
-  checksum: 10c0/2edf24194a2879690bcdb29985fc6bc0d003df44e04df21ebcac721fa6ce2f6201c579866bb92f9380bffe946f11ecd8cd31f34117fb67ebf8aca604918e127e
-  languageName: node
-  linkType: hard
-
 "math-intrinsics@npm:^1.1.0":
   version: 1.1.0
   resolution: "math-intrinsics@npm:1.1.0"
@@ -13629,17 +10684,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"mem@npm:^4.3.0":
-  version: 4.3.0
-  resolution: "mem@npm:4.3.0"
-  dependencies:
-    map-age-cleaner: "npm:^0.1.1"
-    mimic-fn: "npm:^2.0.0"
-    p-is-promise: "npm:^2.0.0"
-  checksum: 10c0/fc74e16d877322aafe869fe92a5c3109b1683195f4ef507920322a2fc8cd9998f3299f716c9853e10304c06a528fd9b763de24bdd7ce0b448155f05c9fad8612
-  languageName: node
-  linkType: hard
-
 "memfs@npm:^3.4.1, memfs@npm:^3.4.12":
   version: 3.5.3
   resolution: "memfs@npm:3.5.3"
@@ -13709,13 +10753,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"merge2@npm:^1.3.0":
-  version: 1.4.1
-  resolution: "merge2@npm:1.4.1"
-  checksum: 10c0/254a8a4605b58f450308fc474c82ac9a094848081bf4c06778200207820e5193726dc563a0d2c16468810516a5c97d9d3ea0ca6585d23c58ccfff2403e8dbbeb
-  languageName: node
-  linkType: hard
-
 "messagepack@npm:^1.1.12":
   version: 1.1.12
   resolution: "messagepack@npm:1.1.12"
@@ -13730,7 +10767,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"micromatch@npm:^4.0.0, micromatch@npm:^4.0.2, micromatch@npm:^4.0.4, micromatch@npm:^4.0.8":
+"micromatch@npm:^4.0.0, micromatch@npm:^4.0.2, micromatch@npm:^4.0.8":
   version: 4.0.8
   resolution: "micromatch@npm:4.0.8"
   dependencies:
@@ -13754,7 +10791,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"mime-types@npm:^2.1.12, mime-types@npm:^2.1.25, mime-types@npm:^2.1.27, mime-types@npm:^2.1.31, mime-types@npm:~2.1.24, mime-types@npm:~2.1.34, mime-types@npm:~2.1.35":
+"mime-types@npm:^2.1.12, mime-types@npm:^2.1.27, mime-types@npm:^2.1.31, mime-types@npm:~2.1.24, mime-types@npm:~2.1.34, mime-types@npm:~2.1.35":
   version: 2.1.35
   resolution: "mime-types@npm:2.1.35"
   dependencies:
@@ -13781,27 +10818,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"mimic-fn@npm:^2.0.0, mimic-fn@npm:^2.1.0":
+"mimic-fn@npm:^2.1.0":
   version: 2.1.0
   resolution: "mimic-fn@npm:2.1.0"
   checksum: 10c0/b26f5479d7ec6cc2bce275a08f146cf78f5e7b661b18114e2506dd91ec7ec47e7a25bf4360e5438094db0560bcc868079fb3b1fb3892b833c1ecbf63f80c95a4
   languageName: node
   linkType: hard
 
-"mimic-response@npm:^1.0.0":
-  version: 1.0.1
-  resolution: "mimic-response@npm:1.0.1"
-  checksum: 10c0/c5381a5eae997f1c3b5e90ca7f209ed58c3615caeee850e85329c598f0c000ae7bec40196580eef1781c60c709f47258131dab237cad8786f8f56750594f27fa
-  languageName: node
-  linkType: hard
-
-"mimic-response@npm:^3.1.0":
-  version: 3.1.0
-  resolution: "mimic-response@npm:3.1.0"
-  checksum: 10c0/0d6f07ce6e03e9e4445bee655202153bdb8a98d67ee8dc965ac140900d7a2688343e6b4c9a72cfc9ef2f7944dfd76eef4ab2482eb7b293a68b84916bac735362
-  languageName: node
-  linkType: hard
-
 "min-indent@npm:^1.0.0":
   version: 1.0.1
   resolution: "min-indent@npm:1.0.1"
@@ -13862,33 +10885,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"minimatch@npm:^3.0.5":
-  version: 3.1.5
-  resolution: "minimatch@npm:3.1.5"
-  dependencies:
-    brace-expansion: "npm:^1.1.7"
-  checksum: 10c0/2ecbdc0d33f07bddb0315a8b5afbcb761307a8778b48f0b312418ccbced99f104a2d17d8aca7573433c70e8ccd1c56823a441897a45e384ea76ef401a26ace70
-  languageName: node
-  linkType: hard
-
-"minimatch@npm:^5.0.1":
-  version: 5.1.9
-  resolution: "minimatch@npm:5.1.9"
-  dependencies:
-    brace-expansion: "npm:^2.0.1"
-  checksum: 10c0/4202718683815a7288b13e470160a4f9560cf392adef4f453927505817e01ef6b3476ecde13cfcaed17e7326dd3b69ad44eb2daeb19a217c5500f9277893f1d6
-  languageName: node
-  linkType: hard
-
-"minimatch@npm:^9.0.3":
-  version: 9.0.9
-  resolution: "minimatch@npm:9.0.9"
-  dependencies:
-    brace-expansion: "npm:^2.0.2"
-  checksum: 10c0/0b6a58530dbb00361745aa6c8cffaba4c90f551afe7c734830bd95fd88ebf469dd7355a027824ea1d09e37181cfeb0a797fb17df60c15ac174303ac110eb7e86
-  languageName: node
-  linkType: hard
-
 "minimatch@npm:^9.0.4":
   version: 9.0.5
   resolution: "minimatch@npm:9.0.5"
@@ -13898,22 +10894,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"minimist@npm:^1.2.5, minimist@npm:^1.2.6, minimist@npm:^1.2.8":
+"minimist@npm:^1.2.5, minimist@npm:^1.2.6":
   version: 1.2.8
   resolution: "minimist@npm:1.2.8"
   checksum: 10c0/19d3fcdca050087b84c2029841a093691a91259a47def2f18222f41e7645a0b7c44ef4b40e88a1e58a40c84d2ef0ee6047c55594d298146d0eb3f6b737c20ce6
   languageName: node
   linkType: hard
 
-"minipass-collect@npm:^1.0.2":
-  version: 1.0.2
-  resolution: "minipass-collect@npm:1.0.2"
-  dependencies:
-    minipass: "npm:^3.0.0"
-  checksum: 10c0/8f82bd1f3095b24f53a991b04b67f4c710c894e518b813f0864a31de5570441a509be1ca17e0bb92b047591a8fdbeb886f502764fefb00d2f144f4011791e898
-  languageName: node
-  linkType: hard
-
 "minipass-collect@npm:^2.0.1":
   version: 2.0.1
   resolution: "minipass-collect@npm:2.0.1"
@@ -13923,21 +10910,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"minipass-fetch@npm:^2.0.3":
-  version: 2.1.2
-  resolution: "minipass-fetch@npm:2.1.2"
-  dependencies:
-    encoding: "npm:^0.1.13"
-    minipass: "npm:^3.1.6"
-    minipass-sized: "npm:^1.0.3"
-    minizlib: "npm:^2.1.2"
-  dependenciesMeta:
-    encoding:
-      optional: true
-  checksum: 10c0/33ab2c5bdb3d91b9cb8bc6ae42d7418f4f00f7f7beae14b3bb21ea18f9224e792f560a6e17b6f1be12bbeb70dbe99a269f4204c60e5d99130a0777b153505c43
-  languageName: node
-  linkType: hard
-
 "minipass-fetch@npm:^5.0.0":
   version: 5.0.0
   resolution: "minipass-fetch@npm:5.0.0"
@@ -13980,7 +10952,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"minipass@npm:^3.0.0, minipass@npm:^3.1.1, minipass@npm:^3.1.6":
+"minipass@npm:^3.0.0":
   version: 3.3.6
   resolution: "minipass@npm:3.3.6"
   dependencies:
@@ -13989,13 +10961,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"minipass@npm:^5.0.0":
-  version: 5.0.0
-  resolution: "minipass@npm:5.0.0"
-  checksum: 10c0/a91d8043f691796a8ac88df039da19933ef0f633e3d7f0d35dcd5373af49131cf2399bfc355f41515dc495e3990369c3858cd319e5c2722b4753c90bf3152462
-  languageName: node
-  linkType: hard
-
 "minipass@npm:^5.0.0 || ^6.0.2 || ^7.0.0, minipass@npm:^7.0.2, minipass@npm:^7.0.3, minipass@npm:^7.0.4, minipass@npm:^7.1.2":
   version: 7.1.2
   resolution: "minipass@npm:7.1.2"
@@ -14003,16 +10968,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"minizlib@npm:^2.1.1, minizlib@npm:^2.1.2":
-  version: 2.1.2
-  resolution: "minizlib@npm:2.1.2"
-  dependencies:
-    minipass: "npm:^3.0.0"
-    yallist: "npm:^4.0.0"
-  checksum: 10c0/64fae024e1a7d0346a1102bb670085b17b7f95bf6cfdf5b128772ec8faf9ea211464ea4add406a3a6384a7d87a0cd1a96263692134323477b4fb43659a6cab78
-  languageName: node
-  linkType: hard
-
 "minizlib@npm:^3.0.1, minizlib@npm:^3.1.0":
   version: 3.1.0
   resolution: "minizlib@npm:3.1.0"
@@ -14029,26 +10984,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"mkdirp@npm:^0.5.1":
-  version: 0.5.6
-  resolution: "mkdirp@npm:0.5.6"
-  dependencies:
-    minimist: "npm:^1.2.6"
-  bin:
-    mkdirp: bin/cmd.js
-  checksum: 10c0/e2e2be789218807b58abced04e7b49851d9e46e88a2f9539242cc8a92c9b5c3a0b9bab360bd3014e02a140fc4fbc58e31176c408b493f8a2a6f4986bd7527b01
-  languageName: node
-  linkType: hard
-
-"mkdirp@npm:^1.0.3, mkdirp@npm:^1.0.4":
-  version: 1.0.4
-  resolution: "mkdirp@npm:1.0.4"
-  bin:
-    mkdirp: bin/cmd.js
-  checksum: 10c0/46ea0f3ffa8bc6a5bc0c7081ffc3907777f0ed6516888d40a518c5111f8366d97d2678911ad1a6882bf592fa9de6c784fea32e1687bb94e1f4944170af48a5cf
-  languageName: node
-  linkType: hard
-
 "module-error@npm:^1.0.1, module-error@npm:^1.0.2":
   version: 1.0.2
   resolution: "module-error@npm:1.0.2"
@@ -14085,7 +11020,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ms@npm:2.1.3, ms@npm:^2.0.0, ms@npm:^2.1.3":
+"ms@npm:2.1.3, ms@npm:^2.1.3":
   version: 2.1.3
   resolution: "ms@npm:2.1.3"
   checksum: 10c0/d924b57e7312b3b63ad21fc5b3dc0af5e78d61a1fc7cfb5457edaf26326bf62be5307cc87ffb6862ef1c2b33b0233cdb5d4f01c4c958cc0d660948b65a287a48
@@ -14161,46 +11096,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"mu-txt@workspace:packages/mu-txt":
-  version: 0.0.0-use.local
-  resolution: "mu-txt@workspace:packages/mu-txt"
-  dependencies:
-    "@electron-forge/cli": "npm:^7.11.1"
-    "@electron-forge/maker-deb": "npm:^7.11.1"
-    "@electron-forge/maker-rpm": "npm:^7.11.1"
-    "@electron-forge/maker-squirrel": "npm:^7.11.1"
-    "@electron-forge/maker-zip": "npm:^7.11.1"
-    "@electron-forge/publisher-github": "npm:^7.11.1"
-    "@electron-forge/shared-types": "npm:^7.11.1"
-    "@jsonjoy.com/base64": "workspace:*"
-    "@jsonjoy.com/collaborative-peritext": "workspace:*"
-    "@jsonjoy.com/collaborative-slate": "workspace:*"
-    "@jsonjoy.com/collaborative-ui": "workspace:*"
-    "@jsonjoy.com/json-pack": "workspace:*"
-    "@jsonjoy.com/ui": "workspace:*"
-    "@jsonjoy.com/util": "workspace:*"
-    "@types/node": "npm:^22.14.1"
-    css-loader: "npm:^7.1.2"
-    electron: "npm:^42.0.0"
-    flexible-input: "npm:^1.0.3"
-    html-webpack-plugin: "npm:^5.6.3"
-    json-joy: "workspace:*"
-    mini-css-extract-plugin: "npm:^2.9.2"
-    mutxt-react: "workspace:*"
-    style-loader: "npm:^4.0.0"
-    ts-loader: "npm:^9.5.2"
-    webpack: "npm:^5.99.5"
-    webpack-cli: "npm:^6.0.1"
-    webpack-dev-server: "npm:^5.2.1"
-    wrangler: "npm:^4.81.1"
-  peerDependencies:
-    rxjs: 7
-    tslib: "*"
-  bin:
-    mu-txt: bin/mu-txt.js
-  languageName: unknown
-  linkType: soft
-
 "multicast-dns@npm:^7.2.5":
   version: 7.2.5
   resolution: "multicast-dns@npm:7.2.5"
@@ -14213,87 +11108,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"mute-stream@npm:^1.0.0":
-  version: 1.0.0
-  resolution: "mute-stream@npm:1.0.0"
-  checksum: 10c0/dce2a9ccda171ec979a3b4f869a102b1343dee35e920146776780de182f16eae459644d187e38d59a3d37adf85685e1c17c38cf7bfda7e39a9880f7a1d10a74c
-  languageName: node
-  linkType: hard
-
-"mutxt-element@workspace:packages/mutxt-element":
-  version: 0.0.0-use.local
-  resolution: "mutxt-element@workspace:packages/mutxt-element"
-  dependencies:
-    "@types/react": "npm:^19"
-    "@types/react-dom": "npm:^19"
-    css-loader: "npm:^7.1.2"
-    mutxt-react: "workspace:*"
-    react: "npm:^19.2.3"
-    react-dom: "npm:^19.2.3"
-    slate: "npm:^0.124.1"
-    slate-dom: "npm:^0.124.1"
-    slate-history: "npm:^0.113.1"
-    slate-react: "npm:^0.124.2"
-    style-loader: "npm:^4.0.0"
-    terser-webpack-plugin: "npm:^5.3.16"
-    ts-loader: "npm:^9.5.4"
-    tslib: "npm:^2.8.1"
-    webpack: "npm:^5.95.0"
-    webpack-cli: "npm:^5.1.4"
-  languageName: unknown
-  linkType: soft
-
-"mutxt-react@workspace:*, mutxt-react@workspace:packages/mutxt-react":
-  version: 0.0.0-use.local
-  resolution: "mutxt-react@workspace:packages/mutxt-react"
-  dependencies:
-    "@fontsource-variable/bitter": "npm:^5.2.0"
-    "@fontsource-variable/inter": "npm:^5.2.0"
-    "@fontsource-variable/jetbrains-mono": "npm:^5.2.0"
-    "@fontsource-variable/source-serif-4": "npm:^5.2.0"
-    "@jsonjoy.com/base64": "workspace:*"
-    "@jsonjoy.com/collaborative-peritext": "workspace:*"
-    "@jsonjoy.com/collaborative-presence": "workspace:*"
-    "@jsonjoy.com/collaborative-slate": "workspace:*"
-    "@jsonjoy.com/collaborative-ui": "workspace:*"
-    "@jsonjoy.com/keyboard": "workspace:*"
-    "@jsonjoy.com/ui": "workspace:*"
-    "@jsonjoy.com/util": "workspace:*"
-    "@types/react": "npm:^19"
-    "@types/react-dom": "npm:^19"
-    code-colors: "npm:^2.5.0"
-    code-colors-react: "npm:^3.5.0"
-    emoji-picker-react: "npm:^4.19.1"
-    iconista: "npm:^2.26.0"
-    json-joy: "workspace:*"
-    mathlive: "npm:^0.109.0"
-    nano-theme: "workspace:*"
-    react: "npm:^19.2.3"
-    react-dom: "npm:^19.2.3"
-    react-embed: "npm:^3.7.0"
-    slate: "npm:^0.124.1"
-    slate-dom: "npm:^0.124.1"
-    slate-history: "npm:^0.113.1"
-    slate-react: "npm:^0.124.2"
-    use-t: "npm:^1.6.4"
-  peerDependencies:
-    react: ">=18"
-    react-dom: ">=18"
-    slate: ">=0.100.0"
-    slate-react: ">=0.100.0"
-    tslib: 2
-  peerDependenciesMeta:
-    react:
-      optional: false
-    react-dom:
-      optional: false
-    slate:
-      optional: false
-    slate-react:
-      optional: false
-  languageName: unknown
-  linkType: soft
-
 "nano-css@npm:^1.13.0":
   version: 1.17.2
   resolution: "nano-css@npm:1.17.2"
@@ -14395,13 +11209,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"negotiator@npm:^0.6.3, negotiator@npm:~0.6.4":
-  version: 0.6.4
-  resolution: "negotiator@npm:0.6.4"
-  checksum: 10c0/3e677139c7fb7628a6f36335bf11a885a62c21d5390204590a1a214a5631fcbe5ea74ef6a610b60afe84b4d975cbe0566a23f20ee17c77c73e74b80032108dea
-  languageName: node
-  linkType: hard
-
 "negotiator@npm:^1.0.0":
   version: 1.0.0
   resolution: "negotiator@npm:1.0.0"
@@ -14409,6 +11216,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"negotiator@npm:~0.6.4":
+  version: 0.6.4
+  resolution: "negotiator@npm:0.6.4"
+  checksum: 10c0/3e677139c7fb7628a6f36335bf11a885a62c21d5390204590a1a214a5631fcbe5ea74ef6a610b60afe84b4d975cbe0566a23f20ee17c77c73e74b80032108dea
+  languageName: node
+  linkType: hard
+
 "neo-async@npm:^2.6.2":
   version: 2.6.2
   resolution: "neo-async@npm:2.6.2"
@@ -14423,13 +11237,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"nice-try@npm:^1.0.4":
-  version: 1.0.5
-  resolution: "nice-try@npm:1.0.5"
-  checksum: 10c0/95568c1b73e1d0d4069a3e3061a2102d854513d37bcfda73300015b7ba4868d3b27c198d1dbbd8ebdef4112fc2ed9e895d4a0f2e1cce0bd334f2a1346dc9205f
-  languageName: node
-  linkType: hard
-
 "nice-ui@portal:./packages/ui::locator=json-joy-monorepo%40workspace%3A.":
   version: 0.0.0-use.local
   resolution: "nice-ui@portal:./packages/ui::locator=json-joy-monorepo%40workspace%3A."
@@ -14485,15 +11292,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"node-abi@npm:^3.45.0":
-  version: 3.92.0
-  resolution: "node-abi@npm:3.92.0"
-  dependencies:
-    semver: "npm:^7.3.5"
-  checksum: 10c0/d5fe063701542e1beef9017251b64dd648db200ae8d76745ddd07d475504734066ee69966609322ed4842a3b2f20cd3fbb0e1d2e675e3c25ff925d1e20fd06be
-  languageName: node
-  linkType: hard
-
 "node-abort-controller@npm:^3.0.1":
   version: 3.1.1
   resolution: "node-abort-controller@npm:3.1.1"
@@ -14510,15 +11308,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"node-api-version@npm:^0.2.0":
-  version: 0.2.1
-  resolution: "node-api-version@npm:0.2.1"
-  dependencies:
-    semver: "npm:^7.3.5"
-  checksum: 10c0/3fe6c273e4f9dd184bb8b959ba3d8afae7eade663611d82c8538c79ac3a7b8f1d136632ceb4bf8cdc46a851fc169407746996cf7d1096de9a186e0e70fca95fa
-  languageName: node
-  linkType: hard
-
 "node-fetch@npm:^1.0.1":
   version: 1.7.3
   resolution: "node-fetch@npm:1.7.3"
@@ -14529,20 +11318,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"node-fetch@npm:^2.6.7":
-  version: 2.7.0
-  resolution: "node-fetch@npm:2.7.0"
-  dependencies:
-    whatwg-url: "npm:^5.0.0"
-  peerDependencies:
-    encoding: ^0.1.0
-  peerDependenciesMeta:
-    encoding:
-      optional: true
-  checksum: 10c0/b55786b6028208e6fbe594ccccc213cab67a72899c9234eb59dba51062a299ea853210fcf526998eaa2867b0963ad72338824450905679ff0fa304b8c5093ae8
-  languageName: node
-  linkType: hard
-
 "node-gyp-build-optional-packages@npm:5.1.1":
   version: 5.1.1
   resolution: "node-gyp-build-optional-packages@npm:5.1.1"
@@ -14614,21 +11389,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"nofilter@npm:^3.1.0":
-  version: 3.1.0
-  resolution: "nofilter@npm:3.1.0"
-  checksum: 10c0/92459f3864a067b347032263f0b536223cbfc98153913b5dce350cb39c8470bc1813366e41993f22c33cc6400c0f392aa324a4b51e24c22040635c1cdb046499
-  languageName: node
-  linkType: hard
-
-"nopt@npm:^6.0.0":
-  version: 6.0.0
-  resolution: "nopt@npm:6.0.0"
-  dependencies:
-    abbrev: "npm:^1.0.0"
-  bin:
-    nopt: bin/nopt.js
-  checksum: 10c0/837b52c330df16fcaad816b1f54fec6b2854ab1aa771d935c1603fbcf9b023bb073f1466b1b67f48ea4dce127ae675b85b9d9355700e9b109de39db490919786
+"nofilter@npm:^3.1.0":
+  version: 3.1.0
+  resolution: "nofilter@npm:3.1.0"
+  checksum: 10c0/92459f3864a067b347032263f0b536223cbfc98153913b5dce350cb39c8470bc1813366e41993f22c33cc6400c0f392aa324a4b51e24c22040635c1cdb046499
   languageName: node
   linkType: hard
 
@@ -14643,18 +11407,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"normalize-package-data@npm:^2.3.2":
-  version: 2.5.0
-  resolution: "normalize-package-data@npm:2.5.0"
-  dependencies:
-    hosted-git-info: "npm:^2.1.4"
-    resolve: "npm:^1.10.0"
-    semver: "npm:2 || 3 || 4 || 5"
-    validate-npm-package-license: "npm:^3.0.1"
-  checksum: 10c0/357cb1646deb42f8eb4c7d42c4edf0eec312f3628c2ef98501963cc4bbe7277021b2b1d977f982b2edce78f5a1014613ce9cf38085c3df2d76730481357ca504
-  languageName: node
-  linkType: hard
-
 "normalize-path@npm:^3.0.0, normalize-path@npm:~3.0.0":
   version: 3.0.0
   resolution: "normalize-path@npm:3.0.0"
@@ -14662,13 +11414,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"normalize-url@npm:^6.0.1":
-  version: 6.1.0
-  resolution: "normalize-url@npm:6.1.0"
-  checksum: 10c0/95d948f9bdd2cfde91aa786d1816ae40f8262946e13700bf6628105994fe0ff361662c20af3961161c38a119dc977adeb41fc0b41b1745eb77edaaf9cb22db23
-  languageName: node
-  linkType: hard
-
 "notistack@npm:^3.0.2":
   version: 3.0.2
   resolution: "notistack@npm:3.0.2"
@@ -14682,15 +11427,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"npm-run-path@npm:^2.0.0":
-  version: 2.0.2
-  resolution: "npm-run-path@npm:2.0.2"
-  dependencies:
-    path-key: "npm:^2.0.0"
-  checksum: 10c0/95549a477886f48346568c97b08c4fda9cdbf7ce8a4fbc2213f36896d0d19249e32d68d7451bdcbca8041b5fba04a6b2c4a618beaf19849505c05b700740f1de
-  languageName: node
-  linkType: hard
-
 "npm-run-path@npm:^4.0.1":
   version: 4.0.1
   resolution: "npm-run-path@npm:4.0.1"
@@ -14730,13 +11466,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"object-keys@npm:^1.1.1":
-  version: 1.1.1
-  resolution: "object-keys@npm:1.1.1"
-  checksum: 10c0/b11f7ccdbc6d406d1f186cdadb9d54738e347b2692a14439ca5ac70c225fa6db46db809711b78589866d47b25fc3e8dee0b4c722ac751e11180f9380e3d8601d
-  languageName: node
-  linkType: hard
-
 "objectorarray@npm:^1.0.5":
   version: 1.0.5
   resolution: "objectorarray@npm:1.0.5"
@@ -14783,7 +11512,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"onetime@npm:^5.1.0, onetime@npm:^5.1.2":
+"onetime@npm:^5.1.2":
   version: 5.1.2
   resolution: "onetime@npm:5.1.2"
   dependencies:
@@ -14813,23 +11542,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ora@npm:^5.1.0":
-  version: 5.4.1
-  resolution: "ora@npm:5.4.1"
-  dependencies:
-    bl: "npm:^4.1.0"
-    chalk: "npm:^4.1.0"
-    cli-cursor: "npm:^3.1.0"
-    cli-spinners: "npm:^2.5.0"
-    is-interactive: "npm:^1.0.0"
-    is-unicode-supported: "npm:^0.1.0"
-    log-symbols: "npm:^4.1.0"
-    strip-ansi: "npm:^6.0.0"
-    wcwidth: "npm:^1.0.1"
-  checksum: 10c0/10ff14aace236d0e2f044193362b22edce4784add08b779eccc8f8ef97195cae1248db8ec1ec5f5ff076f91acbe573f5f42a98c19b78dba8c54eefff983cae85
-  languageName: node
-  linkType: hard
-
 "orderedmap@npm:^2.0.0":
   version: 2.1.1
   resolution: "orderedmap@npm:2.1.1"
@@ -14837,50 +11549,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"os-tmpdir@npm:~1.0.2":
-  version: 1.0.2
-  resolution: "os-tmpdir@npm:1.0.2"
-  checksum: 10c0/f438450224f8e2687605a8dd318f0db694b6293c5d835ae509a69e97c8de38b6994645337e5577f5001115470414638978cc49da1cdcc25106dad8738dc69990
-  languageName: node
-  linkType: hard
-
-"p-cancelable@npm:^2.0.0":
-  version: 2.1.1
-  resolution: "p-cancelable@npm:2.1.1"
-  checksum: 10c0/8c6dc1f8dd4154fd8b96a10e55a3a832684c4365fb9108056d89e79fbf21a2465027c04a59d0d797b5ffe10b54a61a32043af287d5c4860f1e996cbdbc847f01
-  languageName: node
-  linkType: hard
-
-"p-defer@npm:^1.0.0":
-  version: 1.0.0
-  resolution: "p-defer@npm:1.0.0"
-  checksum: 10c0/ed603c3790e74b061ac2cb07eb6e65802cf58dce0fbee646c113a7b71edb711101329ad38f99e462bd2e343a74f6e9366b496a35f1d766c187084d3109900487
-  languageName: node
-  linkType: hard
-
-"p-finally@npm:^1.0.0":
-  version: 1.0.0
-  resolution: "p-finally@npm:1.0.0"
-  checksum: 10c0/6b8552339a71fe7bd424d01d8451eea92d379a711fc62f6b2fe64cad8a472c7259a236c9a22b4733abca0b5666ad503cb497792a0478c5af31ded793d00937e7
-  languageName: node
-  linkType: hard
-
-"p-is-promise@npm:^2.0.0":
-  version: 2.1.0
-  resolution: "p-is-promise@npm:2.1.0"
-  checksum: 10c0/115c50960739c26e9b3e8a3bd453341a3b02a2e5ba41109b904ff53deb0b941ef81b196e106dc11f71698f591b23055c82d81188b7b670e9d5e28bc544b0674d
-  languageName: node
-  linkType: hard
-
-"p-limit@npm:^1.1.0":
-  version: 1.3.0
-  resolution: "p-limit@npm:1.3.0"
-  dependencies:
-    p-try: "npm:^1.0.0"
-  checksum: 10c0/5c1b1d53d180b2c7501efb04b7c817448e10efe1ba46f4783f8951994d5027e4cd88f36ad79af50546682594c4ebd11702ac4b9364c47f8074890e2acad0edee
-  languageName: node
-  linkType: hard
-
 "p-limit@npm:^2.2.0":
   version: 2.3.0
   resolution: "p-limit@npm:2.3.0"
@@ -14890,7 +11558,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"p-limit@npm:^3.0.2, p-limit@npm:^3.1.0, p-limit@npm:^3.1.0 ":
+"p-limit@npm:^3.1.0":
   version: 3.1.0
   resolution: "p-limit@npm:3.1.0"
   dependencies:
@@ -14899,15 +11567,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"p-locate@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "p-locate@npm:2.0.0"
-  dependencies:
-    p-limit: "npm:^1.1.0"
-  checksum: 10c0/82da4be88fb02fd29175e66021610c881938d3cc97c813c71c1a605fac05617d57fd5d3b337494a6106c0edb2a37c860241430851411f1b265108cead34aee67
-  languageName: node
-  linkType: hard
-
 "p-locate@npm:^4.1.0":
   version: 4.1.0
   resolution: "p-locate@npm:4.1.0"
@@ -14917,24 +11576,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"p-locate@npm:^5.0.0":
-  version: 5.0.0
-  resolution: "p-locate@npm:5.0.0"
-  dependencies:
-    p-limit: "npm:^3.0.2"
-  checksum: 10c0/2290d627ab7903b8b70d11d384fee714b797f6040d9278932754a6860845c4d3190603a0772a663c8cb5a7b21d1b16acb3a6487ebcafa9773094edc3dfe6009a
-  languageName: node
-  linkType: hard
-
-"p-map@npm:^4.0.0":
-  version: 4.0.0
-  resolution: "p-map@npm:4.0.0"
-  dependencies:
-    aggregate-error: "npm:^3.0.0"
-  checksum: 10c0/592c05bd6262c466ce269ff172bb8de7c6975afca9b50c975135b974e9bdaafbfe80e61aaaf5be6d1200ba08b30ead04b88cfa7e25ff1e3b93ab28c9f62a2c75
-  languageName: node
-  linkType: hard
-
 "p-map@npm:^7.0.2":
   version: 7.0.4
   resolution: "p-map@npm:7.0.4"
@@ -14953,13 +11594,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"p-try@npm:^1.0.0":
-  version: 1.0.0
-  resolution: "p-try@npm:1.0.0"
-  checksum: 10c0/757ba31de5819502b80c447826fac8be5f16d3cb4fbf9bc8bc4971dba0682e84ac33e4b24176ca7058c69e29f64f34d8d9e9b08e873b7b7bb0aa89d620fa224a
-  languageName: node
-  linkType: hard
-
 "p-try@npm:^2.0.0":
   version: 2.2.0
   resolution: "p-try@npm:2.2.0"
@@ -15025,24 +11659,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"parse-author@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "parse-author@npm:2.0.0"
-  dependencies:
-    author-regex: "npm:^1.0.0"
-  checksum: 10c0/8b4c19523588a4271c89f64e8167be7c80b4765059c865d38a996c37d080c7e5123e3e2d07d47290891628ad27f4dfb692e3b61156c52fcc0af6cdce3ed57afd
-  languageName: node
-  linkType: hard
-
-"parse-json@npm:^2.2.0":
-  version: 2.2.0
-  resolution: "parse-json@npm:2.2.0"
-  dependencies:
-    error-ex: "npm:^1.2.0"
-  checksum: 10c0/7a90132aa76016f518a3d5d746a21b3f1ad0f97a68436ed71b6f995b67c7151141f5464eea0c16c59aec9b7756519a0e3007a8f98cf3714632d509ec07736df6
-  languageName: node
-  linkType: hard
-
 "parse-json@npm:^5.2.0":
   version: 5.2.0
   resolution: "parse-json@npm:5.2.0"
@@ -15081,13 +11697,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"path-exists@npm:^3.0.0":
-  version: 3.0.0
-  resolution: "path-exists@npm:3.0.0"
-  checksum: 10c0/17d6a5664bc0a11d48e2b2127d28a0e58822c6740bde30403f08013da599182289c56518bec89407e3f31d3c2b6b296a4220bc3f867f0911fee6952208b04167
-  languageName: node
-  linkType: hard
-
 "path-exists@npm:^4.0.0":
   version: 4.0.0
   resolution: "path-exists@npm:4.0.0"
@@ -15102,13 +11711,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"path-key@npm:^2.0.0, path-key@npm:^2.0.1":
-  version: 2.0.1
-  resolution: "path-key@npm:2.0.1"
-  checksum: 10c0/dd2044f029a8e58ac31d2bf34c34b93c3095c1481942960e84dd2faa95bbb71b9b762a106aead0646695330936414b31ca0bd862bf488a937ad17c8c5d73b32b
-  languageName: node
-  linkType: hard
-
 "path-key@npm:^3.0.0, path-key@npm:^3.1.0":
   version: 3.1.1
   resolution: "path-key@npm:3.1.1"
@@ -15157,15 +11759,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"path-type@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "path-type@npm:2.0.0"
-  dependencies:
-    pify: "npm:^2.0.0"
-  checksum: 10c0/e475cead839e65a2f8fdde634b24a4116b49daea3917470552e19d49c63e59ef17963bec2f57df2c72a85fcd1f86c8850d9742e68dba9c9c8d9bcac38bab03d6
-  languageName: node
-  linkType: hard
-
 "path-type@npm:^4.0.0":
   version: 4.0.0
   resolution: "path-type@npm:4.0.0"
@@ -15187,20 +11780,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"pe-library@npm:^1.0.1":
-  version: 1.0.1
-  resolution: "pe-library@npm:1.0.1"
-  checksum: 10c0/1204201126db9477d1119e5312f09228ce1e0e6d6545fc5811f6166c259fe24a890297557abc5971ec8029f28777628ed71ba8c186ed6bd09ed1152c8a88b33d
-  languageName: node
-  linkType: hard
-
-"pend@npm:~1.2.0":
-  version: 1.2.0
-  resolution: "pend@npm:1.2.0"
-  checksum: 10c0/8a87e63f7a4afcfb0f9f77b39bb92374afc723418b9cb716ee4257689224171002e07768eeade4ecd0e86f1fa3d8f022994219fb45634f2dbd78c6803e452458
-  languageName: node
-  linkType: hard
-
 "picocolors@npm:1.1.1, picocolors@npm:^1.1.1":
   version: 1.1.1
   resolution: "picocolors@npm:1.1.1"
@@ -15208,7 +11787,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"picomatch@npm:^2.0.4, picomatch@npm:^2.2.1, picomatch@npm:^2.2.3, picomatch@npm:^2.3.1":
+"picomatch@npm:^2.0.4, picomatch@npm:^2.2.1, picomatch@npm:^2.3.1":
   version: 2.3.1
   resolution: "picomatch@npm:2.3.1"
   checksum: 10c0/26c02b8d06f03206fc2ab8d16f19960f2ff9e81a658f831ecb656d8f17d9edc799e8364b1f4a7873e89d9702dff96204be0fa26fe4181f6843f040f819dac4be
@@ -15222,14 +11801,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"pify@npm:^2.0.0":
-  version: 2.3.0
-  resolution: "pify@npm:2.3.0"
-  checksum: 10c0/551ff8ab830b1052633f59cb8adc9ae8407a436e06b4a9718bcb27dc5844b83d535c3a8512b388b6062af65a98c49bdc0dd523d8b2617b188f7c8fee457158dc
-  languageName: node
-  linkType: hard
-
-"pirates@npm:^4.0.4, pirates@npm:^4.0.7":
+"pirates@npm:^4.0.7":
   version: 4.0.7
   resolution: "pirates@npm:4.0.7"
   checksum: 10c0/a51f108dd811beb779d58a76864bbd49e239fa40c7984cd11596c75a121a8cc789f1c8971d8bb15f0dbf9d48b76c05bb62fcbce840f89b688c0fa64b37e8478a
@@ -15266,17 +11838,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"plist@npm:^3.0.0, plist@npm:^3.0.5, plist@npm:^3.1.0":
-  version: 3.1.1
-  resolution: "plist@npm:3.1.1"
-  dependencies:
-    "@xmldom/xmldom": "npm:^0.9.10"
-    base64-js: "npm:^1.5.1"
-    xmlbuilder: "npm:^15.1.1"
-  checksum: 10c0/af681277c2e541c6aab0ddee57f59459c43beeea1ee7aa2d4218aa39595fb41c068e2d2be3e4abb17e3252eaf2c1b806ecfb1d402fa5a3f4a6e1a7a32c880c9a
-  languageName: node
-  linkType: hard
-
 "pojo-dump@npm:^1.4.0":
   version: 1.4.0
   resolution: "pojo-dump@npm:1.4.0"
@@ -15368,26 +11929,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"postject@npm:^1.0.0-alpha.6":
-  version: 1.0.0-alpha.6
-  resolution: "postject@npm:1.0.0-alpha.6"
-  dependencies:
-    commander: "npm:^9.4.0"
-  bin:
-    postject: dist/cli.js
-  checksum: 10c0/7d5c5ffdb63190d48cc4b4b617ef2fa144f2bfd5f035231af08a8d7465298ed2a08ee4b354df198b4c96b32d3d873e562b6d23caacd80eb0ec722d81381e4a3e
-  languageName: node
-  linkType: hard
-
-"prettier@npm:^3.4.2":
-  version: 3.8.3
-  resolution: "prettier@npm:3.8.3"
-  bin:
-    prettier: bin/prettier.cjs
-  checksum: 10c0/754816fd7593eb80f6376d7476d463e832c38a12f32775a82683adb6e35b772b1f484d65f19401507b983a8c8a7cd5a4a9f12006bd56491e8f35503473f77473
-  languageName: node
-  linkType: hard
-
 "pretty-error@npm:^4.0.0":
   version: 4.0.0
   resolution: "pretty-error@npm:4.0.0"
@@ -15420,17 +11961,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"pretty-format@npm:^29.7.0":
-  version: 29.7.0
-  resolution: "pretty-format@npm:29.7.0"
-  dependencies:
-    "@jest/schemas": "npm:^29.6.3"
-    ansi-styles: "npm:^5.0.0"
-    react-is: "npm:^18.0.0"
-  checksum: 10c0/edc5ff89f51916f036c62ed433506b55446ff739358de77207e63e88a28ca2894caac6e73dcb68166a606e51c8087d32d400473e6a9fdd2dbe743f46c9c0276f
-  languageName: node
-  linkType: hard
-
 "prismjs@npm:^1.30.0":
   version: 1.30.0
   resolution: "prismjs@npm:1.30.0"
@@ -15438,13 +11968,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"proc-log@npm:^2.0.1":
-  version: 2.0.1
-  resolution: "proc-log@npm:2.0.1"
-  checksum: 10c0/701c501429775ce34cec28ef6a1c976537274b42917212fb8a5975ebcecb0a85612907fd7f99ff28ff4c2112bb84a0f4322fc9b9e1e52a8562fcbb1d5b3ce608
-  languageName: node
-  linkType: hard
-
 "proc-log@npm:^6.0.0":
   version: 6.1.0
   resolution: "proc-log@npm:6.1.0"
@@ -15459,20 +11982,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"progress@npm:^2.0.3":
-  version: 2.0.3
-  resolution: "progress@npm:2.0.3"
-  checksum: 10c0/1697e07cb1068055dbe9fe858d242368ff5d2073639e652b75a7eb1f2a1a8d4afd404d719de23c7b48481a6aa0040686310e2dac2f53d776daa2176d3f96369c
-  languageName: node
-  linkType: hard
-
-"promise-inflight@npm:^1.0.1":
-  version: 1.0.1
-  resolution: "promise-inflight@npm:1.0.1"
-  checksum: 10c0/d179d148d98fbff3d815752fa9a08a87d3190551d1420f17c4467f628214db12235ae068d98cd001f024453676d8985af8f28f002345646c4ece4600a79620bc
-  languageName: node
-  linkType: hard
-
 "promise-retry@npm:^2.0.1":
   version: 2.0.1
   resolution: "promise-retry@npm:2.0.1"
@@ -15492,16 +12001,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"prompts@npm:^2.0.1":
-  version: 2.4.2
-  resolution: "prompts@npm:2.4.2"
-  dependencies:
-    kleur: "npm:^3.0.3"
-    sisteransi: "npm:^1.0.5"
-  checksum: 10c0/16f1ac2977b19fe2cf53f8411cc98db7a3c8b115c479b2ca5c82b5527cd937aa405fa04f9a5960abeb9daef53191b53b4d13e35c1f5d50e8718c76917c5f1ea4
-  languageName: node
-  linkType: hard
-
 "prop-types@npm:15.5.10":
   version: 15.5.10
   resolution: "prop-types@npm:15.5.10"
@@ -15734,13 +12233,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"pure-rand@npm:^6.0.0":
-  version: 6.1.0
-  resolution: "pure-rand@npm:6.1.0"
-  checksum: 10c0/1abe217897bf74dcb3a0c9aba3555fe975023147b48db540aa2faf507aee91c03bf54f6aef0eb2bf59cc259a16d06b28eca37f0dc426d94f4692aeff02fb0e65
-  languageName: node
-  linkType: hard
-
 "pure-rand@npm:^7.0.0":
   version: 7.0.1
   resolution: "pure-rand@npm:7.0.1"
@@ -15798,13 +12290,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"quick-lru@npm:^5.1.1":
-  version: 5.1.1
-  resolution: "quick-lru@npm:5.1.1"
-  checksum: 10c0/a24cba5da8cec30d70d2484be37622580f64765fb6390a928b17f60cd69e8dbd32a954b3ff9176fa1b86d86ff2ba05252fae55dc4d40d0291c60412b0ad096da
-  languageName: node
-  linkType: hard
-
 "quill-cursors@npm:^4.0.4":
   version: 4.0.4
   resolution: "quill-cursors@npm:4.0.4"
@@ -16013,7 +12498,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-is@npm:^18.0.0, react-is@npm:^18.3.1":
+"react-is@npm:^18.3.1":
   version: 18.3.1
   resolution: "react-is@npm:18.3.1"
   checksum: 10c0/f2f1e60010c683479e74c63f96b09fb41603527cd131a9959e2aee1e5a8b0caf270b365e5ca77d4a6b18aae659b60a86150bb3979073528877029b35aecd2072
@@ -16235,38 +12720,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"read-binary-file-arch@npm:^1.0.6":
-  version: 1.0.6
-  resolution: "read-binary-file-arch@npm:1.0.6"
-  dependencies:
-    debug: "npm:^4.3.4"
-  bin:
-    read-binary-file-arch: cli.js
-  checksum: 10c0/7665cb4ec61da1f4da7ba6c0fb64f53f6e739373d427dd0e1c4d19f240b3ebff0f596377c01e290a6370f611899b82df09edafa758200bf31216d855e3230058
-  languageName: node
-  linkType: hard
-
-"read-pkg-up@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "read-pkg-up@npm:2.0.0"
-  dependencies:
-    find-up: "npm:^2.0.0"
-    read-pkg: "npm:^2.0.0"
-  checksum: 10c0/6fbb9f8c1a9ed3c8a5764387a77ac4456082f1fe98757d1ed300d8b0a4c70501f28cbb053ae7b3e0de6094930fb7258fbfe099957a53c999337aaf8bc53ff37f
-  languageName: node
-  linkType: hard
-
-"read-pkg@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "read-pkg@npm:2.0.0"
-  dependencies:
-    load-json-file: "npm:^2.0.0"
-    normalize-package-data: "npm:^2.3.2"
-    path-type: "npm:^2.0.0"
-  checksum: 10c0/c0d1b66c58e58fadaabe48c83c525fb1966304555e5089fab5ccce2c3dfe0fad726720b170a5fa23ff20452e22d1dbe817f5c63f03546bb85cbfb6b84da84c2b
-  languageName: node
-  linkType: hard
-
 "readable-stream@npm:^2.0.1":
   version: 2.3.8
   resolution: "readable-stream@npm:2.3.8"
@@ -16412,15 +12865,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"resedit@npm:^2.0.0":
-  version: 2.0.3
-  resolution: "resedit@npm:2.0.3"
-  dependencies:
-    pe-library: "npm:^1.0.1"
-  checksum: 10c0/d9ec8fc3900f3bf8fe818260149fdd6180b45d42f08d8bdf098a7a841d995363f44fd2d633948889e300a3ad8e7860b2d92fff9afcdcea21999994f5f526ffb0
-  languageName: node
-  linkType: hard
-
 "resize-observer-polyfill@npm:^1.5.1":
   version: 1.5.1
   resolution: "resize-observer-polyfill@npm:1.5.1"
@@ -16428,13 +12872,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"resolve-alpn@npm:^1.0.0":
-  version: 1.2.1
-  resolution: "resolve-alpn@npm:1.2.1"
-  checksum: 10c0/b70b29c1843bc39781ef946c8cd4482e6d425976599c0f9c138cec8209e4e0736161bf39319b01676a847000085dfdaf63583c6fb4427bf751a10635bd2aa0c4
-  languageName: node
-  linkType: hard
-
 "resolve-cwd@npm:^3.0.0":
   version: 3.0.0
   resolution: "resolve-cwd@npm:3.0.0"
@@ -16458,27 +12895,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"resolve.exports@npm:^2.0.0":
-  version: 2.0.3
-  resolution: "resolve.exports@npm:2.0.3"
-  checksum: 10c0/1ade1493f4642a6267d0a5e68faeac20b3d220f18c28b140343feb83694d8fed7a286852aef43689d16042c61e2ddb270be6578ad4a13990769e12065191200d
-  languageName: node
-  linkType: hard
-
-"resolve@npm:^1.1.6, resolve@npm:^1.10.0":
-  version: 1.22.12
-  resolution: "resolve@npm:1.22.12"
-  dependencies:
-    es-errors: "npm:^1.3.0"
-    is-core-module: "npm:^2.16.1"
-    path-parse: "npm:^1.0.7"
-    supports-preserve-symlinks-flag: "npm:^1.0.0"
-  bin:
-    resolve: bin/resolve
-  checksum: 10c0/b16dc9b537c02e8c3388f7d3dcff9741d3071625f9a97ac1c885f2b0ca51e78df22328fb6d6ef214dd9101fb7cfc19aa2836fe3410402a94f3f7b8639c7149bf
-  languageName: node
-  linkType: hard
-
 "resolve@npm:^1.20.0, resolve@npm:^1.22.1, resolve@npm:^1.22.8":
   version: 1.22.11
   resolution: "resolve@npm:1.22.11"
@@ -16492,20 +12908,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"resolve@patch:resolve@npm%3A^1.1.6#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.10.0#optional!builtin<compat/resolve>":
-  version: 1.22.12
-  resolution: "resolve@patch:resolve@npm%3A1.22.12#optional!builtin<compat/resolve>::version=1.22.12&hash=c3c19d"
-  dependencies:
-    es-errors: "npm:^1.3.0"
-    is-core-module: "npm:^2.16.1"
-    path-parse: "npm:^1.0.7"
-    supports-preserve-symlinks-flag: "npm:^1.0.0"
-  bin:
-    resolve: bin/resolve
-  checksum: 10c0/fc6519984ae1f894d877c0060ba8b1f5ba3bc0e85a02f74e141929c118c23d74d9735619a9cc2965397387e514884245c65d72a40731dcb6cfc84c7bcdc8321e
-  languageName: node
-  linkType: hard
-
 "resolve@patch:resolve@npm%3A^1.20.0#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.22.1#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.22.8#optional!builtin<compat/resolve>":
   version: 1.22.11
   resolution: "resolve@patch:resolve@npm%3A1.22.11#optional!builtin<compat/resolve>::version=1.22.11&hash=c3c19d"
@@ -16519,35 +12921,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"responselike@npm:^2.0.0":
-  version: 2.0.1
-  resolution: "responselike@npm:2.0.1"
-  dependencies:
-    lowercase-keys: "npm:^2.0.0"
-  checksum: 10c0/360b6deb5f101a9f8a4174f7837c523c3ec78b7ca8a7c1d45a1062b303659308a23757e318b1e91ed8684ad1205721142dd664d94771cd63499353fd4ee732b5
-  languageName: node
-  linkType: hard
-
-"restore-cursor@npm:^3.1.0":
-  version: 3.1.0
-  resolution: "restore-cursor@npm:3.1.0"
-  dependencies:
-    onetime: "npm:^5.1.0"
-    signal-exit: "npm:^3.0.2"
-  checksum: 10c0/8051a371d6aa67ff21625fa94e2357bd81ffdc96267f3fb0fc4aaf4534028343836548ef34c240ffa8c25b280ca35eb36be00b3cb2133fa4f51896d7e73c6b4f
-  languageName: node
-  linkType: hard
-
-"restore-cursor@npm:^4.0.0":
-  version: 4.0.0
-  resolution: "restore-cursor@npm:4.0.0"
-  dependencies:
-    onetime: "npm:^5.1.0"
-    signal-exit: "npm:^3.0.2"
-  checksum: 10c0/6f7da8c5e422ac26aa38354870b1afac09963572cf2879443540449068cb43476e9cbccf6f8de3e0171e0d6f7f533c2bc1a0a008003c9a525bbc098e89041318
-  languageName: node
-  linkType: hard
-
 "ret@npm:~0.5.0":
   version: 0.5.0
   resolution: "ret@npm:0.5.0"
@@ -16569,20 +12942,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"reusify@npm:^1.0.4":
-  version: 1.1.0
-  resolution: "reusify@npm:1.1.0"
-  checksum: 10c0/4eff0d4a5f9383566c7d7ec437b671cc51b25963bd61bf127c3f3d3f68e44a026d99b8d2f1ad344afff8d278a8fe70a8ea092650a716d22287e8bef7126bb2fa
-  languageName: node
-  linkType: hard
-
-"rfdc@npm:^1.3.0":
-  version: 1.4.1
-  resolution: "rfdc@npm:1.4.1"
-  checksum: 10c0/4614e4292356cafade0b6031527eea9bc90f2372a22c012313be1dcc69a3b90c7338158b414539be863fa95bfcb2ddcd0587be696841af4e6679d85e62c060c7
-  languageName: node
-  linkType: hard
-
 "rimraf@npm:^3.0.2":
   version: 3.0.2
   resolution: "rimraf@npm:3.0.2"
@@ -16606,31 +12965,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"rimraf@npm:~2.6.2":
-  version: 2.6.3
-  resolution: "rimraf@npm:2.6.3"
-  dependencies:
-    glob: "npm:^7.1.3"
-  bin:
-    rimraf: ./bin.js
-  checksum: 10c0/f1e646f8c567795f2916aef7aadf685b543da6b9a53e482bb04b07472c7eef2b476045ba1e29f401c301c66b630b22b815ab31fdd60c5e1ae6566ff523debf45
-  languageName: node
-  linkType: hard
-
-"roarr@npm:^2.15.3":
-  version: 2.15.4
-  resolution: "roarr@npm:2.15.4"
-  dependencies:
-    boolean: "npm:^3.0.1"
-    detect-node: "npm:^2.0.4"
-    globalthis: "npm:^1.0.1"
-    json-stringify-safe: "npm:^5.0.1"
-    semver-compare: "npm:^1.0.0"
-    sprintf-js: "npm:^1.1.2"
-  checksum: 10c0/7d01d4c14513c461778dd673a8f9e53255221f8d04173aafeb8e11b23d8b659bb83f1c90cfe81af7f9c213b8084b404b918108fd792bda76678f555340cc64ec
-  languageName: node
-  linkType: hard
-
 "rollup@npm:^4.43.0":
   version: 4.59.0
   resolution: "rollup@npm:4.59.0"
@@ -16767,15 +13101,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"run-parallel@npm:^1.1.9":
-  version: 1.2.0
-  resolution: "run-parallel@npm:1.2.0"
-  dependencies:
-    queue-microtask: "npm:^1.2.2"
-  checksum: 10c0/200b5ab25b5b8b7113f9901bfe3afc347e19bb7475b267d55ad0eb86a62a46d77510cb0f232507c9e5d497ebda569a08a9867d0d14f57a82ad5564d991588b39
-  languageName: node
-  linkType: hard
-
 "rx-use@npm:^1.8.2, rx-use@npm:^1.9.0":
   version: 1.9.0
   resolution: "rx-use@npm:1.9.0"
@@ -16785,7 +13110,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"rxjs@npm:7, rxjs@npm:^7.8.1, rxjs@npm:^7.8.2":
+"rxjs@npm:^7.8.1, rxjs@npm:^7.8.2":
   version: 7.8.2
   resolution: "rxjs@npm:7.8.2"
   dependencies:
@@ -16926,37 +13251,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"semver-compare@npm:^1.0.0":
-  version: 1.0.0
-  resolution: "semver-compare@npm:1.0.0"
-  checksum: 10c0/9ef4d8b81847556f0865f46ddc4d276bace118c7cb46811867af82e837b7fc473911981d5a0abc561fa2db487065572217e5b06e18701c4281bcdd2a1affaff1
-  languageName: node
-  linkType: hard
-
-"semver@npm:2 || 3 || 4 || 5, semver@npm:^5.5.0":
-  version: 5.7.2
-  resolution: "semver@npm:5.7.2"
-  bin:
-    semver: bin/semver
-  checksum: 10c0/e4cf10f86f168db772ae95d86ba65b3fd6c5967c94d97c708ccb463b778c2ee53b914cd7167620950fc07faf5a564e6efe903836639e512a1aa15fbc9667fa25
-  languageName: node
-  linkType: hard
-
-"semver@npm:^6.0.0, semver@npm:^6.2.0, semver@npm:^6.3.0, semver@npm:^6.3.1":
+"semver@npm:^6.0.0, semver@npm:^6.3.1":
   version: 6.3.1
-  resolution: "semver@npm:6.3.1"
-  bin:
-    semver: bin/semver.js
-  checksum: 10c0/e3d79b609071caa78bcb6ce2ad81c7966a46a7431d9d58b8800cfa9cb6a63699b3899a0e4bcce36167a284578212d9ae6942b6929ba4aa5015c079a67751d42d
-  languageName: node
-  linkType: hard
-
-"semver@npm:^7.1.1, semver@npm:^7.1.3, semver@npm:^7.2.1, semver@npm:^7.3.2, semver@npm:^7.6.3":
-  version: 7.7.4
-  resolution: "semver@npm:7.7.4"
+  resolution: "semver@npm:6.3.1"
   bin:
     semver: bin/semver.js
-  checksum: 10c0/5215ad0234e2845d4ea5bb9d836d42b03499546ddafb12075566899fc617f68794bb6f146076b6881d755de17d6c6cc73372555879ec7dce2c2feee947866ad2
+  checksum: 10c0/e3d79b609071caa78bcb6ce2ad81c7966a46a7431d9d58b8800cfa9cb6a63699b3899a0e4bcce36167a284578212d9ae6942b6929ba4aa5015c079a67751d42d
   languageName: node
   linkType: hard
 
@@ -16990,15 +13290,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"serialize-error@npm:^7.0.1":
-  version: 7.0.1
-  resolution: "serialize-error@npm:7.0.1"
-  dependencies:
-    type-fest: "npm:^0.13.1"
-  checksum: 10c0/7982937d578cd901276c8ab3e2c6ed8a4c174137730f1fb0402d005af209a0e84d04acc874e317c936724c7b5b26c7a96ff7e4b8d11a469f4924a4b0ea814c05
-  languageName: node
-  linkType: hard
-
 "serialize-javascript@npm:^6.0.2":
   version: 6.0.2
   resolution: "serialize-javascript@npm:6.0.2"
@@ -17156,15 +13447,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"shebang-command@npm:^1.2.0":
-  version: 1.2.0
-  resolution: "shebang-command@npm:1.2.0"
-  dependencies:
-    shebang-regex: "npm:^1.0.0"
-  checksum: 10c0/7b20dbf04112c456b7fc258622dafd566553184ac9b6938dd30b943b065b21dabd3776460df534cc02480db5e1b6aec44700d985153a3da46e7db7f9bd21326d
-  languageName: node
-  linkType: hard
-
 "shebang-command@npm:^2.0.0":
   version: 2.0.0
   resolution: "shebang-command@npm:2.0.0"
@@ -17174,13 +13456,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"shebang-regex@npm:^1.0.0":
-  version: 1.0.0
-  resolution: "shebang-regex@npm:1.0.0"
-  checksum: 10c0/9abc45dee35f554ae9453098a13fdc2f1730e525a5eb33c51f096cc31f6f10a4b38074c1ebf354ae7bffa7229506083844008dfc3bb7818228568c0b2dc1fff2
-  languageName: node
-  linkType: hard
-
 "shebang-regex@npm:^3.0.0":
   version: 3.0.0
   resolution: "shebang-regex@npm:3.0.0"
@@ -17250,14 +13525,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"signal-exit@npm:^3.0.0, signal-exit@npm:^3.0.2, signal-exit@npm:^3.0.3, signal-exit@npm:^3.0.7":
+"signal-exit@npm:^3.0.3":
   version: 3.0.7
   resolution: "signal-exit@npm:3.0.7"
   checksum: 10c0/25d272fa73e146048565e08f3309d5b942c1979a6f4a58a8c59d5fa299728e9c2fcd1a759ec870863b1fd38653670240cd420dad2ad9330c71f36608a6a1c912
   languageName: node
   linkType: hard
 
-"signal-exit@npm:^4.0.1, signal-exit@npm:^4.1.0":
+"signal-exit@npm:^4.0.1":
   version: 4.1.0
   resolution: "signal-exit@npm:4.1.0"
   checksum: 10c0/41602dce540e46d599edba9d9860193398d135f7ff72cab629db5171516cfae628d21e7bfccde1bbfdf11c48726bc2a6d1a8fb8701125852fbfda7cf19c6aa83
@@ -17271,13 +13546,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"sisteransi@npm:^1.0.5":
-  version: 1.0.5
-  resolution: "sisteransi@npm:1.0.5"
-  checksum: 10c0/230ac975cca485b7f6fe2b96a711aa62a6a26ead3e6fb8ba17c5a00d61b8bed0d7adc21f5626b70d7c33c62ff4e63933017a6462942c719d1980bb0b1207ad46
-  languageName: node
-  linkType: hard
-
 "slash@npm:^3.0.0":
   version: 3.0.0
   resolution: "slash@npm:3.0.0"
@@ -17339,16 +13607,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"slice-ansi@npm:^5.0.0":
-  version: 5.0.0
-  resolution: "slice-ansi@npm:5.0.0"
-  dependencies:
-    ansi-styles: "npm:^6.0.0"
-    is-fullwidth-code-point: "npm:^4.0.0"
-  checksum: 10c0/2d4d40b2a9d5cf4e8caae3f698fe24ae31a4d778701724f578e984dcb485ec8c49f0c04dab59c401821e80fcdfe89cace9c66693b0244e40ec485d72e543914f
-  languageName: node
-  linkType: hard
-
 "slugify@npm:^1.6.6":
   version: 1.6.6
   resolution: "slugify@npm:1.6.6"
@@ -17374,17 +13632,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"socks-proxy-agent@npm:^7.0.0":
-  version: 7.0.0
-  resolution: "socks-proxy-agent@npm:7.0.0"
-  dependencies:
-    agent-base: "npm:^6.0.2"
-    debug: "npm:^4.3.3"
-    socks: "npm:^2.6.2"
-  checksum: 10c0/b859f7eb8e96ec2c4186beea233ae59c02404094f3eb009946836af27d6e5c1627d1975a69b4d2e20611729ed543b6db3ae8481eb38603433c50d0345c987600
-  languageName: node
-  linkType: hard
-
 "socks-proxy-agent@npm:^8.0.3":
   version: 8.0.5
   resolution: "socks-proxy-agent@npm:8.0.5"
@@ -17396,16 +13643,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"socks@npm:^2.6.2":
-  version: 2.8.8
-  resolution: "socks@npm:2.8.8"
-  dependencies:
-    ip-address: "npm:^10.1.1"
-    smart-buffer: "npm:^4.2.0"
-  checksum: 10c0/4777edf8b554182ddf472524a1855c0fc684c7a3778466851dca687ae81cfa19ea9261856765789e51f7cec12e575e2652d5bd69d98fdbbbc947eabd12e9891d
-  languageName: node
-  linkType: hard
-
 "socks@npm:^2.8.3":
   version: 2.8.7
   resolution: "socks@npm:2.8.7"
@@ -17444,7 +13681,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"source-map-support@npm:^0.5.13, source-map-support@npm:~0.5.20":
+"source-map-support@npm:~0.5.20":
   version: 0.5.21
   resolution: "source-map-support@npm:0.5.21"
   dependencies:
@@ -17475,40 +13712,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"spdx-correct@npm:^3.0.0":
-  version: 3.2.0
-  resolution: "spdx-correct@npm:3.2.0"
-  dependencies:
-    spdx-expression-parse: "npm:^3.0.0"
-    spdx-license-ids: "npm:^3.0.0"
-  checksum: 10c0/49208f008618b9119208b0dadc9208a3a55053f4fd6a0ae8116861bd22696fc50f4142a35ebfdb389e05ccf2de8ad142573fefc9e26f670522d899f7b2fe7386
-  languageName: node
-  linkType: hard
-
-"spdx-exceptions@npm:^2.1.0":
-  version: 2.5.0
-  resolution: "spdx-exceptions@npm:2.5.0"
-  checksum: 10c0/37217b7762ee0ea0d8b7d0c29fd48b7e4dfb94096b109d6255b589c561f57da93bf4e328c0290046115961b9209a8051ad9f525e48d433082fc79f496a4ea940
-  languageName: node
-  linkType: hard
-
-"spdx-expression-parse@npm:^3.0.0":
-  version: 3.0.1
-  resolution: "spdx-expression-parse@npm:3.0.1"
-  dependencies:
-    spdx-exceptions: "npm:^2.1.0"
-    spdx-license-ids: "npm:^3.0.0"
-  checksum: 10c0/6f8a41c87759fa184a58713b86c6a8b028250f158159f1d03ed9d1b6ee4d9eefdc74181c8ddc581a341aa971c3e7b79e30b59c23b05d2436d5de1c30bdef7171
-  languageName: node
-  linkType: hard
-
-"spdx-license-ids@npm:^3.0.0":
-  version: 3.0.23
-  resolution: "spdx-license-ids@npm:3.0.23"
-  checksum: 10c0/8495620f6f2a237749cce922ea2d593a66f7885c301b1a0f5542183e7041182f27f616a8f13345cefdea0c9b3e0899328e0aa8cec100cf4f3fac4bb3bd975515
-  languageName: node
-  linkType: hard
-
 "spdy-transport@npm:^3.0.0":
   version: 3.0.0
   resolution: "spdy-transport@npm:3.0.0"
@@ -17536,13 +13739,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"sprintf-js@npm:^1.1.2":
-  version: 1.1.3
-  resolution: "sprintf-js@npm:1.1.3"
-  checksum: 10c0/09270dc4f30d479e666aee820eacd9e464215cdff53848b443964202bf4051490538e5dd1b42e1a65cf7296916ca17640aebf63dae9812749c7542ee5f288dec
-  languageName: node
-  linkType: hard
-
 "sprintf-js@npm:~1.0.2":
   version: 1.0.3
   resolution: "sprintf-js@npm:1.0.3"
@@ -17559,15 +13755,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ssri@npm:^9.0.0":
-  version: 9.0.1
-  resolution: "ssri@npm:9.0.1"
-  dependencies:
-    minipass: "npm:^3.1.1"
-  checksum: 10c0/c5d153ce03b5980d683ecaa4d805f6a03d8dc545736213803e168a1907650c46c08a4e5ce6d670a0205482b35c35713d9d286d9133bdd79853a406e22ad81f04
-  languageName: node
-  linkType: hard
-
 "stack-generator@npm:^2.0.5":
   version: 2.0.10
   resolution: "stack-generator@npm:2.0.10"
@@ -17577,7 +13764,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"stack-utils@npm:^2.0.3, stack-utils@npm:^2.0.6":
+"stack-utils@npm:^2.0.6":
   version: 2.0.6
   resolution: "stack-utils@npm:2.0.6"
   dependencies:
@@ -17684,7 +13871,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"string-length@npm:^4.0.1, string-length@npm:^4.0.2":
+"string-length@npm:^4.0.2":
   version: 4.0.2
   resolution: "string-length@npm:4.0.2"
   dependencies:
@@ -17705,7 +13892,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"string-width@npm:^5.0.0, string-width@npm:^5.0.1, string-width@npm:^5.1.2":
+"string-width@npm:^5.0.1, string-width@npm:^5.1.2":
   version: 5.1.2
   resolution: "string-width@npm:5.1.2"
   dependencies:
@@ -17766,13 +13953,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"strip-eof@npm:^1.0.0":
-  version: 1.0.0
-  resolution: "strip-eof@npm:1.0.0"
-  checksum: 10c0/f336beed8622f7c1dd02f2cbd8422da9208fae81daf184f73656332899978919d5c0ca84dc6cfc49ad1fc4dd7badcde5412a063cf4e0d7f8ed95a13a63f68f45
-  languageName: node
-  linkType: hard
-
 "strip-final-newline@npm:^2.0.0":
   version: 2.0.0
   resolution: "strip-final-newline@npm:2.0.0"
@@ -17803,15 +13983,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"strip-outer@npm:^1.0.1":
-  version: 1.0.1
-  resolution: "strip-outer@npm:1.0.1"
-  dependencies:
-    escape-string-regexp: "npm:^1.0.2"
-  checksum: 10c0/c0f38e6f37563d878a221b1c76f0822f180ec5fc39be5ada30ee637a7d5b59d19418093bad2b4db1e69c40d7a7a7ac50828afce07276cf3d51ac8965cb140dfb
-  languageName: node
-  linkType: hard
-
 "style-loader@npm:^4.0.0":
   version: 4.0.0
   resolution: "style-loader@npm:4.0.0"
@@ -17842,15 +14013,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"sumchecker@npm:^3.0.1":
-  version: 3.0.1
-  resolution: "sumchecker@npm:3.0.1"
-  dependencies:
-    debug: "npm:^4.1.0"
-  checksum: 10c0/43c387be9dfe22dbeaf39dfa4ffb279847aeb37a42a8988c0b066f548bbd209aa8c65e03da29f2b29be1a66b577801bf89fff0007df4183db2f286263a9569e5
-  languageName: node
-  linkType: hard
-
 "supports-color@npm:^10.0.0":
   version: 10.2.2
   resolution: "supports-color@npm:10.2.2"
@@ -17943,20 +14105,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tar@npm:^6.0.5, tar@npm:^6.1.11, tar@npm:^6.2.1":
-  version: 6.2.1
-  resolution: "tar@npm:6.2.1"
-  dependencies:
-    chownr: "npm:^2.0.0"
-    fs-minipass: "npm:^2.0.0"
-    minipass: "npm:^5.0.0"
-    minizlib: "npm:^2.1.1"
-    mkdirp: "npm:^1.0.3"
-    yallist: "npm:^4.0.0"
-  checksum: 10c0/a5eca3eb50bc11552d453488344e6507156b9193efd7635e98e867fab275d527af53d8866e2370cd09dfe74378a18111622ace35af6a608e5223a7d27fe99537
-  languageName: node
-  linkType: hard
-
 "tar@npm:^7.5.2":
   version: 7.5.6
   resolution: "tar@npm:7.5.6"
@@ -17970,16 +14118,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"temp@npm:^0.9.0":
-  version: 0.9.4
-  resolution: "temp@npm:0.9.4"
-  dependencies:
-    mkdirp: "npm:^0.5.1"
-    rimraf: "npm:~2.6.2"
-  checksum: 10c0/7a1cd75efa65b9ca97fc0dfa752673842d23fa41d9c641a447d86ca986eb7662f0d17771e1edf8d0149e76de3c6e7005faf2ccaa3baf64811c86d1d1a951dda7
-  languageName: node
-  linkType: hard
-
 "terser-webpack-plugin@npm:^5.3.14, terser-webpack-plugin@npm:^5.3.16":
   version: 5.3.16
   resolution: "terser-webpack-plugin@npm:5.3.16"
@@ -18078,13 +14216,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tiny-each-async@npm:2.0.3":
-  version: 2.0.3
-  resolution: "tiny-each-async@npm:2.0.3"
-  checksum: 10c0/0a16a8d2527f56716b563a8a1004a7faa68e8c002a924e88d446b253f4909b74cc888c91329d4a3ce499c04fbc80e4fbd3c561510a8a41167cc89764c4e59715
-  languageName: node
-  linkType: hard
-
 "tiny-invariant@npm:1.3.1":
   version: 1.3.1
   resolution: "tiny-invariant@npm:1.3.1"
@@ -18169,31 +14300,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tmp-promise@npm:^3.0.2":
-  version: 3.0.3
-  resolution: "tmp-promise@npm:3.0.3"
-  dependencies:
-    tmp: "npm:^0.2.0"
-  checksum: 10c0/23b47dcb2e82b14bbd8f61ed7a9d9353cdb6a6f09d7716616cfd27d0087040cd40152965a518e598d7aabe1489b9569bf1eebde0c5fadeaf3ec8098adcebea4e
-  languageName: node
-  linkType: hard
-
-"tmp@npm:^0.0.33":
-  version: 0.0.33
-  resolution: "tmp@npm:0.0.33"
-  dependencies:
-    os-tmpdir: "npm:~1.0.2"
-  checksum: 10c0/69863947b8c29cabad43fe0ce65cec5bb4b481d15d4b4b21e036b060b3edbf3bc7a5541de1bacb437bb3f7c4538f669752627fdf9b4aaf034cebd172ba373408
-  languageName: node
-  linkType: hard
-
-"tmp@npm:^0.2.0":
-  version: 0.2.5
-  resolution: "tmp@npm:0.2.5"
-  checksum: 10c0/cee5bb7d674bb4ba3ab3f3841c2ca7e46daeb2109eec395c1ec7329a91d52fcb21032b79ac25161a37b2565c4858fefab927af9735926a113ef7bac9091a6e0e
-  languageName: node
-  linkType: hard
-
 "tmpl@npm:1.0.5":
   version: 1.0.5
   resolution: "tmpl@npm:1.0.5"
@@ -18242,13 +14348,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tr46@npm:~0.0.3":
-  version: 0.0.3
-  resolution: "tr46@npm:0.0.3"
-  checksum: 10c0/047cb209a6b60c742f05c9d3ace8fa510bff609995c129a37ace03476a9b12db4dbf975e74600830ef0796e18882b2381fb5fb1f6b4f96b832c374de3ab91a11
-  languageName: node
-  linkType: hard
-
 "tree-dump@npm:^1.0.0, tree-dump@npm:^1.0.3, tree-dump@npm:^1.1.0":
   version: 1.1.0
   resolution: "tree-dump@npm:1.1.0"
@@ -18258,15 +14357,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"trim-repeated@npm:^1.0.0":
-  version: 1.0.0
-  resolution: "trim-repeated@npm:1.0.0"
-  dependencies:
-    escape-string-regexp: "npm:^1.0.2"
-  checksum: 10c0/89acada0142ed0cdb113615a3e82fdb09e7fdb0e3504ded62762dd935bc27debfcc38edefa497dc7145d8dc8602d40dd9eec891e0ea6c28fa0cc384200b692db
-  languageName: node
-  linkType: hard
-
 "ts-dedent@npm:^2.0.0":
   version: 2.2.0
   resolution: "ts-dedent@npm:2.2.0"
@@ -18337,7 +14427,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ts-node@npm:*, ts-node@npm:^10.9.2":
+"ts-node@npm:^10.9.2":
   version: 10.9.2
   resolution: "ts-node@npm:10.9.2"
   dependencies:
@@ -18416,13 +14506,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"type-fest@npm:^0.13.1":
-  version: 0.13.1
-  resolution: "type-fest@npm:0.13.1"
-  checksum: 10c0/0c0fa07ae53d4e776cf4dac30d25ad799443e9eef9226f9fddbb69242db86b08584084a99885cfa5a9dfe4c063ebdc9aa7b69da348e735baede8d43f1aeae93b
-  languageName: node
-  linkType: hard
-
 "type-fest@npm:^0.21.3":
   version: 0.21.3
   resolution: "type-fest@npm:0.21.3"
@@ -18430,13 +14513,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"type-fest@npm:^1.0.2":
-  version: 1.4.0
-  resolution: "type-fest@npm:1.4.0"
-  checksum: 10c0/a3c0f4ee28ff6ddf800d769eafafcdeab32efa38763c1a1b8daeae681920f6e345d7920bf277245235561d8117dab765cb5f829c76b713b4c9de0998a5397141
-  languageName: node
-  linkType: hard
-
 "type-fest@npm:^4.41.0":
   version: 4.41.0
   resolution: "type-fest@npm:4.41.0"
@@ -18480,16 +14556,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"typescript@npm:~5.4.5":
-  version: 5.4.5
-  resolution: "typescript@npm:5.4.5"
-  bin:
-    tsc: bin/tsc
-    tsserver: bin/tsserver
-  checksum: 10c0/2954022ada340fd3d6a9e2b8e534f65d57c92d5f3989a263754a78aba549f7e6529acc1921913560a4b816c46dce7df4a4d29f9f11a3dc0d4213bb76d043251e
-  languageName: node
-  linkType: hard
-
 "typescript@patch:typescript@npm%3A^5.8.3#optional!builtin<compat/typescript>, typescript@patch:typescript@npm%3A^5.9.3#optional!builtin<compat/typescript>":
   version: 5.9.3
   resolution: "typescript@patch:typescript@npm%3A5.9.3#optional!builtin<compat/typescript>::version=5.9.3&hash=5786d5"
@@ -18500,16 +14566,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"typescript@patch:typescript@npm%3A~5.4.5#optional!builtin<compat/typescript>":
-  version: 5.4.5
-  resolution: "typescript@patch:typescript@npm%3A5.4.5#optional!builtin<compat/typescript>::version=5.4.5&hash=5adc0c"
-  bin:
-    tsc: bin/tsc
-    tsserver: bin/tsserver
-  checksum: 10c0/db2ad2a16ca829f50427eeb1da155e7a45e598eec7b086d8b4e8ba44e5a235f758e606d681c66992230d3fc3b8995865e5fd0b22a2c95486d0b3200f83072ec9
-  languageName: node
-  linkType: hard
-
 "uWebSockets.js@uNetworking/uWebSockets.js#v20.61.0":
   version: 20.61.0
   resolution: "uWebSockets.js@https://github.com/uNetworking/uWebSockets.js.git#commit=cf2e4a85cc7b600ffa5a0729249bc3907e58c89a"
@@ -18556,13 +14612,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"undici@npm:^7.24.4":
-  version: 7.25.0
-  resolution: "undici@npm:7.25.0"
-  checksum: 10c0/02a0b45dc14eb91bc488948750232450fe52f27a6b08086d6ac6736bb47908d600fe3a96d346f12eab24729c782e5c2f693bc8e8eca6696d4e4c09b1ed4cb4ec
-  languageName: node
-  linkType: hard
-
 "unenv@npm:2.0.0-rc.24":
   version: 2.0.0-rc.24
   resolution: "unenv@npm:2.0.0-rc.24"
@@ -18572,15 +14621,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"unique-filename@npm:^2.0.0":
-  version: 2.0.1
-  resolution: "unique-filename@npm:2.0.1"
-  dependencies:
-    unique-slug: "npm:^3.0.0"
-  checksum: 10c0/55d95cd670c4a86117ebc34d394936d712d43b56db6bc511f9ca00f666373818bf9f075fb0ab76bcbfaf134592ef26bb75aad20786c1ff1ceba4457eaba90fb8
-  languageName: node
-  linkType: hard
-
 "unique-filename@npm:^5.0.0":
   version: 5.0.0
   resolution: "unique-filename@npm:5.0.0"
@@ -18590,15 +14630,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"unique-slug@npm:^3.0.0":
-  version: 3.0.0
-  resolution: "unique-slug@npm:3.0.0"
-  dependencies:
-    imurmurhash: "npm:^0.1.4"
-  checksum: 10c0/617240eb921af803b47d322d75a71a363dacf2e56c29ae5d1404fad85f64f4ec81ef10ee4fd79215d0202cbe1e5a653edb0558d59c9c81d3bd538c2d58e4c026
-  languageName: node
-  linkType: hard
-
 "unique-slug@npm:^6.0.0":
   version: 6.0.0
   resolution: "unique-slug@npm:6.0.0"
@@ -18608,20 +14639,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"universal-user-agent@npm:^6.0.0":
-  version: 6.0.1
-  resolution: "universal-user-agent@npm:6.0.1"
-  checksum: 10c0/5c9c46ffe19a975e11e6443640ed4c9e0ce48fcc7203325757a8414ac49940ebb0f4667f2b1fa561489d1eb22cb2d05a0f7c82ec20c5cba42e58e188fb19b187
-  languageName: node
-  linkType: hard
-
-"universalify@npm:^0.1.0":
-  version: 0.1.2
-  resolution: "universalify@npm:0.1.2"
-  checksum: 10c0/e70e0339f6b36f34c9816f6bf9662372bd241714dc77508d231d08386d94f2c4aa1ba1318614f92015f40d45aae1b9075cd30bd490efbe39387b60a76ca3f045
-  languageName: node
-  linkType: hard
-
 "universalify@npm:^2.0.0":
   version: 2.0.1
   resolution: "universalify@npm:2.0.1"
@@ -18825,16 +14842,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"username@npm:^5.1.0":
-  version: 5.1.0
-  resolution: "username@npm:5.1.0"
-  dependencies:
-    execa: "npm:^1.0.0"
-    mem: "npm:^4.3.0"
-  checksum: 10c0/e897270d1f1601493dcbfa882857a18eb902f2878aebdf0f110e7668e57c5286de15494710c995c2b44df3920986b548f5a6f7a19418bc01fc1061443145b5db
-  languageName: node
-  linkType: hard
-
 "utf-8-validate@npm:^5.0.2":
   version: 5.0.10
   resolution: "utf-8-validate@npm:5.0.10"
@@ -18893,16 +14900,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"validate-npm-package-license@npm:^3.0.1":
-  version: 3.0.4
-  resolution: "validate-npm-package-license@npm:3.0.4"
-  dependencies:
-    spdx-correct: "npm:^3.0.0"
-    spdx-expression-parse: "npm:^3.0.0"
-  checksum: 10c0/7b91e455a8de9a0beaa9fe961e536b677da7f48c9a493edf4d4d4a87fd80a7a10267d438723364e432c2fcd00b5650b5378275cded362383ef570276e6312f4f
-  languageName: node
-  linkType: hard
-
 "vary@npm:~1.1.2":
   version: 1.1.2
   resolution: "vary@npm:1.1.2"
@@ -19087,22 +15084,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"wcwidth@npm:^1.0.1":
-  version: 1.0.1
-  resolution: "wcwidth@npm:1.0.1"
-  dependencies:
-    defaults: "npm:^1.0.3"
-  checksum: 10c0/5b61ca583a95e2dd85d7078400190efd452e05751a64accb8c06ce4db65d7e0b0cde9917d705e826a2e05cc2548f61efde115ffa374c3e436d04be45c889e5b4
-  languageName: node
-  linkType: hard
-
-"webidl-conversions@npm:^3.0.0":
-  version: 3.0.1
-  resolution: "webidl-conversions@npm:3.0.1"
-  checksum: 10c0/5612d5f3e54760a797052eb4927f0ddc01383550f542ccd33d5238cfd65aeed392a45ad38364970d0a0f4fea32e1f4d231b3d8dac4a3bdd385e5cf802ae097db
-  languageName: node
-  linkType: hard
-
 "webidl-conversions@npm:^7.0.0":
   version: 7.0.0
   resolution: "webidl-conversions@npm:7.0.0"
@@ -19346,43 +15327,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"webpack@npm:^5.69.1":
-  version: 5.106.2
-  resolution: "webpack@npm:5.106.2"
-  dependencies:
-    "@types/eslint-scope": "npm:^3.7.7"
-    "@types/estree": "npm:^1.0.8"
-    "@types/json-schema": "npm:^7.0.15"
-    "@webassemblyjs/ast": "npm:^1.14.1"
-    "@webassemblyjs/wasm-edit": "npm:^1.14.1"
-    "@webassemblyjs/wasm-parser": "npm:^1.14.1"
-    acorn: "npm:^8.16.0"
-    acorn-import-phases: "npm:^1.0.3"
-    browserslist: "npm:^4.28.1"
-    chrome-trace-event: "npm:^1.0.2"
-    enhanced-resolve: "npm:^5.20.0"
-    es-module-lexer: "npm:^2.0.0"
-    eslint-scope: "npm:5.1.1"
-    events: "npm:^3.2.0"
-    glob-to-regexp: "npm:^0.4.1"
-    graceful-fs: "npm:^4.2.11"
-    loader-runner: "npm:^4.3.1"
-    mime-db: "npm:^1.54.0"
-    neo-async: "npm:^2.6.2"
-    schema-utils: "npm:^4.3.3"
-    tapable: "npm:^2.3.0"
-    terser-webpack-plugin: "npm:^5.3.17"
-    watchpack: "npm:^2.5.1"
-    webpack-sources: "npm:^3.3.4"
-  peerDependenciesMeta:
-    webpack-cli:
-      optional: true
-  bin:
-    webpack: bin/webpack.js
-  checksum: 10c0/933293ae94b7f3405147aebd824d978696693a7fbd85cfbf4d05b517329c93f69e634400ad70a27f4ba4148e14e2fd502e335cd8d30d75282091ab3c72a1ac01
-  languageName: node
-  linkType: hard
-
 "webpack@npm:^5.99.5":
   version: 5.106.1
   resolution: "webpack@npm:5.106.1"
@@ -19486,28 +15430,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"whatwg-url@npm:^5.0.0":
-  version: 5.0.0
-  resolution: "whatwg-url@npm:5.0.0"
-  dependencies:
-    tr46: "npm:~0.0.3"
-    webidl-conversions: "npm:^3.0.0"
-  checksum: 10c0/1588bed84d10b72d5eec1d0faa0722ba1962f1821e7539c535558fb5398d223b0c50d8acab950b8c488b4ba69043fd833cc2697056b167d8ad46fac3995a55d5
-  languageName: node
-  linkType: hard
-
-"which@npm:^1.2.9":
-  version: 1.3.1
-  resolution: "which@npm:1.3.1"
-  dependencies:
-    isexe: "npm:^2.0.0"
-  bin:
-    which: ./bin/which
-  checksum: 10c0/e945a8b6bbf6821aaaef7f6e0c309d4b615ef35699576d5489b4261da9539f70393c6b2ce700ee4321c18f914ebe5644bc4631b15466ffbaad37d83151f6af59
-  languageName: node
-  linkType: hard
-
-"which@npm:^2.0.1, which@npm:^2.0.2":
+"which@npm:^2.0.1":
   version: 2.0.2
   resolution: "which@npm:2.0.2"
   dependencies:
@@ -19548,13 +15471,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"word-wrap@npm:^1.2.3":
-  version: 1.2.5
-  resolution: "word-wrap@npm:1.2.5"
-  checksum: 10c0/e0e4a1ca27599c92a6ca4c32260e8a92e8a44f4ef6ef93f803f8ed823f486e0889fc0b93be4db59c8d51b3064951d25e43d434e95dc8c960cc3a63d65d00ba20
-  languageName: node
-  linkType: hard
-
 "wordwrap@npm:^1.0.0":
   version: 1.0.0
   resolution: "wordwrap@npm:1.0.0"
@@ -19627,18 +15543,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"wrap-ansi@npm:^6.2.0":
-  version: 6.2.0
-  resolution: "wrap-ansi@npm:6.2.0"
-  dependencies:
-    ansi-styles: "npm:^4.0.0"
-    string-width: "npm:^4.1.0"
-    strip-ansi: "npm:^6.0.0"
-  checksum: 10c0/baad244e6e33335ea24e86e51868fe6823626e3a3c88d9a6674642afff1d34d9a154c917e74af8d845fd25d170c4ea9cf69a47133c3f3656e1252b3d462d9f6c
-  languageName: node
-  linkType: hard
-
-"wrap-ansi@npm:^8.0.1, wrap-ansi@npm:^8.1.0":
+"wrap-ansi@npm:^8.1.0":
   version: 8.1.0
   resolution: "wrap-ansi@npm:8.1.0"
   dependencies:
@@ -19656,16 +15561,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"write-file-atomic@npm:^4.0.2":
-  version: 4.0.2
-  resolution: "write-file-atomic@npm:4.0.2"
-  dependencies:
-    imurmurhash: "npm:^0.1.4"
-    signal-exit: "npm:^3.0.7"
-  checksum: 10c0/a2c282c95ef5d8e1c27b335ae897b5eca00e85590d92a3fd69a437919b7b93ff36a69ea04145da55829d2164e724bc62202cdb5f4b208b425aba0807889375c7
-  languageName: node
-  linkType: hard
-
 "write-file-atomic@npm:^5.0.1":
   version: 5.0.1
   resolution: "write-file-atomic@npm:5.0.1"
@@ -19722,13 +15617,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"xmlbuilder@npm:^15.1.1":
-  version: 15.1.1
-  resolution: "xmlbuilder@npm:15.1.1"
-  checksum: 10c0/665266a8916498ff8d82b3d46d3993913477a254b98149ff7cff060d9b7cc0db7cf5a3dae99aed92355254a808c0e2e3ec74ad1b04aa1061bdb8dfbea26c18b8
-  languageName: node
-  linkType: hard
-
 "xmlchars@npm:^2.2.0":
   version: 2.2.0
   resolution: "xmlchars@npm:2.2.0"
@@ -19771,13 +15659,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"yargs-parser@npm:^20.2.2":
-  version: 20.2.9
-  resolution: "yargs-parser@npm:20.2.9"
-  checksum: 10c0/0685a8e58bbfb57fab6aefe03c6da904a59769bd803a722bb098bd5b0f29d274a1357762c7258fb487512811b8063fb5d2824a3415a0a4540598335b3b086c72
-  languageName: node
-  linkType: hard
-
 "yargs-parser@npm:^21.1.1":
   version: 21.1.1
   resolution: "yargs-parser@npm:21.1.1"
@@ -19785,22 +15666,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"yargs@npm:^16.0.2":
-  version: 16.2.0
-  resolution: "yargs@npm:16.2.0"
-  dependencies:
-    cliui: "npm:^7.0.2"
-    escalade: "npm:^3.1.1"
-    get-caller-file: "npm:^2.0.5"
-    require-directory: "npm:^2.1.1"
-    string-width: "npm:^4.2.0"
-    y18n: "npm:^5.0.5"
-    yargs-parser: "npm:^20.2.2"
-  checksum: 10c0/b1dbfefa679848442454b60053a6c95d62f2d2e21dd28def92b647587f415969173c6e99a0f3bab4f1b67ee8283bf735ebe3544013f09491186ba9e8a9a2b651
-  languageName: node
-  linkType: hard
-
-"yargs@npm:^17.0.1, yargs@npm:^17.3.1, yargs@npm:^17.7.2":
+"yargs@npm:^17.7.2":
   version: 17.7.2
   resolution: "yargs@npm:17.7.2"
   dependencies:
@@ -19815,16 +15681,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"yauzl@npm:^2.10.0":
-  version: 2.10.0
-  resolution: "yauzl@npm:2.10.0"
-  dependencies:
-    buffer-crc32: "npm:~0.2.3"
-    fd-slicer: "npm:~1.1.0"
-  checksum: 10c0/f265002af7541b9ec3589a27f5fb8f11cf348b53cc15e2751272e3c062cd73f3e715bc72d43257de71bbaecae446c3f1b14af7559e8ab0261625375541816422
-  languageName: node
-  linkType: hard
-
 "yjs@npm:^13.6.18":
   version: 13.6.29
   resolution: "yjs@npm:13.6.29"
@@ -19848,13 +15704,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"yoctocolors-cjs@npm:^2.1.2":
-  version: 2.1.3
-  resolution: "yoctocolors-cjs@npm:2.1.3"
-  checksum: 10c0/584168ef98eb5d913473a4858dce128803c4a6cd87c0f09e954fa01126a59a33ab9e513b633ad9ab953786ed16efdd8c8700097a51635aafaeed3fef7712fa79
-  languageName: node
-  linkType: hard
-
 "youch-core@npm:^0.3.3":
   version: 0.3.3
   resolution: "youch-core@npm:0.3.3"