@cryptiklemur/lattice 1.41.3 → 1.42.0

package/client/src/components/sidebar/ProjectRail.tsx

@@ -19,6 +19,7 @@ function getProjectInitials(title: string): string {
 interface ProjectGroup {
   slug: string;
   title: string;
+  activeSessions: number;
   nodes: Array<{ nodeId: string; nodeName: string; online: boolean; path: string }>;
 }
 
@@ -36,8 +37,9 @@ function groupProjectsBySlug(projects: ProjectInfo[], nodes: NodeInfo[]): Projec
     };
     if (existing) {
       existing.nodes.push(nodeEntry);
+      existing.activeSessions += p.activeSessions ?? 0;
     } else {
-      groups.set(p.slug, { slug: p.slug, title: p.title, nodes: [nodeEntry] });
+      groups.set(p.slug, { slug: p.slug, title: p.title, activeSessions: p.activeSessions ?? 0, nodes: [nodeEntry] });
     }
   }
   return Array.from(groups.values());
@@ -95,6 +97,12 @@ function ProjectButton(props: ProjectButtonProps) {
         {initials}
       </button>
 
+      {props.group.activeSessions > 0 && (
+        <div className="absolute -top-1 -right-1 min-w-[16px] h-[16px] rounded-full bg-primary text-primary-content text-[9px] font-bold flex items-center justify-center pointer-events-none px-1">
+          {props.group.activeSessions}
+        </div>
+      )}
+
       <div className="absolute bottom-0 right-0 flex gap-[2px] pointer-events-none">
         {props.group.nodes.map(function (n) {
           return (
@@ -137,6 +145,59 @@ function ProjectButton(props: ProjectButtonProps) {
   );
 }
 
+function NodeIndicator({ node }: { node: NodeInfo }) {
+  var [hovered, setHovered] = useState(false);
+  var [tooltipTop, setTooltipTop] = useState(0);
+  var sidebar = useSidebar();
+  var initial = node.name.charAt(0).toUpperCase();
+
+  return (
+    <div className="relative flex items-center">
+      <button
+        onClick={function () { sidebar.openSettings("nodes"); }}
+        onMouseEnter={function (e) {
+          var rect = e.currentTarget.getBoundingClientRect();
+          setTooltipTop(rect.top + rect.height / 2);
+          setHovered(true);
+        }}
+        onMouseLeave={function () { setHovered(false); }}
+        className={
+          "w-[28px] h-[28px] flex items-center justify-center text-[10px] font-bold rounded-full cursor-pointer transition-all duration-[120ms] flex-shrink-0 border-2 " +
+          (node.online
+            ? "border-success/50 bg-base-200 text-base-content/50 hover:bg-base-200/80"
+            : "border-error/30 bg-base-200/50 text-base-content/25 hover:bg-base-200/60")
+        }
+      >
+        {initial}
+      </button>
+      {hovered && (
+        <div
+          className="pointer-events-none z-[9000] bg-base-300 border border-base-content/20 rounded-lg px-2.5 py-1.5 shadow-xl"
+          style={{
+            position: "fixed",
+            left: "calc(64px + 8px)",
+            top: tooltipTop + "px",
+            transform: "translateY(-50%)",
+          }}
+        >
+          <div className="flex items-center gap-1.5">
+            <div className={"w-[6px] h-[6px] rounded-full flex-shrink-0 " + (node.online ? "bg-success" : "bg-error")} />
+            <span className="text-[12px] font-bold text-base-content whitespace-nowrap">{node.name}</span>
+          </div>
+          {node.addresses && node.addresses.length > 0 && (
+            <div className="text-[10px] text-base-content/40 mt-0.5 whitespace-nowrap">
+              {node.addresses[0]}
+            </div>
+          )}
+          <div className="text-[10px] text-base-content/30 mt-0.5">
+            {node.projects.length} project{node.projects.length !== 1 ? "s" : ""}
+          </div>
+        </div>
+      )}
+    </div>
+  );
+}
+
 interface ProjectRailProps {
   projects: ProjectInfo[];
   nodes: NodeInfo[];
@@ -151,6 +212,7 @@ export function ProjectRail(props: ProjectRailProps) {
   var ws = useWebSocket();
   var sidebar = useSidebar();
   var groups = groupProjectsBySlug(props.projects, props.nodes);
+  var remoteNodes = props.nodes.filter(function (n) { return !n.isLocal; });
   var [contextMenu, setContextMenu] = useState<ContextMenuState>({
     visible: false,
     x: 0,
@@ -255,10 +317,18 @@ export function ProjectRail(props: ProjectRailProps) {
       })}
 
 
-      {groups.length > 0 && (
+      {groups.length > 0 && remoteNodes.length > 0 && (
         <div className="w-6 h-px bg-base-300 my-0.5 flex-shrink-0" />
       )}
 
+      {remoteNodes.map(function (node) {
+        return (
+          <NodeIndicator key={node.id} node={node} />
+        );
+      })}
+
+      <div className="w-6 h-px bg-base-300 my-0.5 flex-shrink-0" />
+
       <button
         onClick={function () { sidebar.openAddProject(); }}
         className="w-[42px] h-[42px] flex items-center justify-center rounded-full border-2 border-dashed border-base-content/25 text-base-content/20 hover:border-base-content/40 hover:text-base-content/40 transition-colors duration-[120ms] flex-shrink-0 cursor-pointer"

package/client/src/router.tsx

@@ -15,7 +15,6 @@ import { AddProjectModal } from "./components/sidebar/AddProjectModal";
 import { useSidebar } from "./hooks/useSidebar";
 import { useWorkspace } from "./hooks/useWorkspace";
 import { useWebSocket } from "./hooks/useWebSocket";
-import { UpdateBanner } from "./components/ui/UpdateBanner";
 import { NodeDisconnectedOverlay } from "./components/ui/NodeDisconnectedOverlay";
 import { useSwipeDrawer } from "./hooks/useSwipeDrawer";
 import { exitSettings, getSidebarStore, handlePopState, closeDrawer, toggleDrawer } from "./stores/sidebar";
@@ -424,7 +423,6 @@ function RootLayout() {
         />
 
         <main id="main-content" className="drawer-content flex flex-col h-full min-w-0 overflow-hidden relative">
-          <UpdateBanner />
           <Outlet />
           <NodeDisconnectedOverlay />
         </main>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cryptiklemur/lattice",
-  "version": "1.41.3",
+  "version": "1.42.0",
   "description": "Multi-machine agentic dashboard for Claude Code. Monitor sessions, manage MCP servers and skills, orchestrate across mesh-networked nodes.",
   "license": "MIT",
   "author": "Aaron Scherer <me@aaronscherer.me>",

package/server/src/daemon.ts

@@ -18,7 +18,7 @@ import { detectIdeProjectName } from "./handlers/settings";
 import "./handlers/session";
 import "./handlers/chat";
 import "./handlers/attachment";
-import { loadInterruptedSessions, unwatchSessionLock, cleanupClientPermissions } from "./project/sdk-bridge";
+import { loadInterruptedSessions, unwatchSessionLock, cleanupClientPermissions, getActiveSessionCountForProject } from "./project/sdk-bridge";
 import { clearActiveSession, getActiveSession } from "./handlers/chat";
 import { clearActiveProject } from "./handlers/fs";
 import { clearClientRemoteNode } from "./ws/router";
@@ -410,7 +410,7 @@ export async function startDaemon(portOverride?: number | null): Promise<void> {
     var currentIdentity = loadOrCreateIdentity();
     broadcast({ type: "mesh:nodes", nodes: buildNodesMessage() });
     var localProjects = currentConfig.projects.map(function (p: typeof currentConfig.projects[number]) {
-      return { slug: p.slug, path: p.path, title: p.title, nodeId: currentIdentity.id, nodeName: currentConfig.name, isRemote: false, ideProjectName: detectIdeProjectName(p.path) };
+      return { slug: p.slug, path: p.path, title: p.title, nodeId: currentIdentity.id, nodeName: currentConfig.name, isRemote: false, ideProjectName: detectIdeProjectName(p.path), activeSessions: getActiveSessionCountForProject(p.path) };
     });
     var remoteProjects = getAllRemoteProjects(currentIdentity.id);
     broadcast({

package/server/src/project/sdk-bridge.ts

@@ -212,6 +212,41 @@ export function getActiveStreamCount(): number {
   return activeStreams.size;
 }
 
+export function getActiveSessionCountForProject(projectPath: string): number {
+  var count = 0;
+  var hash = projectPath.replace(/\//g, "-");
+  var dir = join(homedir(), ".claude", "projects", hash);
+
+  for (var [sessionId] of activeStreams) {
+    if (existsSync(join(dir, sessionId + ".jsonl"))) count++;
+  }
+
+  for (var [sessionId2] of streamMetadata) {
+    void sessionId2;
+  }
+
+  if (isClaudeCliRunningInProject(projectPath)) count++;
+
+  return count;
+}
+
+function isClaudeCliRunningInProject(projectPath: string): boolean {
+  try {
+    var result = Bun.spawnSync(["pgrep", "-x", "claude"], { stderr: "ignore" });
+    if (result.exitCode !== 0) return false;
+    var pids = result.stdout.toString().trim().split("\n");
+    for (var i = 0; i < pids.length; i++) {
+      var pid = parseInt(pids[i], 10);
+      if (isNaN(pid) || pid === process.pid) continue;
+      try {
+        var cwd = readlinkSync("/proc/" + pid + "/cwd");
+        if (cwd === projectPath) return true;
+      } catch {}
+    }
+  } catch {}
+  return false;
+}
+
 /**
  * Check if a session is controlled by an external process (not Lattice).
  * Lattice's own active streams are handled by isProcessing on the client,

package/shared/src/models.ts

@@ -23,6 +23,7 @@ export interface ProjectInfo extends ProjectSummary {
   isRemote: boolean;
   online?: boolean;
   ideProjectName?: string;
+  activeSessions?: number;
 }
 
 export interface SessionSummary {