Changeset 0.19.1 (#83)

src/js/ui-core.js

@@ -312,7 +312,9 @@ const UI = {
                     : '<span class="project-dot"></span>';
                 const arrow = isCollapsed ? '▸' : '▾';
 
-                html += `<div class="project-group"
+                const isActive = App.activeProjectId === proj.id;
+
+                html += `<div class="project-group${isActive ? ' active' : ''}"
                               ondragover="onProjectDragOver(event)"
                               ondragleave="onProjectDragLeave(event)"
                               ondrop="onProjectDrop(event,'${proj.id}')">
@@ -320,6 +322,7 @@ const UI = {
                         <span class="project-arrow">${arrow}</span>
                         ${colorDot}
                         <span class="project-name">${esc(proj.name)}</span>
+                        ${isActive ? '<span class="project-pin" title="Active project">📌</span>' : ''}
                         <span class="project-count">${projChats.length}</span>
                         <button class="project-menu-btn" onclick="event.stopPropagation();showProjectMenu(event,'${proj.id}')" title="Project options">⋯</button>
                     </div>`;
@@ -346,6 +349,9 @@ const UI = {
                               ondragleave="onProjectDragLeave(event)"
                               ondrop="onRecentDrop(event)">
                     <div class="chat-group-label" style="padding-top:8px">Recent</div>`;
+                if (recentChats.length === 0) {
+                    html += '<div class="project-empty">Drop chats here to unassign</div>';
+                }
             }
         }