@cryptiklemur/lattice 1.24.6 → 1.25.1

package/client/src/stores/sidebar.ts

@@ -2,7 +2,7 @@ import { Store } from "@tanstack/react-store";
 import type { ProjectSettingsSection } from "@lattice/shared";
 import { encodeWorkspaceUrl, decodeWorkspaceUrl, isLegacySessionUrl, shortSessionId } from "../lib/workspace-url";
 import type { DecodedWorkspace } from "../lib/workspace-url";
-import { getWorkspaceStore, restoreWorkspace, setUrlSyncCallback } from "./workspace";
+import { getWorkspaceStore, restoreWorkspace, setUrlSyncCallback, switchProjectWorkspace, setCurrentProjectKey } from "./workspace";
 
 export type { ProjectSettingsSection };
 
@@ -106,6 +106,7 @@ function parseInitialUrl(): ParsedUrl {
 
 const initialUrl = parseInitialUrl();
 
+setCurrentProjectKey(initialUrl.settingsSection ? null : initialUrl.projectSlug);
 if (initialUrl.decodedWorkspace) {
   restoreWorkspace(initialUrl.decodedWorkspace);
 }
@@ -196,6 +197,7 @@ export function getSidebarStore(): Store<SidebarState> {
 }
 
 export function setActiveProjectSlug(slug: string | null): void {
+  let prevSlug = sidebarStore.state.activeProjectSlug;
   sidebarStore.setState(function (state) {
     return {
       ...state,
@@ -215,6 +217,8 @@ export function setActiveProjectSlug(slug: string | null): void {
     window.history.pushState(null, "", path);
   }
   lastEncodedUrl = "";
+  // Switch workspace AFTER sidebar state is set so React sees both in same render
+  switchProjectWorkspace(prevSlug, slug);
 }
 
 export function setActiveSessionId(sessionId: string | null): void {
@@ -340,6 +344,7 @@ export function goToProjectDashboard(): void {
 }
 
 export function goToDashboard(): void {
+  let prevSlug = sidebarStore.state.activeProjectSlug;
   sidebarStore.setState(function (state) {
     return {
       ...state,
@@ -354,6 +359,7 @@ export function goToDashboard(): void {
   if (window.location.pathname + window.location.search !== "/") {
     window.history.pushState(null, "", "/");
   }
+  switchProjectWorkspace(prevSlug, null);
   lastEncodedUrl = "";
 }
 

package/client/src/stores/workspace.ts

@@ -416,6 +416,82 @@ export function restoreWorkspace(data: DecodedWorkspace): void {
   urlSyncSuppressed = false;
 }
 
+var currentProjectKey: string = "__global__";
+
+export function setCurrentProjectKey(slug: string | null): void {
+  currentProjectKey = slug || "__global__";
+}
+
+function storageKey(projectSlug: string | null): string {
+  return "lattice:workspace:" + (projectSlug || "__global__");
+}
+
+export function saveWorkspaceForProject(projectSlug: string | null): void {
+  let key = storageKey(projectSlug);
+  let state = workspaceStore.state;
+  try {
+    localStorage.setItem(key, JSON.stringify({
+      tabs: state.tabs,
+      panes: state.panes,
+      activePaneId: state.activePaneId,
+      splitDirection: state.splitDirection,
+      splitRatio: state.splitRatio,
+    }));
+  } catch {}
+}
+
+export function loadWorkspaceForProject(projectSlug: string | null): void {
+  let key = storageKey(projectSlug);
+  currentProjectKey = projectSlug || "__global__";
+
+  try {
+    let raw = localStorage.getItem(key);
+    if (raw) {
+      let saved = JSON.parse(raw) as WorkspaceState;
+      if (saved.tabs && saved.panes && saved.tabs.length > 0 && saved.panes.length > 0) {
+        urlSyncSuppressed = true;
+        workspaceStore.setState(function () {
+          return {
+            tabs: saved.tabs,
+            panes: saved.panes,
+            activePaneId: saved.activePaneId || saved.panes[0].id,
+            splitDirection: saved.splitDirection || null,
+            splitRatio: saved.splitRatio || 0.5,
+          };
+        });
+        urlSyncSuppressed = false;
+        return;
+      }
+    }
+  } catch {}
+
+  urlSyncSuppressed = true;
+  workspaceStore.setState(function () {
+    return {
+      tabs: [{ id: "chat", type: "chat" as TabType, label: "Chat", closeable: false }],
+      panes: [{ id: "pane-1", tabIds: ["chat"], activeTabId: "chat" }],
+      activePaneId: "pane-1",
+      splitDirection: null,
+      splitRatio: 0.5,
+    };
+  });
+  urlSyncSuppressed = false;
+}
+
+var saveSuppressed = false;
+
+export function switchProjectWorkspace(fromSlug: string | null, toSlug: string | null): void {
+  saveSuppressed = true;
+  saveWorkspaceForProject(fromSlug);
+  loadWorkspaceForProject(toSlug);
+  saveSuppressed = false;
+}
+
 workspaceStore.subscribe(function () {
   notifyUrlSync();
+  if (!saveSuppressed) {
+    try {
+      saveWorkspaceForProject(currentProjectKey === "__global__" ? null : currentProjectKey);
+    } catch {}
+  }
 });

package/package.json

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