@digilogiclabs/create-saas-app 2.8.1 → 2.9.0

package/dist/templates/web/base/template/src/app/dashboard/page.tsx

@@ -16,9 +16,7 @@ import {
   OfflineWrapper,
   useNetworkInfo,
   useOfflineState,
-  DashboardLayout,
-  CommandPalette,
-  Tour
+  DashboardLayout
 } from '@digilogiclabs/saas-factory-ui';
 import { 
   BarChart3, 
@@ -30,10 +28,7 @@ import {
   Star,
   Trash2,
   Wifi,
-  WifiOff,
-  Home,
-  FileText,
-  Activity 
+  WifiOff
 } from 'lucide-react';
 
 // Mock data for demonstration
@@ -49,32 +44,6 @@ const mockActivityData = Array.from({ length: 50 }, (_, i) => ({
 export default function DashboardPage() {
   const { user } = useAuth();
   
-  const sidebarNavigation = [
-    { name: 'Dashboard', href: '/dashboard', icon: Home, current: true },
-    { name: 'Analytics', href: '/dashboard/analytics', icon: BarChart3 },
-    { name: 'Reports', href: '/dashboard/reports', icon: FileText },
-    { name: 'Activity', href: '/dashboard/activity', icon: Activity },
-    { name: 'Settings', href: '/settings', icon: Settings }
-  ]
-
-  const tourSteps = [
-    {
-      target: '[data-tour="overview"]',
-      title: 'Mobile-First Dashboard',
-      content: 'This dashboard is optimized for mobile devices with offline support and responsive design.'
-    },
-    {
-      target: '[data-tour="stats"]',
-      title: 'Network-Aware Stats',
-      content: 'Statistics automatically adapt based on your network connection speed.'
-    },
-    {
-      target: '[data-tour="activity"]',
-      title: 'Interactive Activity Feed',
-      content: 'Swipe left or right on activity items to archive, star, or delete them.'
-    }
-  ]
-  
   const lazyImageConfig = {
     mobileOptimization: {
       quality: 80,
@@ -148,13 +117,7 @@ export default function DashboardPage() {
 
 
   return (
-    <DashboardLayout
-      navigation={sidebarNavigation}
-      headerActions={[
-        <CommandPalette key="command-palette" />,
-        <Tour key="tour" steps={tourSteps} />
-      ]}
-    >
+    <DashboardLayout>
       <PageTransition type="slide" direction="horizontal" duration={300}>
         <OfflineWrapper
           cacheStrategy="stale-while-revalidate"
@@ -206,7 +169,7 @@ export default function DashboardPage() {
               <div data-tour="stats">
                 <NetworkAwareContent
                 showOnSlow={
-                  <ResponsiveGrid columns={gridConfig.columns_2_2} gap="sm" className="mb-6">
+                  <ResponsiveGrid columns={gridConfig.columns_2_2} gap={2} className="mb-6">
                     {stats.slice(0, 2).map((stat, index) => (
                       <Card key={index}>
                         <CardContent className="p-4">
@@ -223,7 +186,7 @@ export default function DashboardPage() {
                   </ResponsiveGrid>
                 }
               >
-                <ResponsiveGrid columns={gridConfig.columns_2_md4} gap="md" className="mb-6">
+                <ResponsiveGrid columns={gridConfig.columns_2_md4} gap={4} className="mb-6">
                   {stats.map((stat, index) => (
                     <Card key={index}>
                       <CardContent className="p-4">
@@ -340,7 +303,7 @@ export default function DashboardPage() {
                   </CardDescription>
                 </CardHeader>
                 <CardContent>
-                  <ResponsiveGrid columns={gridConfig.columns_2_md3} gap="sm">
+                  <ResponsiveGrid columns={gridConfig.columns_2_md3} gap={2}>
                     <Button variant="outline" className="h-20 flex flex-col gap-2">
                       <Users className="h-5 w-5" />
                       <span className="text-xs">Manage Users</span>

package/dist/templates/web/base/template/src/app/page.tsx

@@ -92,7 +92,7 @@ export default function Home() {
         {/* Features Grid */}
         <NetworkAwareContent
           showOnSlow={
-            <ResponsiveGrid columns={gridConfig.columns_1_2} gap="md" className="mb-16">
+            <ResponsiveGrid columns={gridConfig.columns_1_2} gap={4} className="mb-16">
               <Card className="text-center">
                 <CardHeader>
                   <div className="mx-auto w-12 h-12 bg-blue-100 dark:bg-blue-900 rounded-lg flex items-center justify-center mb-4">
@@ -118,7 +118,7 @@ export default function Home() {
             </ResponsiveGrid>
           }
         >
-          <ResponsiveGrid columns={gridConfig.columns_1_3} gap="lg" className="mb-16">
+          <ResponsiveGrid columns={gridConfig.columns_1_3} gap={6} className="mb-16">
             <Card className="text-center">
               <CardHeader>
                 <div className="mx-auto w-12 h-12 bg-blue-100 dark:bg-blue-900 rounded-lg flex items-center justify-center mb-4">