@kgdiff/viewer 0.3.0 → 0.5.0

package/dist/ui/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/ui/context.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAChE,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE/D,MAAM,WAAW,SAAS;IACxB,QAAQ,CAAC,UAAU,EAAE,gBAAgB,CAAC;IACtC,QAAQ,CAAC,EAAE,EAAE,MAAM,UAAU,CAAC;IAC9B,OAAO,CAAC,IAAI,EAAE,UAAU,GAAG,IAAI,CAAC;IAChC,kBAAkB,CAAC,IAAI,EAAE,eAAe,GAAG,IAAI,CAAC;IAChD,UAAU,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,CAAC;IACvC,SAAS,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,aAAa,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IACpC,WAAW,IAAI,OAAO,CAAC;IACvB,UAAU,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IACjC,QAAQ,IAAI,IAAI,CAAC;IACjB,WAAW,IAAI,IAAI,CAAC;IACpB,sDAAsD;IACtD,QAAQ,CAAC,IAAI,EAAE,UAAU,CAAC;CAC3B;AAED,uFAAuF;AACvF,wBAAgB,SAAS,CAAC,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,YAAY,GAAG,MAAM,CAiBtE;AAED,wBAAgB,cAAc,CAAC,CAAC,EAAE,SAAS,GAAG,MAAM,CAEnD;AAED,sDAAsD;AACtD,wBAAgB,WAAW,CAAC,KAAK,EAAE,SAAS,GAAG,SAAS,GAAG,MAAM,CAOhE;AAED,iEAAiE;AACjE,wBAAgB,SAAS,CAAC,KAAK,EAAE,SAAS,GAAG,SAAS,GAAG,MAAM,EAAE,GAAG,IAAI,CAQvE"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/ui/context.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAChE,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE/D;;;GAGG;AACH,MAAM,WAAW,SAAS;IACxB,QAAQ,CAAC,EAAE,EAAE,MAAM,UAAU,CAAC;IAC9B,OAAO,CAAC,IAAI,EAAE,UAAU,GAAG,IAAI,CAAC;IAChC,sEAAsE;IACtE,WAAW,IAAI,IAAI,CAAC;IACpB,kBAAkB,CAAC,IAAI,EAAE,eAAe,GAAG,IAAI,CAAC;IAChD,UAAU,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,CAAC;IACvC,SAAS,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,aAAa,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IACpC,WAAW,IAAI,OAAO,CAAC;IACvB,UAAU,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IACjC,QAAQ,IAAI,IAAI,CAAC;IACjB,uCAAuC;IACvC,WAAW,IAAI,IAAI,CAAC;CACrB;AAED,wEAAwE;AACxE,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE5C,8FAA8F;AAC9F,MAAM,WAAW,SAAU,SAAQ,SAAS;IAC1C,QAAQ,CAAC,UAAU,EAAE,gBAAgB,CAAC;IACtC,+DAA+D;IAC/D,QAAQ,CAAC,IAAI,EAAE,UAAU,CAAC;IAC1B,8FAA8F;IAC9F,MAAM,CAAC,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC;IACzD,gFAAgF;IAChF,KAAK,CAAC,IAAI,EAAE,WAAW,GAAG,OAAO,CAAC;CACnC;AAED,uFAAuF;AACvF,wBAAgB,SAAS,CAAC,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,YAAY,GAAG,MAAM,CAiBtE;AAED,wBAAgB,cAAc,CAAC,CAAC,EAAE,SAAS,GAAG,MAAM,CAEnD;AAED,sDAAsD;AACtD,wBAAgB,WAAW,CAAC,KAAK,EAAE,SAAS,GAAG,SAAS,GAAG,MAAM,CAOhE;AAED,iEAAiE;AACjE,wBAAgB,SAAS,CAAC,KAAK,EAAE,SAAS,GAAG,SAAS,GAAG,MAAM,EAAE,GAAG,IAAI,CAQvE"}

package/dist/ui/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sourceRoot":"","sources":["../../src/ui/context.ts"],"names":[],"mappings":"AA0BA,uFAAuF;AACvF,MAAM,UAAU,SAAS,CAAC,IAAc,EAAE,MAAoB;IAC5D,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,KAAK;YACR,OAAO,GAAG,CAAC;QACb,KAAK,QAAQ;YACX,OAAO,GAAG,CAAC;QACb,KAAK,OAAO;YACV,OAAO,GAAG,CAAC;QACb,KAAK,OAAO;YACV,OAAO,GAAG,CAAC;QACb,KAAK,WAAW;YACd,OAAO,GAAG,CAAC;QACb,KAAK,QAAQ;YACX,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;QAC1E;YACE,OAAO,GAAG,CAAC;IACf,CAAC;AACH,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,CAAY;IACzC,OAAO,SAAS,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC;AACrC,CAAC;AAED,sDAAsD;AACtD,MAAM,UAAU,WAAW,CAAC,KAA4B;IACtD,IAAI,KAAK,KAAK,SAAS;QAAE,OAAO,EAAE,CAAC;IACnC,IAAI,KAAK,KAAK,IAAI;QAAE,OAAO,MAAM,CAAC;IAClC,IAAI,OAAO,KAAK,KAAK,QAAQ;QAAE,OAAO,KAAK,CAAC;IAC5C,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,SAAS;QAAE,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;IAClF,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;QAAE,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,CAAc,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC1F,OAAO,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;AAC/B,CAAC;AAED,iEAAiE;AACjE,MAAM,UAAU,SAAS,CAAC,KAA4B;IACpD,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IACvC,MAAM,GAAG,GAAa,EAAE,CAAC;IACzB,KAAK,MAAM,CAAC,IAAI,KAA6B,EAAE,CAAC;QAC9C,IAAI,OAAO,CAAC,KAAK,QAAQ,IAAI,CAAC,KAAK,IAAI;YAAE,OAAO,IAAI,CAAC;QACrD,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;IAC3B,CAAC;IACD,OAAO,GAAG,CAAC;AACb,CAAC"}
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../../src/ui/context.ts"],"names":[],"mappings":"AA4CA,uFAAuF;AACvF,MAAM,UAAU,SAAS,CAAC,IAAc,EAAE,MAAoB;IAC5D,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,KAAK;YACR,OAAO,GAAG,CAAC;QACb,KAAK,QAAQ;YACX,OAAO,GAAG,CAAC;QACb,KAAK,OAAO;YACV,OAAO,GAAG,CAAC;QACb,KAAK,OAAO;YACV,OAAO,GAAG,CAAC;QACb,KAAK,WAAW;YACd,OAAO,GAAG,CAAC;QACb,KAAK,QAAQ;YACX,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;QAC1E;YACE,OAAO,GAAG,CAAC;IACf,CAAC;AACH,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,CAAY;IACzC,OAAO,SAAS,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC;AACrC,CAAC;AAED,sDAAsD;AACtD,MAAM,UAAU,WAAW,CAAC,KAA4B;IACtD,IAAI,KAAK,KAAK,SAAS;QAAE,OAAO,EAAE,CAAC;IACnC,IAAI,KAAK,KAAK,IAAI;QAAE,OAAO,MAAM,CAAC;IAClC,IAAI,OAAO,KAAK,KAAK,QAAQ;QAAE,OAAO,KAAK,CAAC;IAC5C,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,SAAS;QAAE,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;IAClF,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;QAAE,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,CAAc,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC1F,OAAO,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;AAC/B,CAAC;AAED,iEAAiE;AACjE,MAAM,UAAU,SAAS,CAAC,KAA4B;IACpD,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IACvC,MAAM,GAAG,GAAa,EAAE,CAAC;IACzB,KAAK,MAAM,CAAC,IAAI,KAA6B,EAAE,CAAC;QAC9C,IAAI,OAAO,CAAC,KAAK,QAAQ,IAAI,CAAC,KAAK,IAAI;YAAE,OAAO,IAAI,CAAC;QACrD,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;IAC3B,CAAC;IACD,OAAO,GAAG,CAAC;AACb,CAAC"}

package/dist/ui/dock.d.ts

@@ -0,0 +1,17 @@
+/**
+ * The view dock, floating at the bottom of the canvas. It holds two independent choices: how
+ * the versions are compared (overlay / swipe / replay, one at a time, keys `1`–`3`) and whether
+ * only the changes are shown (key `4`, in any mode). The latter brings its context hops and the
+ * nearest “+N” expansion along. Replay's caption and transport stack above it (`stage.ts`).
+ */
+import type { Topic } from '../controller.js';
+import type { UiContext } from './context.js';
+export declare class Dock {
+    #private;
+    readonly el: HTMLElement;
+    constructor(ctx: UiContext);
+    update(topics: ReadonlySet<Topic>): void;
+    /** Re-measure the segmented thumb (fonts / size changes). */
+    layout(): void;
+}
+//# sourceMappingURL=dock.d.ts.map

package/dist/ui/dock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dock.d.ts","sourceRoot":"","sources":["../../src/ui/dock.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAI9C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAQ9C,qBAAa,IAAI;;IACf,QAAQ,CAAC,EAAE,EAAE,WAAW,CAAC;IAYzB,YAAY,GAAG,EAAE,SAAS,EA+EzB;IAED,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,KAAK,CAAC,GAAG,IAAI,CAOvC;IAED,6DAA6D;IAC7D,MAAM,IAAI,IAAI,CAEb;CAyEF"}

package/dist/ui/dock.js

@@ -0,0 +1,151 @@
+import { attr, h, icon, relabel, setText } from '../dom.js';
+const MODES = [
+    { mode: 'overlay', icon: 'overlay', key: '1' },
+    { mode: 'swipe', icon: 'swipe', key: '2' },
+    { mode: 'replay', icon: 'replay', key: '3' },
+];
+export class Dock {
+    el;
+    #seg;
+    #thumb;
+    #segButtons = new Map();
+    #scopeButton;
+    #context;
+    #opts;
+    #hopButtons = [];
+    #expandButton;
+    #ctx;
+    constructor(ctx) {
+        this.#ctx = ctx;
+        const c = ctx.controller;
+        this.#thumb = h('span', { class: 'thumb', 'aria-hidden': 'true' });
+        this.#seg = h('div', { class: 'segmented', role: 'radiogroup' }, this.#thumb);
+        for (const m of MODES) {
+            const b = h('button', {
+                type: 'button',
+                class: 'seg',
+                role: 'radio',
+                'data-mode': m.mode,
+                onclick: () => ctx.setMode(m.mode),
+            }, icon(m.icon), h('span', { class: 'lbl' }));
+            this.#segButtons.set(m.mode, b);
+            this.#seg.appendChild(b);
+        }
+        this.#seg.addEventListener('keydown', (e) => this.#onSegKey(e));
+        this.#scopeButton = h('button', {
+            type: 'button',
+            class: 'scope-btn',
+            'aria-pressed': 'false',
+            'aria-keyshortcuts': '4',
+            onclick: () => ctx.toggleScope(),
+        }, icon('changes'), h('span', { class: 'lbl' }));
+        // Context hops (0 / 1 / 2) and the nearest collapsed group: only with the changes scope.
+        this.#opts = h('span', { class: 'opts', role: 'radiogroup' });
+        for (let n = 0; n <= 2; n++) {
+            const b = h('button', {
+                type: 'button',
+                class: 'opt',
+                role: 'radio',
+                text: String(n),
+                onclick: () => c.setHops(n),
+            });
+            this.#hopButtons.push(b);
+            this.#opts.appendChild(b);
+        }
+        this.#opts.addEventListener('keydown', (e) => {
+            if (e.key !== 'ArrowLeft' && e.key !== 'ArrowRight')
+                return;
+            e.preventDefault();
+            e.stopPropagation();
+            const next = Math.max(0, Math.min(2, c.hops + (e.key === 'ArrowRight' ? 1 : -1)));
+            c.setHops(next);
+            this.#hopButtons[next]?.focus();
+        });
+        this.#expandButton = h('button', { type: 'button', class: 'expand', onclick: () => c.expandNearest() }, icon('plus'), h('span', { class: 'n' }));
+        this.#context = h('div', { class: 'context', hidden: true }, h('span', { class: 'label' }), this.#opts, this.#expandButton);
+        this.el = h('div', { class: 'dock-bar card', role: 'group' }, this.#seg, h('span', { class: 'dock-sep', 'aria-hidden': 'true' }), this.#scopeButton, this.#context);
+    }
+    update(topics) {
+        const all = topics.has('status') || topics.has('data') || topics.has('locale');
+        if (all)
+            this.#renderLabels();
+        if (all || topics.has('mode'))
+            this.#renderMode();
+        if (all || topics.has('mode') || topics.has('focus') || topics.has('selection')) {
+            this.#renderScope();
+        }
+    }
+    /** Re-measure the segmented thumb (fonts / size changes). */
+    layout() {
+        this.#renderMode();
+    }
+    #renderLabels() {
+        const tr = this.#ctx.tr();
+        attr(this.el, 'aria-label', tr.t('dock.label'));
+        attr(this.#seg, 'aria-label', tr.t('mode.label'));
+        for (const m of MODES) {
+            const b = this.#segButtons.get(m.mode);
+            const label = tr.t(`mode.${m.mode}`);
+            setText(b.querySelector('.lbl'), label);
+            attr(b, 'title', `${label} (${m.key})`);
+            attr(b, 'aria-label', label);
+        }
+        setText(this.#scopeButton.querySelector('.lbl'), tr.t('mode.changes'));
+        attr(this.#scopeButton, 'aria-label', tr.t('mode.changes'));
+        setText(this.#context.querySelector('.label'), tr.t('focus.context'));
+        attr(this.#opts, 'aria-label', tr.t('focus.hops'));
+    }
+    #renderMode() {
+        const mode = this.#ctx.controller.mode;
+        for (const [m, b] of this.#segButtons) {
+            const on = m === mode;
+            attr(b, 'aria-checked', String(on));
+            b.tabIndex = on ? 0 : -1;
+        }
+        const active = this.#segButtons.get(mode);
+        if (active && active.offsetWidth > 0) {
+            this.#thumb.style.width = `${active.offsetWidth}px`;
+            this.#thumb.style.transform = `translateX(${active.offsetLeft}px)`;
+        }
+    }
+    #renderScope() {
+        const c = this.#ctx.controller;
+        const tr = this.#ctx.tr();
+        const on = c.scope === 'changes';
+        const locked = c.scopeLocked;
+        attr(this.#scopeButton, 'aria-pressed', String(on));
+        attr(this.#scopeButton, 'aria-disabled', locked ? 'true' : null);
+        attr(this.#scopeButton, 'title', locked ? tr.t('scope.locked') : `${tr.t('scope.hint')} (4)`);
+        this.#context.hidden = !on;
+        // The dock's width changed: keep the thumb under the active mode.
+        this.#renderMode();
+        if (!on)
+            return;
+        this.#hopButtons.forEach((b, n) => {
+            attr(b, 'aria-checked', String(n === c.hops));
+            b.tabIndex = n === c.hops ? 0 : -1;
+            attr(b, 'aria-label', `${tr.t('focus.hops')}: ${n}`);
+        });
+        const group = c.focus?.collapsed[c.nearestGroup()];
+        this.#expandButton.hidden = !group;
+        if (group) {
+            const usable = c.canExpand(c.nearestGroup()) || group.nodes.length > 0;
+            this.#expandButton.disabled = !usable;
+            setText(this.#expandButton.querySelector('.n'), tr.num(group.count));
+            relabel(this.#expandButton, `${usable ? tr.t('focus.expandNearest') : tr.t('focus.expandUnavailable')}: ${group.label} (E)`);
+        }
+    }
+    #onSegKey(e) {
+        if (e.key !== 'ArrowLeft' && e.key !== 'ArrowRight')
+            return;
+        e.preventDefault();
+        e.stopPropagation();
+        const i = MODES.findIndex((m) => m.mode === this.#ctx.controller.mode);
+        const next = MODES[(i + (e.key === 'ArrowRight' ? 1 : MODES.length - 1)) % MODES.length];
+        if (!next)
+            return;
+        this.#ctx.setMode(next.mode);
+        this.#segButtons.get(next.mode)?.focus();
+    }
+}
+//# sourceMappingURL=dock.js.map

package/dist/ui/dock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dock.js","sourceRoot":"","sources":["../../src/ui/dock.ts"],"names":[],"mappings":"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"}

package/dist/ui/filters.d.ts

@@ -0,0 +1,9 @@
+import type { Topic } from '../session.js';
+import type { UiContext } from './context.js';
+export declare class Filters {
+    #private;
+    readonly el: HTMLElement;
+    constructor(ctx: UiContext);
+    update(topics: ReadonlySet<Topic>): void;
+}
+//# sourceMappingURL=filters.d.ts.map

package/dist/ui/filters.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filters.d.ts","sourceRoot":"","sources":["../../src/ui/filters.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAE3C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG9C,qBAAa,OAAO;;IAClB,QAAQ,CAAC,EAAE,EAAE,WAAW,CAAC;IAMzB,YAAY,GAAG,EAAE,SAAS,EA4BzB;IAED,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,KAAK,CAAC,GAAG,IAAI,CAIvC;CAyBF"}

package/dist/ui/filters.js

@@ -0,0 +1,68 @@
+/**
+ * The family filters (RFC 0001 §3, `<kgdiff-filters>` from phase 2): one chip per family the
+ * diff has, with its count and the legend's swatch, toggling the session's family filter, and
+ * "show all" while a filter is on.
+ */
+import { attr, h, setText } from '../dom.js';
+import { familyCounts } from '../list-model.js';
+import { FAMILIES } from '../styles.js';
+import { swatch } from './swatch.js';
+export class Filters {
+    el;
+    #chips = new Map();
+    #showAll;
+    #ctx;
+    constructor(ctx) {
+        this.#ctx = ctx;
+        const c = ctx.controller;
+        this.el = h('div', { class: 'filters', role: 'group' });
+        for (const f of FAMILIES) {
+            const chip = h('button', {
+                type: 'button',
+                class: 'fchip',
+                'data-family': f,
+                'aria-pressed': 'false',
+                onclick: () => c.toggleFamily(f),
+            }, swatch(f), h('span', { class: 'lbl' }), h('span', { class: 'n' }));
+            this.#chips.set(f, chip);
+            this.el.appendChild(chip);
+        }
+        this.#showAll = h('button', {
+            type: 'button',
+            class: 'link-btn',
+            hidden: true,
+            onclick: () => c.setFamilies([]),
+        });
+        this.el.appendChild(this.#showAll);
+    }
+    update(topics) {
+        const all = topics.has('status') || topics.has('data') || topics.has('locale');
+        if (all)
+            this.#renderChips();
+        if (all || topics.has('filters'))
+            this.#renderState();
+    }
+    #renderChips() {
+        const tr = this.#ctx.tr();
+        const scene = this.#ctx.controller.scene;
+        const counts = scene ? familyCounts(scene) : null;
+        attr(this.el, 'aria-label', tr.t('sidebar.filters'));
+        setText(this.#showAll, tr.t('sidebar.clearFilters'));
+        this.el.hidden = !scene || scene.hunks.length === 0;
+        for (const [f, chip] of this.#chips) {
+            const n = counts ? counts[f] : 0;
+            setText(chip.querySelector('.lbl'), tr.t(`family.${f}`));
+            setText(chip.querySelector('.n'), tr.num(n));
+            chip.hidden = n === 0;
+            attr(chip, 'title', tr.t(`familyHint.${f}`));
+        }
+    }
+    #renderState() {
+        const fams = this.#ctx.controller.families;
+        for (const [f, chip] of this.#chips) {
+            attr(chip, 'aria-pressed', String(fams.has(f)));
+        }
+        this.#showAll.hidden = fams.size === 0;
+    }
+}
+//# sourceMappingURL=filters.js.map

package/dist/ui/filters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filters.js","sourceRoot":"","sources":["../../src/ui/filters.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,MAAM,OAAO,OAAO;IACT,EAAE,CAAc;IAChB,MAAM,GAAG,IAAI,GAAG,EAA6B,CAAC;IAC9C,QAAQ,CAAoB;IAE5B,IAAI,CAAY;IAEzB,YAAY,GAAc;QACxB,IAAI,CAAC,IAAI,GAAG,GAAG,CAAC;QAChB,MAAM,CAAC,GAAG,GAAG,CAAC,UAAU,CAAC;QACzB,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC;QACxD,KAAK,MAAM,CAAC,IAAI,QAAQ,EAAE,CAAC;YACzB,MAAM,IAAI,GAAG,CAAC,CACZ,QAAQ,EACR;gBACE,IAAI,EAAE,QAAQ;gBACd,KAAK,EAAE,OAAO;gBACd,aAAa,EAAE,CAAC;gBAChB,cAAc,EAAE,OAAO;gBACvB,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC;aACjC,EACD,MAAM,CAAC,CAAC,CAAC,EACT,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAC3B,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,CAC1B,CAAC;YACF,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;YACzB,IAAI,CAAC,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QAC5B,CAAC;QACD,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC,QAAQ,EAAE;YAC1B,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,UAAU;YACjB,MAAM,EAAE,IAAI;YACZ,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,EAAE,CAAC;SACjC,CAAC,CAAC;QACH,IAAI,CAAC,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACrC,CAAC;IAED,MAAM,CAAC,MAA0B;QAC/B,MAAM,GAAG,GAAG,MAAM,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QAC/E,IAAI,GAAG;YAAE,IAAI,CAAC,YAAY,EAAE,CAAC;QAC7B,IAAI,GAAG,IAAI,MAAM,CAAC,GAAG,CAAC,SAAS,CAAC;YAAE,IAAI,CAAC,YAAY,EAAE,CAAC;IACxD,CAAC;IAED,YAAY;QACV,MAAM,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC;QAC1B,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC;QACzC,MAAM,MAAM,GAAG,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QAClD,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,YAAY,EAAE,EAAE,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC;QACrD,OAAO,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC;QACrD,IAAI,CAAC,EAAE,CAAC,MAAM,GAAG,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC;QACpD,KAAK,MAAM,CAAC,CAAC,EAAE,IAAI,CAAC,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YACpC,MAAM,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAwB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YACxD,OAAO,CAAC,IAAI,CAAC,aAAa,CAAC,MAAM,CAAY,EAAE,EAAE,CAAC,CAAC,CAAC,UAAU,CAAwB,EAAE,CAAC,CAAC,CAAC;YAC3F,OAAO,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAY,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;YACxD,IAAI,CAAC,MAAM,GAAG,CAAC,KAAK,CAAC,CAAC;YACtB,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,CAAwB,EAAE,CAAC,CAAC,CAAC;QACtE,CAAC;IACH,CAAC;IAED,YAAY;QACV,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC;QAC3C,KAAK,MAAM,CAAC,CAAC,EAAE,IAAI,CAAC,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YACpC,IAAI,CAAC,IAAI,EAAE,cAAc,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAU,CAAC,CAAC,CAAC,CAAC;QAC3D,CAAC;QACD,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC,IAAI,KAAK,CAAC,CAAC;IACzC,CAAC;CACF"}

package/dist/ui/header.d.ts

@@ -1,3 +1,8 @@
+/**
+ * The canvas HUD: the title (brand and compared versions) floating top-left, the actions
+ * (appearance menu, help, sidebar toggle) floating top-right. Both stay up while loading and on
+ * errors. How the diff is viewed is chosen in the dock at the bottom (`dock.ts`).
+ */
 import type { Topic } from '../controller.js';
 import type { UiContext } from './context.js';
 export declare class Header {
@@ -5,9 +10,9 @@ export declare class Header {
     readonly el: HTMLElement;
     readonly menuButton: HTMLButtonElement;
     constructor(ctx: UiContext);
+    /** Place the appearance menu under the actions. */
+    attachMenu(menu: HTMLElement): void;
     update(topics: ReadonlySet<Topic>): void;
-    /** Re-measure the segmented thumb (fonts / size changes). */
-    layout(): void;
     setSidebarState(open: boolean): void;
     setMenuState(open: boolean): void;
 }

package/dist/ui/header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../src/ui/header.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAK9C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAkC9C,qBAAa,MAAM;;IACjB,QAAQ,CAAC,EAAE,EAAE,WAAW,CAAC;IAOzB,QAAQ,CAAC,UAAU,EAAE,iBAAiB,CAAC;IAQvC,YAAY,GAAG,EAAE,SAAS,EAsEzB;IAED,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,KAAK,CAAC,GAAG,IAAI,CAsBvC;IAED,6DAA6D;IAC7D,MAAM,IAAI,IAAI,CAEb;IAED,eAAe,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,CAEnC;IAED,YAAY,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,CAEhC;CA8GF"}
+{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../src/ui/header.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAa9C,qBAAa,MAAM;;IACjB,QAAQ,CAAC,EAAE,EAAE,WAAW,CAAC;IACzB,QAAQ,CAAC,UAAU,EAAE,iBAAiB,CAAC;IAUvC,YAAY,GAAG,EAAE,SAAS,EAqCzB;IAED,mDAAmD;IACnD,UAAU,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,CAElC;IAED,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,KAAK,CAAC,GAAG,IAAI,CASvC;IAED,eAAe,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,CAEnC;IAED,YAAY,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,CAEhC;CAsDF"}

package/dist/ui/header.js

@@ -1,109 +1,54 @@
-import { attr, h, icon, iconButton, relabel, replace, setText } from '../dom.js';
-import { familyCounts } from '../list-model.js';
-const MODES = [
-    { mode: 'overlay', icon: 'overlay', key: '1' },
-    { mode: 'swipe', icon: 'swipe', key: '2' },
-    { mode: 'replay', icon: 'replay', key: '3' },
-    { mode: 'changes', icon: 'changes', key: '4' },
-];
-const STATS = [
-    { id: 'added', family: 'added', families: ['added'], glyph: '+' },
-    { id: 'removed', family: 'removed', families: ['removed'], glyph: '−' },
-    { id: 'modified', family: 'content', families: ['content'], glyph: '~' },
-    { id: 'restructured', family: 'structure', families: ['structure', 'identity'], glyph: '⇄' },
-];
+import { attr, h, iconButton, relabel, replace } from '../dom.js';
 /** The kgdiff mark: a soft accent diamond holding a node. */
 function brandMark() {
     const tpl = document.createElement('template');
     tpl.innerHTML =
         '<svg class="brand-mark" viewBox="0 0 20 20" aria-hidden="true" focusable="false">' +
             '<rect x="4.1" y="4.1" width="11.8" height="11.8" rx="3.2" transform="rotate(45 10 10)" ' +
-            'fill="var(--kg-accent-soft)" stroke="var(--kg-accent)" stroke-width="1.5"/>' +
-            '<circle cx="10" cy="10" r="2.4" fill="var(--kg-accent)"/></svg>';
+            'fill="var(--kgdiff-accent-soft)" stroke="var(--kgdiff-accent)" stroke-width="1.5"/>' +
+            '<circle cx="10" cy="10" r="2.4" fill="var(--kgdiff-accent)"/></svg>';
     return tpl.content.firstElementChild;
 }
 export class Header {
     el;
-    #versions;
-    #seg;
-    #thumb;
-    #segButtons = new Map();
-    #stats;
-    #statButtons = new Map();
     menuButton;
-    #fitButton;
+    #brand;
+    #versions;
+    #actions;
+    #end;
     #helpButton;
     #sidebarButton;
-    #brand;
     #ctx;
     constructor(ctx) {
         this.#ctx = ctx;
-        const c = ctx.controller;
         this.#brand = h('div', { class: 'brand' }, brandMark(), h('span', { class: 'brand-name', text: 'kgdiff' }));
         this.#versions = h('div', { class: 'versions' });
-        this.#thumb = h('span', { class: 'thumb', 'aria-hidden': 'true' });
-        this.#seg = h('div', { class: 'segmented', role: 'radiogroup' }, this.#thumb);
-        for (const m of MODES) {
-            const b = h('button', {
-                type: 'button',
-                class: 'seg',
-                role: 'radio',
-                'data-mode': m.mode,
-                onclick: () => ctx.setMode(m.mode),
-            }, icon(m.icon), h('span', { class: 'lbl' }));
-            this.#segButtons.set(m.mode, b);
-            this.#seg.appendChild(b);
-        }
-        this.#seg.addEventListener('keydown', (e) => this.#onSegKey(e));
-        this.#stats = h('div', { class: 'stats', role: 'group' });
-        for (const s of STATS) {
-            const b = h('button', {
-                type: 'button',
-                class: 'pill stat',
-                'data-family': s.family,
-                'aria-pressed': 'false',
-                onclick: () => c.setFamilies(s.families),
-            }, h('span', { class: 'glyph', 'aria-hidden': 'true', text: s.glyph }), h('span', { class: 'n' }));
-            this.#statButtons.set(s.id, b);
-            this.#stats.appendChild(b);
-        }
         this.menuButton = iconButton('contrast', '', () => ctx.toggleMenu(), {
             'aria-haspopup': 'menu',
             'aria-expanded': 'false',
         });
-        this.#fitButton = iconButton('fit', '', () => void c.fit());
         this.#helpButton = iconButton('help', '', () => ctx.openHelp());
         this.#sidebarButton = iconButton('sidebar', '', () => ctx.toggleSidebar());
-        this.el = h('header', { class: 'header' }, this.#brand, h('span', { class: 'header-sep', 'aria-hidden': 'true' }), this.#versions, h('div', { class: 'header-center' }, this.#seg), h('div', { class: 'header-end' }, this.#stats, this.menuButton, this.#fitButton, this.#helpButton, this.#sidebarButton));
+        this.#actions = h('div', { class: 'hud-actions card', role: 'group' }, this.menuButton, this.#helpButton, this.#sidebarButton);
+        // The menu is a sibling of the actions card, not inside it: a backdrop filter would clip
+        // the menu's own blur to the card.
+        this.#end = h('div', { class: 'hud-end' }, this.#actions);
+        this.el = h('header', { class: 'hud' }, h('div', { class: 'hud-title card' }, this.#brand, h('span', { class: 'header-sep', 'aria-hidden': 'true' }), this.#versions), this.#end);
+    }
+    /** Place the appearance menu under the actions. */
+    attachMenu(menu) {
+        this.#end.appendChild(menu);
     }
     update(topics) {
+        if (!(topics.has('locale') || topics.has('data') || topics.has('status')))
+            return;
         const tr = this.#ctx.tr();
-        if (topics.has('locale') || topics.has('data') || topics.has('status')) {
-            attr(this.#brand, 'title', `kgdiff — ${tr.t('brand.tagline')}`);
-            attr(this.#seg, 'aria-label', tr.t('mode.label'));
-            attr(this.#stats, 'aria-label', tr.t('stat.label'));
-            for (const m of MODES) {
-                const b = this.#segButtons.get(m.mode);
-                const label = tr.t(`mode.${m.mode}`);
-                setText(b.querySelector('.lbl'), label);
-                attr(b, 'title', `${label} (${m.key})`);
-                attr(b, 'aria-label', label);
-            }
-            relabel(this.menuButton, tr.t('action.settings'));
-            relabel(this.#fitButton, `${tr.t('action.fit')} (F)`);
-            relabel(this.#helpButton, `${tr.t('action.help')} (?)`);
-            relabel(this.#sidebarButton, `${tr.t('action.sidebar')} (\\)`);
-            this.#renderVersions();
-            this.#renderStats();
-        }
-        if (topics.has('mode') || topics.has('status') || topics.has('locale'))
-            this.#renderMode();
-        if (topics.has('filters') || topics.has('data'))
-            this.#renderFilterState();
-    }
-    /** Re-measure the segmented thumb (fonts / size changes). */
-    layout() {
-        this.#renderMode();
+        attr(this.#brand, 'title', `kgdiff — ${tr.t('brand.tagline')}`);
+        attr(this.#actions, 'aria-label', tr.t('header.actions'));
+        relabel(this.menuButton, tr.t('action.settings'));
+        relabel(this.#helpButton, `${tr.t('action.help')} (?)`);
+        relabel(this.#sidebarButton, `${tr.t('action.sidebar')} (\\)`);
+        this.#renderVersions();
     }
     setSidebarState(open) {
         attr(this.#sidebarButton, 'aria-pressed', String(open));
@@ -115,8 +60,10 @@ export class Header {
         const data = this.#ctx.controller.data;
         if (!data) {
             replace(this.#versions);
+            this.el.dataset.titled = 'false';
             return;
         }
+        this.el.dataset.titled = 'true';
         const tr = this.#ctx.tr();
         const { names, versions } = data;
         const tag = (v) => v ? h('span', { class: 'tag', title: v, text: v }) : null;
@@ -135,61 +82,5 @@ export class Header {
         }
         replace(this.#versions, h('span', { class: 'side' }, h('span', { class: 'name', title: names.before, text: names.before }), tag(versions.before)), arrow(), h('span', { class: 'side' }, h('span', { class: 'name', title: names.after, text: names.after }), tag(versions.after)));
     }
-    #renderStats() {
-        const c = this.#ctx.controller;
-        const scene = c.scene;
-        const tr = this.#ctx.tr();
-        // Hunks per family: the same numbers as the sidebar's filter chips.
-        const f = scene ? familyCounts(scene) : null;
-        const counts = {
-            added: f?.added ?? 0,
-            removed: f?.removed ?? 0,
-            modified: f?.content ?? 0,
-            restructured: (f?.structure ?? 0) + (f?.identity ?? 0),
-        };
-        this.#stats.hidden = !scene || scene.hunks.length === 0;
-        for (const s of STATS) {
-            const b = this.#statButtons.get(s.id);
-            const n = counts[s.id];
-            b.hidden = n === 0;
-            setText(b.querySelector('.n'), tr.num(n));
-            const label = `${tr.t(`stat.${s.id}`, { n })} — ${tr.t('stat.filter')}`;
-            attr(b, 'aria-label', label);
-            attr(b, 'title', label);
-        }
-    }
-    #renderFilterState() {
-        const fams = this.#ctx.controller.families;
-        this.#stats.classList.toggle('filtering', fams.size > 0);
-        for (const s of STATS) {
-            const on = fams.size === s.families.length && s.families.every((f) => fams.has(f));
-            attr(this.#statButtons.get(s.id), 'aria-pressed', String(on));
-        }
-    }
-    #renderMode() {
-        const mode = this.#ctx.controller.mode;
-        for (const [m, b] of this.#segButtons) {
-            const on = m === mode;
-            attr(b, 'aria-checked', String(on));
-            b.tabIndex = on ? 0 : -1;
-        }
-        const active = this.#segButtons.get(mode);
-        if (active && active.offsetWidth > 0) {
-            this.#thumb.style.width = `${active.offsetWidth}px`;
-            this.#thumb.style.transform = `translateX(${active.offsetLeft}px)`;
-        }
-    }
-    #onSegKey(e) {
-        if (e.key !== 'ArrowLeft' && e.key !== 'ArrowRight')
-            return;
-        e.preventDefault();
-        e.stopPropagation();
-        const i = MODES.findIndex((m) => m.mode === this.#ctx.controller.mode);
-        const next = MODES[(i + (e.key === 'ArrowRight' ? 1 : MODES.length - 1)) % MODES.length];
-        if (!next)
-            return;
-        this.#ctx.setMode(next.mode);
-        this.#segButtons.get(next.mode)?.focus();
-    }
 }
 //# sourceMappingURL=header.js.map

package/dist/ui/header.js.map

@@ -1 +1 @@
-{"version":3,"file":"header.js","sourceRoot":"","sources":["../../src/ui/header.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"header.js","sourceRoot":"","sources":["../../src/ui/header.ts"],"names":[],"mappings":"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"}

package/dist/ui/popovers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popovers.d.ts","sourceRoot":"","sources":["../../src/ui/popovers.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAS9C,qBAAa,IAAI;;IACf,QAAQ,CAAC,EAAE,EAAE,WAAW,CAAC;IAKzB,YAAY,GAAG,EAAE,SAAS,EAIzB;IAED,IAAI,IAAI,IAAI,OAAO,CAElB;IAED,IAAI,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,GAAG,IAAI,CAKrC;IAED,IAAI,CAAC,YAAY,UAAO,GAAG,IAAI,CAI9B;IAED,MAAM,IAAI,IAAI,CAgCb;CA6DF;AA6BD,qBAAa,UAAU;;IACrB,QAAQ,CAAC,EAAE,EAAE,WAAW,CAAC;IAIzB,YAAY,GAAG,EAAE,SAAS,EAiBzB;IAED,IAAI,IAAI,IAAI,OAAO,CAElB;IAED,IAAI,IAAI,IAAI,CAKX;IAED,IAAI,IAAI,IAAI,CAIX;IAED,MAAM,IAAI,IAAI,CAsCb;CACF"}
+{"version":3,"file":"popovers.d.ts","sourceRoot":"","sources":["../../src/ui/popovers.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAS9C,qBAAa,IAAI;;IACf,QAAQ,CAAC,EAAE,EAAE,WAAW,CAAC;IAKzB,YAAY,GAAG,EAAE,SAAS,EAIzB;IAED,IAAI,IAAI,IAAI,OAAO,CAElB;IAED,IAAI,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,GAAG,IAAI,CAKrC;IAED,IAAI,CAAC,YAAY,UAAO,GAAG,IAAI,CAI9B;IAED,MAAM,IAAI,IAAI,CAgCb;CA6DF;AA8BD,qBAAa,UAAU;;IACrB,QAAQ,CAAC,EAAE,EAAE,WAAW,CAAC;IAIzB,YAAY,GAAG,EAAE,SAAS,EAiBzB;IAED,IAAI,IAAI,IAAI,OAAO,CAElB;IAED,IAAI,IAAI,IAAI,CAKX;IAED,IAAI,IAAI,IAAI,CAIX;IAED,MAAM,IAAI,IAAI,CAsCb;CACF"}

package/dist/ui/popovers.js

@@ -96,9 +96,10 @@ export class Menu {
 /** Shortcut rows; labels reuse the controls' own names where they exist. */
 const SHORTCUTS = [
     [
-        [['1'], ['2'], ['3'], ['4']],
-        ['mode.overlay', 'mode.swipe', 'mode.replay', 'mode.changes'],
+        [['1'], ['2'], ['3']],
+        ['mode.overlay', 'mode.swipe', 'mode.replay'],
     ],
+    [[['4']], 'mode.changes'],
     [[['j'], ['↓']], 'detail.next'],
     [[['k'], ['↑']], 'detail.prev'],
     [[['Home'], ['End']], 'help.homeEnd'],