fix(web): Fix "Ranges must be added sorted by from position and startSide" by having codemirror sort for us (#743)

Author: brendan-kellam

CHANGELOG.md

@@ -9,6 +9,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Fixed
 - Fixed issue with filtering on generic git repo indexed from http/https [#742](https://github.com/sourcebot-dev/sourcebot/pull/742)
+- Fixed "Ranges must be added sorted by `from` position and `startSide`" error when browsing certain files. [#743](https://github.com/sourcebot-dev/sourcebot/pull/743)
 
 ## [4.10.10] - 2026-01-16
 

packages/web/src/app/[domain]/browse/[...path]/components/rangeHighlightingExtension.ts

@@ -25,14 +25,14 @@ export const rangeHighlightingExtension = (range: BrowseHighlightRange) => State
                 decorations.push(markDecoration.range(from, to));
             }
 
-            return Decoration.set(decorations);
+            return Decoration.set(decorations, /* sort = */ true);
         } else {
             const decorations: Range<Decoration>[] = [];
             for (let line = start.lineNumber; line <= end.lineNumber; line++) {
                 decorations.push(lineDecoration.range(state.doc.line(line).from));
             }
 
-            return Decoration.set(decorations);
+            return Decoration.set(decorations, /* sort = */ true);
         }
     },
     update(deco, tr) {

packages/web/src/ee/features/codeNav/components/symbolHoverPopup/symbolHoverTargetsExtension.ts

@@ -74,7 +74,7 @@ export const symbolHoverTargetsExtension = StateField.define<DecorationSet>({
                 }
             },
         });
-        return Decoration.set(decorations);
+        return Decoration.set(decorations, /* sort = */ true);
     },
     update(deco, tr) {
         return deco.map(tr.changes);

packages/web/src/features/chat/components/chatThread/codeFoldingExtension.ts

@@ -342,10 +342,7 @@ const createDecorations = (state: EditorState, foldingState: FoldingState): Deco
         decorations.push(decoration.range(from, to));
     });
 
-    // Sort decorations by their 'from' position to ensure proper ordering
-    decorations.sort((a, b) => a.from - b.from);
-
-    return Decoration.set(decorations);
+    return Decoration.set(decorations, /* sort = */ true);
 };
 
 // Combined StateField that manages both folding state and decorations

packages/web/src/features/chat/components/chatThread/referencedFileSourceListItem.tsx

@@ -156,8 +156,7 @@ const ReferencedFileSourceListItem = ({
                         }
                     }
 
-                    decorations.sort((a, b) => a.from - b.from);
-                    return Decoration.set(decorations);
+                    return Decoration.set(decorations, /* sort = */ true);
                 },
                 update(deco, tr) {
                     return deco.map(tr.changes);

packages/web/src/lib/extensions/searchResultHighlightExtension.ts

@@ -41,7 +41,7 @@ const matchHighlighter = StateField.define<DecorationSet>({
                     })
                     .filter((decoration) => decoration !== undefined);
 
-                highlights = Decoration.set(decorations)
+                highlights = Decoration.set(decorations, /* sort = */ true);
             }
         }