feature_list.json

{
  "project": "ExpertPartner",
  "version": "1.0.0",
  "lastUpdated": "2026-05-01",
  "features": [
    {
      "id": "skill-01",
      "title": "Angular Project Setup",
      "description": "Initialize Angular 17+ project inside frontend/ with standalone components, strict TypeScript, path aliases, and global CSS tokens wired up.",
      "skillFile": "skills/01-setup-angular.md",
      "status": "completed",
      "completedAt": "2026-05-01",
      "priority": 1,
      "acceptanceCriteria": [
        "ng new runs successfully inside frontend/",
        "tsconfig.json has strict: true and path aliases (@core, @shared, @features, @layout)",
        "src/styles.css contains all CSS custom property tokens from CLAUDE.md",
        "src/index.html loads Inter font from Google Fonts",
        "app.config.ts has provideRouter wired up",
        "app.routes.ts has lazy-loaded routes for auth, admin, employee",
        "ng serve starts without errors at localhost:4200"
      ],
      "dependencies": []
    },
    {
      "id": "skill-02",
      "title": "Design Tokens & Global Styles",
      "description": "Implement full CSS custom properties, typography scale, global reset, card/button/input utility classes in styles.css.",
      "skillFile": "skills/02-design-tokens.md",
      "status": "completed",
      "completedAt": "2026-05-01",
      "priority": 2,
      "acceptanceCriteria": [
        "All color tokens defined as CSS custom properties",
        "All spacing tokens defined",
        ".card, .btn-primary, .btn-secondary, .badge-pill utility classes exist",
        "Global reset applied (box-sizing, font-family, margins)",
        "No hardcoded color or spacing values in any component CSS"
      ],
      "dependencies": ["skill-01"]
    },
    {
      "id": "skill-03",
      "title": "Layout: Sidebar + Topbar + Shells",
      "description": "Build admin-shell, employee-shell, sidebar and topbar components. Responsive collapse on mobile/tablet.",
      "skillFile": "skills/03-layout-sidebar.md",
      "status": "completed",
      "completedAt": "2026-05-01",
      "priority": 3,
      "acceptanceCriteria": [
        "AdminShellComponent renders sidebar + topbar + router-outlet",
        "EmployeeShellComponent renders reduced sidebar + topbar + router-outlet",
        "SidebarComponent shows correct nav items per role",
        "Active route highlighted with 4px emerald left bar",
        "TopbarComponent shows search + notifications + avatar",
        "Mobile (< 768px): sidebar collapses",
        "Tablet (768–1279px): icon-only sidebar",
        "Desktop (≥ 1280px): full 260px sidebar"
      ],
      "dependencies": ["skill-02"]
    },
    {
      "id": "skill-04",
      "title": "Auth: Login Screen + Guards",
      "description": "Build login page with mock auth service, role-based guards, and session persistence via localStorage.",
      "skillFile": "skills/04-auth-login.md",
      "status": "completed",
      "completedAt": "2026-05-01",
      "priority": 4,
      "acceptanceCriteria": [
        "AuthService has login(), logout(), currentUser$, isLoggedIn(), getRole()",
        "Mock users: admin@expertpartner.com/admin123 and employee@expertpartner.com/emp123",
        "Login form validates empty fields on submit (red border + error message)",
        "Button shows spinner during 200ms mock auth delay",
        "Admin login redirects to /admin/dashboard",
        "Employee login redirects to /employee/dashboard",
        "auth.guard.ts redirects unauthenticated users to /login",
        "role.guard.ts redirects users to correct portal based on role",
        "Input focus shows emerald border + 2px glow",
        "Session persists on page refresh via localStorage"
      ],
      "dependencies": ["skill-03"]
    },
    {
      "id": "skill-05",
      "title": "Admin Dashboard",
      "description": "Build admin dashboard with KPI cards, LIVE badge animation, activity monitor table, and express inbox.",
      "skillFile": "skills/05-admin-dashboard.md",
      "status": "completed",
      "completedAt": "2026-05-01",
      "priority": 5,
      "acceptanceCriteria": [
        "KpiCardComponent is reusable with title, value, badge inputs",
        "LIVE badge has CSS pulse animation",
        "Quick Actions: + Add New Employee and Review Filtered Emails buttons render",
        "ActivityMonitorComponent shows table with Employee, Action badge, Timestamp columns",
        "Clock In badge is green, Clock Out badge is red",
        "ExpressInboxComponent shows 4-5 mock emails with category badges",
        "TimeAgoPipe converts dates to relative strings",
        "TruncatePipe truncates text with ellipsis",
        "BadgeComponent handles all badge types",
        "/admin/dashboard renders without errors"
      ],
      "dependencies": ["skill-04"]
    },
    {
      "id": "skill-06",
      "title": "Employee Dashboard",
      "description": "Build employee portal with live clock widget, weekly hours progress bar, and profile card.",
      "skillFile": "skills/06-employee-dashboard.md",
      "status": "completed",
      "completedAt": "2026-05-01",
      "priority": 6,
      "acceptanceCriteria": [
        "ClockWidgetComponent shows live time updating every second",
        "Status dot is grey (off duty) or green (on duty)",
        "Clock In button changes to Clock Out on click and vice versa",
        "WeeklyHoursComponent shows current hours / 40h target",
        "ProgressBarComponent animates on mount",
        "ProfileCardComponent shows avatar with initials fallback",
        "AvatarComponent renders initials when no photo is provided",
        "/employee/dashboard renders without errors"
      ],
      "dependencies": ["skill-04"]
    },
    {
      "id": "skill-07",
      "title": "Attendance Screen",
      "description": "Build full attendance page with session KPI cards (two variants) and recent activity table.",
      "skillFile": "skills/07-attendance.md",
      "status": "completed",
      "completedAt": "2026-05-01",
      "priority": 7,
      "acceptanceCriteria": [
        "AttendanceService has clockIn(), clockOut(), getTodayLogs(), getWeeklyHours()",
        "Variant A (has logs today): shows two separate Clock In + Clock Out buttons",
        "Variant B (no logs today): shows single Clock In Now CTA",
        "Daily Summary card calculates total hours from today's logs",
        "Weekly Balance card shows correct remaining hours",
        "ActivityTableComponent shows Date, Clock In, Clock Out, Break, Total Hours columns",
        "Table has no vertical borders and row hover state",
        "/employee/attendance renders correct variant based on daily state"
      ],
      "dependencies": ["skill-06"]
    },
    {
      "id": "skill-08",
      "title": "Filtered Emails",
      "description": "Build admin email inbox with category badges, star toggle, read/unread state, and multi-select toolbar.",
      "skillFile": "skills/08-filtered-emails.md",
      "status": "completed",
      "completedAt": "2026-05-02",
      "priority": 8,
      "acceptanceCriteria": [
        "EmailService has mock emails with all 4 categories (URGENT, LEAD_GEN, FINANCE, UPDATE)",
        "EmailService has toggleStar() and markAsRead() methods",
        "Toolbar shows select-all checkbox and processed count",
        "EmailRowComponent shows sender, badge, subject, truncated preview, relative time",
        "Unread rows have white bg + bold sender; read rows are dimmed",
        "Star icon toggles on click",
        "Click on row marks email as read",
        "/admin/emails renders without errors"
      ],
      "dependencies": ["skill-05"]
    },
    {
      "id": "skill-09",
      "title": "Team Management",
      "description": "Build consultant database table with filters, pagination, availability/EOM badges, and conditional Import Excel button.",
      "skillFile": "skills/09-team-management.md",
      "status": "completed",
      "completedAt": "2026-05-02",
      "priority": 9,
      "acceptanceCriteria": [
        "TeamService has 12+ mock consultants",
        "Text search filters by name, role, and employee ID",
        "Role dropdown and Status dropdown filter client-side",
        "AvatarComponent shows initials with online dot overlay",
        "Availability badge shows correct color per status",
        "EOM Status shows correct color per state",
        "Pagination shows 10 rows per page with correct count label",
        "Import Excel button only shown when user has canImport permission",
        "/admin/team renders without errors"
      ],
      "dependencies": ["skill-05"]
    },
    {
      "id": "skill-10",
      "title": "Admin Attendance Control",
      "description": "Build admin attendance view at /admin/attendance showing all employees' daily clock-in status with KPI summary cards and a filterable table.",
      "skillFile": "skills/10-admin-attendance.md",
      "status": "completed",
      "completedAt": "2026-05-16",
      "priority": 10,
      "acceptanceCriteria": [
        "KPI cards show: total employees, clocked in today, not clocked in, clocked out",
        "Table shows one row per employee: avatar, name, employee ID, status badge, clock-in time, clock-out time, total hours",
        "Status badge variants: Fichado (green), Sin fichar (gray), Completado (blue)",
        "Filter by status (All / Fichado / Sin fichar / Completado)",
        "Filter by date (defaults to today)",
        "Clicking a row opens a side panel or expands the row with the employee's full week history",
        "Mock data covers at least 8 employees with varied states",
        "AttendanceService extended with getTeamAttendance(date) method returning all employees' logs for that day",
        "Table has no vertical borders, row hover state, sticky header",
        "/admin/attendance renders without errors"
      ],
      "dependencies": ["skill-07", "skill-09"]
    },
    {
      "id": "skill-11",
      "title": "Team — Onboarding Tabs (Nuevas altas / Activos)",
      "description": "Extend the Team Management page with a tab system. 'Activos' keeps the existing consultant table. 'Nuevas altas' shows employees in onboarding with their automation progress steps.",
      "skillFile": "skills/11-team-onboarding-tabs.md",
      "status": "pending",
      "priority": 11,
      "acceptanceCriteria": [
        "Team page has two tabs: 'Activos' and 'Nuevas altas'",
        "Activos tab renders the existing consultant table unchanged",
        "Nuevas altas tab shows a table with: avatar, name, start date, position, onboarding status badge, and automation progress",
        "Automation progress shows a step tracker (e.g. Contrato, Alta SS, Accesos, Email corporativo) with each step marked as pending / in-progress / done",
        "OnboardingService has mock data with at least 5 new hires in varied automation states",
        "New hire status badge variants: En proceso (amber), Completado (green), Pendiente (gray)",
        "Tab switching is animated (fade or slide)",
        "Active tab is highlighted with emerald underline",
        "Existing skill-09 filters and pagination remain functional in Activos tab",
        "/admin/team renders without errors on both tabs"
      ],
      "dependencies": ["skill-09"]
    },
    {
      "id": "skill-12",
      "title": "Email Integration: n8n → Supabase → Web",
      "description": "Connect the n8n 'Gestor de Correos Mama' workflow (id: dM6OESoQfgw6baJM) to the Angular email inbox. n8n saves classified emails (factura, consulta, urgente — never spam) to a Supabase table. EmailService reads from Supabase instead of mock data.",
      "skillFile": "skills/12-email-n8n-integration.md",
      "status": "completed",
      "completedAt": "2026-05-16",
      "priority": 12,
      "acceptanceCriteria": [
        "Supabase table 'emails' created with columns: id, subject, from_address, preview, category, received_at, is_read, is_starred, draft_id",
        "n8n workflow modified: Factura branch inserts row to Supabase with category='FINANCE'",
        "n8n workflow modified: Consulta branch inserts row to Supabase with category='UPDATE' after creating draft",
        "n8n workflow modified: Urgente branch inserts row to Supabase with category='URGENT' after forwarding",
        "Spam branch unchanged — no insert to Supabase",
        "EmailService.getEmails() reads from Supabase 'emails' table ordered by received_at desc",
        "EmailService.toggleStar() and markAsRead() update the Supabase row",
        "Existing email UI (skill-08) works identically — only data source changes",
        "No mock data used in EmailService after this skill",
        "/admin/emails renders real emails from the automation"
      ],
      "dependencies": ["skill-08"]
    }
  ]
}