feat(dashboard): add v0 pathway status alert scaffold in courses tab

[Copilot]

For all changes

Adds a v0 pathway-status alert scaffold to the Dashboard → Courses tab (not nested in Pathways), with a CTA hook to open the Pathways tab.
The scaffold is intentionally state-ready: content/action mapping is stubbed for future BFF-backed pathway states.

• Courses-tab integration

  • Added PathwayStatusAlertScaffold (Paragon Alert, info variant) and rendered it in CoursesTabComponent above main content.
  • Layout follows requested structure: message block top-left, action button bottom-right.

• Feature-flagged visibility

  • Gated render with a dashboard-style dual-flag pattern plus customer capability:
    • features.FEATURE_ENABLE_PATHWAY_PROGRESS
    • enterpriseFeatures?.enterprisePathwayStatusInCoursesTabEnabled
    • enterpriseCustomer?.enablePathways
  • Wired button behavior via onOpenPathwaysTab to switch active tab to Pathways.

• State scaffolding for future BFF logic

  • Introduced PATHWAY_STATUS_ALERT_STATES + PATHWAY_STATUS_ALERT_CONTENT map to centralize per-state heading/body/action metadata and action routing.

const enablePathwayStatusAlertScaffold = features.FEATURE_ENABLE_PATHWAY_PROGRESS
  && enterpriseFeatures?.enterprisePathwayStatusInCoursesTabEnabled
  && enterpriseCustomer?.enablePathways;

<CoursesTabComponent
  onOpenPathwaysTab={() => onSelectHandler(DASHBOARD_PATHWAYS_TAB)}
  shouldShowPathwayStatusAlert={enablePathwayStatusAlertScaffold}
/>

• Ensure adequate tests are in place (or reviewed existing tests cover changes)
• Ensure English strings are marked for translation. See documentation for more details.

Only if submitting a visual change

• Ensure to attach screenshots
• Ensure to have UX team confirm screenshots

Original prompt

In repository edx/frontend-app-learner-portal-enterprise, create a pull request that adds a v0 alert scaffold component to the dashboard's Courses tab for the enterprise learner portal.

Requirements:

• Before making changes, follow the repository's authoritative agent instructions by reading CLAUDE.md at the repository root and all files under .claude/rules/.
• Add the component in the dashboard, specifically within the Courses tab (not nested within the Pathways tab).
• Create an alert scaffold that will house information related to current pathway status, with an option to open the Pathways tab.
• Use the Paragon Alert component and the info variant for now.
• Stub out the fields for text/content and button behavior, anticipating multiple states for button navigation and text based on existing pathway data from the BFF.
• Follow the linked Figma design layout: text aligned top-left, button aligned bottom-right.
• Use an existing feature flag pattern similar to the example in src/components/dashboard/data/useDashboardTabs.jsx around lines 55-59, because the component is located within the Courses tab instead of nested within the Pathways tab.
• Use conventional commits for the PR.

References:

• Figma design: https://www.figma.com/design/VNjRRtt4serG0DMN7pzH79/Enterprise-Learner-Recommendation-Experience?node-id=69-28479&m=dev
• Paragon Alert docs: https://paragon-openedx.netlify.app/components/alert/
• Existing feature flag example:

  frontend-app-learner-portal-enterprise/src/components/dashboard/data/useDashboardTabs.jsx

  Lines 55 to 59 in 9f7dcb6

  	// TODO: Remove or pare down to a single feature flag from enterpriseFeatures (waffle)
  	// when ai-pathways POC is no longer needed
  	const enableAIPathways = features.FEATURE_ENABLE_AI_LEARNER_PATHWAYS
  	&& enterpriseFeatures?.enterpriseAiPathwaysOperatorEnabled;
  	const learnerCurrentJobID = extractCurrentJobID(authenticatedUser);

Please implement a minimal but production-quality v0 scaffold, wire it into the dashboard Courses tab, keep fields/button logic stubbed and clearly structured for future BFF-backed states, and open a pull request with a conventional-commit-style title.

The following is the prior conversation context from the user's chat exploration (may be truncated):

User: Based on the image and ticket description produce a v0 in the @edx/frontend-app-learner-portal-enterprise using an agent. Use conventional commits for the pr. Add the component in the dashboard.

In the courses tab on the enterprise learner portal. Create an alert scaffold that will house information related to current pathway status with a options to open the pathways tab.

https://www.figma.com/design/VNjRRtt4serG0DMN7pzH79/Enterprise-Learner-Recommendation-Experience?node-id=69-28479&m=dev

AC:

Use Alert to create. a notification with stubbed out fields.--> https://paragon-openedx.netlify.app/components/alert/

Follow linked figma design layout (text top left, button bottom right)

Expect multiple states for button navigation and text based on existing pathway data from the BFF

Use info variant for now

Heres is an example of an existing Feature flag to use.

Necessary due to location of component within the courses tab as opposed to nested within the pathways tab

frontend-app-learner-portal-enterprise/src/components/dashboard/data/useDashboardTabs.jsx

Lines 55 to 59 in 9f7dcb6

	// TODO: Remove or pare down to a single feature flag from enterpriseFeatures (waffle)
	// when ai-pathways POC is no longer needed
	const enableAIPathways = features.FEATURE_ENABLE_AI_LEARNER_PATHWAYS
	&& enterpriseFeatures?.enterpriseAiPathwaysOperatorEnabled;
	const learnerCurrentJobID = extractCurrentJobID(authenticatedUser);

Assistant: I’m waiting on your confirmation for the repository agent task; once you approve it, I can continue and create the PR.

This pull request was created from Copilot chat.