From c990f5cd3a6c0afc70a0a1c9b60b63acdb645ea5 Mon Sep 17 00:00:00 2001
From: Riz Ashraf <reazul.ashraf@inseinc.com>
Date: Sun, 27 Sep 2026 22:10:41 +0100
Subject: [PATCH] feat(ui): add Pinned Files tab and Milestone tracking to the
 dashboard

---
 server/src/dashboard.html | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/server/src/dashboard.html b/server/src/dashboard.html
index 3770fe4..159c2a1 100644
--- a/server/src/dashboard.html
+++ b/server/src/dashboard.html
@@ -481,6 +481,7 @@
             <button class="tab-button" onclick="switchTab('techdebt-tab', this)">Tech Debt</button>
             <button class="tab-button" onclick="switchTab('adrs-tab', this)">Decisions (ADR)</button>
             <button class="tab-button" onclick="switchTab('workspaces-tab', this)">Workspaces</button>
+            <button class="tab-button" onclick="switchTab('pinned-tab', this)">Pinned Files</button>
             <button class="tab-button" onclick="switchTab('memos-tab', this)">Handoffs</button>
             <button class="tab-button" onclick="switchTab('snippets-tab', this)">Snippets</button>
             <button class="tab-button" onclick="switchTab('pr-tab', this)">PRs</button>
@@ -558,10 +559,19 @@
             </div>
         </div>
 
+        <div id="pinned-tab" class="tab-content">
+            <div class="panel" style="flex:1; display:flex; flex-direction:column; overflow-y:auto;">
+                <h2>Pinned Files</h2>
+                <div id="pinned-container" style="display:flex; flex-direction:column; gap:15px;"></div>
+            </div>
+        </div>
+        
         <div id="memos-tab" class="tab-content">
             <div class="panel" style="flex:1; display:flex; flex-direction:column; overflow-y:auto;">
-                <h2>Handoff Memos & Milestones</h2>
-                <div id="memos-container" style="display:flex; flex-direction:column; gap:15px;"></div>
+                <h2>Handoff Memos & Session Summaries</h2>
+                <div id="memos-container" style="display:flex; flex-direction:column; gap:15px; margin-bottom: 30px;"></div>
+                <h2>Project Milestones</h2>
+                <div id="milestones-container" style="display:flex; flex-direction:column; gap:15px;"></div>
             </div>
         </div>