Updates

Author: cmdcolin

src/LinearMafDisplay/util.ts

@@ -44,15 +44,16 @@ export function generateTooltipContent(
     contentLines.push(`Ref: ${p2.refName}:${toLocale(p2.coord)}`)
 
     if (hoveredInfo) {
-      const { base, sampleId, pos, chr } = hoveredInfo
+      const { base, sampleId, pos, chr, isInsertion } = hoveredInfo
       const thresh = 20
       const len = base.length
       const lengthSuffix = len > 1 ? ` ${len}bp` : ''
       const baseDisplay =
         base.length > thresh ? base.slice(0, thresh) + '...' : base
+      const insertionLabel = isInsertion ? ' Insertion' : ''
 
       contentLines.push(
-        `Alt ${sampleId}: ${chr}:${pos.toLocaleString('en-US')} (${baseDisplay}${lengthSuffix})`,
+        `Alt ${sampleId}: ${chr}:${pos.toLocaleString('en-US')} (${baseDisplay}${lengthSuffix}${insertionLabel})`,
       )
     }
   }

src/LinearMafRenderer/rendering/insertions.ts

@@ -102,14 +102,17 @@ export function renderInsertions(
         actualXPos = xPos
         actualWidth = INSERTION_LINE_WIDTH
         fillRect(ctx, actualXPos, rowTop, actualWidth, h, canvasWidth, 'purple')
+
+        // Always use a wider hit box for spatial index, even if visual is 1px
+        const hitBoxPadding = 2
+        actualXPos = xPos - hitBoxPadding
+        actualWidth = INSERTION_LINE_WIDTH + 2 * hitBoxPadding
+
         if (
           bpPerPx < HIGH_ZOOM_THRESHOLD &&
           rowHeight > MIN_ROW_HEIGHT_FOR_BORDERS
         ) {
           // Add horizontal borders for visibility at high zoom
-          // Note: borders extend the effective clickable area
-          actualXPos = xPos - INSERTION_BORDER_WIDTH
-          actualWidth = INSERTION_BORDER_HEIGHT
           fillRect(
             ctx,
             xPos - INSERTION_BORDER_WIDTH,

src/LinearMafRenderer/rendering/matches.ts

@@ -1,5 +1,4 @@
 import { fillRect } from '../util'
-import { addToSpatialIndex, shouldAddToSpatialIndex } from './spatialIndex'
 import { GAP_STROKE_OFFSET } from './types'
 
 import type { RenderingContext } from './types'
@@ -37,23 +36,6 @@ export function renderMatches(
         currentChar !== ' '
       ) {
         fillRect(ctx, xPos, rowTop, scale + GAP_STROKE_OFFSET, h, canvasWidth)
-
-        // Add to spatial index if distance filter allows
-        if (shouldAddToSpatialIndex(xPos, context)) {
-          addToSpatialIndex(
-            context,
-            xPos,
-            rowTop,
-            xPos + context.scale + GAP_STROKE_OFFSET,
-            rowTop + context.h,
-            {
-              pos: genomicOffset + alignmentStart,
-              chr,
-              base: currentChar || '',
-              sampleId,
-            },
-          )
-        }
       }
       genomicOffset++
     }