From 7fc5d3d489ed91be8eeb0120edf3cb72b11577ff Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Fri, 17 Apr 2026 18:16:23 +0000
Subject: [PATCH] Changes

Co-authored-by: domfelipe <53182096+domfelipe@users.noreply.github.com>
---
 src/routes/painel.faturamento.tsx | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/routes/painel.faturamento.tsx b/src/routes/painel.faturamento.tsx
index cd813f1..56cc3ba 100644
--- a/src/routes/painel.faturamento.tsx
+++ b/src/routes/painel.faturamento.tsx
@@ -83,7 +83,21 @@ function BillingPage() {
                     : "—"
                 }
               />
-              <Field label="Status" value={statusLabel(subscription.status)} />
+              <div>
+                <p className="text-xs uppercase tracking-wide text-muted-foreground">Status</p>
+                <div className="mt-1 flex flex-wrap items-center gap-2">
+                  <p className="font-medium">{statusLabel(subscription.status)}</p>
+                  {subscription.cancel_at_period_end &&
+                    (subscription.status === "active" || subscription.status === "trialing") && (
+                      <span className="inline-flex items-center gap-1 rounded-full border border-warning/30 bg-warning/10 px-2 py-0.5 text-xs font-medium text-warning">
+                        <CalendarClock className="h-3 w-3" />
+                        {subscription.current_period_end
+                          ? `Cancelamento em ${format(new Date(subscription.current_period_end), "d 'de' MMM 'de' yyyy", { locale: ptBR })}`
+                          : "Cancelamento agendado"}
+                      </span>
+                    )}
+                </div>
+              </div>
             </div>
           ) : (
             <p className="mt-3 text-sm text-muted-foreground">