@cryptiklemur/lattice 1.16.4 → 1.17.0

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

@@ -64,8 +64,8 @@ export function AnalyticsView() {
 
   return (
     <div className="flex flex-col h-full overflow-hidden bg-base-100 bg-lattice-grid">
-      <div className="flex items-center justify-between px-6 py-4 border-b border-base-300 flex-shrink-0">
-        <h1 className="text-[16px] font-mono font-bold text-base-content">Analytics</h1>
+      <div className="flex items-center justify-between px-2 sm:px-4 min-h-10 sm:min-h-12 border-b border-base-300 flex-shrink-0">
+        <h1 className="text-sm font-mono font-semibold text-base-content">Analytics</h1>
         <PeriodSelector value={analytics.period} onChange={analytics.setPeriod} />
       </div>
 

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

@@ -322,7 +322,7 @@ export function Sidebar({ onSessionSelect }: { onSessionSelect?: () => void }) {
                   })}
                   <button
                     type="button"
-                    onClick={goToAnalytics}
+                    onClick={function () { openTab("analytics"); }}
                     className="flex items-center gap-2 px-2 py-1.5 rounded-lg text-[11px] text-base-content/40 hover:text-base-content/70 hover:bg-base-300/30 transition-colors"
                   >
                     <BarChart3 size={12} />

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

@@ -1,5 +1,5 @@
 import { useState, useEffect, useRef } from "react";
-import { X, Columns2, Rows2, MessageSquare, FolderOpen, TerminalSquare, StickyNote, Calendar, Bookmark } from "lucide-react";
+import { X, Columns2, Rows2, MessageSquare, FolderOpen, TerminalSquare, StickyNote, Calendar, Bookmark, BarChart3 } from "lucide-react";
 import { useWorkspace } from "../../hooks/useWorkspace";
 import { useSession } from "../../hooks/useSession";
 import type { Tab, TabType } from "../../stores/workspace";
@@ -23,6 +23,7 @@ var TAB_ICONS: Record<TabType, typeof MessageSquare> = {
   notes: StickyNote,
   tasks: Calendar,
   bookmarks: Bookmark,
+  analytics: BarChart3,
 };
 
 export function TabBar({ paneId, isActivePane }: TabBarProps) {
@@ -69,7 +70,7 @@ export function TabBar({ paneId, isActivePane }: TabBarProps) {
     activeTabId = workspace.activeTabId;
   }
 
-  var shouldShow = paneTabs.length > 1 || paneTabs.some(function (t) { return t.closeable; });
+  var shouldShow = paneTabs.length > 1 || workspace.panes.length > 1;
 
   function getTabLabel(tab: Tab): string {
     if (tab.type === "chat" && tab.sessionId) {

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

@@ -10,6 +10,7 @@ import { FileBrowser } from "./FileBrowser";
 import { NotesView } from "./NotesView";
 import { ScheduledTasksView } from "./ScheduledTasksView";
 import { BookmarksView } from "./BookmarksView";
+import { AnalyticsView } from "../analytics/AnalyticsView";
 import type { Pane, Tab } from "../../stores/workspace";
 
 var NON_CHAT_COMPONENTS: Record<string, () => React.JSX.Element> = {
@@ -18,6 +19,7 @@ var NON_CHAT_COMPONENTS: Record<string, () => React.JSX.Element> = {
   notes: NotesView,
   tasks: ScheduledTasksView,
   bookmarks: BookmarksView,
+  analytics: AnalyticsView,
 };
 
 function PaneContent({ pane, tabs, isActive, onFocus }: {

package/client/src/stores/workspace.ts

@@ -1,6 +1,6 @@
 import { Store } from "@tanstack/react-store";
 
-export type TabType = "chat" | "files" | "terminal" | "notes" | "tasks" | "bookmarks";
+export type TabType = "chat" | "files" | "terminal" | "notes" | "tasks" | "bookmarks" | "analytics";
 
 export interface Tab {
   id: string;
@@ -69,6 +69,7 @@ export function openTab(type: TabType): void {
       notes: "Notes",
       tasks: "Tasks",
       bookmarks: "Bookmarks",
+      analytics: "Analytics",
     };
     var tab: Tab = {
       id: type,

package/package.json

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