@cryptiklemur/lattice 1.43.8 → 1.44.0

package/client/src/components/workspace/TabBar.tsx

@@ -3,6 +3,7 @@ import { X, Columns2, Rows2, MessageSquare, FolderOpen, TerminalSquare, StickyNo
 import { useWorkspace } from "../../hooks/useWorkspace";
 import { useSession } from "../../hooks/useSession";
 import type { Tab, TabType } from "../../stores/workspace";
+import { pinTab } from "../../stores/workspace";
 import { formatSessionTitle } from "../../utils/formatSessionTitle";
 
 interface TabBarProps {
@@ -155,6 +156,7 @@ export function TabBar({ paneId, isActivePane }: TabBarProps) {
               tabIndex={0}
               aria-selected={isActive}
               onClick={function () { handleTabClick(tab.id); }}
+              onDoubleClick={function () { if (!tab.pinned) pinTab(tab.id); }}
               onMouseDown={function (e) { handleMiddleClick(e, tab); }}
               onKeyDown={function (e) {
                 if (e.key === "Enter" || e.key === " ") {
@@ -171,7 +173,7 @@ export function TabBar({ paneId, isActivePane }: TabBarProps) {
               }
             >
               <Icon size={14} className={isActive ? "text-primary" : ""} />
-              <span className="truncate text-[12px]">{label}</span>
+              <span className={"truncate text-[12px]" + (tab.pinned ? "" : " italic")}>{label}</span>
               {tab.closeable && (
                 <button
                   aria-label={"Close " + label + " tab"}

package/client/src/hooks/useSession.ts

@@ -18,7 +18,7 @@ import type {
 } from "@lattice/shared";
 import { useWebSocket } from "./useWebSocket";
 import { setActiveSessionId as setSidebarSessionId } from "../stores/sidebar";
-import { updateSessionTabTitle } from "../stores/workspace";
+import { updateSessionTabTitle, pinTab } from "../stores/workspace";
 import {
   getSessionStore,
   setSessionMessages,
@@ -120,6 +120,7 @@ export function useSession(): UseSessionReturn {
     setPromptSuggestion(null);
     setIsProcessing(true);
     setSessionBusy(false);
+    pinTab("chat-" + currentSessionId);
     sendRef.current(msg as ChatSendMessage);
   }
 

package/client/src/lib/workspace-url.ts

@@ -156,17 +156,19 @@ export function decodeWorkspaceUrl(
           type: "chat",
           label: "Session",
           closeable: true,
+          pinned: true,
           sessionId: resolvedId,
           projectSlug: projectSlug,
         };
       } else if (tabType === "chat") {
-        tab = { id: "chat", type: "chat", label: "Chat", closeable: false };
+        tab = { id: "chat", type: "chat", label: "Chat", closeable: false, pinned: true };
       } else {
         tab = {
           id: tabType,
           type: tabType,
           label: labels[tabType],
           closeable: true,
+          pinned: true,
         };
       }
 
@@ -190,7 +192,7 @@ export function decodeWorkspaceUrl(
   }
 
   if (panes.length === 0) {
-    const defaultTab: Tab = { id: "chat", type: "chat", label: "Chat", closeable: false };
+    const defaultTab: Tab = { id: "chat", type: "chat", label: "Chat", closeable: false, pinned: true };
     tabs.push(defaultTab);
     panes.push({ id: "pane-1", tabIds: ["chat"], activeTabId: "chat" });
   }

package/client/src/stores/workspace.ts

@@ -8,6 +8,7 @@ export interface Tab {
   type: TabType;
   label: string;
   closeable: boolean;
+  pinned: boolean;
   sessionId?: string;
   projectSlug?: string;
 }
@@ -26,7 +27,7 @@ export interface WorkspaceState {
   splitRatio: number;
 }
 
-var CHAT_TAB: Tab = { id: "chat", type: "chat", label: "Chat", closeable: false };
+var CHAT_TAB: Tab = { id: "chat", type: "chat", label: "Chat", closeable: false, pinned: true };
 
 var DEFAULT_PANE: Pane = { id: "pane-1", tabIds: ["chat"], activeTabId: "chat" };
 
@@ -77,6 +78,7 @@ export function openTab(type: TabType): void {
       type: type,
       label: labels[type],
       closeable: type !== "chat",
+      pinned: true,
     };
 
     var defaultChat = state.tabs.find(function (t) { return t.id === "chat" && !t.sessionId; });
@@ -135,36 +137,55 @@ export function openSessionTab(sessionId: string, projectSlug: string, title: st
       type: "chat",
       label: title || "Session",
       closeable: true,
+      pinned: false,
       sessionId: sessionId,
       projectSlug: projectSlug,
     };
 
+    var previewTab = state.tabs.find(function (t) { return t.type === "chat" && t.sessionId && !t.pinned; });
     var hadDefaultChat = state.tabs.some(function (t) { return t.id === "chat"; });
 
-    var newTabs = hadDefaultChat
-      ? state.tabs.filter(function (t) { return t.id !== "chat"; }).concat([tab])
-      : [...state.tabs, tab];
-
-    var newPanes = state.panes.map(function (p) {
-      var updatedTabIds = hadDefaultChat
-        ? p.tabIds.map(function (id) { return id === "chat" ? tabId : id; })
-        : (p.id === state.activePaneId ? [...p.tabIds, tabId] : p.tabIds);
+    var newTabs: Tab[];
+    var newPanes: Pane[];
 
-      var needsActiveUpdate = hadDefaultChat
-        ? (p.activeTabId === "chat" || p.id === state.activePaneId)
-        : p.id === state.activePaneId;
+    if (previewTab) {
+      var oldId = previewTab.id;
+      newTabs = state.tabs.map(function (t) { return t.id === oldId ? tab : t; });
+      newPanes = state.panes.map(function (p) {
+        var updatedTabIds = p.tabIds.map(function (id) { return id === oldId ? tabId : id; });
+        return {
+          ...p,
+          tabIds: updatedTabIds,
+          activeTabId: p.activeTabId === oldId ? tabId : p.activeTabId,
+        };
+      });
+    } else if (hadDefaultChat) {
+      newTabs = state.tabs.filter(function (t) { return t.id !== "chat"; }).concat([tab]);
+      newPanes = state.panes.map(function (p) {
+        var updatedTabIds = p.tabIds.map(function (id) { return id === "chat" ? tabId : id; });
+        var needsActiveUpdate = p.activeTabId === "chat" || p.id === state.activePaneId;
+        return { ...p, tabIds: updatedTabIds, activeTabId: needsActiveUpdate ? tabId : p.activeTabId };
+      });
+    } else {
+      newTabs = [...state.tabs, tab];
+      newPanes = state.panes.map(function (p) {
+        return p.id === state.activePaneId
+          ? { ...p, tabIds: [...p.tabIds, tabId], activeTabId: tabId }
+          : p;
+      });
+    }
 
-      return {
-        ...p,
-        tabIds: updatedTabIds,
-        activeTabId: needsActiveUpdate ? tabId : p.activeTabId,
-      };
-    });
+    return { ...state, tabs: newTabs, panes: newPanes };
+  });
+}
 
+export function pinTab(tabId: string): void {
+  workspaceStore.setState(function (state) {
     return {
       ...state,
-      tabs: newTabs,
-      panes: newPanes,
+      tabs: state.tabs.map(function (t) {
+        return t.id === tabId ? { ...t, pinned: true } : t;
+      }),
     };
   });
 }
@@ -198,7 +219,7 @@ export function closeTab(tabId: string): void {
     var isLastChatTab = tab.type === "chat" && chatTabCount <= 1;
 
     if (isLastChatTab) {
-      var replacementTab: Tab = { id: "chat", type: "chat", label: "Chat", closeable: false };
+      var replacementTab: Tab = { id: "chat", type: "chat", label: "Chat", closeable: false, pinned: true };
       var replacedTabs = state.tabs.map(function (t) {
         if (t.id === tabId) return replacementTab;
         return t;
@@ -236,7 +257,7 @@ export function closeTab(tabId: string): void {
 
     var hasEmptySinglePane = newPanes.length === 1 && newPanes[0].tabIds.length === 0;
     if (hasEmptySinglePane) {
-      var defaultTab: Tab = { id: "chat", type: "chat", label: "Chat", closeable: false };
+      var defaultTab: Tab = { id: "chat", type: "chat", label: "Chat", closeable: false, pinned: true };
       return {
         tabs: [defaultTab],
         panes: [{ ...newPanes[0], tabIds: ["chat"], activeTabId: "chat" }],
@@ -468,7 +489,7 @@ export function loadWorkspaceForProject(projectSlug: string | null): void {
   urlSyncSuppressed = true;
   workspaceStore.setState(function () {
     return {
-      tabs: [{ id: "chat", type: "chat" as TabType, label: "Chat", closeable: false }],
+      tabs: [{ id: "chat", type: "chat" as TabType, label: "Chat", closeable: false, pinned: true }],
       panes: [{ id: "pane-1", tabIds: ["chat"], activeTabId: "chat" }],
       activePaneId: "pane-1",
       splitDirection: null,

package/package.json

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