poetry-jumpstart_pro 0.1.12

data/lib/generators/poetry_jumpstart_pro/install/templates/auth/users/passwords/edit.html.erb

@@ -0,0 +1,23 @@
+<%# Poetry recreation of Jumpstart's users/passwords/edit: choose a new
+    password from the emailed reset link. %>
+<% content_for :title, t("users.passwords.edit.title") %>
+
+<div class="mx-auto w-full max-w-md px-4 py-10 lg:px-6">
+  <header class="mb-8 space-y-2 text-center">
+    <h1 class="text-2xl font-semibold tracking-tight"><%= t("users.passwords.edit.change_your_password") %></h1>
+  </header>
+
+  <%= form_with model: @user, url: password_path(params[:token]), builder: Poetry::Ui::FormBuilder do |f| %>
+    <%= render "application/error_messages", resource: @user %>
+
+    <%= f.group do %>
+      <%= f.password_field :password, label: t("users.passwords.edit.new_password"), autofocus: true, autocomplete: "new-password",
+                           hint: t("users.shared.minimum_password_length", count: User::MINIMUM_PASSWORD_LENGTH) %>
+      <%= f.password_field :password_confirmation, label: t("users.passwords.edit.confirm_new_password"), autocomplete: "new-password" %>
+    <% end %>
+
+    <div class="mt-6">
+      <%= f.submit t("users.passwords.edit.change_my_password"), class: "w-full" %>
+    </div>
+  <% end %>
+</div>

data/lib/generators/poetry_jumpstart_pro/install/templates/auth/users/passwords/new.html.erb

@@ -0,0 +1,26 @@
+<%# Poetry recreation of Jumpstart's users/passwords/new: request a password
+    reset link. Posts user[email] to passwords_path, as the original does. %>
+<% content_for :title, t("users.passwords.new.title") %>
+
+<div class="mx-auto w-full max-w-md px-4 py-10 lg:px-6">
+  <header class="mb-8 space-y-2 text-center">
+    <h1 class="text-2xl font-semibold tracking-tight"><%= t("users.passwords.new.forgot_your_password") %></h1>
+  </header>
+
+  <%= form_with url: passwords_path, scope: :user do %>
+    <%= poetry_field_group do %>
+      <%= poetry_field(id: "user_email", label_text: User.human_attribute_name(:email)) do |field| %>
+        <%= poetry_input(type: "email", name: "user[email]", autofocus: true, autocomplete: "email", placeholder: "you@example.com",
+                         **field.control_attributes.transform_keys(&:to_sym)) %>
+      <% end %>
+    <% end %>
+
+    <div class="mt-6">
+      <%= poetry_button(type: :submit, class: "w-full") { t("users.passwords.new.send_me_reset_password_instructions") } %>
+    </div>
+  <% end %>
+
+  <p class="mt-4 text-center text-sm">
+    <%= poetry_link(href: login_path, class: "text-muted-foreground") { t("back") } %>
+  </p>
+</div>

data/lib/generators/poetry_jumpstart_pro/install/templates/auth/users/registrations/edit.html.erb

@@ -0,0 +1,103 @@
+<%# Poetry recreation of Jumpstart's users/registrations/edit: the profile
+    page inside the settings sidebar. Three forms, as in the original: the
+    profile (with the Hotwire Native bridge form wiring), the email change
+    request, and the guarded account deletion. %>
+<% content_for :title, t("users.registrations.edit.title") %>
+
+<h1 class="text-2xl font-semibold tracking-tight"><%= t("users.registrations.edit.title", resource: @user.model_name.human) %></h1>
+
+<%= form_with(model: @user, url: registration_path, builder: Poetry::Ui::FormBuilder, class: "mt-6 max-w-md",
+              data: { controller: "bridge--form", action: "turbo:submit-start->bridge--form#submitStart turbo:submit-end->bridge--form#submitEnd" }) do |form| %>
+  <%= render "application/error_messages", resource: @user %>
+
+  <%= form.group do %>
+    <%# The builder's file_input makes the form multipart, and its block seats
+        the current avatar beside the control. %>
+    <%= form.file_input :avatar, accept: "image/png, image/jpeg, image/heic, image/heif, image/webp" do %>
+      <%= image_tag avatar_url_for(form.object), alt: "", class: "mt-3 size-16 shrink-0 rounded-full object-cover" %>
+    <% end %>
+
+    <%= form.text_field :name, autofocus: true, autocomplete: "name", required: true %>
+
+    <% if I18n.available_locales.length > 1 %>
+      <%= form.native_select :preferred_language, I18n.available_locales.map { |locale| [locale.to_s, locale.to_s] } %>
+    <% end %>
+
+    <%= form.native_select :theme, theme_options %>
+  <% end %>
+
+  <div class="mt-6">
+    <%= form.submit t("users.registrations.edit.update"),
+                    data: { "bridge--form-target": "submit", "bridge-title": t("users.registrations.edit.update"),
+                            "turbo-submits-with": t("users.registrations.edit.saving") } %>
+  </div>
+<% end %>
+
+<%= poetry_separator(class: "my-10") %>
+
+<section class="max-w-md space-y-4" aria-labelledby="email-change-title">
+  <div class="space-y-1">
+    <h2 id="email-change-title" class="text-lg font-semibold"><%= t("users.email_changes.title") %></h2>
+    <p class="text-sm text-muted-foreground"><%= t("users.email_changes.description_html", email: tag.strong(@user.email)) %></p>
+  </div>
+
+  <%= form_with(model: @user, url: email_change_path, method: :post, builder: Poetry::Ui::FormBuilder) do |form| %>
+    <%= form.group do %>
+      <%= form.input :unconfirmed_email, as: :email, required: true, autocomplete: "email" %>
+    <% end %>
+
+    <div class="mt-4">
+      <%= form.submit t("users.email_changes.title"), variant: :outline %>
+    </div>
+  <% end %>
+
+  <% if @user.unconfirmed_email? %>
+    <%# Outside the form above, since cancelling is a form of its own. %>
+    <%= poetry_alert do |pending| %>
+      <% pending.with_icon(name: :mail) %>
+      <% pending.with_action do %>
+        <%= form_with url: email_change_path, method: :delete do %>
+          <%= poetry_button(type: :submit, variant: :outline, size: :sm) { t("cancel") } %>
+        <% end %>
+      <% end %>
+      <p><%= t("users.email_changes.pending_html", email: tag.strong(@user.unconfirmed_email)) %></p>
+    <% end %>
+  <% end %>
+</section>
+
+<%= poetry_separator(class: "my-10") %>
+
+<section class="max-w-md space-y-4 rounded-lg border border-destructive/50 p-6" aria-labelledby="cancel-account-title">
+  <div class="space-y-1">
+    <h2 id="cancel-account-title" class="text-lg font-semibold"><%= t("users.registrations.edit.cancel_my_account") %></h2>
+    <p class="text-sm text-muted-foreground"><%= t("users.registrations.edit.cancel_my_account_description") %></p>
+  </div>
+
+  <%# A typed confirmation: the user types their email before deleting. The
+      dialog holds the DELETE form; its input demands the exact address
+      (pattern + required, enforced by the browser, no script) and the
+      destructive footer button submits the form. The bridge--sign-out
+      controller takes over the click inside the native apps. %>
+  <%= poetry_dialog do |dialog| %>
+    <% dialog.with_trigger(variant: :destructive) do %>
+      <%= poetry_icon(name: :trash) %>
+      <%= t("users.registrations.edit.cancel_my_account") %>
+    <% end %>
+    <% dialog.with_title { t("are_you_sure") } %>
+    <% dialog.with_description { t("users.registrations.edit.cancel_my_account_confirm_description_html") } %>
+    <%= form_with url: registration_path, method: :delete, id: "cancel-account-form" do %>
+      <%= poetry_field(id: "cancel-account-confirmation",
+                       label_text: t("users.registrations.edit.cancel_my_account_confirm_label", default: "Type %{email} to confirm", email: current_user.email)) do |field| %>
+        <%= poetry_input(name: "confirmation", autocomplete: "off", pattern: Regexp.escape(current_user.email), required: true,
+                         **field.control_attributes.transform_keys(&:to_sym)) %>
+      <% end %>
+    <% end %>
+    <% dialog.with_footer do %>
+      <%= poetry_button(type: :submit, form: "cancel-account-form", variant: :destructive,
+                        data: { controller: "bridge--sign-out", action: "bridge--sign-out#signOut",
+                                "bridge--sign-out-path-value": api_v1_me_path }) do %>
+        <%= t("users.registrations.edit.cancel_my_account") %>
+      <% end %>
+    <% end %>
+  <% end %>
+</section>

data/lib/generators/poetry_jumpstart_pro/install/templates/auth/users/registrations/new.html.erb

@@ -0,0 +1,55 @@
+<%# Poetry recreation of Jumpstart's users/registrations/new: sign up. The
+    same params (user[name|email|password|terms_of_service]), the spam
+    protection fields, and the invitation notice when arriving from an
+    invite. %>
+<% content_for :title, t("users.registrations.new.title") %>
+
+<div class="mx-auto w-full max-w-md px-4 py-10 lg:px-6">
+  <header class="mb-8 space-y-2 text-center">
+    <h1 class="text-2xl font-semibold tracking-tight"><%= t("users.registrations.new.sign_up") %></h1>
+    <p class="text-sm text-muted-foreground">
+      <%= t("users.registrations.new.login_html", link: poetry_link(href: login_path, underline: :always) { t("users.registrations.new.login") }) %>
+    </p>
+  </header>
+
+  <% if @account_invitation %>
+    <%= poetry_alert(class: "mb-6") do |invitation| %>
+      <% invitation.with_icon(name: :"user-plus") %>
+      <% invitation.with_title do %>
+        <%= t("users.registrations.new.invited_you_to_join_html", inviter: @account_invitation.invited_by.name, account: @account_invitation.account.name) %>
+      <% end %>
+    <% end %>
+  <% end %>
+
+  <%= form_with model: @user, url: registration_path(invite: params[:invite]), builder: Poetry::Ui::FormBuilder do |f| %>
+    <%= render "application/error_messages", resource: @user %>
+
+    <%# Extra fields for creating an Account as part of registration belong
+        here, through f.fields_for :owned_accounts. %>
+
+    <%= f.group do %>
+      <%= f.text_field :name, autocomplete: "name" %>
+      <%= f.email_field :email, autocomplete: "email" %>
+      <%= f.password_field :password, autocomplete: "new-password",
+                           hint: t("users.shared.minimum_password_length", count: User::MINIMUM_PASSWORD_LENGTH) %>
+    <% end %>
+
+    <%= spam_protection_fields %>
+
+    <%# The terms label carries two links: the translated _html string stays
+        html-safe through the builder's label:, so the Field renders the markup. %>
+    <div class="mt-6">
+      <%= f.check_box :terms_of_service,
+                      label: t("users.registrations.new.terms_html",
+                               terms: poetry_link(href: terms_path, external: true, underline: :always) { t("users.registrations.new.terms_of_service") },
+                               privacy: poetry_link(href: privacy_path, external: true, underline: :always) { t("users.registrations.new.privacy_policy") }) %>
+    </div>
+
+    <div class="mt-6">
+      <%= f.submit t("users.registrations.new.sign_up"), class: "w-full",
+                   data: { "turbo-submits-with": t("users.registrations.new.submitting") } %>
+    </div>
+  <% end %>
+
+  <%= render "users/shared/oauth" %>
+</div>

data/lib/generators/poetry_jumpstart_pro/install/templates/auth/users/sessions/new.html.erb

@@ -0,0 +1,39 @@
+<%# Poetry recreation of Jumpstart's users/sessions/new: the log in form. It
+    posts user[email] and user[password] to session_path, as the original
+    does; the fields are composed from Field + Input by hand because the form
+    has no model behind it. %>
+<% content_for :title, t("users.sessions.new.title") %>
+
+<div class="mx-auto w-full max-w-md px-4 py-10 lg:px-6">
+  <header class="mb-8 space-y-2 text-center">
+    <h1 class="text-2xl font-semibold tracking-tight"><%= t("users.sessions.new.sign_in") %></h1>
+    <p class="text-sm text-muted-foreground">
+      <%= t("users.sessions.new.sign_up_html", link: poetry_link(href: signup_path, underline: :always) { t("users.sessions.new.sign_up") }) %>
+    </p>
+  </header>
+
+  <%= form_with url: session_path, scope: :user do %>
+    <%= poetry_field_group do %>
+      <%= poetry_field(id: "user_email", label_text: User.human_attribute_name(:email)) do |field| %>
+        <%= poetry_input(type: "email", name: "user[email]", value: params.dig(:user, :email),
+                         autofocus: true, autocomplete: "email",
+                         **field.control_attributes.transform_keys(&:to_sym)) %>
+      <% end %>
+
+      <%= poetry_field(id: "user_password", label_text: User.human_attribute_name(:password)) do |field| %>
+        <%= poetry_input(type: "password", name: "user[password]", autocomplete: "current-password",
+                         **field.control_attributes.transform_keys(&:to_sym)) %>
+      <% end %>
+    <% end %>
+
+    <div class="mt-6">
+      <%= poetry_button(type: :submit, name: "commit", value: t("users.sessions.new.sign_in"), class: "w-full") { t("users.sessions.new.sign_in") } %>
+    </div>
+  <% end %>
+
+  <p class="mt-4 text-center text-sm">
+    <%= poetry_link(href: new_password_path, class: "text-muted-foreground") { t("users.shared.forgot_your_password") } %>
+  </p>
+
+  <%= render "users/shared/oauth" %>
+</div>

data/lib/generators/poetry_jumpstart_pro/install/templates/auth/users/sessions/otps/new.html.erb

@@ -0,0 +1,24 @@
+<%# Poetry recreation of Jumpstart's users/sessions/otps/new: the two-factor
+    challenge after a successful password check. The field is a plain Input
+    on purpose: it accepts a six-digit app code or a ten-character backup
+    code, so a fixed-length code control would lock recovery out. %>
+<% content_for :title, t("users.two_factor.title") %>
+
+<div class="mx-auto w-full max-w-md px-4 py-10 lg:px-6">
+  <header class="mb-8 space-y-2 text-center">
+    <h1 class="text-2xl font-semibold tracking-tight"><%= t("users.two_factor.title") %></h1>
+  </header>
+
+  <%= form_with url: session_otp_path do %>
+    <%= poetry_field_group do %>
+      <%= poetry_field(id: "otp_attempt", label_text: t("users.two_factor.verification_code"), required: true) do |field| %>
+        <%= poetry_input(name: "otp_attempt", autocomplete: "one-time-code", inputmode: "numeric", autofocus: true,
+                         **field.control_attributes.transform_keys(&:to_sym)) %>
+      <% end %>
+    <% end %>
+
+    <div class="mt-6">
+      <%= poetry_button(type: :submit, name: "commit", value: t("users.two_factor.submit"), class: "w-full") { t("users.two_factor.submit") } %>
+    </div>
+  <% end %>
+</div>

data/lib/generators/poetry_jumpstart_pro/install/templates/auth/users/shared/_oauth.html.erb

@@ -0,0 +1,22 @@
+<%# Poetry recreation of Jumpstart's users/shared/_oauth: the "or" divider
+    and one sign-in button per enabled OAuth provider under the log in and
+    sign up forms. Each form is a full-page submit (data-turbo="false"): the
+    OmniAuth request phase is a POST the middleware answers with a redirect. %>
+<% if Jumpstart::Omniauth.enabled_providers.any? %>
+  <%= poetry_field_separator(class: "my-6") { t("users.shared.or") } %>
+
+  <div class="grid gap-2">
+    <% Jumpstart::Omniauth.enabled_providers.each_key do |provider| %>
+      <%# Google refuses OAuth inside a web view, so the native app's
+          google-sign-in bridge component takes this button over and posts a
+          native ID token instead. The bridge controller only loads in an app
+          that supports the component, so the attributes are inert on the web. %>
+      <% bridge = { controller: "bridge--google-sign-in", action: "bridge--google-sign-in#signIn" } if provider == :google_oauth2 && Jumpstart.config.native_sign_in? %>
+      <%= form_with url: omniauth_authorize_path(provider), method: :post, data: { turbo: false } do %>
+        <%= poetry_button(type: :submit, variant: :outline, class: "w-full", data: bridge.to_h) do %>
+          <%= t("oauth.sign_in_with", provider: t("oauth.#{provider}")) %>
+        <% end %>
+      <% end %>
+    <% end %>
+  </div>
+<% end %>

data/lib/generators/poetry_jumpstart_pro/install/templates/auth/users/sudo/new.html.erb

@@ -0,0 +1,31 @@
+<%# Poetry recreation of Jumpstart's users/sudo/new: confirm the password
+    before a sensitive action. Rendered by the Users::Sudo concern from any
+    protected action and after a wrong password, so the redirect_to round
+    trip stays. %>
+<% content_for :title, t("users.sudo.title") %>
+
+<div class="mx-auto w-full max-w-md px-4 py-10 lg:px-6">
+  <header class="mb-8 space-y-2 text-center">
+    <h1 class="text-2xl font-semibold tracking-tight"><%= t("users.sudo.title") %></h1>
+  </header>
+
+  <%= poetry_card do %>
+    <%= form_with url: sudo_path do %>
+      <%= hidden_field_tag :redirect_to, params[:redirect_to] || request.url %>
+
+      <%= poetry_field_group do %>
+        <%= poetry_field(id: "password", label_text: User.human_attribute_name(:password)) do |field| %>
+          <% field.with_hint do %>
+            <%= poetry_link(href: new_password_path) { t("users.sudo.forgot_password") } %>
+          <% end %>
+          <%= poetry_input(type: "password", name: "password", autocomplete: "current-password", autofocus: true,
+                           **field.control_attributes.transform_keys(&:to_sym)) %>
+        <% end %>
+      <% end %>
+
+      <div class="mt-6">
+        <%= poetry_button(type: :submit, class: "w-full") { t("users.sudo.submit") } %>
+      </div>
+    <% end %>
+  <% end %>
+</div>

data/lib/generators/poetry_jumpstart_pro/install/templates/auth/users/two_factor/verify.html.erb

@@ -0,0 +1,53 @@
+<%# Poetry recreation of Jumpstart's users/two_factor/verify: turning on
+    two-factor authentication. Scan the QR code (or copy the key), then
+    confirm with a six-digit code from the app; posts `code` to
+    user_two_factor_path, as the original does. %>
+<% content_for :title, t(".title") %>
+
+<div class="mx-auto w-full max-w-2xl px-4 py-10 lg:px-6">
+  <header class="space-y-1">
+    <h1 class="text-2xl font-semibold tracking-tight"><%= t(".title") %></h1>
+    <p class="text-sm text-muted-foreground"><%= t(".description") %></p>
+  </header>
+
+  <ol class="mt-6 list-inside list-decimal space-y-1 text-sm">
+    <li>
+      <%= t(".instructions_1_html",
+            android: poetry_link(href: "https://play.google.com/store/apps/details?id=com.authy.authy", external: true, underline: :always) { "Android" },
+            ios: poetry_link(href: "https://apps.apple.com/us/app/authy/id494168017", external: true, underline: :always) { "iOS" }) %>
+    </li>
+    <li><%= t(".instructions_2") %></li>
+    <li><%= t(".instructions_3") %></li>
+  </ol>
+
+  <%# The QR code sits on a white tile in both themes: scanners want dark
+      modules on a light ground, so this one surface does not follow the
+      theme tokens. %>
+  <div class="mx-auto my-8 w-48 max-w-full rounded-lg bg-white p-3 shadow-xs">
+    <%= current_user.two_factor_otp_qr_code(viewbox: true) %>
+  </div>
+
+  <div class="space-y-2">
+    <p class="text-sm text-muted-foreground"><%= t(".instructions_4") %></p>
+    <%= poetry_clipboard_text(value: current_user.otp_app_code, label: t(".instructions_4")) %>
+  </div>
+
+  <%= poetry_separator(class: "my-8") %>
+
+  <h2 class="text-lg font-semibold"><%= t(".verify_header") %></h2>
+  <p class="mt-1 text-sm text-muted-foreground"><%= t(".verify_description") %></p>
+
+  <%= form_with url: user_two_factor_path, class: "mt-6" do %>
+    <%= poetry_field_group do %>
+      <%= poetry_field(id: "code", label_text: t("users.two_factor.verification_code"), required: true) do |field| %>
+        <%= poetry_input_otp(name: "code", length: 6, groups: [3, 3], required: true,
+                             **field.control_attributes.slice("id", "aria-describedby").transform_keys(&:to_sym)) %>
+      <% end %>
+    <% end %>
+
+    <div class="mt-6 flex flex-wrap items-center justify-between gap-3">
+      <%= poetry_button(variant: :outline, href: edit_account_password_path) { t("cancel") } %>
+      <%= poetry_button(type: :submit) { t(".verify") } %>
+    </div>
+  <% end %>
+</div>

data/lib/generators/poetry_jumpstart_pro/install/templates/billing/billing/_charges.html.erb

@@ -0,0 +1,45 @@
+<%# Poetry recreation of Jumpstart's billing/_charges: payment history with
+    the invoice and receipt PDF links per charge; billing/show passes the
+    charges in. %>
+<%# locals: (charges:) -%>
+<%= poetry_card(title_tag: :h2) do |card| %>
+  <% card.with_title { t(".title") } %>
+
+  <% if charges.any? %>
+    <div class="overflow-hidden rounded-lg border">
+      <%= poetry_table do %>
+        <%= poetry_table_caption(class: "sr-only") { t(".title") } %>
+        <%= poetry_table_header do %>
+          <%= poetry_table_row do %>
+            <%= poetry_table_head { t(".date") } %>
+            <%= poetry_table_head { t(".amount") } %>
+            <%= poetry_table_head { t(".invoice") } %>
+            <%= poetry_table_head { t(".receipt") } %>
+          <% end %>
+        <% end %>
+        <%= poetry_table_body do %>
+          <% charges.each do |charge| %>
+            <%= poetry_table_row(id: dom_id(charge)) do %>
+              <%= poetry_table_cell(class: "font-medium") { charge.created_at.strftime("%B %e, %Y") } %>
+              <%= poetry_table_cell(class: "tabular-nums") { pay_amount_to_currency(charge) } %>
+              <%= poetry_table_cell do %>
+                <%= poetry_link(href: invoice_billing_charge_path(charge, format: :pdf), external: true, class: "inline-flex items-center gap-1 font-medium") do %>
+                  <%= poetry_icon(name: :"file-text", class: "size-4") %>
+                  <%= t(".view") %><span class="sr-only"> <%= t(".invoice") %></span>
+                <% end %>
+              <% end %>
+              <%= poetry_table_cell do %>
+                <%= poetry_link(href: billing_charge_path(charge, format: :pdf), external: true, class: "inline-flex items-center gap-1 font-medium") do %>
+                  <%= poetry_icon(name: :receipt, class: "size-4") %>
+                  <%= t(".view") %><span class="sr-only"> <%= t(".receipt") %></span>
+                <% end %>
+              <% end %>
+            <% end %>
+          <% end %>
+        <% end %>
+      <% end %>
+    </div>
+  <% else %>
+    <p class="text-sm text-muted-foreground"><%= t(".empty") %></p>
+  <% end %>
+<% end %>

data/lib/generators/poetry_jumpstart_pro/install/templates/billing/billing/_email.html.erb

@@ -0,0 +1,15 @@
+<%# Poetry recreation of Jumpstart's billing/_email: the billing email form
+    (PATCH /billing, account[billing_email]) as a section card. %>
+<%= poetry_card(title_tag: :h2) do |card| %>
+  <% card.with_title { t(".billing_email") } %>
+  <% card.with_description { t(".description") } %>
+
+  <%= form_with model: current_account, url: billing_path, builder: Poetry::Ui::FormBuilder do |f| %>
+    <div class="flex flex-col gap-4 sm:flex-row sm:items-end">
+      <div class="w-full sm:max-w-80">
+        <%= f.field :billing_email, type: "email", label: t(".email_address", default: "Email address"), autocomplete: "email" %>
+      </div>
+      <%= f.submit t(".save"), variant: :outline, data: { turbo_submits_with: t(".saving") } %>
+    </div>
+  <% end %>
+<% end %>

data/lib/generators/poetry_jumpstart_pro/install/templates/billing/billing/_info.html.erb

@@ -0,0 +1,30 @@
+<%# Poetry recreation of Jumpstart's billing/_info: extra billing information
+    (PATCH /billing, account[extra_billing_info]) behind a disclosure, with the
+    saved text shown beneath. The collapsible replaces the toggle controller. %>
+<%= poetry_card(title_tag: :h2) do |card| %>
+  <% card.with_title { t(".extra_billing_info") } %>
+  <% card.with_description { t(".additional_information") } %>
+
+  <div class="flex flex-col gap-4">
+    <% if current_account.extra_billing_info? %>
+      <blockquote class="whitespace-pre-line border-l-4 border-border py-1 pl-4 font-mono text-sm text-muted-foreground"><%= current_account.extra_billing_info %></blockquote>
+    <% end %>
+
+    <%= poetry_collapsible do |collapsible| %>
+      <% collapsible.with_trigger(compose: true) do |wiring| %>
+        <%= poetry_button(variant: :outline, **wiring) { t(".add_info") } %>
+      <% end %>
+
+      <div class="max-w-lg pt-4">
+        <%= form_with model: current_account, url: billing_path, builder: Poetry::Ui::FormBuilder do |f| %>
+          <div class="flex flex-col gap-4">
+            <%= f.field :extra_billing_info, as: :textarea, rows: 4, label: t(".information", default: "Information") %>
+            <div>
+              <%= f.submit t(".save_info"), variant: :outline, data: { turbo_submits_with: t(".saving") } %>
+            </div>
+          </div>
+        <% end %>
+      </div>
+    <% end %>
+  </div>
+<% end %>

data/lib/generators/poetry_jumpstart_pro/install/templates/billing/billing/show.html.erb

@@ -0,0 +1,26 @@
+<%# Poetry recreation of Jumpstart's billing/show: the account's current
+    plans, billing email, extra billing information and payment history.
+    Renders inside the sidebar layout column, which owns the container. %>
+<% content_for :title, t(".title") %>
+
+<div class="flex flex-col gap-8">
+  <h1 class="text-2xl font-semibold tracking-tight"><%= t(".title") %></h1>
+
+  <section class="flex flex-col gap-4" aria-labelledby="billing-subscriptions-title">
+    <h2 id="billing-subscriptions-title" class="text-lg font-semibold tracking-tight"><%= t(".subscriptions") %></h2>
+
+    <% if @subscriptions.any? %>
+      <%= render partial: "billing/subscriptions/subscription", collection: @subscriptions %>
+    <% else %>
+      <%= poetry_empty(media_variant: :icon, title_tag: :h3, class: "rounded-lg border py-10") do |empty| %>
+        <% empty.with_media { poetry_icon(name: :"credit-card") } %>
+        <% empty.with_title { t(".not_subscribed") } %>
+        <%= poetry_button(href: pricing_path) { t(".choose_plan") } %>
+      <% end %>
+    <% end %>
+  </section>
+
+  <%= render partial: "billing/email" %>
+  <%= render partial: "billing/info" %>
+  <%= render "billing/charges", charges: @charges %>
+</div>

data/lib/generators/poetry_jumpstart_pro/install/templates/billing/billing/subscriptions/_plan.html.erb

@@ -0,0 +1,33 @@
+<%# Poetry recreation of Jumpstart's billing/subscriptions/_plan: one plan
+    card. Rendered as a layout partial - the caller's block (yield) is the
+    plan's action, evaluated here so its lazy t(".…") keys resolve under
+    billing.subscriptions.plan, exactly as the engine's callers rely on. %>
+<%= poetry_card(key: plan, title_tag: :h2, class: "h-full", content_class: "flex flex-1 flex-col gap-6") do |card| %>
+  <% card.with_title { plan.name } %>
+  <% card.with_description { plan.description } if plan.description.present? %>
+
+  <p class="flex flex-wrap items-baseline gap-x-2">
+    <% if plan.contact_url? %>
+      <span class="text-4xl font-semibold tracking-tight"><%= t(".contact_us_price") %></span>
+    <% else %>
+      <span class="text-4xl font-semibold tracking-tight tabular-nums"><%= pay_amount_to_currency(plan, strip_insignificant_zeros: true) %></span>
+      <span class="text-sm font-medium text-muted-foreground">
+        <% if plan.unit_label? %>/ <%= plan.unit_label %> <% end %>/ <%= formatted_plan_interval(plan) %>
+      </span>
+    <% end %>
+  </p>
+
+  <%# The per-plan action supplied by the caller %>
+  <div><%= yield %></div>
+
+  <% if plan.features.any? %>
+    <ul class="flex flex-col gap-2 text-sm text-muted-foreground">
+      <% plan.features.each do |plan_feature| %>
+        <li class="flex items-start gap-2">
+          <%= poetry_icon(name: :check, class: "mt-0.5 size-4 shrink-0 text-primary") %>
+          <span><%= plan_feature %></span>
+        </li>
+      <% end %>
+    </ul>
+  <% end %>
+<% end %>

data/lib/generators/poetry_jumpstart_pro/install/templates/billing/billing/subscriptions/_subscription.html.erb

@@ -0,0 +1,74 @@
+<%# Poetry recreation of Jumpstart's billing/subscriptions/_subscription: one
+    subscription card - status badge, plan summary, trial/grace copy and the
+    state-driven actions. Same routes and conditions as the engine partial. %>
+<%= tag.div id: dom_id(subscription) do %>
+<%= poetry_card(key: subscription) do |card| %>
+  <% if subscription.generic_trial? %>
+    <div class="flex flex-col items-start gap-2">
+      <%= poetry_badge(variant: :info) { t(".free_trial") } %>
+      <p class="text-sm"><%= t(".free_trial_ends", date: l(subscription.trial_ends_at.to_date, format: :long)) %></p>
+    </div>
+
+  <% else %>
+    <div class="flex flex-col gap-6 lg:flex-row lg:items-start lg:justify-between">
+      <div class="flex flex-1 flex-col items-start gap-3">
+        <% if subscription.canceled? %>
+          <%= poetry_badge(variant: :outline) { t(".canceled") } %>
+        <% elsif subscription.incomplete? %>
+          <%= poetry_badge(variant: :outline) { t(".incomplete") } %>
+        <% elsif subscription.past_due? %>
+          <%= poetry_badge(variant: :warning) { t(".past_due") } %>
+        <% elsif subscription.unpaid? %>
+          <%= poetry_badge(variant: :warning) { t(".unpaid") } %>
+        <% end %>
+
+        <%= render partial: "billing/subscriptions/summary", locals: { subscription: subscription } %>
+
+        <% if subscription.metered? %>
+          <%= poetry_link(href: billing_subscription_upcoming_path(subscription), class: "text-sm font-medium") { t(".view_usage") } %>
+        <% elsif subscription.plan&.charge_per_unit? %>
+          <%= poetry_link(href: billing_subscription_upcoming_path(subscription), class: "text-sm font-medium") { t(".view_upcoming_invoice") } %>
+        <% end %>
+
+        <% if subscription.on_trial? && subscription.canceled? %>
+          <p class="text-sm text-muted-foreground"><%= t(".canceled_on_trial", date: l(subscription.trial_ends_at.to_date, format: :long)) %></p>
+        <% elsif subscription.on_trial? %>
+          <p class="text-sm text-muted-foreground"><%= t(".trial", date: l(subscription.trial_ends_at.to_date, format: :long)) %></p>
+        <% elsif subscription.on_grace_period? %>
+          <p class="flex items-center gap-2 text-sm text-muted-foreground">
+            <%= poetry_icon(name: :calendar, class: "size-4 shrink-0") %>
+            <% if subscription.ends_at? %>
+              <span><%= t(".ends_at", date: l(subscription.ends_at.to_date, format: :long)) %></span>
+            <% elsif subscription.pause_starts_at %>
+              <span><%= t(".paused_at", date: l(subscription.pause_starts_at.to_date, format: :long)) %></span>
+            <% end %>
+          </p>
+        <% elsif subscription.paused? %>
+          <p class="text-sm text-muted-foreground"><%= t(".paused") %></p>
+        <% end %>
+      </div>
+
+      <div class="flex flex-col gap-2 lg:w-56">
+        <% if subscription.on_grace_period? %>
+          <%= poetry_button(href: billing_subscription_resume_path(subscription)) { t(".resume") } if subscription.resumable? %>
+        <% elsif subscription.active? %>
+          <%= poetry_button(variant: :outline, href: edit_billing_subscription_path(subscription)) { t(".change_plan") } %>
+          <%= poetry_button(variant: :outline, href: new_billing_subscription_payment_method_path(subscription)) { t(".update_payment_method") } %>
+          <%= poetry_button(variant: :outline, href: billing_subscription_cancel_path(subscription)) { t(".cancel_plan") } %>
+        <% elsif subscription.paused? %>
+          <%= poetry_button(href: billing_subscription_resume_path(subscription)) { t(".resume") } %>
+          <%= poetry_button(variant: :outline, href: billing_subscription_cancel_path(subscription)) { t(".cancel_plan") } %>
+        <% elsif subscription.incomplete? %>
+          <%= poetry_button(href: pay.payment_path(subscription.latest_payment.id)) { t(".confirm_payment") } %>
+        <% elsif subscription.past_due? %>
+          <%= poetry_button(href: new_billing_subscription_payment_method_path(subscription)) { t(".update_payment_method") } %>
+          <%= poetry_button(variant: :outline, href: billing_subscription_cancel_path(subscription)) { t(".cancel_plan") } %>
+        <% elsif subscription.unpaid? %>
+          <%= poetry_button(href: new_billing_subscription_payment_method_path(subscription)) { t(".update_payment_method") } %>
+          <%= poetry_button(variant: :outline, href: billing_subscription_cancel_path(subscription)) { t(".cancel_plan") } %>
+        <% end %>
+      </div>
+    </div>
+  <% end %>
+<% end %>
+<% end %>

data/lib/generators/poetry_jumpstart_pro/install/templates/billing/billing/subscriptions/_summary.html.erb

@@ -0,0 +1,21 @@
+<%# Poetry recreation of Jumpstart's billing/subscriptions/_summary: the plan
+    name, its price per interval, and a seat badge for per-unit or multi-seat
+    plans. heading_tag is an optional local (default :h3) so each page keeps a
+    sane outline. %>
+<% heading_tag = local_assigns.fetch(:heading_tag, :h3) %>
+<% plan = subscription.plan %>
+<div class="flex flex-col items-start gap-1.5">
+  <%= tag.public_send(heading_tag, plan&.name.presence || subscription.name, class: "text-lg font-semibold tracking-tight") %>
+  <% if plan %>
+    <p class="flex items-baseline gap-1">
+      <span class="text-base font-medium tabular-nums"><%= pay_amount_to_currency(subscription) %></span>
+      <span class="text-sm text-muted-foreground">/ <%= formatted_plan_interval(plan) %></span>
+    </p>
+    <% if plan.charge_per_unit? || subscription.quantity > 1 %>
+      <% seat = plan.unit_label? ? t(".per_unit", unit: plan.unit_label) : t(".each") %>
+      <%= poetry_badge(variant: :outline, class: "tabular-nums") do %>
+        <%= t(".quantity", quantity: subscription.quantity, price: pay_amount_to_currency(plan), unit: seat) %>
+      <% end %>
+    <% end %>
+  <% end %>
+</div>