@cryptiklemur/lattice 1.42.1 → 1.42.2

package/client/src/components/analytics/QuickStats.tsx

@@ -38,7 +38,7 @@ export function QuickStats() {
       <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] border border-base-content/8 rounded-xl p-3.5 animate-pulse">
+            <div key={i} className="bg-base-content/[0.03] rounded-xl p-3.5 animate-pulse">
               <div className="h-2.5 w-16 bg-base-content/10 rounded mb-3" />
               <div className="h-6 w-12 bg-base-content/10 rounded" />
             </div>
@@ -60,7 +60,7 @@ export function QuickStats() {
 
   return (
     <div className="grid grid-cols-2 sm:grid-cols-4 gap-3">
-      <div className="bg-base-content/[0.03] border border-base-content/8 rounded-xl p-3.5">
+      <div className="bg-base-content/[0.03] rounded-xl p-3.5">
         <div className="flex items-center justify-between mb-1">
           <span className="text-[10px] font-mono font-bold uppercase tracking-wider text-base-content/40">Total Spend</span>
           {costSparkData.length > 1 && (
@@ -72,7 +72,7 @@ export function QuickStats() {
         <div className="text-[20px] font-mono text-base-content">${d.totalCost.toFixed(2)}</div>
       </div>
 
-      <div className="bg-base-content/[0.03] border border-base-content/8 rounded-xl p-3.5">
+      <div className="bg-base-content/[0.03] rounded-xl p-3.5">
         <div className="flex items-center justify-between mb-1">
           <span className="text-[10px] font-mono font-bold uppercase tracking-wider text-base-content/40">Sessions</span>
           {sessionsSparkData.length > 1 && (
@@ -84,7 +84,7 @@ export function QuickStats() {
         <div className="text-[20px] font-mono text-base-content">{d.totalSessions}</div>
       </div>
 
-      <div className="bg-base-content/[0.03] border border-base-content/8 rounded-xl p-3.5">
+      <div className="bg-base-content/[0.03] rounded-xl p-3.5">
         <div className="flex items-center justify-between mb-1">
           <span className="text-[10px] font-mono font-bold uppercase tracking-wider text-base-content/40">Total Tokens</span>
           {tokensSparkData.length > 1 && (
@@ -96,7 +96,7 @@ export function QuickStats() {
         <div className="text-[20px] font-mono text-base-content">{formatTokens(totalTokens)}</div>
       </div>
 
-      <div className="bg-base-content/[0.03] border border-base-content/8 rounded-xl p-3.5">
+      <div className="bg-base-content/[0.03] rounded-xl p-3.5">
         <div className="mb-1">
           <span className="text-[10px] font-mono font-bold uppercase tracking-wider text-base-content/40">Cache Rate</span>
         </div>

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

@@ -755,22 +755,22 @@ export function ChatView({ sessionId: tabSessionId, projectSlug: tabProjectSlug
         ) : messages.length === 0 ? (
           <div className="flex items-center justify-center p-10 h-full">
             <div className="text-center max-w-[360px]">
-              <div className="text-primary mb-4 flex justify-center">
-                <LatticeLogomark size={48} />
+              <div className="text-base-content/10 mb-4 flex justify-center">
+                <LatticeLogomark size={40} />
               </div>
-              <p className="text-[17px] font-mono font-bold text-base-content mb-2 tracking-tight">
+              <p className="text-[15px] font-mono font-semibold text-base-content/60 mb-1.5">
                 {activeSessionId
-                  ? "Start the conversation"
+                  ? "What are you working on?"
                   : activeProject
-                  ? "Create or select a session"
+                  ? "Ready when you are"
                   : "Select a project"}
               </p>
-              <p className="text-[13px] text-base-content/40 leading-relaxed">
+              <p className="text-[12px] text-base-content/30 leading-relaxed">
                 {activeSessionId
-                  ? "Type a message below to begin chatting with Claude."
+                  ? "Type a message below or press / for commands."
                   : activeProject
-                  ? "Click the + button in the sidebar to start a new session."
-                  : "Choose a project from the sidebar to get started."}
+                  ? "Start a new session from the sidebar to chat with Claude."
+                  : "Choose a project from the rail to get started."}
               </p>
             </div>
           </div>

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

@@ -251,8 +251,9 @@ function InstalledPlugins({
     <div>
       <div className="text-[12px] font-semibold text-base-content/40 mb-2">Installed Plugins</div>
       {plugins.length === 0 ? (
-        <div className="py-6 text-center text-[13px] text-base-content/30">
-          No plugins installed. Search the marketplace below to get started.
+        <div className="py-6 text-center">
+          <div className="text-[12px] text-base-content/30 mb-0.5">No plugins installed</div>
+          <div className="text-[11px] text-base-content/20">Browse the marketplace or search below to add plugins.</div>
         </div>
       ) : (
         <div className="space-y-2">

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

@@ -94,8 +94,9 @@ export function GlobalSkills() {
       <div>
         <div className="text-[12px] font-semibold text-base-content/40 mb-2">Installed Skills</div>
         {skills.length === 0 ? (
-          <div className="py-4 text-center text-[13px] text-base-content/30">
-            No global skills installed.
+          <div className="py-4 text-center">
+            <div className="text-[12px] text-base-content/30 mb-0.5">No skills installed</div>
+            <div className="text-[11px] text-base-content/20">Search the marketplace below to add skills.</div>
           </div>
         ) : (
           <div className="space-y-2">

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

@@ -135,8 +135,8 @@ export function MeshStatus() {
         {localNode ? (
           <NodeRow node={localNode} onUnpair={handleUnpair} onReconnect={handleReconnect} />
         ) : (
-          <div className="text-[12px] text-base-content/40 italic">
-            Waiting for node info...
+          <div className="text-[12px] text-base-content/30">
+            Loading node information...
           </div>
         )}
       </div>
@@ -156,8 +156,9 @@ export function MeshStatus() {
         </div>
 
         {remoteNodes.length === 0 ? (
-          <div className="p-4 rounded-lg border border-dashed border-base-content/15 text-center text-[12px] text-base-content/40 italic">
-            No paired nodes yet.
+          <div className="p-4 rounded-lg border border-dashed border-base-content/10 text-center">
+            <div className="text-[12px] text-base-content/30 mb-0.5">No paired nodes</div>
+            <div className="text-[11px] text-base-content/20">Connect another machine to view its projects and sessions here.</div>
           </div>
         ) : (
           remoteNodes.map(function (node) {

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

@@ -17,7 +17,7 @@ import type { SettingsSection } from "../../stores/sidebar";
 var SECTION_CONFIG: Record<string, { title: string }> = {
   appearance: { title: "Appearance" },
   notifications: { title: "Notifications" },
-  claude: { title: "Claude Settings" },
+  claude: { title: "Claude" },
   budget: { title: "Budget" },
   environment: { title: "Environment" },
   mcp: { title: "MCP Servers" },

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

@@ -1,4 +1,5 @@
 import { useState, useEffect, useRef } from "react";
+import { createPortal } from "react-dom";
 import { Plus } from "lucide-react";
 import type { ProjectInfo, NodeInfo } from "@lattice/shared";
 import { LatticeLogomark } from "../ui/LatticeLogomark";
@@ -88,17 +89,17 @@ function ProjectButton(props: ProjectButtonProps) {
         className={
           "w-[42px] h-[42px] flex items-center justify-center text-[11px] font-bold tracking-[0.03em] cursor-pointer transition-all duration-[120ms] flex-shrink-0 " +
           (props.isActive
-            ? "rounded-xl bg-primary text-primary-content"
+            ? "rounded-xl bg-base-content/10 text-base-content ring-1 ring-base-content/20"
             : hovered
             ? "rounded-xl bg-base-200 text-base-content/60"
-            : "rounded-full bg-base-200 text-base-content/60")
+            : "rounded-full bg-base-200 text-base-content/40")
         }
       >
         {initials}
       </button>
 
       {props.group.activeSessions > 0 && (
-        <div className="absolute -top-1 -right-1 min-w-[16px] h-[16px] rounded-full bg-primary text-primary-content text-[9px] font-bold flex items-center justify-center pointer-events-none px-1">
+        <div className="absolute -top-0.5 -right-0.5 min-w-[14px] h-[14px] rounded-full bg-success/80 text-success-content text-[8px] font-bold flex items-center justify-center pointer-events-none px-0.5">
           {props.group.activeSessions}
         </div>
       )}
@@ -109,17 +110,17 @@ function ProjectButton(props: ProjectButtonProps) {
             <div
               key={n.nodeId}
               className={
-                "w-[11px] h-[11px] rounded-full border-[1.5px] border-base-100 " +
-                (n.online ? "bg-success" : "bg-error")
+                "w-[8px] h-[8px] rounded-full border border-base-100 " +
+                (n.online ? "bg-success/70" : "bg-base-content/20")
               }
             />
           );
         })}
       </div>
 
-      {hovered && (
+      {hovered && createPortal(
         <div
-          className="pointer-events-none z-[9000] bg-base-300 border border-base-content/20 rounded-lg px-2.5 py-1.5 shadow-xl"
+          className="pointer-events-none z-[99999] bg-base-300 border border-base-content/20 rounded-lg px-2.5 py-1.5 shadow-xl"
           style={{
             position: "fixed",
             left: "calc(64px + 8px)",
@@ -139,7 +140,8 @@ function ProjectButton(props: ProjectButtonProps) {
               </div>
             );
           })}
-        </div>
+        </div>,
+        document.body
       )}
     </div>
   );
@@ -162,17 +164,17 @@ function NodeIndicator({ node }: { node: NodeInfo }) {
         }}
         onMouseLeave={function () { setHovered(false); }}
         className={
-          "w-[28px] h-[28px] flex items-center justify-center text-[10px] font-bold rounded-full cursor-pointer transition-all duration-[120ms] flex-shrink-0 border-2 " +
+          "w-[26px] h-[26px] flex items-center justify-center text-[9px] font-semibold rounded-full cursor-pointer transition-all duration-[120ms] flex-shrink-0 border " +
           (node.online
-            ? "border-success/50 bg-base-200 text-base-content/50 hover:bg-base-200/80"
-            : "border-error/30 bg-base-200/50 text-base-content/25 hover:bg-base-200/60")
+            ? "border-success/30 bg-base-200/60 text-base-content/40 hover:bg-base-200"
+            : "border-base-content/10 bg-base-200/30 text-base-content/20 hover:bg-base-200/40")
         }
       >
         {initial}
       </button>
-      {hovered && (
+      {hovered && createPortal(
         <div
-          className="pointer-events-none z-[9000] bg-base-300 border border-base-content/20 rounded-lg px-2.5 py-1.5 shadow-xl"
+          className="pointer-events-none z-[99999] bg-base-300 border border-base-content/20 rounded-lg px-2.5 py-1.5 shadow-xl"
           style={{
             position: "fixed",
             left: "calc(64px + 8px)",
@@ -192,7 +194,8 @@ function NodeIndicator({ node }: { node: NodeInfo }) {
           <div className="text-[10px] text-base-content/30 mt-0.5">
             {node.projects.length} project{node.projects.length !== 1 ? "s" : ""}
           </div>
-        </div>
+        </div>,
+        document.body
       )}
     </div>
   );
@@ -283,8 +286,8 @@ export function ProjectRail(props: ProjectRailProps) {
           className={
             "relative w-[42px] h-[42px] flex items-center justify-center cursor-pointer transition-all duration-[120ms] flex-shrink-0 " +
             (props.isDashboardActive
-              ? "rounded-xl bg-primary text-primary-content"
-              : "rounded-full bg-base-200 text-base-content/60 hover:rounded-xl hover:bg-primary/20 hover:text-primary")
+              ? "rounded-xl bg-base-content/10 text-base-content ring-1 ring-base-content/20"
+              : "rounded-full bg-base-200 text-base-content/40 hover:rounded-xl hover:bg-base-200 hover:text-base-content/60")
           }
           title="Lattice Dashboard"
         >
@@ -339,13 +342,13 @@ export function ProjectRail(props: ProjectRailProps) {
 
       <div className="flex-1" />
 
-      {contextMenu.visible && (
+      {contextMenu.visible && createPortal(
         <div
           ref={menuRef}
           role="menu"
           aria-label="Project actions"
           onClick={function (e) { e.stopPropagation(); }}
-          className="fixed z-[9999] bg-base-300 border border-base-content/20 rounded-lg shadow-2xl py-1 min-w-[160px]"
+          className="fixed z-[99999] bg-base-300 border border-base-content/20 rounded-lg shadow-2xl py-1 min-w-[160px]"
           style={{ left: contextMenu.x + "px", top: contextMenu.y + "px" }}
         >
           <button
@@ -387,7 +390,8 @@ export function ProjectRail(props: ProjectRailProps) {
           >
             Remove Project
           </button>
-        </div>
+        </div>,
+        document.body
       )}
 
     </div>

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

@@ -475,8 +475,15 @@ export function SessionList(props: SessionListProps) {
     <div className="flex flex-col flex-1 overflow-hidden min-h-0">
       <div ref={scrollContainerRef} className="flex-1 overflow-y-auto overflow-x-hidden scrollbar-hidden py-0.5 pb-16">
         {grouped.length === 0 ? (
-          <div className="px-3 py-2 text-sm text-base-content/40 italic">
-            {props.filter ? "No matches" : "No sessions yet"}
+          <div className="px-4 py-6 text-center">
+            {props.filter ? (
+              <div className="text-[12px] text-base-content/30">No sessions match your search</div>
+            ) : (
+              <>
+                <div className="text-[12px] text-base-content/30 mb-1">No sessions yet</div>
+                <div className="text-[11px] text-base-content/20">Click + above to start a conversation with Claude</div>
+              </>
+            )}
           </div>
         ) : (
           grouped.map(function (group) {

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

@@ -9,29 +9,29 @@ interface SettingsSidebarProps {
 
 var SETTINGS_NAV = [
   {
-    group: "GENERAL",
+    group: "",
     items: [
       { id: "appearance" as SettingsSection, label: "Appearance", icon: <Palette size={14} /> },
       { id: "notifications" as SettingsSection, label: "Notifications", icon: <Bell size={14} /> },
-      { id: "claude" as SettingsSection, label: "Claude Settings", icon: <FileText size={14} /> },
-      { id: "budget" as SettingsSection, label: "Budget", icon: <Wallet size={14} /> },
-      { id: "environment" as SettingsSection, label: "Environment", icon: <Terminal size={14} /> },
-      { id: "editor" as SettingsSection, label: "Editor", icon: <MonitorCog size={14} /> },
     ],
   },
   {
-    group: "CONFIGURATION",
+    group: "CLAUDE",
     items: [
-      { id: "rules" as SettingsSection, label: "Rules", icon: <ScrollText size={14} /> },
-      { id: "memory" as SettingsSection, label: "Memory", icon: <Brain size={14} /> },
+      { id: "claude" as SettingsSection, label: "Model & Prompts", icon: <FileText size={14} /> },
+      { id: "budget" as SettingsSection, label: "Budget", icon: <Wallet size={14} /> },
+      { id: "environment" as SettingsSection, label: "Environment", icon: <Terminal size={14} /> },
+      { id: "editor" as SettingsSection, label: "Editor", icon: <MonitorCog size={14} /> },
     ],
   },
   {
-    group: "INTEGRATIONS",
+    group: "EXTENSIONS",
     items: [
-      { id: "mcp" as SettingsSection, label: "MCP Servers", icon: <Plug size={14} /> },
-      { id: "skills" as SettingsSection, label: "Skills", icon: <Puzzle size={14} /> },
       { id: "plugins" as SettingsSection, label: "Plugins", icon: <Blocks size={14} /> },
+      { id: "skills" as SettingsSection, label: "Skills", icon: <Puzzle size={14} /> },
+      { id: "mcp" as SettingsSection, label: "MCP Servers", icon: <Plug size={14} /> },
+      { id: "rules" as SettingsSection, label: "Rules", icon: <ScrollText size={14} /> },
+      { id: "memory" as SettingsSection, label: "Memory", icon: <Brain size={14} /> },
     ],
   },
   {
@@ -44,7 +44,7 @@ var SETTINGS_NAV = [
 
 var PROJECT_SETTINGS_NAV = [
   {
-    group: "GENERAL",
+    group: "",
     items: [
       { id: "general" as ProjectSettingsSection, label: "General", icon: <Settings size={14} /> },
       { id: "notifications" as ProjectSettingsSection, label: "Notifications", icon: <Bell size={14} /> },
@@ -53,16 +53,11 @@ var PROJECT_SETTINGS_NAV = [
     ],
   },
   {
-    group: "INTEGRATIONS",
+    group: "EXTENSIONS",
     items: [
-      { id: "mcp" as ProjectSettingsSection, label: "MCP Servers", icon: <Plug size={14} /> },
-      { id: "skills" as ProjectSettingsSection, label: "Skills", icon: <Puzzle size={14} /> },
       { id: "plugins" as ProjectSettingsSection, label: "Plugins", icon: <Blocks size={14} /> },
-    ],
-  },
-  {
-    group: "CONFIGURATION",
-    items: [
+      { id: "skills" as ProjectSettingsSection, label: "Skills", icon: <Puzzle size={14} /> },
+      { id: "mcp" as ProjectSettingsSection, label: "MCP Servers", icon: <Plug size={14} /> },
       { id: "rules" as ProjectSettingsSection, label: "Rules", icon: <ScrollText size={14} /> },
       { id: "permissions" as ProjectSettingsSection, label: "Permissions", icon: <Shield size={14} /> },
       { id: "memory" as ProjectSettingsSection, label: "Memory", icon: <Brain size={14} /> },
@@ -92,19 +87,21 @@ 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 h-11 border-b border-base-300 flex-shrink-0 flex items-center">
+      <div className="px-4 h-12 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>
 
       <div className="flex flex-col flex-1 overflow-y-auto min-h-0 py-2 pb-16">
         {nav.map(function (group) {
           return (
-            <div key={group.group} className="mb-2">
-              <div className="px-4 pt-3 pb-1">
-                <span className="text-[10px] font-bold tracking-wider uppercase text-base-content/40">
-                  {group.group}
-                </span>
-              </div>
+            <div key={group.group || "ungrouped"} className="mb-2">
+              {group.group && (
+                <div className="px-4 pt-3 pb-1">
+                  <span className="text-[10px] font-bold tracking-wider uppercase text-base-content/40">
+                    {group.group}
+                  </span>
+                </div>
+              )}
               {group.items.map(function (item) {
                 var isActive = activeSection === item.id;
                 return (
@@ -114,7 +111,7 @@ export function SettingsSidebar({ projectName, onBack }: SettingsSidebarProps) {
                     className={
                       "w-full flex items-center gap-2.5 px-4 py-2.5 sm:py-1.5 text-[13px] transition-colors duration-[100ms] text-left " +
                       (isActive
-                        ? "bg-primary/20 text-base-content font-medium"
+                        ? "bg-base-content/8 text-base-content font-medium"
                         : "text-base-content/55 hover:bg-base-content/5 hover:text-base-content")
                     }
                   >

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

@@ -261,7 +261,7 @@ export function Sidebar({ onSessionSelect }: { onSessionSelect?: () => void }) {
           <>
             {sidebar.activeView.type === "dashboard" ? (
               <>
-                <div className="px-4 h-11 border-b border-base-300 flex-shrink-0 flex items-center gap-2">
+                <div className="px-4 h-12 border-b border-base-300 flex-shrink-0 flex items-center gap-2">
                   <LatticeLogomark size={18} />
                   <span className="text-[13px] font-mono font-bold text-base-content/90">
                     Lattice
@@ -315,12 +315,12 @@ export function Sidebar({ onSessionSelect }: { onSessionSelect?: () => void }) {
                   </div>
                   <SectionLabel label="Projects" />
                   {projects.length === 0 && nodes.some(function (n) { return !n.isLocal && n.online; }) ? (
-                    <div className="flex items-center gap-2 text-[12px] text-base-content/30 px-4">
-                      <span className="w-2 h-2 rounded-full bg-primary animate-pulse flex-shrink-0" />
-                      Loading remote projects...
+                    <div className="flex items-center gap-2 text-[12px] text-base-content/25 px-4">
+                      <span className="w-1.5 h-1.5 rounded-full bg-base-content/30 animate-pulse flex-shrink-0" />
+                      Syncing remote projects...
                     </div>
                   ) : (
-                    <div className="text-[12px] text-base-content/40 px-4">
+                    <div className="text-[12px] text-base-content/25 px-4">
                       Select a project from the rail to view sessions.
                     </div>
                   )}
@@ -334,17 +334,19 @@ export function Sidebar({ onSessionSelect }: { onSessionSelect?: () => void }) {
                   onClick={sidebar.toggleProjectDropdown}
                   aria-label="Switch project"
                   aria-expanded={sidebar.projectDropdownOpen}
-                  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"
+                  className={"w-full px-4 border-b border-base-300 flex-shrink-0 flex items-center justify-between cursor-pointer hover:bg-base-300/30 transition-colors text-left " + (activeProject?.isRemote ? "h-14 py-2" : "h-12 py-2.5")}
                 >
-                  <span className="text-[13px] font-mono font-bold text-base-content/90">
-                    {activeProject?.title ?? (projects.length === 0 ? "Loading..." : "No Project")}
+                  <div className="min-w-0">
+                    <div className="text-[13px] font-mono font-bold text-base-content/90 truncate">
+                      {activeProject?.title ?? (projects.length === 0 ? "Loading..." : "No Project")}
+                    </div>
                     {activeProject?.isRemote && (
-                      <span className="ml-1.5 text-[10px] font-normal text-base-content/30">
+                      <div className="text-[10px] text-base-content/30 font-mono">
                         on {activeProject.nodeName}
-                      </span>
+                      </div>
                     )}
-                  </span>
-                  <ChevronDown size={14} className="text-base-content/30" />
+                  </div>
+                  <ChevronDown size={14} className="text-base-content/30 flex-shrink-0" />
                 </button>
 
                 <button
@@ -361,8 +363,6 @@ export function Sidebar({ onSessionSelect }: { onSessionSelect?: () => void }) {
                     { type: "files" as const, icon: FolderOpen, label: "Files", localOnly: true },
                     { type: "terminal" as const, icon: TerminalSquare, label: "Terminal", localOnly: true },
                     { type: "notes" as const, icon: StickyNote, label: "Notes", localOnly: false },
-                    { type: "tasks" as const, icon: Calendar, label: "Tasks", localOnly: false },
-                    { type: "bookmarks" as const, icon: Bookmark, label: "Bookmarks", localOnly: false },
                   ].map(function (item) {
                     var isDisabled = item.localOnly && activeProject?.isRemote;
                     return (

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

@@ -86,7 +86,7 @@ export function UserIsland(props: UserIslandProps) {
           className="flex items-center gap-2 flex-1 min-w-0 rounded-lg px-1 py-1 -mx-1 hover:bg-base-content/5 transition-colors duration-[120ms] cursor-pointer"
           aria-label="Node info"
         >
-          <div className="w-7 h-7 rounded-full bg-primary text-primary-content text-[12px] font-bold flex items-center justify-center flex-shrink-0">
+          <div className="w-7 h-7 rounded-full bg-base-content/10 text-base-content/50 text-[12px] font-bold flex items-center justify-center flex-shrink-0">
             {initial}
           </div>
           <div className="flex-1 min-w-0 text-left">
@@ -96,7 +96,7 @@ export function UserIsland(props: UserIslandProps) {
             <div className="text-[10px] font-mono flex items-center gap-1">
               <span className="text-base-content/30">{"v" + currentVersion}</span>
               {updateAvailable && latestVersion && (
-                <span className="flex items-center gap-0.5 text-primary/70">
+                <span className="flex items-center gap-0.5 text-base-content/30">
                   <ArrowUpCircle size={9} />
                   {latestVersion}
                 </span>

package/package.json

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