@nextsparkjs/core 0.1.0-beta.1 → 0.1.0-beta.11

package/dist/templates/app/(public)/[...slug]/page.tsx

@@ -15,12 +15,12 @@
 
 import { notFound } from 'next/navigation'
 import { query } from '@nextsparkjs/core/lib/db'
-import { PageRenderer } from '@/app/components/page-renderer'
+import { PageRenderer } from '@nextsparkjs/core/components/public/pageBuilder'
 import {
   matchPathToEntity,
   getEntityBasePath,
 } from '@nextsparkjs/core/lib/entities/schema-generator'
-import { ENTITY_REGISTRY } from '@nextsparkjs/core/lib/entities/queries'
+import { getEntityRegistry } from '@nextsparkjs/core/lib/entities/queries'
 import { TemplateService } from '@nextsparkjs/core/lib/services/template.service'
 import { resolvePublicEntityFromUrl } from '@nextsparkjs/core/lib/api/entity/public-resolver'
 import { PublicEntityGrid } from '@nextsparkjs/core/components/public/entities/PublicEntityGrid'
@@ -28,11 +28,12 @@ import type { EntityConfig } from '@nextsparkjs/core/lib/entities/types'
 import type { Metadata } from 'next'
 
 /**
- * Convert ENTITY_REGISTRY to format expected by matchPathToEntity
+ * Convert entity registry to format expected by matchPathToEntity
  */
 function getEntityConfigs(): Record<string, EntityConfig> {
+  const registry = getEntityRegistry()
   const configs: Record<string, EntityConfig> = {}
-  for (const [key, entry] of Object.entries(ENTITY_REGISTRY)) {
+  for (const [key, entry] of Object.entries(registry)) {
     configs[key] = entry.config as EntityConfig
   }
   return configs

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

@@ -68,9 +68,9 @@ export default function AcceptInvitePage() {
         }
 
         // Check email match
-        if (user.email.toLowerCase() !== data.data.email.toLowerCase()) {
+        if (!user.email || user.email.toLowerCase() !== data.data.email.toLowerCase()) {
           setStatus('email_mismatch')
-          setErrorMessage(`This invitation was sent to ${data.data.email}, but you are logged in as ${user.email}`)
+          setErrorMessage(`This invitation was sent to ${data.data.email}, but you are logged in as ${user.email || 'unknown'}`)
           return
         }
 

package/dist/templates/app/api/devtools/config/entities/route.ts

@@ -1,6 +1,12 @@
-import { auth } from "@nextsparkjs/core/lib/auth";
+import { getTypedSession } from "@nextsparkjs/core/lib/auth";
 import { NextResponse } from "next/server";
-import { ENTITY_REGISTRY } from "@nextsparkjs/registries/entity-registry";
+import { getEntityRegistry } from "@nextsparkjs/core/lib/entities/queries";
+import type { EntityConfig, ChildEntityDefinition } from "@nextsparkjs/core/lib/entities/types";
+
+// Type guard to check if entity is a full EntityConfig
+function isEntityConfig(entity: EntityConfig | ChildEntityDefinition): entity is EntityConfig {
+  return 'slug' in entity
+}
 
 /**
  * Entity information structure
@@ -39,7 +45,7 @@ interface EntityInfo {
 export async function GET(request: Request) {
   try {
     // Verify developer role
-    const session = await auth.api.getSession({ headers: request.headers });
+    const session = await getTypedSession(request.headers);
 
     if (!session?.user || session.user.role !== "developer") {
       return NextResponse.json(
@@ -53,9 +59,11 @@ export async function GET(request: Request) {
 
     // Build entity info array
     const entities: EntityInfo[] = [];
+    const registry = getEntityRegistry();
 
-    for (const [, entry] of Object.entries(ENTITY_REGISTRY)) {
+    for (const [, entry] of Object.entries(registry)) {
       const config = entry.config;
+      if (!isEntityConfig(config)) continue;
 
       entities.push({
         slug: config.slug,

package/dist/templates/app/api/devtools/config/theme/route.ts

@@ -1,4 +1,4 @@
-import { auth } from "@nextsparkjs/core/lib/auth";
+import { getTypedSession } from "@nextsparkjs/core/lib/auth";
 import { NextResponse } from "next/server";
 import { ThemeService } from "@nextsparkjs/core/lib/services/theme.service";
 
@@ -11,7 +11,7 @@ import { ThemeService } from "@nextsparkjs/core/lib/services/theme.service";
 export async function GET(request: Request) {
   try {
     // Verify developer role
-    const session = await auth.api.getSession({ headers: request.headers });
+    const session = await getTypedSession(request.headers);
 
     if (!session?.user || session.user.role !== "developer") {
       return NextResponse.json(

package/dist/templates/app/api/devtools/tests/[...path]/route.ts

@@ -1,4 +1,4 @@
-import { auth } from "@nextsparkjs/core/lib/auth";
+import { getTypedSession } from "@nextsparkjs/core/lib/auth";
 import { NextResponse } from "next/server";
 import { readFile, stat } from "fs/promises";
 import { join } from "path";
@@ -18,7 +18,7 @@ export async function GET(
 ) {
   try {
     // Verify developer role
-    const session = await auth.api.getSession({ headers: request.headers });
+    const session = await getTypedSession(request.headers);
 
     if (!session?.user || session.user.role !== "developer") {
       return NextResponse.json(

package/dist/templates/app/api/devtools/tests/route.ts

@@ -1,4 +1,4 @@
-import { auth } from "@nextsparkjs/core/lib/auth";
+import { getTypedSession } from "@nextsparkjs/core/lib/auth";
 import { NextResponse } from "next/server";
 import { readdir, stat } from "fs/promises";
 import { join } from "path";
@@ -61,7 +61,7 @@ async function buildFileTree(dirPath: string, basePath: string): Promise<FileTre
 export async function GET(request: Request) {
   try {
     // Verify developer role
-    const session = await auth.api.getSession({ headers: request.headers });
+    const session = await getTypedSession(request.headers);
 
     if (!session?.user || session.user.role !== "developer") {
       return NextResponse.json(

package/dist/templates/app/api/superadmin/subscriptions/route.ts

@@ -1,5 +1,5 @@
 import { NextRequest, NextResponse } from 'next/server';
-import { auth } from '@nextsparkjs/core/lib/auth';
+import { getTypedSession } from '@nextsparkjs/core/lib/auth';
 import { queryWithRLS } from '@nextsparkjs/core/lib/db';
 
 interface SubscriptionResult {
@@ -54,9 +54,7 @@ interface PlanDistribution {
 export async function GET(request: NextRequest) {
   try {
     // Get the current session using Better Auth
-    const session = await auth.api.getSession({
-      headers: request.headers
-    });
+    const session = await getTypedSession(request.headers);
 
     // Check if user is authenticated
     if (!session?.user) {

package/dist/templates/app/api/superadmin/teams/[teamId]/route.ts

@@ -1,5 +1,5 @@
 import { NextRequest, NextResponse } from 'next/server';
-import { auth } from '@nextsparkjs/core/lib/auth';
+import { getTypedSession } from '@nextsparkjs/core/lib/auth';
 import { queryWithRLS } from '@nextsparkjs/core/lib/db';
 
 interface TeamResult {
@@ -70,9 +70,7 @@ export async function GET(
     const { teamId } = await params;
 
     // Get the current session using Better Auth
-    const session = await auth.api.getSession({
-      headers: request.headers
-    });
+    const session = await getTypedSession(request.headers);
 
     // Check if user is authenticated
     if (!session?.user) {

package/dist/templates/app/api/superadmin/teams/route.ts

@@ -1,5 +1,5 @@
 import { NextRequest, NextResponse } from 'next/server';
-import { auth } from '@nextsparkjs/core/lib/auth';
+import { getTypedSession } from '@nextsparkjs/core/lib/auth';
 import { queryWithRLS } from '@nextsparkjs/core/lib/db';
 import { SYSTEM_ADMIN_TEAM_ID } from '@nextsparkjs/core/lib/api/auth/dual-auth';
 
@@ -34,9 +34,7 @@ interface TeamWithStats {
 export async function GET(request: NextRequest) {
   try {
     // Get the current session using Better Auth
-    const session = await auth.api.getSession({
-      headers: request.headers
-    });
+    const session = await getTypedSession(request.headers);
 
     // Check if user is authenticated
     if (!session?.user) {

package/dist/templates/app/api/superadmin/users/[userId]/route.ts

@@ -1,5 +1,5 @@
 import { NextRequest, NextResponse } from 'next/server';
-import { auth } from '@nextsparkjs/core/lib/auth';
+import { getTypedSession } from '@nextsparkjs/core/lib/auth';
 import { queryWithRLS } from '@nextsparkjs/core/lib/db';
 
 interface UserResult {
@@ -49,9 +49,7 @@ interface RouteParams {
 export async function GET(request: NextRequest, { params }: RouteParams) {
   try {
     // Get the current session using Better Auth
-    const session = await auth.api.getSession({
-      headers: request.headers
-    });
+    const session = await getTypedSession(request.headers);
 
     // Check if user is authenticated
     if (!session?.user) {
@@ -236,9 +234,7 @@ interface UserActionBody {
 export async function PATCH(request: NextRequest, { params }: RouteParams) {
   try {
     // Get the current session using Better Auth
-    const session = await auth.api.getSession({
-      headers: request.headers
-    });
+    const session = await getTypedSession(request.headers);
 
     // Check if user is authenticated
     if (!session?.user) {
@@ -410,9 +406,7 @@ export async function PATCH(request: NextRequest, { params }: RouteParams) {
 export async function DELETE(request: NextRequest, { params }: RouteParams) {
   try {
     // Get the current session using Better Auth
-    const session = await auth.api.getSession({
-      headers: request.headers
-    });
+    const session = await getTypedSession(request.headers);
 
     // Check if user is authenticated
     if (!session?.user) {

package/dist/templates/app/api/superadmin/users/route.ts

@@ -1,5 +1,5 @@
 import { NextRequest, NextResponse } from 'next/server';
-import { auth } from '@nextsparkjs/core/lib/auth';
+import { getTypedSession } from '@nextsparkjs/core/lib/auth';
 import { queryWithRLS } from '@nextsparkjs/core/lib/db';
 import type { User } from '@nextsparkjs/core/types/user.types';
 
@@ -26,9 +26,7 @@ import type { User } from '@nextsparkjs/core/types/user.types';
 export async function GET(request: NextRequest) {
   try {
     // Get the current session using Better Auth
-    const session = await auth.api.getSession({
-      headers: request.headers
-    });
+    const session = await getTypedSession(request.headers);
 
     // Check if user is authenticated
     if (!session?.user) {

package/dist/templates/app/api/user/plan-flags/route.ts

@@ -6,7 +6,7 @@
  */
 
 import { NextRequest, NextResponse } from 'next/server'
-import { auth } from '@nextsparkjs/core/lib/auth'
+import { getTypedSession } from '@nextsparkjs/core/lib/auth'
 import { getUserPlanAndFlags, updateUserPlan, updateUserFlags } from '@nextsparkjs/core/lib/user-data'
 import { z } from 'zod'
 import type { UserRole } from '@nextsparkjs/core/types/user.types'
@@ -29,9 +29,7 @@ const planFlagsUpdateSchema = z.object({
 export async function GET(request: NextRequest) {
   try {
     // Get session
-    const session = await auth.api.getSession({
-      headers: request.headers,
-    })
+    const session = await getTypedSession(request.headers)
 
     if (!session) {
       return NextResponse.json(
@@ -93,9 +91,7 @@ export async function GET(request: NextRequest) {
 export async function PATCH(request: NextRequest) {
   try {
     // Get session
-    const session = await auth.api.getSession({
-      headers: request.headers,
-    })
+    const session = await getTypedSession(request.headers)
 
     if (!session) {
       return NextResponse.json(
@@ -189,9 +185,7 @@ export async function PATCH(request: NextRequest) {
 export async function POST(request: NextRequest) {
   try {
     // Get session
-    const session = await auth.api.getSession({
-      headers: request.headers,
-    })
+    const session = await getTypedSession(request.headers)
 
     if (!session) {
       return NextResponse.json(

package/dist/templates/app/api/v1/[entity]/[id]/child/[childType]/[childId]/route.ts

@@ -7,7 +7,7 @@
 import { NextRequest, NextResponse } from 'next/server'
 import { queryWithRLS } from '@nextsparkjs/core/lib/db'
 import { resolveEntityFromUrl } from '@nextsparkjs/core/lib/api/entity/resolver'
-import { getChildEntities, getEntity, type EntityName } from '@nextsparkjs/core/lib/entities/queries'
+import { getChildEntities, getEntity } from '@nextsparkjs/core/lib/entities/queries'
 
 interface RouteParams {
   entity: string
@@ -35,7 +35,7 @@ export async function PUT(
     }
 
     // Get child entities for this parent entity from registry
-    const childEntities = getChildEntities(resolution.entityName as EntityName)
+    const childEntities = getChildEntities(resolution.entityName)
     const childEntity = childEntities.find(child => child.name === childType)
 
     if (!childEntity) {
@@ -46,7 +46,7 @@ export async function PUT(
     }
 
     // Get child entity configuration from registry
-    const childConfig = getEntity(childType as EntityName)
+    const childConfig = getEntity(childType)
     if (!childConfig) {
       return NextResponse.json(
         { error: `Child entity configuration "${childType}" not found` },
@@ -158,7 +158,7 @@ export async function DELETE(
     }
 
     // Get child entities for this parent entity from registry
-    const childEntities = getChildEntities(resolution.entityName as EntityName)
+    const childEntities = getChildEntities(resolution.entityName)
     const childEntity = childEntities.find(child => child.name === childType)
 
     if (!childEntity) {

package/dist/templates/app/api/v1/[entity]/[id]/child/[childType]/route.ts

@@ -7,7 +7,7 @@
 import { NextRequest, NextResponse } from 'next/server'
 import { queryWithRLS } from '@nextsparkjs/core/lib/db'
 import { resolveEntityFromUrl } from '@nextsparkjs/core/lib/api/entity/resolver'
-import { getChildEntities, getEntity, type EntityName } from '@nextsparkjs/core/lib/entities/queries'
+import { getChildEntities, getEntity } from '@nextsparkjs/core/lib/entities/queries'
 
 
 interface RouteParams {
@@ -34,7 +34,7 @@ export async function GET(
     }
 
     // Check if child entity exists using the new registry system
-    const childEntities = getChildEntities(resolution.entityName as EntityName)
+    const childEntities = getChildEntities(resolution.entityName)
     const childEntity = childEntities.find(child => child.name === childType)
 
     if (!childEntity) {
@@ -45,7 +45,7 @@ export async function GET(
     }
 
     // Get child config from registry
-    const childConfig = getEntity(childType as EntityName)
+    const childConfig = getEntity(childType)
     if (!childConfig) {
       return NextResponse.json(
         { error: `Child entity configuration "${childType}" not found` },
@@ -103,7 +103,7 @@ export async function POST(
     }
 
     // Check if child entity exists using the new registry system
-    const childEntities = getChildEntities(resolution.entityName as EntityName)
+    const childEntities = getChildEntities(resolution.entityName)
     const childEntity = childEntities.find(child => child.name === childType)
     console.log(`[ChildAPI] Found child entities for ${entity}:`, childEntities.map(c => c.name))
     console.log(`[ChildAPI] Looking for childType:`, childType)
@@ -117,7 +117,7 @@ export async function POST(
     }
 
     // Get child config from registry
-    const childConfig = getEntity(childType as EntityName)
+    const childConfig = getEntity(childType)
     console.log(`[ChildAPI] Child config for ${childType}:`, childConfig)
     if (!childConfig) {
       return NextResponse.json(

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

@@ -1,5 +1,5 @@
 import { notFound, redirect } from 'next/navigation'
-import { getEntity, ENTITY_REGISTRY, getChildEntities, type EntityName } from '@nextsparkjs/core/lib/entities/queries'
+import { getEntity, getEntityRegistry, getChildEntities } from '@nextsparkjs/core/lib/entities/queries'
 import { EntityDetailWrapper } from '@nextsparkjs/core/components/entities/wrappers/EntityDetailWrapper'
 import type { Metadata } from 'next'
 import { TemplateService } from '@nextsparkjs/core/lib/services/template.service'
@@ -33,11 +33,12 @@ async function EntityDetailPage({ params }: PageProps) {
   }
 
   // Verificar que la entidad existe en el registro
-  if (!(entitySlug in ENTITY_REGISTRY)) {
+  const registry = getEntityRegistry()
+  if (!(entitySlug in registry)) {
     notFound()
   }
 
-  const entityConfig = getEntity(entitySlug as EntityName)
+  const entityConfig = getEntity(entitySlug)
   if (!entityConfig || !isEntityConfig(entityConfig)) {
     notFound()
   }
@@ -60,7 +61,7 @@ async function EntityDetailPage({ params }: PageProps) {
   }
 
   // Get child entities for this parent entity
-  const childEntities = getChildEntities(entitySlug as EntityName)
+  const childEntities = getChildEntities(entitySlug)
   const childEntityNames = childEntities.map(child => child.name)
 
   return (
@@ -76,13 +77,14 @@ export async function generateMetadata({ params }: PageProps): Promise<Metadata>
   const resolvedParams = await params
   const entitySlug = resolvedParams.entity
 
-  if (!(entitySlug in ENTITY_REGISTRY)) {
+  const registry = getEntityRegistry()
+  if (!(entitySlug in registry)) {
     return {
       title: 'Not Found - Dashboard'
     }
   }
 
-  const entityConfig = getEntity(entitySlug as EntityName)
+  const entityConfig = getEntity(entitySlug)
   if (!entityConfig || !isEntityConfig(entityConfig)) {
     return {
       title: 'Not Found - Dashboard'

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

@@ -1,5 +1,5 @@
 import { notFound } from 'next/navigation'
-import { getEntity, ENTITY_REGISTRY, type EntityName } from '@nextsparkjs/core/lib/entities/queries'
+import { getEntity, getEntityRegistry } from '@nextsparkjs/core/lib/entities/queries'
 import { EntityListWrapper } from '@nextsparkjs/core/components/entities/wrappers/EntityListWrapper'
 import type { Metadata } from 'next'
 import { getTemplateOrDefault } from '@nextsparkjs/core/lib/template-resolver'
@@ -20,11 +20,12 @@ async function EntityListPage({ params }: PageProps) {
   const entitySlug = resolvedParams.entity
 
   // Verificar que la entidad existe usando el nuevo registry
-  if (!(entitySlug in ENTITY_REGISTRY)) {
+  const registry = getEntityRegistry()
+  if (!(entitySlug in registry)) {
     notFound()
   }
 
-  const entityConfig = getEntity(entitySlug as EntityName)
+  const entityConfig = getEntity(entitySlug)
   if (!entityConfig || !isEntityConfig(entityConfig)) {
     notFound()
   }
@@ -61,13 +62,14 @@ export async function generateMetadata({ params }: PageProps): Promise<Metadata>
   const resolvedParams = await params
   const entitySlug = resolvedParams.entity
 
-  if (!(entitySlug in ENTITY_REGISTRY)) {
+  const registry = getEntityRegistry()
+  if (!(entitySlug in registry)) {
     return {
       title: 'Not Found - Dashboard'
     }
   }
 
-  const entityConfig = getEntity(entitySlug as EntityName)
+  const entityConfig = getEntity(entitySlug)
   if (!entityConfig || !isEntityConfig(entityConfig)) {
     return {
       title: 'Not Found - Dashboard'

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

@@ -28,6 +28,28 @@ function DefaultMainDashboardLayout({
   const entities = allEntities.filter(isEntityConfig)
   const serializedEntities: SerializableEntityConfig[] = entities.map(serializeEntityConfig)
 
+  // DEBUG: Log entity data to trace issues
+  console.log('[MainLayout] All entities count:', allEntities.length)
+  console.log('[MainLayout] Filtered entities count:', entities.length)
+  if (entities.length > 0) {
+    const first = entities[0]
+    console.log('[MainLayout] First entity sample:', {
+      slug: first.slug,
+      enabled: first.enabled,
+      hasUi: !!first.ui,
+      showInMenu: first.ui?.dashboard?.showInMenu
+    })
+  }
+  if (serializedEntities.length > 0) {
+    const firstSer = serializedEntities[0]
+    console.log('[MainLayout] First serialized entity sample:', {
+      slug: firstSer.slug,
+      enabled: firstSer.enabled,
+      hasUi: !!(firstSer as any).ui,
+      showInMenu: (firstSer as any).ui?.dashboard?.showInMenu
+    })
+  }
+
   return (
     <DashboardShell entities={serializedEntities}>
       {children}

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

@@ -78,7 +78,7 @@ function DefaultDashboardPage() {
         <div className="mb-8" data-cy="dashboard-welcome">
           <h1 className="text-3xl font-bold">{t('title')}</h1>
           <p className="text-muted-foreground mt-1">
-            {t('welcome', { name: user.firstName || user.email })}
+            {t('welcome', { name: user?.firstName || user?.email || '' })}
           </p>
         </div>
 

package/dist/templates/contents/themes/starter/README.md

@@ -0,0 +1,35 @@
+# Starter Theme
+
+A minimal NextSpark theme to kickstart your project.
+
+## Features
+
+- **Tasks Entity** - Complete example with CRUD
+- **Analytics Dashboard** - Custom dashboard page
+- **Hero Block** - Page builder block example
+- **6 Languages** - en, es, fr, it, de, pt
+- **Cypress Tests** - Full test infrastructure
+
+## Quick Start
+
+```bash
+# Install dependencies
+pnpm install
+
+# Configure environment
+cp .env.example .env.local
+
+# Run migrations
+pnpm db:migrate
+
+# Start development
+pnpm dev
+```
+
+## Documentation
+
+See `docs/` folder for detailed documentation.
+
+## License
+
+MIT

package/dist/templates/contents/themes/starter/about/business.md

@@ -0,0 +1,16 @@
+# Starter Theme
+
+A minimal NextSpark theme designed to help you get started quickly.
+
+## Use Cases
+
+- Internal tools
+- SaaS applications
+- Project management
+- Team collaboration
+
+## Target Audience
+
+- Developers building new applications
+- Teams needing a quick start template
+- Projects requiring multi-language support

package/dist/templates/contents/themes/starter/about/features.json

@@ -0,0 +1,28 @@
+{
+  "features": [
+    {
+      "id": "tasks",
+      "title": "Task Management",
+      "description": "Complete task management with status tracking, priorities, and due dates",
+      "icon": "CheckSquare"
+    },
+    {
+      "id": "analytics",
+      "title": "Analytics Dashboard",
+      "description": "Visual analytics to track team productivity and task completion",
+      "icon": "BarChart3"
+    },
+    {
+      "id": "teams",
+      "title": "Team Collaboration",
+      "description": "Multi-tenant support with role-based access control",
+      "icon": "Users"
+    },
+    {
+      "id": "i18n",
+      "title": "Multi-language",
+      "description": "Built-in support for 6 languages with easy extensibility",
+      "icon": "Globe"
+    }
+  ]
+}

package/dist/templates/contents/themes/starter/components/.gitkeep

@@ -0,0 +1 @@
+# Add your theme-specific components here

package/dist/templates/contents/themes/starter/components/analytics/RecentActivity.tsx

@@ -0,0 +1,78 @@
+'use client'
+
+import { useTranslations } from 'next-intl'
+import { Card, CardContent, CardHeader, CardTitle } from '@nextsparkjs/core/components/ui/card'
+import { cn } from '@nextsparkjs/core/lib/utils'
+import { CheckCircle, Plus, Pencil, type LucideIcon } from 'lucide-react'
+
+interface ActivityItem {
+  id: string
+  action: 'created' | 'completed' | 'updated'
+  task: string
+  time: string
+}
+
+// Sample activity data
+const recentActivities: ActivityItem[] = [
+  { id: '1', action: 'completed', task: 'Update user authentication flow', time: '5 minutes ago' },
+  { id: '2', action: 'created', task: 'Design new dashboard layout', time: '12 minutes ago' },
+  { id: '3', action: 'updated', task: 'Fix pagination bug in reports', time: '28 minutes ago' },
+  { id: '4', action: 'completed', task: 'Write API documentation', time: '1 hour ago' },
+  { id: '5', action: 'created', task: 'Implement dark mode toggle', time: '2 hours ago' },
+  { id: '6', action: 'completed', task: 'Code review for PR #42', time: '3 hours ago' },
+]
+
+const actionConfig: Record<ActivityItem['action'], { icon: LucideIcon; color: string }> = {
+  completed: {
+    icon: CheckCircle,
+    color: 'text-green-600 dark:text-green-400 bg-green-100 dark:bg-green-900/30',
+  },
+  created: {
+    icon: Plus,
+    color: 'text-blue-600 dark:text-blue-400 bg-blue-100 dark:bg-blue-900/30',
+  },
+  updated: {
+    icon: Pencil,
+    color: 'text-orange-600 dark:text-orange-400 bg-orange-100 dark:bg-orange-900/30',
+  },
+}
+
+export function RecentActivity() {
+  const t = useTranslations('analytics')
+
+  return (
+    <Card data-cy="recent-activity">
+      <CardHeader>
+        <CardTitle>{t('activity.title')}</CardTitle>
+      </CardHeader>
+      <CardContent>
+        <div className="space-y-4">
+          {recentActivities.map((activity) => {
+            const config = actionConfig[activity.action]
+            const Icon = config.icon
+
+            return (
+              <div
+                key={activity.id}
+                className="flex items-start gap-3"
+                data-cy="activity-item"
+              >
+                <div className={cn('p-1.5 rounded-full', config.color)}>
+                  <Icon className="h-3 w-3" />
+                </div>
+                <div className="flex-1 min-w-0">
+                  <p className="text-sm font-medium leading-tight truncate">
+                    {activity.task}
+                  </p>
+                  <p className="text-xs text-muted-foreground mt-0.5">
+                    {t(`activity.actions.${activity.action}`)} - {activity.time}
+                  </p>
+                </div>
+              </div>
+            )
+          })}
+        </div>
+      </CardContent>
+    </Card>
+  )
+}