fix(tables): draw row-selection left edge as checkbox cell border so it cannot be cut off

Author: waleedlatif1

apps/sim/app/workspace/[workspaceId]/tables/[tableId]/components/table-grid/data-row.tsx

@@ -194,10 +194,24 @@ export const DataRow = React.memo(function DataRow({
   }, [workflowGroups, row])
   const isMultiCell = sel !== null && (sel.startRow !== sel.endRow || sel.startCol !== sel.endCol)
   const isRowSelected = isRowChecked
+  /**
+   * Whether the selection's left edge sits at column 0 for this row. The blue
+   * edge is drawn as the checkbox cell's own right border (not the overlay's
+   * `border-l`) so the sticky checkbox cell can never paint over it and the
+   * gray/blue lines never double up at the column boundary.
+   */
+  const rowInRange = sel !== null && rowIndex >= sel.startRow && rowIndex <= sel.endRow
+  const isLeftEdgeSelected = isRowChecked || (isMultiCell && rowInRange && sel!.startCol === 0)
 
   return (
     <tr onContextMenu={(e) => onContextMenu(e, row)}>
-      <td className={cn(CELL_CHECKBOX, 'cursor-pointer')}>
+      <td
+        className={cn(
+          CELL_CHECKBOX,
+          'cursor-pointer',
+          isLeftEdgeSelected && 'border-r-[var(--selection)]'
+        )}
+      >
         <div
           className={cn(
             'flex items-center',
@@ -322,7 +336,7 @@ export const DataRow = React.memo(function DataRow({
                   isFirstRow && isTopEdge && 'top-0',
                   isTopEdge && 'border-t border-t-[var(--selection)]',
                   isBottomEdge && 'border-b border-b-[var(--selection)]',
-                  isLeftEdge && 'border-l border-l-[var(--selection)]',
+                  isLeftEdge && colIndex !== 0 && 'border-l border-l-[var(--selection)]',
                   isRightEdge && 'border-r border-r-[var(--selection)]'
                 )}
               />