Add editable prop to CommitTitle component for context-aware messages

This way we can show empty commits without the 'drag changes here' text.

Co-authored-by: Byron <[email protected]>

Author: 2 people

apps/desktop/src/components/BranchCommitList.svelte

@@ -272,6 +272,7 @@
 								{active}
 								onclick={() => handleCommitClick(commit.id, true)}
 								disableCommitActions={false}
+								editable={!!stackId}
 							/>
 						{/if}
 					{/each}
@@ -414,6 +415,7 @@
 								{active}
 								onclick={() => handleCommitClick(commit.id, false)}
 								disableCommitActions={false}
+								editable={!!stackId}
 							>
 								{#snippet menu({ rightClickTrigger })}
 									{@const data = {

apps/desktop/src/components/BranchesViewBranch.svelte

@@ -86,6 +86,7 @@
 							});
 						}}
 						lastCommit={idx === branch.upstreamCommits.length - 1 && branch.commits.length === 0}
+						editable={false}
 					/>
 				{/each}
 				{#each branch.commits || [] as commit, idx}
@@ -108,6 +109,7 @@
 						}}
 						lastCommit={idx === branch.commits.length - 1}
 						active
+						editable={false}
 					/>
 				{/each}
 			</div>

apps/desktop/src/components/CommitRow.svelte

@@ -27,6 +27,7 @@
 		active?: boolean;
 		hasConflicts?: boolean;
 		disabled?: boolean;
+		editable?: boolean;
 		menu?: Snippet<[{ rightClickTrigger: HTMLElement }]>;
 		onclick?: () => void;
 	};
@@ -74,6 +75,7 @@
 		disabled,
 		hasConflicts,
 		active,
+		editable = true,
 		onclick,
 		menu,
 		...args
@@ -146,7 +148,7 @@
 		{/if}
 
 		<div class="commit-name truncate">
-			<CommitTitle {commitMessage} truncate className="text-13 text-semibold" />
+			<CommitTitle {commitMessage} truncate className="text-13 text-semibold" {editable} />
 		</div>
 
 		{#if !args.disableCommitActions}

apps/desktop/src/components/CommitTitle.svelte

@@ -6,17 +6,18 @@
 		truncate?: boolean;
 		commitMessage: string;
 		className?: string;
+		editable?: boolean;
 	};
 
-	const { commitMessage, truncate, className }: Props = $props();
+	const { commitMessage, truncate, className, editable = true }: Props = $props();
 
 	const title = $derived(splitMessage(commitMessage).title);
 
 	function getTitle() {
 		if (title) {
 			return title;
 		}
-		return 'Empty commit. Drag changes here';
+		return editable ? 'Empty commit. Drag changes here' : 'Empty commit';
 	}
 </script>
 

apps/desktop/src/components/CommitView.svelte

@@ -166,6 +166,7 @@
 					truncate
 					commitMessage={commit.message}
 					className="text-14 text-semibold text-body"
+					editable={!isReadOnly}
 				/>
 			{/snippet}
 

apps/desktop/src/components/TargetCommitList.svelte

@@ -105,6 +105,7 @@
 						commitMessage={commit.message}
 						createdAt={commit.createdAt}
 						author={commit.author}
+						editable={false}
 						onclick={() => {
 							branchesState.set({
 								commitId: commit.id,

apps/desktop/src/components/UnappliedCommitView.svelte

@@ -30,6 +30,7 @@
 					truncate
 					commitMessage={commit.message}
 					className="text-14 text-semibold text-body"
+					editable={false}
 				/>
 			{/snippet}
 

apps/desktop/src/components/codegen/CodegenPage.svelte

@@ -986,6 +986,7 @@
 							lastCommit={i === commits.length - 1}
 							{lastBranch}
 							tooltip={commitStatusLabel(commit.state.type)}
+							editable={false}
 						/>
 					{/each}
 				{/snippet}