@cryptiklemur/lattice 1.24.5 → 1.25.0

package/client/src/components/chat/ChatView.tsx

@@ -419,7 +419,7 @@ export function ChatView({ sessionId: tabSessionId, projectSlug: tabProjectSlug
   return (
     <div className="flex flex-col h-full w-full bg-base-100 overflow-hidden relative">
       <div className="bg-base-100 border-b border-base-300 flex-shrink-0 px-2 sm:px-4">
-        <div className="flex items-center min-h-10 sm:min-h-12 gap-1.5">
+        <div className="flex items-center h-11 gap-1.5">
           <button
             className="btn btn-ghost btn-sm btn-square lg:hidden"
             aria-label="Toggle sidebar"

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

@@ -90,7 +90,7 @@ export function SettingsSidebar({ projectName, onBack }: SettingsSidebarProps) {
 
   return (
     <div className="flex flex-col h-full w-full overflow-hidden bg-base-200">
-      <div className="px-4 py-3 border-b border-base-300 flex-shrink-0">
+      <div className="px-4 h-11 border-b border-base-300 flex-shrink-0 flex items-center">
         <span className="text-[13px] font-mono font-bold text-base-content">{headerLabel}</span>
       </div>
 

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

@@ -327,7 +327,7 @@ export function Sidebar({ onSessionSelect }: { onSessionSelect?: () => void }) {
                   onClick={sidebar.toggleProjectDropdown}
                   aria-label="Switch project"
                   aria-expanded={sidebar.projectDropdownOpen}
-                  className="w-full px-4 py-3 border-b border-base-300 flex-shrink-0 flex items-center justify-between cursor-pointer hover:bg-base-300/30 transition-colors text-left"
+                  className="w-full px-4 h-11 border-b border-base-300 flex-shrink-0 flex items-center justify-between cursor-pointer hover:bg-base-300/30 transition-colors text-left"
                 >
                   <span className="text-[13px] font-mono font-bold text-base-content/90">
                     {activeProject?.title ?? "No Project"}

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,8 @@ export function getSidebarStore(): Store<SidebarState> {
 }
 
 export function setActiveProjectSlug(slug: string | null): void {
+  let prevSlug = sidebarStore.state.activeProjectSlug;
+  switchProjectWorkspace(prevSlug, slug);
   sidebarStore.setState(function (state) {
     return {
       ...state,

package/client/src/stores/workspace.ts

@@ -416,6 +416,77 @@ 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;
+}
+
+export function switchProjectWorkspace(fromSlug: string | null, toSlug: string | null): void {
+  saveWorkspaceForProject(fromSlug);
+  loadWorkspaceForProject(toSlug);
+}
+
 workspaceStore.subscribe(function () {
   notifyUrlSync();
+  // Auto-save on every state change
+  try {
+    saveWorkspaceForProject(currentProjectKey === "__global__" ? null : currentProjectKey);
+  } catch {}
 });

package/package.json

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