MVP: Pulse, Memory, History modules

- Mobile-first PWA with dark glassmorphic theme - Pulse: status card, recent sessions, memory snapshot - Memory: view/edit agent + user memory with usage bars - History: session list, platform filter, search, session replay - TanStack Query hooks for all Hermes WebAPI endpoints - Bottom tab navigation, safe-area support
2026-04-09 20:41:13 -05:00
parent 65325d5f68
commit 517583d1c4
38 changed files with 8088 additions and 0 deletions
@@ -0,0 +1,48 @@
+"use client";
+
+import { StatusCard } from "@/components/StatusCard";
+import { SessionCard } from "@/components/SessionCard";
+import { MemorySnapshotCard } from "@/components/MemorySnapshotCard";
+import { useSessions } from "@/lib/hooks";
+
+export default function PulsePage() {
+  const { data: sessionsData, isLoading } = useSessions(8);
+
+  return (
+    <div className="space-y-4">
+      <h1 className="text-xl font-bold" style={{ color: "#f59e0b" }}>
+        Pulse
+      </h1>
+
+      <StatusCard />
+      <MemorySnapshotCard />
+
+      <div>
+        <h2 className="text-sm font-medium text-zinc-400 mb-2">
+          Recent Sessions
+        </h2>
+        {isLoading ? (
+          <div className="space-y-3">
+            {[...Array(3)].map((_, i) => (
+              <div key={i} className="glass p-4 animate-pulse">
+                <div className="h-4 bg-white/[0.06] rounded w-3/4 mb-2" />
+                <div className="h-3 bg-white/[0.06] rounded w-1/2" />
+              </div>
+            ))}
+          </div>
+        ) : (
+          <div className="space-y-2">
+            {sessionsData?.items?.map((s) => (
+              <SessionCard key={s.id} session={s} />
+            ))}
+            {sessionsData?.items?.length === 0 && (
+              <div className="glass p-6 text-center text-sm text-zinc-500">
+                No sessions yet
+              </div>
+            )}
+          </div>
+        )}
+      </div>
+    </div>
+  );
+}