docs: replace carousel blocks with standard markdown lists of images

This commit is contained in:
Luis Gabriel Ramos Robles 2026-06-12 19:07:50 +00:00
parent 23676b3116
commit 450785184c

View file

@ -70,13 +70,12 @@ Follow this sequence to present a comprehensive, orderly showcase of the program
3. Try to navigate to `/plans` or `/sales/import`. The UI blocks access, showing an unauthorized banner. 3. Try to navigate to `/plans` or `/sales/import`. The UI blocks access, showing an unauthorized banner.
4. Log out, and log in as `admin`. Access is fully restored. 4. Log out, and log in as `admin`. Access is fully restored.
````carousel * **Login Screen**
![Login Screen](../../prisma/screenshots/01_login_page.png) ![Login Screen](../../prisma/screenshots/01_login_page.png)
<!-- slide --> * **Unauthorized User View**
![Unauthorized User](../../prisma/screenshots-phase4/01_collaborator_unauthorized.png) ![Unauthorized User](../../prisma/screenshots-phase4/01_collaborator_unauthorized.png)
<!-- slide --> * **Admin Dashboard Loaded**
![Admin Dashboard](../../prisma/screenshots/03_dashboard_loaded.png) ![Admin Dashboard](../../prisma/screenshots/03_dashboard_loaded.png)
````
> [!NOTE] > [!NOTE]
> Behind the scenes, the Next.js API establishes a transaction context inside PostgreSQL, enforcing Row-Level Security (RLS). Even if a malicious client manually changes the request params, PostgreSQL blocks unauthorized data access. > Behind the scenes, the Next.js API establishes a transaction context inside PostgreSQL, enforcing Row-Level Security (RLS). Even if a malicious client manually changes the request params, PostgreSQL blocks unauthorized data access.
@ -93,15 +92,14 @@ Follow this sequence to present a comprehensive, orderly showcase of the program
* A new duplicate record is saved with `version = 2` and `status = ACTIVE`. * A new duplicate record is saved with `version = 2` and `status = ACTIVE`.
6. Navigate to `/goals` and assign a commercial goal of `$75,000.00` for collaborator `colaborador_mde` in period `2026-06`. 6. Navigate to `/goals` and assign a commercial goal of `$75,000.00` for collaborator `colaborador_mde` in period `2026-06`.
````carousel * **Create Compensation Plan Modal**
![Create Modal](../../prisma/screenshots/04_create_modal_open.png) ![Create Modal](../../prisma/screenshots/04_create_modal_open.png)
<!-- slide --> * **Rules Configuration & Setup**
![Rules Populated](../../prisma/screenshots/08_rules_populated.png) ![Rules Populated](../../prisma/screenshots/08_rules_populated.png)
<!-- slide --> * **Plan Versioning Activation**
![Plan Versioned](../../prisma/screenshots/12_plan_versioned.png) ![Plan Versioned](../../prisma/screenshots/12_plan_versioned.png)
<!-- slide --> * **Goals Configured Successfully**
![Goals Configured](../../prisma/screenshots/15_goal_saved.png) ![Goals Configured](../../prisma/screenshots/15_goal_saved.png)
````
--- ---
@ -113,15 +111,14 @@ Follow this sequence to present a comprehensive, orderly showcase of the program
5. Upload the valid sheet. The progress bar completes, and a success banner confirms the imported row count. 5. Upload the valid sheet. The progress bar completes, and a success banner confirms the imported row count.
6. Attempt to upload the exact same file. The system checks the `Idempotency-Key` and immediately returns the cached success response without writing redundant entries to the database. 6. Attempt to upload the exact same file. The system checks the `Idempotency-Key` and immediately returns the cached success response without writing redundant entries to the database.
````carousel * **Sales Import Interface**
![Import View](../../prisma/screenshots-phase4/02_admin_import_view.png) ![Import View](../../prisma/screenshots-phase4/02_admin_import_view.png)
<!-- slide --> * **Excel Field Validation Errors Report**
![Validation Errors](../../prisma/screenshots-phase4/04_validation_errors_rendered.png) ![Validation Errors](../../prisma/screenshots-phase4/04_validation_errors_rendered.png)
<!-- slide --> * **Successful Direct Upload**
![Upload Successful](../../prisma/screenshots-phase4/05_valid_upload_success.png) ![Upload Successful](../../prisma/screenshots-phase4/05_valid_upload_success.png)
<!-- slide --> * **Idempotency Prevention Block**
![Idempotency Blocked](../../prisma/screenshots-phase4/06_idempotency_duplicate.png) ![Idempotency Blocked](../../prisma/screenshots-phase4/06_idempotency_duplicate.png)
````
--- ---
@ -135,11 +132,10 @@ Follow this sequence to present a comprehensive, orderly showcase of the program
* Because a previous sale was refunded/cancelled, the engine calculated a negative delta and injected it as a pending clawback, reducing the current month's payout. * Because a previous sale was refunded/cancelled, the engine calculated a negative delta and injected it as a pending clawback, reducing the current month's payout.
6. Toggle **Simulate Only** off and run the calculation. The settlements are successfully stored as pending approvals in the DB. 6. Toggle **Simulate Only** off and run the calculation. The settlements are successfully stored as pending approvals in the DB.
````carousel * **Settlement Simulation Screen**
![Simulation Results](../../prisma/screenshots-phase5/02_simulation_success.png) ![Simulation Results](../../prisma/screenshots-phase5/02_simulation_success.png)
<!-- slide --> * **PMS Clawback / Retroactive Adjustment Calculations**
![Clawback Delta](../../prisma/screenshots-phase5/06_clawback_calculated.png) ![Clawback Delta](../../prisma/screenshots-phase5/06_clawback_calculated.png)
````
--- ---
@ -152,13 +148,12 @@ Follow this sequence to present a comprehensive, orderly showcase of the program
6. Toggle the language switcher in the Header between **Español** and **English**. The entire dashboard updates instantly. 6. Toggle the language switcher in the Header between **Español** and **English**. The entire dashboard updates instantly.
7. Observe the **Bilingual AI Audit Notes** generated by the n8n compliance analysis: the description details are shown in English or Spanish depending on the active user locale. 7. Observe the **Bilingual AI Audit Notes** generated by the n8n compliance analysis: the description details are shown in English or Spanish depending on the active user locale.
````carousel * **Regional Approvals Dashboard**
![Approvals Grid](../../prisma/screenshots-phase5/03_lider_ctg_approvals_view.png) ![Approvals Grid](../../prisma/screenshots-phase5/03_lider_ctg_approvals_view.png)
<!-- slide --> * **Mandatory Rejection Comment Modal**
![Rejection Prompt](../../prisma/screenshots-phase5/04_rejection_modal.png) ![Rejection Prompt](../../prisma/screenshots-phase5/04_rejection_modal.png)
<!-- slide --> * **Rejection State Persisted**
![Rejection Finished](../../prisma/screenshots-phase5/05_rejection_done.png) ![Rejection Finished](../../prisma/screenshots-phase5/05_rejection_done.png)
````
--- ---