@cryptiklemur/lattice 1.44.2 → 1.45.0

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

@@ -746,20 +746,25 @@ export function ChatView({ sessionId: tabSessionId, projectSlug: tabProjectSlug
           </div>
         )}
         {messages.length === 0 && historyLoading ? (
-          <div className="flex items-center justify-center h-full">
-            <div className="flex flex-col items-center gap-3">
-              <div className="flex gap-1.5">
-                {[0, 1, 2].map(function (i) {
-                  return (
-                    <div
-                      key={i}
-                      className="w-2 h-2 rounded-full bg-primary/50"
-                      style={{ animation: "pulse 1.2s ease-in-out infinite", animationDelay: i * 0.2 + "s" }}
-                    />
-                  );
-                })}
+          <div className="px-5 pt-6 space-y-4 animate-pulse">
+            <div className="chat chat-end">
+              <div className="chat-bubble bg-primary/10 border-0 w-48 h-10" />
+            </div>
+            <div className="chat chat-start">
+              <div className="chat-bubble bg-base-300/50 border-0 space-y-2 w-80">
+                <div className="h-2.5 bg-base-content/8 rounded w-full" />
+                <div className="h-2.5 bg-base-content/8 rounded w-3/4" />
+                <div className="h-2.5 bg-base-content/8 rounded w-5/6" />
+              </div>
+            </div>
+            <div className="chat chat-end">
+              <div className="chat-bubble bg-primary/10 border-0 w-56 h-10" />
+            </div>
+            <div className="chat chat-start">
+              <div className="chat-bubble bg-base-300/50 border-0 space-y-2 w-72">
+                <div className="h-2.5 bg-base-content/8 rounded w-full" />
+                <div className="h-2.5 bg-base-content/8 rounded w-2/3" />
               </div>
-              <span className="text-[12px] text-base-content/30 font-mono">Loading session...</span>
             </div>
           </div>
         ) : messages.length === 0 ? (

package/client/src/components/dashboard/ProjectDashboardView.tsx

@@ -105,7 +105,14 @@ export function ProjectDashboardView() {
       </div>
 
       {loading && (
-        <div className="text-[13px] text-base-content/40 py-4">Loading...</div>
+        <div className="space-y-6 animate-pulse">
+          <div className="grid grid-cols-2 sm:grid-cols-4 gap-3">
+            {[0, 1, 2, 3].map(function (i) {
+              return <div key={i} className="bg-base-content/[0.03] rounded-xl p-3.5 h-20" />;
+            })}
+          </div>
+          <div className="bg-base-content/[0.03] rounded-xl h-32" />
+        </div>
       )}
 
       {!loading && settings && (

package/client/src/components/settings/GlobalPlugins.tsx

@@ -166,7 +166,11 @@ export function GlobalPlugins() {
   }, [send]);
 
   if (!loaded) {
-    return <div className="text-[13px] text-base-content/40 py-4">Loading...</div>;
+    return (
+      <div className="py-4 space-y-3 animate-pulse">
+        {[0, 1, 2].map(function (i) { return <div key={i} className="bg-base-content/[0.03] rounded-xl h-16" />; })}
+      </div>
+    );
   }
 
   return (

package/client/src/components/settings/GlobalSkills.tsx

@@ -77,7 +77,11 @@ export function GlobalSkills() {
   }
 
   if (!loaded) {
-    return <div className="text-[13px] text-base-content/40 py-4">Loading...</div>;
+    return (
+      <div className="py-4 space-y-3 animate-pulse">
+        {[0, 1, 2].map(function (i) { return <div key={i} className="bg-base-content/[0.03] rounded-xl h-16" />; })}
+      </div>
+    );
   }
 
   return (

package/client/src/hooks/useSession.ts

@@ -294,6 +294,13 @@ export function useSession(): UseSessionReturn {
 
     function handleHistory(msg: ServerMessage) {
       var m = msg as SessionHistoryMessage;
+      if (m.sessionId && m.messages && m.messages.length === 0 && m.title) {
+        updateSessionTabTitle(m.sessionId, m.title);
+        if (m.sessionId === getSessionStore().state.activeSessionId) {
+          getSessionStore().setState(function (s) { return { ...s, activeSessionTitle: m.title ?? s.activeSessionTitle }; });
+        }
+        return;
+      }
       setCurrentAssistantUuid(null);
       if (m.sessionId) {
         var projectSlug = m.projectSlug || getSessionStore().state.activeProjectSlug;

package/package.json

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

package/server/src/handlers/session.ts

@@ -107,13 +107,9 @@ registerHandler("session", function (clientId: string, message: ClientMessage) {
     setActiveProject(clientId, activateMsg.projectSlug);
     watchSessionLock(activateMsg.sessionId);
     var activateT0 = Date.now();
-    void Promise.all([
-      loadSessionHistory(activateMsg.projectSlug, activateMsg.sessionId),
-      getSessionTitle(activateMsg.projectSlug, activateMsg.sessionId).catch(function () { return null; }),
-    ]).then(function (results) {
-      log.session("session:activate history+title: %dms", Date.now() - activateT0);
-      var historyResult = results[0];
-      var title = results[1];
+    void loadSessionHistory(activateMsg.projectSlug, activateMsg.sessionId).then(function (historyResult) {
+      log.session("session:activate history: %dms", Date.now() - activateT0);
+      var title: string | null = null;
       var interrupted = wasSessionInterrupted(activateMsg.sessionId);
       if (interrupted) {
         clearInterruptedFlag(activateMsg.sessionId);
@@ -137,6 +133,12 @@ registerHandler("session", function (clientId: string, message: ClientMessage) {
       sendTo(clientId, { type: "chat:error", message: "Failed to load session history" });
     });
 
+    setTimeout(function () {
+    void getSessionTitle(activateMsg.projectSlug, activateMsg.sessionId).then(function (sessionTitle) {
+      if (sessionTitle) {
+        sendTo(clientId, { type: "session:history", projectSlug: activateMsg.projectSlug, sessionId: activateMsg.sessionId, messages: [], title: sessionTitle });
+      }
+    }).catch(function () {});
     void Promise.all([
       getSessionUsage(activateMsg.projectSlug, activateMsg.sessionId).catch(function () { return null; }),
       getContextBreakdown(activateMsg.projectSlug, activateMsg.sessionId).catch(function () { return null; }),
@@ -173,6 +175,7 @@ registerHandler("session", function (clientId: string, message: ClientMessage) {
       log.session("Failed to activate session: %O", err);
       sendTo(clientId, { type: "chat:error", message: "Failed to activate session" });
     });
+    }, 50);
     return;
   }