add something

src/lib/components/CommitPanel.svelte

@@ -4,6 +4,7 @@
   interface Props {
     commitMessage: string;
     canCommit: boolean;
+    commitBlockReason: string;
     hasRepository: boolean;
     isBusy: boolean;
     operation: string;
@@ -15,6 +16,7 @@
   let {
     commitMessage = "",
     canCommit = false,
+    commitBlockReason = "",
     hasRepository = false,
     isBusy = false,
     operation = "",
@@ -45,7 +47,10 @@
       placeholder="Commit message..."
       disabled={!hasRepository || isBusy}
     ></textarea>
-    <button class="btn-primary w-full flex-shrink-0" type="submit" disabled={!canCommit}>
+    {#if commitBlockReason}
+      <p class="commit-block-reason">{commitBlockReason}</p>
+    {/if}
+    <button class="btn-primary w-full flex-shrink-0" type="submit" disabled={!canCommit} title={commitBlockReason || "Commit staged changes"}>
       {#if operation === "Committing"}
         <LoaderCircle class="spin" size={16} aria-hidden="true" />
       {:else}