create-varity-app 2.0.0-beta.10 → 2.0.0-beta.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-varity-app",
-  "version": "2.0.0-beta.10",
+  "version": "2.0.0-beta.12",
   "description": "Create production-ready apps with auth, database, and payments built in",
   "license": "MIT",
   "repository": {

package/template/src/app/dashboard/layout.tsx

@@ -1,8 +1,7 @@
 'use client';
 
 import { useState, useEffect, useCallback } from 'react';
-import { usePathname } from 'next/navigation';
-import { appNavigate } from '@/lib/utils';
+import { useRouter, usePathname } from 'next/navigation';
 import { APP_NAME, NAVIGATION_ITEMS } from '@/lib/constants';
 import { useProjects, useTasks, useTeam } from '@/lib/hooks';
 import { CommandPalette } from '@varity-labs/ui-kit';
@@ -23,9 +22,10 @@ try {
 } catch {}
 
 function RedirectToLogin() {
+  const router = useRouter();
   useEffect(() => {
-    appNavigate('/login/');
-  }, []);
+    router.push('/login');
+  }, [router]);
   return null;
 }
 
@@ -114,6 +114,7 @@ function DashboardShell({ children }: { children: React.ReactNode }) {
   const privy = usePrivyHook ? usePrivyHook() : { user: null, logout: async () => {} };
   const { user, logout } = privy;
   const pathname = usePathname();
+  const router = useRouter();
   const isMobile = useIsMobile();
   const [mobileMenuOpen, setMobileMenuOpen] = useState(false);
   const [commandPaletteOpen, setCommandPaletteOpen] = useState(false);
@@ -153,7 +154,7 @@ function DashboardShell({ children }: { children: React.ReactNode }) {
 
   const handleLogout = async () => {
     await logout();
-    appNavigate('/');
+    router.push('/');
   };
 
   // Fallback layout when DashboardLayout from ui-kit isn't available
@@ -163,7 +164,7 @@ function DashboardShell({ children }: { children: React.ReactNode }) {
         <CommandPalette
           open={commandPaletteOpen}
           onClose={() => setCommandPaletteOpen(false)}
-          onNavigate={(path: string) => appNavigate(path.endsWith('/') ? path : path + '/')}
+          onNavigate={(path: string) => router.push(path)}
           projects={projects}
           tasks={tasks}
           team={team}
@@ -180,7 +181,7 @@ function DashboardShell({ children }: { children: React.ReactNode }) {
                 {navWithActive.map((item) => (
                   <button
                     key={item.path}
-                    onClick={() => appNavigate(item.path + '/')}
+                    onClick={() => router.push(item.path)}
                     className={`flex w-full items-center gap-3 rounded-lg px-3 py-2.5 text-sm font-medium transition-colors ${
                       item.active
                         ? 'bg-primary-50 text-primary-700'
@@ -210,7 +211,7 @@ function DashboardShell({ children }: { children: React.ReactNode }) {
               navItems={navWithActive}
               userEmail={userEmail}
               onLogout={handleLogout}
-              onNavigate={(path) => appNavigate(path.endsWith('/') ? path : path + '/')}
+              onNavigate={(path) => router.push(path)}
             />
           )}
 
@@ -227,7 +228,7 @@ function DashboardShell({ children }: { children: React.ReactNode }) {
       <CommandPalette
         open={commandPaletteOpen}
         onClose={() => setCommandPaletteOpen(false)}
-        onNavigate={(path: string) => appNavigate(path.endsWith('/') ? path : path + '/')}
+        onNavigate={(path: string) => router.push(path)}
         projects={projects}
         tasks={tasks}
         team={team}
@@ -241,7 +242,7 @@ function DashboardShell({ children }: { children: React.ReactNode }) {
           navItems={navWithActive}
           userEmail={userEmail}
           onLogout={handleLogout}
-          onNavigate={(path) => appNavigate(path.endsWith('/') ? path : path + '/')}
+          onNavigate={(path) => router.push(path)}
         />
       )}
 
@@ -256,10 +257,9 @@ function DashboardShell({ children }: { children: React.ReactNode }) {
             name: userName,
             address: userEmail,
           }}
-          onNavigate={(path: string) => appNavigate(path.endsWith('/') ? path : path + '/')}
           onLogout={handleLogout}
-          onNavigateToProfile={() => appNavigate('/dashboard/settings/')}
-          onNavigateToSettings={() => appNavigate('/dashboard/settings/')}
+          onNavigateToProfile={() => router.push('/dashboard/settings')}
+          onNavigateToSettings={() => router.push('/dashboard/settings')}
           onSearchClick={() => setCommandPaletteOpen(true)}
           searchPlaceholder="Search projects, tasks, team..."
         >

package/template/src/app/dashboard/page.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { appNavigate } from '@/lib/utils';
+import { useRouter } from 'next/navigation';
 import { useProjects, useTasks, useTeam, useCurrentUser } from '@/lib/hooks';
 import { DashboardStats } from '@/components/dashboard/DashboardStats';
 import { RecentActivity } from '@/components/dashboard/RecentActivity';
@@ -8,7 +8,8 @@ import { APP_NAME } from '@/lib/constants';
 import { FolderKanban, ListTodo, Users, ArrowRight } from 'lucide-react';
 
 function QuickActions() {
-  
+  const router = useRouter();
+
   const actions = [
     {
       label: 'New Project',
@@ -48,7 +49,7 @@ function QuickActions() {
       {actions.map((action) => (
         <button
           key={action.path}
-          onClick={() => appNavigate(action.path + '/')}
+          onClick={() => router.push(action.path)}
           className="flex items-center gap-3 rounded-xl border border-gray-200 bg-white p-4 text-left shadow-sm hover:shadow-md hover:border-gray-300 transition-all"
         >
           <div className={`flex h-10 w-10 shrink-0 items-center justify-center rounded-lg ${action.color}`}>
@@ -73,7 +74,8 @@ function GettingStarted({
   hasTasks: boolean;
   hasTeam: boolean;
 }) {
-    const completedCount = [hasProjects, hasTasks, hasTeam].filter(Boolean).length;
+  const router = useRouter();
+  const completedCount = [hasProjects, hasTasks, hasTeam].filter(Boolean).length;
 
   if (completedCount === 3) return null;
 
@@ -111,7 +113,7 @@ function GettingStarted({
         {steps.map((step) => (
           <button
             key={step.label}
-            onClick={() => !step.done && appNavigate(step.path + '/')}
+            onClick={() => !step.done && router.push(step.path)}
             disabled={step.done}
             className={`flex w-full items-center gap-3 rounded-lg px-3 py-2 text-sm transition-colors ${
               step.done
@@ -136,7 +138,8 @@ function GettingStarted({
 }
 
 export default function DashboardPage() {
-    const { name } = useCurrentUser();
+  const router = useRouter();
+  const { name } = useCurrentUser();
   const { data: projects, loading: projectsLoading, error: projectsError, refresh: refreshProjects } = useProjects();
   const { data: tasks, loading: tasksLoading, error: tasksError, refresh: refreshTasks } = useTasks();
   const { data: team, loading: teamLoading, error: teamError, refresh: refreshTeam } = useTeam();
@@ -160,14 +163,14 @@ export default function DashboardPage() {
         </p>
       </div>
 
-      {error && !loading && (
-        <div className="flex items-center justify-between rounded-lg border border-amber-200 bg-amber-50 px-4 py-3">
-          <p className="text-sm text-amber-700">Syncing your data...</p>
+      {error && (
+        <div className="flex items-center justify-between rounded-lg border border-red-200 bg-red-50 px-4 py-3">
+          <p className="text-sm text-red-700">Failed to load data. Please check your connection and try again.</p>
           <button
             onClick={() => { refreshProjects(); refreshTasks(); refreshTeam(); }}
-            className="text-sm font-medium text-amber-700 hover:text-amber-800 underline"
+            className="text-sm font-medium text-red-700 hover:text-red-800 underline"
           >
-            Refresh
+            Retry
           </button>
         </div>
       )}

package/template/src/app/dashboard/projects/page.tsx

@@ -606,10 +606,10 @@ export default function ProjectsPage() {
         </div>
       </Dialog>
 
-      {error && !loading && (
-        <div className="flex items-center justify-between rounded-lg border border-amber-200 bg-amber-50 px-4 py-3">
-          <p className="text-sm text-amber-700">Syncing your projects...</p>
-          <button onClick={refresh} className="text-sm font-medium text-amber-700 hover:text-amber-800 underline">Refresh</button>
+      {error && (
+        <div className="flex items-center justify-between rounded-lg border border-red-200 bg-red-50 px-4 py-3">
+          <p className="text-sm text-red-700">Failed to load projects. Please check your connection and try again.</p>
+          <button onClick={refresh} className="text-sm font-medium text-red-700 hover:text-red-800 underline">Retry</button>
         </div>
       )}
 

package/template/src/app/dashboard/tasks/page.tsx

@@ -258,10 +258,10 @@ export default function TasksPage() {
         )}
       </div>
 
-      {error && !loading && (
-        <div className="flex items-center justify-between rounded-lg border border-amber-200 bg-amber-50 px-4 py-3">
-          <p className="text-sm text-amber-700">Syncing your tasks...</p>
-          <button onClick={refresh} className="text-sm font-medium text-amber-700 hover:text-amber-800 underline">Refresh</button>
+      {error && (
+        <div className="flex items-center justify-between rounded-lg border border-red-200 bg-red-50 px-4 py-3">
+          <p className="text-sm text-red-700">Failed to load tasks. Please check your connection and try again.</p>
+          <button onClick={refresh} className="text-sm font-medium text-red-700 hover:text-red-800 underline">Retry</button>
         </div>
       )}
 

package/template/src/app/dashboard/team/page.tsx

@@ -246,10 +246,10 @@ export default function TeamPage() {
         loading={removeSubmitting}
       />
 
-      {error && !loading && (
-        <div className="flex items-center justify-between rounded-lg border border-amber-200 bg-amber-50 px-4 py-3">
-          <p className="text-sm text-amber-700">Syncing your team data...</p>
-          <button onClick={refresh} className="text-sm font-medium text-amber-700 hover:text-amber-800 underline">Refresh</button>
+      {error && (
+        <div className="flex items-center justify-between rounded-lg border border-red-200 bg-red-50 px-4 py-3">
+          <p className="text-sm text-red-700">Failed to load team data. Please check your connection and try again.</p>
+          <button onClick={refresh} className="text-sm font-medium text-red-700 hover:text-red-800 underline">Retry</button>
         </div>
       )}
 

package/template/src/app/layout.tsx

@@ -5,7 +5,7 @@ import './globals.css';
 export const metadata: Metadata = {
   title: 'TaskFlow - Project Management',
   description: 'Manage projects, track tasks, and collaborate with your team.',
-  metadataBase: new URL('https://varity.app'),
+  metadataBase: new URL('https://example.com'),
   openGraph: {
     title: 'TaskFlow - Project Management',
     description: 'Manage projects, track tasks, and collaborate with your team.',
@@ -25,9 +25,6 @@ export default function RootLayout({
 }) {
   return (
     <html lang="en">
-      <head>
-        <base href="./" />
-      </head>
       <body>
         <Providers>{children}</Providers>
       </body>

package/template/src/app/login/page.tsx

@@ -1,7 +1,8 @@
 'use client';
 
 import { useEffect } from 'react';
-import { appNavigate } from '@/lib/utils';
+import { useRouter } from 'next/navigation';
+import Link from 'next/link';
 import { CheckCircle } from 'lucide-react';
 import { APP_NAME } from '@/lib/constants';
 
@@ -15,14 +16,15 @@ try {
 } catch {}
 
 function LoginContent() {
+  const router = useRouter();
   // eslint-disable-next-line react-hooks/rules-of-hooks -- conditional on require() success, stable across renders
   const privy = usePrivyHook ? usePrivyHook() : null;
 
   useEffect(() => {
     if (privy?.authenticated) {
-      appNavigate('/dashboard/');
+      router.push('/dashboard');
     }
-  }, [privy?.authenticated]);
+  }, [privy?.authenticated, router]);
 
   const handleLogin = () => {
     if (privy?.login) {
@@ -34,10 +36,10 @@ function LoginContent() {
     <div className="flex min-h-screen items-center justify-center bg-gray-50 px-4">
       <div className="w-full max-w-md space-y-8">
         <div className="text-center">
-          <a href="/" onClick={(e) => { e.preventDefault(); appNavigate('/'); }} className="inline-flex items-center gap-2">
+          <Link href="/" className="inline-flex items-center gap-2">
             <CheckCircle className="h-8 w-8 text-primary-600" />
             <span className="text-2xl font-bold text-gray-900">{APP_NAME}</span>
-          </a>
+          </Link>
           <h2 className="mt-6 text-2xl font-bold text-gray-900">
             Sign in to your account
           </h2>

package/template/src/app/not-found.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { appNavigate } from '@/lib/utils';
+import Link from 'next/link';
 
 export default function NotFound() {
   return (
@@ -8,13 +8,12 @@ export default function NotFound() {
       <div className="text-center">
         <h1 className="text-6xl font-bold text-gray-900 mb-4">404</h1>
         <p className="text-xl text-gray-600 mb-8">Page not found</p>
-        <a
+        <Link
           href="/"
-          onClick={(e) => { e.preventDefault(); appNavigate('/'); }}
           className="inline-flex items-center gap-2 rounded-lg bg-primary-600 px-6 py-3 text-base font-medium text-white hover:bg-primary-700 transition-all"
         >
           Go Home
-        </a>
+        </Link>
       </div>
     </div>
   );

package/template/src/app/page.tsx

@@ -2,7 +2,7 @@ import { Navbar } from '@/components/shared/Navbar';
 import { Hero } from '@/components/landing/Hero';
 import { Features } from '@/components/landing/Features';
 import { HowItWorks } from '@/components/landing/HowItWorks';
-
+import { Testimonials } from '@/components/landing/Testimonials';
 import { Pricing } from '@/components/landing/Pricing';
 import { CTA } from '@/components/landing/CTA';
 import { Footer } from '@/components/shared/Footer';
@@ -14,7 +14,7 @@ export default function HomePage() {
       <Hero />
       <Features />
       <HowItWorks />
-
+      <Testimonials />
       <Pricing />
       <CTA />
       <Footer />

package/template/src/components/dashboard/RecentActivity.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { appNavigate } from '@/lib/utils';
+import Link from 'next/link';
 import { DataTable } from '@varity-labs/ui-kit';
 import { TaskStatusBadge, PriorityBadge } from '@varity-labs/ui-kit';
 import { formatRelativeDate } from '@/lib/utils';
@@ -43,14 +43,13 @@ export function RecentActivity({ tasks, loading = false }: RecentActivityProps)
           Recent Activity
         </h3>
         {tasks.length > 5 && (
-          <a
-            href="/dashboard/tasks/"
-            onClick={(e) => { e.preventDefault(); appNavigate('/dashboard/tasks/'); }}
+          <Link
+            href="/dashboard/tasks"
             className="flex items-center gap-1 text-sm font-medium text-primary-600 hover:text-primary-700 transition-colors"
           >
             View all tasks
             <ArrowRight className="h-4 w-4" />
-          </a>
+          </Link>
         )}
       </div>
       <DataTable

package/template/src/components/landing/CTA.tsx

@@ -1,6 +1,4 @@
-'use client';
-
-import { appNavigate } from '@/lib/utils';
+import Link from 'next/link';
 import { ArrowRight, CheckCircle2 } from 'lucide-react';
 import { APP_NAME } from '@/lib/constants';
 
@@ -30,14 +28,13 @@ export function CTA() {
           ))}
         </div>
         <div className="mt-10 flex flex-col items-center justify-center gap-4 sm:flex-row">
-          <a
-            href="/login/"
-            onClick={(e) => { e.preventDefault(); appNavigate('/login/'); }}
+          <Link
+            href="/login"
             className="group inline-flex items-center gap-2 rounded-lg bg-white px-6 py-3 text-base font-medium text-gray-900 shadow-lg hover:bg-gray-100 transition-all"
           >
             Get Started Free
             <ArrowRight className="h-4 w-4 transition-transform group-hover:translate-x-0.5" />
-          </a>
+          </Link>
         </div>
       </div>
     </section>

package/template/src/components/landing/Hero.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { appNavigate } from '@/lib/utils';
+import Link from 'next/link';
 import { ArrowRight, BarChart3, Shield, Zap, CheckCircle2 } from 'lucide-react';
 import { APP_NAME } from '@/lib/constants';
 
@@ -97,14 +97,13 @@ export function Hero() {
           Stop juggling spreadsheets and start delivering on time.
         </p>
         <div className="animate-fade-in-up-delay-2 mt-10 flex flex-col items-center justify-center gap-4 sm:flex-row">
-          <a
-            href="/login/"
-            onClick={(e) => { e.preventDefault(); appNavigate('/login/'); }}
+          <Link
+            href="/login"
             className="group inline-flex items-center gap-2 rounded-lg bg-primary-600 px-6 py-3 text-base font-medium text-white shadow-lg shadow-primary-200 hover:bg-primary-700 hover:shadow-xl hover:shadow-primary-200/50 transition-all"
           >
             Start Free
             <ArrowRight className="h-4 w-4 transition-transform group-hover:translate-x-0.5" />
-          </a>
+          </Link>
           <a
             href="#how-it-works"
             className="inline-flex items-center gap-2 rounded-lg border border-gray-300 bg-white px-6 py-3 text-base font-medium text-gray-700 hover:bg-gray-50 hover:border-gray-400 transition-all"

package/template/src/components/landing/Pricing.tsx

@@ -1,6 +1,3 @@
-'use client';
-
-import { appNavigate } from '@/lib/utils';
 import { Check } from 'lucide-react';
 
 const plans = [
@@ -106,8 +103,7 @@ export function Pricing() {
 
               <div className="mt-8">
                 <a
-                  href="/login/"
-                  onClick={(e) => { e.preventDefault(); appNavigate('/login/'); }}
+                  href="/login"
                   className={`block w-full rounded-lg py-3 text-center font-medium transition-colors ${
                     plan.popular
                       ? 'bg-primary-600 text-white hover:bg-primary-700'

package/template/src/components/shared/Footer.tsx

@@ -1,6 +1,4 @@
-'use client';
-
-import { appNavigate } from '@/lib/utils';
+import Link from 'next/link';
 import { CheckCircle } from 'lucide-react';
 import { APP_NAME } from '@/lib/constants';
 
@@ -25,9 +23,9 @@ export function Footer() {
             <a href="#pricing" className="hover:text-gray-700 transition-colors">
               Pricing
             </a>
-            <a href="/login/" onClick={(e) => { e.preventDefault(); appNavigate('/login/'); }} className="hover:text-gray-700 transition-colors">
+            <Link href="/login" className="hover:text-gray-700 transition-colors">
               Sign In
-            </a>
+            </Link>
           </div>
         </div>
         <div className="mt-8 border-t border-gray-100 pt-6 text-center text-sm text-gray-400">

package/template/src/components/shared/Navbar.tsx

@@ -1,9 +1,9 @@
 'use client';
 
 import { useState } from 'react';
+import Link from 'next/link';
 import { CheckCircle, Menu, X } from 'lucide-react';
 import { APP_NAME } from '@/lib/constants';
-import { appNavigate } from '@/lib/utils';
 
 const navLinks = [
   { label: 'Features', href: '#features' },
@@ -18,10 +18,10 @@ export function Navbar() {
     <nav className="sticky top-0 z-40 border-b border-gray-200 bg-white/80 backdrop-blur-md">
       <div className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
         <div className="flex h-16 items-center justify-between">
-          <a href="/" onClick={(e) => { e.preventDefault(); appNavigate('/'); }} className="flex items-center gap-2">
+          <Link href="/" className="flex items-center gap-2">
             <CheckCircle className="h-7 w-7 text-primary-600" />
             <span className="text-xl font-bold text-gray-900">{APP_NAME}</span>
-          </a>
+          </Link>
           <div className="hidden items-center gap-8 sm:flex">
             {navLinks.map((link) => (
               <a
@@ -34,20 +34,18 @@ export function Navbar() {
             ))}
           </div>
           <div className="flex items-center gap-3">
-            <a
-              href="/login/"
-              onClick={(e) => { e.preventDefault(); appNavigate('/login/'); }}
+            <Link
+              href="/login"
               className="hidden text-sm font-medium text-gray-600 hover:text-gray-900 transition-colors sm:block"
             >
               Sign In
-            </a>
-            <a
-              href="/login/"
-              onClick={(e) => { e.preventDefault(); appNavigate('/login/'); }}
+            </Link>
+            <Link
+              href="/login"
               className="rounded-lg bg-primary-600 px-4 py-2 text-sm font-medium text-white hover:bg-primary-700 transition-colors"
             >
               Get Started
-            </a>
+            </Link>
             {/* Mobile menu toggle */}
             <button
               onClick={() => setMobileOpen(!mobileOpen)}
@@ -74,13 +72,13 @@ export function Navbar() {
                 {link.label}
               </a>
             ))}
-            <a
-              href="/login/"
-              onClick={(e) => { e.preventDefault(); setMobileOpen(false); appNavigate('/login/'); }}
+            <Link
+              href="/login"
+              onClick={() => setMobileOpen(false)}
               className="block rounded-lg px-3 py-2.5 text-sm font-medium text-gray-600 hover:bg-gray-50 hover:text-gray-900 transition-colors"
             >
               Sign In
-            </a>
+            </Link>
           </div>
         </div>
       )}

package/template/src/lib/hooks.ts

@@ -10,18 +10,6 @@ try {
   usePrivyHook = uiKit.usePrivy;
 } catch {}
 
-async function fetchWithRetry<T>(fn: () => Promise<T>, retries = 3, delay = 1500): Promise<T> {
-  for (let i = 0; i < retries; i++) {
-    try {
-      return await fn();
-    } catch (err) {
-      if (i === retries - 1) throw err;
-      await new Promise((r) => setTimeout(r, delay));
-    }
-  }
-  throw new Error('Unexpected');
-}
-
 export function useCurrentUser() {
   // eslint-disable-next-line react-hooks/rules-of-hooks -- conditional on require() success, stable across renders
   const privy = usePrivyHook ? usePrivyHook() : { user: null, authenticated: false, logout: async () => {} };
@@ -66,7 +54,7 @@ export function useProjects(): UseCollectionReturn<Project> {
     try {
       setLoading(true);
       setError(null);
-      const result = await fetchWithRetry(() => projects().get());
+      const result = await projects().get();
       setData(result as Project[]);
     } catch (err) {
       setError(err instanceof Error ? err.message : 'Failed to load projects');
@@ -138,7 +126,7 @@ export function useTasks(projectId?: string): UseCollectionReturn<Task> {
     try {
       setLoading(true);
       setError(null);
-      const result = await fetchWithRetry(() => tasks().get());
+      const result = await tasks().get();
       setAllTasks(result as Task[]);
     } catch (err) {
       setError(err instanceof Error ? err.message : 'Failed to load tasks');
@@ -214,7 +202,7 @@ export function useTeam(): UseCollectionReturn<TeamMember> {
     try {
       setLoading(true);
       setError(null);
-      const result = await fetchWithRetry(() => teamMembers().get());
+      const result = await teamMembers().get();
       setData(result as TeamMember[]);
     } catch (err) {
       setError(err instanceof Error ? err.message : 'Failed to load team');
@@ -301,7 +289,7 @@ export function useUserSettings() {
     try {
       setLoading(true);
       setError(null);
-      const all = await fetchWithRetry(() => userSettings().get());
+      const all = await userSettings().get();
       const mine = (all as UserSettings[]).find((s) => s.user_id === userId);
       if (mine) {
         setSettings(mine);

package/template/src/lib/utils.ts

@@ -44,27 +44,6 @@ export function cn(...classes: (string | false | undefined | null)[]): string {
   return classes.filter(Boolean).join(' ');
 }
 
-/**
- * Detect the app's base path at runtime from the current URL.
- * Works on any host: localhost, varity.app/saas-template, ipfs.io/ipfs/QmX, etc.
- */
-export function getAppBase(): string {
-  if (typeof window === 'undefined') return '';
-  const path = window.location.pathname;
-  const routes = ['/login', '/dashboard/projects', '/dashboard/settings', '/dashboard/tasks', '/dashboard/team', '/dashboard'];
-  for (const route of routes) {
-    const idx = path.indexOf(route);
-    if (idx > 0) return path.substring(0, idx);
-  }
-  // On landing page — pathname is the base (strip trailing slash)
-  return path.replace(/\/+$/, '');
-}
-
-/** Navigate to an absolute app path (e.g. '/login/', '/dashboard/'). */
-export function appNavigate(absolutePath: string): void {
-  window.location.href = getAppBase() + absolutePath;
-}
-
 export function downloadCSV(data: Record<string, unknown>[], filename: string) {
   if (data.length === 0) return;
   const headers = Object.keys(data[0]);