tokenmaw 0.3.0 → 0.4.1

package/dist/ui/markdown.js

@@ -1,26 +1,31 @@
 import blessed from 'blessed';
 import { diffKind, renderMarkdown } from '../markdown.js';
 import { highlightCode } from './syntax.js';
+import { activeTuiTheme } from './theme.js';
 // Historical messages re-render on every frame; memoize the (expensive) result.
-// Entries are keyed by content+width and evicted least-recently-used.
+// Entries are keyed by theme+width+content and evicted least-recently-used.
 const renderCache = new Map();
 const RENDER_CACHE_LIMIT = 600;
+export function resetTuiMarkdownCache() {
+    renderCache.clear();
+}
 /** Blessed tags keep patch colors independent of Chalk's stdout/NO_COLOR detection. */
 export function renderTuiMarkdown(content, columns) {
-    const cacheKey = `${columns}\u0000${content}`;
+    const cacheKey = `${activeTuiTheme().name}\u0000${columns}\u0000${content}`;
     const cached = renderCache.get(cacheKey);
     if (cached !== undefined) {
         renderCache.delete(cacheKey);
         renderCache.set(cacheKey, cached);
         return cached;
     }
+    const markdown = activeTuiTheme().markdown;
     const out = [];
     let prose = [];
     let diff = false;
     let otherCode = false;
     const flush = () => {
         if (prose.length)
-            out.push(blessed.escape(renderMarkdown(prose.join('\n'), columns)));
+            out.push(renderMarkdown(prose.join('\n'), columns));
         prose = [];
     };
     for (const line of content.split('\n')) {
@@ -36,14 +41,19 @@ export function renderTuiMarkdown(content, columns) {
             if (kind === 'add' || kind === 'del') {
                 // Deep, near-black tinted backgrounds keep the code readable while
                 // still signaling added/removed lines.
-                const background = kind === 'add' ? '#10281a' : '#2b1215';
-                const base = kind === 'add' ? '#9fd0a6' : '#d99f9f';
+                const background = kind === 'add' ? markdown.diffAddBg : markdown.diffDelBg;
+                const base = kind === 'add' ? markdown.diffAddText : markdown.diffDelText;
                 const width = blessed.unicode.strWidth(line);
-                out.push(`{${background}-bg}{${base}-fg}${highlightCode(line)}${' '.repeat(Math.max(0, columns - width))}{/${base}-fg}{/${background}-bg}`);
+                out.push(`{${background}-bg}{${base}-fg}${highlightCode(line, activeTuiTheme().syntax)}${' '.repeat(Math.max(0, columns - width))}{/${base}-fg}{/${background}-bg}`);
+            }
+            else if (kind === 'hunk') {
+                out.push(`{${markdown.accent}-fg}${blessed.escape(line)}{/${markdown.accent}-fg}`);
+            }
+            else if (kind === 'file') {
+                out.push(`{${markdown.text}-fg}${blessed.escape(line)}{/${markdown.text}-fg}`);
             }
             else {
-                const color = kind === 'hunk' ? 'cyan' : 'white';
-                out.push(`{${color}-fg}${kind === 'context' ? highlightCode(line) : blessed.escape(line)}{/${color}-fg}`);
+                out.push(highlightCode(line, activeTuiTheme().syntax));
             }
         }
         else {
@@ -52,7 +62,7 @@ export function renderTuiMarkdown(content, columns) {
                 otherCode = !otherCode;
             }
             else if (otherCode)
-                out.push(highlightCode(line));
+                out.push(highlightCode(line, activeTuiTheme().syntax));
             else
                 prose.push(line);
         }

package/dist/ui/scrollbar.js

@@ -0,0 +1,370 @@
+import blessed from 'blessed';
+const clamp = (value, low, high) => Math.max(low, Math.min(high, value));
+/** One-cell glyph set used to build the capsule at half-row resolution. */
+const PILL_BODY = '█';
+const HALF_TOP = '▀';
+const HALF_BOTTOM = '▄';
+/** Number of content rows advanced by one wheel notch on the scrollbar. */
+const WHEEL_SCROLL_LINES = 1;
+/** On hover the feather is pulled in so the pill reads fuller and brighter. */
+const HOVER_FEATHER_SCALE = 0.7;
+const HOVER_BRIGHTEN = 0.16;
+const TRAIL_DECAY = 0.86;
+/** Spring constants (per 16ms frame): stiffness pulls, damping settles. */
+const FRAME_MS = 16;
+const SPRING_STIFFNESS = 0.16;
+const SPRING_DAMPING = 0.72;
+const SPRING_SETTLE = 0.02;
+const RGB = (hex) => [
+    parseInt(hex.slice(1, 3), 16),
+    parseInt(hex.slice(3, 5), 16),
+    parseInt(hex.slice(5, 7), 16),
+];
+const toHex = (value) => Math.round(clamp(value, 0, 255)).toString(16).padStart(2, '0');
+/** ANSI theme names need RGB equivalents for smooth per-row interpolation. */
+const ANSI_RGB = {
+    black: '#000000', gray: '#808080', white: '#c0c0c0',
+    'light-black': '#808080', 'light-white': '#ffffff',
+    red: '#800000', 'light-red': '#ff5555', green: '#008000', 'light-green': '#55ff55',
+    yellow: '#808000', 'light-yellow': '#ffff55', blue: '#000080', 'light-blue': '#5555ff',
+    magenta: '#800080', 'light-magenta': '#ff55ff', cyan: '#008080', 'light-cyan': '#55ffff',
+};
+const rgbColor = (color) => color.startsWith('#') ? color : ANSI_RGB[color.toLowerCase()] ?? color;
+/** Blend two hex colors; when either is a named color, fall back to the base. */
+export const blend = (base, toward, ratio) => {
+    if (!base.startsWith('#') || !toward.startsWith('#'))
+        return base;
+    const [r1, g1, b1] = RGB(base);
+    const [r2, g2, b2] = RGB(toward);
+    return `#${toHex(r1 + (r2 - r1) * ratio)}${toHex(g1 + (g2 - g1) * ratio)}${toHex(b1 + (b2 - b1) * ratio)}`;
+};
+const luminance = (hex) => {
+    if (!hex.startsWith('#'))
+        return 0.5;
+    const [r, g, b] = RGB(hex);
+    return (0.2126 * r + 0.7152 * g + 0.0722 * b) / 255;
+};
+/** Nudge a color brighter on dark themes and darker on light ones. */
+const boost = (hex, ratio) => blend(hex, luminance(hex) >= 0.5 ? '#000000' : '#ffffff', ratio);
+/**
+ * Derive the pill palette from a TUI theme. The capsule follows the theme's
+ * accent color, while the track remains a quiet panel/background surface. A
+ * sparse dot pattern gives the otherwise empty track a little definition.
+ */
+export function pillScrollbarColors(ui) {
+    const thumb = rgbColor(ui.accent ?? ui.elevated);
+    const fadedBase = rgbColor(ui.subtle ?? ui.panel);
+    const patternBase = rgbColor(ui.subtle ?? ui.line ?? ui.panel);
+    const panel = rgbColor(ui.panel);
+    const background = rgbColor(ui.background);
+    const fadedBlend = blend(thumb, fadedBase, 0.5);
+    return {
+        thumb,
+        // Named terminal colors cannot be blended numerically; fall back to the
+        // theme's quieter surface so the top-of-scroll state still reads faded.
+        thumbFaded: fadedBlend === thumb && fadedBase !== thumb ? fadedBase : fadedBlend,
+        track: blend(panel, background, 0.3),
+        trackPattern: '·',
+        trackPatternColor: blend(patternBase, ui.background, 0.45),
+    };
+}
+/**
+ * Compute pill geometry for a rendered scrollable element. Returns null when
+ * the element is off-screen or its content fits the viewport.
+ */
+export function computePillScrollbarState(element, lpos) {
+    const viewportHeight = Math.max(1, lpos.yl - lpos.yi - Number(element.iheight));
+    const scrollHeight = element.getScrollHeight();
+    const maxOffset = scrollHeight - viewportHeight;
+    if (maxOffset <= 0)
+        return null;
+    const offset = clamp(element.childBase ?? 0, 0, maxOffset);
+    const thumbHeight = clamp(Math.round(viewportHeight * (viewportHeight / scrollHeight)), 3, viewportHeight);
+    const travel = viewportHeight - thumbHeight;
+    const thumbStart = clamp(Math.round((offset / maxOffset) * travel), 0, travel);
+    return { offset, maxOffset, viewportHeight, thumbHeight, thumbStart, faded: offset === 0 };
+}
+/**
+ * Attach a pill overlay to a scrollable element. blessed's own scrollbar is
+ * not used — do NOT pass a `scrollbar` option to the element. The returned
+ * handle must be `sync()`ed after layout/content changes (before
+ * `screen.render()`) and `destroy()`ed with its owner.
+ */
+export function attachPillScrollbar(element, colors) {
+    const overlay = blessed.box({
+        parent: element.screen, tags: true, width: 1, height: 1, hidden: true, mouse: true,
+        style: {},
+    });
+    let hover = false;
+    /** Spring position of the pill's top edge in rows; null until first shown. */
+    let visual = null;
+    let velocity = 0;
+    let timer = null;
+    let lastState = null;
+    let trail = [];
+    /** Brightest leftover trail ghost from the last paint; 0 when settled. */
+    let residue = 0;
+    let dragging = false;
+    let dragOffset = 0;
+    let movedDuringDrag = false;
+    const stopTimer = () => {
+        if (timer === null)
+            return;
+        clearInterval(timer);
+        timer = null;
+    };
+    const sleep = () => {
+        stopTimer();
+        visual = null;
+        velocity = 0;
+        lastState = null;
+        trail = [];
+        residue = 0;
+    };
+    const targetOf = (state) => {
+        const travel = state.viewportHeight - state.thumbHeight;
+        return state.maxOffset > 0 ? clamp((state.offset / state.maxOffset) * travel, 0, travel) : 0;
+    };
+    const smoothstep = (value) => {
+        const t = clamp(value, 0, 1);
+        return t * t * (3 - 2 * t);
+    };
+    const paint = (state, top) => {
+        lastState = state;
+        const c = colors();
+        const fill = hover ? boost(state.faded ? c.thumbFaded : c.thumb, HOVER_BRIGHTEN) : (state.faded ? c.thumbFaded : c.thumb);
+        const featherScale = hover ? HOVER_FEATHER_SCALE : 1;
+        // Motion (spring velocity plus remaining distance) drives the feather and
+        // the trail; at rest both collapse so the capsule is fully opaque.
+        const motion = clamp(Math.abs(velocity) * 10 + Math.abs(targetOf(state) - top) * 1.5, 0, 1);
+        overlay.style.bg = c.track;
+        const maxTop = Math.max(0, state.viewportHeight - state.thumbHeight);
+        const start = clamp(top, 0, maxTop);
+        const center = start + state.thumbHeight / 2;
+        const halfLength = state.thumbHeight / 2;
+        const feather = Math.max(0.06, motion * 1.15 * featherScale);
+        // Store two samples per terminal row. A half-block cell can display an
+        // independent foreground (top half) and background (bottom half), which
+        // doubles the scrollbar's vertical resolution without changing its width.
+        if (trail.length !== state.viewportHeight * 2)
+            trail = Array.from({ length: state.viewportHeight * 2 }, () => 0);
+        // Residue is how much painted brightness exceeds the live intensity —
+        // i.e. leftover trail ghosting. The animation keeps running until it
+        // drains, so a pill that just stopped never rests with a faded tail.
+        residue = 0;
+        const sample = (position, index) => {
+            const distance = Math.abs(position - center);
+            const edge = (distance - halfLength) / feather;
+            const intensity = edge <= 0 ? 1 : 1 - smoothstep(edge);
+            const next = Math.max(intensity, trail[index] * TRAIL_DECAY);
+            residue = Math.max(residue, next - intensity);
+            trail[index] = next;
+            return next;
+        };
+        const colorAt = (level) => blend(fill, c.track, 1 - level);
+        const lines = [];
+        for (let row = 0; row < state.viewportHeight; row += 1) {
+            const topLevel = sample(row + 0.25, row * 2);
+            const bottomLevel = sample(row + 0.75, row * 2 + 1);
+            if (Math.max(topLevel, bottomLevel) < 0.08) {
+                const pattern = c.trackPattern;
+                lines.push(pattern && row % 2 === 0
+                    ? `{${c.trackPatternColor ?? c.track}-fg}${pattern}{/}`
+                    : ' ');
+                continue;
+            }
+            // Continuous intensity and a soft glyph edge make the capsule feel like
+            // a moving object. A row is a full block only when both of its halves
+            // are lit; otherwise the brighter half's half-block glyph carries the
+            // edge, so a growing/shrinking capsule tapers ▀/▄ → █ and never shows a
+            // stray dim block ahead of its cap.
+            const topColor = colorAt(topLevel);
+            const bottomColor = colorAt(bottomLevel);
+            const topLit = topLevel > 0.52;
+            const bottomLit = bottomLevel > 0.52;
+            if (topLit && bottomLit) {
+                lines.push(`{${colorAt(Math.max(topLevel, bottomLevel))}-fg}${PILL_BODY}{/}`);
+            }
+            else if (topLevel >= bottomLevel) {
+                lines.push(`{${topColor}-fg}${HALF_TOP}{/}`);
+            }
+            else {
+                lines.push(`{${bottomColor}-fg}${HALF_BOTTOM}{/}`);
+            }
+        }
+        overlay.setContent(lines.join('\n'));
+    };
+    /** Advance the spring one frame; true when the pill has come to rest. */
+    const stepSpring = (target) => {
+        if (visual === null) {
+            visual = target;
+            return true;
+        }
+        velocity = (velocity + (target - visual) * SPRING_STIFFNESS) * SPRING_DAMPING;
+        visual += velocity;
+        if (Math.abs(target - visual) < SPRING_SETTLE && Math.abs(velocity) < SPRING_SETTLE) {
+            visual = target;
+            velocity = 0;
+            return true;
+        }
+        return false;
+    };
+    const frame = () => {
+        if (visual === null || overlay.hidden) {
+            sleep();
+            return;
+        }
+        // Native selection mode releases mouse capture; freezing the spring keeps
+        // the idle screen bit-stable while the user selects text.
+        const program = element.screen.program;
+        if (program?.mouseEnabled === false) {
+            sleep();
+            return;
+        }
+        const lpos = element.lpos;
+        const state = lpos && !element.hidden && !element.detached ? computePillScrollbarState(element, lpos) : null;
+        if (!state || !lpos) {
+            overlay.hide();
+            sleep();
+            return;
+        }
+        overlay.left = lpos.xl - 1;
+        overlay.top = lpos.yi + Number(element.itop);
+        overlay.height = state.viewportHeight;
+        const settled = stepSpring(targetOf(state));
+        paint(state, visual);
+        // Keep painting until both the spring and the trail have drained, so the
+        // pill never comes to rest showing motion-only transparency.
+        if (settled && residue < 0.03)
+            stopTimer();
+        else
+            element.screen.render();
+    };
+    const wake = () => {
+        if (timer === null)
+            timer = setInterval(frame, FRAME_MS);
+    };
+    const sync = () => {
+        const lpos = element.lpos;
+        if (element.hidden || element.detached || !lpos) {
+            overlay.hide();
+            sleep();
+            return;
+        }
+        const state = computePillScrollbarState(element, lpos);
+        if (!state) {
+            overlay.hide();
+            sleep();
+            return;
+        }
+        overlay.show();
+        overlay.left = lpos.xl - 1;
+        overlay.top = lpos.yi + Number(element.itop);
+        overlay.width = 1;
+        overlay.height = state.viewportHeight;
+        if (visual === null) {
+            // First paint after a show snaps to the scroll position; only later
+            // scroll deltas glide on the spring.
+            visual = targetOf(state);
+            velocity = 0;
+        }
+        paint(state, visual);
+        // Only animate when the spring has distance to cover or a trail ghost is
+        // still draining; a settled sync (the common case) paints once and leaves
+        // the timer dead.
+        if (Math.abs(targetOf(state) - visual) > SPRING_SETTLE || residue > 0.03)
+            wake();
+    };
+    // Hover boost repaints immediately so the affordance does not wait for the
+    // next data-driven refresh.
+    const repaintHover = () => {
+        if (lastState === null || visual === null || overlay.hidden)
+            return;
+        paint(lastState, visual);
+        element.screen.render();
+    };
+    element.on('scroll', sync);
+    element.on('resize', sync);
+    element.on('hide', () => {
+        overlay.hide();
+        sleep();
+    });
+    element.on('detach', () => {
+        overlay.hide();
+        sleep();
+    });
+    // The overlay column stays interactive: wheel scrolls the tracked element,
+    // click jumps proportionally to the click position, and drag follows the
+    // pointer continuously while retaining the point where the pill was grabbed.
+    const pointerState = () => {
+        const lpos = element.lpos;
+        const state = lpos ? computePillScrollbarState(element, lpos) : null;
+        return lpos && state ? { lpos, state } : null;
+    };
+    const setFromPointer = (y) => {
+        const current = pointerState();
+        if (!current)
+            return;
+        const { lpos, state } = current;
+        const travel = Math.max(1, state.viewportHeight - state.thumbHeight);
+        const top = clamp(y - (lpos.yi + Number(element.itop)) - dragOffset, 0, travel);
+        element.scrollTo(Math.round((top / travel) * state.maxOffset));
+    };
+    overlay.on('wheelup', () => element.scroll(-WHEEL_SCROLL_LINES));
+    overlay.on('wheeldown', () => element.scroll(WHEEL_SCROLL_LINES));
+    overlay.on('mousedown', (data) => {
+        const current = pointerState();
+        if (!current || data.y === undefined)
+            return;
+        const { lpos, state } = current;
+        const top = visual ?? targetOf(state);
+        const localY = data.y - (lpos.yi + Number(element.itop));
+        dragOffset = localY >= top && localY <= top + state.thumbHeight ? localY - top : state.thumbHeight / 2;
+        dragging = true;
+        movedDuringDrag = false;
+        setFromPointer(data.y);
+    });
+    const onScreenMouseMove = (data) => {
+        if (!dragging || data.y === undefined)
+            return;
+        movedDuringDrag = true;
+        setFromPointer(data.y);
+    };
+    const onScreenMouseUp = () => {
+        dragging = false;
+    };
+    overlay.onScreenEvent('mousemove', onScreenMouseMove);
+    overlay.onScreenEvent('mouseup', onScreenMouseUp);
+    overlay.on('mouseover', () => {
+        hover = true;
+        repaintHover();
+    });
+    overlay.on('mouseout', () => {
+        hover = false;
+        repaintHover();
+    });
+    overlay.on('click', (data) => {
+        if (movedDuringDrag) {
+            movedDuringDrag = false;
+            return;
+        }
+        const lpos = element.lpos;
+        const state = lpos ? computePillScrollbarState(element, lpos) : null;
+        if (!lpos || !state)
+            return;
+        const trackY = lpos.yi + Number(element.itop);
+        const travel = Math.max(1, state.viewportHeight - state.thumbHeight);
+        const ratio = clamp(((data.y ?? trackY) - trackY - state.thumbHeight / 2) / travel, 0, 1);
+        element.scrollTo(Math.round(ratio * state.maxOffset));
+    });
+    return {
+        sync,
+        destroy: () => {
+            stopTimer();
+            dragging = false;
+            overlay.removeScreenEvent('mousemove', onScreenMouseMove);
+            overlay.removeScreenEvent('mouseup', onScreenMouseUp);
+            overlay.destroy();
+        },
+    };
+}

package/dist/ui/syntax.js

@@ -1,9 +1,7 @@
 import blessed from 'blessed';
-/** Small lexical highlighter. Unknown languages remain readable plain text. */
-export function highlightCode(source, light = false) {
-    const colors = light
-        ? ['#58665c', '#98502c', '#6141a0', '#175d93', '#9a3570']
-        : ['#84918b', '#cead83', '#ba9ce0', '#87b9db', '#d493b5'];
+/** Small lexical highlighter. Unknown languages remain readable plain text.
+ * Colors come from the active theme: comment, string, keyword, attr, number. */
+export function highlightCode(source, colors = ['#84918b', '#cead83', '#ba9ce0', '#87b9db', '#d493b5']) {
     const pattern = /(\/\/[^\n]*|\/\*[\s\S]*?\*\/|<!--.*?-->)|("(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|`(?:\\.|[^`\\])*`)|(\b(?:const|let|var|function|return|if|else|for|while|class|import|from|export|async|await|new|true|false|null|undefined|def|print|in|None|True|False|public|private|interface|type)\b)|(<\/?[\w-]+|\b[\w-]+(?=\s*=))|(\b\d+(?:\.\d+)?(?:px|em|rem|%)?\b)/g;
     let result = '';
     let offset = 0;

package/dist/ui/theme.js

@@ -0,0 +1,198 @@
+import { setMarkdownTheme } from '../markdown.js';
+const aurora = {
+    name: 'aurora',
+    label: 'Aurora · polar night',
+    ui: {
+        background: '#0b1020', panel: '#0d1425', composer: '#121a30', activity: '#0e1526',
+        elevated: '#1b2540', modal: '#101830', modalRule: '#263354', line: '#263354',
+        text: '#dde7f5', muted: '#9fb0cc', subtle: '#5d6f92', accent: '#5eead4', success: '#7ee2a8',
+        warning: '#f2c66d', error: '#f07a8a',
+    },
+    markdown: {
+        text: '#dde7f5', muted: '#8fa1c0', accent: '#5eead4',
+        heading: '#a78bfa', headingStrong: '#f0f6ff',
+        codeBg: '#101a30', codeText: '#d6e2f2', codeFence: '#44548a',
+        diffAddBg: '#12291e', diffAddText: '#8fe3b0',
+        diffDelBg: '#2e1620', diffDelText: '#f09aa8',
+    },
+    syntax: ['#5d6f92', '#7ee2a8', '#a78bfa', '#5eead4', '#f2a2c0'],
+};
+const midnight = {
+    name: 'midnight',
+    label: 'Midnight · deep blue-black',
+    ui: {
+        background: 'black', panel: 'black', composer: '#171c23', activity: '#11161c',
+        elevated: '#242c36', modal: '#171a1f', modalRule: '#2b3139', line: 'gray',
+        text: 'light-white', muted: 'white', subtle: 'gray', accent: 'light-cyan', success: 'light-green',
+        warning: 'light-yellow', error: 'light-red',
+    },
+    markdown: {
+        text: '#d7e0ea', muted: '#7f92a6', accent: '#6fb1d6',
+        heading: '#8ac3e6', headingStrong: '#d7e0ea',
+        codeBg: '#16212d', codeText: '#c7d7e6', codeFence: '#5f7388',
+        diffAddBg: '#10281a', diffAddText: '#9fd0a6',
+        diffDelBg: '#2b1215', diffDelText: '#d99f9f',
+    },
+    syntax: ['#84918b', '#cead83', '#ba9ce0', '#87b9db', '#d493b5'],
+};
+const nord = {
+    name: 'nord',
+    label: 'Nord · arctic blue',
+    ui: {
+        background: '#2e3440', panel: '#2e3440', composer: '#3b4252', activity: '#333b47',
+        elevated: '#434c5e', modal: '#353c4a', modalRule: '#4c566a', line: '#4c566a',
+        text: '#eceff4', muted: '#d8dee9', subtle: '#7b88a1', accent: '#88c0d0', success: '#a3be8c',
+        warning: '#ebcb8b', error: '#bf616a',
+    },
+    markdown: {
+        text: '#eceff4', muted: '#7b88a1', accent: '#81a1c1',
+        heading: '#88c0d0', headingStrong: '#eceff4',
+        codeBg: '#353c4a', codeText: '#d8dee9', codeFence: '#4c566a',
+        diffAddBg: '#2f4032', diffAddText: '#a3be8c',
+        diffDelBg: '#46302c', diffDelText: '#d08770',
+    },
+    syntax: ['#7b88a1', '#ebcb8b', '#b48ead', '#81a1c1', '#d08770'],
+};
+const dracula = {
+    name: 'dracula',
+    label: 'Dracula · purple night',
+    ui: {
+        background: '#282a36', panel: '#282a36', composer: '#343746', activity: '#2f3141',
+        elevated: '#44475a', modal: '#2b2d3a', modalRule: '#44475a', line: '#44475a',
+        text: '#f8f8f2', muted: '#b6bcc9', subtle: '#6272a4', accent: '#bd93f9', success: '#50fa7b',
+        warning: '#f1fa8c', error: '#ff5555',
+    },
+    markdown: {
+        text: '#f8f8f2', muted: '#6272a4', accent: '#8be9fd',
+        heading: '#bd93f9', headingStrong: '#f8f8f2',
+        codeBg: '#21222c', codeText: '#e2e2dc', codeFence: '#6272a4',
+        diffAddBg: '#1f3a2b', diffAddText: '#7ff0a5',
+        diffDelBg: '#3a2430', diffDelText: '#ff8b8b',
+    },
+    syntax: ['#6272a4', '#f1fa8c', '#bd93f9', '#8be9fd', '#ff79c6'],
+};
+const dawn = {
+    name: 'dawn',
+    label: 'Dawn · warm light',
+    ui: {
+        background: '#f7f4ee', panel: '#efece4', composer: '#f0ece2', activity: '#eceade',
+        elevated: '#dcd7c8', modal: '#f2efe8', modalRule: '#c9c2b2', line: '#b9b2a2',
+        text: '#3b3a36', muted: '#5c584f', subtle: '#8f897a', accent: '#1f6f8b', success: '#4a7c3f',
+        warning: '#a8760a', error: '#b3413a',
+    },
+    markdown: {
+        text: '#3b3a36', muted: '#8f897a', accent: '#1f6f8b',
+        heading: '#1f6f8b', headingStrong: '#2f2e2a',
+        codeBg: '#e8e3d6', codeText: '#3b3a36', codeFence: '#a49c88',
+        diffAddBg: '#dcead2', diffAddText: '#2e5c28',
+        diffDelBg: '#f2dcd8', diffDelText: '#96372f',
+    },
+    syntax: ['#6f6a5c', '#8a5a20', '#5b4392', '#1f5c8b', '#8f3a63'],
+};
+const solarized = {
+    name: 'solarized', label: 'Solarized · balanced contrast',
+    ui: { background: '#002b36', panel: '#073642', composer: '#0b3b46', activity: '#06323d', elevated: '#14505b', modal: '#0b3b46', modalRule: '#1b5963', line: '#496b70', text: '#eee8d5', muted: '#c7c0a8', subtle: '#839496', accent: '#2aa198', success: '#859900', warning: '#b58900', error: '#dc322f' },
+    markdown: { text: '#eee8d5', muted: '#839496', accent: '#2aa198', heading: '#268bd2', headingStrong: '#fdf6e3', codeBg: '#073642', codeText: '#eee8d5', codeFence: '#586e75', diffAddBg: '#193b31', diffAddText: '#b7d68a', diffDelBg: '#4a2528', diffDelText: '#f28b82' },
+    syntax: ['#839496', '#2aa198', '#859900', '#268bd2', '#d33682'],
+};
+const rosePine = {
+    name: 'rose-pine', label: 'Rosé Pine · soft dusk',
+    ui: { background: '#191724', panel: '#1f1d2e', composer: '#26233a', activity: '#211f32', elevated: '#393552', modal: '#26233a', modalRule: '#403d52', line: '#524f67', text: '#e0def4', muted: '#c4a7e7', subtle: '#908caa', accent: '#ebbcba', success: '#9ccfd8', warning: '#f6c177', error: '#eb6f92' },
+    markdown: { text: '#e0def4', muted: '#908caa', accent: '#ebbcba', heading: '#c4a7e7', headingStrong: '#fffaf3', codeBg: '#1f1d2e', codeText: '#e0def4', codeFence: '#6e6a86', diffAddBg: '#20373b', diffAddText: '#9ccfd8', diffDelBg: '#422638', diffDelText: '#eb6f92' },
+    syntax: ['#908caa', '#f6c177', '#c4a7e7', '#9ccfd8', '#ebbcba'],
+};
+const tokyoNight = {
+    name: 'tokyo-night', label: 'Tokyo Night · neon dusk',
+    ui: { background: '#1a1b26', panel: '#16161e', composer: '#1f2335', activity: '#1c1d2b', elevated: '#292e42', modal: '#1f2335', modalRule: '#2f334d', line: '#3b4261', text: '#c0caf5', muted: '#a9b1d6', subtle: '#565f89', accent: '#7aa2f7', success: '#9ece6a', warning: '#e0af68', error: '#f7768e' },
+    markdown: { text: '#c0caf5', muted: '#565f89', accent: '#7dcfff', heading: '#7aa2f7', headingStrong: '#c0caf5', codeBg: '#16161e', codeText: '#a9b1d6', codeFence: '#3b4261', diffAddBg: '#1e2a24', diffAddText: '#9ece6a', diffDelBg: '#2d202a', diffDelText: '#f7768e' },
+    syntax: ['#565f89', '#9ece6a', '#bb9af7', '#7aa2f7', '#ff9e64'],
+};
+const catppuccinMocha = {
+    name: 'catppuccin-mocha', label: 'Catppuccin Mocha · pastel night',
+    ui: { background: '#1e1e2e', panel: '#181825', composer: '#242438', activity: '#181825', elevated: '#313244', modal: '#1b1b2a', modalRule: '#45475a', line: '#313244', text: '#cdd6f4', muted: '#a6adc8', subtle: '#6c7086', accent: '#89b4fa', success: '#a6e3a1', warning: '#f9e2af', error: '#f38ba8' },
+    markdown: { text: '#cdd6f4', muted: '#6c7086', accent: '#89b4fa', heading: '#cba6f7', headingStrong: '#cdd6f4', codeBg: '#181825', codeText: '#cdd6f4', codeFence: '#45475a', diffAddBg: '#20312a', diffAddText: '#a6e3a1', diffDelBg: '#3b2530', diffDelText: '#f38ba8' },
+    syntax: ['#6c7086', '#a6e3a1', '#cba6f7', '#89b4fa', '#fab387'],
+};
+const catppuccinLatte = {
+    name: 'catppuccin-latte', label: 'Catppuccin Latte · pastel light',
+    ui: { background: '#eff1f5', panel: '#e6e9ef', composer: '#e6e9ef', activity: '#dce0e8', elevated: '#ccd0da', modal: '#f4f6fb', modalRule: '#bcc0cc', line: '#bcc0cc', text: '#4c4f69', muted: '#6c6f85', subtle: '#9ca0b0', accent: '#1e66f5', success: '#40a02b', warning: '#df8e1d', error: '#d20f39' },
+    markdown: { text: '#4c4f69', muted: '#9ca0b0', accent: '#1e66f5', heading: '#8839ef', headingStrong: '#4c4f69', codeBg: '#e6e9ef', codeText: '#4c4f69', codeFence: '#acb0be', diffAddBg: '#dcefdd', diffAddText: '#28731c', diffDelBg: '#f4dbdc', diffDelText: '#d20f39' },
+    syntax: ['#9ca0b0', '#40a02b', '#8839ef', '#1e66f5', '#fe640b'],
+};
+const gruvboxDark = {
+    name: 'gruvbox-dark', label: 'Gruvbox Dark · retro groove',
+    ui: { background: '#282828', panel: '#1d2021', composer: '#32302f', activity: '#2c2c28', elevated: '#3c3836', modal: '#2d2c29', modalRule: '#504945', line: '#504945', text: '#ebdbb2', muted: '#d5c4a1', subtle: '#928374', accent: '#fe8019', success: '#b8bb26', warning: '#fabd2f', error: '#fb4934' },
+    markdown: { text: '#ebdbb2', muted: '#928374', accent: '#83a598', heading: '#fabd2f', headingStrong: '#ebdbb2', codeBg: '#1d2021', codeText: '#ebdbb2', codeFence: '#504945', diffAddBg: '#2f331f', diffAddText: '#b8bb26', diffDelBg: '#3c2321', diffDelText: '#fb4934' },
+    syntax: ['#928374', '#b8bb26', '#fb4934', '#83a598', '#d3869b'],
+};
+const oneDark = {
+    name: 'one-dark', label: 'One Dark · atom classic',
+    ui: { background: '#282c34', panel: '#21252b', composer: '#2f343d', activity: '#23272e', elevated: '#3a3f4b', modal: '#2a2e37', modalRule: '#3e4451', line: '#3e4451', text: '#abb2bf', muted: '#828997', subtle: '#5c6370', accent: '#61afef', success: '#98c379', warning: '#e5c07b', error: '#e06c75' },
+    markdown: { text: '#abb2bf', muted: '#5c6370', accent: '#56b6c2', heading: '#61afef', headingStrong: '#d7dae0', codeBg: '#21252b', codeText: '#abb2bf', codeFence: '#3e4451', diffAddBg: '#243129', diffAddText: '#98c379', diffDelBg: '#38262a', diffDelText: '#e06c75' },
+    syntax: ['#5c6370', '#98c379', '#c678dd', '#61afef', '#d19a66'],
+};
+const monokai = {
+    name: 'monokai', label: 'Monokai · classic pop',
+    ui: { background: '#272822', panel: '#1e1f1c', composer: '#2d2e27', activity: '#262721', elevated: '#3e3d32', modal: '#2b2c25', modalRule: '#49483e', line: '#49483e', text: '#f8f8f2', muted: '#a8a89d', subtle: '#75715e', accent: '#66d9ef', success: '#a6e22e', warning: '#e6db74', error: '#f92672' },
+    markdown: { text: '#f8f8f2', muted: '#75715e', accent: '#a6e22e', heading: '#fd971f', headingStrong: '#f8f8f2', codeBg: '#1e1f1c', codeText: '#f8f8f2', codeFence: '#49483e', diffAddBg: '#2a331d', diffAddText: '#a6e22e', diffDelBg: '#3a1f26', diffDelText: '#f92672' },
+    syntax: ['#75715e', '#e6db74', '#f92672', '#66d9ef', '#ae81ff'],
+};
+const kanagawa = {
+    name: 'kanagawa', label: 'Kanagawa · ink wash',
+    ui: { background: '#1f1f28', panel: '#16161d', composer: '#2a2a37', activity: '#1a1a22', elevated: '#363649', modal: '#262635', modalRule: '#363649', line: '#54546d', text: '#dcd7ba', muted: '#c8c093', subtle: '#727169', accent: '#7e9cd8', success: '#98bb6c', warning: '#ff9e3b', error: '#e82424' },
+    markdown: { text: '#dcd7ba', muted: '#727169', accent: '#7fb4ca', heading: '#957fb8', headingStrong: '#dcd7ba', codeBg: '#16161d', codeText: '#dcd7ba', codeFence: '#54546d', diffAddBg: '#2a332e', diffAddText: '#98bb6c', diffDelBg: '#43242b', diffDelText: '#e82424' },
+    syntax: ['#727169', '#98bb6c', '#957fb8', '#7fb4ca', '#ff9e3b'],
+};
+const everforest = {
+    name: 'everforest', label: 'Everforest · moss green',
+    ui: { background: '#2d353b', panel: '#272e33', composer: '#343f44', activity: '#2e373d', elevated: '#3d484d', modal: '#333e44', modalRule: '#475258', line: '#475258', text: '#d3c6aa', muted: '#9da9a0', subtle: '#7a8478', accent: '#a7c080', success: '#83c092', warning: '#dbbc7f', error: '#e67e80' },
+    markdown: { text: '#d3c6aa', muted: '#7a8478', accent: '#7fbbb3', heading: '#dbbc7f', headingStrong: '#d3c6aa', codeBg: '#272e33', codeText: '#d3c6aa', codeFence: '#475258', diffAddBg: '#2f3a2d', diffAddText: '#a7c080', diffDelBg: '#452f2c', diffDelText: '#e67e80' },
+    syntax: ['#7a8478', '#a7c080', '#d699b6', '#7fbbb3', '#dbbc7f'],
+};
+const synthwave = {
+    name: 'synthwave', label: "SynthWave '84 · neon grid",
+    ui: { background: '#262335', panel: '#211d2e', composer: '#2c2840', activity: '#252138', elevated: '#3a3454', modal: '#2a2540', modalRule: '#443d63', line: '#443d63', text: '#f8f8f4', muted: '#a5a1bd', subtle: '#6f6a8a', accent: '#ff7edb', success: '#72f1b8', warning: '#fede5d', error: '#fe4450' },
+    markdown: { text: '#f8f8f4', muted: '#6f6a8a', accent: '#ff7edb', heading: '#36f9f6', headingStrong: '#f8f8f4', codeBg: '#1e1c2c', codeText: '#d9d6e8', codeFence: '#443d63', diffAddBg: '#1e332c', diffAddText: '#72f1b8', diffDelBg: '#3a2233', diffDelText: '#fe4450' },
+    syntax: ['#6f6a8a', '#fede5d', '#ff7edb', '#36f9f6', '#fe8b48'],
+};
+const matrix = {
+    name: 'matrix', label: 'Matrix · phosphor green',
+    ui: { background: '#000d05', panel: '#000a03', composer: '#00180a', activity: '#001206', elevated: '#022412', modal: '#001708', modalRule: '#0b4a22', line: '#0b4a22', text: '#8dffb4', muted: '#3f9e5f', subtle: '#1e5f38', accent: '#00ff41', success: '#39ff14', warning: '#aaff00', error: '#ff4141' },
+    markdown: { text: '#8dffb4', muted: '#2e7a4a', accent: '#00ff41', heading: '#7dff8e', headingStrong: '#c8ffd9', codeBg: '#01180c', codeText: '#8dffb4', codeFence: '#1e5f38', diffAddBg: '#032d16', diffAddText: '#4dff88', diffDelBg: '#3a0d12', diffDelText: '#ff6b6b' },
+    syntax: ['#2e7a4a', '#7dffa0', '#00ff41', '#aaff00', '#39ff14'],
+};
+const solarizedLight = {
+    name: 'solarized-light', label: 'Solarized Light · paper',
+    ui: { background: '#fdf6e3', panel: '#eee8d5', composer: '#f4eedd', activity: '#ece5d3', elevated: '#ddd5c1', modal: '#f2ecdb', modalRule: '#ccc4ae', line: '#afa897', text: '#657b83', muted: '#93a1a1', subtle: '#a4aeab', accent: '#268bd2', success: '#859900', warning: '#b58900', error: '#dc322f' },
+    markdown: { text: '#657b83', muted: '#93a1a1', accent: '#268bd2', heading: '#268bd2', headingStrong: '#586e75', codeBg: '#eee8d5', codeText: '#657b83', codeFence: '#93a1a1', diffAddBg: '#e3eedd', diffAddText: '#859900', diffDelBg: '#f3dfdb', diffDelText: '#dc322f' },
+    syntax: ['#93a1a1', '#859900', '#6c71c4', '#268bd2', '#cb4b16'],
+};
+const githubLight = {
+    name: 'github-light', label: 'GitHub Light · clean day',
+    ui: { background: '#ffffff', panel: '#f6f8fa', composer: '#f6f8fa', activity: '#eef1f4', elevated: '#e7ebef', modal: '#fafbfc', modalRule: '#d0d7de', line: '#d0d7de', text: '#1f2328', muted: '#656d76', subtle: '#8b949e', accent: '#0969da', success: '#1a7f37', warning: '#9a6700', error: '#cf222e' },
+    markdown: { text: '#1f2328', muted: '#656d76', accent: '#0969da', heading: '#0969da', headingStrong: '#1f2328', codeBg: '#f6f8fa', codeText: '#1f2328', codeFence: '#d0d7de', diffAddBg: '#dafbe1', diffAddText: '#116329', diffDelBg: '#ffebe9', diffDelText: '#a40e26' },
+    syntax: ['#6e7781', '#0a3069', '#cf222e', '#8250df', '#0550ae'],
+};
+export const THEMES = {
+    aurora, midnight, nord, dracula, dawn, solarized, 'rose-pine': rosePine,
+    'tokyo-night': tokyoNight, 'catppuccin-mocha': catppuccinMocha, 'catppuccin-latte': catppuccinLatte,
+    'gruvbox-dark': gruvboxDark, 'one-dark': oneDark, monokai, kanagawa, everforest, synthwave,
+    matrix, 'solarized-light': solarizedLight, 'github-light': githubLight,
+};
+export const DEFAULT_THEME = 'aurora';
+export function themeNames() {
+    return Object.keys(THEMES);
+}
+export function resolveTheme(name) {
+    const key = name?.toLowerCase() ?? '';
+    return (key && Object.hasOwn(THEMES, key) ? THEMES[key] : undefined) ?? THEMES[DEFAULT_THEME];
+}
+let activeTheme = THEMES[DEFAULT_THEME];
+export function activeTuiTheme() {
+    return activeTheme;
+}
+export function setActiveTheme(name) {
+    activeTheme = resolveTheme(name);
+    setMarkdownTheme(activeTheme.markdown);
+    return activeTheme;
+}