@kabmo-labs/kabmo 0.7.0 → 0.9.0

package/src/shared/lib/code/editor/lines.test.ts

@@ -4,21 +4,17 @@
  */
 
 /**
- * Line arithmetic, which every line command and the gutter depend on agreeing
- * about. The interesting cases are the two the arithmetic gets wrong by
- * accident: a caret on the empty line a trailing newline opens, and a selection
- * that ends exactly at a line start (which does not touch that line).
+ * Line arithmetic, which the highlighter's per-line walk and the find widget's
+ * "jump to line N" both read.
+ *
+ * The interesting cases are the two the arithmetic gets wrong by accident: the
+ * empty line a trailing newline opens, and an offset past the end of the
+ * document.
  */
 
 import { describe, expect, test } from 'bun:test';
 
-import {
-  countLines,
-  lineIndexAt,
-  lineRangeAt,
-  lineRangesInSelection,
-  lineStartOffset,
-} from '@/shared/lib/code/editor/lines';
+import { lineIndexAt, lineStartOffset } from '@/shared/lib/code/editor/lines';
 
 describe('lineIndexAt and lineStartOffset', () => {
   test('are inverses for every line start', () => {
@@ -34,48 +30,4 @@ describe('lineIndexAt and lineStartOffset', () => {
     expect(lineIndexAt('one\ntwo', 999)).toBe(1);
     expect(lineStartOffset('one\ntwo', 99)).toBe(7);
   });
-
-  test('count a trailing newline as opening one more, empty line', () => {
-    expect(countLines('one\ntwo')).toBe(2);
-    expect(countLines('one\ntwo\n')).toBe(3);
-    expect(countLines('')).toBe(1);
-  });
-});
-
-describe('lineRangeAt', () => {
-  test('includes the trailing newline, so the range can delete or move the line', () => {
-    expect(lineRangeAt('one\ntwo\nthree', 5)).toEqual({ start: 4, end: 8 });
-  });
-
-  test('the last line has no newline to include', () => {
-    expect(lineRangeAt('one\ntwo', 5)).toEqual({ start: 4, end: 7 });
-  });
-
-  test('a caret on the empty line a trailing newline opens yields an empty range there', () => {
-    // `a\n` has an empty second line at offset 2; the honest reading of that
-    // position is "no characters of its own", not the previous line.
-    expect(lineRangeAt('a\n', 2)).toEqual({ start: 2, end: 2 });
-  });
-});
-
-describe('lineRangesInSelection', () => {
-  test('covers every line the selection touches', () => {
-    const text = 'one\ntwo\nthree';
-    expect(lineRangesInSelection(text, { start: 4, end: 7 })).toEqual([{ start: 4, end: 8 }]);
-    expect(lineRangesInSelection(text, { start: 0, end: 7 })).toEqual([
-      { start: 0, end: 4 },
-      { start: 4, end: 8 },
-    ]);
-  });
-
-  test('a selection ending exactly at a line start does not touch that line', () => {
-    // The rule VS Code applies, and the one that keeps a whole-line selection
-    // from splitting off an empty trailing entry.
-    const text = 'one\ntwo';
-    expect(lineRangesInSelection(text, { start: 0, end: 4 })).toEqual([{ start: 0, end: 4 }]);
-  });
-
-  test('an empty selection still names the line the caret is on', () => {
-    expect(lineRangesInSelection('one\ntwo', { start: 5, end: 5 })).toEqual([{ start: 4, end: 7 }]);
-  });
 });

package/src/shared/lib/code/editor/lines.ts

@@ -4,13 +4,15 @@
  */
 
 /**
- * Line arithmetic over a buffer.
+ * Line arithmetic over a buffer: which line an offset is on, and where that
+ * line begins.
  *
- * Extracted from the find module because the editor's line commands (delete,
- * move, duplicate, comment) and the highlighter need the same two facts — which
- * line an offset is on, and where that line begins — and neither of them is a
- * find concern. Keeping one implementation is what stops a line command from
- * disagreeing with the gutter about where line 12 starts.
+ * Two consumers, and they must agree — the highlighter's per-line walk and the
+ * find widget's "jump to line N" both turn a line number into an offset. The
+ * editor's own line COMMANDS no longer come through here: every one of them
+ * (delete, move, duplicate, comment, indent) is a CodeMirror command now, and
+ * `state.doc.line*` is what they read. `lineRangeAt`/`lineRangesInSelection`
+ * went with them.
  */
 
 /** Half-open `[start, end)` offset range in a document. */
@@ -39,45 +41,3 @@ export function lineStartOffset(text: string, lineIndex: number): number {
   }
   return offset;
 }
-
-/** How many lines `text` holds; a trailing newline opens one more (empty) line. */
-export function countLines(text: string): number {
-  let count = 1;
-  for (let index = text.indexOf('\n'); index !== -1; index = text.indexOf('\n', index + 1)) count++;
-  return count;
-}
-
-/**
- * The whole line containing `offset`, INCLUDING its trailing newline.
- *
- * Including the newline is what makes the range directly usable by the line
- * commands: deleting it removes the line rather than blanking it, and moving it
- * carries the line's own separator with it. A caret on the empty line a
- * trailing newline opens (`"a\n"` at offset 2) yields an empty range there,
- * which the commands treat as "the newline above" — the honest reading of a
- * position that has no characters of its own.
- */
-export function lineRangeAt(text: string, offset: number): TextRange {
-  const lineStart = lineStartOffset(text, lineIndexAt(text, offset));
-  const lineEnd = text.indexOf('\n', lineStart);
-  if (lineEnd === -1) return { start: lineStart, end: text.length };
-  return { start: lineStart, end: lineEnd + 1 };
-}
-
-/**
- * The ranges of every line a selection touches, in document order.
- *
- * A selection ending exactly at a line start does not touch that line — the
- * same rule VS Code applies, and the one that keeps ⌘⇧L on a whole-line
- * selection from splitting off an empty trailing entry.
- */
-export function lineRangesInSelection(text: string, selection: TextRange): TextRange[] {
-  const startLine = lineIndexAt(text, selection.start);
-  const lastOffset = selection.end > selection.start && text[selection.end - 1] === '\n' ? selection.end - 1 : selection.end;
-  const endLine = lineIndexAt(text, lastOffset);
-  const ranges: TextRange[] = [];
-  for (let line = startLine; line <= endLine; line++) {
-    ranges.push(lineRangeAt(text, lineStartOffset(text, line)));
-  }
-  return ranges;
-}

package/src/shared/lib/code/editor/marks.test.ts

@@ -57,12 +57,11 @@ describe('tokenMarkup', () => {
     expect(tokenMarkup('<', 0, [{ start: 0, end: 1 }], -1)).toContain('&lt;');
   });
 
-  test('the current match and an extra selection are painted differently', () => {
-    // The caret can only be in the primary range, so the two must not look
-    // alike — the user has to see where their keystrokes will land.
+  test('the current match is painted differently from the others', () => {
+    // The caret is aimed at exactly one match, so the reader has to be able to
+    // see which — and the others must not claim that mark.
     expect(tokenMarkup('a', 0, [{ start: 0, end: 1 }], 0)).toContain('data-find-current');
-    expect(tokenMarkup('a', 0, [{ start: 0, end: 1 }], -1, 0)).toContain('data-occurrence');
-    expect(tokenMarkup('a', 0, [{ start: 0, end: 1 }], -1, 0)).not.toContain('data-find-current');
+    expect(tokenMarkup('a', 0, [{ start: 0, end: 1 }], -1)).not.toContain('data-find-current');
   });
 
   test('a plain match is neither current nor an occurrence', () => {

package/src/shared/lib/code/editor/marks.ts

@@ -12,11 +12,16 @@
  * match routinely spans several tokens (`const alpha` is three) and a token
  * routinely holds several matches.
  *
- * `<mark>` is not decoration: it is an INLINE element with a background and no
- * padding or border, which is what keeps the transparent `<textarea>` above the
- * layer aligned with the glyphs underneath. Anything that changes the box —
- * a block display, a border, an outline with an offset — moves the text under
- * the caret and breaks editing.
+ * This is the markup path for the surfaces that render highlighted HTML (the
+ * chat's excerpt cards, the search panel's rows, the wiki reader). The EDITOR no
+ * longer uses it: CodeMirror draws its own decorations from a state field
+ * (`code-surface/marks.ts`), which is what stopped every find result from
+ * forcing a re-tokenize.
+ *
+ * `<mark>` is an INLINE element with a background and no padding or border, so
+ * it paints without moving the glyphs it sits between — anything that changes
+ * the box (a block display, a border, an outline with an offset) shifts the text
+ * and breaks the alignment a caller's own layout depends on.
  *
  * Kept out of `syntax-highlight.ts` so the tokenizer module stays under the
  * repository's line ceiling and because this is the find feature's concern
@@ -24,7 +29,7 @@
  */
 
 import { escapeCode } from '@/shared/lib/code/highlighter';
-import type { FindMatch } from '@/shared/lib/code/editor/find';
+import type { FindMatch } from '@/shared/lib/code/editor/find-scan';
 
 /**
  * How `highlightLines` paints its marks. Declared here rather than in the
@@ -41,32 +46,16 @@ export interface HighlightLinesOptions {
    * Match ranges (absolute offsets in `code`) to wrap in `<mark class="find-match">`.
    * The find widget's highlights ride on the same markup the tokens do, so a
    * match cannot drift from the text it belongs to — and an inline `<mark>`
-   * paints a background without moving the glyphs, which is what keeps the
-   * transparent `<textarea>` above aligned with this layer.
+   * paints a background without moving the glyphs it sits between.
    */
   marks?: readonly FindMatch[];
   /** Index into `marks` of the current match, marked `data-find-current`. */
   currentMark?: number;
-  /**
-   * Marks from this index on are extra ⌘D SELECTIONS rather than find matches,
-   * and are painted as such. The caller appends them after the matches, so one
-   * index is all the split needs.
-   */
-  occurrenceFrom?: number;
 }
 
 export const MARK_OPEN = '<mark class="find-match">';
 /** The current match is the one the caret/next-step is aimed at; the CSS paints it darker. */
 export const MARK_CURRENT_OPEN = '<mark class="find-match" data-find-current="">';
-/**
- * An extra ⌘D range. It is not a find match — it is a second SELECTION, and it
- * has to read as one: the caret can only be in the primary range, so painting
- * them alike would leave the user unable to tell which one their keystrokes go
- * to. The two differ only in colour; the geometry is shared, which is what
- * keeps the layers aligned.
- */
-export const MARK_OCCURRENCE_OPEN = '<mark class="find-match" data-occurrence="">';
-
 /**
  * `content` with every intersecting mark spliced in, HTML-escaped.
  *
@@ -79,7 +68,6 @@ export function tokenMarkup(
   tokenStart: number,
   marks: readonly FindMatch[] | undefined,
   currentMark: number,
-  occurrenceFrom = -1,
 ): string {
   const tokenEnd = tokenStart + content.length;
   if (!marks || marks.length === 0) return escapeCode(content);
@@ -98,7 +86,7 @@ export function tokenMarkup(
     const to = Math.min(mark.end, tokenEnd) - tokenStart;
     if (to <= cursor) continue;
     html += escapeCode(content.slice(cursor, from));
-    const open = index === currentMark ? MARK_CURRENT_OPEN : index >= occurrenceFrom && occurrenceFrom >= 0 ? MARK_OCCURRENCE_OPEN : MARK_OPEN;
+    const open = index === currentMark ? MARK_CURRENT_OPEN : MARK_OPEN;
     html += open + escapeCode(content.slice(from, to)) + '</mark>';
     cursor = to;
   }

package/src/shared/lib/code/editor/theme-loader.ts

@@ -0,0 +1,97 @@
+/**
+ * @license
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+/**
+ * Registering an editor theme with the shared Shiki highlighter, on demand.
+ *
+ * Shiki throws for a theme it has not been given, and `@shikijs/themes` ships 65
+ * of them (1.3 MB of TextMate JSON). So a theme is loaded the first time it is
+ * SELECTED — the picker's grid draws from the generated colour rows and fetches
+ * nothing — and a surface that asks for one before it lands keeps the plain
+ * fallback and re-runs on `onEditorThemeReady`.
+ *
+ * This lives beside the tokenizer rather than in a client hook because the
+ * decoration plugin is what needs the notification, and it must not import a
+ * Preact module to get it.
+ */
+
+import { getHighlighterSync } from '@/shared/lib/code/highlighter';
+import {
+  EDITOR_AUTO_THEME_ID,
+  EDITOR_THEME_LOADERS,
+} from '@/shared/lib/code/editor/themes';
+
+/** Ids registered with the highlighter. */
+const loaded = new Set<string>();
+/** In-flight loads, so two surfaces selecting one theme share a fetch. */
+const pending = new Map<string, Promise<void>>();
+const listeners = new Set<(id: string) => void>();
+
+function notifyReady(id: string): void {
+  for (const listener of [...listeners]) {
+    try {
+      listener(id);
+    } catch {
+      // A listener must never break the others.
+    }
+  }
+}
+
+/** Fires when a theme module lands, so a pending tokenize can retry. */
+export function onEditorThemeReady(listener: (id: string) => void): () => void {
+  listeners.add(listener);
+  return () => {
+    listeners.delete(listener);
+  };
+}
+
+/** Whether Shiki can tokenize with `id` synchronously right now. */
+export function isEditorThemeReady(id: string): boolean {
+  if (id === EDITOR_AUTO_THEME_ID) return true;
+  return loaded.has(id);
+}
+
+/**
+ * Register `id`'s theme with the shared highlighter.
+ *
+ * Resolves immediately for `auto`, for an id this build does not ship, and for
+ * a highlighter that has not booted yet (the caller keeps the fallback and is
+ * retried by `onSyntaxReady`). Never rejects: a theme that fails to load leaves
+ * the surface on the app palette, which is a wrong palette rather than a blank
+ * editor.
+ */
+export function loadEditorTheme(id: string): Promise<void> {
+  if (id === EDITOR_AUTO_THEME_ID || loaded.has(id)) return Promise.resolve();
+  const loader = EDITOR_THEME_LOADERS[id];
+  if (!loader) return Promise.resolve();
+  const inFlight = pending.get(id);
+  if (inFlight) return inFlight;
+
+  const highlighter = getHighlighterSync();
+  if (!highlighter) return Promise.resolve();
+
+  const load = highlighter
+    .loadTheme(loader as never)
+    .then(() => {
+      loaded.add(id);
+      notifyReady(id);
+    })
+    .catch(() => {
+      // Left out of `loaded` so a later attempt can still succeed.
+    })
+    .finally(() => {
+      pending.delete(id);
+    });
+
+  pending.set(id, load);
+  return load;
+}
+
+/** Test seam: forget every registration (a highlighter restart). */
+export function resetEditorThemeLoader(): void {
+  loaded.clear();
+  pending.clear();
+  listeners.clear();
+}

package/src/shared/lib/code/editor/themes.generated.ts

@@ -0,0 +1,156 @@
+/**
+ * @license
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+/**
+ * GENERATED by `scripts/editor-themes.mjs` — do not edit by hand.
+ *
+ * One row per theme shipped by `@shikijs/themes`, in id order. Each row carries
+ * the colours the editor CHROME needs (surface, gutter, selection, cursor, find,
+ * border, the diff bands) plus three syntax accents for the picker's swatch, so
+ * the settings grid can draw 65 cards without fetching a theme module.
+ *
+ * The field order is the tuple's type (`EditorThemeRow` in `./themes.ts`).
+ * `themes.test.ts` re-derives every value from the installed package and fails on
+ * drift, so a `@shikijs/themes` bump surfaces as a test failure rather than a
+ * picker showing colours the package no longer ships.
+ */
+
+/** `[id, label, variant, bg, fg, gutterFg, selection, cursor, find, findCurrent, border, added, removed, addedGutter, removedGutter, keyword, string, comment]` */
+export const EDITOR_THEME_ROWS = [
+  ['andromeeda', 'Andromeeda', 'dark', '#23262E', '#D5CED9', '#746f77', '#3D4352', '#FFF', '#f39d1256', '#59b8b377', '#1B1D23', '#29BF1220', '#F21B3F20', '#9BC53DBB', '#FC644DBB', '#c74ded', '#96E072', '#A0A1A7cc'],
+  ['aurora-x', 'Aurora X', 'dark', '#07090F', '#576daf', '#262e47bb', '#262E47', '#86A5FF', '#576daf', '#262E47', '#15182B', '#64d3892c', '#dd50742c', '#2ea043', '#f85149', '#C792EA', '#C3E88D', '#546E7A'],
+  ['ayu-dark', 'Ayu Dark', 'dark', '#10141c', '#bfbdb6', '#5a6378a6', '#3388ff40', '#e6b450', '#4c4126', '#4c412680', '#1b1f29', '#70bf561f', '#f26d781f', '#70bf56', '#f26d78', '#ff8f40', '#aad94c', '#5a6673'],
+  ['ayu-light', 'Ayu Light', 'light', '#fcfcfc', '#5c6166', '#828e9f66', '#035bd626', '#f29718', '#ffe294', '#ffe29480', '#6b7d8f1f', '#6cbf431f', '#ff73831f', '#6cbf43', '#ff7383', '#fa8532', '#86b300', '#adaeb1'],
+  ['ayu-mirage', 'Ayu Mirage', 'dark', '#242936', '#cccac2', '#707a8c80', '#409fff40', '#ffcc66', '#736950', '#73695066', '#171b24', '#87d96c1f', '#f279831f', '#87d96c', '#f27983', '#ffa659', '#d5ff80', '#6e7c8f'],
+  ['catppuccin-frappe', 'Catppuccin Frappé', 'dark', '#303446', '#c6d0f5', '#838ba7', '#949cbb40', '#f2d5cf', '#674b59', '#506373', '#626880', '#a6d18926', '#e7828426', '#a6d189', '#e78284', '#ca9ee6', '#a6d189', '#949cbb'],
+  ['catppuccin-latte', 'Catppuccin Latte', 'light', '#eff1f5', '#4c4f69', '#8c8fa1', '#7c7f934d', '#dc8a78', '#e6adbd', '#a9daf0', '#acb0be', '#40a02b26', '#d20f3926', '#40a02b', '#d20f39', '#8839ef', '#40a02b', '#7c7f93'],
+  ['catppuccin-macchiato', 'Catppuccin Macchiato', 'dark', '#24273a', '#cad3f5', '#8087a2', '#939ab740', '#f4dbd6', '#604456', '#455c6d', '#5b6078', '#a6da9526', '#ed879626', '#a6da95', '#ed8796', '#c6a0f6', '#a6da95', '#939ab7'],
+  ['catppuccin-mocha', 'Catppuccin Mocha', 'dark', '#1e1e2e', '#cdd6f4', '#7f849c', '#9399b240', '#f5e0dc', '#5e3f53', '#3e5767', '#585b70', '#a6e3a126', '#f38ba826', '#a6e3a1', '#f38ba8', '#cba6f7', '#a6e3a1', '#9399b2'],
+  ['dark-plus', 'Dark Plus', 'dark', '#1E1E1E', '#D4D4D4', 'color-mix(in srgb, #D4D4D4 38%, #1E1E1E)', 'color-mix(in srgb, #D4D4D4 22%, #1E1E1E)', '#D4D4D4', 'color-mix(in srgb, #D4D4D4 18%, #1E1E1E)', 'color-mix(in srgb, #D4D4D4 30%, #1E1E1E)', 'color-mix(in srgb, #D4D4D4 16%, #1E1E1E)', 'color-mix(in srgb, #2ea043 22%, #1E1E1E)', 'color-mix(in srgb, #f85149 22%, #1E1E1E)', '#2ea043', '#f85149', '#569cd6', '#ce9178', '#6A9955'],
+  ['dracula', 'Dracula Theme', 'dark', '#282A36', '#F8F8F2', '#6272A4', '#44475A', '#F8F8F2', '#FFB86C80', '#FFFFFF40', '#BD93F9', '#50FA7B20', '#FF555550', '#50FA7B80', '#FF555580', '#FF79C6', '#F1FA8C', '#6272A4'],
+  ['dracula-soft', 'Dracula Theme Soft', 'dark', '#282A36', '#f6f6f4', '#7b7f8b', '#44475A', '#f6f6f4', '#FFB86C80', '#FFFFFF40', '#bf9eee', '#50FA7B20', '#FF555550', '#50FA7B80', '#FF555580', '#f286c4', '#e7ee98', '#7b7f8b'],
+  ['everforest-dark', 'Everforest Dark', 'dark', '#2d353b', '#d3c6aa', '#7f897da0', '#475258c0', '#d3c6aa', '#d77f4840', '#899c4040', '#2d353b', '#569d7930', '#da636230', '#899c40a0', '#da6362a0', '#e67e80', '#dbbc7f', '#859289'],
+  ['everforest-light', 'Everforest Light', 'light', '#fdf6e3', '#5c6a72', '#a4ad9ea0', '#e6e2cca0', '#5c6a72', '#f3945940', '#a4bb4a40', '#fdf6e3', '#6ec39830', '#f1706f30', '#a4bb4aa0', '#f1706fa0', '#f85552', '#dfa000', '#939f91'],
+  ['github-dark', 'GitHub Dark', 'dark', '#24292e', '#e1e4e8', '#444d56', '#3392FF44', '#c8e1ff', '#ffd33d44', '#ffd33d22', '#1b1f23', '#28a74530', '#d73a4930', '#28a745', '#ea4a5a', '#f97583', '#9ecbff', '#6a737d'],
+  ['github-dark-default', 'GitHub Dark Default', 'dark', '#0d1117', '#e6edf3', '#6e7681', 'color-mix(in srgb, #e6edf3 22%, #0d1117)', '#2f81f7', '#9e6a03', '#f2cc6080', '#30363d', '#23863626', '#da363326', '#2ea04366', '#f8514966', '#ff7b72', '#a5d6ff', '#8b949e'],
+  ['github-dark-dimmed', 'GitHub Dark Dimmed', 'dark', '#22272e', '#adbac7', '#636e7b', 'color-mix(in srgb, #adbac7 22%, #22272e)', '#539bf5', '#966600', '#eac55f80', '#444c56', '#347d3926', '#c93c3726', '#46954a66', '#e5534b66', '#f47067', '#96d0ff', '#768390'],
+  ['github-dark-high-contrast', 'GitHub Dark High Contrast', 'dark', '#0a0c10', '#f0f3f6', '#9ea7b3', '#ffffff', '#71b7ff', '#e09b13', '#fbd66980', '#7a828e', '#09b43a26', '#ff6a6926', '#09b43a', '#ff6a69', '#ff9492', '#addcff', '#bdc4cc'],
+  ['github-light', 'GitHub Light', 'light', '#fff', '#24292e', '#1b1f234d', '#0366d625', '#044289', '#ffdf5d', '#ffdf5d66', '#e1e4e8', '#34d05822', '#d73a4922', '#28a745', '#d73a49', '#d73a49', '#032f62', '#6a737d'],
+  ['github-light-default', 'GitHub Light Default', 'light', '#ffffff', '#1f2328', '#8c959f', 'color-mix(in srgb, #1f2328 22%, #ffffff)', '#0969da', '#bf8700', '#fae17d80', '#d0d7de', '#aceebb4d', '#ffcecb4d', '#4ac26b66', '#ff818266', '#cf222e', '#0a3069', '#6e7781'],
+  ['github-light-high-contrast', 'GitHub Light High Contrast', 'light', '#ffffff', '#0e1116', '#88929d', '#0e1116', '#0349b4', '#744500', '#f0ce5380', '#20252c', '#82e5964d', '#ffc1bc4d', '#26a148', '#ee5a5d', '#a0111f', '#032563', '#66707b'],
+  ['gruvbox-dark-hard', 'Gruvbox Dark Hard', 'dark', '#1d2021', '#ebdbb2', '#665c54', '#689d6a40', '#ebdbb2', '#83a59870', '#fe801930', '#3c3836', '#b8bb2630', '#fb493430', '#b8bb26', '#fb4934', '#fb4934', '#b8bb26', '#928374'],
+  ['gruvbox-dark-medium', 'Gruvbox Dark Medium', 'dark', '#282828', '#ebdbb2', '#665c54', '#689d6a40', '#ebdbb2', '#83a59870', '#fe801930', '#3c3836', '#b8bb2630', '#fb493430', '#b8bb26', '#fb4934', '#fb4934', '#b8bb26', '#928374'],
+  ['gruvbox-dark-soft', 'Gruvbox Dark Soft', 'dark', '#32302f', '#ebdbb2', '#665c54', '#689d6a40', '#ebdbb2', '#83a59870', '#fe801930', '#3c3836', '#b8bb2630', '#fb493430', '#b8bb26', '#fb4934', '#fb4934', '#b8bb26', '#928374'],
+  ['gruvbox-light-hard', 'Gruvbox Light Hard', 'light', '#f9f5d7', '#3c3836', '#bdae93', '#689d6a40', '#3c3836', '#07667870', '#af3a0330', '#ebdbb2', '#79740e30', '#9d000630', '#79740e', '#9d0006', '#9d0006', '#79740e', '#928374'],
+  ['gruvbox-light-medium', 'Gruvbox Light Medium', 'light', '#fbf1c7', '#3c3836', '#bdae93', '#689d6a40', '#3c3836', '#07667870', '#af3a0330', '#ebdbb2', '#79740e30', '#9d000630', '#79740e', '#9d0006', '#9d0006', '#79740e', '#928374'],
+  ['gruvbox-light-soft', 'Gruvbox Light Soft', 'light', '#f2e5bc', '#3c3836', '#bdae93', '#689d6a40', '#3c3836', '#07667870', '#af3a0330', '#ebdbb2', '#79740e30', '#9d000630', '#79740e', '#9d0006', '#9d0006', '#79740e', '#928374'],
+  ['horizon', 'Horizon', 'dark', '#1C1E26', '#D5D8DA', '#D5D8DA1A', '#2E303EB3', '#E95378', '#6C6F9380', '#6C6F934D', 'color-mix(in srgb, #D5D8DA 16%, #1C1E26)', '#09F7A01A', '#F43E5C1A', '#09F7A0B3', '#F43E5CB3', '#B877DBE6', '#FAB795E6', '#BBBBBB4D'],
+  ['horizon-bright', 'Horizon Bright', 'light', '#FDF0ED', '#06060C', '#06060C1A', '#F9CBBE80', '#E84A72', '#F9CEC380', '#F9CEC34D', 'color-mix(in srgb, #06060C 16%, #FDF0ED)', '#07DA8C1A', '#F43E5C1A', '#07DA8CB3', '#F43E5CB3', '#8A31B9', '#F6661E', '#33333380'],
+  ['houston', 'Houston', 'dark', '#17191e', '#eef0f9', '#545864', '#ad5dca44', '#aeafad', '#515c6a', '#ea5c0055', '#17191e', '#4bf3c824', '#dc365724', '#4bf3c8', '#f06788', '#54b9ff', '#ffd493', '#eef0f98f'],
+  ['kanagawa-dragon', 'Kanagawa Dragon', 'dark', '#181616', '#C5C9C5', '#625E5A', '#223249', '#C5C9C5', '#2D4F67', '#2D4F6780', '#0D0C0C', '#2B332880', 'color-mix(in srgb, #C34043 22%, #181616)', '#76946A', '#C34043', '#8992A7', '#8A9A7B', '#737C73'],
+  ['kanagawa-lotus', 'Kanagawa Lotus', 'light', '#F2ECBC', '#545464', '#766B90', '#C7D7E0', '#545464', '#B5CBD2', '#B5CBD280', '#D5CEA3', '#B7D0AE80', 'color-mix(in srgb, #D7474B 22%, #F2ECBC)', '#6E915F', '#D7474B', '#624C83', '#6F894E', '#716E61'],
+  ['kanagawa-wave', 'Kanagawa Wave', 'dark', '#1F1F28', '#DCD7BA', '#54546D', '#223249', '#DCD7BA', '#2D4F67', '#2D4F6780', '#16161D', '#2B332880', 'color-mix(in srgb, #C34043 22%, #1F1F28)', '#76946A', '#C34043', '#957FB8', '#98BB6C', '#727169'],
+  ['laserwave', 'LaserWave', 'dark', '#27212e', '#ffffff', 'color-mix(in srgb, #ffffff 38%, #27212e)', '#eb64b927', '#ffffff', '#40b4c48c', '#40b4c460', 'color-mix(in srgb, #ffffff 16%, #27212e)', '#74dfc423', '#eb64b940', '#74dfc4', '#eb64B9', '#a96bc0', '#b4dce7', '#91889b'],
+  ['light-plus', 'Light Plus', 'light', '#FFFFFF', '#000000', 'color-mix(in srgb, #000000 38%, #FFFFFF)', 'color-mix(in srgb, #000000 22%, #FFFFFF)', '#000000', 'color-mix(in srgb, #000000 18%, #FFFFFF)', 'color-mix(in srgb, #000000 30%, #FFFFFF)', 'color-mix(in srgb, #000000 16%, #FFFFFF)', 'color-mix(in srgb, #2ea043 22%, #FFFFFF)', 'color-mix(in srgb, #f85149 22%, #FFFFFF)', '#2ea043', '#f85149', '#0000ff', '#a31515', '#008000'],
+  ['material-theme', 'Material Theme', 'dark', '#263238', '#EEFFFF', '#465A64', '#80CBC420', '#FFCC00', '#000000', '#00000050', '#26323860', '#89DDFF20', '#ff9cac20', '#C3E88D60', '#f0717860', '#89DDFF', '#C3E88D', '#546E7A'],
+  ['material-theme-darker', 'Material Theme Darker', 'dark', '#212121', '#EEFFFF', '#424242', '#61616150', '#FFCC00', '#000000', '#00000050', '#21212160', '#89DDFF20', '#ff9cac20', '#C3E88D60', '#f0717860', '#89DDFF', '#C3E88D', '#545454'],
+  ['material-theme-lighter', 'Material Theme Lighter', 'light', '#FAFAFA', '#90A4AE', '#CFD8DC', '#80CBC440', '#272727', '#00000020', '#00000010', '#FAFAFA60', '#39ADB520', '#FF537020', '#91B85960', '#E5393560', '#39ADB5', '#91B859', '#90A4AE'],
+  ['material-theme-ocean', 'Material Theme Ocean', 'dark', '#0F111A', '#babed8', '#3B3F5180', '#717CB450', '#FFCC00', '#000000', '#00000050', '#0F111A60', '#89DDFF20', '#ff9cac20', '#C3E88D60', '#f0717860', '#89DDFF', '#C3E88D', '#464B5D'],
+  ['material-theme-palenight', 'Material Theme Palenight', 'dark', '#292D3E', '#babed8', '#3A3F58', '#717CB450', '#FFCC00', '#000000', '#00000050', '#292D3E60', '#89DDFF20', '#ff9cac20', '#C3E88D60', '#f0717860', '#89DDFF', '#C3E88D', '#676E95'],
+  ['min-dark', 'Min Dark', 'dark', '#1f1f1f', '#888888', '#727272', 'color-mix(in srgb, #888888 22%, #1f1f1f)', '#888888', 'color-mix(in srgb, #888888 18%, #1f1f1f)', 'color-mix(in srgb, #888888 30%, #1f1f1f)', 'color-mix(in srgb, #888888 16%, #1f1f1f)', '#3a632a4b', '#88063852', '#2ea043', '#f85149', '#f97583', '#9db1c5', '#6b737c'],
+  ['min-light', 'Min Light', 'light', '#ffffff', '#212121', '#CCC', 'color-mix(in srgb, #212121 22%, #ffffff)', '#212121', 'color-mix(in srgb, #212121 18%, #ffffff)', 'color-mix(in srgb, #212121 30%, #ffffff)', '#f4f4f4', '#b7e7a44b', '#e597af52', '#2ea043', '#f85149', '#D32F2F', '#2b5581', '#c2c3c5'],
+  ['monokai', 'Monokai', 'dark', '#272822', '#f8f8f2', '#90908a', '#878b9180', '#f8f8f0', 'color-mix(in srgb, #f8f8f2 18%, #272822)', 'color-mix(in srgb, #f8f8f2 30%, #272822)', '#414339', '#4b661680', '#90274A70', '#2ea043', '#f85149', '#F92672', '#E6DB74', '#88846f'],
+  ['night-owl', 'Night Owl', 'dark', '#011627', '#d6deeb', '#4b6479', '#1d3b53', '#80a4c2', '#5f7e9779', '#1085bb5d', '#5f7e97', '#99b76d23', '#ef535033', '#9CCC65', '#EF5350', '#c792ea', '#ecc48d', '#637777'],
+  ['night-owl-light', 'Night Owl Light', 'light', '#FBFBFB', '#403f53', '#90A7B2', '#E0E0E0', '#90A7B2', '#93A1A16c', '#93a1a16c', '#d9d9d9', 'color-mix(in srgb, #49d0c5 22%, #FBFBFB)', 'color-mix(in srgb, #f76e6e 22%, #FBFBFB)', '#49d0c5', '#f76e6e', '#994cc3', '#4876d6', '#989fb1'],
+  ['nord', 'Nord', 'dark', '#2e3440', '#d8dee9', '#4c566a', '#434c5ecc', '#d8dee9', '#88c0d066', '#88c0d033', '#3b4252', '#81a1c133', '#bf616a4d', '#a3be8c', '#bf616a', '#81A1C1', '#A3BE8C', '#616E88'],
+  ['one-dark-pro', 'One Dark Pro', 'dark', '#282c34', '#abb2bf', '#495162', '#67769660', '#528bff', '#d19a6644', '#ffffff22', '#3e4452', '#00809b33', 'color-mix(in srgb, #9A353D 22%, #282c34)', '#109868', '#9A353D', '#c678dd', '#98c379', '#7f848e'],
+  ['one-light', 'One Light', 'light', '#FAFAFA', '#383A42', '#9D9D9F', '#E5E5E6', '#526FFF', 'color-mix(in srgb, #383A42 18%, #FAFAFA)', '#526FFF33', 'color-mix(in srgb, #383A42 16%, #FAFAFA)', '#00809B33', 'color-mix(in srgb, #f85149 22%, #FAFAFA)', '#2ea043', '#f85149', '#A626A4', '#50A14F', '#A0A1A7'],
+  ['plastic', 'Plastic', 'dark', '#21252B', '#A9B2C3', '#5F6672', '#A9B2C333', '#A9B2C3', '#00000000', '#00000000', '#0D1117', '#CBF6AC0D', '#FF9FA80D', '#98C379', '#E06C75', '#E06C75', '#98C379', '#5F6672'],
+  ['poimandres', 'Poimandres', 'dark', '#1b1e28', '#a6accd', '#767c9d50', '#717cb425', '#a6accd', '#ADD7FF40', '#ADD7FF40', '#00000030', '#50647715', '#d0679d20', '#5fb3a140', '#d0679d40', '#a6accd', '#5DE4c7', '#767c9dB0'],
+  ['red', 'Red', 'dark', '#390000', '#F8F8F8', '#ff777788', '#750000', '#970000', 'color-mix(in srgb, #F8F8F8 18%, #390000)', 'color-mix(in srgb, #F8F8F8 30%, #390000)', 'color-mix(in srgb, #F8F8F8 16%, #390000)', 'color-mix(in srgb, #2ea043 22%, #390000)', 'color-mix(in srgb, #f85149 22%, #390000)', '#2ea043', '#f85149', '#f12727ff', '#cd8d8dff', '#e7c0c0ff'],
+  ['rose-pine', 'Rosé Pine', 'dark', '#191724', '#e0def4', '#908caa', '#6e6a8633', '#6e6a86', '#f6c17733', '#6e6a8666', '#0000', '#9ccfd826', '#eb6f9226', '#9ccfd8', '#eb6f92', '#31748f', '#f6c177', '#6e6a86'],
+  ['rose-pine-dawn', 'Rosé Pine Dawn', 'light', '#faf4ed', '#575279', '#797593', '#6e6a8614', '#9893a5', '#ea9d3433', '#6e6a8626', '#0000', '#56949f26', '#b4637a26', '#56949f', '#b4637a', '#286983', '#ea9d34', '#9893a5'],
+  ['rose-pine-moon', 'Rosé Pine Moon', 'dark', '#232136', '#e0def4', '#908caa', '#817c9c26', '#6e6a86', '#f6c17733', '#817c9c4d', '#0000', '#9ccfd826', '#eb6f9226', '#9ccfd8', '#eb6f92', '#3e8fb0', '#f6c177', '#6e6a86'],
+  ['slack-dark', 'Slack Dark', 'dark', '#222222', '#E6E6E6', 'color-mix(in srgb, #E6E6E6 38%, #222222)', 'color-mix(in srgb, #E6E6E6 22%, #222222)', '#E6E6E6', 'color-mix(in srgb, #E6E6E6 18%, #222222)', 'color-mix(in srgb, #E6E6E6 30%, #222222)', 'color-mix(in srgb, #E6E6E6 16%, #222222)', 'color-mix(in srgb, #2ea043 22%, #222222)', 'color-mix(in srgb, #f85149 22%, #222222)', '#2ea043', '#f85149', '#569cd6', '#ce9178', '#6A9955'],
+  ['slack-ochin', 'Slack Ochin', 'light', '#FFF', '#000', '#b9b9b9', '#AED4FB', '#000', '#AED4FB', '#AED4FB', '#2D3E4C', 'color-mix(in srgb, #2ea043 22%, #FFF)', 'color-mix(in srgb, #f85149 22%, #FFF)', '#2ea043', '#f85149', '#7b30d0', '#a44185', '#357b42'],
+  ['snazzy-light', 'Snazzy Light', 'light', '#FAFBFC', '#565869', '#9194A2aa', '#2DAE5822', '#565869', '#00E6E06A', '#00E6E02A', 'color-mix(in srgb, #565869 16%, #FAFBFC)', '#2DAE5824', '#FFAEAC44', '#2DAE58', '#FF5C57', '#F767BB', '#CF9C00', '#ADB1C2'],
+  ['solarized-dark', 'Solarized Dark', 'dark', '#002B36', '#839496', 'color-mix(in srgb, #839496 38%, #002B36)', '#274642', '#D30102', 'color-mix(in srgb, #839496 18%, #002B36)', 'color-mix(in srgb, #839496 30%, #002B36)', '#2b2b4a', 'color-mix(in srgb, #2ea043 22%, #002B36)', 'color-mix(in srgb, #f85149 22%, #002B36)', '#2ea043', '#f85149', '#859900', '#2AA198', '#586E75'],
+  ['solarized-light', 'Solarized Light', 'light', '#FDF6E3', '#657B83', 'color-mix(in srgb, #657B83 38%, #FDF6E3)', '#EEE8D5', '#657B83', 'color-mix(in srgb, #657B83 18%, #FDF6E3)', 'color-mix(in srgb, #657B83 30%, #FDF6E3)', '#DDD6C1', 'color-mix(in srgb, #2ea043 22%, #FDF6E3)', 'color-mix(in srgb, #f85149 22%, #FDF6E3)', '#2ea043', '#f85149', '#859900', '#2AA198', '#93A1A1'],
+  ['synthwave-84', 'Synthwave \'84', 'dark', '#262335', '#ffffff', '#ffffff73', '#ffffff20', '#f97e72', '#D18616bb', '#D1861655', 'color-mix(in srgb, #ffffff 16%, #262335)', '#0beb9935', '#fe445035', '#206d4bd6', '#fa2e46a4', '#fede5d', '#ff8b39', '#848bbd'],
+  ['tokyo-night', 'Tokyo Night', 'dark', '#1a1b26', '#a9b1d6', '#363b54', '#515c7e4d', '#c0caf5', '#3d59a166', '#3d59a166', '#101014', '#41a6b520', '#db4b4b22', '#164846', '#823c41', '#bb9af7', '#9ece6a', '#51597d'],
+  ['vesper', 'Vesper', 'dark', '#101010', '#FFF', '#505050', '#FFFFFF25', '#FFF', 'color-mix(in srgb, #FFF 18%, #101010)', 'color-mix(in srgb, #FFF 30%, #101010)', 'color-mix(in srgb, #FFF 16%, #101010)', '#99FFE415', '#FF808015', '#99FFE4', '#FF8080', '#A0A0A0', '#99FFE4', '#8b8b8b94'],
+  ['vitesse-black', 'Vitesse Black', 'dark', '#000', '#dbd7cacc', '#dedcd550', '#eeeeee18', '#dbd7cacc', '#e6cc7722', '#e6cc7744', '#191919', '#4d937550', '#ab595950', '#4d9375', '#cb7676', '#4d9375', '#c98a7d', '#758575dd'],
+  ['vitesse-dark', 'Vitesse Dark', 'dark', '#121212', '#dbd7caee', '#dedcd550', '#eeeeee18', '#dbd7caee', '#e6cc7722', '#e6cc7744', '#191919', '#4d937550', '#ab595950', '#4d9375', '#cb7676', '#4d9375', '#c98a7d', '#758575dd'],
+  ['vitesse-light', 'Vitesse Light', 'light', '#ffffff', '#393a34', '#393a3450', '#22222218', '#393a34', '#e6cc7744', '#e6cc7766', '#f0f0f0', '#1c6b4830', '#ab595940', '#1e754f', '#ab5959', '#1e754f', '#b56959', '#a0ada0'],
+] as const;
+
+/** Lazy module loaders, so a theme nobody selects is never downloaded. */
+export const EDITOR_THEME_LOADERS: Record<string, () => Promise<unknown>> = {
+  'andromeeda': () => import('@shikijs/themes/andromeeda'),
+  'aurora-x': () => import('@shikijs/themes/aurora-x'),
+  'ayu-dark': () => import('@shikijs/themes/ayu-dark'),
+  'ayu-light': () => import('@shikijs/themes/ayu-light'),
+  'ayu-mirage': () => import('@shikijs/themes/ayu-mirage'),
+  'catppuccin-frappe': () => import('@shikijs/themes/catppuccin-frappe'),
+  'catppuccin-latte': () => import('@shikijs/themes/catppuccin-latte'),
+  'catppuccin-macchiato': () => import('@shikijs/themes/catppuccin-macchiato'),
+  'catppuccin-mocha': () => import('@shikijs/themes/catppuccin-mocha'),
+  'dark-plus': () => import('@shikijs/themes/dark-plus'),
+  'dracula': () => import('@shikijs/themes/dracula'),
+  'dracula-soft': () => import('@shikijs/themes/dracula-soft'),
+  'everforest-dark': () => import('@shikijs/themes/everforest-dark'),
+  'everforest-light': () => import('@shikijs/themes/everforest-light'),
+  'github-dark': () => import('@shikijs/themes/github-dark'),
+  'github-dark-default': () => import('@shikijs/themes/github-dark-default'),
+  'github-dark-dimmed': () => import('@shikijs/themes/github-dark-dimmed'),
+  'github-dark-high-contrast': () => import('@shikijs/themes/github-dark-high-contrast'),
+  'github-light': () => import('@shikijs/themes/github-light'),
+  'github-light-default': () => import('@shikijs/themes/github-light-default'),
+  'github-light-high-contrast': () => import('@shikijs/themes/github-light-high-contrast'),
+  'gruvbox-dark-hard': () => import('@shikijs/themes/gruvbox-dark-hard'),
+  'gruvbox-dark-medium': () => import('@shikijs/themes/gruvbox-dark-medium'),
+  'gruvbox-dark-soft': () => import('@shikijs/themes/gruvbox-dark-soft'),
+  'gruvbox-light-hard': () => import('@shikijs/themes/gruvbox-light-hard'),
+  'gruvbox-light-medium': () => import('@shikijs/themes/gruvbox-light-medium'),
+  'gruvbox-light-soft': () => import('@shikijs/themes/gruvbox-light-soft'),
+  'horizon': () => import('@shikijs/themes/horizon'),
+  'horizon-bright': () => import('@shikijs/themes/horizon-bright'),
+  'houston': () => import('@shikijs/themes/houston'),
+  'kanagawa-dragon': () => import('@shikijs/themes/kanagawa-dragon'),
+  'kanagawa-lotus': () => import('@shikijs/themes/kanagawa-lotus'),
+  'kanagawa-wave': () => import('@shikijs/themes/kanagawa-wave'),
+  'laserwave': () => import('@shikijs/themes/laserwave'),
+  'light-plus': () => import('@shikijs/themes/light-plus'),
+  'material-theme': () => import('@shikijs/themes/material-theme'),
+  'material-theme-darker': () => import('@shikijs/themes/material-theme-darker'),
+  'material-theme-lighter': () => import('@shikijs/themes/material-theme-lighter'),
+  'material-theme-ocean': () => import('@shikijs/themes/material-theme-ocean'),
+  'material-theme-palenight': () => import('@shikijs/themes/material-theme-palenight'),
+  'min-dark': () => import('@shikijs/themes/min-dark'),
+  'min-light': () => import('@shikijs/themes/min-light'),
+  'monokai': () => import('@shikijs/themes/monokai'),
+  'night-owl': () => import('@shikijs/themes/night-owl'),
+  'night-owl-light': () => import('@shikijs/themes/night-owl-light'),
+  'nord': () => import('@shikijs/themes/nord'),
+  'one-dark-pro': () => import('@shikijs/themes/one-dark-pro'),
+  'one-light': () => import('@shikijs/themes/one-light'),
+  'plastic': () => import('@shikijs/themes/plastic'),
+  'poimandres': () => import('@shikijs/themes/poimandres'),
+  'red': () => import('@shikijs/themes/red'),
+  'rose-pine': () => import('@shikijs/themes/rose-pine'),
+  'rose-pine-dawn': () => import('@shikijs/themes/rose-pine-dawn'),
+  'rose-pine-moon': () => import('@shikijs/themes/rose-pine-moon'),
+  'slack-dark': () => import('@shikijs/themes/slack-dark'),
+  'slack-ochin': () => import('@shikijs/themes/slack-ochin'),
+  'snazzy-light': () => import('@shikijs/themes/snazzy-light'),
+  'solarized-dark': () => import('@shikijs/themes/solarized-dark'),
+  'solarized-light': () => import('@shikijs/themes/solarized-light'),
+  'synthwave-84': () => import('@shikijs/themes/synthwave-84'),
+  'tokyo-night': () => import('@shikijs/themes/tokyo-night'),
+  'vesper': () => import('@shikijs/themes/vesper'),
+  'vitesse-black': () => import('@shikijs/themes/vitesse-black'),
+  'vitesse-dark': () => import('@shikijs/themes/vitesse-dark'),
+  'vitesse-light': () => import('@shikijs/themes/vitesse-light'),
+};