feat(ui): add git version info display in header

- Display current branch/tag and commit hash in navbar center
- Show dirty working directory indicator with yellow badge
- Add automatic build info generation in Task workflow
- Include build timestamp and user information
- Style with responsive design (hidden on mobile)
- Add .gitignore entries for generated build artifacts

layouts/partials/hooks/head-end.html

@@ -3,3 +3,7 @@
 <link rel="stylesheet" href="{{ "css/likec4-styles.css" | relURL }}">
 <script src="{{ "js/likec4-loader.js" | relURL }}"></script>
 {{ end }}
+
+<!-- Version Info Styles & Script -->
+<link rel="stylesheet" href="{{ "css/version-info.css" | relURL }}">
+{{ partial "version-info-script.html" . }}

layouts/partials/navbar-version.html

@@ -0,0 +1,17 @@
+{{/* Header version info - compact display in navbar */}}
+{{ $buildInfo := .Site.Data.build_info }}
+{{ if $buildInfo }}
+<div class="navbar-version-info d-none d-md-flex align-items-center">
+  <small class="text-light opacity-75">
+    {{ if $buildInfo.git_tag }}
+      <span class="fw-bold">{{ $buildInfo.git_tag }}</span>
+    {{ else }}
+      <span class="fw-bold">{{ $buildInfo.git_branch }}</span>
+    {{ end }}
+    <span class="mx-1">@</span><code class="text-light">{{ $buildInfo.git_commit_short }}</code>
+    {{ if $buildInfo.git_dirty }}
+      <span class="badge bg-warning text-dark ms-1 px-1" style="font-size: 0.6rem;">*</span>
+    {{ end }}
+  </small>
+</div>
+{{ end }}

layouts/partials/version-info-script.html

@@ -0,0 +1,35 @@
+{{/* Inline JavaScript to add version info to navbar */}}
+{{ $buildInfo := .Site.Data.build_info }}
+{{ if $buildInfo }}
+<script>
+document.addEventListener('DOMContentLoaded', function() {
+  // Find the navbar container
+  const navbarContainer = document.querySelector('.td-navbar .container-fluid');
+  if (!navbarContainer) return;
+  
+  // Create version info element
+  const versionDiv = document.createElement('div');
+  versionDiv.className = 'navbar-version-info d-none d-md-flex align-items-center mx-3';
+  versionDiv.style.flex = '1';
+  versionDiv.style.justifyContent = 'center';
+  
+  const versionText = {{ if $buildInfo.git_tag }}"{{ $buildInfo.git_tag }}"{{ else }}"{{ $buildInfo.git_branch }}"{{ end }};
+  const commitHash = "{{ $buildInfo.git_commit_short }}";
+  const isDirty = {{ $buildInfo.git_dirty }};
+  
+  versionDiv.innerHTML = `
+    <small class="text-light opacity-75">
+      <span class="fw-bold">${versionText}</span>
+      <span class="mx-1">@</span><code class="text-light bg-transparent border-0 p-0" style="font-size: 0.8rem;">${commitHash}</code>
+      ${isDirty ? '<span class="badge bg-warning text-dark ms-1 px-1" style="font-size: 0.6rem;">*</span>' : ''}
+    </small>
+  `;
+  
+  // Insert version info between brand and nav items
+  const navScroll = navbarContainer.querySelector('.td-navbar-nav-scroll');
+  if (navScroll) {
+    navbarContainer.insertBefore(versionDiv, navScroll);
+  }
+});
+</script>
+{{ end }}

layouts/partials/version-info.html

@@ -0,0 +1,36 @@
+{{/* Version info banner - displays git commit info and build time */}}
+{{ $buildInfo := .Site.Data.build_info }}
+{{ if $buildInfo }}
+<div class="version-info-banner">
+  <div class="container-fluid">
+    <div class="row align-items-center">
+      <div class="col-md-8">
+        <small class="text-muted">
+          <i class="fab fa-git-alt me-1"></i>
+          {{ if $buildInfo.git_tag }}
+            <strong>{{ $buildInfo.git_tag }}</strong>
+            {{ if ne $buildInfo.git_tag $buildInfo.git_commit }}
+              <span class="text-muted">(@{{ $buildInfo.git_commit_short }})</span>
+            {{ end }}
+          {{ else }}
+            <strong>{{ $buildInfo.git_branch }}</strong>
+            <span class="text-muted">@{{ $buildInfo.git_commit_short }}</span>
+          {{ end }}
+          {{ if $buildInfo.git_dirty }}
+            <span class="badge badge-warning ms-1">dirty</span>
+          {{ end }}
+        </small>
+      </div>
+      <div class="col-md-4 text-md-end">
+        <small class="text-muted">
+          <i class="far fa-clock me-1"></i>
+          Built {{ $buildInfo.build_time_human }}
+          {{ if $buildInfo.build_user }}
+            by {{ $buildInfo.build_user }}
+          {{ end }}
+        </small>
+      </div>
+    </div>
+  </div>
+</div>
+{{ end }}