@cryptiklemur/lattice 1.39.0 → 1.40.0

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

@@ -31,7 +31,7 @@ function groupProjectsBySlug(projects: ProjectInfo[], nodes: NodeInfo[]): Projec
     var nodeEntry = {
       nodeId: p.nodeId,
       nodeName: p.nodeName,
-      online: node ? node.online : false,
+      online: node ? node.online : (p.online ?? !p.isRemote),
       path: p.path,
     };
     if (existing) {

package/client/src/components/ui/NodeDisconnectedOverlay.tsx

@@ -0,0 +1,35 @@
+import { WifiOff, Loader2 } from "lucide-react";
+import { useProjects } from "../../hooks/useProjects";
+import { useMesh } from "../../hooks/useMesh";
+import { useSidebar } from "../../hooks/useSidebar";
+
+export function NodeDisconnectedOverlay() {
+  var { activeProject } = useProjects();
+  var { nodes } = useMesh();
+  var sidebar = useSidebar();
+
+  if (!activeProject || !activeProject.isRemote) return null;
+  if (sidebar.activeView.type !== "chat") return null;
+
+  var remoteNode = nodes.find(function (n) { return n.id === activeProject!.nodeId; });
+  if (!remoteNode || remoteNode.online) return null;
+
+  return (
+    <div className="absolute inset-0 z-40 flex items-center justify-center bg-base-100/80 backdrop-blur-sm">
+      <div className="bg-base-300 border border-base-content/15 rounded-2xl shadow-2xl px-8 py-6 max-w-sm text-center">
+        <WifiOff size={28} className="text-warning mx-auto mb-3" />
+        <h3 className="text-[15px] font-mono font-bold text-base-content mb-1">Node Disconnected</h3>
+        <p className="text-[13px] text-base-content/50 mb-3">
+          <span className="font-semibold text-base-content/70">{remoteNode.name}</span> is unreachable.
+        </p>
+        <div className="flex items-center justify-center gap-2 text-[12px] text-base-content/40">
+          <Loader2 size={12} className="animate-spin" />
+          Attempting to reconnect...
+        </div>
+        <p className="text-[11px] text-base-content/25 mt-3">
+          Session state preserved. Operations will resume on reconnect.
+        </p>
+      </div>
+    </div>
+  );
+}

package/client/src/hooks/useProjects.ts

@@ -22,14 +22,30 @@ export function useProjects(): UseProjectsResult {
   useEffect(function () {
     handleRef.current = function (msg: ServerMessage) {
       if (msg.type === "projects:list") {
-        var list = (msg as ProjectsListMessage).projects;
-        setProjects(list);
+        var incoming = (msg as ProjectsListMessage).projects;
+        setProjects(function (prev) {
+          var incomingKeys = new Set(incoming.map(function (p) { return p.slug + "@" + p.nodeId; }));
+          var kept = prev.filter(function (p) {
+            if (!p.isRemote) return false;
+            return !incomingKeys.has(p.slug + "@" + p.nodeId);
+          });
+          for (var i = 0; i < kept.length; i++) {
+            (kept[i] as any).online = false;
+          }
+          return incoming.concat(kept);
+        });
         var storeState = getSidebarStore().state;
         var currentSlug = storeState.activeProjectSlug;
         if (currentSlug !== null) {
-          var found = list.find(function (p: typeof list[number]) { return p.slug === currentSlug; });
-          if (!found && list.length > 0) {
-            setActiveProjectSlug(list[0].slug);
+          var found = incoming.find(function (p: typeof incoming[number]) { return p.slug === currentSlug; });
+          if (!found) {
+            setProjects(function (current) {
+              var stillExists = current.find(function (p) { return p.slug === currentSlug; });
+              if (!stillExists && current.length > 0) {
+                setActiveProjectSlug(current[0].slug);
+              }
+              return current;
+            });
           }
         }
       }

package/client/src/router.tsx

@@ -16,6 +16,7 @@ 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";
 
@@ -422,9 +423,10 @@ function RootLayout() {
           readOnly
         />
 
-        <main id="main-content" className="drawer-content flex flex-col h-full min-w-0 overflow-hidden">
+        <main id="main-content" className="drawer-content flex flex-col h-full min-w-0 overflow-hidden relative">
           <UpdateBanner />
           <Outlet />
+          <NodeDisconnectedOverlay />
         </main>
 
         <div ref={drawerSideRef} className="drawer-side z-50 h-full">

package/package.json

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

@@ -401,7 +401,7 @@ export async function startDaemon(portOverride?: number | null): Promise<void> {
     var remoteProjects = getAllRemoteProjects(currentIdentity.id);
     broadcast({
       type: "projects:list",
-      projects: localProjects.concat(remoteProjects as typeof localProjects),
+      projects: localProjects.concat(remoteProjects as unknown as typeof localProjects),
     });
     var updateInfo = getCachedUpdateInfo();
     if (updateInfo && updateInfo.updateAvailable) {

package/server/src/mesh/connector.ts

@@ -17,6 +17,7 @@ interface PeerConnection {
 }
 
 var connections = new Map<string, PeerConnection>();
+var lastKnownProjects = new Map<string, Array<{ slug: string; title: string }>>();
 var connectedCallbacks: Array<(nodeId: string) => void> = [];
 var disconnectedCallbacks: Array<(nodeId: string) => void> = [];
 var messageCallbacks: Array<(nodeId: string, msg: MeshMessage) => void> = [];
@@ -176,6 +177,9 @@ function openConnection(conn: PeerConnection, url: string): void {
 
       if (msg.type === "mesh:hello") {
         conn.projects = msg.projects;
+        if (msg.projects.length > 0) {
+          lastKnownProjects.set(conn.nodeId, msg.projects);
+        }
       } else if (msg.type === "mesh:session_sync") {
         handleSessionSync(conn.nodeId, msg as MeshSessionSyncMessage);
       } else if (msg.type === "mesh:session_request") {
@@ -358,21 +362,33 @@ export function getConnectedPeerProjects(nodeId: string): Array<{ slug: string;
   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++) {
+export function getAllRemoteProjects(localNodeId: string): Array<{ slug: string; path: string; title: string; nodeId: string; nodeName: string; isRemote: boolean; online: boolean }> {
+  var peersModule = require("./peers") as typeof import("./peers");
+  var allPeers = peersModule.loadPeers();
+  var connectedIds = new Set(getConnectedPeerIds());
+  var results: Array<{ slug: string; path: string; title: string; nodeId: string; nodeName: string; isRemote: boolean; online: boolean }> = [];
+
+  for (var p = 0; p < allPeers.length; p++) {
+    var peer = allPeers[p];
+    var isOnline = connectedIds.has(peer.id);
+    var projects: Array<{ slug: string; title: string }> = [];
+
+    var conn = connections.get(peer.id);
+    if (conn && conn.projects.length > 0) {
+      projects = conn.projects;
+    } else if (lastKnownProjects.has(peer.id)) {
+      projects = lastKnownProjects.get(peer.id)!;
+    }
+
+    for (var i = 0; i < projects.length; i++) {
       results.push({
-        slug: conn.projects[i].slug,
+        slug: projects[i].slug,
         path: "",
-        title: conn.projects[i].title,
-        nodeId: nodeId,
-        nodeName: peerName,
+        title: projects[i].title,
+        nodeId: peer.id,
+        nodeName: peer.name,
         isRemote: true,
+        online: isOnline,
       });
     }
   }

package/shared/src/models.ts

@@ -21,6 +21,7 @@ export interface ProjectSummary {
 export interface ProjectInfo extends ProjectSummary {
   nodeName: string;
   isRemote: boolean;
+  online?: boolean;
   ideProjectName?: string;
 }