---
auto_generated: true
created: 2026-05-18
manual_updated_at: 2026-05-18
modified: 2026-05-19
name: User_Manual
status: active
tags:
- client/lusa
- domain/devops
- tech/azure-ad
- tech/docker
- tech/react
- tech/typescript
- type/sop
type: sop
---

# LUSA Back Planner - User Manual

## 1. What This Tool Does
LUSA Back Planner is a production timeline generator designed for teams managing digital content assets (PDPs, Landing Pages, Creative, etc.). It calculates estimated production timelines based on:

*   **Project Complexity:** From "Creation" to "Launch Complex".
*   **Content Category:** Such as PDP, Landing Page, CRM, or Launch assets.
*   **Asset Types:** Specifying if the deliverable includes text only, static visuals, or BTF (Behind The Front).
*   **SLA Data:** Utilizing predefined Service Level Agreement (SLA) steps like Copy Creation, Translation, Market Validation, and Visual Drafts.

The tool instantly generates a Gantt-style timeline, accounts for holidays and weekends (workdays), and supports PDF export for stakeholder briefs.

## 2. Who Uses It
*   **Production Managers:** To plan resources and set deadlines.
*   **Content Creators:** To understand their specific task timelines and handoff dates.
*   **Stakeholders:** To view exported PDF briefs for approval.

## 3. How to Access
The application is a Single Page Application (SPA) deployed on a web server.
*   **Production URL:** Visit the deployed domain (e.g., `https://your-domain.com/lusa-Back-Planner/`).
*   **Authentication:** Ensure your browser is logged into the corporate identity provider (Azure AD) if single sign-on is configured. The app uses the `VITE_AZURE_TENANT_ID` and `VITE_AZURE_CLIENT_ID` for authentication flows.

## 4. Main Workflows

### Workflow A: Generate a Timeline
1.  **Set Deadline:** Input your target launch date.
2.  **Select Complexity:** Choose the complexity level (e.g., "Medium Adaptation").
3.  **Select Content Category:** Choose the type of content (e.g., "PDP").
4.  **Select Asset Type:** Specify what needs to be created (e.g., "PDP Texts + Static visuals").
5.  **Click Generate:** The system calculates the start date and intermediate milestones based on the `sla-data.ts` matrix.
6.  **Review Timeline:** View the visual timeline in the browser, highlighting:
    *   Copy Creation
    *   Translation
    *   Claim/Market Validation
    *   Visual Drafts & Revisions
    *   Upload to Opera

### Workflow B: Manage Change Requests
1.  If the deadline or complexity changes, use the **Change Request** feature.
2.  The timeline will recalculate.
3.  Use the **Toast Notifications** (top-right corner) to confirm updates or errors.

### Workflow C: Export Brief to PDF
1.  Click the **Export PDF** button in the timeline view.
2.  The tool uses `jsPDF` and `html2canvas` to render the current view.
3.  A PDF file is downloaded to your local machine, suitable for email or archival.

## 5. FAQ

**Q: Why is my timeline longer than expected?**
A: The calculator uses "Workdays," excluding weekends and public holidays. If a holiday falls within the calculated range, the duration in calendar days may appear longer.

**Q: Can I customize the SLA steps?**
A: No. The steps (Copy, Translation, Validation, etc.) are hardcoded in `src/lib/sla-data.ts` based on company policy. Contact the dev team if new steps are required.

**Q: Does the app save my data?**
A: No. This is a stateless client-side tool. Refreshing the page will reset the form. Export your timeline to PDF if you need a record.

**Q: What browsers are supported?**
A: Modern browsers (Chrome, Firefox, Safari, Edge) with JavaScript enabled. IE11 is not supported.

---

*For technical support or deployment issues, please refer to the Developer Manual.*

## Related

- [[01 Projects/loreal-sla-calculator/USER_MANUAL]]
- [[01 Projects/lusa-back-planner/USER_MANUAL.md]]