@cryptiklemur/lattice 1.35.0 → 1.36.0

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

@@ -111,7 +111,7 @@ function ProjectButton(props: ProjectButtonProps) {
 
       {hovered && (
         <div
-          className="pointer-events-none z-[9000] bg-base-300 border border-base-content/20 rounded px-2 py-1 text-xs text-base-content whitespace-nowrap shadow-xl"
+          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)",
@@ -119,7 +119,18 @@ function ProjectButton(props: ProjectButtonProps) {
             transform: "translateY(-50%)",
           }}
         >
-          {props.group.title}
+          <div className="text-[12px] font-bold text-base-content whitespace-nowrap">{props.group.title}</div>
+          {props.group.nodes.map(function (n) {
+            return (
+              <div key={n.nodeId} className="flex items-center gap-1.5 mt-0.5">
+                <div className={"w-[6px] h-[6px] rounded-full flex-shrink-0 " + (n.online ? "bg-success" : "bg-error")} />
+                <span className="text-[10px] text-base-content/50 whitespace-nowrap">
+                  {n.nodeName}
+                  {n.path ? " \u00B7 " + n.path : ""}
+                </span>
+              </div>
+            );
+          })}
         </div>
       )}
     </div>

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

@@ -331,6 +331,11 @@ export function Sidebar({ onSessionSelect }: { onSessionSelect?: () => void }) {
                 >
                   <span className="text-[13px] font-mono font-bold text-base-content/90">
                     {activeProject?.title ?? "No Project"}
+                    {activeProject?.isRemote && (
+                      <span className="ml-1.5 text-[10px] font-normal text-base-content/30">
+                        on {activeProject.nodeName}
+                      </span>
+                    )}
                   </span>
                   <ChevronDown size={14} className="text-base-content/30" />
                 </button>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cryptiklemur/lattice",
-  "version": "1.35.0",
+  "version": "1.36.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

@@ -8,7 +8,7 @@ import { addClient, removeClient, routeMessage } from "./ws/server";
 import { broadcast, sendTo } from "./ws/broadcast";
 import { buildNodesMessage } from "./handlers/mesh";
 import { startDiscovery } from "./mesh/discovery";
-import { startMeshConnections, onPeerConnected, onPeerDisconnected, onPeerMessage } from "./mesh/connector";
+import { startMeshConnections, onPeerConnected, onPeerDisconnected, onPeerMessage, getAllRemoteProjects } from "./mesh/connector";
 import { handleProxyRequest, handleProxyResponse } from "./mesh/proxy";
 import { verifyPassphrase, generateSessionToken, addSession, isValidSession } from "./auth/passphrase";
 import { ensureCerts } from "./tls";
@@ -395,11 +395,13 @@ export async function startDaemon(portOverride?: number | null): Promise<void> {
     var currentConfig = loadConfig();
     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) };
+    });
+    var remoteProjects = getAllRemoteProjects(currentIdentity.id);
     broadcast({
       type: "projects:list",
-      projects: 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) };
-      }),
+      projects: localProjects.concat(remoteProjects as typeof localProjects),
     });
     var updateInfo = getCachedUpdateInfo();
     if (updateInfo && updateInfo.updateAvailable) {

package/server/src/handlers/mesh.ts

@@ -5,7 +5,7 @@ import { loadConfig } from "../config";
 import { loadOrCreateIdentity } from "../identity";
 import { generateInviteCode, parseInviteCode, validatePairingToken, consumePairingToken } from "../mesh/pairing";
 import { addPeer, removePeer, loadPeers, getPeer } from "../mesh/peers";
-import { getConnectedPeerIds, connectToPeer, reconnectPeer, getPeerConnection, disconnectPeer } from "../mesh/connector";
+import { getConnectedPeerIds, connectToPeer, reconnectPeer, getPeerConnection, disconnectPeer, getConnectedPeerProjects } from "../mesh/connector";
 import type { PeerInfo } from "@lattice/shared";
 import { networkInterfaces } from "node:os";
 import { existsSync, readFileSync } from "node:fs";
@@ -74,6 +74,13 @@ function getWindowsHostAddresses(): Array<{ name: string; address: string }> {
   return results;
 }
 
+function getLocalProjectsList(): Array<{ slug: string; title: string }> {
+  var config = loadConfig();
+  return config.projects.map(function (p: typeof config.projects[number]) {
+    return { slug: p.slug, title: p.title };
+  });
+}
+
 export function buildNodesMessage(): NodeInfo[] {
   var peers = loadPeers();
   var config = loadConfig();
@@ -95,6 +102,7 @@ export function buildNodesMessage(): NodeInfo[] {
   };
 
   var remotes: NodeInfo[] = peers.map(function (peer) {
+    var peerProjects = getConnectedPeerProjects(peer.id);
     return {
       id: peer.id,
       name: peer.name,
@@ -103,7 +111,9 @@ export function buildNodesMessage(): NodeInfo[] {
       port: 0,
       online: connectedIds.has(peer.id),
       isLocal: false,
-      projects: [],
+      projects: peerProjects.map(function (p) {
+        return { slug: p.slug, path: "", title: p.title, nodeId: peer.id };
+      }),
     };
   });
 
@@ -159,7 +169,7 @@ registerHandler("mesh", function (clientId: string, message: ClientMessage) {
         token: parsed!.token,
         port: pairConfig.port,
         addresses: getAllAddresses().map(function (a) { return a.address + ":" + pairConfig.port; }),
-        projects: [],
+        projects: getLocalProjectsList(),
       }));
     });
 
@@ -189,6 +199,7 @@ registerHandler("mesh", function (clientId: string, message: ClientMessage) {
 
           connectToPeer(peer.id, peerAddr);
 
+          var remoteProjectsList = (data as any).projects ?? [];
           var nodeInfo: NodeInfo = {
             id: peer.id,
             name: peer.name,
@@ -197,7 +208,9 @@ registerHandler("mesh", function (clientId: string, message: ClientMessage) {
             port: parsed!.port,
             online: true,
             isLocal: false,
-            projects: [],
+            projects: remoteProjectsList.map(function (rp: { slug: string; title: string }) {
+              return { slug: rp.slug, path: "", title: rp.title, nodeId: peer.id };
+            }),
           };
           sendTo(clientId, { type: "mesh:paired", node: nodeInfo });
           broadcast({ type: "mesh:nodes", nodes: buildNodesMessage() });
@@ -230,7 +243,7 @@ registerHandler("mesh", function (clientId: string, message: ClientMessage) {
         nodeId: identity.id,
         name: loadConfig().name,
         publicKey: identity.publicKey,
-        projects: [],
+        projects: getLocalProjectsList(),
       });
       broadcast({ type: "mesh:nodes", nodes: buildNodesMessage() });
       return;

package/server/src/mesh/connector.ts

@@ -295,6 +295,33 @@ export function onPeerMessage(callback: (nodeId: string, msg: MeshMessage) => vo
   messageCallbacks.push(callback);
 }
 
+export function getConnectedPeerProjects(nodeId: string): Array<{ slug: string; title: string }> {
+  var conn = connections.get(nodeId);
+  if (!conn || conn.ws.readyState !== WebSocket.OPEN) return [];
+  return conn.projects;
+}
+
+export function getAllRemoteProjects(localNodeId: string): Array<{ slug: string; path: string; title: string; nodeId: string; nodeName: string; isRemote: boolean }> {
+  var results: Array<{ slug: string; path: string; title: string; nodeId: string; nodeName: string; isRemote: boolean }> = [];
+  for (var [nodeId, conn] of connections) {
+    if (conn.ws.readyState !== WebSocket.OPEN) continue;
+    var peers = require("./peers") as typeof import("./peers");
+    var peer = peers.getPeer(nodeId);
+    var peerName = peer ? peer.name : nodeId;
+    for (var i = 0; i < conn.projects.length; i++) {
+      results.push({
+        slug: conn.projects[i].slug,
+        path: "",
+        title: conn.projects[i].title,
+        nodeId: nodeId,
+        nodeName: peerName,
+        isRemote: true,
+      });
+    }
+  }
+  return results;
+}
+
 export function findNodeForProject(projectSlug: string): string | undefined {
   for (var [nodeId, conn] of connections) {
     if (conn.ws.readyState !== WebSocket.OPEN) {