@nextsparkjs/core 0.1.0-beta.103 → 0.1.0-beta.105

package/dist/lib/permissions/system.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"system.d.ts","sourceRoot":"","sources":["../../../src/lib/permissions/system.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAEpD;;;;;;;;;GASG;AACH,eAAO,MAAM,uBAAuB,EAAE,qBA6GrC,CAAA"}
+{"version":3,"file":"system.d.ts","sourceRoot":"","sources":["../../../src/lib/permissions/system.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAEpD;;;;;;;;;GASG;AACH,eAAO,MAAM,uBAAuB,EAAE,qBAqJrC,CAAA"}

package/dist/lib/permissions/system.js

@@ -64,6 +64,36 @@ const CORE_PERMISSIONS_CONFIG = {
       description: "Can connect and configure external integrations",
       category: "Settings",
       roles: ["owner", "admin"]
+    },
+    // Media Library
+    {
+      id: "media.read",
+      label: "View Media",
+      description: "Can browse and view media files in the library",
+      category: "Media",
+      roles: ["owner", "admin", "member", "viewer"]
+    },
+    {
+      id: "media.upload",
+      label: "Upload Media",
+      description: "Can upload images, videos, and other media files",
+      category: "Media",
+      roles: ["owner", "admin", "member"]
+    },
+    {
+      id: "media.update",
+      label: "Edit Media",
+      description: "Can edit media metadata, tags, and captions",
+      category: "Media",
+      roles: ["owner", "admin"]
+    },
+    {
+      id: "media.delete",
+      label: "Delete Media",
+      description: "Can permanently delete media files",
+      category: "Media",
+      roles: ["owner", "admin"],
+      dangerous: true
     }
   ],
   /**
@@ -78,7 +108,10 @@ const CORE_PERMISSIONS_CONFIG = {
       "teams.change_roles",
       "teams.settings",
       "settings.api_keys",
-      "settings.integrations"
+      "settings.integrations",
+      "media.read",
+      "media.upload",
+      "media.update"
     ],
     member: [],
     // Permissions come from entity configs
@@ -99,6 +132,12 @@ const CORE_PERMISSIONS_CONFIG = {
       label: "Settings",
       categories: ["Settings"]
     },
+    {
+      id: "media",
+      label: "Media",
+      description: "Media library management",
+      categories: ["Media"]
+    },
     {
       id: "entities",
       label: "Entities",

package/dist/styles/classes.json

@@ -1,5 +1,5 @@
 {
-  "generated": "2026-02-19T13:38:18.496Z",
+  "generated": "2026-02-24T05:05:49.640Z",
   "totalClasses": 1071,
   "classes": [
     "!text-2xl",

package/dist/templates/app/(auth)/accept-invite/[token]/page.tsx

@@ -9,6 +9,7 @@ import { Loader2, CheckCircle, XCircle, Users, LogIn, UserPlus } from 'lucide-re
 import { toast } from 'sonner'
 import Link from 'next/link'
 import { sel } from '@nextsparkjs/core/selectors'
+import { getTemplateOrDefaultClient } from '@nextsparkjs/registries/template-registry.client'
 
 type InvitationStatus = 'loading' | 'valid' | 'accepting' | 'accepted' | 'error' | 'expired' | 'not_found' | 'email_mismatch' | 'already_member' | 'requires_auth'
 
@@ -19,7 +20,7 @@ interface InvitationInfo {
   email: string
 }
 
-export default function AcceptInvitePage() {
+function AcceptInvitePage() {
   const params = useParams()
   const router = useRouter()
   const { user, isLoading: authLoading } = useAuth()
@@ -333,3 +334,5 @@ export default function AcceptInvitePage() {
     </div>
   )
 }
+
+export default getTemplateOrDefaultClient('app/(auth)/accept-invite/[token]/page.tsx', AcceptInvitePage)

package/dist/templates/app/dashboard/(main)/[entity]/loading.tsx

@@ -1,6 +1,7 @@
 import { Skeleton } from '@nextsparkjs/core/components/ui/skeleton'
+import { getTemplateOrDefault } from '@nextsparkjs/core/lib/template-resolver'
 
-export default function EntityLoading() {
+function EntityLoading() {
   return (
     <div className="space-y-6 p-6">
       {/* Header skeleton */}
@@ -58,4 +59,6 @@ export default function EntityLoading() {
       </div>
     </div>
   )
-}
+}
+
+export default getTemplateOrDefault('app/dashboard/(main)/[entity]/loading.tsx', EntityLoading)

package/dist/templates/app/dashboard/(main)/loading.tsx

@@ -1,5 +1,8 @@
 import { SkeletonDashboardHome } from '@nextsparkjs/core/components/ui/skeleton-dashboard'
+import { getTemplateOrDefault } from '@nextsparkjs/core/lib/template-resolver'
 
-export default function DashboardLoading() {
+function DashboardLoading() {
   return <SkeletonDashboardHome />
 }
+
+export default getTemplateOrDefault('app/dashboard/(main)/loading.tsx', DashboardLoading)

package/dist/templates/app/dashboard/(main)/patterns/[id]/edit/page.tsx

@@ -14,8 +14,9 @@ import { EntityFormWrapper } from '@nextsparkjs/core/components/entities/wrapper
 import { BuilderEditorView } from '@nextsparkjs/core/components/dashboard/block-editor/builder-editor-view'
 import { Alert, AlertDescription } from '@nextsparkjs/core/components/ui/alert'
 import { getEntityData } from '@nextsparkjs/core/lib/api/entities'
+import { getTemplateOrDefaultClient } from '@nextsparkjs/registries/template-registry.client'
 
-export default function PatternEditPage() {
+function PatternEditPage() {
   const params = useParams()
   const router = useRouter()
   const [entityConfig, setEntityConfig] = useState<ClientEntityConfig | null>(null)
@@ -112,3 +113,5 @@ export default function PatternEditPage() {
     />
   )
 }
+
+export default getTemplateOrDefaultClient('app/dashboard/(main)/patterns/[id]/edit/page.tsx', PatternEditPage)

package/dist/templates/app/dashboard/(main)/patterns/[id]/page.tsx

@@ -5,6 +5,7 @@
  */
 
 import { redirect } from 'next/navigation'
+import { getTemplateOrDefault } from '@nextsparkjs/core/lib/template-resolver'
 
 interface PageProps {
   params: Promise<{
@@ -12,9 +13,11 @@ interface PageProps {
   }>
 }
 
-export default async function PatternDetailPage({ params }: PageProps) {
+async function PatternDetailPage({ params }: PageProps) {
   const resolvedParams = await params
 
   // Patterns are builder-enabled, so redirect to edit view
   redirect(`/dashboard/patterns/${resolvedParams.id}/edit`)
 }
+
+export default getTemplateOrDefault('app/dashboard/(main)/patterns/[id]/page.tsx', PatternDetailPage)

package/dist/templates/app/dashboard/(main)/patterns/[id]/reports/page.tsx

@@ -17,6 +17,7 @@ import { Button } from '@nextsparkjs/core/components/ui/button'
 import { Alert, AlertDescription, AlertTitle } from '@nextsparkjs/core/components/ui/alert'
 import { Skeleton } from '@nextsparkjs/core/components/ui/skeleton'
 import { getEntityData } from '@nextsparkjs/core/lib/api/entities'
+import { getTemplateOrDefaultClient } from '@nextsparkjs/registries/template-registry.client'
 
 interface PatternData {
   id: string
@@ -24,7 +25,7 @@ interface PatternData {
   title?: string
 }
 
-export default function PatternReportsPage() {
+function PatternReportsPage() {
   const params = useParams()
   const router = useRouter()
   const patternId = params.id as string
@@ -169,3 +170,5 @@ export default function PatternReportsPage() {
     </div>
   )
 }
+
+export default getTemplateOrDefaultClient('app/dashboard/(main)/patterns/[id]/reports/page.tsx', PatternReportsPage)

package/dist/templates/app/dashboard/(main)/patterns/create/page.tsx

@@ -12,8 +12,9 @@ import { clientEntityRegistry, ensureClientInitialized, type ClientEntityConfig
 import { EntityFormWrapper } from '@nextsparkjs/core/components/entities/wrappers/EntityFormWrapper'
 import { BuilderEditorView } from '@nextsparkjs/core/components/dashboard/block-editor/builder-editor-view'
 import { Alert, AlertDescription } from '@nextsparkjs/core/components/ui/alert'
+import { getTemplateOrDefaultClient } from '@nextsparkjs/registries/template-registry.client'
 
-export default function PatternsCreatePage() {
+function PatternsCreatePage() {
   const router = useRouter()
   const [entityConfig, setEntityConfig] = useState<ClientEntityConfig | null>(null)
   const [loading, setLoading] = useState(true)
@@ -84,3 +85,5 @@ export default function PatternsCreatePage() {
     />
   )
 }
+
+export default getTemplateOrDefaultClient('app/dashboard/(main)/patterns/create/page.tsx', PatternsCreatePage)

package/dist/templates/app/dashboard/(main)/patterns/page.tsx

@@ -28,6 +28,7 @@ import type { Permission } from '@nextsparkjs/core/lib/permissions/types'
 import type { QuickAction, DropdownAction } from '@nextsparkjs/core/components/entities/entity-table.types'
 import { sel } from '@nextsparkjs/core/lib/test'
 import { toast } from 'sonner'
+import { getTemplateOrDefaultClient } from '@nextsparkjs/registries/template-registry.client'
 
 interface PatternItem {
   id: string
@@ -37,7 +38,7 @@ interface PatternItem {
   [key: string]: unknown
 }
 
-export default function PatternsListPage() {
+function PatternsListPage() {
   const entityType = 'patterns'
   const router = useRouter()
 
@@ -442,3 +443,5 @@ export default function PatternsListPage() {
     </div>
   )
 }
+
+export default getTemplateOrDefaultClient('app/dashboard/(main)/patterns/page.tsx', PatternsListPage)

package/dist/templates/app/dashboard/features/analytics/page.tsx

@@ -4,8 +4,9 @@ import { FeatureGate } from '@nextsparkjs/core/components/billing/FeatureGate'
 import { FeaturePlaceholder } from '@nextsparkjs/core/components/billing/FeaturePlaceholder'
 import { BarChart3 } from 'lucide-react'
 import { useTranslations } from 'next-intl'
+import { getTemplateOrDefaultClient } from '@nextsparkjs/registries/template-registry.client'
 
-export default function AdvancedAnalyticsPage() {
+function AdvancedAnalyticsPage() {
   const t = useTranslations('features')
 
   return (
@@ -33,3 +34,5 @@ export default function AdvancedAnalyticsPage() {
     </div>
   )
 }
+
+export default getTemplateOrDefaultClient('app/dashboard/features/analytics/page.tsx', AdvancedAnalyticsPage)

package/dist/templates/app/dashboard/features/automation/page.tsx

@@ -4,8 +4,9 @@ import { FeatureGate } from '@nextsparkjs/core/components/billing/FeatureGate'
 import { FeaturePlaceholder } from '@nextsparkjs/core/components/billing/FeaturePlaceholder'
 import { Zap } from 'lucide-react'
 import { useTranslations } from 'next-intl'
+import { getTemplateOrDefaultClient } from '@nextsparkjs/registries/template-registry.client'
 
-export default function TaskAutomationPage() {
+function TaskAutomationPage() {
   const t = useTranslations('features')
 
   return (
@@ -33,3 +34,5 @@ export default function TaskAutomationPage() {
     </div>
   )
 }
+
+export default getTemplateOrDefaultClient('app/dashboard/features/automation/page.tsx', TaskAutomationPage)

package/dist/templates/app/dashboard/features/layout.tsx

@@ -1,13 +1,16 @@
-import { ReactNode } from 'react'
+import { type ReactNode } from 'react'
+import { getTemplateOrDefault } from '@nextsparkjs/core/lib/template-resolver'
 
 interface FeaturesLayoutProps {
   children: ReactNode
 }
 
-export default function FeaturesLayout({ children }: FeaturesLayoutProps) {
+function FeaturesLayout({ children }: FeaturesLayoutProps) {
   return (
     <div className="container py-8" data-cy="features-layout">
       {children}
     </div>
   )
 }
+
+export default getTemplateOrDefault('app/dashboard/features/layout.tsx', FeaturesLayout)

package/dist/templates/app/dashboard/features/loading.tsx

@@ -1,5 +1,8 @@
 import { SkeletonFeaturePlaceholder } from '@nextsparkjs/core/components/ui/skeleton-features'
+import { getTemplateOrDefault } from '@nextsparkjs/core/lib/template-resolver'
 
-export default function FeaturesLoading() {
+function FeaturesLoading() {
   return <SkeletonFeaturePlaceholder />
 }
+
+export default getTemplateOrDefault('app/dashboard/features/loading.tsx', FeaturesLoading)

package/dist/templates/app/dashboard/features/webhooks/page.tsx

@@ -4,8 +4,9 @@ import { FeatureGate } from '@nextsparkjs/core/components/billing/FeatureGate'
 import { FeaturePlaceholder } from '@nextsparkjs/core/components/billing/FeaturePlaceholder'
 import { Webhook } from 'lucide-react'
 import { useTranslations } from 'next-intl'
+import { getTemplateOrDefaultClient } from '@nextsparkjs/registries/template-registry.client'
 
-export default function WebhooksPage() {
+function WebhooksPage() {
   const t = useTranslations('features')
 
   return (
@@ -33,3 +34,5 @@ export default function WebhooksPage() {
     </div>
   )
 }
+
+export default getTemplateOrDefaultClient('app/dashboard/features/webhooks/page.tsx', WebhooksPage)

package/dist/templates/app/dashboard/permission-denied/page.tsx

@@ -5,6 +5,7 @@
  * This page is displayed when a user attempts to access a resource they don't have permission for.
  */
 import { NoPermission } from '@nextsparkjs/core/components/permissions/NoPermission'
+import { getTemplateOrDefault } from '@nextsparkjs/core/lib/template-resolver'
 
 interface PermissionDeniedPageProps {
   searchParams: Promise<{
@@ -13,7 +14,7 @@ interface PermissionDeniedPageProps {
   }>
 }
 
-export default async function PermissionDeniedPage({
+async function PermissionDeniedPage({
   searchParams
 }: PermissionDeniedPageProps) {
   const { entity, action } = await searchParams
@@ -27,3 +28,5 @@ export default async function PermissionDeniedPage({
     />
   )
 }
+
+export default getTemplateOrDefault('app/dashboard/permission-denied/page.tsx', PermissionDeniedPage)

package/dist/templates/app/dashboard/settings/api-keys/loading.tsx

@@ -1,5 +1,8 @@
 import { SkeletonApiKeysPage } from '@nextsparkjs/core/components/ui/skeleton-settings'
+import { getTemplateOrDefault } from '@nextsparkjs/core/lib/template-resolver'
 
-export default function ApiKeysLoading() {
+function ApiKeysLoading() {
   return <SkeletonApiKeysPage />
 }
+
+export default getTemplateOrDefault('app/dashboard/settings/api-keys/loading.tsx', ApiKeysLoading)

package/dist/templates/app/dashboard/settings/billing/loading.tsx

@@ -1,5 +1,8 @@
 import { SkeletonBillingPage } from '@nextsparkjs/core/components/ui/skeleton-settings'
+import { getTemplateOrDefault } from '@nextsparkjs/core/lib/template-resolver'
 
-export default function BillingLoading() {
+function BillingLoading() {
   return <SkeletonBillingPage />
 }
+
+export default getTemplateOrDefault('app/dashboard/settings/billing/loading.tsx', BillingLoading)

package/dist/templates/app/dashboard/settings/invoices/loading.tsx

@@ -1,5 +1,8 @@
 import { SkeletonInvoicesPage } from '@nextsparkjs/core/components/ui/skeleton-settings'
+import { getTemplateOrDefault } from '@nextsparkjs/core/lib/template-resolver'
 
-export default function InvoicesLoading() {
+function InvoicesLoading() {
   return <SkeletonInvoicesPage />
 }
+
+export default getTemplateOrDefault('app/dashboard/settings/invoices/loading.tsx', InvoicesLoading)

package/dist/templates/app/dashboard/settings/loading.tsx

@@ -1,5 +1,8 @@
 import { SkeletonSettingsOverview } from '@nextsparkjs/core/components/ui/skeleton-settings'
+import { getTemplateOrDefault } from '@nextsparkjs/core/lib/template-resolver'
 
-export default function SettingsLoading() {
+function SettingsLoading() {
   return <SkeletonSettingsOverview />
 }
+
+export default getTemplateOrDefault('app/dashboard/settings/loading.tsx', SettingsLoading)

package/dist/templates/app/dashboard/settings/notifications/loading.tsx

@@ -1,5 +1,8 @@
 import { SkeletonNotificationsPage } from '@nextsparkjs/core/components/ui/skeleton-settings'
+import { getTemplateOrDefault } from '@nextsparkjs/core/lib/template-resolver'
 
-export default function NotificationsLoading() {
+function NotificationsLoading() {
   return <SkeletonNotificationsPage />
 }
+
+export default getTemplateOrDefault('app/dashboard/settings/notifications/loading.tsx', NotificationsLoading)

package/dist/templates/app/dashboard/settings/page.tsx

@@ -14,6 +14,7 @@ import {
   Key,
   type LucideIcon
 } from 'lucide-react'
+import { getTemplateOrDefaultClient } from '@nextsparkjs/registries/template-registry.client'
 
 // Icon mapping for settings pages
 const SETTINGS_ICONS: Record<string, LucideIcon> = {
@@ -89,4 +90,4 @@ function SettingsPage() {
   )
 }
 
-export default SettingsPage
+export default getTemplateOrDefaultClient('app/dashboard/settings/page.tsx', SettingsPage)

package/dist/templates/app/dashboard/settings/password/loading.tsx

@@ -1,5 +1,8 @@
 import { SkeletonPasswordPage } from '@nextsparkjs/core/components/ui/skeleton-settings'
+import { getTemplateOrDefault } from '@nextsparkjs/core/lib/template-resolver'
 
-export default function PasswordLoading() {
+function PasswordLoading() {
   return <SkeletonPasswordPage />
 }
+
+export default getTemplateOrDefault('app/dashboard/settings/password/loading.tsx', PasswordLoading)

package/dist/templates/app/dashboard/settings/plans/loading.tsx

@@ -1,5 +1,8 @@
 import { SkeletonPlansPage } from '@nextsparkjs/core/components/ui/skeleton-settings'
+import { getTemplateOrDefault } from '@nextsparkjs/core/lib/template-resolver'
 
-export default function PlansLoading() {
+function PlansLoading() {
   return <SkeletonPlansPage />
 }
+
+export default getTemplateOrDefault('app/dashboard/settings/plans/loading.tsx', PlansLoading)

package/dist/templates/app/dashboard/settings/profile/loading.tsx

@@ -1,5 +1,8 @@
 import { SkeletonProfileForm } from '@nextsparkjs/core/components/ui/skeleton-settings'
+import { getTemplateOrDefault } from '@nextsparkjs/core/lib/template-resolver'
 
-export default function ProfileLoading() {
+function ProfileLoading() {
   return <SkeletonProfileForm />
 }
+
+export default getTemplateOrDefault('app/dashboard/settings/profile/loading.tsx', ProfileLoading)

package/dist/templates/app/dashboard/settings/security/loading.tsx

@@ -1,5 +1,8 @@
 import { SkeletonSecurityPage } from '@nextsparkjs/core/components/ui/skeleton-settings'
+import { getTemplateOrDefault } from '@nextsparkjs/core/lib/template-resolver'
 
-export default function SecurityLoading() {
+function SecurityLoading() {
   return <SkeletonSecurityPage />
 }
+
+export default getTemplateOrDefault('app/dashboard/settings/security/loading.tsx', SecurityLoading)

package/dist/templates/app/dashboard/settings/teams/loading.tsx

@@ -1,5 +1,8 @@
 import { SkeletonTeamsPage } from '@nextsparkjs/core/components/ui/skeleton-settings'
+import { getTemplateOrDefault } from '@nextsparkjs/core/lib/template-resolver'
 
-export default function TeamsLoading() {
+function TeamsLoading() {
   return <SkeletonTeamsPage />
 }
+
+export default getTemplateOrDefault('app/dashboard/settings/teams/loading.tsx', TeamsLoading)

package/dist/templates/app/dashboard/settings/teams/permissions/page.tsx

@@ -4,6 +4,7 @@ import { Tabs, TabsContent, TabsList, TabsTrigger } from '@nextsparkjs/core/comp
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@nextsparkjs/core/components/ui/card'
 // Use PermissionService which reads from the build-time generated registry
 import { PermissionService } from '@nextsparkjs/core/lib/services/permission.service'
+import { getTemplateOrDefault } from '@nextsparkjs/core/lib/template-resolver'
 
 /**
  * Team Permissions Page
@@ -11,7 +12,7 @@ import { PermissionService } from '@nextsparkjs/core/lib/services/permission.ser
  * Displays a visual permissions matrix showing what each team role can do.
  * Organized by categories with tabs for easy navigation.
  */
-export default function TeamPermissionsPage() {
+function TeamPermissionsPage() {
   const t = useTranslations('permissions')
 
   // Get all unique categories from registry
@@ -90,3 +91,5 @@ function RoleCard({ role }: { role: 'owner' | 'admin' | 'member' | 'viewer' }) {
     </div>
   )
 }
+
+export default getTemplateOrDefault('app/dashboard/settings/teams/permissions/page.tsx', TeamPermissionsPage)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextsparkjs/core",
-  "version": "0.1.0-beta.103",
+  "version": "0.1.0-beta.105",
   "description": "NextSpark - The complete SaaS framework for Next.js",
   "license": "MIT",
   "author": "NextSpark <hello@nextspark.dev>",
@@ -453,7 +453,7 @@
     "tailwind-merge": "^3.3.1",
     "uuid": "^13.0.0",
     "zod": "^4.1.5",
-    "@nextsparkjs/testing": "0.1.0-beta.103"
+    "@nextsparkjs/testing": "0.1.0-beta.105"
   },
   "scripts": {
     "postinstall": "node scripts/postinstall.mjs || true",

package/templates/app/(auth)/accept-invite/[token]/page.tsx

@@ -9,6 +9,7 @@ import { Loader2, CheckCircle, XCircle, Users, LogIn, UserPlus } from 'lucide-re
 import { toast } from 'sonner'
 import Link from 'next/link'
 import { sel } from '@nextsparkjs/core/selectors'
+import { getTemplateOrDefaultClient } from '@nextsparkjs/registries/template-registry.client'
 
 type InvitationStatus = 'loading' | 'valid' | 'accepting' | 'accepted' | 'error' | 'expired' | 'not_found' | 'email_mismatch' | 'already_member' | 'requires_auth'
 
@@ -19,7 +20,7 @@ interface InvitationInfo {
   email: string
 }
 
-export default function AcceptInvitePage() {
+function AcceptInvitePage() {
   const params = useParams()
   const router = useRouter()
   const { user, isLoading: authLoading } = useAuth()
@@ -333,3 +334,5 @@ export default function AcceptInvitePage() {
     </div>
   )
 }
+
+export default getTemplateOrDefaultClient('app/(auth)/accept-invite/[token]/page.tsx', AcceptInvitePage)

package/templates/app/dashboard/(main)/[entity]/loading.tsx

@@ -1,6 +1,7 @@
 import { Skeleton } from '@nextsparkjs/core/components/ui/skeleton'
+import { getTemplateOrDefault } from '@nextsparkjs/core/lib/template-resolver'
 
-export default function EntityLoading() {
+function EntityLoading() {
   return (
     <div className="space-y-6 p-6">
       {/* Header skeleton */}
@@ -58,4 +59,6 @@ export default function EntityLoading() {
       </div>
     </div>
   )
-}
+}
+
+export default getTemplateOrDefault('app/dashboard/(main)/[entity]/loading.tsx', EntityLoading)

package/templates/app/dashboard/(main)/loading.tsx

@@ -1,5 +1,8 @@
 import { SkeletonDashboardHome } from '@nextsparkjs/core/components/ui/skeleton-dashboard'
+import { getTemplateOrDefault } from '@nextsparkjs/core/lib/template-resolver'
 
-export default function DashboardLoading() {
+function DashboardLoading() {
   return <SkeletonDashboardHome />
 }
+
+export default getTemplateOrDefault('app/dashboard/(main)/loading.tsx', DashboardLoading)

package/templates/app/dashboard/(main)/patterns/[id]/edit/page.tsx

@@ -14,8 +14,9 @@ import { EntityFormWrapper } from '@nextsparkjs/core/components/entities/wrapper
 import { BuilderEditorView } from '@nextsparkjs/core/components/dashboard/block-editor/builder-editor-view'
 import { Alert, AlertDescription } from '@nextsparkjs/core/components/ui/alert'
 import { getEntityData } from '@nextsparkjs/core/lib/api/entities'
+import { getTemplateOrDefaultClient } from '@nextsparkjs/registries/template-registry.client'
 
-export default function PatternEditPage() {
+function PatternEditPage() {
   const params = useParams()
   const router = useRouter()
   const [entityConfig, setEntityConfig] = useState<ClientEntityConfig | null>(null)
@@ -112,3 +113,5 @@ export default function PatternEditPage() {
     />
   )
 }
+
+export default getTemplateOrDefaultClient('app/dashboard/(main)/patterns/[id]/edit/page.tsx', PatternEditPage)

package/templates/app/dashboard/(main)/patterns/[id]/page.tsx

@@ -5,6 +5,7 @@
  */
 
 import { redirect } from 'next/navigation'
+import { getTemplateOrDefault } from '@nextsparkjs/core/lib/template-resolver'
 
 interface PageProps {
   params: Promise<{
@@ -12,9 +13,11 @@ interface PageProps {
   }>
 }
 
-export default async function PatternDetailPage({ params }: PageProps) {
+async function PatternDetailPage({ params }: PageProps) {
   const resolvedParams = await params
 
   // Patterns are builder-enabled, so redirect to edit view
   redirect(`/dashboard/patterns/${resolvedParams.id}/edit`)
 }
+
+export default getTemplateOrDefault('app/dashboard/(main)/patterns/[id]/page.tsx', PatternDetailPage)

package/templates/app/dashboard/(main)/patterns/[id]/reports/page.tsx

@@ -17,6 +17,7 @@ import { Button } from '@nextsparkjs/core/components/ui/button'
 import { Alert, AlertDescription, AlertTitle } from '@nextsparkjs/core/components/ui/alert'
 import { Skeleton } from '@nextsparkjs/core/components/ui/skeleton'
 import { getEntityData } from '@nextsparkjs/core/lib/api/entities'
+import { getTemplateOrDefaultClient } from '@nextsparkjs/registries/template-registry.client'
 
 interface PatternData {
   id: string
@@ -24,7 +25,7 @@ interface PatternData {
   title?: string
 }
 
-export default function PatternReportsPage() {
+function PatternReportsPage() {
   const params = useParams()
   const router = useRouter()
   const patternId = params.id as string
@@ -169,3 +170,5 @@ export default function PatternReportsPage() {
     </div>
   )
 }
+
+export default getTemplateOrDefaultClient('app/dashboard/(main)/patterns/[id]/reports/page.tsx', PatternReportsPage)

package/templates/app/dashboard/(main)/patterns/create/page.tsx

@@ -12,8 +12,9 @@ import { clientEntityRegistry, ensureClientInitialized, type ClientEntityConfig
 import { EntityFormWrapper } from '@nextsparkjs/core/components/entities/wrappers/EntityFormWrapper'
 import { BuilderEditorView } from '@nextsparkjs/core/components/dashboard/block-editor/builder-editor-view'
 import { Alert, AlertDescription } from '@nextsparkjs/core/components/ui/alert'
+import { getTemplateOrDefaultClient } from '@nextsparkjs/registries/template-registry.client'
 
-export default function PatternsCreatePage() {
+function PatternsCreatePage() {
   const router = useRouter()
   const [entityConfig, setEntityConfig] = useState<ClientEntityConfig | null>(null)
   const [loading, setLoading] = useState(true)
@@ -84,3 +85,5 @@ export default function PatternsCreatePage() {
     />
   )
 }
+
+export default getTemplateOrDefaultClient('app/dashboard/(main)/patterns/create/page.tsx', PatternsCreatePage)

package/templates/app/dashboard/(main)/patterns/page.tsx

@@ -28,6 +28,7 @@ import type { Permission } from '@nextsparkjs/core/lib/permissions/types'
 import type { QuickAction, DropdownAction } from '@nextsparkjs/core/components/entities/entity-table.types'
 import { sel } from '@nextsparkjs/core/lib/test'
 import { toast } from 'sonner'
+import { getTemplateOrDefaultClient } from '@nextsparkjs/registries/template-registry.client'
 
 interface PatternItem {
   id: string
@@ -37,7 +38,7 @@ interface PatternItem {
   [key: string]: unknown
 }
 
-export default function PatternsListPage() {
+function PatternsListPage() {
   const entityType = 'patterns'
   const router = useRouter()
 
@@ -442,3 +443,5 @@ export default function PatternsListPage() {
     </div>
   )
 }
+
+export default getTemplateOrDefaultClient('app/dashboard/(main)/patterns/page.tsx', PatternsListPage)

package/templates/app/dashboard/features/analytics/page.tsx

@@ -4,8 +4,9 @@ import { FeatureGate } from '@nextsparkjs/core/components/billing/FeatureGate'
 import { FeaturePlaceholder } from '@nextsparkjs/core/components/billing/FeaturePlaceholder'
 import { BarChart3 } from 'lucide-react'
 import { useTranslations } from 'next-intl'
+import { getTemplateOrDefaultClient } from '@nextsparkjs/registries/template-registry.client'
 
-export default function AdvancedAnalyticsPage() {
+function AdvancedAnalyticsPage() {
   const t = useTranslations('features')
 
   return (
@@ -33,3 +34,5 @@ export default function AdvancedAnalyticsPage() {
     </div>
   )
 }
+
+export default getTemplateOrDefaultClient('app/dashboard/features/analytics/page.tsx', AdvancedAnalyticsPage)

package/templates/app/dashboard/features/automation/page.tsx

@@ -4,8 +4,9 @@ import { FeatureGate } from '@nextsparkjs/core/components/billing/FeatureGate'
 import { FeaturePlaceholder } from '@nextsparkjs/core/components/billing/FeaturePlaceholder'
 import { Zap } from 'lucide-react'
 import { useTranslations } from 'next-intl'
+import { getTemplateOrDefaultClient } from '@nextsparkjs/registries/template-registry.client'
 
-export default function TaskAutomationPage() {
+function TaskAutomationPage() {
   const t = useTranslations('features')
 
   return (
@@ -33,3 +34,5 @@ export default function TaskAutomationPage() {
     </div>
   )
 }
+
+export default getTemplateOrDefaultClient('app/dashboard/features/automation/page.tsx', TaskAutomationPage)

package/templates/app/dashboard/features/layout.tsx

@@ -1,13 +1,16 @@
-import { ReactNode } from 'react'
+import { type ReactNode } from 'react'
+import { getTemplateOrDefault } from '@nextsparkjs/core/lib/template-resolver'
 
 interface FeaturesLayoutProps {
   children: ReactNode
 }
 
-export default function FeaturesLayout({ children }: FeaturesLayoutProps) {
+function FeaturesLayout({ children }: FeaturesLayoutProps) {
   return (
     <div className="container py-8" data-cy="features-layout">
       {children}
     </div>
   )
 }
+
+export default getTemplateOrDefault('app/dashboard/features/layout.tsx', FeaturesLayout)

package/templates/app/dashboard/features/loading.tsx

@@ -1,5 +1,8 @@
 import { SkeletonFeaturePlaceholder } from '@nextsparkjs/core/components/ui/skeleton-features'
+import { getTemplateOrDefault } from '@nextsparkjs/core/lib/template-resolver'
 
-export default function FeaturesLoading() {
+function FeaturesLoading() {
   return <SkeletonFeaturePlaceholder />
 }
+
+export default getTemplateOrDefault('app/dashboard/features/loading.tsx', FeaturesLoading)

package/templates/app/dashboard/features/webhooks/page.tsx

@@ -4,8 +4,9 @@ import { FeatureGate } from '@nextsparkjs/core/components/billing/FeatureGate'
 import { FeaturePlaceholder } from '@nextsparkjs/core/components/billing/FeaturePlaceholder'
 import { Webhook } from 'lucide-react'
 import { useTranslations } from 'next-intl'
+import { getTemplateOrDefaultClient } from '@nextsparkjs/registries/template-registry.client'
 
-export default function WebhooksPage() {
+function WebhooksPage() {
   const t = useTranslations('features')
 
   return (
@@ -33,3 +34,5 @@ export default function WebhooksPage() {
     </div>
   )
 }
+
+export default getTemplateOrDefaultClient('app/dashboard/features/webhooks/page.tsx', WebhooksPage)

package/templates/app/dashboard/permission-denied/page.tsx

@@ -5,6 +5,7 @@
  * This page is displayed when a user attempts to access a resource they don't have permission for.
  */
 import { NoPermission } from '@nextsparkjs/core/components/permissions/NoPermission'
+import { getTemplateOrDefault } from '@nextsparkjs/core/lib/template-resolver'
 
 interface PermissionDeniedPageProps {
   searchParams: Promise<{
@@ -13,7 +14,7 @@ interface PermissionDeniedPageProps {
   }>
 }
 
-export default async function PermissionDeniedPage({
+async function PermissionDeniedPage({
   searchParams
 }: PermissionDeniedPageProps) {
   const { entity, action } = await searchParams
@@ -27,3 +28,5 @@ export default async function PermissionDeniedPage({
     />
   )
 }
+
+export default getTemplateOrDefault('app/dashboard/permission-denied/page.tsx', PermissionDeniedPage)

package/templates/app/dashboard/settings/api-keys/loading.tsx

@@ -1,5 +1,8 @@
 import { SkeletonApiKeysPage } from '@nextsparkjs/core/components/ui/skeleton-settings'
+import { getTemplateOrDefault } from '@nextsparkjs/core/lib/template-resolver'
 
-export default function ApiKeysLoading() {
+function ApiKeysLoading() {
   return <SkeletonApiKeysPage />
 }
+
+export default getTemplateOrDefault('app/dashboard/settings/api-keys/loading.tsx', ApiKeysLoading)

package/templates/app/dashboard/settings/billing/loading.tsx

@@ -1,5 +1,8 @@
 import { SkeletonBillingPage } from '@nextsparkjs/core/components/ui/skeleton-settings'
+import { getTemplateOrDefault } from '@nextsparkjs/core/lib/template-resolver'
 
-export default function BillingLoading() {
+function BillingLoading() {
   return <SkeletonBillingPage />
 }
+
+export default getTemplateOrDefault('app/dashboard/settings/billing/loading.tsx', BillingLoading)

package/templates/app/dashboard/settings/invoices/loading.tsx

@@ -1,5 +1,8 @@
 import { SkeletonInvoicesPage } from '@nextsparkjs/core/components/ui/skeleton-settings'
+import { getTemplateOrDefault } from '@nextsparkjs/core/lib/template-resolver'
 
-export default function InvoicesLoading() {
+function InvoicesLoading() {
   return <SkeletonInvoicesPage />
 }
+
+export default getTemplateOrDefault('app/dashboard/settings/invoices/loading.tsx', InvoicesLoading)

package/templates/app/dashboard/settings/loading.tsx

@@ -1,5 +1,8 @@
 import { SkeletonSettingsOverview } from '@nextsparkjs/core/components/ui/skeleton-settings'
+import { getTemplateOrDefault } from '@nextsparkjs/core/lib/template-resolver'
 
-export default function SettingsLoading() {
+function SettingsLoading() {
   return <SkeletonSettingsOverview />
 }
+
+export default getTemplateOrDefault('app/dashboard/settings/loading.tsx', SettingsLoading)

package/templates/app/dashboard/settings/notifications/loading.tsx

@@ -1,5 +1,8 @@
 import { SkeletonNotificationsPage } from '@nextsparkjs/core/components/ui/skeleton-settings'
+import { getTemplateOrDefault } from '@nextsparkjs/core/lib/template-resolver'
 
-export default function NotificationsLoading() {
+function NotificationsLoading() {
   return <SkeletonNotificationsPage />
 }
+
+export default getTemplateOrDefault('app/dashboard/settings/notifications/loading.tsx', NotificationsLoading)

package/templates/app/dashboard/settings/page.tsx

@@ -14,6 +14,7 @@ import {
   Key,
   type LucideIcon
 } from 'lucide-react'
+import { getTemplateOrDefaultClient } from '@nextsparkjs/registries/template-registry.client'
 
 // Icon mapping for settings pages
 const SETTINGS_ICONS: Record<string, LucideIcon> = {
@@ -89,4 +90,4 @@ function SettingsPage() {
   )
 }
 
-export default SettingsPage
+export default getTemplateOrDefaultClient('app/dashboard/settings/page.tsx', SettingsPage)

package/templates/app/dashboard/settings/password/loading.tsx

@@ -1,5 +1,8 @@
 import { SkeletonPasswordPage } from '@nextsparkjs/core/components/ui/skeleton-settings'
+import { getTemplateOrDefault } from '@nextsparkjs/core/lib/template-resolver'
 
-export default function PasswordLoading() {
+function PasswordLoading() {
   return <SkeletonPasswordPage />
 }
+
+export default getTemplateOrDefault('app/dashboard/settings/password/loading.tsx', PasswordLoading)

package/templates/app/dashboard/settings/plans/loading.tsx

@@ -1,5 +1,8 @@
 import { SkeletonPlansPage } from '@nextsparkjs/core/components/ui/skeleton-settings'
+import { getTemplateOrDefault } from '@nextsparkjs/core/lib/template-resolver'
 
-export default function PlansLoading() {
+function PlansLoading() {
   return <SkeletonPlansPage />
 }
+
+export default getTemplateOrDefault('app/dashboard/settings/plans/loading.tsx', PlansLoading)

package/templates/app/dashboard/settings/profile/loading.tsx

@@ -1,5 +1,8 @@
 import { SkeletonProfileForm } from '@nextsparkjs/core/components/ui/skeleton-settings'
+import { getTemplateOrDefault } from '@nextsparkjs/core/lib/template-resolver'
 
-export default function ProfileLoading() {
+function ProfileLoading() {
   return <SkeletonProfileForm />
 }
+
+export default getTemplateOrDefault('app/dashboard/settings/profile/loading.tsx', ProfileLoading)

package/templates/app/dashboard/settings/security/loading.tsx

@@ -1,5 +1,8 @@
 import { SkeletonSecurityPage } from '@nextsparkjs/core/components/ui/skeleton-settings'
+import { getTemplateOrDefault } from '@nextsparkjs/core/lib/template-resolver'
 
-export default function SecurityLoading() {
+function SecurityLoading() {
   return <SkeletonSecurityPage />
 }
+
+export default getTemplateOrDefault('app/dashboard/settings/security/loading.tsx', SecurityLoading)

package/templates/app/dashboard/settings/teams/loading.tsx

@@ -1,5 +1,8 @@
 import { SkeletonTeamsPage } from '@nextsparkjs/core/components/ui/skeleton-settings'
+import { getTemplateOrDefault } from '@nextsparkjs/core/lib/template-resolver'
 
-export default function TeamsLoading() {
+function TeamsLoading() {
   return <SkeletonTeamsPage />
 }
+
+export default getTemplateOrDefault('app/dashboard/settings/teams/loading.tsx', TeamsLoading)

package/templates/app/dashboard/settings/teams/permissions/page.tsx

@@ -4,6 +4,7 @@ import { Tabs, TabsContent, TabsList, TabsTrigger } from '@nextsparkjs/core/comp
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@nextsparkjs/core/components/ui/card'
 // Use PermissionService which reads from the build-time generated registry
 import { PermissionService } from '@nextsparkjs/core/lib/services/permission.service'
+import { getTemplateOrDefault } from '@nextsparkjs/core/lib/template-resolver'
 
 /**
  * Team Permissions Page
@@ -11,7 +12,7 @@ import { PermissionService } from '@nextsparkjs/core/lib/services/permission.ser
  * Displays a visual permissions matrix showing what each team role can do.
  * Organized by categories with tabs for easy navigation.
  */
-export default function TeamPermissionsPage() {
+function TeamPermissionsPage() {
   const t = useTranslations('permissions')
 
   // Get all unique categories from registry
@@ -90,3 +91,5 @@ function RoleCard({ role }: { role: 'owner' | 'admin' | 'member' | 'viewer' }) {
     </div>
   )
 }
+
+export default getTemplateOrDefault('app/dashboard/settings/teams/permissions/page.tsx', TeamPermissionsPage)