react-msaview 6.5.0 → 8.0.0

package/dist/components/msa/renderMSAMouseover.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderMSAMouseover.js","sourceRoot":"","sources":["../../../src/components/msa/renderMSAMouseover.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"renderMSAMouseover.js","sourceRoot":"","sources":["../../../src/components/msa/renderMSAMouseover.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAA;AAChF,OAAO,EAAE,0BAA0B,EAAE,MAAM,uBAAuB,CAAA;AAKlE,MAAM,UAAU,eAAe,CAAC,EAC9B,GAAG,EACH,KAAK,EACL,KAAK,GAKN;IACC,MAAM,EACJ,QAAQ,EACR,QAAQ,EACR,cAAc,EAAE,KAAK,EACrB,MAAM,EACN,SAAS,EACT,OAAO,EACP,OAAO,EACP,QAAQ,EACR,aAAa,EACb,aAAa,EACb,kBAAkB,EAClB,iBAAiB,GAClB,GAAG,KAAK,CAAA;IACT,GAAG,CAAC,cAAc,EAAE,CAAA;IACpB,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,GAAG,kBAAkB,EAAE,MAAM,GAAG,kBAAkB,CAAC,CAAA;IAC5E,GAAG,CAAC,KAAK,CAAC,kBAAkB,EAAE,kBAAkB,CAAC,CAAA;IAEjD,8EAA8E;IAC9E,oEAAoE;IACpE,MAAM,OAAO,GAAG,CAAC,KAAa,EAAE,EAAE;QAChC,GAAG,CAAC,QAAQ,CAAC,CAAC,EAAE,KAAK,GAAG,SAAS,GAAG,OAAO,EAAE,KAAK,EAAE,SAAS,CAAC,CAAA;IAChE,CAAC,CAAA;IACD,MAAM,OAAO,GAAG,CAAC,KAAa,EAAE,EAAE;QAChC,GAAG,CAAC,QAAQ,CAAC,KAAK,GAAG,QAAQ,GAAG,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAA;IAC/D,CAAC,CAAA;IAED,0BAA0B,CAAC;QACzB,GAAG;QACH,KAAK;QACL,KAAK;QACL,OAAO,EAAE,CAAC,OAAO;QACjB,OAAO,EAAE,CAAC,OAAO;QACjB,KAAK;QACL,MAAM;KACP,CAAC,CAAA;IAEF,gDAAgD;IAChD,GAAG,CAAC,SAAS,GAAG,kBAAkB,CAAA;IAClC,KAAK,MAAM,QAAQ,IAAI,iBAAiB,EAAE,CAAC;QACzC,OAAO,CAAC,QAAQ,CAAC,CAAA;IACnB,CAAC;IAED,GAAG,CAAC,SAAS,GAAG,UAAU,CAAA;IAC1B,IAAI,QAAQ,KAAK,SAAS,EAAE,CAAC;QAC3B,OAAO,CAAC,QAAQ,CAAC,CAAA;IACnB,CAAC;IACD,IAAI,QAAQ,KAAK,SAAS,EAAE,CAAC;QAC3B,OAAO,CAAC,QAAQ,CAAC,CAAA;IACnB,CAAC;IACD,GAAG,CAAC,SAAS,GAAG,UAAU,CAAA;IAC1B,IAAI,aAAa,KAAK,SAAS,EAAE,CAAC;QAChC,OAAO,CAAC,aAAa,CAAC,CAAA;IACxB,CAAC;IACD,IAAI,aAAa,KAAK,SAAS,EAAE,CAAC;QAChC,OAAO,CAAC,aAAa,CAAC,CAAA;IACxB,CAAC;AACH,CAAC"}

package/dist/components/msa/tileColor.js

@@ -1,8 +1,6 @@
-// Per-cell tile color for the active scheme. The scheme is fixed for the whole
-// block, so resolve which rule applies once rather than re-testing the scheme
-// name inside the innermost loop. Reading only the column table the active
-// scheme needs also keeps the other one -- a per-column map for every column of
-// the alignment -- from being computed at all.
+// Per-cell tile color for the active scheme, resolved once per block. Reading
+// only the active scheme's column table leaves the other per-column table
+// uncomputed.
 export function tileColorFn(model) {
     const { colorSchemeName } = model;
     if (colorSchemeName === 'clustalx_protein_dynamic') {
@@ -20,8 +18,7 @@ export function tileColorFn(model) {
     return (_col, letter) => colorScheme[letter];
 }
 // The column table the active scheme colors from, or undefined for the static
-// schemes. Identity of this plus the scheme name is what a cache of rendered
-// colors has to key on.
+// schemes. A cache of rendered colors keys on its identity plus the scheme name.
 export function tileColorTable(model) {
     const { colorSchemeName } = model;
     if (colorSchemeName === 'clustalx_protein_dynamic') {

package/dist/components/msa/tileColor.js.map

@@ -1 +1 @@
-{"version":3,"file":"tileColor.js","sourceRoot":"","sources":["../../../src/components/msa/tileColor.ts"],"names":[],"mappings":"AAEA,+EAA+E;AAC/E,8EAA8E;AAC9E,2EAA2E;AAC3E,gFAAgF;AAChF,+CAA+C;AAC/C,MAAM,UAAU,WAAW,CAAC,KAAmB;IAC7C,MAAM,EAAE,eAAe,EAAE,GAAG,KAAK,CAAA;IACjC,IAAI,eAAe,KAAK,0BAA0B,EAAE,CAAC;QACnD,MAAM,EAAE,WAAW,EAAE,GAAG,KAAK,CAAA;QAC7B,OAAO,CAAC,GAAW,EAAE,MAAc,EAAE,EAAE,CAAC,WAAW,CAAC,GAAG,CAAE,CAAC,MAAM,CAAC,CAAA;IACnE,CAAC;IACD,IAAI,eAAe,KAAK,0BAA0B,EAAE,CAAC;QACnD,MAAM,EAAE,YAAY,EAAE,GAAG,KAAK,CAAA;QAC9B,OAAO,CAAC,GAAW,EAAE,MAAc,EAAE,EAAE;YACrC,MAAM,SAAS,GAAG,YAAY,CAAC,GAAG,CAAE,CAAA;YACpC,OAAO,MAAM,KAAK,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAA;QAClE,CAAC,CAAA;IACH,CAAC;IACD,MAAM,EAAE,WAAW,EAAE,GAAG,KAAK,CAAA;IAC7B,OAAO,CAAC,IAAY,EAAE,MAAc,EAAE,EAAE,CAAC,WAAW,CAAC,MAAM,CAAC,CAAA;AAC9D,CAAC;AAED,8EAA8E;AAC9E,6EAA6E;AAC7E,wBAAwB;AACxB,MAAM,UAAU,cAAc,CAAC,KAAmB;IAChD,MAAM,EAAE,eAAe,EAAE,GAAG,KAAK,CAAA;IACjC,IAAI,eAAe,KAAK,0BAA0B,EAAE,CAAC;QACnD,OAAO,KAAK,CAAC,WAAW,CAAA;IAC1B,CAAC;IACD,IAAI,eAAe,KAAK,0BAA0B,EAAE,CAAC;QACnD,OAAO,KAAK,CAAC,YAAY,CAAA;IAC3B,CAAC;IACD,OAAO,KAAK,CAAC,WAAW,CAAA;AAC1B,CAAC"}
+{"version":3,"file":"tileColor.js","sourceRoot":"","sources":["../../../src/components/msa/tileColor.ts"],"names":[],"mappings":"AAEA,8EAA8E;AAC9E,0EAA0E;AAC1E,cAAc;AACd,MAAM,UAAU,WAAW,CAAC,KAAmB;IAC7C,MAAM,EAAE,eAAe,EAAE,GAAG,KAAK,CAAA;IACjC,IAAI,eAAe,KAAK,0BAA0B,EAAE,CAAC;QACnD,MAAM,EAAE,WAAW,EAAE,GAAG,KAAK,CAAA;QAC7B,OAAO,CAAC,GAAW,EAAE,MAAc,EAAE,EAAE,CAAC,WAAW,CAAC,GAAG,CAAE,CAAC,MAAM,CAAC,CAAA;IACnE,CAAC;IACD,IAAI,eAAe,KAAK,0BAA0B,EAAE,CAAC;QACnD,MAAM,EAAE,YAAY,EAAE,GAAG,KAAK,CAAA;QAC9B,OAAO,CAAC,GAAW,EAAE,MAAc,EAAE,EAAE;YACrC,MAAM,SAAS,GAAG,YAAY,CAAC,GAAG,CAAE,CAAA;YACpC,OAAO,MAAM,KAAK,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAA;QAClE,CAAC,CAAA;IACH,CAAC;IACD,MAAM,EAAE,WAAW,EAAE,GAAG,KAAK,CAAA;IAC7B,OAAO,CAAC,IAAY,EAAE,MAAc,EAAE,EAAE,CAAC,WAAW,CAAC,MAAM,CAAC,CAAA;AAC9D,CAAC;AAED,8EAA8E;AAC9E,iFAAiF;AACjF,MAAM,UAAU,cAAc,CAAC,KAAmB;IAChD,MAAM,EAAE,eAAe,EAAE,GAAG,KAAK,CAAA;IACjC,IAAI,eAAe,KAAK,0BAA0B,EAAE,CAAC;QACnD,OAAO,KAAK,CAAC,WAAW,CAAA;IAC1B,CAAC;IACD,IAAI,eAAe,KAAK,0BAA0B,EAAE,CAAC;QACnD,OAAO,KAAK,CAAC,YAAY,CAAA;IAC3B,CAAC;IACD,OAAO,KAAK,CAAC,WAAW,CAAA;AAC1B,CAAC"}

package/dist/components/msa/useMsaBlockMouse.d.ts

@@ -4,9 +4,11 @@ import type React from 'react';
  * Translates pointer events over one MSA block into model column/row hover and
  * click state, and reports where a tooltip should be anchored.
  *
- * The anchor is only tracked when there is something to show (an insertion, a
- * domain under the cursor, or column stats), so plain mouse movement over the
- * alignment updates the canvas overlay without re-rendering this component.
+ * The anchor is only tracked when there is something to show (an insertion or a
+ * domain under the cursor), so plain mouse movement over the alignment updates
+ * the canvas overlay without re-rendering this component. Each track tooltips
+ * its own column statistics, and the header reads out the hovered row, residue
+ * and position.
  */
 export declare function useMsaBlockMouse({ model, offsetX, offsetY, }: {
     model: MsaViewModel;

package/dist/components/msa/useMsaBlockMouse.js

@@ -10,9 +10,11 @@ function eventToColRow({ event, el, offsetX, offsetY, colWidth, rowHeight, }) {
  * Translates pointer events over one MSA block into model column/row hover and
  * click state, and reports where a tooltip should be anchored.
  *
- * The anchor is only tracked when there is something to show (an insertion, a
- * domain under the cursor, or column stats), so plain mouse movement over the
- * alignment updates the canvas overlay without re-rendering this component.
+ * The anchor is only tracked when there is something to show (an insertion or a
+ * domain under the cursor), so plain mouse movement over the alignment updates
+ * the canvas overlay without re-rendering this component. Each track tooltips
+ * its own column statistics, and the header reads out the hovered row, residue
+ * and position.
  */
 export function useMsaBlockMouse({ model, offsetX, offsetY, }) {
     const [tooltipPoint, setTooltipPoint] = useState();
@@ -30,9 +32,7 @@ export function useMsaBlockMouse({ model, offsetX, offsetY, }) {
         const pos = colRow(event, el);
         const hit = inBounds(pos);
         model.setMousePos(hit ? pos.col : undefined, hit ? pos.row : undefined);
-        const hasTooltip = !!model.hoveredInsertion ||
-            model.mouseOverDomains.length > 0 ||
-            (model.showColumnStats && !!model.mouseOverColumnStats);
+        const hasTooltip = !!model.hoveredInsertion || model.mouseOverDomains.length > 0;
         setTooltipPoint(hasTooltip ? { x: event.clientX, y: event.clientY } : undefined);
     }
     function onClick(event, el) {

package/dist/components/msa/useMsaBlockMouse.js.map

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

package/dist/components/renderCtx.d.ts

@@ -4,4 +4,4 @@
  * SVG export) satisfy this, so renderers can be typed against it without an
  * `as any` cast at the SVG-export boundary.
  */
-export type RenderCtx = Pick<CanvasRenderingContext2D, 'arc' | 'beginPath' | 'clearRect' | 'closePath' | 'fill' | 'fillRect' | 'fillStyle' | 'fillText' | 'font' | 'lineTo' | 'lineWidth' | 'measureText' | 'moveTo' | 'resetTransform' | 'restore' | 'save' | 'scale' | 'setLineDash' | 'stroke' | 'strokeRect' | 'strokeStyle' | 'textAlign' | 'textBaseline' | 'translate'>;
+export type RenderCtx = Pick<CanvasRenderingContext2D, 'arc' | 'beginPath' | 'clearRect' | 'closePath' | 'fill' | 'fillRect' | 'fillStyle' | 'fillText' | 'font' | 'lineTo' | 'lineWidth' | 'measureText' | 'moveTo' | 'quadraticCurveTo' | 'resetTransform' | 'restore' | 'save' | 'scale' | 'setLineDash' | 'stroke' | 'strokeRect' | 'strokeStyle' | 'textAlign' | 'textBaseline' | 'translate'>;

package/dist/components/rowpanels/RowPanelBlock.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { MsaViewModel } from '../../model.ts';
+import type { ResolvedRowPanel } from '../../types.ts';
+declare const RowPanelBlock: ({ model, panel, offsetY, }: {
+    model: MsaViewModel;
+    panel: ResolvedRowPanel;
+    offsetY: number;
+}) => React.JSX.Element;
+export default RowPanelBlock;

package/dist/components/rowpanels/RowPanelBlock.js

@@ -0,0 +1,86 @@
+import React, { useState } from 'react';
+import { useTheme } from '@mui/material';
+import { observer } from 'mobx-react';
+import { featureField, featureName } from '../../featureFields.js';
+import { useCanvasAutorun } from '../../useCanvasAutorun.js';
+import PortalTooltip from '../PortalTooltip.js';
+import { renderRowPanel } from './renderRowPanel.js';
+// what the cell or span under the pointer reads, which is the field a strip
+// colors by, and a span's name, its coordinates and its encoded field
+function hoverLines({ model, panel, name, x, }) {
+    if (panel.kind === 'strip') {
+        return [
+            `${panel.header}: ${model.rowDataOf(name)?.[panel.field] ?? '(none)'}`,
+        ];
+    }
+    const span = panel.spans
+        .get(name)
+        ?.findLast(s => x >= s.xStart && x <= s.xEnd);
+    if (!span) {
+        return [];
+    }
+    const { annotation } = span;
+    const strand = annotation.strand === undefined
+        ? ''
+        : annotation.strand < 0
+            ? ' (-)'
+            : ' (+)';
+    const value = panel.field ? featureField(annotation, panel.field) : undefined;
+    return [
+        featureName(annotation) ?? annotation.accession,
+        `${annotation.start}-${annotation.end}${strand}`,
+        ...(value === undefined ? [] : [`${panel.field}: ${value}`]),
+    ];
+}
+const RowPanelBlock = observer(function ({ model, panel, offsetY, }) {
+    const [hovered, setHovered] = useState();
+    const theme = useTheme();
+    const { blockSize, highResScaleFactor, rowHeight } = model;
+    const width = panel.width;
+    const height = blockSize;
+    const canvasWidth = width * highResScaleFactor;
+    const canvasHeight = height * highResScaleFactor;
+    const ref = useCanvasAutorun({
+        draw: ctx => {
+            ctx.resetTransform();
+            ctx.clearRect(0, 0, canvasWidth, canvasHeight);
+            renderRowPanel({ ctx, model, theme, panel, x: 0, offsetY });
+        },
+        width: canvasWidth,
+        height: canvasHeight,
+        deps: [model, theme, panel, offsetY],
+    });
+    return (React.createElement(React.Fragment, null,
+        React.createElement("canvas", { ref: ref, width: canvasWidth, height: canvasHeight, style: { position: 'absolute', top: offsetY, left: 0, width, height }, onMouseMove: event => {
+                // the blocks are laid out in row space and scrolled by a transform
+                // on their container, so the pointer's row comes off the canvas box
+                const { left, top } = event.currentTarget.getBoundingClientRect();
+                const row = Math.floor((event.clientY - top + offsetY) / rowHeight);
+                const name = model.leaves[row]?.data.name;
+                const lines = name === undefined
+                    ? []
+                    : hoverLines({
+                        model,
+                        panel,
+                        name,
+                        x: event.clientX - left,
+                    });
+                setHovered(name === undefined || lines.length === 0
+                    ? undefined
+                    : {
+                        name,
+                        lines,
+                        clientX: event.clientX,
+                        clientY: event.clientY,
+                    });
+                model.setMousePos(undefined, name === undefined ? undefined : row);
+            }, onMouseLeave: () => {
+                setHovered(undefined);
+                model.setMousePos(undefined, undefined);
+            } }),
+        hovered ? (React.createElement(PortalTooltip, { clientX: hovered.clientX, clientY: hovered.clientY },
+            React.createElement("div", null, hovered.name),
+            hovered.lines.map(line => (React.createElement("div", { key: line }, line))))) : null));
+});
+export default RowPanelBlock;
+//# sourceMappingURL=RowPanelBlock.js.map

package/dist/components/rowpanels/RowPanelBlock.js.map

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

package/dist/components/rowpanels/RowPanelHeaders.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { MsaViewModel } from '../../model.ts';
+/**
+ * The row panel headers, in a band above the panels beside the tree ruler and
+ * the minimap. A narrow strip's name is DOM text turned on its side, since the
+ * canvas layer has no rotation, and the SVG export draws it with a
+ * `rotate(-90)`. A panel wider than the band is tall writes its name across.
+ */
+declare const RowPanelHeaders: ({ model }: {
+    model: MsaViewModel;
+}) => React.JSX.Element | null;
+export default RowPanelHeaders;

package/dist/components/rowpanels/RowPanelHeaders.js

@@ -0,0 +1,38 @@
+import React from 'react';
+import { observer } from 'mobx-react';
+import { headerRunsAcross } from './headerLayout.js';
+/**
+ * The row panel headers, in a band above the panels beside the tree ruler and
+ * the minimap. A narrow strip's name is DOM text turned on its side, since the
+ * canvas layer has no rotation, and the SVG export draws it with a
+ * `rotate(-90)`. A panel wider than the band is tall writes its name across.
+ */
+const RowPanelHeaders = observer(function ({ model }) {
+    const { resolvedRowPanels, rowPanelsHeaderHeight, fontSize } = model;
+    return resolvedRowPanels.length > 0 ? (React.createElement("div", { style: {
+            display: 'flex',
+            flexShrink: 0,
+            height: rowPanelsHeaderHeight,
+            alignItems: 'flex-end',
+        } }, resolvedRowPanels.map(panel => {
+        const across = headerRunsAcross(panel.width);
+        return (React.createElement("div", { key: panel.id, title: panel.header, style: {
+                width: panel.width,
+                overflow: 'hidden',
+                textOverflow: 'ellipsis',
+                whiteSpace: 'nowrap',
+                ...(across
+                    ? { fontSize, textAlign: 'center' }
+                    : {
+                        height: rowPanelsHeaderHeight,
+                        fontSize: Math.min(fontSize, panel.width),
+                        // vertical-rl reads top to bottom, and the half turn makes
+                        // it read upwards from the strip, as rotate(-90) exports
+                        writingMode: 'vertical-rl',
+                        transform: 'rotate(180deg)',
+                    }),
+            } }, panel.header));
+    }))) : null;
+});
+export default RowPanelHeaders;
+//# sourceMappingURL=RowPanelHeaders.js.map

package/dist/components/rowpanels/RowPanelHeaders.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RowPanelHeaders.js","sourceRoot":"","sources":["../../../src/components/rowpanels/RowPanelHeaders.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAA;AAIpD;;;;;GAKG;AACH,MAAM,eAAe,GAAG,QAAQ,CAAC,UAAU,EAAE,KAAK,EAA2B;IAC3E,MAAM,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAA;IACpE,OAAO,iBAAiB,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACpC,6BACE,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,CAAC;YACb,MAAM,EAAE,qBAAqB;YAC7B,UAAU,EAAE,UAAU;SACvB,IAEA,iBAAiB,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;QAC7B,MAAM,MAAM,GAAG,gBAAgB,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;QAC5C,OAAO,CACL,6BACE,GAAG,EAAE,KAAK,CAAC,EAAE,EACb,KAAK,EAAE,KAAK,CAAC,MAAM,EACnB,KAAK,EAAE;gBACL,KAAK,EAAE,KAAK,CAAC,KAAK;gBAClB,QAAQ,EAAE,QAAQ;gBAClB,YAAY,EAAE,UAAU;gBACxB,UAAU,EAAE,QAAQ;gBACpB,GAAG,CAAC,MAAM;oBACR,CAAC,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE;oBACnC,CAAC,CAAC;wBACE,MAAM,EAAE,qBAAqB;wBAC7B,QAAQ,EAAE,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC;wBACzC,2DAA2D;wBAC3D,yDAAyD;wBACzD,WAAW,EAAE,aAAa;wBAC1B,SAAS,EAAE,gBAAgB;qBAC5B,CAAC;aACP,IAEA,KAAK,CAAC,MAAM,CACT,CACP,CAAA;IACH,CAAC,CAAC,CACE,CACP,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAC,CAAA;AAEF,eAAe,eAAe,CAAA"}

package/dist/components/{msa/ColumnStats.d.ts → rowpanels/RowPanels.d.ts}

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { MsaViewModel } from '../../model.ts';
-declare const ColumnStats: ({ model }: {
+declare const RowPanels: ({ model }: {
     model: MsaViewModel;
 }) => React.JSX.Element | null;
-export default ColumnStats;
+export default RowPanels;

package/dist/components/rowpanels/RowPanels.js

@@ -0,0 +1,32 @@
+import React, { useCallback, useRef } from 'react';
+import { observer } from 'mobx-react';
+import { useWheelScroll } from '../../useWheelScroll.js';
+import RowPanelBlock from './RowPanelBlock.js';
+const RowPanel = observer(function ({ model, panel, }) {
+    const ref = useRef(null);
+    const { height, blocksY, scrollY } = model;
+    const onScrollY = useCallback((d) => {
+        model.doScrollY(d);
+    }, [model]);
+    const { onMouseDown, onMouseUp } = useWheelScroll({ ref, onScrollY });
+    return (React.createElement("div", { ref: ref, "data-testid": `rowpanel_${panel.id}`, onMouseDown: onMouseDown, onMouseUp: onMouseUp, style: {
+            height,
+            width: panel.width,
+            flexShrink: 0,
+            overflow: 'hidden',
+            position: 'relative',
+        } },
+        React.createElement("div", { style: {
+                position: 'absolute',
+                top: 0,
+                left: 0,
+                transform: `translateY(${scrollY}px)`,
+                willChange: 'transform',
+            } }, blocksY.map(block => (React.createElement(RowPanelBlock, { key: block, model: model, panel: panel, offsetY: block }))))));
+});
+const RowPanels = observer(function ({ model }) {
+    const { resolvedRowPanels } = model;
+    return resolvedRowPanels.length > 0 ? (React.createElement("div", { style: { display: 'flex', flexShrink: 0 } }, resolvedRowPanels.map(panel => (React.createElement(RowPanel, { key: panel.id, model: model, panel: panel }))))) : null;
+});
+export default RowPanels;
+//# sourceMappingURL=RowPanels.js.map

package/dist/components/rowpanels/RowPanels.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RowPanels.js","sourceRoot":"","sources":["../../../src/components/rowpanels/RowPanels.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAElD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,aAAa,MAAM,oBAAqB,CAAA;AAK/C,MAAM,QAAQ,GAAG,QAAQ,CAAC,UAAU,EAClC,KAAK,EACL,KAAK,GAIN;IACC,MAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IACxC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,KAAK,CAAA;IAC1C,MAAM,SAAS,GAAG,WAAW,CAC3B,CAAC,CAAS,EAAE,EAAE;QACZ,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAA;IACpB,CAAC,EACD,CAAC,KAAK,CAAC,CACR,CAAA;IACD,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,cAAc,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC,CAAA;IAErE,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,iBACK,YAAY,KAAK,CAAC,EAAE,EAAE,EACnC,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE;YACL,MAAM;YACN,KAAK,EAAE,KAAK,CAAC,KAAK;YAClB,UAAU,EAAE,CAAC;YACb,QAAQ,EAAE,QAAQ;YAClB,QAAQ,EAAE,UAAU;SACrB;QAID,6BACE,KAAK,EAAE;gBACL,QAAQ,EAAE,UAAU;gBACpB,GAAG,EAAE,CAAC;gBACN,IAAI,EAAE,CAAC;gBACP,SAAS,EAAE,cAAc,OAAO,KAAK;gBACrC,UAAU,EAAE,WAAW;aACxB,IAEA,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CACpB,oBAAC,aAAa,IACZ,GAAG,EAAE,KAAK,EACV,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,KAAK,GACd,CACH,CAAC,CACE,CACF,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,SAAS,GAAG,QAAQ,CAAC,UAAU,EAAE,KAAK,EAA2B;IACrE,MAAM,EAAE,iBAAiB,EAAE,GAAG,KAAK,CAAA;IACnC,OAAO,iBAAiB,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACpC,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC,EAAE,IAC3C,iBAAiB,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAC9B,oBAAC,QAAQ,IAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,GAAI,CACxD,CAAC,CACE,CACP,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAC,CAAA;AAEF,eAAe,SAAS,CAAA"}

package/dist/components/rowpanels/headerLayout.d.ts

@@ -0,0 +1 @@
+export declare function headerRunsAcross(panelWidth: number): boolean;

package/dist/components/rowpanels/headerLayout.js

@@ -0,0 +1,5 @@
+import { rowPanelHeaderHeight } from '../../constants.js';
+export function headerRunsAcross(panelWidth) {
+    return panelWidth > rowPanelHeaderHeight;
+}
+//# sourceMappingURL=headerLayout.js.map

package/dist/components/rowpanels/headerLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"headerLayout.js","sourceRoot":"","sources":["../../../src/components/rowpanels/headerLayout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAA;AAEzD,MAAM,UAAU,gBAAgB,CAAC,UAAkB;IACjD,OAAO,UAAU,GAAG,oBAAoB,CAAA;AAC1C,CAAC"}

package/dist/components/rowpanels/renderFeaturePanel.d.ts

@@ -0,0 +1,21 @@
+import type { MsaViewModel } from '../../model.ts';
+import type { ResolvedFeaturePanel } from '../../types.ts';
+import type { RenderCtx } from '../renderCtx.ts';
+import type { Theme } from '@mui/material';
+/**
+ * The spans of a `features` panel, drawn with the mark the alignment overlay
+ * draws: an arrow where the feature carries a strand, a box otherwise, labeled
+ * where the text fits. The x mapping is the panel's own, resolved in
+ * `resolvedRowPanels`; a row needing several lanes divides its height between
+ * them.
+ */
+export declare function renderFeaturePanel({ ctx, model, theme, panel, x, offsetY, blockSizeYOverride, highResScaleFactorOverride, }: {
+    ctx: RenderCtx;
+    model: MsaViewModel;
+    theme: Theme;
+    panel: ResolvedFeaturePanel;
+    x: number;
+    offsetY: number;
+    blockSizeYOverride?: number;
+    highResScaleFactorOverride?: number;
+}): void;

package/dist/components/rowpanels/renderFeaturePanel.js

@@ -0,0 +1,37 @@
+import { contrastTextFn } from '../../util.js';
+import { getVisibleLeaves } from '../getVisibleLeaves.js';
+import { drawFeatureSpans, spanRows } from '../msa/drawFeatureSpans.js';
+// a span keeps a pixel clear above and below it, so stacked lanes and adjacent
+// rows read apart
+const rowPadding = 2;
+/**
+ * The spans of a `features` panel, drawn with the mark the alignment overlay
+ * draws: an arrow where the feature carries a strand, a box otherwise, labeled
+ * where the text fits. The x mapping is the panel's own, resolved in
+ * `resolvedRowPanels`; a row needing several lanes divides its height between
+ * them.
+ */
+export function renderFeaturePanel({ ctx, model, theme, panel, x, offsetY, blockSizeYOverride, highResScaleFactorOverride, }) {
+    const { rowHeight, blockSize, highResScaleFactor } = model;
+    const by = blockSizeYOverride ?? blockSize;
+    const k = highResScaleFactorOverride ?? highResScaleFactor;
+    ctx.resetTransform();
+    ctx.scale(k, k);
+    ctx.translate(x, rowHeight / 2 - offsetY);
+    drawFeatureSpans({
+        ctx,
+        rows: spanRows(getVisibleLeaves({ model, offsetY, blockSizeY: by }), panel.spans),
+        layout: {
+            height: laneCount => Math.max(1, rowHeight / laneCount - rowPadding),
+            top: (y, lane, h) => y - rowHeight + lane * (h + rowPadding) + rowPadding / 2,
+            headLength: h => h,
+        },
+        xOf: span => [span.xStart, span.xEnd],
+        colors: panel.colors,
+        labelOf: span => panel.labels?.get(span.annotation),
+        contrastText: contrastTextFn(theme),
+        xMin: 0,
+        xMax: panel.width,
+    });
+}
+//# sourceMappingURL=renderFeaturePanel.js.map

package/dist/components/rowpanels/renderFeaturePanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderFeaturePanel.js","sourceRoot":"","sources":["../../../src/components/rowpanels/renderFeaturePanel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AACzD,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAA;AAOvE,+EAA+E;AAC/E,kBAAkB;AAClB,MAAM,UAAU,GAAG,CAAC,CAAA;AAEpB;;;;;;GAMG;AACH,MAAM,UAAU,kBAAkB,CAAC,EACjC,GAAG,EACH,KAAK,EACL,KAAK,EACL,KAAK,EACL,CAAC,EACD,OAAO,EACP,kBAAkB,EAClB,0BAA0B,GAU3B;IACC,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,kBAAkB,EAAE,GAAG,KAAK,CAAA;IAC1D,MAAM,EAAE,GAAG,kBAAkB,IAAI,SAAS,CAAA;IAC1C,MAAM,CAAC,GAAG,0BAA0B,IAAI,kBAAkB,CAAA;IAC1D,GAAG,CAAC,cAAc,EAAE,CAAA;IACpB,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;IACf,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,SAAS,GAAG,CAAC,GAAG,OAAO,CAAC,CAAA;IAEzC,gBAAgB,CAAe;QAC7B,GAAG;QACH,IAAI,EAAE,QAAQ,CACZ,gBAAgB,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,EACpD,KAAK,CAAC,KAAK,CACZ;QACD,MAAM,EAAE;YACN,MAAM,EAAE,SAAS,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;YACpE,GAAG,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,CAClB,CAAC,GAAG,SAAS,GAAG,IAAI,GAAG,CAAC,CAAC,GAAG,UAAU,CAAC,GAAG,UAAU,GAAG,CAAC;YAC1D,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;SACnB;QACD,GAAG,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC;QACrC,MAAM,EAAE,KAAK,CAAC,MAAM;QACpB,OAAO,EAAE,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC;QACnD,YAAY,EAAE,cAAc,CAAC,KAAK,CAAC;QACnC,IAAI,EAAE,CAAC;QACP,IAAI,EAAE,KAAK,CAAC,KAAK;KAClB,CAAC,CAAA;AACJ,CAAC"}

package/dist/components/rowpanels/renderRowPanel.d.ts

@@ -0,0 +1,23 @@
+import type { MsaViewModel } from '../../model.ts';
+import type { ResolvedRowPanel } from '../../types.ts';
+import type { RenderCtx } from '../renderCtx.ts';
+import type { Theme } from '@mui/material';
+interface PanelArgs {
+    ctx: RenderCtx;
+    model: MsaViewModel;
+    theme: Theme;
+    panel: ResolvedRowPanel;
+    x: number;
+    offsetY: number;
+    blockSizeYOverride?: number;
+    highResScaleFactorOverride?: number;
+}
+/**
+ * One row panel, by kind. `x` is the panel's left edge in the context: the
+ * live view gives each panel a canvas of its own and passes 0, and the export
+ * packs every panel into one context and passes the panel's own offset.
+ */
+export declare function renderRowPanel({ panel, ...rest }: PanelArgs): void;
+/** every row panel side by side in one context, for the SVG export */
+export declare function renderRowPanels({ model, ...rest }: Omit<PanelArgs, 'panel' | 'x'>): void;
+export {};

package/dist/components/rowpanels/renderRowPanel.js

@@ -0,0 +1,22 @@
+import { renderFeaturePanel } from './renderFeaturePanel.js';
+import { renderStrip } from './renderStrip.js';
+/**
+ * One row panel, by kind. `x` is the panel's left edge in the context: the
+ * live view gives each panel a canvas of its own and passes 0, and the export
+ * packs every panel into one context and passes the panel's own offset.
+ */
+export function renderRowPanel({ panel, ...rest }) {
+    if (panel.kind === 'features') {
+        renderFeaturePanel({ panel, ...rest });
+    }
+    else {
+        renderStrip({ panel, ...rest });
+    }
+}
+/** every row panel side by side in one context, for the SVG export */
+export function renderRowPanels({ model, ...rest }) {
+    for (const panel of model.resolvedRowPanels) {
+        renderRowPanel({ model, panel, x: panel.offsetX, ...rest });
+    }
+}
+//# sourceMappingURL=renderRowPanel.js.map

package/dist/components/rowpanels/renderRowPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderRowPanel.js","sourceRoot":"","sources":["../../../src/components/rowpanels/renderRowPanel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAkB9C;;;;GAIG;AACH,MAAM,UAAU,cAAc,CAAC,EAAE,KAAK,EAAE,GAAG,IAAI,EAAa;IAC1D,IAAI,KAAK,CAAC,IAAI,KAAK,UAAU,EAAE,CAAC;QAC9B,kBAAkB,CAAC,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,CAAC,CAAA;IACxC,CAAC;SAAM,CAAC;QACN,WAAW,CAAC,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,CAAC,CAAA;IACjC,CAAC;AACH,CAAC;AAED,sEAAsE;AACtE,MAAM,UAAU,eAAe,CAAC,EAC9B,KAAK,EACL,GAAG,IAAI,EACwB;IAC/B,KAAK,MAAM,KAAK,IAAI,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC5C,cAAc,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,CAAC,OAAO,EAAE,GAAG,IAAI,EAAE,CAAC,CAAA;IAC7D,CAAC;AACH,CAAC"}

package/dist/components/rowpanels/renderStrip.d.ts

@@ -0,0 +1,20 @@
+import type { MsaViewModel } from '../../model.ts';
+import type { ResolvedStripPanel } from '../../types.ts';
+import type { RenderCtx } from '../renderCtx.ts';
+/**
+ * One cell per row of a `strip` panel, in the color its field takes through
+ * the panel's scale. A row the table has no value for leaves the cell empty.
+ *
+ * `x` is the panel's left edge in the context: the live view gives each panel
+ * a canvas of its own and passes 0, and the export packs every panel into one
+ * context and passes the panel's own offset.
+ */
+export declare function renderStrip({ ctx, model, panel, x, offsetY, blockSizeYOverride, highResScaleFactorOverride, }: {
+    ctx: RenderCtx;
+    model: MsaViewModel;
+    panel: ResolvedStripPanel;
+    x: number;
+    offsetY: number;
+    blockSizeYOverride?: number;
+    highResScaleFactorOverride?: number;
+}): void;

package/dist/components/rowpanels/renderStrip.js

@@ -0,0 +1,26 @@
+import { getVisibleLeaves } from '../getVisibleLeaves.js';
+/**
+ * One cell per row of a `strip` panel, in the color its field takes through
+ * the panel's scale. A row the table has no value for leaves the cell empty.
+ *
+ * `x` is the panel's left edge in the context: the live view gives each panel
+ * a canvas of its own and passes 0, and the export packs every panel into one
+ * context and passes the panel's own offset.
+ */
+export function renderStrip({ ctx, model, panel, x, offsetY, blockSizeYOverride, highResScaleFactorOverride, }) {
+    const { rowHeight, blockSize, highResScaleFactor } = model;
+    const by = blockSizeYOverride ?? blockSize;
+    ctx.resetTransform();
+    const k = highResScaleFactorOverride ?? highResScaleFactor;
+    ctx.scale(k, k);
+    ctx.translate(x, -offsetY);
+    for (const leaf of getVisibleLeaves({ model, offsetY, blockSizeY: by })) {
+        const color = panel.colors.get(leaf.data.name);
+        if (color) {
+            ctx.fillStyle = color;
+            // leaf.x is the row's center, at rowHeight*(index+0.5)
+            ctx.fillRect(0, leaf.x - rowHeight / 2, panel.width, rowHeight);
+        }
+    }
+}
+//# sourceMappingURL=renderStrip.js.map

package/dist/components/rowpanels/renderStrip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderStrip.js","sourceRoot":"","sources":["../../../src/components/rowpanels/renderStrip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AAMzD;;;;;;;GAOG;AACH,MAAM,UAAU,WAAW,CAAC,EAC1B,GAAG,EACH,KAAK,EACL,KAAK,EACL,CAAC,EACD,OAAO,EACP,kBAAkB,EAClB,0BAA0B,GAS3B;IACC,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,kBAAkB,EAAE,GAAG,KAAK,CAAA;IAC1D,MAAM,EAAE,GAAG,kBAAkB,IAAI,SAAS,CAAA;IAC1C,GAAG,CAAC,cAAc,EAAE,CAAA;IACpB,MAAM,CAAC,GAAG,0BAA0B,IAAI,kBAAkB,CAAA;IAC1D,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;IACf,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAA;IAC1B,KAAK,MAAM,IAAI,IAAI,gBAAgB,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC;QACxE,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QAC9C,IAAI,KAAK,EAAE,CAAC;YACV,GAAG,CAAC,SAAS,GAAG,KAAK,CAAA;YACrB,uDAAuD;YACvD,GAAG,CAAC,QAAQ,CAAC,CAAC,EAAE,IAAI,CAAC,CAAE,GAAG,SAAS,GAAG,CAAC,EAAE,KAAK,CAAC,KAAK,EAAE,SAAS,CAAC,CAAA;QAClE,CAAC;IACH,CAAC;AACH,CAAC"}

package/dist/components/tracks/TrackBlocks.js

@@ -1,24 +1,24 @@
 import React from 'react';
+import { useTheme } from '@mui/material';
 import { observer } from 'mobx-react';
 import { useCanvasAutorun } from '../../useCanvasAutorun.js';
-import { useColorContrast } from '../../useColorContrast.js';
 import { TrackResizeHandle } from '../ResizeHandles.js';
 import { drawTrackBlock } from './drawTracks.js';
 const TrackBlock = observer(function ({ model, track, offsetX, }) {
-    const { blockSize, colorScheme, highResScaleFactor } = model;
-    const { height, customColorScheme } = track.model;
-    const { theme, contrastScheme } = useColorContrast(customColorScheme ?? colorScheme);
+    const { blockSize, highResScaleFactor } = model;
+    const { height } = track.model;
+    const theme = useTheme();
     const canvasWidth = blockSize * highResScaleFactor;
     const canvasHeight = height * highResScaleFactor;
     const ref = useCanvasAutorun({
         draw: ctx => {
             ctx.resetTransform();
             ctx.clearRect(0, 0, canvasWidth, canvasHeight);
-            drawTrackBlock({ model, ctx, track, offsetX, theme, contrastScheme });
+            drawTrackBlock({ model, ctx, track, offsetX, theme });
         },
         width: canvasWidth,
         height: canvasHeight,
-        deps: [model, track, offsetX, theme, contrastScheme],
+        deps: [model, track, offsetX, theme],
     });
     return (React.createElement("canvas", { ref: ref, width: canvasWidth, height: canvasHeight, style: {
             position: 'absolute',
@@ -34,16 +34,13 @@ const TrackBlock = observer(function ({ model, track, offsetX, }) {
  * not how the blocks are laid out or kept in sync with the horizontal scroll.
  */
 const TrackBlocks = observer(function ({ model, track, }) {
-    // msaCanvasWidth, not msaAreaWidth: a track row is a legend for the columns
-    // directly below it, so it has to stop where the alignment canvas does rather
-    // than running on another 20px under the vertical scrollbar -- otherwise the
-    // last columns appear in the tracks but not in the alignment, and the hovered
-    // -column indicator (sized to the canvas) stops short of the track it crosses
+    // msaCanvasWidth, not msaAreaWidth: tracks stop where the alignment canvas
+    // does, not 20px further under the vertical scrollbar, so their columns and
+    // the hover indicator line up with the alignment
     const { blocksX, msaCanvasWidth, scrollX } = model;
-    const { kind, height, data } = track.model;
-    // a text track with no data draws nothing, and an empty row of its own would
-    // still take up vertical space
-    if (kind === 'text' && !data) {
+    const { kind, height, data, arcs } = track.model;
+    // a track with nothing to draw would still take up its vertical space
+    if ((kind === 'text' && !data) || (kind === 'arc' && !arcs?.length)) {
         return null;
     }
     return (React.createElement("div", { style: {
@@ -59,7 +56,7 @@ const TrackBlocks = observer(function ({ model, track, }) {
                 transform: `translateX(${scrollX}px)`,
                 willChange: 'transform',
             } }, blocksX.map(bx => (React.createElement(TrackBlock, { key: bx, model: model, track: track, offsetX: bx })))),
-        React.createElement(TrackResizeHandle, { model: model, kind: kind })));
+        React.createElement(TrackResizeHandle, { model: model, track: track })));
 });
 export default TrackBlocks;
 //# sourceMappingURL=TrackBlocks.js.map

package/dist/components/tracks/TrackBlocks.js.map

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

package/dist/components/tracks/TrackTooltipContent.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import type { MsaViewModel } from '../../model.ts';
+import type { BasicTrack } from '../../types.ts';
+/**
+ * One track's reading at the hovered column: a bar track's value, the logo's
+ * information content and composition, the columns an arc joins, the letter on a
+ * text track. `drawTrackBlock` dispatches on the same `kind`, so a new kind
+ * needs a case in both.
+ */
+declare const TrackTooltipContent: ({ model, track, col, }: {
+    model: MsaViewModel;
+    track: BasicTrack;
+    col: number;
+}) => React.JSX.Element;
+export default TrackTooltipContent;