Fix a couple of issues in commit lines

- local line was not using the `.first` class
- `localIn` prop must be undefined if first
- simplify and fix "out type" calculation

app/src/lib/components/CommitList.svelte

@@ -39,7 +39,6 @@
 	$: hasLocalColumn = $localCommits.length > 0;
 	$: hasCommits = $branch.commits && $branch.commits.length > 0;
 	$: headCommit = $branch.commits.at(0);
-	$: firstCommit = $branch.commits.at(-1);
 	$: hasLocalCommits = $localCommits.length > 0;
 	$: hasUnknownCommits = $unknownCommits.length > 0;
 	$: hasIntegratedCommits = $integratedCommits.length > 0;
@@ -61,19 +60,13 @@
 			return commit.next?.status;
 		}
 
-		let pointer: Commit | undefined = commit;
-		let upstreamCommit = commit.relatedTo;
+		let pointer: Commit | undefined = commit.next;
 
-		while (!upstreamCommit && pointer) {
-			pointer = pointer.prev;
-			upstreamCommit = pointer?.relatedTo;
+		while (pointer && !pointer.relatedTo) {
+			pointer = pointer.next;
 		}
-
-		if (!upstreamCommit) return hasUnknownCommits ? 'upstream' : undefined;
-
-		let nextUpstreamCommit = upstreamCommit.next?.relatedTo;
-		if (nextUpstreamCommit) return nextUpstreamCommit.status;
-		if (hasUnknownCommits) return 'upstream';
+		if (pointer) return pointer.status;
+		return hasUnknownCommits ? 'upstream' : undefined;
 	}
 
 	function getBaseShadowOutType(): CommitStatus | undefined {
@@ -85,7 +78,8 @@
 
 	function getBaseRemoteOutType(): CommitStatus | undefined {
 		if (isRebased) return;
-		if (firstCommit && firstCommit.status !== 'local') return firstCommit.status;
+		if (hasIntegratedCommits) return 'integrated';
+		if (hasShadowedCommits || hasRemoteCommits) return 'remote';
 		if (hasUnknownCommits) return 'upstream';
 	}
 
@@ -163,7 +157,7 @@
 						<CommitLines
 							{isRebased}
 							{hasLocalColumn}
-							localIn={'local'}
+							localIn={idx !== $localCommits.length - 1 ? 'local' : undefined}
 							localOut={'local'}
 							author={commit.author}
 							sectionFirst={idx === 0}

app/src/lib/components/LocalLine.svelte

@@ -16,6 +16,7 @@
 	{#if outType}
 		<div
 			class="local-line tip"
+			class:first={sectionFirst}
 			class:dashed={outDashed}
 			class:integrated={inType === 'integrated'}
 		/>
@@ -24,7 +25,7 @@
 		<div
 			class="local-line short"
 			class:dashed={inDashed}
-			class:sectionFirst
+			class:first={sectionFirst}
 			class:has-root={root}
 			class:integrated={inType === 'integrated'}
 		/>
@@ -62,10 +63,16 @@
 			bottom: 8px;
 		}
 		&.tip {
-			bottom: calc(100% - var(--avatar-first-top));
+			bottom: calc(100% - var(--avatar-top) - 4px);
+			&.first {
+				bottom: calc(100% - var(--avatar-first-top) - 4px);
+			}
 		}
 		&.short {
-			top: var(--avatar-first-top);
+			top: calc(var(--avatar-top) + 4px);
+			&.first {
+				top: calc(var(--avatar-first-top) + 4px);
+			}
 		}
 		&.integrated {
 			background-color: var(--clr-commit-shadow);
@@ -75,7 +82,7 @@
 	.root {
 		position: absolute;
 		width: 10px;
-		top: calc(100% - 14px);
+		top: calc(var(--avatar-top) + 4px);
 		left: -4px;
 		bottom: -2px;
 		border-radius: 0 0 var(--radius-l) 0;