@cryptiklemur/lattice 1.44.3 → 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/package.json

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