react-msaview 5.6.3 → 5.7.0

package/dist/renderToSvg.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderToSvg.js","sourceRoot":"","sources":["../src/renderToSvg.tsx"],"names":[],"mappings":"AAAA,yDAAyD;AACzD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAA;AACzD,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAA;AAE3B,OAAO,UAAU,MAAM,oCAAqC,CAAA;AAC5D,OAAO,EAAE,2BAA2B,EAAE,MAAM,iDAAiD,CAAA;AAC7F,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAA;AACnE,OAAO,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAA;AACxE,OAAO,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAA;AACxE,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AAazC,8EAA8E;AAC9E,iEAAiE;AACjE,MAAM,UAAU,GAAG,CAAC,CAAA;AACpB,MAAM,YAAY,GAAG,EAAE,CAAA;AACvB,MAAM,aAAa,GAAG,EAAE,CAAA;AACxB,MAAM,WAAW,GAAG,EAAE,CAAA;AACtB,MAAM,aAAa,GAAG,CAAC,CAAA;AAEvB,SAAS,cAAc,CAAC,KAAmB;IACzC,MAAM,KAAK,GAAG,KAAK,CAAC,kBAAkB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAA;IACvD,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAA;IACvD,MAAM,CAAC,GAAG,UAAU,GAAG,CAAC,GAAG,aAAa,GAAG,CAAC,GAAG,MAAM,GAAG,aAAa,CAAA;IACrE,OAAO,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,CAAA;AACxC,CAAC;AAgBD,SAAS,SAAS,CAAC,KAAmB,EAAE,IAAsB;IAC5D,MAAM,EACJ,KAAK,EACL,MAAM,EACN,OAAO,EACP,OAAO,EACP,UAAU,EACV,WAAW,EACX,aAAa,EACb,oBAAoB,EACpB,aAAa,GACd,GAAG,KAAK,CAAA;IACT,MAAM,WAAW,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,CAAA;IACjE,uEAAuE;IACvE,mEAAmE;IACnE,MAAM,cAAc,GAAG,IAAI,CAAC,UAAU,KAAK,UAAU,IAAI,CAAC,CAAC,IAAI,CAAC,cAAc,CAAA;IAC9E,MAAM,WAAW,GACf,KAAK,CAAC,mBAAmB,IAAI,KAAK,CAAC,kBAAkB,CAAC,MAAM,GAAG,CAAC;QAC9D,CAAC,CAAC,cAAc,CAAC,KAAK,CAAC;QACvB,CAAC,CAAC,CAAC,CAAA;IAEP,4EAA4E;IAC5E,kEAAkE;IAClE,OAAO,IAAI,CAAC,UAAU,KAAK,QAAQ;QACjC,CAAC,CAAC;YACE,KAAK,EAAE,UAAU,GAAG,aAAa;YACjC,MAAM,EAAE,WAAW,GAAG,WAAW;YACjC,aAAa,EAAE,WAAW;YAC1B,WAAW;YACX,OAAO,EAAE,CAAC;YACV,OAAO,EAAE,CAAC;YACV,cAAc;YACd,WAAW;SACZ;QACH,CAAC,CAAC;YACE,KAAK;YACL,MAAM,EAAE,MAAM,GAAG,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,WAAW;YACnE,aAAa,EAAE,MAAM;YACrB,WAAW;YACX,OAAO,EAAE,CAAC,OAAO;YACjB,OAAO,EAAE,CAAC,OAAO;YACjB,cAAc;YACd,WAAW;SACZ,CAAA;AACP,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,WAAW,CAAC,KAAmB,EAAE,IAAsB;IAC3E,MAAM,IAAI,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,CAAA;IACvC,MAAM,EAAE,OAAO,EAAE,GAAG,MAAM,MAAM,CAAC,oBAAoB,CAAC,CAAA;IACtD,OAAO,oBAAoB,CACzB,oBAAC,MAAM,IACL,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,SAAS,CAAC,KAAK,EAAE,IAAI,CAAC,GAC9B,CACH,CAAA;AACH,CAAC;AAED,SAAS,MAAM,CAAC,EACd,KAAK,EACL,KAAK,EACL,OAAO,EACP,MAAM,GAMP;IACC,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,WAAW,EAAE,GAAG,MAAM,CAAA;IAC1E,MAAM,EAAE,aAAa,EAAE,aAAa,EAAE,GAAG,KAAK,CAAA;IAC9C,MAAM,UAAU,GAAG,KAAK,GAAG,WAAW,CAAA;IACtC,MAAM,SAAS,GAAG,cAAc,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAA;IAEpD,MAAM,IAAI,GAAG,CACX;QACG,WAAW,GAAG,CAAC,CAAC,CAAC,CAAC,CACjB,oBAAC,cAAc,IACb,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,GACd,CACH,CAAC,CAAC,CAAC,IAAI;QACR,2BACE,SAAS,EAAE,WAAW,GAAG,CAAC,CAAC,CAAC,CAAC,eAAe,WAAW,GAAG,CAAC,CAAC,CAAC,SAAS;YAEtE,oBAAC,aAAa,IACZ,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,GACd,CACA,CACH,CACJ,CAAA;IAED,OAAO,CACL,6BACE,KAAK,EAAE,UAAU,EACjB,MAAM,EAAE,MAAM,EACd,KAAK,EAAC,4BAA4B,EAClC,UAAU,EAAC,8BAA8B,EACzC,OAAO,EAAE,OAAO,UAAU,IAAI,MAAM,EAAE;QAEtC,8BAAM,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,GAAG;QAC/C,cAAc,CAAC,CAAC,CAAC,CAChB;YACE,2BAAG,SAAS,EAAE,aAAa,aAAa,KAAK;gBAC3C,oBAAC,UAAU,IAAC,KAAK,EAAE,KAAK,GAAI,CAC1B;YACJ,2BAAG,SAAS,EAAE,eAAe,aAAa,GAAG,IAAG,IAAI,CAAK,CACxD,CACJ,CAAC,CAAC,CAAC,CACF,IAAI,CACL;QACA,WAAW,GAAG,CAAC,CAAC,CAAC,CAAC,CACjB,2BAAG,SAAS,EAAE,aAAa,KAAK,IAAI,SAAS,GAAG;YAC9C,oBAAC,SAAS,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,GAAI,CAC7C,CACL,CAAC,CAAC,CAAC,IAAI,CACJ,CACP,CAAA;AACH,CAAC;AAED,sEAAsE;AACtE,0DAA0D;AAC1D,SAAS,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,EAA0C;IACzE,MAAM,EAAE,kBAAkB,EAAE,WAAW,EAAE,aAAa,EAAE,GAAG,KAAK,CAAA;IAChE,MAAM,SAAS,GAAG,UAAU,GAAG,CAAC,GAAG,kBAAkB,CAAC,MAAM,GAAG,YAAY,CAAA;IAC3E,OAAO,CACL;QACE,8BACE,CAAC,EAAE,CAAC,EACJ,CAAC,EAAE,CAAC,EACJ,KAAK,EAAE,KAAK,GAAG,CAAC,EAChB,MAAM,EAAE,SAAS,EACjB,IAAI,EAAC,OAAO,EACZ,MAAM,EAAC,MAAM,EACb,EAAE,EAAE,CAAC,GACL;QACD,kBAAkB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;YAC/B,MAAM,CAAC,GAAG,UAAU,GAAG,CAAC,GAAG,YAAY,CAAA;YACvC,OAAO,CACL,2BAAG,GAAG,EAAE,CAAC,CAAC,SAAS;gBACjB,8BACE,CAAC,EAAE,UAAU,EACb,CAAC,EAAE,CAAC,EACJ,KAAK,EAAE,aAAa,EACpB,MAAM,EAAE,aAAa,EACrB,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,EAC9B,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,GAClC;gBACF,8BACE,CAAC,EAAE,UAAU,GAAG,aAAa,GAAG,CAAC,EACjC,CAAC,EAAE,CAAC,GAAG,aAAa,GAAG,CAAC,EACxB,QAAQ,EAAE,WAAW,IAEpB,CAAC,CAAC,IAAI,CACF,CACL,CACL,CAAA;QACH,CAAC,CAAC,CACA,CACL,CAAA;AACH,CAAC;AAED,SAAS,aAAa,CAAC,EACrB,KAAK,EACL,KAAK,EACL,MAAM,EACN,OAAO,GAMR;IACC,MAAM,EAAE,aAAa,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,MAAM,CAAA;IACzD,MAAM,EAAE,aAAa,EAAE,WAAW,EAAE,EAAE,EAAE,GAAG,KAAK,CAAA;IAChD,MAAM,YAAY,GAAG,KAAK,GAAG,aAAa,CAAA;IAC1C,MAAM,cAAc,GAAG,aAAa,CAAC,WAAW,EAAE,KAAK,CAAC,CAAA;IAExD,MAAM,OAAO,GAAG,IAAI,OAAO,CAAC,aAAa,EAAE,aAAa,CAAC,CAAA;IACzD,gBAAgB,CAAC;QACf,KAAK;QACL,KAAK;QACL,GAAG,EAAE,OAAO;QACZ,OAAO;QACP,kBAAkB,EAAE,aAAa;QACjC,0BAA0B,EAAE,CAAC;KAC9B,CAAC,CAAA;IAEF,MAAM,MAAM,GAAG,IAAI,OAAO,CAAC,YAAY,EAAE,aAAa,CAAC,CAAA;IACvD,2BAA2B,CAAC;QAC1B,KAAK;QACL,GAAG,EAAE,MAAM;QACX,OAAO;QACP,OAAO;QACP,kBAAkB,EAAE,aAAa;QACjC,0BAA0B,EAAE,CAAC;KAC9B,CAAC,CAAA;IACF,cAAc,CAAC;QACb,KAAK;QACL,KAAK;QACL,GAAG,EAAE,MAAM;QACX,cAAc;QACd,OAAO;QACP,OAAO;QACP,kBAAkB,EAAE,YAAY;QAChC,kBAAkB,EAAE,aAAa;QACjC,0BAA0B,EAAE,CAAC;KAC9B,CAAC,CAAA;IAEF,OAAO,CACL;QACE,oBAAC,SAAS,IACR,MAAM,EAAE,QAAQ,EAAE,EAAE,EACpB,KAAK,EAAE,aAAa,EACpB,MAAM,EAAE,aAAa,EACrB,GAAG,EAAE,OAAO,GACZ;QACF,oBAAC,SAAS,IACR,MAAM,EAAE,OAAO,EAAE,EAAE,EACnB,KAAK,EAAE,YAAY,EACnB,MAAM,EAAE,aAAa,EACrB,SAAS,EAAE,aAAa,aAAa,KAAK,EAC1C,GAAG,EAAE,MAAM,GACX,CACD,CACJ,CAAA;AACH,CAAC;AAED,SAAS,cAAc,CAAC,EACtB,KAAK,EACL,KAAK,EACL,MAAM,EACN,OAAO,GAMR;IACC,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,MAAM,CAAA;IAC9C,MAAM,EAAE,aAAa,EAAE,WAAW,EAAE,EAAE,EAAE,GAAG,KAAK,CAAA;IAChD,MAAM,YAAY,GAAG,KAAK,GAAG,aAAa,CAAA;IAC1C,MAAM,cAAc,GAAG,aAAa,CAAC,WAAW,EAAE,KAAK,CAAC,CAAA;IAExD,MAAM,GAAG,GAAG,IAAI,OAAO,CAAC,YAAY,EAAE,WAAW,CAAC,CAAA;IAClD,eAAe,CAAC;QACd,KAAK;QACL,GAAG;QACH,cAAc;QACd,OAAO;QACP,kBAAkB,EAAE,YAAY;QAChC,0BAA0B,EAAE,CAAC;KAC9B,CAAC,CAAA;IAEF,OAAO,CACL,2BAAG,SAAS,EAAE,aAAa,aAAa,KAAK;QAC3C,oBAAC,SAAS,IACR,MAAM,EAAE,UAAU,EAAE,EAAE,EACtB,KAAK,EAAE,YAAY,EACnB,MAAM,EAAE,WAAW,EACnB,GAAG,EAAE,GAAG,GACR,CACA,CACL,CAAA;AACH,CAAC;AAED,8EAA8E;AAC9E,sCAAsC;AACtC,SAAS,SAAS,CAAC,EACjB,MAAM,EACN,KAAK,EACL,MAAM,EACN,SAAS,EACT,GAAG,GAOJ;IACC,OAAO,CACL;QACE;YACE,kCAAU,EAAE,EAAE,MAAM;gBAClB,8BAAM,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,GAAI,CACzC,CACN;QACP,2BACE,QAAQ,EAAE,QAAQ,MAAM,GAAG,EAC3B,SAAS,EAAE,SAAS;YACpB,0EAA0E;YAC1E,uBAAuB,EAAE,EAAE,MAAM,EAAE,GAAG,CAAC,MAAM,EAAE,CAAC,SAAS,EAAE,GAC3D,CACD,CACJ,CAAA;AACH,CAAC"}
+{"version":3,"file":"renderToSvg.js","sourceRoot":"","sources":["../src/renderToSvg.tsx"],"names":[],"mappings":"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"}

package/dist/rowCoordinateCalculations.js

@@ -1,4 +1,4 @@
-import { isBlank } from "./util.js";
+import { isBlank } from './util.js';
 /**
  * MSA Coordinate Systems:
  *

package/dist/seqPosToGlobalCol.js

@@ -1,4 +1,4 @@
-import { isBlank } from "./util.js";
+import { isBlank } from './util.js';
 /**
  * Convert a sequence position (ungapped, 0-based) to a global column index.
  * This finds the global column that contains the Nth non-gap character.

package/dist/umd.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
-export { default as MSAView } from "./components/Loading.js";
-export { default as MSAModelF } from "./model.js";
+export { default as MSAView } from './components/Loading.js';
+export { default as MSAModelF } from './model.js';
 export * from 'react-dom/client';
 export { React };
 //# sourceMappingURL=umd.js.map

package/dist/useCanvasAutorun.js

@@ -16,7 +16,7 @@ export function useCanvasAutorun(draw, deps) {
                 draw(ctx);
             })
             : undefined;
-        // eslint-disable-next-line @eslint-react/exhaustive-deps
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, deps);
     return ref;
 }

package/dist/useCanvasAutorun.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCanvasAutorun.js","sourceRoot":"","sources":["../src/useCanvasAutorun.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAGzC,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAA;AAE9B,6EAA6E;AAC7E,gFAAgF;AAChF,0EAA0E;AAC1E,2EAA2E;AAC3E,8EAA8E;AAC9E,MAAM,UAAU,gBAAgB,CAC9B,IAA6C,EAC7C,IAA0B;IAE1B,MAAM,GAAG,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAA;IAC3C,8EAA8E;IAC9E,oEAAoE;IACpE,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,GAAG,GAAG,GAAG,CAAC,OAAO,EAAE,UAAU,CAAC,IAAI,CAAC,CAAA;QACzC,OAAO,GAAG;YACR,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE;gBACX,IAAI,CAAC,GAAG,CAAC,CAAA;YACX,CAAC,CAAC;YACJ,CAAC,CAAC,SAAS,CAAA;QACb,yDAAyD;IAC3D,CAAC,EAAE,IAAI,CAAC,CAAA;IACR,OAAO,GAAG,CAAA;AACZ,CAAC"}
+{"version":3,"file":"useCanvasAutorun.js","sourceRoot":"","sources":["../src/useCanvasAutorun.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAA;AAI9B,6EAA6E;AAC7E,gFAAgF;AAChF,0EAA0E;AAC1E,2EAA2E;AAC3E,8EAA8E;AAC9E,MAAM,UAAU,gBAAgB,CAC9B,IAA6C,EAC7C,IAA0B;IAE1B,MAAM,GAAG,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAA;IAC3C,8EAA8E;IAC9E,oEAAoE;IACpE,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,GAAG,GAAG,GAAG,CAAC,OAAO,EAAE,UAAU,CAAC,IAAI,CAAC,CAAA;QACzC,OAAO,GAAG;YACR,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE;gBACX,IAAI,CAAC,GAAG,CAAC,CAAA;YACX,CAAC,CAAC;YACJ,CAAC,CAAC,SAAS,CAAA;QACb,uDAAuD;IACzD,CAAC,EAAE,IAAI,CAAC,CAAA;IACR,OAAO,GAAG,CAAA;AACZ,CAAC"}

package/dist/useColorContrast.js

@@ -1,6 +1,6 @@
 import { useMemo } from 'react';
 import { useTheme } from '@mui/material';
-import { colorContrast } from "./util.js";
+import { colorContrast } from './util.js';
 /**
  * Resolves the current theme and a memoized contrast-color scheme for a given
  * color scheme. Shared by the MSA and text-track canvas blocks.

package/dist/useWheelScroll.js

@@ -1,5 +1,5 @@
 import { useEffect, useRef, useState } from 'react';
-import { SCROLL_ZOOM_DIVISOR, getZoomNormalizer, normalizeWheelDelta, zoomFactorFromAccum, } from "./wheelZoom.js";
+import { SCROLL_ZOOM_DIVISOR, getZoomNormalizer, normalizeWheelDelta, zoomFactorFromAccum, } from './wheelZoom.js';
 export function useWheelScroll({ ref, onScrollX, onScrollY, onZoom, scrollZoom, }) {
     const scheduled = useRef(false);
     const zoomScheduled = useRef(false);

package/dist/version.d.ts

@@ -1 +1 @@
-export declare const version = "5.6.3";
+export declare const version = "5.7.0";

package/dist/version.js

@@ -1,2 +1,2 @@
-export const version = '5.6.3';
+export const version = '5.7.0';
 //# sourceMappingURL=version.js.map

package/dist/wheelZoom.d.ts

@@ -1,4 +1,4 @@
 export declare const SCROLL_ZOOM_DIVISOR = 500;
 export declare function normalizeWheelDelta(delta: number, mode: number): number;
-export declare function getZoomNormalizer(deltaY: number): 500 | 25 | 150 | 75;
+export declare function getZoomNormalizer(deltaY: number): 25 | 75 | 150 | 500;
 export declare function zoomFactorFromAccum(zoomAccum: number, elapsedMs: number): number;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "react-msaview",
   "author": "Colin",
-  "version": "5.6.3",
+  "version": "5.7.0",
   "license": "MIT",
   "type": "module",
   "repository": {
@@ -26,23 +26,24 @@
   },
   "peerDependencies": {
     "@jbrowse/core": ">=2.0.0",
-    "@jbrowse/mobx-state-tree": "^5.0.0",
+    "@jbrowse/mobx-state-tree": "^6.0.0",
     "@mui/icons-material": ">=5.0.0",
     "@mui/material": ">=5.0.0",
-    "mobx": ">=6.0.0",
-    "mobx-react": ">=7.0.0",
+    "mobx": ">=7.0.0",
+    "mobx-react": ">=9.0.0",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0"
   },
   "devDependencies": {
-    "@types/node": "^26.1.1",
+    "@jbrowse/core": "file:vendor-jbrowse/jbrowse-core.tgz",
+    "@types/node": "^26.1.2",
     "esbuild": "^0.28.1"
   },
   "dependencies": {
     "colord": "^2.9.3",
     "flatbush": "^4.6.2",
-    "@jbrowse/svgcanvas": "5.6.3",
-    "msa-parsers": "5.6.3"
+    "@jbrowse/svgcanvas": "5.7.0",
+    "msa-parsers": "5.7.0"
   },
   "scripts": {
     "clean": "rimraf dist bundle",

package/src/components/ConservationTrack.tsx

@@ -2,8 +2,8 @@ import React from 'react'
 
 import { observer } from 'mobx-react'
 
-import { ConservationTrackResizeHandle } from './ResizeHandles.tsx'
 import { useCanvasAutorun } from '../useCanvasAutorun.ts'
+import { ConservationTrackResizeHandle } from './ResizeHandles.tsx'
 import {
   barTrackValues,
   drawConservationBars,

package/src/components/SequenceTextArea.tsx

@@ -3,8 +3,8 @@ import React, { useState } from 'react'
 import { makeStyles } from '@jbrowse/core/util/tss-react'
 import { Button, TextField } from '@mui/material'
 
-import Checkbox2 from './Checkbox2.tsx'
 import copy from '../vendor/copyToClipboard.ts'
+import Checkbox2 from './Checkbox2.tsx'
 
 const useStyles = makeStyles()({
   textAreaFont: {

package/src/components/TextTrack.tsx

@@ -31,7 +31,7 @@ const AnnotationBlock = observer(function ({
   } = track
 
   const colorScheme = customColorScheme ?? modelColorScheme
-  const { contrastScheme } = useColorContrast(colorScheme)
+  const { theme, contrastScheme } = useColorContrast(colorScheme)
   const ref = useCanvasAutorun(
     ctx => {
       const {
@@ -55,13 +55,14 @@ const AnnotationBlock = observer(function ({
         colorScheme,
         contrastScheme,
         bgColor,
+        textColor: theme.palette.text.primary,
         colWidth,
         rowHeight,
         offsetX,
         blockSize,
       })
     },
-    [model, offsetX, contrastScheme, colorScheme, data],
+    [model, offsetX, theme, contrastScheme, colorScheme, data],
   )
   return (
     <canvas

package/src/components/header/SettingsMenu.tsx

@@ -6,11 +6,11 @@ import Palette from '@mui/icons-material/Palette'
 import Settings from '@mui/icons-material/Settings'
 import { observer } from 'mobx-react'
 
+import colorSchemes from '../../colorSchemes.ts'
 import {
   msaSettingsMenuItems,
   treeSettingsMenuItems,
 } from './settingsMenuItems.ts'
-import colorSchemes from '../../colorSchemes.ts'
 
 import type { MsaViewModel } from '../../model.ts'
 

package/src/components/minimap/Minimap.tsx

@@ -2,8 +2,8 @@ import React, { useCallback, useState } from 'react'
 
 import { observer } from 'mobx-react'
 
-import { MINIMAP_BAR_HEIGHT, getMinimapLayout } from './minimapLayout.ts'
 import { useDragScroll } from '../../useDragScroll.ts'
+import { MINIMAP_BAR_HEIGHT, getMinimapLayout } from './minimapLayout.ts'
 
 import type { MsaViewModel } from '../../model.ts'
 

package/src/components/msa/MSACanvas.tsx

@@ -2,9 +2,9 @@ import React, { useCallback, useRef } from 'react'
 
 import { observer } from 'mobx-react'
 
+import { useWheelScroll } from '../../useWheelScroll.ts'
 import Loading from './Loading.tsx'
 import MSACanvasBlock from './MSACanvasBlock.tsx'
-import { useWheelScroll } from '../../useWheelScroll.ts'
 
 import type { MsaViewModel } from '../../model.ts'
 
@@ -48,6 +48,11 @@ const MSACanvas = observer(function ({ model }: { model: MsaViewModel }) {
   return (
     <div
       ref={ref}
+      // the MSA viewport: its rect is the origin every column/row offset is
+      // measured from (col*colWidth + scrollX, row*rowHeight + scrollY), which
+      // is what lets a screenshot callout anchor to an alignment column instead
+      // of a hand-measured pixel
+      data-testid="msa_canvas"
       onMouseDown={onMouseDown}
       onMouseUp={onMouseUp}
       onMouseLeave={event => {

package/src/components/msa/MSACanvasBlock.tsx

@@ -1,14 +1,14 @@
 import React from 'react'
 
-import { BaseTooltip } from '@jbrowse/core/ui'
+import BaseTooltip from '@jbrowse/core/ui/BaseTooltip'
 import { observer } from 'mobx-react'
 
+import { useCanvasAutorun } from '../../useCanvasAutorun.ts'
+import { useColorContrast } from '../../useColorContrast.ts'
 import ColumnStats from './ColumnStats.tsx'
 import { renderBoxFeatureCanvasBlock } from './renderBoxFeatureCanvasBlock.ts'
 import { renderMSABlock } from './renderMSABlock.ts'
 import { useMsaBlockMouse } from './useMsaBlockMouse.ts'
-import { useCanvasAutorun } from '../../useCanvasAutorun.ts'
-import { useColorContrast } from '../../useColorContrast.ts'
 
 import type { MsaViewModel } from '../../model.ts'
 

package/src/components/msa/MSAMouseoverCanvas.tsx

@@ -3,8 +3,8 @@ import React from 'react'
 import { isAlive } from '@jbrowse/mobx-state-tree'
 import { observer } from 'mobx-react'
 
-import { renderMouseover } from './renderMSAMouseover.ts'
 import { useCanvasAutorun } from '../../useCanvasAutorun.ts'
+import { renderMouseover } from './renderMSAMouseover.ts'
 
 import type { MsaViewModel } from '../../model.ts'
 

package/src/components/msa/renderMSABlock.ts

@@ -1,7 +1,7 @@
-import { visibleColRange } from './visibleColRange.ts'
 import { setFontSize } from '../../setFontSize.ts'
 import { adjustColorForContrast } from '../../util.ts'
 import { getVisibleLeaves } from '../getVisibleLeaves.ts'
+import { visibleColRange } from './visibleColRange.ts'
 
 import type { HierarchyNode } from '../../hierarchy.ts'
 import type { MsaViewModel } from '../../model.ts'

package/src/components/msa/useMsaBlockMouse.ts

@@ -1,7 +1,7 @@
 import { useState } from 'react'
-import type React from 'react'
 
 import type { MsaViewModel } from '../../model.ts'
+import type React from 'react'
 
 function eventToColRow({
   event,
@@ -49,11 +49,17 @@ export function useMsaBlockMouse({
     return eventToColRow({ event, el, offsetX, offsetY, colWidth, rowHeight })
   }
 
+  // a block can extend past the alignment (the last block is a full tile wide,
+  // and the panel is taller than the rows when there are few of them), so a
+  // pointer inside the block is not necessarily over a cell
+  function inBounds({ col, row }: { col: number; row: number }) {
+    return col >= 0 && col < model.numColumns && row >= 0 && row < model.numRows
+  }
+
   function onMouseMove(event: React.MouseEvent, el: HTMLElement) {
-    const { col, row } = colRow(event, el)
-    const inBounds =
-      col >= 0 && col < model.numColumns && row >= 0 && row < model.numRows
-    model.setMousePos(inBounds ? col : undefined, inBounds ? row : undefined)
+    const pos = colRow(event, el)
+    const hit = inBounds(pos)
+    model.setMousePos(hit ? pos.col : undefined, hit ? pos.row : undefined)
 
     const hasTooltip =
       !!model.hoveredInsertion ||
@@ -65,11 +71,14 @@ export function useMsaBlockMouse({
   }
 
   function onClick(event: React.MouseEvent, el: HTMLElement) {
-    const { col, row } = colRow(event, el)
+    const pos = colRow(event, el)
+    const { col, row } = pos
     const { mouseClickCol, mouseClickRow } = model
-    // clicking the same cell again clears the pinned crosshair
+    // clicking the same cell again clears the pinned crosshair, and so does
+    // clicking past the end of the alignment -- there is no cell to pin there
     const same = col === mouseClickCol && row === mouseClickRow
-    model.setMouseClickPos(same ? undefined : col, same ? undefined : row)
+    const keep = inBounds(pos) && !same
+    model.setMouseClickPos(keep ? col : undefined, keep ? row : undefined)
   }
 
   function onMouseLeave() {

package/src/components/tracks/renderTracksSvg.ts

@@ -4,6 +4,7 @@ import { visibleColRange } from '../msa/visibleColRange.ts'
 import type { MsaViewModel } from '../../model.ts'
 import type { BasicTrack } from '../../types.ts'
 import type { RenderCtx } from '../renderCtx.ts'
+import type { Theme } from '@mui/material'
 
 export function drawConservationBars({
   ctx,
@@ -51,6 +52,7 @@ export function drawTextTrackContent({
   colorScheme,
   contrastScheme,
   bgColor,
+  textColor,
   colWidth,
   rowHeight,
   offsetX,
@@ -61,6 +63,7 @@ export function drawTextTrackContent({
   colorScheme: Record<string, string>
   contrastScheme: Record<string, string>
   bgColor: boolean
+  textColor: string
   colWidth: number
   rowHeight: number
   offsetX: number
@@ -72,18 +75,23 @@ export function drawTextTrackContent({
     colWidth,
   })
   const str = data?.slice(xStart, xEnd)
+  const drawLetters = rowHeight >= 10 && colWidth >= rowHeight / 2
 
   for (let i = 0; str && i < str.length; i++) {
     const letter = str[i]!
     const upper = letter.toUpperCase()
-    if (bgColor) {
-      const x = (xStart + i) * colWidth
-      ctx.fillStyle = colorScheme[upper] || 'white'
+    const color = colorScheme[upper]
+    const x = (xStart + i) * colWidth
+    const filled = bgColor && !!color
+    if (filled) {
+      ctx.fillStyle = color!
       ctx.fillRect(x, 0, colWidth, rowHeight)
-      if (rowHeight >= 10 && colWidth >= rowHeight / 2) {
-        ctx.fillStyle = contrastScheme[upper] || 'black'
-        ctx.fillText(letter, x + colWidth / 2, rowHeight / 2 + 1)
-      }
+    }
+    if (drawLetters) {
+      // a letter on a colored tile needs the tile's contrast color; otherwise it
+      // sits on the plain background and takes the theme's text color
+      ctx.fillStyle = filled ? (contrastScheme[upper] ?? 'black') : textColor
+      ctx.fillText(letter, x + colWidth / 2, rowHeight / 2 + 1)
     }
   }
 }
@@ -135,6 +143,7 @@ export function renderTextTrack({
   offsetX,
   offsetY,
   contrastScheme,
+  theme,
   blockSizeXOverride,
   highResScaleFactorOverride,
 }: {
@@ -144,6 +153,7 @@ export function renderTextTrack({
   offsetX: number
   offsetY: number
   contrastScheme: Record<string, string>
+  theme: Theme
   blockSizeXOverride?: number
   highResScaleFactorOverride?: number
 }) {
@@ -174,6 +184,7 @@ export function renderTextTrack({
     colorScheme,
     contrastScheme,
     bgColor,
+    textColor: theme.palette.text.primary,
     colWidth,
     rowHeight,
     offsetX,
@@ -188,6 +199,7 @@ export function renderAllTracks({
   ctx,
   offsetX,
   contrastScheme,
+  theme,
   blockSizeXOverride,
   highResScaleFactorOverride,
 }: {
@@ -195,6 +207,7 @@ export function renderAllTracks({
   ctx: RenderCtx
   offsetX: number
   contrastScheme: Record<string, string>
+  theme: Theme
   blockSizeXOverride?: number
   highResScaleFactorOverride?: number
 }) {
@@ -223,6 +236,7 @@ export function renderAllTracks({
         offsetX,
         offsetY: currentY,
         contrastScheme,
+        theme,
         blockSizeXOverride,
         highResScaleFactorOverride,
       })

package/src/components/tree/TreeCanvas.tsx

@@ -3,11 +3,11 @@ import React, { useCallback, useRef } from 'react'
 import { isAlive } from '@jbrowse/mobx-state-tree'
 import { observer } from 'mobx-react'
 
-import TreeCanvasBlock from './TreeCanvasBlock.tsx'
-import { padding } from './renderTreeCanvas.ts'
 import { useCanvasAutorun } from '../../useCanvasAutorun.ts'
 import { useWheelScroll } from '../../useWheelScroll.ts'
 import { referenceColor, treeHoverColor } from '../overlayColors.ts'
+import TreeCanvasBlock from './TreeCanvasBlock.tsx'
+import { padding } from './renderTreeCanvas.ts'
 
 import type { MsaViewModel } from '../../model.ts'
 

package/src/components/tree/TreeCanvasBlock.tsx

@@ -4,11 +4,11 @@ import { makeStyles } from '@jbrowse/core/util/tss-react'
 import { useTheme } from '@mui/material'
 import { observer } from 'mobx-react'
 
+import { useCanvasAutorun } from '../../useCanvasAutorun.ts'
 import TreeBranchMenu from './TreeBranchMenu.tsx'
 import TreeNodeMenu from './TreeNodeMenu.tsx'
 import { padding, renderTreeCanvas } from './renderTreeCanvas.ts'
 import { useTreeHover } from './useTreeHover.ts'
-import { useCanvasAutorun } from '../../useCanvasAutorun.ts'
 
 import type { MsaViewModel } from '../../model.ts'
 

package/src/components/tree/renderTreeCanvas.test.ts

@@ -1,7 +1,7 @@
 import { describe, expect, it } from 'vitest'
 
-import { getNodeX } from './renderTreeCanvas.ts'
 import { calcDepthToLeaf, findMaxBranchLen } from '../../hierarchy.ts'
+import { getNodeX } from './renderTreeCanvas.ts'
 
 import type { HierarchyNode } from '../../hierarchy.ts'
 

package/src/components/tree/renderTreeCanvas.ts

@@ -6,10 +6,10 @@ import {
 import { setFontSize } from '../../setFontSize.ts'
 import { getVisibleLeaves } from '../getVisibleLeaves.ts'
 
-import type { ClickMapIndex } from './clickMap.ts'
 import type { HierarchyNode } from '../../hierarchy.ts'
 import type { MsaViewModel } from '../../model.ts'
 import type { RenderCtx } from '../renderCtx.ts'
+import type { ClickMapIndex } from './clickMap.ts'
 import type { Theme } from '@mui/material'
 
 export const padding = 600

package/src/components/tree/useTreeHover.ts

@@ -1,10 +1,10 @@
 import { useRef, useState } from 'react'
-import type React from 'react'
 
 import { ClickMapIndex } from './clickMap.ts'
 
-import type { ClickEntry } from './clickMap.ts'
 import type { MsaViewModel } from '../../model.ts'
+import type { ClickEntry } from './clickMap.ts'
+import type React from 'react'
 
 export interface TreeHoverTarget extends ClickEntry {
   clientX: number

package/src/model.ts

@@ -13,7 +13,6 @@ import {
   parseNewick,
 } from 'msa-parsers'
 
-
 import { calculateBlocks } from './calculateBlocks.ts'
 import { clustalXColumnColors } from './clustalX.ts'
 import colorSchemes from './colorSchemes.ts'
@@ -280,7 +279,8 @@ function stateModelFactory() {
        * #volatile
        */
       status: undefined as
-        { msg: string; url?: string; onCancel?: () => void } | undefined,
+        | { msg: string; url?: string; onCancel?: () => void }
+        | undefined,
       /**
        * #volatile
        * high resolution scale factor, helps make canvas look better on hi-dpi
@@ -343,7 +343,8 @@ function stateModelFactory() {
        * the currently hovered tree node ID and its descendant leaf names
        */
       hoveredTreeNode: undefined as
-        { nodeId: string; descendantNames: string[] } | undefined,
+        | { nodeId: string; descendantNames: string[] }
+        | undefined,
 
       /**
        * #volatile
@@ -376,7 +377,8 @@ function stateModelFactory() {
        * #volatile
        */
       interProAnnotations: undefined as
-        undefined | Record<string, InterProScanResults>,
+        | undefined
+        | Record<string, InterProScanResults>,
     }))
     .actions(self => ({
       /**
@@ -681,9 +683,26 @@ function stateModelFactory() {
       },
       /**
        * #getter
+       * extra per-row attributes, keyed by row name. Parsed defensively: the
+       * source is a user-supplied document (treeMetadataFilehandle, or a
+       * session snapshot), and this computed is read by labelWidthMap on every
+       * layout, so a malformed file would otherwise throw out of rendering and
+       * take the whole view down over a decorative field.
        */
-      get treeMetadata() {
-        return self.data.treeMetadata ? JSON.parse(self.data.treeMetadata) : {}
+      get treeMetadata(): Record<string, Record<string, string> | undefined> {
+        const text = self.data.treeMetadata
+        if (!text) {
+          return {}
+        }
+        try {
+          const parsed: unknown = JSON.parse(text)
+          return typeof parsed === 'object' && parsed !== null
+            ? (parsed as Record<string, Record<string, string> | undefined>)
+            : {}
+        } catch (e) {
+          console.error('failed to parse treeMetadata', e)
+          return {}
+        }
       },
       /**
        * #getter

package/src/renderToSvg.tsx

@@ -306,6 +306,7 @@ function TrackRendering({
     model,
     ctx,
     contrastScheme,
+    theme,
     offsetX,
     blockSizeXOverride: msaAreaWidth,
     highResScaleFactorOverride: 1,
@@ -348,7 +349,6 @@ function ClipGroup({
       <g
         clipPath={`url(#${clipId})`}
         transform={transform}
-        // eslint-disable-next-line @eslint-react/dom-no-dangerously-set-innerhtml
         dangerouslySetInnerHTML={{ __html: ctx.getSvg().innerHTML }}
       />
     </>

package/src/treeMetadata.test.ts

@@ -0,0 +1,39 @@
+import { expect, test, vi } from 'vitest'
+
+import stateModelFactory from './model.ts'
+
+const MsaView = stateModelFactory()
+
+const msa = '>seq1\nACGT\n>seq2\nACCT\n'
+
+test('treeMetadata is parsed and keyed by row name', () => {
+  const model = MsaView.create({ type: 'MsaView' })
+  model.setData({
+    msa,
+    treeMetadata: JSON.stringify({ seq1: { genome: 'Human' } }),
+  })
+  expect(model.treeMetadata.seq1?.genome).toBe('Human')
+  expect(model.treeMetadata.seq2).toBeUndefined()
+  expect(model.getRowData('seq1').treeMetadata).toEqual({ genome: 'Human' })
+})
+
+test('malformed treeMetadata degrades to empty rather than throwing', () => {
+  const model = MsaView.create({ type: 'MsaView' })
+  const spy = vi.spyOn(console, 'error').mockImplementation(() => {})
+  model.setData({ msa, treeMetadata: '{not json' })
+
+  // treeMetadata comes from a user-supplied file, and consumers of this
+  // computed run during layout/render (labelWidthMap measures every label), so
+  // a parse failure must not throw out of them
+  expect(model.treeMetadata).toEqual({})
+  expect(() => model.getRowData('seq1')).not.toThrow()
+  expect(spy).toHaveBeenCalled()
+  spy.mockRestore()
+})
+
+test('non-object treeMetadata degrades to empty', () => {
+  const model = MsaView.create({ type: 'MsaView' })
+  model.setData({ msa, treeMetadata: 'null' })
+  expect(model.treeMetadata).toEqual({})
+  expect(() => model.getRowData('seq1')).not.toThrow()
+})

package/src/useCanvasAutorun.ts

@@ -1,8 +1,9 @@
 import { useEffect, useRef } from 'react'
-import type React from 'react'
 
 import { autorun } from 'mobx'
 
+import type React from 'react'
+
 // Wires a canvas ref to a mobx autorun: grabs the 2d context once the canvas
 // mounts and re-runs `draw` whenever any observable it reads changes. Collapses
 // the getContext/null-guard/autorun-dispose boilerplate repeated by every
@@ -22,7 +23,7 @@ export function useCanvasAutorun(
           draw(ctx)
         })
       : undefined
-    // eslint-disable-next-line @eslint-react/exhaustive-deps
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, deps)
   return ref
 }