UI Changes

Author: cborac

frontend/src/components/PartSwapper.tsx

@@ -732,7 +732,7 @@ export default function PartSwapper({ sequence, regions, result, onResultChange,
             </Box>
             <Box style={{ borderTop: '1px solid #dee2e6' }} pt="xs">
               <Group justify="space-between" mb={6}>
-                <Text size="sm" fw={500}>UTR length</Text>
+                <Text size="sm" fw={500}>Non-coding frame length</Text>
                 <Text size="sm" c="dimmed">{utrLength} bp</Text>
               </Group>
               <Slider min={0} max={200} step={10} value={utrLength} onChange={setUtrLength} />

frontend/src/components/SequenceAnnotator.tsx

@@ -86,9 +86,9 @@ export default function SequenceAnnotator({ sequence, regions: initRegions, onBa
       setPending({ start: lo, end: hi });
       const sliceAa = sequence.slice(lo, hi + 1).toUpperCase();
       const suggestedName =
-        regionType === 'part'
-          ? (elpRepeatName(sliceAa) ?? `P${regions.filter(r => r.type === 'part').length + 1}`)
-          : `L${regions.filter(r => r.type === 'linker').length + 1}`;
+        elpRepeatName(sliceAa) || (regionType === 'part'
+          ? (`P${regions.filter(r => r.type === 'part').length + 1}`)
+          : `L${regions.filter(r => r.type === 'linker').length + 1}`);
       setRegionName(suggestedName);
       setModalOpen(true);
       setSelAnchor(null);