test

src/App.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import { onDestroy, onMount } from "svelte";
-  import { AlertCircle, Check, GitMerge, LoaderCircle } from "@lucide/svelte";
+  import { AlertCircle, Check, GitBranch, GitMerge, LoaderCircle } from "@lucide/svelte";
 
   import TitleBar from "./lib/TitleBar.svelte";
   import BranchPanel from "./lib/components/BranchPanel.svelte";
@@ -639,13 +639,15 @@
       <!-- Center: summary + status + commit + file history + compare -->
       <section class="main-panel" aria-label="Repository status">
         <div class="repo-summary">
-          <div>
-            <span class="eyebrow">Current repo</span>
-            <h1>{status?.current_branch ?? "No repository"}</h1>
-            <p>{activeRepoPath || "Enter a path and open a repository."}</p>
+          <div class="repo-meta">
+            <GitBranch size={13} aria-hidden="true" />
+            <strong class="repo-branch">{status?.current_branch ?? "No repository"}</strong>
+            {#if activeRepoPath}
+              <span class="repo-path" title={activeRepoPath}>{activeRepoPath}</span>
+            {/if}
           </div>
           <div class="sync-stats" aria-label="Sync state">
-            <span title="Upstream">{status?.upstream ?? "No upstream"}</span>
+            {#if status?.upstream}<span title="Upstream">{status.upstream}</span>{/if}
             <strong>{status?.ahead ?? 0} ahead</strong>
             <strong>{status?.behind ?? 0} behind</strong>
           </div>