Commit goes here for empty branch

Adds the little indicator right under the branch header.

Author: mtsgrd

apps/desktop/src/components/v3/BranchCard.svelte

@@ -17,6 +17,7 @@
 		branchName: string;
 		iconName: keyof typeof iconsJson;
 		draft?: boolean;
+		isCommitting?: boolean;
 	} & (
 		| { draft: true; description?: Snippet }
 		| {
@@ -43,7 +44,7 @@
 		  }
 	);
 
-	let { projectId, branchName, iconName, ...args }: Props = $props();
+	let { projectId, branchName, iconName, isCommitting, ...args }: Props = $props();
 
 	const [uiState] = inject(UiState);
 
@@ -84,6 +85,7 @@
 			trackingBranch={args.trackingBranch}
 			{isMenuOpenByBtn}
 			{isMenuOpenByMouse}
+			{isCommitting}
 			selected={selected && selection?.current?.commitId === undefined}
 			isTopBranch={args.first}
 			isNewBranch={args.isNewBranch}
@@ -153,7 +155,7 @@
 		/>
 	{/if}
 
-	{#if !args.draft && !args.isNewBranch}
+	{#if !args.draft}
 		{@render args.commitList?.()}
 	{/if}
 </div>

apps/desktop/src/components/v3/BranchCommitList.svelte

@@ -12,6 +12,7 @@
 		stackId: string;
 		branchName: string;
 		selectedCommitId?: string;
+		empty?: Snippet;
 		upstreamTemplate?: Snippet<
 			[
 				{
@@ -42,6 +43,7 @@
 		stackId,
 		branchName,
 		selectedCommitId,
+		empty,
 		localAndRemoteTemplate,
 		upstreamTemplate
 	}: Props = $props();
@@ -60,6 +62,9 @@
 	result={combineResults(upstreamOnlyCommits.current, localAndRemoteCommits.current)}
 >
 	{#snippet children([upstreamOnlyCommits, localAndRemoteCommits], { stackId })}
+		{#if localAndRemoteCommits.length === 0}
+			{@render empty?.()}
+		{/if}
 		<div class="commit-list">
 			{#if upstreamTemplate}
 				{#each upstreamOnlyCommits as commit, i (commit.id)}

apps/desktop/src/components/v3/BranchHeader.svelte

@@ -19,6 +19,7 @@
 		lineColor: string;
 		menuBtnEl?: HTMLButtonElement;
 		draft?: boolean;
+		isCommitting?: boolean;
 	} & (
 		| { draft: true }
 		| {
@@ -44,6 +45,7 @@
 		readonly,
 		iconName,
 		lineColor,
+		isCommitting,
 		menuBtnEl = $bindable(),
 		...args
 	}: Props = $props();
@@ -80,6 +82,7 @@
 		role="button"
 		class="branch-header"
 		class:new-branch={args.isNewBranch}
+		class:is-committing={isCommitting}
 		class:selected={args.selected}
 		onclick={args.onclick}
 		oncontextmenu={(e) => {
@@ -228,8 +231,7 @@
 			border-bottom: none;
 			border-radius: var(--radius-ml);
 		}
-		&.draft {
-			border-bottom: none;
+		&.is-committing {
 			border-radius: var(--radius-ml) var(--radius-ml) 0 0;
 		}
 	}

apps/desktop/src/components/v3/BranchList.svelte

@@ -92,6 +92,7 @@
 						{first}
 						{last}
 						{isNewBranch}
+						{isCommitting}
 						pushStatus={branchDetails.pushStatus}
 						isConflicted={branchDetails.isConflicted}
 						lastUpdatedAt={branchDetails.lastUpdatedAt}
@@ -101,6 +102,11 @@
 					>
 						{#snippet commitList()}
 							<BranchCommitList {projectId} {stackId} {branchName} {selectedCommitId}>
+								{#snippet empty()}
+									{#if isCommitting}
+										<CommitGoesHere selected first last />
+									{/if}
+								{/snippet}
 								{#snippet upstreamTemplate({ commit, first, lastCommit, selected })}
 									{@const commitId = commit.id}
 									{#if !isCommitting}
@@ -133,11 +139,11 @@
 										/>
 									{/if}
 									{@const dzCommit: DzCommitData = {
-								id: commit.id,
-								isRemote: isUpstreamCommit(commit),
-								isIntegrated: isLocalAndRemoteCommit(commit) && commit.state.type === 'Integrated',
-								isConflicted: isLocalAndRemoteCommit(commit) && commit.hasConflicts,
-							}}
+										id: commit.id,
+										isRemote: isUpstreamCommit(commit),
+										isIntegrated: isLocalAndRemoteCommit(commit) && commit.state.type === 'Integrated',
+										isConflicted: isLocalAndRemoteCommit(commit) && commit.hasConflicts,
+									}}
 									{@const amendHandler = new AmendCommitWithChangeDzHandler(
 										projectId,
 										stackService,