• Screen: SCR-BIL.01 — Subscription Detail (My Subscriptions)
• Use case: UC-BIL.03 — Renew Subscription

The "My Subscriptions" page for learners — displays all subscriptions of the user, sorted active first, expired last (within grace period). Each card shows product name + type + period + status + expiry; period subscriptions have a "Renew" button (expands inline renew config on that card), lifetime subscriptions have no button (no renewal needed). This page is the entry point for UC-BIL.03 Renew Subscription — click "Renew" to expand qty picker + (optional) switch product then confirm → invoke SUC-BIL-01.

• filter_status "Status" — enum [all, active, expired] · default: all · always visible
• row_product_name "Plan / Course" — text · lookup · always · read-only
• row_product_type "Type" — enum [lifetime, period] · lookup · always · read-only
• row_started_at "Start" — date · lookup · always · read-only
• row_expiry_date "Expiry" — date · lookup · visible when row_product_type != lifetime · read-only
• row_status "Status" — enum [active, expired, revoked] · lookup · always · read-only
• renew_qty "Renewal Period" — enum (qty_tier from active DiscountRule for this product) · required & visible when renew config expanded · fallback: ""
• renew_total_preview "Total (preview)" — computed: Product.price × renew_qty − (Product.price × renew_qty × DiscountRule.discount_pct) · visible when renew config expanded · read-only

• apply_filter "Filter" — always enabled
• renew "Renew" — enabled when status == active OR (status == expired && within grace period) AND type != lifetime · triggers UC-BIL.03-M-1
• confirm_renew "Checkout" — enabled when renew config expanded AND renew_qty != "" · invokes SUC-BIL-01 → /checkout-via-bcel/?returnUrl=/renew-subscription/ · triggers UC-BIL.03-M-2
• cancel_renew "Cancel" — enabled when renew config expanded · collapses inline config · triggers UC-BIL.03-A-2A-1
• browse_catalog "Browse Courses" — enabled when subscriptions.count == 0 (empty state only)

1. Supports concurrent users per NFR-01 (100–200 peak) [refs: NFR-01]
2. Usable on connection ≤1 Mbps — list paginate (default 20 cards/page), lazy-load expired subscriptions on a separate page [refs: NFR-02]
3. TLS 1.2+ during transit; users see only their own subscriptions (server-side filter by session) [refs: NFR-03, NFR-10]
4. Supports desktop/laptop/tablet/smartphone — card list (responsive, no horizontal scroll) [refs: NFR-08]
5. WCAG accessibility — card must have proper heading + aria-label (product name + status), expand/collapse renew region uses aria-expanded, qty dropdown has <fieldset>+<legend>, clear focus order [refs: NFR-09]
6. Empty state when user has no subscriptions → show message + button to catalog (not an error) [refs: NFR-04]
7. Lifetime subscription displays "Lifetime" instead of expiry date and does not show a Renew button (UC-BIL.03 covers period subscriptions only) [refs: —]
8. Renew config expands inline — other cards remain accessible; user can only expand one row at a time (opening a new one auto-closes the previous) to reduce UI confusion [refs: NFR-04]
9. Total (preview) in Renew config computed from Product.price × renew_qty minus discount per the DiscountRule matching the selected qty_tier; displayed before learner clicks Checkout [refs: —]