@cryptiklemur/lattice 1.43.5 → 1.43.6

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

@@ -23,7 +23,7 @@ import { useBookmarks } from "../../hooks/useBookmarks";
 import { formatSessionTitle } from "../../utils/formatSessionTitle";
 
 export function ChatView({ sessionId: tabSessionId, projectSlug: tabProjectSlug }: { sessionId?: string; projectSlug?: string } = {}) {
-  var { messages, isProcessing, sendMessage, activeSessionId, activeSessionTitle, currentStatus, contextUsage, contextBreakdown, lastResponseCost, lastResponseDuration, historyLoading, wasInterrupted, promptSuggestion, failedInput, clearFailedInput, messageQueue, enqueueMessage, removeQueuedMessage, updateQueuedMessage, isBusy, busyOwner, isPlanMode, pendingPrefill, activateSession, budgetStatus, budgetExceeded, sendBudgetOverride, dismissBudgetExceeded } = useSession();
+  var { messages, isProcessing, sendMessage, activeSessionId, activeSessionTitle, currentStatus, contextUsage, contextBreakdown, lastResponseCost, lastResponseDuration, historyLoading, historyHasMore, loadMoreHistory, wasInterrupted, promptSuggestion, failedInput, clearFailedInput, messageQueue, enqueueMessage, removeQueuedMessage, updateQueuedMessage, isBusy, busyOwner, isPlanMode, pendingPrefill, activateSession, budgetStatus, budgetExceeded, sendBudgetOverride, dismissBudgetExceeded } = useSession();
   var { activeProject } = useProjects();
   var { toggleDrawer } = useSidebar();
 
@@ -735,6 +735,16 @@ export function ChatView({ sessionId: tabSessionId, projectSlug: tabProjectSlug
         aria-relevant="additions"
         style={{ WebkitOverflowScrolling: "touch", touchAction: "pan-y" }}
       >
+        {historyHasMore && messages.length > 0 && (
+          <div className="flex justify-center py-3">
+            <button
+              onClick={loadMoreHistory}
+              className="text-[11px] text-base-content/30 hover:text-base-content/50 font-mono transition-colors"
+            >
+              Load older messages
+            </button>
+          </div>
+        )}
         {messages.length === 0 && historyLoading ? (
           <div className="flex items-center justify-center h-full">
             <div className="flex flex-col items-center gap-3">

package/client/src/hooks/useSession.ts

@@ -78,6 +78,8 @@ export interface UseSessionReturn extends SessionState {
   clearMessageQueue: () => void;
   sendBudgetOverride: () => void;
   dismissBudgetExceeded: () => void;
+  loadMoreHistory: () => void;
+  historyHasMore: boolean;
 }
 
 export function useSession(): UseSessionReturn {
@@ -276,6 +278,19 @@ export function useSession(): UseSessionReturn {
       updatePermissionStatus(m.requestId, m.status);
     }
 
+    function handleHistoryPage(msg: ServerMessage) {
+      var m = msg as { type: string; sessionId: string; messages: HistoryMessage[]; hasMore: boolean };
+      var state = getSessionStore().state;
+      if (m.sessionId !== state.activeSessionId) return;
+      getSessionStore().setState(function (s) {
+        return {
+          ...s,
+          messages: mergeToolResults(m.messages).concat(s.messages),
+          historyHasMore: m.hasMore,
+        };
+      });
+    }
+
     function handleHistory(msg: ServerMessage) {
       var m = msg as SessionHistoryMessage;
       setCurrentAssistantUuid(null);
@@ -303,6 +318,8 @@ export function useSession(): UseSessionReturn {
             lastResponseDuration: null,
             lastReadIndex: null,
             historyLoading: false,
+            historyHasMore: m.hasMore || false,
+            historyTotalMessages: m.totalMessages || m.messages.length,
             wasInterrupted: m.interrupted || false,
             isBusy: m.busy || false,
             busyOwner: m.busyOwner ?? null,
@@ -390,6 +407,7 @@ export function useSession(): UseSessionReturn {
     subscribe("chat:context_usage", handleContextUsage);
     subscribe("chat:context_breakdown", handleContextBreakdown);
     subscribe("session:history", handleHistory);
+    subscribe("session:history_page_result", handleHistoryPage);
     subscribe("chat:prompt_suggestion", handlePromptSuggestion);
     subscribe("session:busy", handleSessionBusy);
     subscribe("chat:prompt_request", handlePromptRequest);
@@ -413,6 +431,7 @@ export function useSession(): UseSessionReturn {
       unsubscribe("chat:context_usage", handleContextUsage);
       unsubscribe("chat:context_breakdown", handleContextBreakdown);
       unsubscribe("session:history", handleHistory);
+      unsubscribe("session:history_page_result", handleHistoryPage);
       unsubscribe("chat:prompt_suggestion", handlePromptSuggestion);
       unsubscribe("session:busy", handleSessionBusy);
       unsubscribe("chat:prompt_request", handlePromptRequest);
@@ -441,6 +460,15 @@ export function useSession(): UseSessionReturn {
     lastResponseDuration: state.lastResponseDuration,
     lastReadIndex: state.lastReadIndex,
     historyLoading: state.historyLoading,
+    historyHasMore: state.historyHasMore,
+    historyTotalMessages: state.historyTotalMessages,
+    loadMoreHistory: function () {
+      if (!state.historyHasMore || !state.activeSessionId) return;
+      var totalMessages = state.historyTotalMessages;
+      var loadedCount = state.messages.length;
+      var beforeIndex = totalMessages - loadedCount;
+      sendRef.current({ type: "session:history_page", sessionId: state.activeSessionId, before: beforeIndex, limit: 100 } as any);
+    },
     wasInterrupted: state.wasInterrupted,
     promptSuggestion: state.promptSuggestion,
     failedInput: state.failedInput,

package/client/src/stores/session.ts

@@ -42,6 +42,8 @@ export interface SessionState {
   lastResponseDuration: number | null;
   lastReadIndex: number | null;
   historyLoading: boolean;
+  historyHasMore: boolean;
+  historyTotalMessages: number;
   wasInterrupted: boolean;
   promptSuggestion: string | null;
   failedInput: string | null;
@@ -68,6 +70,8 @@ var sessionStore = new Store<SessionState>({
   lastResponseDuration: null,
   lastReadIndex: null,
   historyLoading: false,
+  historyHasMore: false,
+  historyTotalMessages: 0,
   wasInterrupted: false,
   promptSuggestion: null,
   failedInput: null,
@@ -293,6 +297,8 @@ export function clearSession(): void {
       lastResponseDuration: null,
       lastReadIndex: null,
       historyLoading: false,
+      historyHasMore: false,
+      historyTotalMessages: 0,
       wasInterrupted: false,
       promptSuggestion: null,
       failedInput: null,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cryptiklemur/lattice",
-  "version": "1.43.5",
+  "version": "1.43.6",
   "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/handlers/session.ts

@@ -20,6 +20,7 @@ import {
   getSessionUsage,
   listSessions,
   invalidateSessionCache,
+  getSessionHistoryPage,
   loadSessionHistory,
   renameSession,
 } from "../project/session";
@@ -79,6 +80,18 @@ registerHandler("session", function (clientId: string, message: ClientMessage) {
     return;
   }
 
+  if (message.type === "session:history_page") {
+    var pageMsg = message as { type: "session:history_page"; sessionId: string; before: number; limit: number };
+    var page = getSessionHistoryPage(pageMsg.sessionId, pageMsg.before, pageMsg.limit);
+    sendTo(clientId, {
+      type: "session:history_page_result",
+      sessionId: pageMsg.sessionId,
+      messages: page.messages,
+      hasMore: page.hasMore,
+    });
+    return;
+  }
+
   if (message.type === "session:create") {
     var createMsg = message as SessionCreateMessage;
     var session = createSession(createMsg.projectSlug);
@@ -116,15 +129,18 @@ registerHandler("session", function (clientId: string, message: ClientMessage) {
         }
         var busy = isSessionBusy(activateMsg.sessionId);
         var busyOwner = busy ? getBusyOwner(activateMsg.sessionId) : undefined;
+        var historyResult = results[0] || { messages: [], totalMessages: 0, hasMore: false };
         sendTo(clientId, {
           type: "session:history",
           projectSlug: activateMsg.projectSlug,
           sessionId: activateMsg.sessionId,
-          messages: results[0] || [],
+          messages: historyResult.messages,
           title: results[1],
           interrupted: interrupted || undefined,
           busy: busy || undefined,
           busyOwner: busyOwner,
+          totalMessages: historyResult.totalMessages,
+          hasMore: historyResult.hasMore,
         });
       } catch (err) {
         log.session("Error sending session history: %O", err);

package/server/src/project/session.ts

@@ -457,19 +457,55 @@ export async function getSessionTitle(projectSlug: string, sessionId: string): P
   return "Untitled";
 }
 
-export async function loadSessionHistory(projectSlug: string, sessionId: string): Promise<HistoryMessage[]> {
+var historyCache = new Map<string, { messages: HistoryMessage[]; time: number }>();
+var HISTORY_CACHE_TTL = 30000;
+var INITIAL_MESSAGE_COUNT = 100;
+
+export async function loadSessionHistory(projectSlug: string, sessionId: string): Promise<{ messages: HistoryMessage[]; totalMessages: number; hasMore: boolean }> {
   var projectPath = getProjectPath(projectSlug);
   var options = projectPath ? { dir: projectPath } : undefined;
 
   try {
-    var messages = await getSessionMessages(sessionId, options);
-    return convertSessionMessages(messages);
+    var t0 = Date.now();
+    var cached = historyCache.get(sessionId);
+    var allMessages: HistoryMessage[];
+
+    if (cached && Date.now() - cached.time < HISTORY_CACHE_TTL) {
+      allMessages = cached.messages;
+    } else {
+      var rawMessages = await getSessionMessages(sessionId, options);
+      allMessages = convertSessionMessages(rawMessages);
+      historyCache.set(sessionId, { messages: allMessages, time: Date.now() });
+    }
+
+    log.session("loadSessionHistory %s: %dms, %d total messages", sessionId.slice(0, 8), Date.now() - t0, allMessages.length);
+
+    var tail = allMessages.length > INITIAL_MESSAGE_COUNT
+      ? allMessages.slice(allMessages.length - INITIAL_MESSAGE_COUNT)
+      : allMessages;
+
+    return {
+      messages: tail,
+      totalMessages: allMessages.length,
+      hasMore: allMessages.length > INITIAL_MESSAGE_COUNT,
+    };
   } catch (err) {
     log.session("Failed to load session history: %O", err);
-    return [];
+    return { messages: [], totalMessages: 0, hasMore: false };
   }
 }
 
+export function getSessionHistoryPage(sessionId: string, beforeIndex: number, limit: number): { messages: HistoryMessage[]; hasMore: boolean } {
+  var cached = historyCache.get(sessionId);
+  if (!cached) return { messages: [], hasMore: false };
+
+  var endIdx = Math.max(0, beforeIndex);
+  var startIdx = Math.max(0, endIdx - limit);
+  var page = cached.messages.slice(startIdx, endIdx);
+
+  return { messages: page, hasMore: startIdx > 0 };
+}
+
 export function createSession(projectSlug: string): SessionSummary {
   var sessionId = randomUUID();
   var now = Date.now();

package/shared/src/messages.ts

@@ -50,6 +50,20 @@ export interface SessionListRequestMessage {
   limit?: number;
 }
 
+export interface SessionHistoryPageMessage {
+  type: "session:history_page";
+  sessionId: string;
+  before: number;
+  limit: number;
+}
+
+export interface SessionHistoryPageResultMessage {
+  type: "session:history_page_result";
+  sessionId: string;
+  messages: HistoryMessage[];
+  hasMore: boolean;
+}
+
 export interface SessionPreviewRequestMessage {
   type: "session:preview_request";
   projectSlug: string;
@@ -578,6 +592,7 @@ export type ClientMessage =
   | EditorEnsureProjectMessage
   | ChatPromptResponseMessage
   | AnalyticsRequestMessage
+  | SessionHistoryPageMessage
   | SessionPreviewRequestMessage
   | BookmarkListMessage
   | BookmarkAddMessage
@@ -623,6 +638,8 @@ export interface SessionHistoryMessage {
   interrupted?: boolean;
   busy?: boolean;
   busyOwner?: "cli" | "lattice";
+  totalMessages?: number;
+  hasMore?: boolean;
 }
 
 export interface SessionBusyMessage {
@@ -1076,6 +1093,7 @@ export type ServerMessage =
   | AnalyticsDataMessage
   | AnalyticsErrorMessage
   | SessionPreviewMessage
+  | SessionHistoryPageResultMessage
   | BookmarkListResultMessage
   | BudgetStatusMessage
   | BudgetExceededMessage