@jlongo78/agent-spaces 0.9.6 → 0.9.8

package/.next/standalone/src/app/m/layout.tsx

@@ -1,16 +1,16 @@
-import { BottomNav } from '@/components/mobile/bottom-nav';
-
-export default function MobileLayout({
-  children,
-}: {
-  children: React.ReactNode;
-}) {
-  return (
-    <div className="min-h-[100dvh] bg-zinc-950 text-zinc-100">
-      <div className="pb-20">
-        {children}
-      </div>
-      <BottomNav />
-    </div>
-  );
-}
+import { BottomNav } from '@/components/mobile/bottom-nav';
+
+export default function MobileLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <div className="min-h-[100dvh] bg-zinc-950 text-zinc-100">
+      <div className="pb-20">
+        {children}
+      </div>
+      <BottomNav />
+    </div>
+  );
+}

package/.next/standalone/src/app/m/page.tsx

@@ -1,118 +1,118 @@
-'use client';
-
-import { useCallback } from 'react';
-import { useQueryClient } from '@tanstack/react-query';
-import { useAnalytics } from '@/hooks/use-sessions';
-import { MobileHeader } from '@/components/mobile/mobile-header';
-import { PullToRefresh } from '@/components/mobile/pull-to-refresh';
-import { Loader2, MessageSquare, Hash, FolderOpen, Star, GitBranch } from 'lucide-react';
-import { formatNumber, formatRelativeTime, truncate } from '@/lib/utils';
-import Link from 'next/link';
-import type { SessionWithMeta } from '@/types/claude';
-
-export default function MobileDashboard() {
-  const queryClient = useQueryClient();
-  const { data, isLoading, error } = useAnalytics();
-
-  const handleRefresh = useCallback(async () => {
-    await queryClient.invalidateQueries({ queryKey: ['analytics'] });
-  }, [queryClient]);
-
-  if (isLoading) {
-    return (
-      <div className="flex items-center justify-center h-[80dvh]">
-        <Loader2 className="w-6 h-6 animate-spin text-indigo-500" />
-      </div>
-    );
-  }
-
-  if (error) {
-    return (
-      <div className="p-6">
-        <MobileHeader title="Dashboard" />
-        <p className="text-red-500 text-sm mt-4">Failed to load dashboard.</p>
-      </div>
-    );
-  }
-
-  if (!data) return null;
-
-  const stats = [
-    { label: 'Sessions', value: formatNumber(data.totalSessions), icon: MessageSquare, color: 'text-blue-500' },
-    { label: 'Messages', value: formatNumber(data.totalMessages), icon: Hash, color: 'text-green-500' },
-    { label: 'Projects', value: String(data.totalProjects), icon: FolderOpen, color: 'text-purple-500' },
-  ];
-
-  return (
-    <>
-      <MobileHeader title="Dashboard" />
-
-      <PullToRefresh onRefresh={handleRefresh}>
-      <div className="px-4 py-4 space-y-5">
-        {/* Stats row */}
-        <div className="flex gap-3 overflow-x-auto pb-1 -mx-4 px-4">
-          {stats.map(({ label, value, icon: Icon, color }) => (
-            <div
-              key={label}
-              className="flex-shrink-0 w-28 bg-zinc-900 border border-zinc-800 rounded-lg p-3"
-            >
-              <div className="flex items-center justify-between mb-1">
-                <span className="text-[11px] text-zinc-400">{label}</span>
-                <Icon className={`w-3.5 h-3.5 ${color}`} />
-              </div>
-              <p className="text-xl font-bold">{value}</p>
-            </div>
-          ))}
-        </div>
-
-        {/* Recent sessions */}
-        <div>
-          <div className="flex items-center justify-between mb-3">
-            <h2 className="text-sm font-semibold">Recent Sessions</h2>
-            <Link href="/m/sessions" className="text-xs text-indigo-400">
-              View all
-            </Link>
-          </div>
-
-          {data.recentSessions?.length ? (
-            <div className="space-y-2">
-              {data.recentSessions.map((session: SessionWithMeta) => (
-                <Link
-                  key={session.id}
-                  href={`/m/sessions/${session.id}`}
-                  className="block bg-zinc-900 border border-zinc-800 rounded-lg p-3 active:bg-zinc-800"
-                >
-                  <div className="flex items-center gap-2 mb-1">
-                    {session.starred && <Star className="w-3 h-3 text-amber-500 fill-amber-500 flex-shrink-0" />}
-                    <span className="text-sm font-medium truncate">
-                      {session.customName || session.summary || truncate(session.firstPrompt, 60)}
-                    </span>
-                  </div>
-                  <div className="flex items-center gap-3 text-[11px] text-zinc-500">
-                    <span className="truncate">{session.projectName}</span>
-                    {session.gitBranch && session.gitBranch !== 'HEAD' && (
-                      <span className="flex items-center gap-1">
-                        <GitBranch className="w-2.5 h-2.5" />
-                        {session.gitBranch}
-                      </span>
-                    )}
-                    <span className="flex items-center gap-1">
-                      <MessageSquare className="w-2.5 h-2.5" />
-                      {session.messageCount}
-                    </span>
-                    <span className="ml-auto flex-shrink-0">
-                      {formatRelativeTime(session.modified)}
-                    </span>
-                  </div>
-                </Link>
-              ))}
-            </div>
-          ) : (
-            <p className="text-sm text-zinc-500 py-8 text-center">No sessions yet.</p>
-          )}
-        </div>
-      </div>
-      </PullToRefresh>
-    </>
-  );
-}
+'use client';
+
+import { useCallback } from 'react';
+import { useQueryClient } from '@tanstack/react-query';
+import { useAnalytics } from '@/hooks/use-sessions';
+import { MobileHeader } from '@/components/mobile/mobile-header';
+import { PullToRefresh } from '@/components/mobile/pull-to-refresh';
+import { Loader2, MessageSquare, Hash, FolderOpen, Star, GitBranch } from 'lucide-react';
+import { formatNumber, formatRelativeTime, truncate } from '@/lib/utils';
+import Link from 'next/link';
+import type { SessionWithMeta } from '@/types/claude';
+
+export default function MobileDashboard() {
+  const queryClient = useQueryClient();
+  const { data, isLoading, error } = useAnalytics();
+
+  const handleRefresh = useCallback(async () => {
+    await queryClient.invalidateQueries({ queryKey: ['analytics'] });
+  }, [queryClient]);
+
+  if (isLoading) {
+    return (
+      <div className="flex items-center justify-center h-[80dvh]">
+        <Loader2 className="w-6 h-6 animate-spin text-indigo-500" />
+      </div>
+    );
+  }
+
+  if (error) {
+    return (
+      <div className="p-6">
+        <MobileHeader title="Dashboard" />
+        <p className="text-red-500 text-sm mt-4">Failed to load dashboard.</p>
+      </div>
+    );
+  }
+
+  if (!data) return null;
+
+  const stats = [
+    { label: 'Sessions', value: formatNumber(data.totalSessions), icon: MessageSquare, color: 'text-blue-500' },
+    { label: 'Messages', value: formatNumber(data.totalMessages), icon: Hash, color: 'text-green-500' },
+    { label: 'Projects', value: String(data.totalProjects), icon: FolderOpen, color: 'text-purple-500' },
+  ];
+
+  return (
+    <>
+      <MobileHeader title="Dashboard" />
+
+      <PullToRefresh onRefresh={handleRefresh}>
+      <div className="px-4 py-4 space-y-5">
+        {/* Stats row */}
+        <div className="flex gap-3 overflow-x-auto pb-1 -mx-4 px-4">
+          {stats.map(({ label, value, icon: Icon, color }) => (
+            <div
+              key={label}
+              className="flex-shrink-0 w-28 bg-zinc-900 border border-zinc-800 rounded-lg p-3"
+            >
+              <div className="flex items-center justify-between mb-1">
+                <span className="text-[11px] text-zinc-400">{label}</span>
+                <Icon className={`w-3.5 h-3.5 ${color}`} />
+              </div>
+              <p className="text-xl font-bold">{value}</p>
+            </div>
+          ))}
+        </div>
+
+        {/* Recent sessions */}
+        <div>
+          <div className="flex items-center justify-between mb-3">
+            <h2 className="text-sm font-semibold">Recent Sessions</h2>
+            <Link href="/m/sessions" className="text-xs text-indigo-400">
+              View all
+            </Link>
+          </div>
+
+          {data.recentSessions?.length ? (
+            <div className="space-y-2">
+              {data.recentSessions.map((session: SessionWithMeta) => (
+                <Link
+                  key={session.id}
+                  href={`/m/sessions/${session.id}`}
+                  className="block bg-zinc-900 border border-zinc-800 rounded-lg p-3 active:bg-zinc-800"
+                >
+                  <div className="flex items-center gap-2 mb-1">
+                    {session.starred && <Star className="w-3 h-3 text-amber-500 fill-amber-500 flex-shrink-0" />}
+                    <span className="text-sm font-medium truncate">
+                      {session.customName || session.summary || truncate(session.firstPrompt, 60)}
+                    </span>
+                  </div>
+                  <div className="flex items-center gap-3 text-[11px] text-zinc-500">
+                    <span className="truncate">{session.projectName}</span>
+                    {session.gitBranch && session.gitBranch !== 'HEAD' && (
+                      <span className="flex items-center gap-1">
+                        <GitBranch className="w-2.5 h-2.5" />
+                        {session.gitBranch}
+                      </span>
+                    )}
+                    <span className="flex items-center gap-1">
+                      <MessageSquare className="w-2.5 h-2.5" />
+                      {session.messageCount}
+                    </span>
+                    <span className="ml-auto flex-shrink-0">
+                      {formatRelativeTime(session.modified)}
+                    </span>
+                  </div>
+                </Link>
+              ))}
+            </div>
+          ) : (
+            <p className="text-sm text-zinc-500 py-8 text-center">No sessions yet.</p>
+          )}
+        </div>
+      </div>
+      </PullToRefresh>
+    </>
+  );
+}

package/.next/standalone/src/app/m/projects/page.tsx

@@ -1,64 +1,64 @@
-'use client';
-
-import { useProjects } from '@/hooks/use-sessions';
-import { MobileHeader } from '@/components/mobile/mobile-header';
-import { FolderOpen, MessageSquare, Clock, Loader2 } from 'lucide-react';
-import { formatRelativeTime, formatNumber } from '@/lib/utils';
-import Link from 'next/link';
-
-export default function MobileProjectsPage() {
-  const { data: projects, isLoading } = useProjects();
-
-  if (isLoading) {
-    return (
-      <div className="flex items-center justify-center h-[80dvh]">
-        <Loader2 className="w-5 h-5 animate-spin text-indigo-500" />
-      </div>
-    );
-  }
-
-  return (
-    <>
-      <MobileHeader title="Projects" />
-
-      <div className="px-4 py-4 space-y-2">
-        {(projects || []).map(project => (
-          <Link
-            key={project.id}
-            href={`/m/sessions?projectId=${project.id}`}
-            className="block bg-zinc-900 border border-zinc-800 rounded-lg p-3.5 active:bg-zinc-800"
-          >
-            <div className="flex items-start gap-3">
-              <div className="w-9 h-9 rounded-lg bg-indigo-950 flex items-center justify-center flex-shrink-0">
-                <FolderOpen className="w-4 h-4 text-indigo-400" />
-              </div>
-              <div className="flex-1 min-w-0">
-                <h3 className="text-sm font-semibold truncate">{project.name}</h3>
-                <p className="text-[11px] text-zinc-500 mt-0.5 truncate">{project.path}</p>
-              </div>
-            </div>
-            <div className="flex items-center gap-4 mt-2.5 text-[11px] text-zinc-500 pl-12">
-              <span className="flex items-center gap-1">
-                <MessageSquare className="w-3 h-3" />
-                {formatNumber(project.sessionCount)} sessions
-              </span>
-              {project.lastActivity && (
-                <span className="flex items-center gap-1">
-                  <Clock className="w-3 h-3" />
-                  {formatRelativeTime(project.lastActivity)}
-                </span>
-              )}
-            </div>
-          </Link>
-        ))}
-
-        {(!projects || projects.length === 0) && (
-          <div className="text-center py-16 text-zinc-500">
-            <FolderOpen className="w-10 h-10 mx-auto mb-3 opacity-30" />
-            <p className="text-sm">No projects found.</p>
-          </div>
-        )}
-      </div>
-    </>
-  );
-}
+'use client';
+
+import { useProjects } from '@/hooks/use-sessions';
+import { MobileHeader } from '@/components/mobile/mobile-header';
+import { FolderOpen, MessageSquare, Clock, Loader2 } from 'lucide-react';
+import { formatRelativeTime, formatNumber } from '@/lib/utils';
+import Link from 'next/link';
+
+export default function MobileProjectsPage() {
+  const { data: projects, isLoading } = useProjects();
+
+  if (isLoading) {
+    return (
+      <div className="flex items-center justify-center h-[80dvh]">
+        <Loader2 className="w-5 h-5 animate-spin text-indigo-500" />
+      </div>
+    );
+  }
+
+  return (
+    <>
+      <MobileHeader title="Projects" />
+
+      <div className="px-4 py-4 space-y-2">
+        {(projects || []).map(project => (
+          <Link
+            key={project.id}
+            href={`/m/sessions?projectId=${project.id}`}
+            className="block bg-zinc-900 border border-zinc-800 rounded-lg p-3.5 active:bg-zinc-800"
+          >
+            <div className="flex items-start gap-3">
+              <div className="w-9 h-9 rounded-lg bg-indigo-950 flex items-center justify-center flex-shrink-0">
+                <FolderOpen className="w-4 h-4 text-indigo-400" />
+              </div>
+              <div className="flex-1 min-w-0">
+                <h3 className="text-sm font-semibold truncate">{project.name}</h3>
+                <p className="text-[11px] text-zinc-500 mt-0.5 truncate">{project.path}</p>
+              </div>
+            </div>
+            <div className="flex items-center gap-4 mt-2.5 text-[11px] text-zinc-500 pl-12">
+              <span className="flex items-center gap-1">
+                <MessageSquare className="w-3 h-3" />
+                {formatNumber(project.sessionCount)} sessions
+              </span>
+              {project.lastActivity && (
+                <span className="flex items-center gap-1">
+                  <Clock className="w-3 h-3" />
+                  {formatRelativeTime(project.lastActivity)}
+                </span>
+              )}
+            </div>
+          </Link>
+        ))}
+
+        {(!projects || projects.length === 0) && (
+          <div className="text-center py-16 text-zinc-500">
+            <FolderOpen className="w-10 h-10 mx-auto mb-3 opacity-30" />
+            <p className="text-sm">No projects found.</p>
+          </div>
+        )}
+      </div>
+    </>
+  );
+}