@create-lft-app/nextjs 1.0.0 → 1.0.2

package/template/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lft-app",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "private": true,
   "scripts": {
     "dev": "next dev --turbopack",

package/template/public/logolft.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Capa_1" data-name="Capa 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 1600">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #fff;
+      }
+    </style>
+  </defs>
+  <path class="cls-1" d="M1357.03,701.25c31.01,5.88,33.1,52.52,27.83,76.47-22.02,100.1-115.04,46.89-183.73,49.56-10.3.4-43.49,5.78-50.12-1.42-3.21-3.48-2.63-13.05-6.62-14.26l-41.66,2.43c-34.11-3.39-67.14-12.54-99.12-24.42-3.54-1.31-13.64-6.57-16.05-6.81-3.98-.39-9.48,18.31-10.5,21.91-2.13,7.53-9.74,44.52-6.25,49.46,28.53,9.37,58.36,16.51,84.61,31.54,37.82,21.65,50.9,52.08,52.99,94.93,4.63,94.94-46.9,183.67-43.23,278.51.83,1.31,2.16,1.84,3.47,2.48,42.36,20.6,101.39,27.22,147.14,40.48,19.22,5.57,47.76,13.45,52.3,35.87-.82,3.35-14.71.86-17.76.58,1.38,4.7,7.77,8.18,4.82,13.76-7.61,1.64-13.81-2.77-20.7-4.83.47,5.61.13,11.72-6.52,12.84-13.32,2.25-33.11-9.47-46.9-12.55-24.86-5.56-52.66-5.96-78-9.36-23.86-3.2-84.21-12.25-102.38-25.68-26.78-19.8-7.33-73.2-3.62-101.89,3.83-29.62,3.09-61.5-2.16-90.87-1.74-9.72-10.28-47.05-17.2-52.29-7.82-5.92-31.28-8.13-41.21-11.54l-1.58.71c-37.59,66.83-95.48,120.07-123.33,192.88l.89,2.01,57.74,47.51c30.52,20.18,68.99,29.77,93.2,58.68,4.4,5.26,18.1,24.41,13.03,30.84-4.06,5.15-17.23-3.77-21.93-5.55-1.46,1.6,8.78,23.05-15.88,7.94.78,4.15-1.93,9.73-6.44,9.82-3.49.08-19.68-10.85-24.32-13.32-47.18-25.07-96.81-45.6-141.89-74.52-13.74-8.81-33.8-21.96-43.74-34.68-21.89-28.02,13.48-38.57,27.59-57.74,27.72-37.66,48.37-93.86,54.48-140.1.28-2.11,1.87-8.69.35-9.66-17.03-.05-32.2-4.93-47.96-10.62-3.01-1.09-6.97-4.4-9.94-3.59-12.58,12.25-25.25,24.46-37.47,37.06-68.16,70.26-120.06,129.98-220.14,156.1-97.98,25.57-214.24-15.58-256.51-111.22-13.98-31.62-35.69-110-27.18-142.69,1.09-4.2,4.12-11.04,9.37-9.74,22.01,42.53,42.67,89.23,74.59,125.42,33.9,38.44,85.05,66.63,137.78,54.44,83.93-19.39,133.44-147.97,156.74-221.48,19.62-61.86,25.84-120.74,57.35-178.92,38.23-70.59,119.82-178.6,181.17-229.81,30.16-25.17,65.38-42.19,92.36-71.43,21.15-22.92,36.82-49.98,54.76-75.29,16.75-23.64,34.7-48.2,58.38-65.22.36-1.67-.44-2.01-1.62-2.82-4.61-3.19-17.46-6.1-23.57-9.19-20.96-10.61-25.97-29.85-34.12-50.26-5.28-13.23-11.51-28.59-15.41-42.17-1.26-4.38-4.74-14.55-1.82-18.23,4.4-5.54,25.15.7,31.39,2.56,16.65,4.96,33.94,12.61,48.63,21.84,3.4-.23,4.11-29.64,7.94-33.73,2.18-2.32,5.81-1.38,8.4-.48,21.79,7.57,73.56,68.69,76.36,91.42.86,6.99-.86,16.05,3.54,22.27,7.53,10.61,37.47,13.53,49.71,18.79,12.77,5.49,11.9,15.47,16.88,26.8,14.52,33.07,46.21,37.72,71.41,58.63,14.53,12.05,18.39,23.96,5.14,39.33-3.96,4.6-20.7,17.67-26.18,18.99-2.52.61-8.02-.12-9.94,1.47-3.67,3.05-3.87,13.24-11.73,14.57-22.41,3.8-51.48-23.48-73.66-26.49-20.94-2.84-42.45,6.16-63.65,1.84-5.18,11.86-11.9,23.1-15.5,35.63-10.79,37.53-5.56,77.64,4.4,114.71,3.76,2.63,35.59-5.35,40.77-7.99,6.91-3.52,3.9-9.76,9.21-13.63,4.22-3.08,30.06-13.27,35.41-14.23,4.58-.82,8.94.25,13.28-1.36,9.56-15.59,5.17-38.42,23.46-48.26,10.06-5.41,12.91-2.27,22.36-2.37,17.46-.18,28.49-22.48,51.59-23.95,59.64-3.79,67.17,83.41,45.01,122.44-18.42,32.44-58.07,21.19-88.54,25.63-17.09,2.49-11.36,4.9-20.48,14.27-5.87,6.03-32.12,18.82-40.43,20.12-8.98,1.4-21.02,1.07-23.11-9.69l-69.8,38.88-1.66,2.8c25.76,1.17,49.1,15.8,73.95,21.89,4.17-.37,4.54-12.26,11.14-13.73,8.67-1.93,23.3,2.26,32.51,2.81,3.98.24,15.23.58,18.47-.48,5.15-1.68,4.56-11.56,9.48-14.34,7.53-4.26,17.54,3.37,20.27,2.36,5.92-5.09,9.2-13.77,14.84-18.87,15.62-14.15,68.98-22.72,87.61-14.1,12.34,5.71,5.1,14.32,1.76,23.56,4.63.6,11.05-.82,15.39,0ZM1043.9,236.57c6.28,3.58,6.81-7.86,13.39-3.93,3.24,1.93,9.58,10.3,12.17,13.64,13.68,17.55,24.14,37.98,37.49,55.82,8.99,6.24,9.05-7.2,8.12-13.07-3.09-19.53-42.66-66.29-58.32-79.67-1.29-1.1-8.88-7.5-9.94-6.44l-2.91,33.66ZM1113.32,340.91c21.88-.3,40.72,13.84,60.77,19.13,2.47.65,14.01,3.55,14.67.19l-14.93-26.73c-8-2.44-16.14-3.9-24.05-6.73-10.65-3.81-23.1-12.14-34.09-13.56-6.12-.79-13.03.29-19.23-1.61-16.36-20.19-28.18-41.86-47.65-59.56-23.34-21.22-53.11-39.01-85.39-40.19-2.45,2.42,18.7,58.42,21.67,65.19,6.69,15.27,11.13,23.31,26.62,30.96,20,9.87,46.27,11.26,59.92,30.9-13.28-1.3-17.14-12.26-32.03-9.68-17.59,3.05-53.75,56.58-64.68,72.32-18.38,26.47-34.54,55.63-57.12,78.88-28.95,29.8-67.44,49.27-99.79,74.93-22.02,17.47-40.39,38.3-58.07,60.06-47.6,58.57-99.44,126.64-126.12,197.5-40.8,108.36-61.02,288.18-169.43,350.75-111.72,64.48-207.41-55.8-246.32-147.4-.97-2.28-2.08-5.92-4.13-7.27,3.68,66.85,19.35,133.62,70.94,179.71,70.03,62.56,170.75,47.7,245.03.78,68.68-43.38,91.03-118.94,116.58-191.73-7.43-24.27-14.5-50.59-13.16-76.11,16.22,25.65,30.71,54.25,51.16,76.9,20.73,22.97,79.89,59.26,110.67,62.05,1.75.16,8.22.39,9.22-.19,14.83-28.25,32.58-58.41,62.74-72.25,1.24,1.37-6.48,19.41-7.76,22.51-13.13,31.66-28.71,62.39-42.04,93.96-16.58,39.27-38.87,113.41-72.79,139.65-5.66,4.38-16.02,6.69-14.99,15.9,1.49,13.33,21.37,26.95,31.85,33.76,48.45,31.47,106.67,54.11,153.72,87.51,3.1,2.2,11.99,11.57,14.95,10.7,6.29-1.85-7.96-16.46-5.35-20.8,3.69-3.65,17.12,14,21.83,14.89-.63-8.46-9.91-14.3-8.92-22.83l27.78,14.89c.73-.79-1.9-3.98-2.57-4.87-23.56-31.4-46.78-33.1-78.5-50.55-25.78-14.18-61.51-42.58-82.73-63.2-3.63-3.53-4.87-3.77-3.19-9.17,4.39-14.09,25.7-44.9,34.55-58.76,45.91-71.91,138.05-178.92,131.44-267.61-1.93-25.9-14.28-46.55-30.25-66.04-14.49-17.68-56.58-62.36-77.17-68.76-21.39-6.02-43.54-.96-65.1.98-1.1.1-3.37,1.18-3.17-.69,39.67-15.35,86.09-17.17,119.13-46.16,9.7-8.51,36.26-38.55,37.74-50.62,3.48-28.54-19.78-83.05-9.46-105.75.53-1.16,1.03-2.73,2.47-2.98-.56,13.06.59,26.01,3.45,38.75,6.32,28.2,23.41,58.72,23.98,87.65.44,22.54-9.93,43.87,13.61,58.41,26.29,16.25,102.71,37.32,133.23,35.61,6.11-.34,25.07-2.97,28.32-8.41s-1.47-22.03-2.04-28.87c-.44-5.27,1.47-21.83-2.04-24.77-23.28-7.25-54.04-23.69-78.8-20.3-5.85.8-10.94,6.2-17.46,4.87-.04-8.21,10.83-10.9,15.85-15.67,1.19-10.48,2.92-20.99,4-31.48,2.19-21.18,5.67-51.7,2.69-72.17-3.67-25.23-17.76-58.34-12.32-83.38,1.77-8.13,6.61-16.83,7.54-25.22,3.17-28.52-8.96-61.78-12.66-90.37-1.1-8.47-5.07-34.87.9-40.51s3.68,9.69,3.93,12.85c2.08,26.14,8.6,67.02,41.2,69.98,19.99,1.82,39.69-6.4,60.28-2.71,22.23,3.99,41.69,21.18,61.3,26.06,1.69.42,3.23.71,4.97.49l-.98-8.45-78.43-38.2c17,.95,37.13,2.44,53.38,7.65,16.46,5.28,31.66,17.73,48.36,23.03,2.47.01,17.69-10.65,18.24-12.54,2.35-8.08-14.44-12.26-11.34-17.2,4.13-6.59,16.95,5.2,19.91,8.96,3.37-16.52-22.13-30.15-34.58-36.9-10.35-5.62-25.26-9.71-32.85-18.78-2.26-2.7-5.35-9.85-7.58-11.28-2.43-1.57-17.42-4.06-20.27-3.51-7.01,1.35-7.85,11.95-21.4,8.45-11.27-2.91-10.11-12.78-10.01-22.25-9.12-3.84-19.83-7.05-27.68-13ZM1265.96,507.93c-10.98,1.49-24.14,10.21-32.5,17.12,0,4.48,27.16,1.17,31.29,1.45,29.14,2,34.05,24.15,37.19,49.18l-4.99,33.7c6.6,12.91,13.49-5.72,15.66-12.11,11.63-34.29.33-95.71-46.64-89.33ZM1289.02,575.17c-4.61-11.77-14.98-29.53-26.48-35.56-8.78-4.6-35.73-7.4-46.49-8.11-10.74-.7-17.97-2-23.5,8.25-7.13,13.23-8.76,43.16.33,55.62,1.77,2.42,4.25,4.68,6.85,1.98.34-10.91-3.04-22.69-1.91-33.47,1.93-18.43,13.27-7.56,23.74-4.14,21.95,7.18,44.98,10.4,67.46,15.42ZM1167.69,583.39c-7.24.78-34.22,10.3-36.32,17.31-1.94,6.46,9.76,24.57,14.67,29.55,12.94-3.32,36.43-25.96,35.83-39.68-.35-8.07-8.1-7.84-14.18-7.18ZM1070.93,684.08c4.14,5.12,17.48-2.87,22.21-5.5,7.65-4.24,15.95-10.43,22.64-16.08,4.97-4.2,15.96-12.6,16.06-19.14.11-6.91-7.9-30.1-14.56-32.93-4.82-2.05-17.27,2.49-22.58,4.18-7.26,2.31-22.88,6.46-23.96,14.75-1.75,13.44-2.27,36.11-1.13,49.58.16,1.84.09,3.59,1.33,5.13ZM1294.99,707.22c7.38.6,34.98-11.38,35.63-18.55.29-3.19-10.73-5.89-13.42-6.16-16.1-1.62-54.96,9.83-65.74,22.36-14.17,16.47,14.73,21.47,26.12,22.23,19.57,1.31,42.21-3.86,60.12,5.4,6.53,3.38,15.34,10.53,16.62,18.13,2.36,13.95-.31,41.63-4.94,55.13-1.06,3.08-7.57,11.48-1.06,13.43,10.17,3.06,19.02-18.37,21.42-25.84,6.17-19.23,10.85-73.17-14.16-80.71-15.24-4.6-35,2.74-50.14,1.49-4.08-.34-11.09-1.82-10.43-6.92ZM1221.25,718.27c-8.47,2.3,5.32,17.08,9.65,18.8,7.36,2.92,12.2-5.56,7.52-11.52-2.09-2.66-13.97-8.15-17.18-7.28ZM1210.48,736.13c-2.06-3.17-38.69-3.77-44.07-3.13-17.54,2.07-7.93,34.12,6.95,40.75,28.52,12.69,39.35-13.78,37.12-37.62ZM1252.29,1328.64c1.85-1.57-9.93-7.92-10.89-8.45-25.56-14.15-54.45-16.18-82.43-22.8-32.57-7.7-64.7-17.18-97.29-24.81-7.77-3.03-7.18-21.72-6.92-28.8,2-53.92,21.32-117.42,31.28-171.23,11.26-60.8,22.37-127.31-30.82-171.73-8.14-6.8-17.37-13.04-27.26-16.9-1.07,1.15,7.68,14.16,8.7,16.6,10.64,25.39,8.35,84.93,5.04,112.81-3.3,27.85-11.4,55.17-16.42,82.85-5.7,31.42-9.32,63.19-14.52,94.68-4.77,28.93-16.19,65.94-13.63,94.65.56,6.26,3.45,10.7,7.97,14.86,29.01,26.71,118.94,27.99,158.08,34.51,19.29,3.21,37.63,11.77,56.8,15.55l1.38-2.2c-.18-3.09-8.99-16.41-4.23-17.53l23.26,8.87-10.91-15.87c7.91.38,14.5,6.49,22.82,4.95Z"/>
+  <path class="cls-1" d="M1081.41,325.87c-4.01,6.44-36.94-9.19-42.9-11.92-6.17-2.82-27.61-12.57-31.46-16.19-6.05-5.7-14.87-40.74-15.71-49.8-1.57-16.76,4.82-12.01,15.97-7.04,23.53,10.48,46.41,37.04,61.15,57.97,3.04,4.32,15.8,22.4,12.95,26.98Z"/>
+</svg>

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

@@ -1,4 +1,3 @@
-import { Header } from "@/components/layout/header"
 import { Widget, WidgetGrid } from "@/components/dashboard/widget"
 import {
   Users,
@@ -11,92 +10,102 @@ import {
   CheckCircle,
 } from "lucide-react"
 
-export default function DashboardPage() {
-  return (
-    <>
-      <Header title="Dashboard" />
-      <main className="flex-1 p-6">
-        <div className="space-y-6">
-          <div>
-            <h2 className="text-2xl font-bold tracking-tight">
-              Bienvenido de vuelta
-            </h2>
-            <p className="text-muted-foreground">
-              Aquí está el resumen de tu actividad
-            </p>
-          </div>
+function getGreeting(): string {
+  const hour = new Date().getHours()
+  if (hour >= 5 && hour < 12) return "Buenos días"
+  if (hour >= 12 && hour < 19) return "Buenas tardes"
+  return "Buenas noches"
+}
 
-          <WidgetGrid>
-            <Widget
-              title="Usuarios Activos"
-              icon={<Users className="h-4 w-4" />}
-              value="1,234"
-              subValue="usuarios registrados"
-              trend={{ value: 12.5, positive: true }}
-              href="/admin/users"
-            />
-            <Widget
-              title="Ingresos"
-              icon={<DollarSign className="h-4 w-4" />}
-              value="$45,231"
-              subValue="este mes"
-              trend={{ value: 8.2, positive: true }}
-              variant="success"
-            />
-            <Widget
-              title="Organizaciones"
-              icon={<Building2 className="h-4 w-4" />}
-              value="89"
-              subValue="organizaciones activas"
-              trend={{ value: 3.1, positive: true }}
-              href="/admin/organizations"
-            />
-            <Widget
-              title="Actividad"
-              icon={<Activity className="h-4 w-4" />}
-              value="2,345"
-              subValue="eventos hoy"
-              trend={{ value: 5.4, positive: true }}
-            />
-          </WidgetGrid>
+export default function DashboardPage() {
+  const greeting = getGreeting()
 
-          <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
-            <WidgetGrid>
-              <Widget
-                title="Documentos Pendientes"
-                icon={<FileText className="h-4 w-4" />}
-                value="23"
-                subValue="requieren revisión"
-                variant="warning"
-              />
-              <Widget
-                title="Alertas"
-                icon={<AlertCircle className="h-4 w-4" />}
-                value="5"
-                subValue="alertas activas"
-                variant="danger"
-              />
-            </WidgetGrid>
+  return (
+    <div className="flex flex-col h-screen">
+      {/* Header */}
+      <header className="h-[70px] flex items-center border-b border-border px-6">
+        <div>
+          <h1 className="text-lg font-medium">Dashboard</h1>
+          <p className="text-xs text-[#878787]">Resumen de actividad</p>
+        </div>
+      </header>
 
-            <WidgetGrid>
-              <Widget
-                title="Tareas Completadas"
-                icon={<CheckCircle className="h-4 w-4" />}
-                value="156"
-                subValue="esta semana"
-                variant="success"
-              />
-              <Widget
-                title="Crecimiento"
-                icon={<TrendingUp className="h-4 w-4" />}
-                value="+24%"
-                subValue="vs mes anterior"
-                trend={{ value: 24, positive: true }}
-              />
-            </WidgetGrid>
-          </div>
+      {/* Content */}
+      <div className="flex-1 overflow-auto p-6">
+        {/* Greeting */}
+        <div className="mb-8">
+          <h2 className="text-[28px] font-medium leading-tight">
+            {greeting}{" "}
+            <span className="text-[#606060]">Usuario,</span>
+          </h2>
+          <p className="text-[#878787] text-sm mt-1">
+            aquí está el resumen de tu actividad.
+          </p>
         </div>
-      </main>
-    </>
+
+        {/* Widgets Grid */}
+        <WidgetGrid>
+          <Widget
+            title="Usuarios Activos"
+            icon={<Users className="h-4 w-4" />}
+            value="1,234"
+            subValue="usuarios registrados"
+            trend={{ value: 12.5, positive: true }}
+            href="/admin/users"
+          />
+          <Widget
+            title="Ingresos"
+            icon={<DollarSign className="h-4 w-4" />}
+            value="$45,231"
+            subValue="este mes"
+            trend={{ value: 8.2, positive: true }}
+            variant="success"
+          />
+          <Widget
+            title="Organizaciones"
+            icon={<Building2 className="h-4 w-4" />}
+            value="89"
+            subValue="organizaciones activas"
+            trend={{ value: 3.1, positive: true }}
+            href="/admin/organizations"
+          />
+          <Widget
+            title="Actividad"
+            icon={<Activity className="h-4 w-4" />}
+            value="2,345"
+            subValue="eventos hoy"
+            trend={{ value: 5.4, positive: true }}
+          />
+          <Widget
+            title="Documentos Pendientes"
+            icon={<FileText className="h-4 w-4" />}
+            value="23"
+            subValue="requieren revisión"
+            variant="warning"
+          />
+          <Widget
+            title="Alertas"
+            icon={<AlertCircle className="h-4 w-4" />}
+            value="5"
+            subValue="alertas activas"
+            variant="danger"
+          />
+          <Widget
+            title="Tareas Completadas"
+            icon={<CheckCircle className="h-4 w-4" />}
+            value="156"
+            subValue="esta semana"
+            variant="success"
+          />
+          <Widget
+            title="Crecimiento"
+            icon={<TrendingUp className="h-4 w-4" />}
+            value="+24%"
+            subValue="vs mes anterior"
+            trend={{ value: 24, positive: true }}
+          />
+        </WidgetGrid>
+      </div>
+    </div>
   )
 }

package/template/src/app/layout.tsx

@@ -1,8 +1,9 @@
 import type { Metadata } from "next"
 import { Inter } from "next/font/google"
 import "./globals.css"
-import { SidebarProvider, SidebarInset } from "@/components/ui/sidebar"
-import { AdminSidebar } from "@/components/layout/admin-sidebar"
+import { SidebarProvider } from "@/components/layout/sidebar-context"
+import { Sidebar } from "@/components/layout/midday-sidebar"
+import { MainContent } from "@/components/layout/main-content"
 import { Toaster } from "@/components/ui/sonner"
 
 const inter = Inter({ subsets: ["latin"] })
@@ -17,21 +18,16 @@ export default function RootLayout({
 }: {
   children: React.ReactNode
 }) {
-  // Usuario de ejemplo - en producción esto vendría de Supabase Auth
-  const user = {
-    email: "admin@ejemplo.com",
-    full_name: "Admin Usuario",
-    role: "Super Admin",
-  }
-
   return (
     <html lang="es" className="dark" suppressHydrationWarning>
       <body className={`${inter.className} font-sans antialiased`}>
         <SidebarProvider>
-          <AdminSidebar user={user} />
-          <SidebarInset>
-            {children}
-          </SidebarInset>
+          <div className="min-h-screen bg-background flex">
+            <Sidebar />
+            <MainContent>
+              {children}
+            </MainContent>
+          </div>
         </SidebarProvider>
         <Toaster />
       </body>

package/template/src/components/layout/midday-sidebar.tsx

@@ -2,28 +2,18 @@
 
 import Link from 'next/link'
 import { usePathname } from 'next/navigation'
-import { useState, useRef, useCallback, useEffect } from 'react'
+import { useRef, useCallback } from 'react'
 import { cn } from '@/lib/utils'
 import { Icons } from '@/components/ui/icons'
 import { useSidebar } from './sidebar-context'
-import {
-	DropdownMenu,
-	DropdownMenuContent,
-	DropdownMenuItem,
-	DropdownMenuSeparator,
-	DropdownMenuTrigger,
-} from '@/components/ui/dropdown-menu'
-import { Avatar, AvatarFallback } from '@/components/ui/avatar'
-import { logoutAction } from '@/modules/auth/actions/auth-actions'
 
 interface NavItem {
 	path: string
 	name: string
 	icon: keyof typeof Icons
-	children?: { path: string; name: string }[]
 }
 
-const mainNavItems: NavItem[] = [
+const navItems: NavItem[] = [
 	{
 		path: '/dashboard',
 		name: 'Dashboard',
@@ -34,104 +24,34 @@ const mainNavItems: NavItem[] = [
 		name: 'Clientes',
 		icon: 'Users',
 	},
-	{
-		path: '/onboarding',
-		name: 'Onboarding',
-		icon: 'UserPlus',
-	},
 	{
 		path: '/documents',
 		name: 'Documentos',
 		icon: 'Documents',
 	},
-	{
-		path: '/alerts',
-		name: 'Alertas',
-		icon: 'Alert',
-	},
-	{
-		path: '/operations',
-		name: 'Operaciones',
-		icon: 'Operations',
-	},
-	{
-		path: '/calendar',
-		name: 'Calendario',
-		icon: 'Calendar',
-	},
-]
-
-const getConfigNavItems = (isSuperAdmin: boolean): NavItem[] => [
 	{
 		path: '/settings',
 		name: 'Configuración',
 		icon: 'Settings',
-		children: [
-			{ path: '/settings', name: 'General' },
-			{ path: '/settings/organization', name: 'Organización' },
-			{ path: '/settings/documents', name: 'Documentos' },
-			{ path: '/settings/onboarding', name: 'Onboarding' },
-			{ path: '/settings/integrations', name: 'Integraciones' },
-			...(isSuperAdmin ? [{ path: '/admin', name: 'Super Admin' }] : []),
-		],
 	},
 ]
 
-interface MiddaySidebarProps {
-	user: {
-		email: string
-		full_name: string | null
-		role: string
-		organization?: {
-			name: string
-		} | null
-	} | null
-}
-
 function MenuItem({
 	item,
 	isExpanded,
 	pathname,
-	onNavigate,
 }: {
 	item: NavItem
 	isExpanded: boolean
 	pathname: string
-	onNavigate?: () => void
 }) {
-	const [isSubmenuOpen, setIsSubmenuOpen] = useState(false)
-	const timeoutRef = useRef<NodeJS.Timeout | null>(null)
 	const IconComponent = Icons[item.icon]
-	
-	const isExactMatch = pathname === item.path
-	const isChildMatch = item.children?.some(child => pathname === child.path)
-	const isActive = isExactMatch || isChildMatch
-	const hasChildren = item.children && item.children.length > 0
-
-	const handleMouseEnter = useCallback(() => {
-		if (timeoutRef.current) {
-			clearTimeout(timeoutRef.current)
-		}
-		if (hasChildren) {
-			setIsSubmenuOpen(true)
-		}
-	}, [hasChildren])
-
-	const handleMouseLeave = useCallback(() => {
-		timeoutRef.current = setTimeout(() => {
-			setIsSubmenuOpen(false)
-		}, 150)
-	}, [])
+	const isActive = pathname === item.path || pathname.startsWith(item.path + '/')
 
 	return (
-		<li 
-			className="relative"
-			onMouseEnter={handleMouseEnter}
-			onMouseLeave={handleMouseLeave}
-		>
+		<li className="relative">
 			<Link
-				href={hasChildren && item.children ? item.children[0].path : item.path}
-				onClick={onNavigate}
+				href={item.path}
 				className={cn(
 					'h-[40px] flex items-center gap-3',
 					'mx-[10px] px-[10px]',
@@ -145,165 +65,36 @@ function MenuItem({
 				)}
 			>
 				<div className="w-5 h-5 flex items-center justify-center flex-shrink-0">
-					<IconComponent 
-						size={20} 
+					<IconComponent
+						size={20}
 						className={cn(
 							'transition-colors',
 							isActive ? 'text-foreground' : 'text-[#878787]'
-						)} 
+						)}
 					/>
 				</div>
 				{isExpanded && (
-					<>
-						<span
-							className={cn(
-								'text-sm whitespace-nowrap',
-								'transition-all duration-150',
-								isActive ? 'font-medium text-foreground' : 'text-[#878787]'
-							)}
-						>
-							{item.name}
-						</span>
-						{hasChildren && (
-							<Icons.ChevronRight
-								size={14}
-								className={cn(
-									'ml-auto text-[#878787]',
-									'transition-transform duration-200',
-									isSubmenuOpen && 'rotate-90'
-								)}
-							/>
+					<span
+						className={cn(
+							'text-sm whitespace-nowrap',
+							'transition-all duration-150',
+							isActive ? 'font-medium text-foreground' : 'text-[#878787]'
 						)}
-					</>
+					>
+						{item.name}
+					</span>
 				)}
 			</Link>
-
-			{/* Submenu - Midday style with staggered animation */}
-			{hasChildren && isExpanded && isSubmenuOpen && (
-				<ul className="mt-1 space-y-0.5">
-					{item.children?.map((child, index) => {
-						const isChildActive = pathname === child.path
-						return (
-							<li
-								key={child.path}
-								className="animate-in fade-in-0 slide-in-from-left-1"
-								style={{ 
-									animationDuration: '150ms',
-									animationDelay: `${40 + index * 20}ms`,
-									animationFillMode: 'backwards'
-								}}
-							>
-								<div className="ml-[35px] border-l border-[#e6e6e6] dark:border-[#2c2c2c]">
-									<Link
-										href={child.path}
-										onClick={onNavigate}
-										className={cn(
-											'block py-1.5 pl-3 pr-4',
-											'text-xs',
-											'transition-colors duration-150',
-											isChildActive 
-												? 'text-foreground font-medium' 
-												: 'text-[#888] hover:text-foreground'
-										)}
-									>
-										{child.name}
-									</Link>
-								</div>
-							</li>
-						)
-					})}
-				</ul>
-			)}
 		</li>
 	)
 }
 
-function UserDropdown({
-	user,
-	isExpanded,
-}: {
-	user: MiddaySidebarProps['user']
-	isExpanded: boolean
-}) {
-	const initials = user?.full_name
-		? user.full_name
-				.split(' ')
-				.map((n) => n[0])
-				.join('')
-				.toUpperCase()
-				.slice(0, 2)
-		: user?.email?.slice(0, 2).toUpperCase() || 'U'
-
-	return (
-		<DropdownMenu>
-			<DropdownMenuTrigger asChild>
-				<button
-					className={cn(
-						'flex items-center gap-3',
-						'w-[calc(100%-20px)] mx-[10px] px-[10px] py-2',
-						'rounded-md',
-						'hover:bg-[#f7f7f7] dark:hover:bg-[#1a1a1a]',
-						'transition-colors duration-150',
-						'focus:outline-none focus-visible:ring-1 focus-visible:ring-ring'
-					)}
-				>
-					<Avatar className="h-8 w-8 flex-shrink-0">
-						<AvatarFallback className="bg-primary text-primary-foreground text-xs font-medium">
-							{initials}
-						</AvatarFallback>
-					</Avatar>
-					{isExpanded && (
-						<div className="flex-1 text-left overflow-hidden min-w-0">
-							<p className="text-sm font-medium truncate leading-tight">
-								{user?.full_name || 'Usuario'}
-							</p>
-							<p className="text-xs text-[#878787] truncate leading-tight">
-								{user?.email}
-							</p>
-						</div>
-					)}
-				</button>
-			</DropdownMenuTrigger>
-			<DropdownMenuContent 
-				align="start" 
-				side="top"
-				sideOffset={8}
-				className="w-56"
-			>
-				<div className="px-2 py-1.5">
-					<p className="text-sm font-medium">{user?.full_name || 'Usuario'}</p>
-					<p className="text-xs text-[#878787]">{user?.email}</p>
-				</div>
-				<DropdownMenuSeparator />
-				<DropdownMenuItem asChild>
-					<Link href="/settings" className="cursor-pointer">
-						<Icons.Settings size={16} className="mr-2 text-[#878787]" />
-						<span>Configuración</span>
-					</Link>
-				</DropdownMenuItem>
-				<DropdownMenuSeparator />
-				<DropdownMenuItem
-					className="text-destructive focus:text-destructive cursor-pointer"
-					onClick={() => logoutAction()}
-				>
-					<Icons.LogOut size={16} className="mr-2" />
-					<span>Cerrar sesión</span>
-				</DropdownMenuItem>
-			</DropdownMenuContent>
-		</DropdownMenu>
-	)
-}
-
-export function MiddaySidebar({ user }: MiddaySidebarProps) {
+export function Sidebar() {
 	const { isExpanded, setIsExpanded } = useSidebar()
 	const pathname = usePathname()
 	const sidebarRef = useRef<HTMLDivElement>(null)
 	const hoverTimeoutRef = useRef<NodeJS.Timeout | null>(null)
 
-	const isAdmin = user?.role && ['admin', 'super_admin'].includes(user.role)
-	const isSuperAdmin = user?.role === 'super_admin'
-	const configNavItems = getConfigNavItems(isSuperAdmin)
-
 	const handleMouseEnter = useCallback(() => {
 		if (hoverTimeoutRef.current) {
 			clearTimeout(hoverTimeoutRef.current)
@@ -329,8 +120,8 @@ export function MiddaySidebar({ user }: MiddaySidebarProps) {
 			onMouseEnter={handleMouseEnter}
 			onMouseLeave={handleMouseLeave}
 		>
-			{/* Header / Logo - Midday style */}
-			<div 
+			{/* Header / Logo */}
+			<div
 				className={cn(
 					"absolute top-0 left-0 h-[70px] flex items-center justify-center bg-background border-b border-border transition-all duration-200 ease-[cubic-bezier(0.4,0,0.2,1)]",
 					isExpanded ? "w-full" : "w-[69px]"
@@ -342,10 +133,10 @@ export function MiddaySidebar({ user }: MiddaySidebarProps) {
 				</Link>
 			</div>
 
-			{/* Navigation - Midday style */}
-			<nav className="flex-1 pt-[70px] pb-4 overflow-y-auto scrollbar-hide border-b border-border">
+			{/* Navigation */}
+			<nav className="flex-1 pt-[70px] pb-4 overflow-y-auto scrollbar-hide">
 				<ul className="space-y-1">
-					{mainNavItems.map((item) => (
+					{navItems.map((item) => (
 						<MenuItem
 							key={item.path}
 							item={item}
@@ -354,28 +145,7 @@ export function MiddaySidebar({ user }: MiddaySidebarProps) {
 						/>
 					))}
 				</ul>
-
-				{/* Admin section with separator */}
-				{isAdmin && (
-					<div className="mt-6 pt-4 mx-[10px] border-t border-border">
-						<ul className="space-y-1">
-							{configNavItems.map((item) => (
-								<MenuItem
-									key={item.path}
-									item={item}
-									isExpanded={isExpanded}
-									pathname={pathname}
-								/>
-							))}
-						</ul>
-					</div>
-				)}
 			</nav>
-
-			{/* User section - Midday style */}
-			<div className="border-t border-border py-3">
-				<UserDropdown user={user} isExpanded={isExpanded} />
-			</div>
 		</aside>
 	)
 }

package/template/src/modules/auth/actions/auth-actions.ts

@@ -1,12 +1,12 @@
 'use server'
 
-import { createClient } from '@/lib/supabase/server'
 import { redirect } from 'next/navigation'
 
 export async function logout() {
-  const supabase = await createClient()
-  await supabase.auth.signOut()
-  redirect('/auth/login')
+  // TODO: Implementar con Supabase
+  // const supabase = await createClient()
+  // await supabase.auth.signOut()
+  redirect('/login')
 }
 
 export const logoutAction = logout