@cryptiklemur/lattice 1.36.0 → 1.36.2

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

@@ -254,6 +254,18 @@ export function ProjectRail(props: ProjectRailProps) {
         );
       })}
 
+      {props.nodes.filter(function (n) {
+        return !n.isLocal && n.online && n.projects.length === 0;
+      }).map(function (n) {
+        return (
+          <div
+            key={"skeleton-" + n.id}
+            className="w-[42px] h-[42px] rounded-full bg-base-200 animate-pulse flex-shrink-0"
+            title={"Loading projects from " + n.name + "..."}
+          />
+        );
+      })}
+
       {groups.length > 0 && (
         <div className="w-6 h-px bg-base-300 my-0.5 flex-shrink-0" />
       )}

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

@@ -351,17 +351,20 @@ export function Sidebar({ onSessionSelect }: { onSessionSelect?: () => void }) {
 
                 <div className="flex flex-col gap-0.5 mx-3 mt-1">
                   {[
-                    { type: "files" as const, icon: FolderOpen, label: "Files" },
-                    { type: "terminal" as const, icon: TerminalSquare, label: "Terminal" },
-                    { type: "notes" as const, icon: StickyNote, label: "Notes" },
-                    { type: "tasks" as const, icon: Calendar, label: "Tasks" },
-                    { type: "bookmarks" as const, icon: Bookmark, label: "Bookmarks" },
+                    { type: "files" as const, icon: FolderOpen, label: "Files", localOnly: true },
+                    { type: "terminal" as const, icon: TerminalSquare, label: "Terminal", localOnly: true },
+                    { type: "notes" as const, icon: StickyNote, label: "Notes", localOnly: false },
+                    { type: "tasks" as const, icon: Calendar, label: "Tasks", localOnly: false },
+                    { type: "bookmarks" as const, icon: Bookmark, label: "Bookmarks", localOnly: false },
                   ].map(function (item) {
+                    var isDisabled = item.localOnly && activeProject?.isRemote;
                     return (
                       <button
                         key={item.type}
                         type="button"
+                        disabled={!!isDisabled}
                         onClick={function () {
+                          if (isDisabled) return;
                           openTab(item.type);
                           var state = getSidebarStore().state;
                           if (state.activeView.type !== "chat") {
@@ -370,7 +373,13 @@ export function Sidebar({ onSessionSelect }: { onSessionSelect?: () => void }) {
                             });
                           }
                         }}
-                        className="flex items-center gap-2 px-2 py-1.5 rounded-lg text-[11px] text-base-content/40 hover:text-base-content/70 hover:bg-base-300/30 transition-colors"
+                        className={
+                          "flex items-center gap-2 px-2 py-1.5 rounded-lg text-[11px] transition-colors " +
+                          (isDisabled
+                            ? "text-base-content/15 cursor-not-allowed"
+                            : "text-base-content/40 hover:text-base-content/70 hover:bg-base-300/30")
+                        }
+                        title={isDisabled ? "Not available for remote projects" : undefined}
                       >
                         <item.icon size={12} />
                         <span className="font-mono tracking-wide">{item.label}</span>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cryptiklemur/lattice",
-  "version": "1.36.0",
+  "version": "1.36.2",
   "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/mesh/proxy.ts

@@ -1,7 +1,7 @@
 import { randomUUID } from "node:crypto";
 import type { ClientMessage, MeshProxyRequestMessage, MeshProxyResponseMessage, ServerMessage } from "@lattice/shared";
 import { getPeerConnection } from "./connector";
-import { sendTo, broadcast } from "../ws/broadcast";
+import { sendTo, broadcast, registerVirtualClient, removeVirtualClient } from "../ws/broadcast";
 import { routeMessage } from "../ws/router";
 
 var pendingRequests = new Map<string, string>();
@@ -30,29 +30,26 @@ export function proxyToRemoteNode(nodeId: string, projectSlug: string, clientId:
 export function handleProxyRequest(sourceNodeId: string, msg: MeshProxyRequestMessage): void {
   var proxyClientId = "mesh-proxy:" + sourceNodeId + ":" + msg.requestId;
 
-  var originalBroadcast = broadcast;
-  void originalBroadcast;
-
-  var interceptedSendTo = function (targetId: string, response: object): void {
-    if (targetId === proxyClientId) {
-      var ws = getPeerConnection(sourceNodeId);
-      if (!ws) {
-        console.warn("[mesh/proxy] Cannot send response, no connection to: " + sourceNodeId);
-        return;
-      }
-
-      var envelope: MeshProxyResponseMessage = {
-        type: "mesh:proxy_response",
-        projectSlug: msg.projectSlug,
-        requestId: msg.requestId,
-        payload: response as ServerMessage,
-      };
-
-      ws.send(JSON.stringify(envelope));
+  registerVirtualClient(proxyClientId, function (response: object) {
+    var ws = getPeerConnection(sourceNodeId);
+    if (!ws) {
+      console.warn("[mesh/proxy] Cannot send response, no connection to: " + sourceNodeId);
+      removeVirtualClient(proxyClientId);
+      return;
     }
-  };
 
-  proxyRouteMessage(proxyClientId, msg.payload, interceptedSendTo);
+    var envelope: MeshProxyResponseMessage = {
+      type: "mesh:proxy_response",
+      projectSlug: msg.projectSlug,
+      requestId: msg.requestId,
+      payload: response as ServerMessage,
+    };
+
+    ws.send(JSON.stringify(envelope));
+    removeVirtualClient(proxyClientId);
+  });
+
+  routeMessage(proxyClientId, msg.payload);
 }
 
 export function handleProxyResponse(msg: MeshProxyResponseMessage): void {

package/server/src/ws/broadcast.ts

@@ -1,6 +1,15 @@
 import type { ServerWebSocket } from "bun";
 
 var clients = new Map<string, ServerWebSocket<{ id: string }>>();
+var virtualSendHandlers = new Map<string, (message: object) => void>();
+
+export function registerVirtualClient(id: string, handler: (message: object) => void): void {
+  virtualSendHandlers.set(id, handler);
+}
+
+export function removeVirtualClient(id: string): void {
+  virtualSendHandlers.delete(id);
+}
 
 export function addClient(ws: ServerWebSocket<{ id: string }>): void {
   clients.set(ws.data.id, ws);
@@ -23,6 +32,11 @@ export function sendTo(id: string, message: object): void {
   var ws = clients.get(id);
   if (ws) {
     ws.send(JSON.stringify(message));
+    return;
+  }
+  var virtualHandler = virtualSendHandlers.get(id);
+  if (virtualHandler) {
+    virtualHandler(message);
   }
 }
 

package/server/src/ws/router.ts

@@ -56,17 +56,18 @@ export function routeMessage(clientId: string, message: ClientMessage): void {
   if (PROXIED_PREFIXES.has(prefix)) {
     var remote = clientRemoteNode.get(clientId);
 
-    if (message.type === "session:activate") {
-      var activateMsg = message as { type: string; projectSlug: string; sessionId: string };
-      var localProject = getLocalProject(activateMsg.projectSlug);
+    var msgSlug = (message as any).projectSlug as string | undefined;
+
+    if (msgSlug) {
+      var localProject = getLocalProject(msgSlug);
       if (!localProject) {
-        var remoteEntry = getRemoteNodeForProject(activateMsg.projectSlug);
+        var remoteEntry = getRemoteNodeForProject(msgSlug);
         if (remoteEntry) {
-          setClientRemoteNode(clientId, remoteEntry.nodeId, activateMsg.projectSlug);
-          proxyMessage(clientId, remoteEntry.nodeId, activateMsg.projectSlug, message);
+          setClientRemoteNode(clientId, remoteEntry.nodeId, msgSlug);
+          proxyMessage(clientId, remoteEntry.nodeId, msgSlug, message);
           return;
         }
-      } else {
+      } else if (message.type === "session:activate" || message.type === "session:list_request") {
         clearClientRemoteNode(clientId);
       }
     } else if (remote) {