@cryptiklemur/lattice 1.41.2 → 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.2",
+  "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

@@ -4,7 +4,7 @@ import type { SDKMessage, SDKPartialAssistantMessage, SDKResultMessage, SDKUserM
 import type { CanUseTool, PermissionMode, PermissionResult, PermissionUpdate } from "@anthropic-ai/claude-agent-sdk";
 type MessageParam = SDKUserMessage["message"];
 import type { Attachment } from "@lattice/shared";
-import { existsSync, readFileSync, writeFileSync, mkdirSync, statSync } from "node:fs";
+import { existsSync, readFileSync, writeFileSync, mkdirSync, statSync, readdirSync, readlinkSync } from "node:fs";
 import { join, resolve } from "node:path";
 import { homedir } from "node:os";
 import { sendTo, broadcast } from "../ws/broadcast";
@@ -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,
@@ -227,47 +262,116 @@ export function isSessionBusy(sessionId: string): boolean {
  * The SDK spawns child processes (e.g. claude-agent-sdk/cli.js) that hold
  * lock files — those are NOT external.
  */
-function isSessionLockedByExternal(sessionId: string): boolean {
-  if (activeStreams.has(sessionId)) return false;
-
+function getProjectPathForSession(sessionId: string): string | null {
   var config = loadConfig();
   for (var i = 0; i < config.projects.length; i++) {
-    var projectPath = config.projects[i].path;
-    var hash = projectPath.replace(/\//g, "-");
+    var hash = config.projects[i].path.replace(/\//g, "-");
     var jsonlPath = join(homedir(), ".claude", "projects", hash, sessionId + ".jsonl");
-    if (existsSync(jsonlPath)) {
+    if (existsSync(jsonlPath)) return config.projects[i].path;
+  }
+  return null;
+}
+
+function getClaudeCliPids(): Array<{ pid: number; cwd: string; cmdline: string[] }> {
+  var results: Array<{ pid: number; cwd: string; cmdline: string[] }> = [];
+  try {
+    var result = Bun.spawnSync(["pgrep", "-x", "claude"], { stderr: "ignore" });
+    if (result.exitCode !== 0) return results;
+    var pidStrs = result.stdout.toString().trim().split("\n");
+    for (var i = 0; i < pidStrs.length; i++) {
+      var pid = parseInt(pidStrs[i], 10);
+      if (isNaN(pid) || pid === process.pid) continue;
       try {
-        var stat = statSync(jsonlPath);
-        var mtime = stat.mtimeMs;
-        if (Date.now() - mtime < 10000) {
-          return true;
-        }
+        var cwd = readlinkSync("/proc/" + pid + "/cwd");
+        var cmdline = readFileSync("/proc/" + pid + "/cmdline", "utf-8").split("\0");
+        results.push({ pid, cwd, cmdline });
       } catch {}
     }
+  } catch {}
+  return results;
+}
+
+function resolveSessionName(projectPath: string, name: string): string | null {
+  var hash = projectPath.replace(/\//g, "-");
+  var dir = join(homedir(), ".claude", "projects", hash);
+  if (!existsSync(dir)) return null;
+
+  if (/^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/.test(name)) {
+    if (existsSync(join(dir, name + ".jsonl"))) return name;
   }
 
-  return false;
+  var entries = readdirSync(dir).filter(function (f) { return f.endsWith(".jsonl"); });
+  for (var e = 0; e < entries.length; e++) {
+    try {
+      var result = Bun.spawnSync(["grep", "-m", "1", "custom-title", join(dir, entries[e])], { stdout: "pipe", stderr: "ignore" });
+      if (result.exitCode !== 0) continue;
+      var line = result.stdout.toString().trim();
+      if (!line) continue;
+      var parsed = JSON.parse(line);
+      if (parsed.type === "custom-title" && parsed.customTitle === name) {
+        return entries[e].replace(".jsonl", "");
+      }
+    } catch {}
+  }
+  return null;
 }
 
-export function stopExternalSession(sessionId: string): boolean {
-  try {
-    var config = loadConfig();
-    for (var i = 0; i < config.projects.length; i++) {
-      var hash = config.projects[i].path.replace(/\//g, "-");
-      var jsonlPath = join(homedir(), ".claude", "projects", hash, sessionId + ".jsonl");
-      if (existsSync(jsonlPath)) {
-        var result = Bun.spawnSync(["fuser", jsonlPath], { stderr: "ignore" });
-        if (result.exitCode === 0) {
-          var output = result.stdout.toString().trim();
-          var pids = output.split(/\s+/).map(Number).filter(function (p) { return !isNaN(p) && p !== process.pid; });
-          if (pids.length > 0) {
-            process.kill(pids[0], "SIGINT");
-            return true;
-          }
-        }
+function findMostRecentSession(projectPath: string): string | null {
+  var hash = projectPath.replace(/\//g, "-");
+  var dir = join(homedir(), ".claude", "projects", hash);
+  if (!existsSync(dir)) return null;
+
+  var entries = readdirSync(dir).filter(function (f) { return f.endsWith(".jsonl"); });
+  var latest: { id: string; mtime: number } | null = null;
+  for (var e = 0; e < entries.length; e++) {
+    try {
+      var s = statSync(join(dir, entries[e]));
+      if (!latest || s.mtimeMs > latest.mtime) {
+        latest = { id: entries[e].replace(".jsonl", ""), mtime: s.mtimeMs };
       }
+    } catch {}
+  }
+  if (latest && Date.now() - latest.mtime < 60000) return latest.id;
+  return null;
+}
+
+function getCliSessionIdForProject(projectPath: string): string | null {
+  var cliProcesses = getClaudeCliPids();
+  for (var i = 0; i < cliProcesses.length; i++) {
+    if (cliProcesses[i].cwd !== projectPath) continue;
+
+    var cmdline = cliProcesses[i].cmdline;
+    var resumeIdx = cmdline.indexOf("--resume");
+    if (resumeIdx !== -1 && resumeIdx + 1 < cmdline.length) {
+      var sessionName = cmdline[resumeIdx + 1];
+      return resolveSessionName(projectPath, sessionName);
     }
-  } catch {}
+
+    return findMostRecentSession(projectPath);
+  }
+  return null;
+}
+
+function isSessionLockedByExternal(sessionId: string): boolean {
+  if (activeStreams.has(sessionId)) return false;
+  var projectPath = getProjectPathForSession(sessionId);
+  if (!projectPath) return false;
+  var cliSessionId = getCliSessionIdForProject(projectPath);
+  return cliSessionId === sessionId;
+}
+
+export function stopExternalSession(sessionId: string): boolean {
+  var projectPath = getProjectPathForSession(sessionId);
+  if (!projectPath) return false;
+  var cliProcesses = getClaudeCliPids();
+  for (var i = 0; i < cliProcesses.length; i++) {
+    if (cliProcesses[i].cwd === projectPath) {
+      try {
+        process.kill(cliProcesses[i].pid, "SIGINT");
+        return true;
+      } catch {}
+    }
+  }
   return false;
 }
 

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 {