- Foldable left panel (user profile) and right panel (task details) - Clicking a task in the list or graph node selects it and shows details - Both views (task list + graph) always mounted via absolute inset-0 for correct canvas dimensions; tabs toggle visibility with opacity - Graph node selection animation: other nodes repel outward (charge -600), then selected node smoothly slides to center (500ms cubic ease-out), then charge restores to -120 and graph stabilizes - Graph re-fits on tab switch and panel resize via ResizeObserver - Fix UUID string IDs throughout (backend returns UUIDs, not integers) - Add TaskDetailPanel, UserPanel components - Add CLAUDE.md project documentation Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
36 lines
953 B
JavaScript
36 lines
953 B
JavaScript
/**
|
|
* ...something resembling a binary search, to find the lowest line within the range.
|
|
* And then you could break as soon as the line is longer than the range...
|
|
*/
|
|
module.exports.sliceRange = (lines, startCol, endCol, inclusive = false) => {
|
|
let start = 0
|
|
let end = lines.length
|
|
|
|
if (inclusive) {
|
|
// I consider this a temporary solution until I find an alternaive way to fix the "off by one issue"
|
|
--startCol
|
|
}
|
|
|
|
while (start < end) {
|
|
let mid = (start + end) >> 1
|
|
if (startCol >= lines[mid].endCol) {
|
|
start = mid + 1
|
|
} else if (endCol < lines[mid].startCol) {
|
|
end = mid - 1
|
|
} else {
|
|
end = mid
|
|
while (mid >= 0 && startCol < lines[mid].endCol && endCol >= lines[mid].startCol) {
|
|
--mid
|
|
}
|
|
start = mid + 1
|
|
break
|
|
}
|
|
}
|
|
|
|
while (end < lines.length && startCol < lines[end].endCol && endCol >= lines[end].startCol) {
|
|
++end
|
|
}
|
|
|
|
return lines.slice(start, end)
|
|
}
|