From 1e1a9ba978a80633a8566210c55ae7838d3f4ed1 Mon Sep 17 00:00:00 2001
From: nicholaspsmith <npsmith1990@gmail.com>
Date: Tue, 27 Jan 2026 11:09:56 -0500
Subject: [PATCH] feat: display project name in dashboard header

- Add project name below lance-context title
- Extract directory name from full project path
- Style with secondary text color

Co-Authored-By: Claude <noreply@anthropic.com>
---
 src/dashboard/ui.ts | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)

diff --git a/src/dashboard/ui.ts b/src/dashboard/ui.ts
index 2a0bf24..dda3dc0 100644
--- a/src/dashboard/ui.ts
+++ b/src/dashboard/ui.ts
@@ -132,11 +132,29 @@ export function getDashboardHTML(): string {
     }
 
     .header-left {
+      display: flex;
+      flex-direction: column;
+      align-items: flex-start;
+      gap: 4px;
+    }
+
+    .header-left h1 {
       display: flex;
       align-items: center;
       gap: 12px;
     }
 
+    .project-name {
+      font-size: 14px;
+      color: var(--text-secondary);
+      font-weight: 500;
+      padding-left: 52px; /* Align with text after logo */
+    }
+
+    .project-name:empty {
+      display: none;
+    }
+
     .header-right {
       display: flex;
       align-items: center;
@@ -772,6 +790,7 @@ export function getDashboardHTML(): string {
           lance-context
           <span class="version-badge" id="versionBadge"></span>
         </h1>
+        <div class="project-name" id="projectName"></div>
       </div>
       <div class="header-right">
         <button class="theme-toggle" id="themeToggle" title="Toggle theme">
@@ -1041,6 +1060,7 @@ export function getDashboardHTML(): string {
     const connectionDot = document.getElementById('connectionDot');
     const connectionText = document.getElementById('connectionText');
     const versionBadge = document.getElementById('versionBadge');
+    const projectNameHeader = document.getElementById('projectName');
     const indexBadge = document.getElementById('indexBadge');
     const fileCount = document.getElementById('fileCount');
     const chunkCount = document.getElementById('chunkCount');
@@ -1314,6 +1334,12 @@ export function getDashboardHTML(): string {
     function updateConfig(config) {
       projectPath.textContent = config.projectPath || '-';
 
+      // Update project name in header (extract directory name from path)
+      if (config.projectPath) {
+        const projectName = config.projectPath.split('/').pop() || config.projectPath;
+        projectNameHeader.textContent = projectName;
+      }
+
       if (config.chunking) {
         chunkSize.textContent = config.chunking.maxLines + ' lines (overlap: ' + config.chunking.overlap + ')';
       }