From 0f807a87a346e79d118d264105d6c9f3b21bf025 Mon Sep 17 00:00:00 2001
From: maebeale <maebeale@users.noreply.github.com>
Date: Wed, 8 Jul 2026 10:43:58 -0400
Subject: [PATCH 01/32] Materialize ticket callouts: schema, seeder,
 multi-resource links
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Foundation for turning the code-defined "magic" ticket callouts into editable
per-event rows so admins can edit, hide, restore, and reorder them.

- Add magic_key (hidden built-in identifier), hidden (draft/opt-out), and
  display_from (drip date) to registration_ticket_callouts.
- Replace the single resource_id belongs_to with an ordered join table so a
  callout can link many resources (Handouts, custom callouts); migrate existing
  links and update the editor/detail consumers.
- DefaultTicketCallouts seeds the content cards (Handouts, FAQ) with their
  current copy/resources, deriving default visibility from the same rules as
  Event#show_*_callout?; idempotent so it never clobbers admin edits.

Not yet wired to create/edit or the renderer — MagicTicketCallouts still drives
the ticket, and will skip any card an event has materialized to avoid
double-rendering. Follow-ups add the seeder hook, the row-backed renderer, and
the editor UI.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 ...registration_ticket_callouts_controller.rb |   2 +-
 app/models/registration_ticket_callout.rb     |  36 ++++-
 .../registration_ticket_callout_resource.rb   |  14 ++
 app/policies/event_policy.rb                  |   2 +-
 app/services/default_ticket_callouts.rb       | 138 ++++++++++++++++++
 ...egistration_ticket_callout_fields.html.erb |   9 +-
 .../show.html.erb                             |   5 +-
 ...60708143408_materialize_ticket_callouts.rb |  73 +++++++++
 db/schema.rb                                  |  20 ++-
 .../factories/registration_ticket_callouts.rb |  22 +++
 .../registration_ticket_callout_spec.rb       |  68 +++++++++
 .../registration_ticket_callouts_spec.rb      |   6 +-
 spec/services/default_ticket_callouts_spec.rb |  72 +++++++++
 13 files changed, 448 insertions(+), 19 deletions(-)
 create mode 100644 app/models/registration_ticket_callout_resource.rb
 create mode 100644 app/services/default_ticket_callouts.rb
 create mode 100644 db/migrate/20260708143408_materialize_ticket_callouts.rb
 create mode 100644 spec/services/default_ticket_callouts_spec.rb

diff --git a/app/controllers/registration_ticket_callouts_controller.rb b/app/controllers/registration_ticket_callouts_controller.rb
index acd4f9100d..d06fed5825 100644
--- a/app/controllers/registration_ticket_callouts_controller.rb
+++ b/app/controllers/registration_ticket_callouts_controller.rb
@@ -10,7 +10,7 @@ def show
     @callout = @event.registration_ticket_callouts.find(params[:id])
     authorize! @callout, to: :show?
 
-    if @callout.description.blank? && @callout.resource.nil?
+    if @callout.description.blank? && @callout.resources.empty?
       redirect_to event_path(@event, reg: params[:reg].presence)
       return
     end
diff --git a/app/models/registration_ticket_callout.rb b/app/models/registration_ticket_callout.rb
index 1ed9edc765..b736405b73 100644
--- a/app/models/registration_ticket_callout.rb
+++ b/app/models/registration_ticket_callout.rb
@@ -5,6 +5,16 @@ class RegistrationTicketCallout < ApplicationRecord
   # group them on the ticket later.
   CALLOUT_TYPES = %w[ action reference ].freeze
 
+  # Hidden identifiers for the built-in ("magic") callouts. A row carrying one of
+  # these was seeded from a code-defined default (see DefaultTicketCallouts) and
+  # keeps its ticket behavior — badges, per-registration visibility — driven by
+  # that key. Admin-authored callouts have a nil magic_key. Magic callouts are
+  # hidden rather than destroyed so they can be restored to their default.
+  MAGIC_KEYS = %w[
+    payment certificate scholarship ce_hours event_details
+    videoconference forms handouts faq
+  ].freeze
+
   # Per-type fallbacks for the icon and colour. These are callout-specific (unlike
   # the generic colour swatches and palette, which live in DomainTheme so the whole
   # app can reuse them for tinted boxes — amount-due, scholarship box, etc.).
@@ -18,10 +28,12 @@ class RegistrationTicketCallout < ApplicationRecord
 
   belongs_to :event
 
-  # Optionally links the callout to a Resource. When present, the callout's
-  # detail page renders the resource's display (PDF first-page preview, etc.)
-  # and a download button beneath the callout's own title/subtitle/content.
-  belongs_to :resource, optional: true
+  # A callout can link many resources, shown in order on its detail page (PDF
+  # previews + download buttons) beneath its own title/subtitle/content — e.g.
+  # the Handouts card's worksheets, or a custom callout's supporting documents.
+  has_many :registration_ticket_callout_resources, -> { ordered }, dependent: :destroy,
+           inverse_of: :registration_ticket_callout
+  has_many :resources, through: :registration_ticket_callout_resources
 
   # Per-event ordering, drag-reordered after save via the shared `sortable`
   # Stimulus controller (a per-row PUT to #update). The gem reflows the other
@@ -33,13 +45,29 @@ class RegistrationTicketCallout < ApplicationRecord
   validates :callout_type, inclusion: { in: CALLOUT_TYPES }
   validates :color_class, inclusion: { in: DomainTheme::SWATCH_COLORS.map(&:to_s) }, allow_blank: true
   validates :position, numericality: { only_integer: true, greater_than: 0, allow_nil: true }
+  validates :magic_key, inclusion: { in: MAGIC_KEYS }, allow_nil: true
+  validates :magic_key, uniqueness: { scope: :event_id }, allow_nil: true
 
   scope :ordered, -> { order(:position, :id) }
+  scope :visible, -> { where(hidden: false) }
+  scope :magic, -> { where.not(magic_key: nil) }
+  scope :custom, -> { where(magic_key: nil) }
 
   def action?
     callout_type == "action"
   end
 
+  # A seeded built-in callout (Handouts, FAQ, …) rather than an admin-authored
+  # one. Magic callouts hide instead of delete and can be reset to default.
+  def magic?
+    magic_key.present?
+  end
+
+  # Whether the callout is drip-scheduled to appear only from a future date.
+  def dripping?(now = Time.current)
+    display_from.present? && display_from > now
+  end
+
   # Font Awesome class for the leading icon, falling back to a sensible default
   # per callout type so a callout never renders without an icon.
   def display_icon_class
diff --git a/app/models/registration_ticket_callout_resource.rb b/app/models/registration_ticket_callout_resource.rb
new file mode 100644
index 0000000000..f3f2a12f01
--- /dev/null
+++ b/app/models/registration_ticket_callout_resource.rb
@@ -0,0 +1,14 @@
+class RegistrationTicketCalloutResource < ApplicationRecord
+  # Ordered join between a callout and the resources it links to (e.g. the
+  # Handouts card's worksheets, or a custom callout's supporting documents).
+  # Reordered like the callouts themselves via the positioning gem.
+  belongs_to :registration_ticket_callout
+  belongs_to :resource
+
+  positioned on: :registration_ticket_callout_id
+
+  validates :resource_id, uniqueness: { scope: :registration_ticket_callout_id }
+  validates :position, numericality: { only_integer: true, greater_than: 0, allow_nil: true }
+
+  scope :ordered, -> { order(:position, :id) }
+end
diff --git a/app/policies/event_policy.rb b/app/policies/event_policy.rb
index c9d2c0a5b9..88a0efb713 100644
--- a/app/policies/event_policy.rb
+++ b/app/policies/event_policy.rb
@@ -159,7 +159,7 @@ def google_analytics?
                   sector_ids: [],
                   primary_asset_attributes: [ :id, :file, :_destroy ],
                   gallery_assets_attributes: [ :id, :file, :_destroy ],
-                  registration_ticket_callouts_attributes: [ :id, :title, :subtitle, :description, :callout_type, :icon_class, :color_class, :payment_access_gated, :resource_id, :_destroy ]
+                  registration_ticket_callouts_attributes: [ :id, :title, :subtitle, :description, :callout_type, :icon_class, :color_class, :payment_access_gated, :hidden, :_destroy, { resource_ids: [] } ]
         ]
 
     permitted.prepend(:ga4_snippet, :gtm_head_snippet, :gtm_body_snippet) if admin?
diff --git a/app/services/default_ticket_callouts.rb b/app/services/default_ticket_callouts.rb
new file mode 100644
index 0000000000..9fbc937bb1
--- /dev/null
+++ b/app/services/default_ticket_callouts.rb
@@ -0,0 +1,138 @@
+# Materializes the built-in ("magic") ticket callouts into editable rows for an
+# event. Run on event create and, for events that predate this, lazily on edit —
+# so existing events heal the first time they're saved, with no data backfill.
+#
+# Each definition carries the callout's default content plus how its initial
+# visibility (`hidden`) is derived from the event's config, using the same rules
+# the code-defined cards used (see Event#show_*_callout?). Seeding is idempotent:
+# a magic_key already present on the event is left untouched, so a re-run never
+# clobbers admin edits.
+#
+# Only the content-and-resource cards (Handouts, FAQ) are materialized today; the
+# stateful cards (payment, CE, scholarship, …) still render through
+# MagicTicketCallouts until their per-registration behavior is keyed off the row.
+# MagicTicketCallouts skips any card an event has already materialized, so the two
+# paths never double-render.
+class DefaultTicketCallouts
+  # Default FAQ content for the 2-day training, mirrored from the code-defined FAQ
+  # page so a newly materialized card starts with the current copy. Admins edit it
+  # per event afterward.
+  FAQS = [
+    { q: "Who is this training designed for?",
+      a: [ "This training is designed for anyone interested in incorporating healing arts into the work they do with individuals, groups, or communities. Participants come from a wide range of backgrounds, including education, mental health, social services, healthcare, community organizing, advocacy, and nonprofit work." ] },
+    { q: "Do I need to be an artist or have art experience to participate?",
+      a: [ "No prior art experience or artistic background is required to participate in the training. The AWBW approach is centered on the creative process rather than artistic skill or technique." ] },
+    { q: "Is the training trauma-informed?",
+      a: [ "Yes. The AWBW model, philosophy, and facilitation approach are rooted in trauma-informed practices. The training includes dedicated content focused on trauma-informed facilitation and creating supportive, inclusive environments for participants." ] },
+    { q: "Do I need to work for an organization to participate in the training or become a facilitator?",
+      a: [ "No. You do not need to be affiliated with an organization or agency to participate in the training or become an AWBW Facilitator. While many facilitators implement the workshops within organizations, schools, or community programs, others use the workshops in private practice, community spaces, support groups, creative gatherings, or personal healing work. The workshops are designed to be flexible and adaptable across a variety of settings and populations." ] },
+    { q: "Can I use the workshops with youth? Adults? Families?",
+      a: [ "Yes. AWBW workshops are designed to be flexible and adaptable for individuals of all ages, including youth, adults, families, and intergenerational groups.",
+           "Within the facilitator portal, workshops can be searched and filtered by focus area, population, theme, and other categories to help facilitators find workshops that best fit the communities they serve." ] },
+    { q: "How many workshops are included in the curriculum library?",
+      a: [ "The AWBW facilitator portal includes access to a library of more than 600 art workshops and facilitation resources." ] },
+    { q: "Are workshops available in Spanish or other languages?",
+      a: [ "Yes. A number of workshops have been translated into Spanish. Within the facilitator portal, facilitators can use the search filters to locate workshops that include Spanish translations.",
+           "AWBW continues to work toward increasing language accessibility and expanding translated resources over time." ] },
+    { q: "What materials do I need for the art workshops?",
+      a: [ "There are no required art materials for participation. Workshops can be completed using any materials you already have available, such as paper, pencils, pens, crayons, markers, colored pencils, paint, collage materials, or other creative supplies. The focus of the AWBW approach is on the creative process rather than the materials themselves.",
+           "Prior to the training, we will also send participants a list of optional art supplies that may be helpful to have on hand, as well as printable worksheets for each of the art workshops that will be facilitated during the training. While neither the supplies nor the worksheets are required, many participants find them helpful for engaging more fully in the workshop experience.",
+           "We will walk through the art supplies suggested for each workshop so that, if trainees choose to use those materials in their own facilitation, they feel familiar and comfortable incorporating those materials into their own facilitation practice." ] },
+    { q: "What ongoing support does AWBW provide after completing the on-demand training?",
+      a: [ "Once you complete the On-Demand Training and receive your certification, you become part of a thriving community of over 1,500 Windows Facilitators across the country and abroad, all learning from and supporting one another.",
+           "As a certified facilitator, you'll gain access to:" ],
+      list: [ "The AWBW Facilitator Portal, which houses a curriculum of over 600 art workshops, downloadable resources, toolkits, handouts, the Facilitator Manual, and tools for tracking attendance and gathering feedback",
+              "Ongoing professional development, including live art workshops, Q&As, and recorded presentations by subject matter experts",
+              "Virtual Community of Practice events, where you can connect with fellow facilitators and experience new workshops",
+              "AWBW staff support for workshop selection, facilitation questions, art supply tips, and more",
+              "A bi-monthly newsletter with new workshops, stories, and resources" ] },
+    { q: "Can multiple staff members from one organization participate?",
+      a: [ "Yes. Multiple staff members from the same organization are welcome and encouraged to participate in the training.",
+           "Many organizations choose to train teams of staff members in order to integrate trauma-informed healing arts practices more broadly across their programs, services, and communities." ] },
+    { q: "Are there any fees, other than the training fee, associated with becoming a facilitator?",
+      a: [ "AWBW has an annual membership fee of $100 per program to support the sustainability of the organization and continued facilitator resources and support.",
+           "The membership fee covers all facilitators connected to the same program or organization for the calendar year, regardless of the number of facilitators participating. Only one membership fee payment is required per program annually." ] }
+  ].freeze
+
+  def self.seed(event)
+    new(event).seed
+  end
+
+  def initialize(event)
+    @event = event
+  end
+
+  # Create any not-yet-present magic callouts for the event, appended in
+  # definition order after whatever already exists. Returns the created rows.
+  def seed
+    existing_keys = @event.registration_ticket_callouts.magic.pluck(:magic_key).to_set
+    definitions.reject { |definition| existing_keys.include?(definition[:magic_key]) }
+               .map { |definition| create(definition) }
+  end
+
+  private
+
+  # Ordered built-in callout definitions. `hidden` is a proc so each event
+  # derives its own default; `resources` resolves the linked records.
+  def definitions
+    [
+      {
+        magic_key: "handouts",
+        title: "Handouts",
+        subtitle: "Worksheets and resources for the training",
+        callout_type: "reference",
+        icon_class: "fa-solid fa-folder-open",
+        color_class: "blue",
+        hidden: ->(event) { !event.show_handouts_callout? },
+        resources: -> { handout_resources }
+      },
+      {
+        magic_key: "faq",
+        title: "Frequently asked questions",
+        subtitle: "Common questions about the 2-day training",
+        callout_type: "reference",
+        icon_class: "fa-solid fa-circle-question",
+        color_class: "blue",
+        description: faq_html,
+        hidden: ->(event) { !event.show_faq_callout? }
+      }
+    ]
+  end
+
+  def create(definition)
+    callout = @event.registration_ticket_callouts.create!(
+      magic_key: definition[:magic_key],
+      title: definition[:title],
+      subtitle: definition[:subtitle],
+      description: definition[:description],
+      callout_type: definition[:callout_type],
+      icon_class: definition[:icon_class],
+      color_class: definition[:color_class],
+      hidden: definition[:hidden].call(@event)
+    )
+    definition[:resources]&.call&.each { |resource| callout.resources << resource }
+    callout
+  end
+
+  # The training worksheet resources, by title, in the display order the code
+  # card used. Missing ones (not seeded in an environment) are simply skipped.
+  def handout_resources
+    by_title = Resource.where(title: Events::CalloutsController::HANDOUT_RESOURCE_TITLES).index_by(&:title)
+    Events::CalloutsController::HANDOUT_RESOURCE_TITLES.filter_map { |title| by_title[title] }
+  end
+
+  # Renders FAQS to the basic HTML the callout description accepts (headings,
+  # paragraphs, lists) so the materialized card reads like the code-defined page.
+  def faq_html
+    FAQS.map do |faq|
+      parts = [ "<h3>#{h(faq[:q])}</h3>" ]
+      parts += faq[:a].map { |paragraph| "<p>#{h(paragraph)}</p>" }
+      parts << "<ul>#{faq[:list].map { |item| "<li>#{h(item)}</li>" }.join}</ul>" if faq[:list]
+      parts.join
+    end.join
+  end
+
+  def h(text)
+    ERB::Util.html_escape(text)
+  end
+end
diff --git a/app/views/events/_registration_ticket_callout_fields.html.erb b/app/views/events/_registration_ticket_callout_fields.html.erb
index 0c9795d347..0ae7c82bff 100644
--- a/app/views/events/_registration_ticket_callout_fields.html.erb
+++ b/app/views/events/_registration_ticket_callout_fields.html.erb
@@ -73,10 +73,11 @@
         </div>
 
         <div>
-          <%= f.label :resource_id, "Linked resource", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
-          <p class="text-xs text-gray-500 mb-1">Optional. Shows the resource below the content on the call-out's page (PDF first-page preview, etc.), with a download button when the resource has a downloadable file.</p>
-          <%= f.collection_select :resource_id, Resource.order(:title), :id, :title,
-                { include_blank: "None" },
+          <%= f.label :resource_ids, "Linked resources", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
+          <p class="text-xs text-gray-500 mb-1">Optional. Shows each resource below the content on the call-out's page (PDF first-page preview, etc.), with a download button when the resource has a downloadable file. Hold ⌘/Ctrl to select more than one.</p>
+          <%= f.collection_select :resource_ids, Resource.order(:title), :id, :title,
+                {},
+                multiple: true, size: 4,
                 class: "w-full rounded border-gray-300 shadow-sm px-2 py-1 text-sm" %>
         </div>
       </div>
diff --git a/app/views/registration_ticket_callouts/show.html.erb b/app/views/registration_ticket_callouts/show.html.erb
index bb0bf64e49..d3ee20fa43 100644
--- a/app/views/registration_ticket_callouts/show.html.erb
+++ b/app/views/registration_ticket_callouts/show.html.erb
@@ -2,7 +2,6 @@
 <% content_for(:page_title, "#{@callout.title} — #{@event.title}") %>
 <% reg_slug = params[:reg].presence %>
 <% back_path = reg_slug ? registration_ticket_path(reg_slug) : nil %>
-<% resource = @callout.resource&.decorate %>
 <%= render layout: "events/callouts/callout_page", locals: { title: @callout.title, back_path: back_path } do %>
   <% if @callout.subtitle.present? %>
     <p class="text-base text-gray-500 mb-4"><%= @callout.subtitle %></p>
@@ -14,9 +13,9 @@
     </div>
   <% end %>
 
-  <% if resource %>
+  <% @callout.resources.each do |resource| %>
     <div class="mt-6">
-      <%= render "events/callouts/resource_body", resource: resource %>
+      <%= render "events/callouts/resource_body", resource: resource.decorate %>
     </div>
   <% end %>
 <% end %>
diff --git a/db/migrate/20260708143408_materialize_ticket_callouts.rb b/db/migrate/20260708143408_materialize_ticket_callouts.rb
new file mode 100644
index 0000000000..077635dc94
--- /dev/null
+++ b/db/migrate/20260708143408_materialize_ticket_callouts.rb
@@ -0,0 +1,73 @@
+class MaterializeTicketCallouts < ActiveRecord::Migration[8.1]
+  # Turns the code-defined "magic" ticket callouts into editable rows and lets a
+  # callout link many resources instead of one:
+  #   * magic_key    — hidden identifier tying a seeded row back to its built-in
+  #                    behavior (badges, per-registration visibility). nil for
+  #                    admin-authored custom callouts.
+  #   * hidden       — draft/opt-out flag. Custom callouts prep hidden; magic
+  #                    callouts are hidden rather than destroyed so they can be
+  #                    restored to their default later.
+  #   * display_from — drip date; the callout only appears on/after it (e.g. the
+  #                    videoconference card, seeded to a week before the event).
+  # The single resource_id belongs_to is replaced by an ordered join table.
+  def up
+    add_column :registration_ticket_callouts, :magic_key, :string
+    add_index :registration_ticket_callouts, [ :event_id, :magic_key ]
+    add_column :registration_ticket_callouts, :hidden, :boolean, null: false, default: false
+    add_column :registration_ticket_callouts, :display_from, :datetime
+
+    create_table :registration_ticket_callout_resources do |t|
+      t.references :registration_ticket_callout, null: false, foreign_key: { on_delete: :cascade },
+                   index: { name: "index_callout_resources_on_callout_id" }
+      # resources.id is a legacy `int` (not bigint), so the FK column must match.
+      t.integer :resource_id, null: false
+      t.integer :position, null: false
+      t.timestamps
+    end
+    add_foreign_key :registration_ticket_callout_resources, :resources, on_delete: :cascade
+    add_index :registration_ticket_callout_resources, [ :registration_ticket_callout_id, :resource_id ],
+              unique: true, name: "index_callout_resources_on_callout_and_resource"
+    add_index :registration_ticket_callout_resources, :resource_id, name: "index_callout_resources_on_resource_id"
+
+    # Carry each existing single link over to the join table as the first item.
+    execute <<~SQL.squish
+      INSERT INTO registration_ticket_callout_resources
+        (registration_ticket_callout_id, resource_id, position, created_at, updated_at)
+      SELECT id, resource_id, 1, NOW(), NOW()
+      FROM registration_ticket_callouts
+      WHERE resource_id IS NOT NULL
+    SQL
+
+    if foreign_key_exists?(:registration_ticket_callouts, :resources)
+      remove_foreign_key :registration_ticket_callouts, :resources
+    end
+    remove_column :registration_ticket_callouts, :resource_id
+  end
+
+  def down
+    add_reference :registration_ticket_callouts, :resource, type: :integer, null: true, index: true
+    add_foreign_key :registration_ticket_callouts, :resources, on_delete: :nullify
+
+    # Restore the lowest-positioned resource as the single link.
+    execute <<~SQL.squish
+      UPDATE registration_ticket_callouts c
+      JOIN (
+        SELECT registration_ticket_callout_id, MIN(position) AS min_position
+        FROM registration_ticket_callout_resources
+        GROUP BY registration_ticket_callout_id
+      ) firsts ON firsts.registration_ticket_callout_id = c.id
+      JOIN registration_ticket_callout_resources r
+        ON r.registration_ticket_callout_id = c.id AND r.position = firsts.min_position
+      SET c.resource_id = r.resource_id
+    SQL
+
+    drop_table :registration_ticket_callout_resources, if_exists: true
+
+    remove_column :registration_ticket_callouts, :display_from, if_exists: true
+    remove_column :registration_ticket_callouts, :hidden, if_exists: true
+    if index_exists?(:registration_ticket_callouts, [ :event_id, :magic_key ])
+      remove_index :registration_ticket_callouts, [ :event_id, :magic_key ]
+    end
+    remove_column :registration_ticket_callouts, :magic_key, if_exists: true
+  end
+end
diff --git a/db/schema.rb b/db/schema.rb
index 28fba433c2..c5724d68b8 100644
--- a/db/schema.rb
+++ b/db/schema.rb
@@ -1080,22 +1080,35 @@
     t.index ["stripe_refund_id"], name: "index_refunds_on_stripe_refund_id", unique: true
   end
 
+  create_table "registration_ticket_callout_resources", charset: "utf8mb4", collation: "utf8mb4_unicode_ci", force: :cascade do |t|
+    t.datetime "created_at", null: false
+    t.integer "position", null: false
+    t.bigint "registration_ticket_callout_id", null: false
+    t.integer "resource_id", null: false
+    t.datetime "updated_at", null: false
+    t.index ["registration_ticket_callout_id", "resource_id"], name: "index_callout_resources_on_callout_and_resource", unique: true
+    t.index ["registration_ticket_callout_id"], name: "index_callout_resources_on_callout_id"
+    t.index ["resource_id"], name: "index_callout_resources_on_resource_id"
+  end
+
   create_table "registration_ticket_callouts", charset: "utf8mb4", collation: "utf8mb4_unicode_ci", force: :cascade do |t|
     t.string "callout_type", default: "reference", null: false
     t.string "color_class"
     t.datetime "created_at", null: false
     t.text "description"
+    t.datetime "display_from"
     t.bigint "event_id", null: false
+    t.boolean "hidden", default: false, null: false
     t.string "icon_class"
+    t.string "magic_key"
     t.boolean "payment_access_gated", default: false, null: false
     t.integer "position", null: false
-    t.integer "resource_id"
     t.string "subtitle"
     t.string "title", null: false
     t.datetime "updated_at", null: false
+    t.index ["event_id", "magic_key"], name: "index_registration_ticket_callouts_on_event_id_and_magic_key"
     t.index ["event_id", "position"], name: "index_registration_ticket_callouts_on_event_id_and_position"
     t.index ["event_id"], name: "index_registration_ticket_callouts_on_event_id"
-    t.index ["resource_id"], name: "index_registration_ticket_callouts_on_resource_id"
   end
 
   create_table "report_form_field_answers", id: :integer, charset: "utf8mb4", collation: "utf8mb4_unicode_ci", force: :cascade do |t|
@@ -1741,8 +1754,9 @@
   add_foreign_key "professional_licenses", "people"
   add_foreign_key "quotable_item_quotes", "quotes"
   add_foreign_key "quotes", "workshops"
+  add_foreign_key "registration_ticket_callout_resources", "registration_ticket_callouts", on_delete: :cascade
+  add_foreign_key "registration_ticket_callout_resources", "resources", on_delete: :cascade
   add_foreign_key "registration_ticket_callouts", "events"
-  add_foreign_key "registration_ticket_callouts", "resources", on_delete: :nullify
   add_foreign_key "report_form_field_answers", "answer_options"
   add_foreign_key "report_form_field_answers", "form_fields"
   add_foreign_key "report_form_field_answers", "reports"
diff --git a/spec/factories/registration_ticket_callouts.rb b/spec/factories/registration_ticket_callouts.rb
index a9fb2e9999..e6e64b61ad 100644
--- a/spec/factories/registration_ticket_callouts.rb
+++ b/spec/factories/registration_ticket_callouts.rb
@@ -6,8 +6,21 @@
     description { "<p>Details for this callout.</p>" }
     callout_type { "reference" }
     payment_access_gated { false }
+    hidden { false }
     # position is assigned by the positioning gem on save (appended within the event)
 
+    # Convenience: `create(:registration_ticket_callout, resource:)` links one
+    # resource through the join, and `resources: [a, b]` links several.
+    transient do
+      resource { nil }
+      resources { [] }
+    end
+
+    after(:create) do |callout, evaluator|
+      Array(evaluator.resource).each { |r| callout.resources << r }
+      evaluator.resources.each { |r| callout.resources << r }
+    end
+
     trait :action do
       callout_type { "action" }
     end
@@ -15,5 +28,14 @@
     trait :payment_access_gated do
       payment_access_gated { true }
     end
+
+    trait :hidden do
+      hidden { true }
+    end
+
+    trait :magic do
+      magic_key { "faq" }
+      title { "Frequently asked questions" }
+    end
   end
 end
diff --git a/spec/models/registration_ticket_callout_spec.rb b/spec/models/registration_ticket_callout_spec.rb
index 7482db0f24..4a91372fa2 100644
--- a/spec/models/registration_ticket_callout_spec.rb
+++ b/spec/models/registration_ticket_callout_spec.rb
@@ -27,6 +27,74 @@
       callout.color_class = "chartreuse"
       expect(callout).not_to be_valid
     end
+
+    it "rejects an unknown magic_key" do
+      callout.magic_key = "bogus"
+      expect(callout).not_to be_valid
+      expect(callout.errors[:magic_key]).to be_present
+    end
+
+    it "allows only one callout per magic_key within an event" do
+      event = create(:event)
+      create(:registration_ticket_callout, event:, magic_key: "faq")
+      duplicate = build(:registration_ticket_callout, event:, magic_key: "faq")
+
+      expect(duplicate).not_to be_valid
+      expect(duplicate.errors[:magic_key]).to be_present
+    end
+
+    it "allows many custom callouts with a nil magic_key" do
+      event = create(:event)
+      create(:registration_ticket_callout, event:, magic_key: nil)
+      expect(build(:registration_ticket_callout, event:, magic_key: nil)).to be_valid
+    end
+  end
+
+  describe "scopes and predicates" do
+    it "partitions magic and custom callouts and reports #magic?" do
+      event = create(:event)
+      magic = create(:registration_ticket_callout, event:, magic_key: "faq")
+      custom = create(:registration_ticket_callout, event:, magic_key: nil)
+
+      expect(event.registration_ticket_callouts.magic).to eq([ magic ])
+      expect(event.registration_ticket_callouts.custom).to eq([ custom ])
+      expect(magic.magic?).to be(true)
+      expect(custom.magic?).to be(false)
+    end
+
+    it "#visible excludes hidden callouts" do
+      event = create(:event)
+      shown = create(:registration_ticket_callout, event:)
+      create(:registration_ticket_callout, :hidden, event:)
+
+      expect(event.registration_ticket_callouts.visible).to eq([ shown ])
+    end
+  end
+
+  describe "#dripping?" do
+    it "is true only while display_from is in the future" do
+      callout.display_from = 1.day.from_now
+      expect(callout.dripping?).to be(true)
+
+      callout.display_from = 1.day.ago
+      expect(callout.dripping?).to be(false)
+
+      callout.display_from = nil
+      expect(callout.dripping?).to be(false)
+    end
+  end
+
+  describe "linked resources" do
+    it "links many resources in order and removes them with the callout" do
+      callout = create(:registration_ticket_callout)
+      a = create(:resource)
+      b = create(:resource)
+      callout.resources << a
+      callout.resources << b
+
+      expect(callout.reload.resources).to eq([ a, b ])
+      expect { callout.destroy }.to change(RegistrationTicketCalloutResource, :count).by(-2)
+    end
   end
 
   describe "positioning" do
diff --git a/spec/requests/events/registration_ticket_callouts_spec.rb b/spec/requests/events/registration_ticket_callouts_spec.rb
index 7a81040211..37bdaa47f1 100644
--- a/spec/requests/events/registration_ticket_callouts_spec.rb
+++ b/spec/requests/events/registration_ticket_callouts_spec.rb
@@ -110,7 +110,7 @@
       expect(ordered.map(&:position)).to eq([ 1, 2, 3 ])
     end
 
-    it "links a callout to a resource through nested attributes" do
+    it "links a callout to resources through nested attributes" do
       resource = create(:resource)
 
       patch event_path(event), params: {
@@ -119,13 +119,13 @@
           start_date: event.start_date,
           end_date: event.end_date,
           registration_ticket_callouts_attributes: {
-            "0" => { title: "Workbook", callout_type: "reference", resource_id: resource.id }
+            "0" => { title: "Workbook", callout_type: "reference", resource_ids: [ resource.id ] }
           }
         }
       }
 
       callout = event.registration_ticket_callouts.reload.find_by(title: "Workbook")
-      expect(callout.resource).to eq(resource)
+      expect(callout.resources).to eq([ resource ])
     end
   end
 
diff --git a/spec/services/default_ticket_callouts_spec.rb b/spec/services/default_ticket_callouts_spec.rb
new file mode 100644
index 0000000000..03f2074de2
--- /dev/null
+++ b/spec/services/default_ticket_callouts_spec.rb
@@ -0,0 +1,72 @@
+require "rails_helper"
+
+RSpec.describe DefaultTicketCallouts do
+  describe "#seed" do
+    it "materializes the Handouts and FAQ magic callouts" do
+      event = create(:event)
+
+      described_class.seed(event)
+
+      keys = event.registration_ticket_callouts.magic.pluck(:magic_key)
+      expect(keys).to contain_exactly("handouts", "faq")
+    end
+
+    it "seeds the FAQ card with the default training content" do
+      event = create(:event)
+
+      described_class.seed(event)
+
+      faq = event.registration_ticket_callouts.find_by(magic_key: "faq")
+      expect(faq.description).to include("Who is this training designed for?")
+      expect(faq.callout_type).to eq("reference")
+    end
+
+    it "links the handout worksheet resources in display order" do
+      first = create(:resource, title: "2-Day AWBW Facilitator Training Worksheets & Handouts")
+      second = create(:resource, title: "AWBW Training Workshop Worksheets")
+      event = create(:event)
+
+      described_class.seed(event)
+
+      handouts = event.registration_ticket_callouts.find_by(magic_key: "handouts")
+      expect(handouts.resources).to eq([ first, second ])
+    end
+
+    it "shows Handouts and FAQ by default on a facilitator training" do
+      event = create(:event, facilitator_training: true)
+
+      described_class.seed(event)
+
+      expect(event.registration_ticket_callouts.where(magic_key: %w[handouts faq]).pluck(:hidden)).to all(be(false))
+    end
+
+    it "hides Handouts and FAQ by default on a non-training event" do
+      event = create(:event, facilitator_training: false)
+
+      described_class.seed(event)
+
+      expect(event.registration_ticket_callouts.where(magic_key: %w[handouts faq]).pluck(:hidden)).to all(be(true))
+    end
+
+    it "is idempotent and never clobbers an existing magic callout" do
+      event = create(:event, facilitator_training: true)
+      described_class.seed(event)
+      faq = event.registration_ticket_callouts.find_by(magic_key: "faq")
+      faq.update!(description: "<p>Custom answer.</p>", hidden: true)
+
+      expect { described_class.seed(event) }.not_to change { event.registration_ticket_callouts.count }
+      expect(faq.reload.description).to eq("<p>Custom answer.</p>")
+      expect(faq.hidden).to be(true)
+    end
+
+    it "appends the magic callouts after existing custom ones" do
+      event = create(:event)
+      custom = create(:registration_ticket_callout, event:, title: "Parking")
+
+      described_class.seed(event)
+
+      expect(event.registration_ticket_callouts.ordered.first).to eq(custom)
+      expect(event.registration_ticket_callouts.ordered.map(&:magic_key).compact).to eq(%w[handouts faq])
+    end
+  end
+end

From cea9f5e49773c481bc9fb6bb2d5ee2eac04ff365 Mon Sep 17 00:00:00 2001
From: maebeale <maebeale@users.noreply.github.com>
Date: Wed, 8 Jul 2026 11:04:48 -0400
Subject: [PATCH 02/32] Wire callout seeding into create/edit, render + edit
 materialized rows

Makes the materialized magic callouts actually work end-to-end for Handouts
and FAQ:

- Seed on event create and lazily on edit (idempotent, no backfill), so
  existing events heal on first save.
- Ticket renders visible, non-dripped rows; MagicTicketCallouts skips any card
  the event has materialized (no double-render) and stays the fallback for
  unseeded events. The public callout page redirects when hidden/dripping.
- Editor: materialized cards render as editable rows (title, subtitle, page
  text, multi-resource) with a hide toggle and "Restore default", interleaved
  with custom callouts in the one sortable/position-ordered list; custom
  callouts gain a hidden (draft) checkbox. editor_cards drops any card the event
  has materialized so it isn't also previewed.
- DefaultTicketCallouts.reset restores a magic callout to its template, keeping
  position; new restore route/action drives it.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 AGENTS.md                                     |  6 +-
 app/controllers/events_controller.rb          |  4 ++
 ...registration_ticket_callouts_controller.rb | 17 +++++
 app/services/default_ticket_callouts.rb       | 28 ++++++++
 app/services/magic_ticket_callouts.rb         | 48 ++++++++-----
 .../event_registrations/_ticket.html.erb      |  7 +-
 app/views/events/_form.html.erb               |  6 +-
 ...egistration_ticket_callout_fields.html.erb | 14 ++--
 ...ation_ticket_magic_callout_fields.html.erb | 63 +++++++++++++++++
 config/routes.rb                              |  4 +-
 .../registration_ticket_callouts_spec.rb      | 70 ++++++++++++++++++-
 spec/services/default_ticket_callouts_spec.rb | 35 ++++++++++
 spec/services/magic_ticket_callouts_spec.rb   | 10 +++
 13 files changed, 284 insertions(+), 28 deletions(-)
 create mode 100644 app/views/events/_registration_ticket_magic_callout_fields.html.erb

diff --git a/AGENTS.md b/AGENTS.md
index d4fc65ab46..c9fee8e3a4 100644
--- a/AGENTS.md
+++ b/AGENTS.md
@@ -97,7 +97,8 @@ This codebase (Rails 8.1)
 | `Event` | Events with registrations, featured/published states |
 | `EventStaff` | Join model connecting `Person` to `Event` as staff (title, `expected_to_attend`); drives the "Meet the staff" roster and "My events" |
 | `EventRegistrationChecklistCompletion` | Audited completion row for one manual onboarding step on an `EventRegistration` (`step` from `EventRegistration::CHECKLIST_STEPS`, `completed_by` User, `completed_at`); row-exists = done. Powers the event Onboarding tab's checkbox matrix |
-| `RegistrationTicketCallout` | Admin-configured call-outs shown on an event's registration ticket (title, subtitle, HTML description, `callout_type` action/reference, icon/colour, `payment_access_gated` — only shown once the registrant has `payment_access_granted?` (paid or intends to pay), draggable `position` via the positioning gem); each links to its own public detail page |
+| `RegistrationTicketCallout` | Call-outs shown on an event's registration ticket (title, subtitle, HTML description, `callout_type` action/reference, icon/colour, `payment_access_gated` — only shown once the registrant has `payment_access_granted?`, draggable `position`, `hidden` draft/opt-out, `display_from` drip date, and `has_many :resources` through `RegistrationTicketCalloutResource`); each links to its own public detail page. A nil `magic_key` is an admin-authored callout; a set `magic_key` is a built-in card materialized by `DefaultTicketCallouts` (hidden instead of deleted, restorable to default) |
+| `RegistrationTicketCalloutResource` | Ordered join linking a `RegistrationTicketCallout` to the `Resource`s shown on its detail page |
 | `Story` | Editorial content with facilitators, primary/gallery assets |
 | `Resource` | Handouts, toolkits, templates with downloadable assets |
 | `Person` | Organization affiliates with contacts, addresses, sectors |
@@ -204,7 +205,8 @@ end
 - `EventRegistrationServices::PublicRegistration` — Public registration handling
 - `EventRegistrationReadiness` — Computes a registration's lifecycle `status` (`:not_ready` → `:ready` → `:certificate_due` → `:completed`) from a pre-event "event ready" checklist, a post-event "completion work" checklist (attendance, scholarship tasks), and certificate delivery, returning the specific outstanding reasons. Reads payment/certificate state via `Registerable` (`paid_in_full?`, `certificate_sent?`) on both the registration and its `continuing_education_registrations`. Drives the registrants roster's single far-right Status badge column (with a short reason under "Not ready" and a cert-type note under "Certificate pending") and its matching filter
 - `ReminderRecipientFilter` — Decides which event registrations stay checked on the bulk reminder page given the admin's filters (matches in memory, returns matching ids)
-- `MagicTicketCallouts` — Code-defined ("magic") ticket callout cards (payment, certificate, scholarship, CE hours, art supplies, forms, handouts, portal, videoconference, FAQ), each with its own visibility rule; rendered through the same `_callout_card` partial as admin-configured `RegistrationTicketCallout`s. Their public show pages live under `app/views/events/callouts/` and are served by `Events::CalloutsController` (slug-authorized, no login)
+- `MagicTicketCallouts` — Code-defined ("magic") ticket callout cards (payment, certificate, scholarship, CE hours, art supplies, forms, handouts, portal, videoconference, FAQ), each with its own visibility rule; rendered through the same `_callout_card` partial as `RegistrationTicketCallout`s. Skips any card an event has materialized (see `DefaultTicketCallouts`) so the two paths never double-render, and serves as the fallback for events not yet seeded. Public show pages live under `app/views/events/callouts/` (`Events::CalloutsController`, slug-authorized)
+- `DefaultTicketCallouts` — Materializes built-in callouts (currently Handouts, FAQ) into editable `RegistrationTicketCallout` rows, seeded on event create and lazily on edit (idempotent, no backfill). Derives each card's default visibility from `Event#show_*_callout?`; `.reset` restores a materialized callout's content/resources/visibility to its template
 
 ### Affiliations
 
diff --git a/app/controllers/events_controller.rb b/app/controllers/events_controller.rb
index 5ff0874e67..f9d2d4db0b 100644
--- a/app/controllers/events_controller.rb
+++ b/app/controllers/events_controller.rb
@@ -447,6 +447,7 @@ def create
         if params.dig(:library_asset, :new_assets).present?
           update_asset_owner(@event)
         end
+        DefaultTicketCallouts.seed(@event)
         success = true
       end
     rescue ActiveRecord::RecordInvalid, ActiveRecord::RecordNotSaved, ActiveRecord::RecordNotUnique => e
@@ -475,6 +476,9 @@ def update
       @event.event_forms.reset
       if @event.update(event_params)
         assign_associations(@event)
+        # Lazily materialize built-in callouts for events created before this
+        # existed — heals on first edit, no data backfill. Idempotent.
+        DefaultTicketCallouts.seed(@event)
         success = true
       else
         raise ActiveRecord::Rollback
diff --git a/app/controllers/registration_ticket_callouts_controller.rb b/app/controllers/registration_ticket_callouts_controller.rb
index d06fed5825..c36f8d52f1 100644
--- a/app/controllers/registration_ticket_callouts_controller.rb
+++ b/app/controllers/registration_ticket_callouts_controller.rb
@@ -10,6 +10,12 @@ def show
     @callout = @event.registration_ticket_callouts.find(params[:id])
     authorize! @callout, to: :show?
 
+    # A hidden (draft/opted-out) or not-yet-dripped callout has no public page.
+    if @callout.hidden? || @callout.dripping?
+      redirect_to event_path(@event, reg: params[:reg].presence)
+      return
+    end
+
     if @callout.description.blank? && @callout.resources.empty?
       redirect_to event_path(@event, reg: params[:reg].presence)
       return
@@ -32,6 +38,17 @@ def update
     end
   end
 
+  # Reset a materialized built-in callout's content and default visibility back to
+  # its template, keeping its position. Only magic callouts have a default.
+  def restore
+    @callout = @event.registration_ticket_callouts.find(params[:id])
+    authorize! @callout, to: :update?
+
+    DefaultTicketCallouts.reset(@callout) if @callout.magic?
+    redirect_to edit_event_path(@event, expand: "callouts", anchor: "registration_ticket_callouts"),
+                notice: "Restored the #{@callout.title} callout to its default."
+  end
+
   private
 
   def set_event
diff --git a/app/services/default_ticket_callouts.rb b/app/services/default_ticket_callouts.rb
index 9fbc937bb1..37e7f4bf48 100644
--- a/app/services/default_ticket_callouts.rb
+++ b/app/services/default_ticket_callouts.rb
@@ -54,10 +54,21 @@ class DefaultTicketCallouts
            "The membership fee covers all facilitators connected to the same program or organization for the calendar year, regardless of the number of facilitators participating. Only one membership fee payment is required per program annually." ] }
   ].freeze
 
+  # magic_keys this service knows how to materialize.
+  def self.seedable_keys
+    new(nil).send(:definitions).map { |definition| definition[:magic_key] }
+  end
+
   def self.seed(event)
     new(event).seed
   end
 
+  # Reset a materialized callout's content and default visibility back to its
+  # built-in template, keeping its position. Used by the "Restore default" action.
+  def self.reset(callout)
+    new(callout.event).reset(callout)
+  end
+
   def initialize(event)
     @event = event
   end
@@ -70,6 +81,23 @@ def seed
                .map { |definition| create(definition) }
   end
 
+  def reset(callout)
+    definition = definitions.find { |candidate| candidate[:magic_key] == callout.magic_key }
+    return callout unless definition
+
+    callout.update!(
+      title: definition[:title],
+      subtitle: definition[:subtitle],
+      description: definition[:description],
+      callout_type: definition[:callout_type],
+      icon_class: definition[:icon_class],
+      color_class: definition[:color_class],
+      hidden: definition[:hidden].call(@event)
+    )
+    callout.resources = definition[:resources]&.call || []
+    callout
+  end
+
   private
 
   # Ordered built-in callout definitions. `hidden` is a proc so each event
diff --git a/app/services/magic_ticket_callouts.rb b/app/services/magic_ticket_callouts.rb
index e6f2a1811c..b968d2d639 100644
--- a/app/services/magic_ticket_callouts.rb
+++ b/app/services/magic_ticket_callouts.rb
@@ -25,30 +25,34 @@ def theme = DomainTheme.swatch(color)
 
   # A registration-free description of one built-in card, for the event editor's
   # callouts section. `key` is :ce_hours / :event_details for the two whose text
-  # admins edit; nil for the cards the app fully controls (shown greyed out).
-  # `subtitle` mirrors the card's ticket subtitle; `visibility` describes when the
-  # app shows it (rendered next to the "Built in" chip in the editor); `note` is an
-  # optional extra hint on where the card's content comes from.
-  EditorCard = Data.define(:key, :icon_class, :color, :title, :subtitle, :visibility, :note) do
+  # admins edit via event columns; nil for the cards the app fully controls (shown
+  # greyed out). `magic_key` ties the card to its ticket behavior — once an event
+  # has materialized that key into an editable row, the preview is dropped here and
+  # the row is edited in the callout list instead. `subtitle` mirrors the card's
+  # ticket subtitle; `visibility` describes when the app shows it (rendered next to
+  # the "Built in" chip); `note` is an optional hint on where content comes from.
+  EditorCard = Data.define(:key, :magic_key, :icon_class, :color, :title, :subtitle, :visibility, :note) do
     def theme = DomainTheme.swatch(color)
     def editable? = key.present?
   end
 
   # Every built-in card in the order it appears on a ticket, for the editor to
-  # preview the full ticket context. Keep in sync with #cards: add a card method,
-  # add it here.
+  # preview the full ticket context. Cards whose content the event has already
+  # materialized are omitted — they're edited as real rows in the callout list.
+  # Keep in sync with #cards: add a card method, add it here.
   def self.editor_cards(event)
+    materialized = event.registration_ticket_callouts.magic.pluck(:magic_key).to_set
     [
-      EditorCard.new(nil, "fa-solid fa-credit-card", "orange", "Payment", "Your balance and payment history", "When the event has a cost", nil),
-      EditorCard.new(nil, "fa-solid fa-certificate", "green", "Certificate of completion", "View and download your certificate", "Once the certificate is unlocked", nil),
-      EditorCard.new(nil, "fa-solid fa-award", "fuchsia", "Scholarship", "Your scholarship request and award", "When the registrant requested a scholarship", nil),
-      EditorCard.new(:ce_hours, "fa-solid fa-graduation-cap", "teal", event.ce_hours_details_label, "Continuing education — requirements & how to request", "When a registrant requests CE credit", nil),
-      EditorCard.new(:event_details, "fa-solid fa-palette", "blue", event.event_details_label, "Important info for this event — please read", "When the content below is filled in", nil),
-      EditorCard.new(nil, "fa-solid fa-video", "blue", "Videoconference", "Join link and how to add it to your calendar", "When the event has a videoconference link", "Details come from this event's videoconference settings."),
-      EditorCard.new(nil, "fa-solid fa-file-lines", "blue", "Forms", "W-9, invoice, and receipt", "On facilitator trainings and paid events", "Items link to their relevant resources."),
-      EditorCard.new(nil, "fa-solid fa-folder-open", "blue", "Handouts", "Worksheets and resources for the training", "On facilitator trainings", "Items link to their relevant resources."),
-      EditorCard.new(nil, "fa-solid fa-circle-question", "blue", "Frequently asked questions", "Common questions about the 2-day training", "On facilitator trainings", nil)
-    ]
+      EditorCard.new(nil, "payment", "fa-solid fa-credit-card", "orange", "Payment", "Your balance and payment history", "When the event has a cost", nil),
+      EditorCard.new(nil, "certificate", "fa-solid fa-certificate", "green", "Certificate of completion", "View and download your certificate", "Once the certificate is unlocked", nil),
+      EditorCard.new(nil, "scholarship", "fa-solid fa-award", "fuchsia", "Scholarship", "Your scholarship request and award", "When the registrant requested a scholarship", nil),
+      EditorCard.new(:ce_hours, "ce_hours", "fa-solid fa-graduation-cap", "teal", event.ce_hours_details_label, "Continuing education — requirements & how to request", "When a registrant requests CE credit", nil),
+      EditorCard.new(:event_details, "event_details", "fa-solid fa-palette", "blue", event.event_details_label, "Important info for this event — please read", "When the content below is filled in", nil),
+      EditorCard.new(nil, "videoconference", "fa-solid fa-video", "blue", "Videoconference", "Join link and how to add it to your calendar", "When the event has a videoconference link", "Details come from this event's videoconference settings."),
+      EditorCard.new(nil, "forms", "fa-solid fa-file-lines", "blue", "Forms", "W-9, invoice, and receipt", "On facilitator trainings and paid events", "Items link to their relevant resources."),
+      EditorCard.new(nil, "handouts", "fa-solid fa-folder-open", "blue", "Handouts", "Worksheets and resources for the training", "On facilitator trainings", "Items link to their relevant resources."),
+      EditorCard.new(nil, "faq", "fa-solid fa-circle-question", "blue", "Frequently asked questions", "Common questions about the 2-day training", "On facilitator trainings", nil)
+    ].reject { |card| materialized.include?(card.magic_key) }
   end
 
   def initialize(event_registration)
@@ -67,6 +71,14 @@ def cards
 
   attr_reader :registration, :event
 
+  # A built-in card whose content has been materialized into an editable row for
+  # this event renders from that row (through the custom-callout loop) instead of
+  # here, so we skip it to avoid double-rendering. See DefaultTicketCallouts.
+  def materialized?(magic_key)
+    @materialized_keys ||= event.registration_ticket_callouts.magic.pluck(:magic_key).to_set
+    @materialized_keys.include?(magic_key)
+  end
+
   # Top card: an action card while a balance is due, a reference card once paid
   # in full. Its page lists every allocation with the running balance.
   def payment_card
@@ -196,6 +208,7 @@ def forms_card
   # Links to the 2-day training worksheets and handouts, so shown only on
   # facilitator trainings — see Event#show_handouts_callout?.
   def handouts_card
+    return if materialized?("handouts")
     return unless event.show_handouts_callout?
     Card.new(icon_class: "fa-solid fa-folder-open", color: "blue",
              title: "Handouts",
@@ -207,6 +220,7 @@ def handouts_card
   # Reference card linking to the 2-day training FAQ page, so shown only on
   # facilitator trainings — see Event#show_faq_callout?.
   def faq_card
+    return if materialized?("faq")
     return unless event.show_faq_callout?
     Card.new(icon_class: "fa-solid fa-circle-question", color: "blue",
              title: "Frequently asked questions",
diff --git a/app/views/event_registrations/_ticket.html.erb b/app/views/event_registrations/_ticket.html.erb
index 0e1f0c1816..01a23c3db1 100644
--- a/app/views/event_registrations/_ticket.html.erb
+++ b/app/views/event_registrations/_ticket.html.erb
@@ -107,9 +107,12 @@
         <%= render "event_registrations/callout_card", callout: card, linked: !preview %>
       <% end %>
 
-      <!-- Custom ticket callouts (admin-configured: actions & reference reading) -->
+      <!-- Ticket callouts: admin-authored (actions & reference reading) plus any
+           built-in cards materialized into editable rows. Hidden (draft/opted-out)
+           and not-yet-dripped callouts are omitted. -->
       <% payment_access = event_registration.payment_access_granted? || @checkout_payment_status == "paid" %>
-      <% event_registration.event.registration_ticket_callouts.each do |callout| %>
+      <% event_registration.event.registration_ticket_callouts.visible.each do |callout| %>
+        <% next if callout.dripping? %>
         <% next if callout.payment_access_gated && !payment_access %>
         <%= render "event_registrations/callout_card",
                    callout: callout,
diff --git a/app/views/events/_form.html.erb b/app/views/events/_form.html.erb
index 96f08bc12d..3291dab87c 100644
--- a/app/views/events/_form.html.erb
+++ b/app/views/events/_form.html.erb
@@ -582,7 +582,11 @@
              data-controller="sortable"
              data-sortable-url-value="<%= @event.persisted? ? event_registration_ticket_callout_path(@event, ":id") : "" %>">
           <%= f.fields_for :registration_ticket_callouts do |rts| %>
-            <%= render "events/registration_ticket_callout_fields", f: rts %>
+            <% if rts.object.magic? %>
+              <%= render "events/registration_ticket_magic_callout_fields", f: rts %>
+            <% else %>
+              <%= render "events/registration_ticket_callout_fields", f: rts %>
+            <% end %>
           <% end %>
         </div>
 
diff --git a/app/views/events/_registration_ticket_callout_fields.html.erb b/app/views/events/_registration_ticket_callout_fields.html.erb
index 0ae7c82bff..b0e955ba64 100644
--- a/app/views/events/_registration_ticket_callout_fields.html.erb
+++ b/app/views/events/_registration_ticket_callout_fields.html.erb
@@ -84,10 +84,16 @@
     </div>
 
     <div class="flex flex-wrap items-center justify-between gap-2">
-      <label class="flex items-center gap-2 text-sm text-gray-600">
-        <%= f.check_box :payment_access_gated, class: "rounded border-gray-300 text-purple-600" %>
-        Only show once payment is made or committed
-      </label>
+      <div class="flex flex-wrap items-center gap-x-6 gap-y-2">
+        <label class="flex items-center gap-2 text-sm text-gray-600">
+          <%= f.check_box :payment_access_gated, class: "rounded border-gray-300 text-purple-600" %>
+          Only show once payment is made or committed
+        </label>
+        <label class="flex items-center gap-2 text-sm text-gray-600">
+          <%= f.check_box :hidden, class: "rounded border-gray-300 text-purple-600" %>
+          Hidden (prep without showing it on the ticket yet)
+        </label>
+      </div>
       <%= link_to_remove_association "Remove", f,
             class: "text-sm text-gray-400 hover:text-red-600 underline" %>
     </div>
diff --git a/app/views/events/_registration_ticket_magic_callout_fields.html.erb b/app/views/events/_registration_ticket_magic_callout_fields.html.erb
new file mode 100644
index 0000000000..22ed097a02
--- /dev/null
+++ b/app/views/events/_registration_ticket_magic_callout_fields.html.erb
@@ -0,0 +1,63 @@
+<%# Editor row for a materialized built-in ("magic") callout. Its title, subtitle,
+    page text, and linked resources are editable, and it can be hidden or restored
+    to default — but never removed (magic callouts hide instead of delete). %>
+<div class="nested-fields registration-ticket-callout-fields flex items-start gap-3 rounded-lg border border-gray-200 bg-white p-3 shadow-sm transition-colors"
+     data-sortable-id="<%= f.object.id %>">
+  <div class="cursor-grab text-gray-400 hover:text-gray-600 pt-2 shrink-0" data-sortable-handle title="Drag to reorder">
+    <i class="fa-solid fa-grip-vertical"></i>
+  </div>
+
+  <div class="flex-1 min-w-0 space-y-3">
+    <div class="flex flex-wrap items-center gap-2">
+      <span class="inline-flex items-center rounded-full bg-purple-100 px-2 py-0.5 text-xs font-medium text-purple-700">Built in</span>
+      <span class="text-xs text-gray-400">Editable — this app-provided callout also shows live status on the ticket.</span>
+    </div>
+
+    <div class="grid grid-cols-1 lg:grid-cols-2 gap-4">
+      <div class="space-y-3">
+        <div class="grid grid-cols-1 sm:grid-cols-2 gap-3">
+          <div>
+            <%= f.label :title, "Title", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
+            <%= f.text_field :title, required: true,
+                  class: "w-full rounded border-gray-300 shadow-sm px-2 py-1 text-sm" %>
+          </div>
+          <div>
+            <%= f.label :subtitle, "Subtitle", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
+            <%= f.text_field :subtitle,
+                  class: "w-full rounded border-gray-300 shadow-sm px-2 py-1 text-sm" %>
+          </div>
+        </div>
+      </div>
+
+      <div class="space-y-3">
+        <div>
+          <%= f.label :description, "Callout page text", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
+          <p class="text-xs text-gray-500 mb-1">Shown on its own page. Accepts basic HTML — bold, italics, links, lists, headings, and line breaks.</p>
+          <%= f.text_area :description, rows: 4,
+                class: "w-full rounded border-gray-300 shadow-sm px-2 py-1 text-sm font-mono" %>
+        </div>
+
+        <div>
+          <%= f.label :resource_ids, "Linked resources", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
+          <p class="text-xs text-gray-500 mb-1">Optional. Hold ⌘/Ctrl to select more than one.</p>
+          <%= f.collection_select :resource_ids, Resource.order(:title), :id, :title,
+                {}, multiple: true, size: 4,
+                class: "w-full rounded border-gray-300 shadow-sm px-2 py-1 text-sm" %>
+        </div>
+      </div>
+    </div>
+
+    <div class="flex flex-wrap items-center justify-between gap-2">
+      <label class="flex items-center gap-2 text-sm text-gray-600">
+        <%= f.check_box :hidden, class: "rounded border-gray-300 text-purple-600" %>
+        Hidden (keep this built-in callout off the ticket)
+      </label>
+      <% if f.object.persisted? %>
+        <%# link (not button_to) so we don't nest a <form> inside the event form %>
+        <%= link_to "Restore default", restore_event_registration_ticket_callout_path(@event, f.object),
+              data: { turbo_method: :post, turbo_confirm: "Reset this callout's text and links to the default? Save any other changes first — this reloads the form." },
+              class: "text-sm text-gray-400 hover:text-purple-700 underline" %>
+      <% end %>
+    </div>
+  </div>
+</div>
diff --git a/config/routes.rb b/config/routes.rb
index b107a16572..55b850f5c0 100644
--- a/config/routes.rb
+++ b/config/routes.rb
@@ -147,7 +147,9 @@
       post :allocate_bulk_payment
       post :create_bulk_payment
     end
-    resources :registration_ticket_callouts, only: [ :show, :update ]
+    resources :registration_ticket_callouts, only: [ :show, :update ] do
+      member { post :restore }
+    end
     resource :registrations, only: %i[ create ], module: :events, as: :registrant_registration
     resource :public_registration, only: [ :new, :create, :show ], module: :events
     resource :bulk_payment, only: [ :new, :create, :show ], module: :events
diff --git a/spec/requests/events/registration_ticket_callouts_spec.rb b/spec/requests/events/registration_ticket_callouts_spec.rb
index 37bdaa47f1..3c7cc2af91 100644
--- a/spec/requests/events/registration_ticket_callouts_spec.rb
+++ b/spec/requests/events/registration_ticket_callouts_spec.rb
@@ -54,6 +54,23 @@
       expect(response).to have_http_status(:not_found)
     end
 
+    it "redirects a hidden callout's page back to the event" do
+      callout = create(:registration_ticket_callout, :hidden, event:, description: "<p>Draft.</p>")
+
+      get event_registration_ticket_callout_path(event, callout)
+
+      expect(response).to redirect_to(event_path(event))
+    end
+
+    it "redirects a not-yet-dripped callout's page back to the event" do
+      callout = create(:registration_ticket_callout, event:, description: "<p>Later.</p>",
+        display_from: 1.day.from_now)
+
+      get event_registration_ticket_callout_path(event, callout)
+
+      expect(response).to redirect_to(event_path(event))
+    end
+
     context "when linked to a resource with a downloadable file" do
       let(:resource) { create(:resource) }
       let(:callout) do
@@ -105,7 +122,7 @@
         }
       }
 
-      ordered = event.registration_ticket_callouts.reload.ordered
+      ordered = event.registration_ticket_callouts.custom.reload.ordered
       expect(ordered.map(&:title)).to eq(%w[First Second Third])
       expect(ordered.map(&:position)).to eq([ 1, 2, 3 ])
     end
@@ -152,4 +169,55 @@
       expect(callout.reload.position).to eq(2)
     end
   end
+
+  describe "POST /events/:event_id/registration_ticket_callouts/:id/restore" do
+    it "restores a magic callout to its default for a manager" do
+      sign_in admin
+      training = create(:event, :publicly_visible, facilitator_training: true)
+      callout = create(:registration_ticket_callout, event: training, magic_key: "faq", title: "Edited", hidden: true)
+
+      post restore_event_registration_ticket_callout_path(training, callout)
+
+      expect(response).to redirect_to(edit_event_path(training, expand: "callouts", anchor: "registration_ticket_callouts"))
+      expect(callout.reload.title).to eq("Frequently asked questions")
+      expect(callout.hidden).to be(false)
+    end
+
+    it "is not permitted for a non-manager" do
+      sign_in create(:user)
+      callout = create(:registration_ticket_callout, event:, magic_key: "faq", title: "Edited")
+
+      post restore_event_registration_ticket_callout_path(event, callout)
+
+      expect(response).to redirect_to(root_path)
+      expect(callout.reload.title).to eq("Edited")
+    end
+  end
+
+  describe "seeding built-in callouts on save" do
+    before { sign_in admin }
+
+    it "materializes Handouts and FAQ when an event is updated" do
+      patch event_path(event), params: {
+        event: { title: event.title, start_date: event.start_date, end_date: event.end_date }
+      }
+
+      expect(event.registration_ticket_callouts.magic.pluck(:magic_key)).to contain_exactly("handouts", "faq")
+    end
+  end
+
+  describe "the event editor" do
+    before { sign_in admin }
+
+    it "renders a materialized callout as an editable field with hide and restore controls" do
+      callout = create(:registration_ticket_callout, event:, magic_key: "faq",
+        title: "Frequently asked questions")
+
+      get edit_event_path(event)
+
+      expect(response).to have_http_status(:ok)
+      expect(response.body).to include("name=\"event[registration_ticket_callouts_attributes][0][title]\"")
+      expect(response.body).to include(restore_event_registration_ticket_callout_path(event, callout))
+    end
+  end
 end
diff --git a/spec/services/default_ticket_callouts_spec.rb b/spec/services/default_ticket_callouts_spec.rb
index 03f2074de2..73f0603d60 100644
--- a/spec/services/default_ticket_callouts_spec.rb
+++ b/spec/services/default_ticket_callouts_spec.rb
@@ -69,4 +69,39 @@
       expect(event.registration_ticket_callouts.ordered.map(&:magic_key).compact).to eq(%w[handouts faq])
     end
   end
+
+  describe ".reset" do
+    it "restores an edited magic callout's content, resources, and visibility to default" do
+      resource = create(:resource, title: "AWBW Training Workshop Worksheets")
+      event = create(:event, facilitator_training: true)
+      described_class.seed(event)
+      faq = event.registration_ticket_callouts.find_by(magic_key: "faq")
+      faq.update!(title: "Custom", description: "<p>Edited</p>", hidden: true)
+      faq.resources << resource
+
+      described_class.reset(faq)
+
+      expect(faq.reload.title).to eq("Frequently asked questions")
+      expect(faq.description).to include("Who is this training designed for?")
+      expect(faq.hidden).to be(false)
+      expect(faq.resources).to be_empty
+    end
+
+    it "keeps the callout's position when restoring" do
+      event = create(:event, facilitator_training: true)
+      described_class.seed(event)
+      faq = event.registration_ticket_callouts.find_by(magic_key: "faq")
+      original_position = faq.position
+
+      described_class.reset(faq)
+
+      expect(faq.reload.position).to eq(original_position)
+    end
+
+    it "leaves a custom callout untouched" do
+      callout = create(:registration_ticket_callout, title: "Parking", magic_key: nil)
+
+      expect { described_class.reset(callout) }.not_to change { callout.reload.title }
+    end
+  end
 end
diff --git a/spec/services/magic_ticket_callouts_spec.rb b/spec/services/magic_ticket_callouts_spec.rb
index 1498d8cc69..5baaab8edb 100644
--- a/spec/services/magic_ticket_callouts_spec.rb
+++ b/spec/services/magic_ticket_callouts_spec.rb
@@ -29,6 +29,16 @@ def card(reg, title)
       expect(card_titles(registration)).to include("Handouts", "Frequently asked questions")
     end
 
+    it "skips a built-in card the event has materialized (it renders from the row instead)" do
+      event.update!(facilitator_training: true)
+      create(:registration_ticket_callout, event:, magic_key: "faq", title: "Frequently asked questions")
+
+      # No duplicate FAQ from the code path; Handouts (not materialized) still renders here.
+      titles = card_titles(registration)
+      expect(titles.count("Frequently asked questions")).to eq(0)
+      expect(titles).to include("Handouts")
+    end
+
     it "shows the Forms card for facilitator trainings and paid events, but not free non-trainings" do
       expect(card_titles(registration)).to include("Forms")
 

From 21a6935c28e8d55d68a63a997ba36adda683af99 Mon Sep 17 00:00:00 2001
From: maebeale <maebeale@users.noreply.github.com>
Date: Wed, 8 Jul 2026 11:25:54 -0400
Subject: [PATCH 03/32] Materialize behavioral magic callouts (Certificate,
 Videoconference)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Extends materialization to app-controlled ("behavioral") cards, whose live
status stays code-driven while the row governs visibility, drip date, and order.

- MagicTicketCallouts#card_for(magic_key) builds one card's live state on demand;
  #cards now dispatches through the same key→builder map and skips materialized
  keys. The ticket renders a behavioral magic row via card_for (nil when it
  shouldn't show for the registration), so opting out / reordering works while
  the app supplies the dynamic badge and destination.
- Seed Certificate (opt-in: hidden by default except on facilitator trainings)
  and Videoconference (only once the event has a link; display_from = a week
  before start, replacing the hard-coded "one week prior" rule with stored data).
- Editor: behavioral magic rows render a control-only partial (hide toggle,
  drag handle, Restore default — no content fields); reject_if now guards only
  new callouts so a control row's hidden toggle persists without a title.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 AGENTS.md                                     |  2 +-
 app/models/event.rb                           |  5 ++-
 app/models/registration_ticket_callout.rb     | 12 ++++++
 app/services/default_ticket_callouts.rb       | 43 ++++++++++++++++---
 app/services/magic_ticket_callouts.rb         | 39 +++++++++++++----
 .../event_registrations/_ticket.html.erb      | 33 +++++++++-----
 app/views/events/_form.html.erb               |  4 +-
 ...ion_ticket_control_callout_fields.html.erb | 36 ++++++++++++++++
 .../registration_ticket_callouts_spec.rb      | 18 ++++++--
 spec/services/default_ticket_callouts_spec.rb | 30 +++++++++++--
 spec/services/magic_ticket_callouts_spec.rb   | 18 ++++++++
 11 files changed, 206 insertions(+), 34 deletions(-)
 create mode 100644 app/views/events/_registration_ticket_control_callout_fields.html.erb

diff --git a/AGENTS.md b/AGENTS.md
index c9fee8e3a4..aed7cee7ce 100644
--- a/AGENTS.md
+++ b/AGENTS.md
@@ -206,7 +206,7 @@ end
 - `EventRegistrationReadiness` — Computes a registration's lifecycle `status` (`:not_ready` → `:ready` → `:certificate_due` → `:completed`) from a pre-event "event ready" checklist, a post-event "completion work" checklist (attendance, scholarship tasks), and certificate delivery, returning the specific outstanding reasons. Reads payment/certificate state via `Registerable` (`paid_in_full?`, `certificate_sent?`) on both the registration and its `continuing_education_registrations`. Drives the registrants roster's single far-right Status badge column (with a short reason under "Not ready" and a cert-type note under "Certificate pending") and its matching filter
 - `ReminderRecipientFilter` — Decides which event registrations stay checked on the bulk reminder page given the admin's filters (matches in memory, returns matching ids)
 - `MagicTicketCallouts` — Code-defined ("magic") ticket callout cards (payment, certificate, scholarship, CE hours, art supplies, forms, handouts, portal, videoconference, FAQ), each with its own visibility rule; rendered through the same `_callout_card` partial as `RegistrationTicketCallout`s. Skips any card an event has materialized (see `DefaultTicketCallouts`) so the two paths never double-render, and serves as the fallback for events not yet seeded. Public show pages live under `app/views/events/callouts/` (`Events::CalloutsController`, slug-authorized)
-- `DefaultTicketCallouts` — Materializes built-in callouts (currently Handouts, FAQ) into editable `RegistrationTicketCallout` rows, seeded on event create and lazily on edit (idempotent, no backfill). Derives each card's default visibility from `Event#show_*_callout?`; `.reset` restores a materialized callout's content/resources/visibility to its template
+- `DefaultTicketCallouts` — Materializes built-in callouts into `RegistrationTicketCallout` rows, seeded on event create and lazily on edit (idempotent, no backfill). "Content" cards (Handouts, FAQ) render their own editable copy/resources; "behavioral" cards (Certificate — opt-in, default off except trainings; Videoconference — drips a week before start via `display_from`) render live status through `MagicTicketCallouts#card_for`, the row governing only visibility/drip/order. `.reset` restores a materialized callout to its template
 
 ### Affiliations
 
diff --git a/app/models/event.rb b/app/models/event.rb
index 604acd7a5c..44480dead4 100644
--- a/app/models/event.rb
+++ b/app/models/event.rb
@@ -47,7 +47,10 @@ class Event < ApplicationRecord
   accepts_nested_attributes_for :event_staffs, allow_destroy: true,
     reject_if: proc { |attrs| attrs["person_id"].blank? }
   accepts_nested_attributes_for :registration_ticket_callouts, allow_destroy: true,
-    reject_if: proc { |attrs| attrs["title"].blank? }
+    # Reject only blank *new* callouts; existing rows (with an id) must always
+    # process so a control-only magic row's hidden/position toggle persists even
+    # though it submits no title.
+    reject_if: proc { |attrs| attrs["id"].blank? && attrs["title"].blank? }
 
   # Callbacks
   after_commit :build_public_registration_form, if: :public_registration_just_enabled?
diff --git a/app/models/registration_ticket_callout.rb b/app/models/registration_ticket_callout.rb
index b736405b73..258a66fe40 100644
--- a/app/models/registration_ticket_callout.rb
+++ b/app/models/registration_ticket_callout.rb
@@ -15,6 +15,12 @@ class RegistrationTicketCallout < ApplicationRecord
     videoconference forms handouts faq
   ].freeze
 
+  # "Content" magic callouts render their own editable copy/resources (like custom
+  # callouts). "Behavioral" magic callouts (the rest) render live per-registration
+  # status through MagicTicketCallouts#card_for — the row only governs visibility,
+  # drip date, and order.
+  CONTENT_MAGIC_KEYS = %w[ handouts faq ].freeze
+
   # Per-type fallbacks for the icon and colour. These are callout-specific (unlike
   # the generic colour swatches and palette, which live in DomainTheme so the whole
   # app can reuse them for tinted boxes — amount-due, scholarship box, etc.).
@@ -63,6 +69,12 @@ def magic?
     magic_key.present?
   end
 
+  # A behavioral built-in callout whose card is rendered by MagicTicketCallouts
+  # (live status), as opposed to a content callout that renders from its own row.
+  def behavioral_magic?
+    magic? && CONTENT_MAGIC_KEYS.exclude?(magic_key)
+  end
+
   # Whether the callout is drip-scheduled to appear only from a future date.
   def dripping?(now = Time.current)
     display_from.present? && display_from > now
diff --git a/app/services/default_ticket_callouts.rb b/app/services/default_ticket_callouts.rb
index 37e7f4bf48..4f5befd492 100644
--- a/app/services/default_ticket_callouts.rb
+++ b/app/services/default_ticket_callouts.rb
@@ -74,10 +74,13 @@ def initialize(event)
   end
 
   # Create any not-yet-present magic callouts for the event, appended in
-  # definition order after whatever already exists. Returns the created rows.
+  # definition order after whatever already exists. A definition's optional
+  # `seed_if` gates whether it applies to this event (e.g. skip the
+  # videoconference card until the event has a link). Returns the created rows.
   def seed
     existing_keys = @event.registration_ticket_callouts.magic.pluck(:magic_key).to_set
     definitions.reject { |definition| existing_keys.include?(definition[:magic_key]) }
+               .select { |definition| definition[:seed_if].nil? || definition[:seed_if].call(@event) }
                .map { |definition| create(definition) }
   end
 
@@ -92,7 +95,8 @@ def reset(callout)
       callout_type: definition[:callout_type],
       icon_class: definition[:icon_class],
       color_class: definition[:color_class],
-      hidden: definition[:hidden].call(@event)
+      hidden: definition[:hidden].call(@event),
+      display_from: definition[:display_from]&.call(@event)
     )
     callout.resources = definition[:resources]&.call || []
     callout
@@ -100,8 +104,12 @@ def reset(callout)
 
   private
 
-  # Ordered built-in callout definitions. `hidden` is a proc so each event
-  # derives its own default; `resources` resolves the linked records.
+  # Ordered built-in callout definitions. `hidden` / `display_from` are procs so
+  # each event derives its own defaults; `resources` resolves the linked records;
+  # `seed_if` gates whether the card applies. Content cards (Handouts, FAQ) render
+  # their own copy; "behavioral" cards (Certificate, Videoconference) render live
+  # per-registration status through MagicTicketCallouts#card_for — the row only
+  # governs visibility, drip date, and order.
   def definitions
     [
       {
@@ -123,6 +131,30 @@ def definitions
         color_class: "blue",
         description: faq_html,
         hidden: ->(event) { !event.show_faq_callout? }
+      },
+      {
+        magic_key: "certificate",
+        title: "Certificate of completion",
+        subtitle: "View and download your certificate",
+        callout_type: "action",
+        icon_class: "fa-solid fa-certificate",
+        color_class: "green",
+        # Off by default except on facilitator trainings; admins opt other events
+        # in. When shown, it still only appears once the certificate unlocks.
+        hidden: ->(event) { !event.facilitator_training? }
+      },
+      {
+        magic_key: "videoconference",
+        title: "Videoconference",
+        subtitle: "Join link and how to add it to your calendar",
+        callout_type: "action",
+        icon_class: "fa-solid fa-video",
+        color_class: "blue",
+        hidden: ->(_event) { false },
+        # Drips onto the ticket a week before the event starts, replacing the old
+        # hard-coded "one week prior" rule with a stored, editable date.
+        display_from: ->(event) { event.start_date - 7.days if event.start_date },
+        seed_if: ->(event) { event.videoconference_url.present? }
       }
     ]
   end
@@ -136,7 +168,8 @@ def create(definition)
       callout_type: definition[:callout_type],
       icon_class: definition[:icon_class],
       color_class: definition[:color_class],
-      hidden: definition[:hidden].call(@event)
+      hidden: definition[:hidden].call(@event),
+      display_from: definition[:display_from]&.call(@event)
     )
     definition[:resources]&.call&.each { |resource| callout.resources << resource }
     callout
diff --git a/app/services/magic_ticket_callouts.rb b/app/services/magic_ticket_callouts.rb
index b968d2d639..9fefa63dfa 100644
--- a/app/services/magic_ticket_callouts.rb
+++ b/app/services/magic_ticket_callouts.rb
@@ -55,25 +55,48 @@ def self.editor_cards(event)
     ].reject { |card| materialized.include?(card.magic_key) }
   end
 
+  # magic_key → builder method, in the default order cards appear on a ticket.
+  CARD_BUILDERS = {
+    "payment" => :payment_card,
+    "certificate" => :certificate_card,
+    "scholarship" => :scholarship_status_card,
+    "ce_hours" => :ce_hours_card,
+    "event_details" => :event_details_card,
+    "videoconference" => :videoconference_card,
+    "forms" => :forms_card,
+    "handouts" => :handouts_card,
+    "faq" => :faq_card
+  }.freeze
+
   def initialize(event_registration)
     @registration = event_registration
     @event = event_registration.event
   end
 
-  # The visible cards for this registration, in display order.
+  # The visible built-in cards for this registration, in default order. Cards the
+  # event has materialized into editable rows are omitted here — the ticket renders
+  # those from the row (calling #card_for for behavioral ones), so this is both the
+  # non-materialized set and the fallback for events not yet seeded.
   def cards
-    [ payment_card, certificate_card, scholarship_status_card, ce_hours_card,
-      event_details_card, videoconference_card, forms_card, handouts_card,
-      faq_card ].compact
+    CARD_BUILDERS.reject { |magic_key, _| materialized?(magic_key) }
+                 .filter_map { |_, builder| send(builder) }
+  end
+
+  # The live Card for one behavioral magic_key (payment, certificate, …), or nil
+  # when it shouldn't show for this registration (e.g. certificate not yet
+  # unlocked). The ticket calls this for a materialized behavioral row so the row
+  # governs visibility/order while the app still supplies the dynamic status.
+  def card_for(magic_key)
+    builder = CARD_BUILDERS[magic_key]
+    builder && send(builder)
   end
 
   private
 
   attr_reader :registration, :event
 
-  # A built-in card whose content has been materialized into an editable row for
-  # this event renders from that row (through the custom-callout loop) instead of
-  # here, so we skip it to avoid double-rendering. See DefaultTicketCallouts.
+  # A built-in card the event has materialized into an editable row renders from
+  # that row, not from #cards, so we skip it here to avoid double-rendering.
   def materialized?(magic_key)
     @materialized_keys ||= event.registration_ticket_callouts.magic.pluck(:magic_key).to_set
     @materialized_keys.include?(magic_key)
@@ -208,7 +231,6 @@ def forms_card
   # Links to the 2-day training worksheets and handouts, so shown only on
   # facilitator trainings — see Event#show_handouts_callout?.
   def handouts_card
-    return if materialized?("handouts")
     return unless event.show_handouts_callout?
     Card.new(icon_class: "fa-solid fa-folder-open", color: "blue",
              title: "Handouts",
@@ -220,7 +242,6 @@ def handouts_card
   # Reference card linking to the 2-day training FAQ page, so shown only on
   # facilitator trainings — see Event#show_faq_callout?.
   def faq_card
-    return if materialized?("faq")
     return unless event.show_faq_callout?
     Card.new(icon_class: "fa-solid fa-circle-question", color: "blue",
              title: "Frequently asked questions",
diff --git a/app/views/event_registrations/_ticket.html.erb b/app/views/event_registrations/_ticket.html.erb
index 01a23c3db1..652981abec 100644
--- a/app/views/event_registrations/_ticket.html.erb
+++ b/app/views/event_registrations/_ticket.html.erb
@@ -100,24 +100,35 @@
         </div>
       <% end %>
 
-      <!-- Magic callouts: code-defined cards the app controls (event details, CE
-           hours, requested W-9/invoice). Each knows its own visibility rule. In
-           preview the cards render non-navigating (the sample has no real page). -->
-      <% MagicTicketCallouts.new(event_registration).cards.each do |card| %>
+      <% magic = MagicTicketCallouts.new(event_registration) %>
+
+      <!-- Magic callouts: code-defined cards the app controls, for any built-in
+           the event hasn't materialized (also the fallback for unseeded events).
+           Each knows its own visibility rule. In preview they render non-navigating. -->
+      <% magic.cards.each do |card| %>
         <%= render "event_registrations/callout_card", callout: card, linked: !preview %>
       <% end %>
 
-      <!-- Ticket callouts: admin-authored (actions & reference reading) plus any
-           built-in cards materialized into editable rows. Hidden (draft/opted-out)
-           and not-yet-dripped callouts are omitted. -->
+      <!-- Ticket callouts: admin-authored plus any built-in cards materialized into
+           editable rows, in the one admin-ordered list. Hidden (draft/opted-out) and
+           not-yet-dripped callouts are omitted. A behavioral magic row (payment,
+           certificate, …) renders the app's live card; content/custom rows render
+           their own copy. -->
       <% payment_access = event_registration.payment_access_granted? || @checkout_payment_status == "paid" %>
       <% event_registration.event.registration_ticket_callouts.visible.each do |callout| %>
         <% next if callout.dripping? %>
         <% next if callout.payment_access_gated && !payment_access %>
-        <%= render "event_registrations/callout_card",
-                   callout: callout,
-                   href: event_registration_ticket_callout_path(event_registration.event, callout, reg: event_registration.slug),
-                   linked: !preview %>
+        <% if callout.behavioral_magic? %>
+          <% card = magic.card_for(callout.magic_key) %>
+          <% if card %>
+            <%= render "event_registrations/callout_card", callout: card, linked: !preview %>
+          <% end %>
+        <% else %>
+          <%= render "event_registrations/callout_card",
+                     callout: callout,
+                     href: event_registration_ticket_callout_path(event_registration.event, callout, reg: event_registration.slug),
+                     linked: !preview %>
+        <% end %>
       <% end %>
 
       <!-- Divider -->
diff --git a/app/views/events/_form.html.erb b/app/views/events/_form.html.erb
index 3291dab87c..9bf26ca5e4 100644
--- a/app/views/events/_form.html.erb
+++ b/app/views/events/_form.html.erb
@@ -582,7 +582,9 @@
              data-controller="sortable"
              data-sortable-url-value="<%= @event.persisted? ? event_registration_ticket_callout_path(@event, ":id") : "" %>">
           <%= f.fields_for :registration_ticket_callouts do |rts| %>
-            <% if rts.object.magic? %>
+            <% if rts.object.behavioral_magic? %>
+              <%= render "events/registration_ticket_control_callout_fields", f: rts %>
+            <% elsif rts.object.magic? %>
               <%= render "events/registration_ticket_magic_callout_fields", f: rts %>
             <% else %>
               <%= render "events/registration_ticket_callout_fields", f: rts %>
diff --git a/app/views/events/_registration_ticket_control_callout_fields.html.erb b/app/views/events/_registration_ticket_control_callout_fields.html.erb
new file mode 100644
index 0000000000..53ee78628b
--- /dev/null
+++ b/app/views/events/_registration_ticket_control_callout_fields.html.erb
@@ -0,0 +1,36 @@
+<%# Editor row for a behavioral built-in ("magic") callout — payment, certificate,
+    videoconference, etc. Its card text and live status are app-controlled, so only
+    its visibility, drip date, and order are editable here: a hide toggle, a drag
+    handle, and "Restore default". Never removable. %>
+<div class="nested-fields registration-ticket-callout-fields flex items-start gap-3 rounded-lg border border-gray-200 bg-gray-50 p-3"
+     data-sortable-id="<%= f.object.id %>">
+  <div class="cursor-grab text-gray-400 hover:text-gray-600 pt-2 shrink-0" data-sortable-handle title="Drag to reorder">
+    <i class="fa-solid fa-grip-vertical"></i>
+  </div>
+
+  <i class="<%= f.object.display_icon_class %> <%= f.object.theme[:icon] %> w-6 shrink-0 text-center text-xl pt-0.5" aria-hidden="true"></i>
+
+  <div class="flex-1 min-w-0">
+    <div class="flex flex-wrap items-center gap-2 mb-0.5">
+      <span class="inline-flex items-center rounded-full bg-purple-100 px-2 py-0.5 text-xs font-medium text-purple-700">Built in</span>
+      <span class="text-xs text-gray-400">App-controlled — shows live status on the ticket.</span>
+    </div>
+    <p class="font-semibold text-gray-700"><%= f.object.title %></p>
+    <p class="text-sm text-gray-500"><%= f.object.subtitle %></p>
+    <% if f.object.display_from.present? %>
+      <p class="text-xs text-gray-400 italic mt-0.5">Appears from <%= f.object.display_from.to_fs(:long) %>.</p>
+    <% end %>
+
+    <div class="mt-2 flex flex-wrap items-center justify-between gap-2">
+      <label class="flex items-center gap-2 text-sm text-gray-600">
+        <%= f.check_box :hidden, class: "rounded border-gray-300 text-purple-600" %>
+        Hidden (keep this built-in callout off the ticket)
+      </label>
+      <% if f.object.persisted? %>
+        <%= link_to "Restore default", restore_event_registration_ticket_callout_path(@event, f.object),
+              data: { turbo_method: :post, turbo_confirm: "Reset this callout to its default visibility? Save any other changes first — this reloads the form." },
+              class: "text-sm text-gray-400 hover:text-purple-700 underline" %>
+      <% end %>
+    </div>
+  </div>
+</div>
diff --git a/spec/requests/events/registration_ticket_callouts_spec.rb b/spec/requests/events/registration_ticket_callouts_spec.rb
index 3c7cc2af91..bf4708017d 100644
--- a/spec/requests/events/registration_ticket_callouts_spec.rb
+++ b/spec/requests/events/registration_ticket_callouts_spec.rb
@@ -197,19 +197,19 @@
   describe "seeding built-in callouts on save" do
     before { sign_in admin }
 
-    it "materializes Handouts and FAQ when an event is updated" do
+    it "materializes the built-in callouts when an event is updated" do
       patch event_path(event), params: {
         event: { title: event.title, start_date: event.start_date, end_date: event.end_date }
       }
 
-      expect(event.registration_ticket_callouts.magic.pluck(:magic_key)).to contain_exactly("handouts", "faq")
+      expect(event.registration_ticket_callouts.magic.pluck(:magic_key)).to contain_exactly("handouts", "faq", "certificate")
     end
   end
 
   describe "the event editor" do
     before { sign_in admin }
 
-    it "renders a materialized callout as an editable field with hide and restore controls" do
+    it "renders a materialized content callout as an editable field with hide and restore controls" do
       callout = create(:registration_ticket_callout, event:, magic_key: "faq",
         title: "Frequently asked questions")
 
@@ -219,5 +219,17 @@
       expect(response.body).to include("name=\"event[registration_ticket_callouts_attributes][0][title]\"")
       expect(response.body).to include(restore_event_registration_ticket_callout_path(event, callout))
     end
+
+    it "renders a behavioral magic callout as a control-only row (hide + restore, no content fields)" do
+      callout = create(:registration_ticket_callout, event:, magic_key: "certificate",
+        title: "Certificate of completion")
+
+      get edit_event_path(event)
+
+      expect(response).to have_http_status(:ok)
+      expect(response.body).to include("name=\"event[registration_ticket_callouts_attributes][0][hidden]\"")
+      expect(response.body).not_to include("name=\"event[registration_ticket_callouts_attributes][0][description]\"")
+      expect(response.body).to include(restore_event_registration_ticket_callout_path(event, callout))
+    end
   end
 end
diff --git a/spec/services/default_ticket_callouts_spec.rb b/spec/services/default_ticket_callouts_spec.rb
index 73f0603d60..b507f77476 100644
--- a/spec/services/default_ticket_callouts_spec.rb
+++ b/spec/services/default_ticket_callouts_spec.rb
@@ -2,13 +2,37 @@
 
 RSpec.describe DefaultTicketCallouts do
   describe "#seed" do
-    it "materializes the Handouts and FAQ magic callouts" do
+    it "materializes the Handouts, FAQ, and Certificate magic callouts" do
       event = create(:event)
 
       described_class.seed(event)
 
       keys = event.registration_ticket_callouts.magic.pluck(:magic_key)
-      expect(keys).to contain_exactly("handouts", "faq")
+      expect(keys).to contain_exactly("handouts", "faq", "certificate")
+    end
+
+    it "seeds the Videoconference card, dripping a week before start, only once the event has a link" do
+      event = create(:event, start_date: Date.new(2026, 9, 10))
+      described_class.seed(event)
+      expect(event.registration_ticket_callouts.find_by(magic_key: "videoconference")).to be_nil
+
+      event.update!(videoconference_url: "https://example.com/zoom")
+      described_class.seed(event)
+
+      vc = event.registration_ticket_callouts.find_by(magic_key: "videoconference")
+      expect(vc.display_from.to_date).to eq(Date.new(2026, 9, 3))
+      expect(vc.hidden).to be(false)
+    end
+
+    it "defaults Certificate off for a non-training event and on for a facilitator training" do
+      non_training = create(:event, facilitator_training: false)
+      training = create(:event, facilitator_training: true)
+
+      described_class.seed(non_training)
+      described_class.seed(training)
+
+      expect(non_training.registration_ticket_callouts.find_by(magic_key: "certificate").hidden).to be(true)
+      expect(training.registration_ticket_callouts.find_by(magic_key: "certificate").hidden).to be(false)
     end
 
     it "seeds the FAQ card with the default training content" do
@@ -66,7 +90,7 @@
       described_class.seed(event)
 
       expect(event.registration_ticket_callouts.ordered.first).to eq(custom)
-      expect(event.registration_ticket_callouts.ordered.map(&:magic_key).compact).to eq(%w[handouts faq])
+      expect(event.registration_ticket_callouts.ordered.map(&:magic_key).compact).to eq(%w[handouts faq certificate])
     end
   end
 
diff --git a/spec/services/magic_ticket_callouts_spec.rb b/spec/services/magic_ticket_callouts_spec.rb
index 5baaab8edb..39210e1dcb 100644
--- a/spec/services/magic_ticket_callouts_spec.rb
+++ b/spec/services/magic_ticket_callouts_spec.rb
@@ -160,4 +160,22 @@ def card(reg, title)
       ])
     end
   end
+
+  describe "#card_for" do
+    it "builds the live behavioral card for a materialized magic_key" do
+      event.update!(cost_cents: 5_000)
+      create(:registration_ticket_callout, event:, magic_key: "payment", title: "Payment")
+
+      card = described_class.new(registration).card_for("payment")
+      expect(card.title).to eq("Make your payment")
+      expect(card.badge).to end_with("due")
+    end
+
+    it "returns nil when the card shouldn't show for this registration" do
+      create(:registration_ticket_callout, event:, magic_key: "certificate", title: "Certificate of completion")
+
+      # Certificate isn't unlocked (event not ended, not attended).
+      expect(described_class.new(registration).card_for("certificate")).to be_nil
+    end
+  end
 end

From 78c3307b048c50dca5031dc9232160e5f6f1a12c Mon Sep 17 00:00:00 2001
From: maebeale <maebeale@users.noreply.github.com>
Date: Wed, 8 Jul 2026 14:05:46 -0400
Subject: [PATCH 04/32] Materialize the remaining behavioral callouts (Payment,
 Scholarship, CE, Forms)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Completes the built-in set: DefaultTicketCallouts now seeds all nine callouts in
canonical ticket order, each gated by the event's config (payment when it has a
cost, scholarship when it has a scholarship form, CE when hours are offered,
event details when present, forms on trainings/paid events). The ticket renders
each behavioral row through MagicTicketCallouts#card_for, so the whole set is one
admin-ordered, hideable list.

CE hours and Event details are behavioral but keep their text on event columns
(edited via the built-in preview card in the callouts section), so they render
via card_for but get no duplicate editor control row — placement stays fixed.
Their colours (teal/fuchsia) come from the live card, not a stored swatch.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 AGENTS.md                                     |  2 +-
 app/models/registration_ticket_callout.rb     | 11 +++
 app/services/default_ticket_callouts.rb       | 90 +++++++++++++++----
 app/services/magic_ticket_callouts.rb         |  2 +-
 app/views/events/_form.html.erb               |  4 +-
 .../registration_ticket_callouts_spec.rb      |  4 +-
 spec/services/default_ticket_callouts_spec.rb | 34 ++++++-
 7 files changed, 122 insertions(+), 25 deletions(-)

diff --git a/AGENTS.md b/AGENTS.md
index aed7cee7ce..5466ebe572 100644
--- a/AGENTS.md
+++ b/AGENTS.md
@@ -206,7 +206,7 @@ end
 - `EventRegistrationReadiness` — Computes a registration's lifecycle `status` (`:not_ready` → `:ready` → `:certificate_due` → `:completed`) from a pre-event "event ready" checklist, a post-event "completion work" checklist (attendance, scholarship tasks), and certificate delivery, returning the specific outstanding reasons. Reads payment/certificate state via `Registerable` (`paid_in_full?`, `certificate_sent?`) on both the registration and its `continuing_education_registrations`. Drives the registrants roster's single far-right Status badge column (with a short reason under "Not ready" and a cert-type note under "Certificate pending") and its matching filter
 - `ReminderRecipientFilter` — Decides which event registrations stay checked on the bulk reminder page given the admin's filters (matches in memory, returns matching ids)
 - `MagicTicketCallouts` — Code-defined ("magic") ticket callout cards (payment, certificate, scholarship, CE hours, art supplies, forms, handouts, portal, videoconference, FAQ), each with its own visibility rule; rendered through the same `_callout_card` partial as `RegistrationTicketCallout`s. Skips any card an event has materialized (see `DefaultTicketCallouts`) so the two paths never double-render, and serves as the fallback for events not yet seeded. Public show pages live under `app/views/events/callouts/` (`Events::CalloutsController`, slug-authorized)
-- `DefaultTicketCallouts` — Materializes built-in callouts into `RegistrationTicketCallout` rows, seeded on event create and lazily on edit (idempotent, no backfill). "Content" cards (Handouts, FAQ) render their own editable copy/resources; "behavioral" cards (Certificate — opt-in, default off except trainings; Videoconference — drips a week before start via `display_from`) render live status through `MagicTicketCallouts#card_for`, the row governing only visibility/drip/order. `.reset` restores a materialized callout to its template
+- `DefaultTicketCallouts` — Materializes all built-in callouts into `RegistrationTicketCallout` rows in canonical ticket order, seeded on event create and lazily on edit, each gated by the event's config via `seed_if` (idempotent, no backfill). "Content" cards (Handouts, FAQ) render their own editable copy/resources; "behavioral" cards render live status through `MagicTicketCallouts#card_for`, the row governing only visibility/drip/order. Certificate is opt-in (default off except trainings); Videoconference drips a week before start via `display_from`. CE hours and Event details are behavioral but keep their text on event columns (edited via the built-in preview card), so they get no editor control row. `.reset` restores a materialized callout to its template
 
 ### Affiliations
 
diff --git a/app/models/registration_ticket_callout.rb b/app/models/registration_ticket_callout.rb
index 258a66fe40..5aad479174 100644
--- a/app/models/registration_ticket_callout.rb
+++ b/app/models/registration_ticket_callout.rb
@@ -21,6 +21,11 @@ class RegistrationTicketCallout < ApplicationRecord
   # drip date, and order.
   CONTENT_MAGIC_KEYS = %w[ handouts faq ].freeze
 
+  # Behavioral magic callouts whose text is edited via the event's built-in
+  # preview card (their content lives on event columns, e.g. ce_hours_details),
+  # so the editor shows no separate control row for them.
+  PREVIEW_EDITED_MAGIC_KEYS = %w[ ce_hours event_details ].freeze
+
   # Per-type fallbacks for the icon and colour. These are callout-specific (unlike
   # the generic colour swatches and palette, which live in DomainTheme so the whole
   # app can reuse them for tinted boxes — amount-due, scholarship box, etc.).
@@ -75,6 +80,12 @@ def behavioral_magic?
     magic? && CONTENT_MAGIC_KEYS.exclude?(magic_key)
   end
 
+  # A behavioral magic callout that gets an editor control row (hide/reorder/
+  # restore). Excludes the preview-edited ones, whose placement stays fixed.
+  def control_row?
+    behavioral_magic? && PREVIEW_EDITED_MAGIC_KEYS.exclude?(magic_key)
+  end
+
   # Whether the callout is drip-scheduled to appear only from a future date.
   def dripping?(now = Time.current)
     display_from.present? && display_from > now
diff --git a/app/services/default_ticket_callouts.rb b/app/services/default_ticket_callouts.rb
index 4f5befd492..97a20f7276 100644
--- a/app/services/default_ticket_callouts.rb
+++ b/app/services/default_ticket_callouts.rb
@@ -113,24 +113,14 @@ def reset(callout)
   def definitions
     [
       {
-        magic_key: "handouts",
-        title: "Handouts",
-        subtitle: "Worksheets and resources for the training",
-        callout_type: "reference",
-        icon_class: "fa-solid fa-folder-open",
-        color_class: "blue",
-        hidden: ->(event) { !event.show_handouts_callout? },
-        resources: -> { handout_resources }
-      },
-      {
-        magic_key: "faq",
-        title: "Frequently asked questions",
-        subtitle: "Common questions about the 2-day training",
-        callout_type: "reference",
-        icon_class: "fa-solid fa-circle-question",
-        color_class: "blue",
-        description: faq_html,
-        hidden: ->(event) { !event.show_faq_callout? }
+        magic_key: "payment",
+        title: "Payment",
+        subtitle: "Your balance and payment history",
+        callout_type: "action",
+        icon_class: "fa-solid fa-credit-card",
+        color_class: "orange",
+        hidden: ->(_event) { false },
+        seed_if: ->(event) { event.cost_cents.to_i.positive? }
       },
       {
         magic_key: "certificate",
@@ -143,6 +133,40 @@ def definitions
         # in. When shown, it still only appears once the certificate unlocks.
         hidden: ->(event) { !event.facilitator_training? }
       },
+      {
+        magic_key: "scholarship",
+        title: "Scholarship",
+        subtitle: "Your scholarship request and award",
+        callout_type: "action",
+        icon_class: "fa-solid fa-award",
+        # Colour (fuchsia) comes from the live card via #card_for, not a swatch.
+        hidden: ->(_event) { false },
+        seed_if: ->(event) { event.scholarship_form.present? }
+      },
+      {
+        magic_key: "ce_hours",
+        title: "CE hours",
+        subtitle: "Continuing education — requirements & how to request",
+        callout_type: "action",
+        icon_class: "fa-solid fa-graduation-cap",
+        # Colour (teal) comes from the live card via #card_for, not a swatch.
+        # Content (label + details) stays on the event and is edited in the
+        # callouts section's built-in card; the row only governs order/drip.
+        hidden: ->(_event) { false },
+        seed_if: ->(event) { event.ce_hours_offered.present? }
+      },
+      {
+        magic_key: "event_details",
+        title: "Before you attend",
+        subtitle: "Important info for this event — please read",
+        callout_type: "reference",
+        icon_class: "fa-solid fa-palette",
+        color_class: "blue",
+        # Content (label + body) stays on the event and is edited in the built-in
+        # card; the row only governs order/drip.
+        hidden: ->(_event) { false },
+        seed_if: ->(event) { event.event_details.present? }
+      },
       {
         magic_key: "videoconference",
         title: "Videoconference",
@@ -155,6 +179,36 @@ def definitions
         # hard-coded "one week prior" rule with a stored, editable date.
         display_from: ->(event) { event.start_date - 7.days if event.start_date },
         seed_if: ->(event) { event.videoconference_url.present? }
+      },
+      {
+        magic_key: "forms",
+        title: "Forms",
+        subtitle: "W-9, invoice, and receipt",
+        callout_type: "action",
+        icon_class: "fa-solid fa-file-lines",
+        color_class: "blue",
+        hidden: ->(_event) { false },
+        seed_if: ->(event) { event.show_forms_callout? }
+      },
+      {
+        magic_key: "handouts",
+        title: "Handouts",
+        subtitle: "Worksheets and resources for the training",
+        callout_type: "reference",
+        icon_class: "fa-solid fa-folder-open",
+        color_class: "blue",
+        hidden: ->(event) { !event.show_handouts_callout? },
+        resources: -> { handout_resources }
+      },
+      {
+        magic_key: "faq",
+        title: "Frequently asked questions",
+        subtitle: "Common questions about the 2-day training",
+        callout_type: "reference",
+        icon_class: "fa-solid fa-circle-question",
+        color_class: "blue",
+        description: faq_html,
+        hidden: ->(event) { !event.show_faq_callout? }
       }
     ]
   end
diff --git a/app/services/magic_ticket_callouts.rb b/app/services/magic_ticket_callouts.rb
index 9fefa63dfa..fbcd98bfd5 100644
--- a/app/services/magic_ticket_callouts.rb
+++ b/app/services/magic_ticket_callouts.rb
@@ -52,7 +52,7 @@ def self.editor_cards(event)
       EditorCard.new(nil, "forms", "fa-solid fa-file-lines", "blue", "Forms", "W-9, invoice, and receipt", "On facilitator trainings and paid events", "Items link to their relevant resources."),
       EditorCard.new(nil, "handouts", "fa-solid fa-folder-open", "blue", "Handouts", "Worksheets and resources for the training", "On facilitator trainings", "Items link to their relevant resources."),
       EditorCard.new(nil, "faq", "fa-solid fa-circle-question", "blue", "Frequently asked questions", "Common questions about the 2-day training", "On facilitator trainings", nil)
-    ].reject { |card| materialized.include?(card.magic_key) }
+    ].reject { |card| card.key.nil? && materialized.include?(card.magic_key) }
   end
 
   # magic_key → builder method, in the default order cards appear on a ticket.
diff --git a/app/views/events/_form.html.erb b/app/views/events/_form.html.erb
index 9bf26ca5e4..a5d48fd240 100644
--- a/app/views/events/_form.html.erb
+++ b/app/views/events/_form.html.erb
@@ -582,8 +582,10 @@
              data-controller="sortable"
              data-sortable-url-value="<%= @event.persisted? ? event_registration_ticket_callout_path(@event, ":id") : "" %>">
           <%= f.fields_for :registration_ticket_callouts do |rts| %>
-            <% if rts.object.behavioral_magic? %>
+            <% if rts.object.control_row? %>
               <%= render "events/registration_ticket_control_callout_fields", f: rts %>
+            <% elsif rts.object.behavioral_magic? %>
+              <%# CE hours / event details: text is edited in the built-in card above %>
             <% elsif rts.object.magic? %>
               <%= render "events/registration_ticket_magic_callout_fields", f: rts %>
             <% else %>
diff --git a/spec/requests/events/registration_ticket_callouts_spec.rb b/spec/requests/events/registration_ticket_callouts_spec.rb
index bf4708017d..b5cca22fa6 100644
--- a/spec/requests/events/registration_ticket_callouts_spec.rb
+++ b/spec/requests/events/registration_ticket_callouts_spec.rb
@@ -202,7 +202,9 @@
         event: { title: event.title, start_date: event.start_date, end_date: event.end_date }
       }
 
-      expect(event.registration_ticket_callouts.magic.pluck(:magic_key)).to contain_exactly("handouts", "faq", "certificate")
+      expect(event.registration_ticket_callouts.magic.pluck(:magic_key)).to contain_exactly(
+        "payment", "certificate", "forms", "handouts", "faq"
+      )
     end
   end
 
diff --git a/spec/services/default_ticket_callouts_spec.rb b/spec/services/default_ticket_callouts_spec.rb
index b507f77476..2018282a1e 100644
--- a/spec/services/default_ticket_callouts_spec.rb
+++ b/spec/services/default_ticket_callouts_spec.rb
@@ -2,13 +2,39 @@
 
 RSpec.describe DefaultTicketCallouts do
   describe "#seed" do
-    it "materializes the Handouts, FAQ, and Certificate magic callouts" do
+    it "materializes the built-in callouts the event's config warrants" do
+      # Factory event: has a cost (payment + forms), no scholarship/CE/details/VC.
       event = create(:event)
 
       described_class.seed(event)
 
       keys = event.registration_ticket_callouts.magic.pluck(:magic_key)
-      expect(keys).to contain_exactly("handouts", "faq", "certificate")
+      expect(keys).to contain_exactly("payment", "certificate", "forms", "handouts", "faq")
+    end
+
+    it "seeds Payment, Scholarship, CE, and Event details only when their config is present" do
+      form = create(:form)
+      event = create(:event, cost_cents: 0, ce_hours_offered: 6, event_details: "<p>Bring supplies.</p>")
+      event.event_forms.create!(form:, role: "scholarship")
+
+      described_class.seed(event)
+
+      keys = event.registration_ticket_callouts.magic.pluck(:magic_key)
+      expect(keys).to include("scholarship", "ce_hours", "event_details")
+      expect(keys).not_to include("payment") # free event
+    end
+
+    it "seeds callouts in canonical ticket order" do
+      form = create(:form)
+      event = create(:event, facilitator_training: true, ce_hours_offered: 6,
+        event_details: "<p>x</p>", videoconference_url: "https://example.com/z")
+      event.event_forms.create!(form:, role: "scholarship")
+
+      described_class.seed(event)
+
+      expect(event.registration_ticket_callouts.ordered.map(&:magic_key)).to eq(
+        %w[payment certificate scholarship ce_hours event_details videoconference forms handouts faq]
+      )
     end
 
     it "seeds the Videoconference card, dripping a week before start, only once the event has a link" do
@@ -90,7 +116,9 @@
       described_class.seed(event)
 
       expect(event.registration_ticket_callouts.ordered.first).to eq(custom)
-      expect(event.registration_ticket_callouts.ordered.map(&:magic_key).compact).to eq(%w[handouts faq certificate])
+      expect(event.registration_ticket_callouts.ordered.map(&:magic_key).compact).to eq(
+        %w[payment certificate forms handouts faq]
+      )
     end
   end
 

From 8eb5ba0673f3c79b3a61d0208dbd481624c0751a Mon Sep 17 00:00:00 2001
From: maebeale <maebeale@users.noreply.github.com>
Date: Wed, 8 Jul 2026 18:28:39 -0400
Subject: [PATCH 05/32] Make the W-9 a removable resource on the materialized
 Forms card

The W-9 was hard-coded onto every forms page. Seed it instead as a linked
resource on the Forms callout, editable/removable per event from the callouts
section; the forms page now renders the callout's resources (falling back to the
W-9 for events not yet materialized) alongside the still-dynamic invoice/receipt.

- DefaultTicketCallouts links the W-9 resource to the seeded Forms row.
- The Forms control row gains a linked-documents picker (RESOURCE_EDITABLE_MAGIC_KEYS).
- build_form_cards reads the Forms row's resources.

The W-9 resource is already hidden_from_search in the dev seeds.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 app/controllers/events/callouts_controller.rb | 32 +++++++++++++------
 app/models/registration_ticket_callout.rb     |  9 ++++++
 app/services/default_ticket_callouts.rb       |  3 ++
 ...ion_ticket_control_callout_fields.html.erb | 11 +++++++
 spec/requests/events/callouts_spec.rb         | 16 ++++++++++
 .../registration_ticket_callouts_spec.rb      |  9 ++++++
 spec/services/default_ticket_callouts_spec.rb | 10 ++++++
 7 files changed, 81 insertions(+), 9 deletions(-)

diff --git a/app/controllers/events/callouts_controller.rb b/app/controllers/events/callouts_controller.rb
index 865e9b1f79..e677e8b1ec 100644
--- a/app/controllers/events/callouts_controller.rb
+++ b/app/controllers/events/callouts_controller.rb
@@ -118,16 +118,16 @@ def set_event
       @event = @event_registration.event
     end
 
-    # Builds the callout-card links shown on the forms page. The W-9 opens in its
-    # own resource page (preview + download) when seeded; the invoice and the
-    # paid-in-full receipt (once settled) show for paid events. Each returns to forms.
+    # Builds the callout-card links shown on the forms page. The document links
+    # come from the materialized Forms callout's resources (the W-9 by default,
+    # editable/removable per event) — or the hard-coded W-9 for events not yet
+    # materialized. The invoice and paid-in-full receipt (once settled) show for
+    # paid events. Each returns to forms.
     def build_form_cards
-      cards = []
-      w9 = Resource.find_by(title: "W-9")
-      if w9
-        cards << resource_card(icon: "fa-solid fa-file-pdf", title: "W-9",
-                               subtitle: "AWBW's W-9 tax form for your records",
-                               href: registration_resource_path(@event_registration.slug, w9, return_to: "forms"), target: nil)
+      cards = form_document_resources.map do |resource|
+        resource_card(icon: "fa-solid fa-file-pdf", title: resource.title,
+                      subtitle: form_resource_subtitle(resource),
+                      href: registration_resource_path(@event_registration.slug, resource, return_to: "forms"), target: nil)
       end
       if @event_registration.invoice_available?
         cards << resource_card(icon: "fa-solid fa-file-invoice-dollar", title: "View invoice",
@@ -142,6 +142,20 @@ def build_form_cards
       cards
     end
 
+    # The forms callout's linked documents. Uses the materialized Forms row's
+    # resources when present (so admins can add/remove them), else the W-9 for
+    # events not yet materialized.
+    def form_document_resources
+      forms_callout = @event.registration_ticket_callouts.find_by(magic_key: "forms")
+      return forms_callout.resources.to_a if forms_callout
+      Resource.where(title: "W-9").to_a
+    end
+
+    def form_resource_subtitle(resource)
+      return "AWBW's W-9 tax form for your records" if resource.title == "W-9"
+      "Open this document"
+    end
+
     # A blue callout card linking to a document. External/static links open in a
     # new tab (target: "_blank"); registrant resource pages stay in-tab so the
     # back-to-ticket eyebrow works (pass target: nil).
diff --git a/app/models/registration_ticket_callout.rb b/app/models/registration_ticket_callout.rb
index 5aad479174..a25c41e073 100644
--- a/app/models/registration_ticket_callout.rb
+++ b/app/models/registration_ticket_callout.rb
@@ -26,6 +26,10 @@ class RegistrationTicketCallout < ApplicationRecord
   # so the editor shows no separate control row for them.
   PREVIEW_EDITED_MAGIC_KEYS = %w[ ce_hours event_details ].freeze
 
+  # Behavioral magic callouts that carry admin-editable linked resources on their
+  # page (e.g. the Forms card's W-9), edited from the control row.
+  RESOURCE_EDITABLE_MAGIC_KEYS = %w[ forms ].freeze
+
   # Per-type fallbacks for the icon and colour. These are callout-specific (unlike
   # the generic colour swatches and palette, which live in DomainTheme so the whole
   # app can reuse them for tinted boxes — amount-due, scholarship box, etc.).
@@ -86,6 +90,11 @@ def control_row?
     behavioral_magic? && PREVIEW_EDITED_MAGIC_KEYS.exclude?(magic_key)
   end
 
+  # Whether the control row also exposes an editable linked-resource picker.
+  def links_editable_resources?
+    RESOURCE_EDITABLE_MAGIC_KEYS.include?(magic_key)
+  end
+
   # Whether the callout is drip-scheduled to appear only from a future date.
   def dripping?(now = Time.current)
     display_from.present? && display_from > now
diff --git a/app/services/default_ticket_callouts.rb b/app/services/default_ticket_callouts.rb
index 97a20f7276..08b3ece871 100644
--- a/app/services/default_ticket_callouts.rb
+++ b/app/services/default_ticket_callouts.rb
@@ -188,6 +188,9 @@ def definitions
         icon_class: "fa-solid fa-file-lines",
         color_class: "blue",
         hidden: ->(_event) { false },
+        # The W-9 is a removable linked resource; invoice/receipt stay dynamic on
+        # the forms page. Admins remove the W-9 for events where it doesn't apply.
+        resources: -> { [ Resource.find_by(title: "W-9") ].compact },
         seed_if: ->(event) { event.show_forms_callout? }
       },
       {
diff --git a/app/views/events/_registration_ticket_control_callout_fields.html.erb b/app/views/events/_registration_ticket_control_callout_fields.html.erb
index 53ee78628b..6613862355 100644
--- a/app/views/events/_registration_ticket_control_callout_fields.html.erb
+++ b/app/views/events/_registration_ticket_control_callout_fields.html.erb
@@ -21,6 +21,17 @@
       <p class="text-xs text-gray-400 italic mt-0.5">Appears from <%= f.object.display_from.to_fs(:long) %>.</p>
     <% end %>
 
+    <% if f.object.links_editable_resources? %>
+      <div class="mt-2">
+        <%= f.label :resource_ids, "Linked documents", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
+        <p class="text-xs text-gray-500 mb-1">Shown on the forms page alongside the invoice and receipt. The W-9 is included by default — remove it for events where it doesn't apply. Hold ⌘/Ctrl to select more than one.</p>
+        <%= f.collection_select :resource_ids, Resource.order(:title), :id, :title,
+              {},
+              multiple: true, size: 3,
+              class: "w-full rounded border-gray-300 shadow-sm px-2 py-1 text-sm" %>
+      </div>
+    <% end %>
+
     <div class="mt-2 flex flex-wrap items-center justify-between gap-2">
       <label class="flex items-center gap-2 text-sm text-gray-600">
         <%= f.check_box :hidden, class: "rounded border-gray-300 text-purple-600" %>
diff --git a/spec/requests/events/callouts_spec.rb b/spec/requests/events/callouts_spec.rb
index ff87c00b3c..c2a97c1bfc 100644
--- a/spec/requests/events/callouts_spec.rb
+++ b/spec/requests/events/callouts_spec.rb
@@ -64,5 +64,21 @@
         expect(response).to redirect_to(registration_ticket_path(registration.slug))
       end
     end
+
+    context "when the Forms callout is materialized" do
+      let(:event) { create(:event, cost_cents: 1099) }
+      let!(:w9) { create(:resource, title: "W-9") }
+
+      it "links the Forms callout's resources, and drops the W-9 when removed" do
+        DefaultTicketCallouts.seed(event)
+
+        get registration_forms_path(registration.slug)
+        expect(response.body).to include(registration_resource_path(registration.slug, w9, return_to: "forms"))
+
+        event.registration_ticket_callouts.find_by(magic_key: "forms").resources.destroy_all
+        get registration_forms_path(registration.slug)
+        expect(response.body).not_to include(registration_resource_path(registration.slug, w9, return_to: "forms"))
+      end
+    end
   end
 end
diff --git a/spec/requests/events/registration_ticket_callouts_spec.rb b/spec/requests/events/registration_ticket_callouts_spec.rb
index b5cca22fa6..6875246a13 100644
--- a/spec/requests/events/registration_ticket_callouts_spec.rb
+++ b/spec/requests/events/registration_ticket_callouts_spec.rb
@@ -233,5 +233,14 @@
       expect(response.body).not_to include("name=\"event[registration_ticket_callouts_attributes][0][description]\"")
       expect(response.body).to include(restore_event_registration_ticket_callout_path(event, callout))
     end
+
+    it "gives the Forms control row an editable linked-resource picker" do
+      create(:registration_ticket_callout, event:, magic_key: "forms", title: "Forms")
+
+      get edit_event_path(event)
+
+      expect(response).to have_http_status(:ok)
+      expect(response.body).to include("name=\"event[registration_ticket_callouts_attributes][0][resource_ids][]\"")
+    end
   end
 end
diff --git a/spec/services/default_ticket_callouts_spec.rb b/spec/services/default_ticket_callouts_spec.rb
index 2018282a1e..375492bb9f 100644
--- a/spec/services/default_ticket_callouts_spec.rb
+++ b/spec/services/default_ticket_callouts_spec.rb
@@ -61,6 +61,16 @@
       expect(training.registration_ticket_callouts.find_by(magic_key: "certificate").hidden).to be(false)
     end
 
+    it "links the W-9 to the Forms card as a removable resource" do
+      w9 = create(:resource, title: "W-9")
+      event = create(:event) # paid by factory, so Forms seeds
+
+      described_class.seed(event)
+
+      forms = event.registration_ticket_callouts.find_by(magic_key: "forms")
+      expect(forms.resources).to eq([ w9 ])
+    end
+
     it "seeds the FAQ card with the default training content" do
       event = create(:event)
 

From a86f5afc7bd89b071b0d973ac05d9570db471f46 Mon Sep 17 00:00:00 2001
From: maebeale <maebeale@users.noreply.github.com>
Date: Thu, 9 Jul 2026 19:45:00 -0400
Subject: [PATCH 06/32] Include the W-9 on the Forms card only for paid events

A tax form applies to paid engagements, so default the W-9 resource onto the
Forms callout only when the event has a cost. Free events (e.g. free trainings)
still get a Forms card but without the W-9; admins add it back if needed.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 app/services/default_ticket_callouts.rb       |  7 ++++---
 spec/services/default_ticket_callouts_spec.rb | 13 ++++++++++++-
 2 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/app/services/default_ticket_callouts.rb b/app/services/default_ticket_callouts.rb
index 08b3ece871..81d5af4320 100644
--- a/app/services/default_ticket_callouts.rb
+++ b/app/services/default_ticket_callouts.rb
@@ -188,9 +188,10 @@ def definitions
         icon_class: "fa-solid fa-file-lines",
         color_class: "blue",
         hidden: ->(_event) { false },
-        # The W-9 is a removable linked resource; invoice/receipt stay dynamic on
-        # the forms page. Admins remove the W-9 for events where it doesn't apply.
-        resources: -> { [ Resource.find_by(title: "W-9") ].compact },
+        # The W-9 is a removable linked resource, included by default only on paid
+        # events (where a tax form applies); invoice/receipt stay dynamic on the
+        # forms page. Admins add/remove it per event.
+        resources: -> { @event.cost_cents.to_i.positive? ? [ Resource.find_by(title: "W-9") ].compact : [] },
         seed_if: ->(event) { event.show_forms_callout? }
       },
       {
diff --git a/spec/services/default_ticket_callouts_spec.rb b/spec/services/default_ticket_callouts_spec.rb
index 375492bb9f..047c28efc6 100644
--- a/spec/services/default_ticket_callouts_spec.rb
+++ b/spec/services/default_ticket_callouts_spec.rb
@@ -61,7 +61,7 @@
       expect(training.registration_ticket_callouts.find_by(magic_key: "certificate").hidden).to be(false)
     end
 
-    it "links the W-9 to the Forms card as a removable resource" do
+    it "links the W-9 to the Forms card as a removable resource on paid events" do
       w9 = create(:resource, title: "W-9")
       event = create(:event) # paid by factory, so Forms seeds
 
@@ -71,6 +71,17 @@
       expect(forms.resources).to eq([ w9 ])
     end
 
+    it "omits the W-9 from the Forms card on a free (training) event" do
+      create(:resource, title: "W-9")
+      event = create(:event, facilitator_training: true, cost_cents: 0)
+
+      described_class.seed(event)
+
+      forms = event.registration_ticket_callouts.find_by(magic_key: "forms")
+      expect(forms).to be_present # seeded because it's a training
+      expect(forms.resources).to be_empty
+    end
+
     it "seeds the FAQ card with the default training content" do
       event = create(:event)
 

From 524dabdb04764560ed1dddb53a83409b20319b7d Mon Sep 17 00:00:00 2001
From: maebeale <maebeale@users.noreply.github.com>
Date: Thu, 9 Jul 2026 21:51:43 -0400
Subject: [PATCH 07/32] Edit built-in callouts in the same row as custom ones
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Materialized built-ins now render in the same editable callout-fields row as
custom callouts — pre-filled title, subtitle, callout page text, colour, icon,
and (where they apply) linked resources — instead of a separate greyed control
strip. The app overlays only the live badge, per-registration visibility, and
destination link, so admin edits to presentation take effect on the ticket.

- MagicTicketCallouts#card_for takes the row and overlays the dynamic parts onto
  the row's editable presentation.
- Seed built-ins with their default colours (teal/fuchsia added to SWATCH_COLORS,
  already in the Tailwind safelist).
- "Restore default" shows only when DefaultTicketCallouts.customized? — computed
  server-side on page load, no JS.
- Behavioral callout pages render the row's callout page text as an intro.
- CE hours / Event details keep their event-column preview card (text is shared
  with the CE/details pages); removed the now-unused control/magic partials.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 AGENTS.md                                     |  2 +-
 app/controllers/events/callouts_controller.rb | 11 ++++
 app/models/registration_ticket_callout.rb     | 16 ++---
 app/services/default_ticket_callouts.rb       | 24 ++++++-
 app/services/magic_ticket_callouts.rb         | 23 ++++---
 .../event_registrations/_ticket.html.erb      |  2 +-
 app/views/events/_form.html.erb               | 11 ++--
 ...egistration_ticket_callout_fields.html.erb | 49 ++++++++++-----
 ...ion_ticket_control_callout_fields.html.erb | 47 --------------
 ...ation_ticket_magic_callout_fields.html.erb | 63 -------------------
 .../events/callouts/_callout_page.html.erb    |  5 ++
 db/schema.rb                                  |  2 +-
 .../registration_ticket_callouts_spec.rb      | 20 +++++-
 spec/services/default_ticket_callouts_spec.rb | 14 +++++
 spec/services/magic_ticket_callouts_spec.rb   | 19 +++---
 15 files changed, 147 insertions(+), 161 deletions(-)
 delete mode 100644 app/views/events/_registration_ticket_control_callout_fields.html.erb
 delete mode 100644 app/views/events/_registration_ticket_magic_callout_fields.html.erb

diff --git a/AGENTS.md b/AGENTS.md
index 5466ebe572..c0e37753c8 100644
--- a/AGENTS.md
+++ b/AGENTS.md
@@ -206,7 +206,7 @@ end
 - `EventRegistrationReadiness` — Computes a registration's lifecycle `status` (`:not_ready` → `:ready` → `:certificate_due` → `:completed`) from a pre-event "event ready" checklist, a post-event "completion work" checklist (attendance, scholarship tasks), and certificate delivery, returning the specific outstanding reasons. Reads payment/certificate state via `Registerable` (`paid_in_full?`, `certificate_sent?`) on both the registration and its `continuing_education_registrations`. Drives the registrants roster's single far-right Status badge column (with a short reason under "Not ready" and a cert-type note under "Certificate pending") and its matching filter
 - `ReminderRecipientFilter` — Decides which event registrations stay checked on the bulk reminder page given the admin's filters (matches in memory, returns matching ids)
 - `MagicTicketCallouts` — Code-defined ("magic") ticket callout cards (payment, certificate, scholarship, CE hours, art supplies, forms, handouts, portal, videoconference, FAQ), each with its own visibility rule; rendered through the same `_callout_card` partial as `RegistrationTicketCallout`s. Skips any card an event has materialized (see `DefaultTicketCallouts`) so the two paths never double-render, and serves as the fallback for events not yet seeded. Public show pages live under `app/views/events/callouts/` (`Events::CalloutsController`, slug-authorized)
-- `DefaultTicketCallouts` — Materializes all built-in callouts into `RegistrationTicketCallout` rows in canonical ticket order, seeded on event create and lazily on edit, each gated by the event's config via `seed_if` (idempotent, no backfill). "Content" cards (Handouts, FAQ) render their own editable copy/resources; "behavioral" cards render live status through `MagicTicketCallouts#card_for`, the row governing only visibility/drip/order. Certificate is opt-in (default off except trainings); Videoconference drips a week before start via `display_from`. CE hours and Event details are behavioral but keep their text on event columns (edited via the built-in preview card), so they get no editor control row. `.reset` restores a materialized callout to its template
+- `DefaultTicketCallouts` — Materializes all built-in callouts into `RegistrationTicketCallout` rows in canonical ticket order, seeded on event create and lazily on edit, each gated by the event's config via `seed_if` (idempotent, no backfill). Built-ins are edited in the **same** callout-fields row as custom callouts (pre-filled title/subtitle/colour/icon/callout-page-text/resources; hidden instead of deleted; "Restore default" shown only when `.customized?`). "Content" cards (Handouts, FAQ) render their own copy/resources; "behavioral" cards render live status through `MagicTicketCallouts#card_for`, which overlays the app's badge/visibility/destination on the row's editable presentation. Behavioral pages show the row's callout-page-text as an intro (`@builtin_intro`). Certificate is opt-in (default off except trainings); Videoconference drips a week before start via `display_from`. CE hours and Event details keep their text on event columns (edited via their built-in preview card above the list). `.reset` restores a materialized callout to its template
 
 ### Affiliations
 
diff --git a/app/controllers/events/callouts_controller.rb b/app/controllers/events/callouts_controller.rb
index e677e8b1ec..b3252a95b4 100644
--- a/app/controllers/events/callouts_controller.rb
+++ b/app/controllers/events/callouts_controller.rb
@@ -8,6 +8,9 @@ class CalloutsController < ApplicationController
     before_action :set_event_registration
     before_action :authorize_callout
     before_action :set_event
+    # These pages carry an editable intro from their materialized built-in row's
+    # "Callout page text", rendered above the app-controlled content.
+    before_action :set_builtin_intro, only: %i[ payment scholarship certificate videoconference forms ]
 
     # Hidden Resource (by title) backing the handout links, in display order.
     # Missing ones (e.g. not seeded in an environment) are silently skipped.
@@ -118,6 +121,14 @@ def set_event
       @event = @event_registration.event
     end
 
+    # The editable intro for a built-in page: the materialized callout row's
+    # "Callout page text" for this action's magic_key. Nil when the event hasn't
+    # materialized the card or the admin left the text blank.
+    def set_builtin_intro
+      callout = @event.registration_ticket_callouts.find_by(magic_key: action_name)
+      @builtin_intro = callout&.description.presence
+    end
+
     # Builds the callout-card links shown on the forms page. The document links
     # come from the materialized Forms callout's resources (the W-9 by default,
     # editable/removable per event) — or the hard-coded W-9 for events not yet
diff --git a/app/models/registration_ticket_callout.rb b/app/models/registration_ticket_callout.rb
index a25c41e073..81697d1d34 100644
--- a/app/models/registration_ticket_callout.rb
+++ b/app/models/registration_ticket_callout.rb
@@ -84,15 +84,17 @@ def behavioral_magic?
     magic? && CONTENT_MAGIC_KEYS.exclude?(magic_key)
   end
 
-  # A behavioral magic callout that gets an editor control row (hide/reorder/
-  # restore). Excludes the preview-edited ones, whose placement stays fixed.
-  def control_row?
-    behavioral_magic? && PREVIEW_EDITED_MAGIC_KEYS.exclude?(magic_key)
+  # Whether this callout is edited in the shared callout-fields editor row (all
+  # callouts except CE hours / Event details, whose text lives on the event and is
+  # edited via their built-in preview card above the list).
+  def editable_in_list?
+    PREVIEW_EDITED_MAGIC_KEYS.exclude?(magic_key.to_s)
   end
 
-  # Whether the control row also exposes an editable linked-resource picker.
-  def links_editable_resources?
-    RESOURCE_EDITABLE_MAGIC_KEYS.include?(magic_key)
+  # Whether the editor shows a linked-resources picker. Only cards that render
+  # their linked resources on a page use it: custom callouts, Handouts, FAQ, Forms.
+  def renders_resources?
+    !magic? || CONTENT_MAGIC_KEYS.include?(magic_key) || RESOURCE_EDITABLE_MAGIC_KEYS.include?(magic_key)
   end
 
   # Whether the callout is drip-scheduled to appear only from a future date.
diff --git a/app/services/default_ticket_callouts.rb b/app/services/default_ticket_callouts.rb
index 81d5af4320..8f4b7a569b 100644
--- a/app/services/default_ticket_callouts.rb
+++ b/app/services/default_ticket_callouts.rb
@@ -69,6 +69,12 @@ def self.reset(callout)
     new(callout.event).reset(callout)
   end
 
+  # Whether a materialized callout has been edited away from its built-in
+  # template, so the editor can offer "Restore default" only when it applies.
+  def self.customized?(callout)
+    new(callout.event).customized?(callout)
+  end
+
   def initialize(event)
     @event = event
   end
@@ -102,6 +108,20 @@ def reset(callout)
     callout
   end
 
+  def customized?(callout)
+    definition = definitions.find { |candidate| candidate[:magic_key] == callout.magic_key }
+    return false unless definition
+
+    callout.title != definition[:title] ||
+      callout.subtitle != definition[:subtitle] ||
+      callout.description.to_s != definition[:description].to_s ||
+      callout.callout_type != definition[:callout_type] ||
+      callout.icon_class != definition[:icon_class] ||
+      callout.color_class != definition[:color_class] ||
+      callout.hidden != definition[:hidden].call(@event) ||
+      callout.resource_ids.sort != Array(definition[:resources]&.call).map(&:id).sort
+  end
+
   private
 
   # Ordered built-in callout definitions. `hidden` / `display_from` are procs so
@@ -139,7 +159,7 @@ def definitions
         subtitle: "Your scholarship request and award",
         callout_type: "action",
         icon_class: "fa-solid fa-award",
-        # Colour (fuchsia) comes from the live card via #card_for, not a swatch.
+        color_class: "fuchsia",
         hidden: ->(_event) { false },
         seed_if: ->(event) { event.scholarship_form.present? }
       },
@@ -149,7 +169,7 @@ def definitions
         subtitle: "Continuing education — requirements & how to request",
         callout_type: "action",
         icon_class: "fa-solid fa-graduation-cap",
-        # Colour (teal) comes from the live card via #card_for, not a swatch.
+        color_class: "teal",
         # Content (label + details) stays on the event and is edited in the
         # callouts section's built-in card; the row only governs order/drip.
         hidden: ->(_event) { false },
diff --git a/app/services/magic_ticket_callouts.rb b/app/services/magic_ticket_callouts.rb
index fbcd98bfd5..a159d22652 100644
--- a/app/services/magic_ticket_callouts.rb
+++ b/app/services/magic_ticket_callouts.rb
@@ -82,13 +82,22 @@ def cards
                  .filter_map { |_, builder| send(builder) }
   end
 
-  # The live Card for one behavioral magic_key (payment, certificate, …), or nil
-  # when it shouldn't show for this registration (e.g. certificate not yet
-  # unlocked). The ticket calls this for a materialized behavioral row so the row
-  # governs visibility/order while the app still supplies the dynamic status.
-  def card_for(magic_key)
-    builder = CARD_BUILDERS[magic_key]
-    builder && send(builder)
+  # The live Card for a materialized behavioral callout row, or nil when it
+  # shouldn't show for this registration (e.g. certificate not yet unlocked). The
+  # app supplies the dynamic parts (badge, per-registration visibility, and the
+  # destination link); the row supplies the editable presentation (title,
+  # subtitle, colour, icon), so admin edits to those take effect on the ticket.
+  def card_for(callout)
+    builder = CARD_BUILDERS[callout.magic_key]
+    base = builder && send(builder)
+    return unless base
+
+    base.with(
+      title: callout.title,
+      subtitle: callout.subtitle,
+      icon_class: callout.display_icon_class,
+      color: callout.color_class.presence || base.color
+    )
   end
 
   private
diff --git a/app/views/event_registrations/_ticket.html.erb b/app/views/event_registrations/_ticket.html.erb
index 652981abec..017f1b7f62 100644
--- a/app/views/event_registrations/_ticket.html.erb
+++ b/app/views/event_registrations/_ticket.html.erb
@@ -119,7 +119,7 @@
         <% next if callout.dripping? %>
         <% next if callout.payment_access_gated && !payment_access %>
         <% if callout.behavioral_magic? %>
-          <% card = magic.card_for(callout.magic_key) %>
+          <% card = magic.card_for(callout) %>
           <% if card %>
             <%= render "event_registrations/callout_card", callout: card, linked: !preview %>
           <% end %>
diff --git a/app/views/events/_form.html.erb b/app/views/events/_form.html.erb
index a5d48fd240..ae68ee465d 100644
--- a/app/views/events/_form.html.erb
+++ b/app/views/events/_form.html.erb
@@ -581,14 +581,11 @@
         <div id="registration_ticket_callouts_list" class="space-y-3"
              data-controller="sortable"
              data-sortable-url-value="<%= @event.persisted? ? event_registration_ticket_callout_path(@event, ":id") : "" %>">
+          <%# Custom callouts and all materialized built-ins share one editable row.
+              CE hours / event details are the exception — their text lives on the
+              event and is edited in their built-in card above the list. %>
           <%= f.fields_for :registration_ticket_callouts do |rts| %>
-            <% if rts.object.control_row? %>
-              <%= render "events/registration_ticket_control_callout_fields", f: rts %>
-            <% elsif rts.object.behavioral_magic? %>
-              <%# CE hours / event details: text is edited in the built-in card above %>
-            <% elsif rts.object.magic? %>
-              <%= render "events/registration_ticket_magic_callout_fields", f: rts %>
-            <% else %>
+            <% if rts.object.editable_in_list? %>
               <%= render "events/registration_ticket_callout_fields", f: rts %>
             <% end %>
           <% end %>
diff --git a/app/views/events/_registration_ticket_callout_fields.html.erb b/app/views/events/_registration_ticket_callout_fields.html.erb
index b0e955ba64..56852a3984 100644
--- a/app/views/events/_registration_ticket_callout_fields.html.erb
+++ b/app/views/events/_registration_ticket_callout_fields.html.erb
@@ -14,6 +14,13 @@
   <% end %>
 
   <div class="flex-1 min-w-0 space-y-3">
+    <% if f.object.magic? %>
+      <div class="flex items-center gap-2">
+        <span class="inline-flex items-center rounded-full bg-purple-100 px-2 py-0.5 text-xs font-medium text-purple-700">Built in</span>
+        <span class="text-xs text-gray-400">Pre-filled defaults you can edit; the app supplies its live status and links.</span>
+      </div>
+    <% end %>
+
     <%# Two columns that collapse to one as the viewport narrows: the call-out's
         identity (title + presentation) on the left, its page content on the right. %>
     <div class="grid grid-cols-1 lg:grid-cols-2 gap-4">
@@ -72,30 +79,42 @@
                 class: "w-full rounded border-gray-300 shadow-sm px-2 py-1 text-sm font-mono" %>
         </div>
 
-        <div>
-          <%= f.label :resource_ids, "Linked resources", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
-          <p class="text-xs text-gray-500 mb-1">Optional. Shows each resource below the content on the call-out's page (PDF first-page preview, etc.), with a download button when the resource has a downloadable file. Hold ⌘/Ctrl to select more than one.</p>
-          <%= f.collection_select :resource_ids, Resource.order(:title), :id, :title,
-                {},
-                multiple: true, size: 4,
-                class: "w-full rounded border-gray-300 shadow-sm px-2 py-1 text-sm" %>
-        </div>
+        <% if f.object.renders_resources? %>
+          <div>
+            <%= f.label :resource_ids, "Linked resources", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
+            <p class="text-xs text-gray-500 mb-1">Optional. Shows each resource below the content on the call-out's page (PDF first-page preview, etc.), with a download button when the resource has a downloadable file. Hold ⌘/Ctrl to select more than one.</p>
+            <%= f.collection_select :resource_ids, Resource.order(:title), :id, :title,
+                  {},
+                  multiple: true, size: 4,
+                  class: "w-full rounded border-gray-300 shadow-sm px-2 py-1 text-sm" %>
+          </div>
+        <% end %>
       </div>
     </div>
 
     <div class="flex flex-wrap items-center justify-between gap-2">
       <div class="flex flex-wrap items-center gap-x-6 gap-y-2">
-        <label class="flex items-center gap-2 text-sm text-gray-600">
-          <%= f.check_box :payment_access_gated, class: "rounded border-gray-300 text-purple-600" %>
-          Only show once payment is made or committed
-        </label>
+        <% unless f.object.magic? %>
+          <label class="flex items-center gap-2 text-sm text-gray-600">
+            <%= f.check_box :payment_access_gated, class: "rounded border-gray-300 text-purple-600" %>
+            Only show once payment is made or committed
+          </label>
+        <% end %>
         <label class="flex items-center gap-2 text-sm text-gray-600">
           <%= f.check_box :hidden, class: "rounded border-gray-300 text-purple-600" %>
-          Hidden (prep without showing it on the ticket yet)
+          <%= f.object.magic? ? "Hidden (keep this built-in callout off the ticket)" : "Hidden (prep without showing it on the ticket yet)" %>
         </label>
       </div>
-      <%= link_to_remove_association "Remove", f,
-            class: "text-sm text-gray-400 hover:text-red-600 underline" %>
+      <% if f.object.magic? %>
+        <% if f.object.persisted? && DefaultTicketCallouts.customized?(f.object) %>
+          <%= link_to "Restore default", restore_event_registration_ticket_callout_path(@event, f.object),
+                data: { turbo_method: :post, turbo_confirm: "Reset this built-in callout to its default? Save any other changes first — this reloads the form." },
+                class: "text-sm text-gray-400 hover:text-purple-700 underline" %>
+        <% end %>
+      <% else %>
+        <%= link_to_remove_association "Remove", f,
+              class: "text-sm text-gray-400 hover:text-red-600 underline" %>
+      <% end %>
     </div>
   </div>
 </div>
diff --git a/app/views/events/_registration_ticket_control_callout_fields.html.erb b/app/views/events/_registration_ticket_control_callout_fields.html.erb
deleted file mode 100644
index 6613862355..0000000000
--- a/app/views/events/_registration_ticket_control_callout_fields.html.erb
+++ /dev/null
@@ -1,47 +0,0 @@
-<%# Editor row for a behavioral built-in ("magic") callout — payment, certificate,
-    videoconference, etc. Its card text and live status are app-controlled, so only
-    its visibility, drip date, and order are editable here: a hide toggle, a drag
-    handle, and "Restore default". Never removable. %>
-<div class="nested-fields registration-ticket-callout-fields flex items-start gap-3 rounded-lg border border-gray-200 bg-gray-50 p-3"
-     data-sortable-id="<%= f.object.id %>">
-  <div class="cursor-grab text-gray-400 hover:text-gray-600 pt-2 shrink-0" data-sortable-handle title="Drag to reorder">
-    <i class="fa-solid fa-grip-vertical"></i>
-  </div>
-
-  <i class="<%= f.object.display_icon_class %> <%= f.object.theme[:icon] %> w-6 shrink-0 text-center text-xl pt-0.5" aria-hidden="true"></i>
-
-  <div class="flex-1 min-w-0">
-    <div class="flex flex-wrap items-center gap-2 mb-0.5">
-      <span class="inline-flex items-center rounded-full bg-purple-100 px-2 py-0.5 text-xs font-medium text-purple-700">Built in</span>
-      <span class="text-xs text-gray-400">App-controlled — shows live status on the ticket.</span>
-    </div>
-    <p class="font-semibold text-gray-700"><%= f.object.title %></p>
-    <p class="text-sm text-gray-500"><%= f.object.subtitle %></p>
-    <% if f.object.display_from.present? %>
-      <p class="text-xs text-gray-400 italic mt-0.5">Appears from <%= f.object.display_from.to_fs(:long) %>.</p>
-    <% end %>
-
-    <% if f.object.links_editable_resources? %>
-      <div class="mt-2">
-        <%= f.label :resource_ids, "Linked documents", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
-        <p class="text-xs text-gray-500 mb-1">Shown on the forms page alongside the invoice and receipt. The W-9 is included by default — remove it for events where it doesn't apply. Hold ⌘/Ctrl to select more than one.</p>
-        <%= f.collection_select :resource_ids, Resource.order(:title), :id, :title,
-              {},
-              multiple: true, size: 3,
-              class: "w-full rounded border-gray-300 shadow-sm px-2 py-1 text-sm" %>
-      </div>
-    <% end %>
-
-    <div class="mt-2 flex flex-wrap items-center justify-between gap-2">
-      <label class="flex items-center gap-2 text-sm text-gray-600">
-        <%= f.check_box :hidden, class: "rounded border-gray-300 text-purple-600" %>
-        Hidden (keep this built-in callout off the ticket)
-      </label>
-      <% if f.object.persisted? %>
-        <%= link_to "Restore default", restore_event_registration_ticket_callout_path(@event, f.object),
-              data: { turbo_method: :post, turbo_confirm: "Reset this callout to its default visibility? Save any other changes first — this reloads the form." },
-              class: "text-sm text-gray-400 hover:text-purple-700 underline" %>
-      <% end %>
-    </div>
-  </div>
-</div>
diff --git a/app/views/events/_registration_ticket_magic_callout_fields.html.erb b/app/views/events/_registration_ticket_magic_callout_fields.html.erb
deleted file mode 100644
index 22ed097a02..0000000000
--- a/app/views/events/_registration_ticket_magic_callout_fields.html.erb
+++ /dev/null
@@ -1,63 +0,0 @@
-<%# Editor row for a materialized built-in ("magic") callout. Its title, subtitle,
-    page text, and linked resources are editable, and it can be hidden or restored
-    to default — but never removed (magic callouts hide instead of delete). %>
-<div class="nested-fields registration-ticket-callout-fields flex items-start gap-3 rounded-lg border border-gray-200 bg-white p-3 shadow-sm transition-colors"
-     data-sortable-id="<%= f.object.id %>">
-  <div class="cursor-grab text-gray-400 hover:text-gray-600 pt-2 shrink-0" data-sortable-handle title="Drag to reorder">
-    <i class="fa-solid fa-grip-vertical"></i>
-  </div>
-
-  <div class="flex-1 min-w-0 space-y-3">
-    <div class="flex flex-wrap items-center gap-2">
-      <span class="inline-flex items-center rounded-full bg-purple-100 px-2 py-0.5 text-xs font-medium text-purple-700">Built in</span>
-      <span class="text-xs text-gray-400">Editable — this app-provided callout also shows live status on the ticket.</span>
-    </div>
-
-    <div class="grid grid-cols-1 lg:grid-cols-2 gap-4">
-      <div class="space-y-3">
-        <div class="grid grid-cols-1 sm:grid-cols-2 gap-3">
-          <div>
-            <%= f.label :title, "Title", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
-            <%= f.text_field :title, required: true,
-                  class: "w-full rounded border-gray-300 shadow-sm px-2 py-1 text-sm" %>
-          </div>
-          <div>
-            <%= f.label :subtitle, "Subtitle", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
-            <%= f.text_field :subtitle,
-                  class: "w-full rounded border-gray-300 shadow-sm px-2 py-1 text-sm" %>
-          </div>
-        </div>
-      </div>
-
-      <div class="space-y-3">
-        <div>
-          <%= f.label :description, "Callout page text", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
-          <p class="text-xs text-gray-500 mb-1">Shown on its own page. Accepts basic HTML — bold, italics, links, lists, headings, and line breaks.</p>
-          <%= f.text_area :description, rows: 4,
-                class: "w-full rounded border-gray-300 shadow-sm px-2 py-1 text-sm font-mono" %>
-        </div>
-
-        <div>
-          <%= f.label :resource_ids, "Linked resources", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
-          <p class="text-xs text-gray-500 mb-1">Optional. Hold ⌘/Ctrl to select more than one.</p>
-          <%= f.collection_select :resource_ids, Resource.order(:title), :id, :title,
-                {}, multiple: true, size: 4,
-                class: "w-full rounded border-gray-300 shadow-sm px-2 py-1 text-sm" %>
-        </div>
-      </div>
-    </div>
-
-    <div class="flex flex-wrap items-center justify-between gap-2">
-      <label class="flex items-center gap-2 text-sm text-gray-600">
-        <%= f.check_box :hidden, class: "rounded border-gray-300 text-purple-600" %>
-        Hidden (keep this built-in callout off the ticket)
-      </label>
-      <% if f.object.persisted? %>
-        <%# link (not button_to) so we don't nest a <form> inside the event form %>
-        <%= link_to "Restore default", restore_event_registration_ticket_callout_path(@event, f.object),
-              data: { turbo_method: :post, turbo_confirm: "Reset this callout's text and links to the default? Save any other changes first — this reloads the form." },
-              class: "text-sm text-gray-400 hover:text-purple-700 underline" %>
-      <% end %>
-    </div>
-  </div>
-</div>
diff --git a/app/views/events/callouts/_callout_page.html.erb b/app/views/events/callouts/_callout_page.html.erb
index d36de874fd..85c81fae24 100644
--- a/app/views/events/callouts/_callout_page.html.erb
+++ b/app/views/events/callouts/_callout_page.html.erb
@@ -32,6 +32,11 @@
     </div>
 
     <div class="px-6 sm:px-8 py-7">
+      <% if @builtin_intro.present? %>
+        <div class="rich-label prose max-w-none text-gray-700 leading-relaxed prose-headings:text-gray-800 prose-a:text-blue-700 mb-6">
+          <%= form_label_html(@builtin_intro) %>
+        </div>
+      <% end %>
       <%= yield %>
     </div>
   </div>
diff --git a/db/schema.rb b/db/schema.rb
index c5724d68b8..05981cec33 100644
--- a/db/schema.rb
+++ b/db/schema.rb
@@ -1381,7 +1381,7 @@
     t.bigint "item_id", null: false
     t.string "item_type", null: false
     t.text "object", size: :long
-    t.text "object_changes", size: :long
+    t.text "object_changes"
     t.string "whodunnit"
     t.index ["item_type", "item_id"], name: "index_versions_on_item_type_and_item_id"
   end
diff --git a/spec/requests/events/registration_ticket_callouts_spec.rb b/spec/requests/events/registration_ticket_callouts_spec.rb
index 6875246a13..2af0c4c3be 100644
--- a/spec/requests/events/registration_ticket_callouts_spec.rb
+++ b/spec/requests/events/registration_ticket_callouts_spec.rb
@@ -222,19 +222,33 @@
       expect(response.body).to include(restore_event_registration_ticket_callout_path(event, callout))
     end
 
-    it "renders a behavioral magic callout as a control-only row (hide + restore, no content fields)" do
+    it "renders a behavioral magic callout with the same editable fields as a custom one" do
       callout = create(:registration_ticket_callout, event:, magic_key: "certificate",
         title: "Certificate of completion")
 
       get edit_event_path(event)
 
       expect(response).to have_http_status(:ok)
+      expect(response.body).to include("name=\"event[registration_ticket_callouts_attributes][0][title]\"")
+      expect(response.body).to include("name=\"event[registration_ticket_callouts_attributes][0][description]\"")
       expect(response.body).to include("name=\"event[registration_ticket_callouts_attributes][0][hidden]\"")
-      expect(response.body).not_to include("name=\"event[registration_ticket_callouts_attributes][0][description]\"")
       expect(response.body).to include(restore_event_registration_ticket_callout_path(event, callout))
     end
 
-    it "gives the Forms control row an editable linked-resource picker" do
+    it "hides Restore default until the built-in has been customized" do
+      # Seed unedited built-ins, then load the editor.
+      DefaultTicketCallouts.seed(event)
+      faq = event.registration_ticket_callouts.find_by(magic_key: "faq")
+
+      get edit_event_path(event)
+      expect(response.body).not_to include(restore_event_registration_ticket_callout_path(event, faq))
+
+      faq.update!(title: "Our FAQ")
+      get edit_event_path(event)
+      expect(response.body).to include(restore_event_registration_ticket_callout_path(event, faq))
+    end
+
+    it "gives the Forms card an editable linked-resource picker" do
       create(:registration_ticket_callout, event:, magic_key: "forms", title: "Forms")
 
       get edit_event_path(event)
diff --git a/spec/services/default_ticket_callouts_spec.rb b/spec/services/default_ticket_callouts_spec.rb
index 047c28efc6..c2ff241e4f 100644
--- a/spec/services/default_ticket_callouts_spec.rb
+++ b/spec/services/default_ticket_callouts_spec.rb
@@ -82,6 +82,20 @@
       expect(forms.resources).to be_empty
     end
 
+    it "reports whether a materialized callout has been customized" do
+      event = create(:event, facilitator_training: true)
+      described_class.seed(event)
+      faq = event.registration_ticket_callouts.find_by(magic_key: "faq")
+
+      expect(described_class.customized?(faq)).to be(false)
+
+      faq.update!(title: "Our questions")
+      expect(described_class.customized?(faq)).to be(true)
+
+      described_class.reset(faq)
+      expect(described_class.customized?(faq.reload)).to be(false)
+    end
+
     it "seeds the FAQ card with the default training content" do
       event = create(:event)
 
diff --git a/spec/services/magic_ticket_callouts_spec.rb b/spec/services/magic_ticket_callouts_spec.rb
index 39210e1dcb..06150e8fac 100644
--- a/spec/services/magic_ticket_callouts_spec.rb
+++ b/spec/services/magic_ticket_callouts_spec.rb
@@ -162,20 +162,25 @@ def card(reg, title)
   end
 
   describe "#card_for" do
-    it "builds the live behavioral card for a materialized magic_key" do
+    it "uses the row's editable presentation but the app's live badge/link" do
       event.update!(cost_cents: 5_000)
-      create(:registration_ticket_callout, event:, magic_key: "payment", title: "Payment")
+      # Admin renamed and recoloured the payment card.
+      callout = create(:registration_ticket_callout, event:, magic_key: "payment",
+        title: "Pay your balance", subtitle: "See what you owe", color_class: "green")
 
-      card = described_class.new(registration).card_for("payment")
-      expect(card.title).to eq("Make your payment")
-      expect(card.badge).to end_with("due")
+      card = described_class.new(registration).card_for(callout)
+      expect(card.title).to eq("Pay your balance")       # from the row
+      expect(card.subtitle).to eq("See what you owe")    # from the row
+      expect(card.theme).to eq(DomainTheme.swatch("green")) # from the row
+      expect(card.badge).to end_with("due")              # app-supplied live status
     end
 
     it "returns nil when the card shouldn't show for this registration" do
-      create(:registration_ticket_callout, event:, magic_key: "certificate", title: "Certificate of completion")
+      callout = create(:registration_ticket_callout, event:, magic_key: "certificate",
+        title: "Certificate of completion")
 
       # Certificate isn't unlocked (event not ended, not attended).
-      expect(described_class.new(registration).card_for("certificate")).to be_nil
+      expect(described_class.new(registration).card_for(callout)).to be_nil
     end
   end
 end

From 83dd53efc17ab06a1c9089f57ea9709031470a99 Mon Sep 17 00:00:00 2001
From: maebeale <maebeale@users.noreply.github.com>
Date: Fri, 10 Jul 2026 07:20:58 -0400
Subject: [PATCH 08/32] Edit callout resources one dropdown at a time
 (add-another)

Replace the clunky multi-select of all resources with the same add/remove
pattern used for Sectors on Person edit: one document dropdown per linked
resource, plus an "Add resource" link (cocoon nested attributes on the ordered
join). Applies to custom callouts and the built-ins that link resources
(Handouts, FAQ, Forms).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 app/models/registration_ticket_callout.rb        |  5 +++++
 app/policies/event_policy.rb                     |  3 ++-
 .../_registration_ticket_callout_fields.html.erb | 16 ++++++++++------
 ...ation_ticket_callout_resource_fields.html.erb |  9 +++++++++
 .../events/registration_ticket_callouts_spec.rb  | 12 ++++++++----
 5 files changed, 34 insertions(+), 11 deletions(-)
 create mode 100644 app/views/events/_registration_ticket_callout_resource_fields.html.erb

diff --git a/app/models/registration_ticket_callout.rb b/app/models/registration_ticket_callout.rb
index 81697d1d34..1e644c9860 100644
--- a/app/models/registration_ticket_callout.rb
+++ b/app/models/registration_ticket_callout.rb
@@ -50,6 +50,11 @@ class RegistrationTicketCallout < ApplicationRecord
            inverse_of: :registration_ticket_callout
   has_many :resources, through: :registration_ticket_callout_resources
 
+  # Linked resources are added one dropdown at a time in the editor (cocoon
+  # add/remove), like Sectors on a Person. Blank picks are dropped.
+  accepts_nested_attributes_for :registration_ticket_callout_resources, allow_destroy: true,
+    reject_if: proc { |attrs| attrs["resource_id"].blank? }
+
   # Per-event ordering, drag-reordered after save via the shared `sortable`
   # Stimulus controller (a per-row PUT to #update). The gem reflows the other
   # callouts' positions on each move, exactly like Category. It assigns position
diff --git a/app/policies/event_policy.rb b/app/policies/event_policy.rb
index 88a0efb713..f6dabac35d 100644
--- a/app/policies/event_policy.rb
+++ b/app/policies/event_policy.rb
@@ -159,7 +159,8 @@ def google_analytics?
                   sector_ids: [],
                   primary_asset_attributes: [ :id, :file, :_destroy ],
                   gallery_assets_attributes: [ :id, :file, :_destroy ],
-                  registration_ticket_callouts_attributes: [ :id, :title, :subtitle, :description, :callout_type, :icon_class, :color_class, :payment_access_gated, :hidden, :_destroy, { resource_ids: [] } ]
+                  registration_ticket_callouts_attributes: [ :id, :title, :subtitle, :description, :callout_type, :icon_class, :color_class, :payment_access_gated, :hidden, :_destroy,
+                    { registration_ticket_callout_resources_attributes: [ :id, :resource_id, :_destroy ] } ]
         ]
 
     permitted.prepend(:ga4_snippet, :gtm_head_snippet, :gtm_body_snippet) if admin?
diff --git a/app/views/events/_registration_ticket_callout_fields.html.erb b/app/views/events/_registration_ticket_callout_fields.html.erb
index 56852a3984..8ac255ba5c 100644
--- a/app/views/events/_registration_ticket_callout_fields.html.erb
+++ b/app/views/events/_registration_ticket_callout_fields.html.erb
@@ -81,12 +81,16 @@
 
         <% if f.object.renders_resources? %>
           <div>
-            <%= f.label :resource_ids, "Linked resources", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
-            <p class="text-xs text-gray-500 mb-1">Optional. Shows each resource below the content on the call-out's page (PDF first-page preview, etc.), with a download button when the resource has a downloadable file. Hold ⌘/Ctrl to select more than one.</p>
-            <%= f.collection_select :resource_ids, Resource.order(:title), :id, :title,
-                  {},
-                  multiple: true, size: 4,
-                  class: "w-full rounded border-gray-300 shadow-sm px-2 py-1 text-sm" %>
+            <span class="block text-xs font-medium text-gray-600 mb-0.5">Linked resources</span>
+            <p class="text-xs text-gray-500 mb-1">Optional. Shows each resource below the content on the call-out's page (PDF first-page preview, etc.), with a download button when the resource has a downloadable file.</p>
+            <div class="space-y-2">
+              <%= f.fields_for :registration_ticket_callout_resources do |rf| %>
+                <%= render "events/registration_ticket_callout_resource_fields", f: rf %>
+              <% end %>
+            </div>
+            <%= link_to_add_association "➕ Add resource", f, :registration_ticket_callout_resources,
+                  partial: "events/registration_ticket_callout_resource_fields",
+                  class: "mt-1 inline-block text-sm font-medium text-purple-600 hover:text-purple-800" %>
           </div>
         <% end %>
       </div>
diff --git a/app/views/events/_registration_ticket_callout_resource_fields.html.erb b/app/views/events/_registration_ticket_callout_resource_fields.html.erb
new file mode 100644
index 0000000000..2dc9a1d2a8
--- /dev/null
+++ b/app/views/events/_registration_ticket_callout_resource_fields.html.erb
@@ -0,0 +1,9 @@
+<%# One linked-resource row: a single document dropdown + remove, added another
+    at a time (cocoon), mirroring the Sectors picker on Person edit. %>
+<div class="nested-fields flex items-center gap-2">
+  <%= f.collection_select :resource_id, Resource.order(:title), :id, :title,
+        { include_blank: "Select a document…" },
+        class: "flex-1 min-w-0 rounded border-gray-300 shadow-sm px-2 py-1 text-sm" %>
+  <%= link_to_remove_association "✖", f,
+        class: "shrink-0 text-gray-400 hover:text-red-600 font-bold text-xs" %>
+</div>
diff --git a/spec/requests/events/registration_ticket_callouts_spec.rb b/spec/requests/events/registration_ticket_callouts_spec.rb
index 2af0c4c3be..549b332c18 100644
--- a/spec/requests/events/registration_ticket_callouts_spec.rb
+++ b/spec/requests/events/registration_ticket_callouts_spec.rb
@@ -136,7 +136,8 @@
           start_date: event.start_date,
           end_date: event.end_date,
           registration_ticket_callouts_attributes: {
-            "0" => { title: "Workbook", callout_type: "reference", resource_ids: [ resource.id ] }
+            "0" => { title: "Workbook", callout_type: "reference",
+                     registration_ticket_callout_resources_attributes: { "0" => { resource_id: resource.id } } }
           }
         }
       }
@@ -248,13 +249,16 @@
       expect(response.body).to include(restore_event_registration_ticket_callout_path(event, faq))
     end
 
-    it "gives the Forms card an editable linked-resource picker" do
-      create(:registration_ticket_callout, event:, magic_key: "forms", title: "Forms")
+    it "gives the Forms card an add-another linked-resource picker" do
+      resource = create(:resource, title: "W-9")
+      create(:registration_ticket_callout, event:, magic_key: "forms", title: "Forms", resources: [ resource ])
 
       get edit_event_path(event)
 
       expect(response).to have_http_status(:ok)
-      expect(response.body).to include("name=\"event[registration_ticket_callouts_attributes][0][resource_ids][]\"")
+      # One dropdown per linked resource, plus an "Add resource" link (cocoon).
+      expect(response.body).to match(/registration_ticket_callout_resources_attributes\]\[\d+\]\[resource_id\]/)
+      expect(response.body).to include("Add resource")
     end
   end
 end

From 3774be3b52204b11bebcd29fd1f4ed46bec49865 Mon Sep 17 00:00:00 2001
From: maebeale <maebeale@users.noreply.github.com>
Date: Fri, 10 Jul 2026 07:34:29 -0400
Subject: [PATCH 09/32] Polish callout page-text editor: hints, copy,
 collapsible resources
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Move the "Accepts basic HTML…" note to a small hint under the textarea (shared
  callout row + the CE/event-details built-in card).
- Callout page text help now reads "The callout card only opens a page if this is
  filled out."
- Remove the example placeholder text from the callout editor fields.
- Linked resources collapse behind a chevron toggle, opened on load only when the
  callout already has saved resources.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 .../events/_builtin_callout_card.html.erb     |  7 ++--
 app/views/events/_form.html.erb               |  8 +---
 ...egistration_ticket_callout_fields.html.erb | 38 +++++++++++--------
 3 files changed, 28 insertions(+), 25 deletions(-)

diff --git a/app/views/events/_builtin_callout_card.html.erb b/app/views/events/_builtin_callout_card.html.erb
index 77b4e6f7d6..d51d5b0e42 100644
--- a/app/views/events/_builtin_callout_card.html.erb
+++ b/app/views/events/_builtin_callout_card.html.erb
@@ -2,7 +2,7 @@
     rendered inside the event form's callouts section and tinted in the colour the
     card uses on the ticket. locals: f (event form builder), card
     (MagicTicketCallouts::EditorCard), label_field/content_field (event attribute
-    symbols), title_placeholder, content_help, content_placeholder. %>
+    symbols), content_help. %>
 <% theme = card.theme %>
 <div class="registration-ticket-callout-fields flex items-start gap-3 rounded-lg border <%= theme[:border] %> <%= theme[:bg] %> p-3 shadow-sm">
   <i class="<%= card.icon_class %> <%= theme[:icon] %> w-6 shrink-0 text-center text-xl pt-1.5" aria-hidden="true"></i>
@@ -14,14 +14,15 @@
     <div class="grid grid-cols-1 md:grid-cols-2 gap-3">
       <div>
         <%= f.label label_field, "Title", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
-        <%= f.text_area label_field, rows: 2, placeholder: title_placeholder,
+        <%= f.text_area label_field, rows: 2,
               class: "w-full rounded border-gray-300 shadow-sm px-2 py-1 text-sm" %>
       </div>
       <div>
         <%= f.label content_field, "Callout page text", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
         <p class="text-xs text-gray-500 mb-1"><%= content_help %></p>
-        <%= f.text_area content_field, rows: 3, placeholder: content_placeholder,
+        <%= f.text_area content_field, rows: 3,
               class: "w-full rounded border-gray-300 shadow-sm px-2 py-1 text-sm font-mono" %>
+        <p class="text-xs text-gray-400 mt-1">Accepts basic HTML — bold, italics, links, lists, headings, and line breaks.</p>
       </div>
     </div>
   </div>
diff --git a/app/views/events/_form.html.erb b/app/views/events/_form.html.erb
index ae68ee465d..a66175e899 100644
--- a/app/views/events/_form.html.erb
+++ b/app/views/events/_form.html.erb
@@ -510,9 +510,7 @@
             <% when :ce_hours %>
               <%= render "events/builtin_callout_card", f: f, card: card,
                     label_field: :ce_hours_details_label, content_field: :ce_hours_details,
-                    title_placeholder: "CE hours",
-                    content_help: "CE requirements, payment, sign-in rules, and the post-training evaluation — shown on its own page linked from the ticket. Accepts basic HTML — bold, italics, links, lists, headings, and line breaks.",
-                    content_placeholder: "e.g. <p>AWBW is approved by CAMFT…</p><h3>Before the training</h3><ul><li>Email your license number</li></ul>" %>
+                    content_help: "CE requirements, payment, sign-in rules, and the post-training evaluation — shown on its own page linked from the ticket." %>
               <div class="mt-2 flex flex-wrap items-center gap-x-6 gap-y-2 rounded-md border border-gray-200 bg-gray-50 px-3 py-2.5">
                 <label class="flex items-center gap-2 text-sm text-gray-700">
                   CE hours offered
@@ -529,9 +527,7 @@
             <% when :event_details %>
               <%= render "events/builtin_callout_card", f: f, card: card,
                     label_field: :event_details_label, content_field: :event_details,
-                    title_placeholder: "Before you attend",
-                    content_help: "Materials, supplies, what to bring, and policies — shown on its own page linked from the ticket. Leave blank to hide it entirely. Accepts basic HTML — bold, italics, links, lists, headings, and line breaks.",
-                    content_placeholder: "e.g. <h3>Workshop 1</h3><ul><li>Clear glass stones</li></ul>" %>
+                    content_help: "Materials, supplies, what to bring, and policies — shown on its own page linked from the ticket. Leave blank to hide it entirely." %>
             <% else %>
               <div class="flex items-start gap-3 rounded-lg border border-gray-200 bg-gray-50 p-3 opacity-70">
                 <i class="<%= card.icon_class %> <%= card.theme[:icon] %> w-6 shrink-0 text-center text-xl pt-0.5" aria-hidden="true"></i>
diff --git a/app/views/events/_registration_ticket_callout_fields.html.erb b/app/views/events/_registration_ticket_callout_fields.html.erb
index 8ac255ba5c..876776db54 100644
--- a/app/views/events/_registration_ticket_callout_fields.html.erb
+++ b/app/views/events/_registration_ticket_callout_fields.html.erb
@@ -32,12 +32,12 @@
           <div class="grid grid-cols-1 sm:grid-cols-2 gap-3">
             <div>
               <%= f.label :title, "Title", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
-              <%= f.text_field :title, required: true, placeholder: "e.g. Parking & directions",
+              <%= f.text_field :title, required: true,
                     class: "w-full rounded border-gray-300 shadow-sm px-2 py-1 text-sm" %>
             </div>
             <div>
               <%= f.label :subtitle, "Subtitle", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
-              <%= f.text_field :subtitle, placeholder: "Short line shown under the title on the ticket",
+              <%= f.text_field :subtitle,
                     class: "w-full rounded border-gray-300 shadow-sm px-2 py-1 text-sm" %>
             </div>
           </div>
@@ -61,7 +61,7 @@
             </div>
             <div>
               <%= f.label :icon_class, "Icon", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
-              <%= f.text_field :icon_class, placeholder: "fa-solid fa-car",
+              <%= f.text_field :icon_class,
                     class: "w-full rounded border-gray-300 shadow-sm px-2 py-1 text-sm font-mono",
                     data: { callout_preview_target: "iconInput", action: "callout-preview#update" } %>
             </div>
@@ -73,25 +73,31 @@
       <div class="min-w-0 space-y-3">
         <div>
           <%= f.label :description, "Callout page text", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
-          <p class="text-xs text-gray-500 mb-1">Shown on its own page. Accepts basic HTML — bold, italics, links, lists, headings, and line breaks. Leave blank to keep the call-out from linking anywhere.</p>
+          <p class="text-xs text-gray-500 mb-1">The callout card only opens a page if this is filled out.</p>
           <%= f.text_area :description, rows: 4,
-                placeholder: "e.g. <p>Enter through the north lot…</p>",
                 class: "w-full rounded border-gray-300 shadow-sm px-2 py-1 text-sm font-mono" %>
+          <p class="text-xs text-gray-400 mt-1">Accepts basic HTML — bold, italics, links, lists, headings, and line breaks.</p>
         </div>
 
         <% if f.object.renders_resources? %>
-          <div>
-            <span class="block text-xs font-medium text-gray-600 mb-0.5">Linked resources</span>
-            <p class="text-xs text-gray-500 mb-1">Optional. Shows each resource below the content on the call-out's page (PDF first-page preview, etc.), with a download button when the resource has a downloadable file.</p>
-            <div class="space-y-2">
-              <%= f.fields_for :registration_ticket_callout_resources do |rf| %>
-                <%= render "events/registration_ticket_callout_resource_fields", f: rf %>
-              <% end %>
+          <%# Collapsed by default; opened on load only when resources are saved. %>
+          <details class="group" <%= "open" if f.object.registration_ticket_callout_resources.any? %>>
+            <summary class="flex items-center gap-1.5 cursor-pointer select-none list-none [&::-webkit-details-marker]:hidden text-xs font-medium text-gray-600">
+              <i class="fa-solid fa-chevron-right text-[10px] text-gray-400 transition-transform group-open:rotate-90"></i>
+              Linked resources
+            </summary>
+            <div class="mt-1">
+              <p class="text-xs text-gray-500 mb-1">Optional. Shows each resource below the content on the call-out's page (PDF first-page preview, etc.), with a download button when the resource has a downloadable file.</p>
+              <div class="space-y-2">
+                <%= f.fields_for :registration_ticket_callout_resources do |rf| %>
+                  <%= render "events/registration_ticket_callout_resource_fields", f: rf %>
+                <% end %>
+              </div>
+              <%= link_to_add_association "➕ Add resource", f, :registration_ticket_callout_resources,
+                    partial: "events/registration_ticket_callout_resource_fields",
+                    class: "mt-1 inline-block text-sm font-medium text-purple-600 hover:text-purple-800" %>
             </div>
-            <%= link_to_add_association "➕ Add resource", f, :registration_ticket_callout_resources,
-                  partial: "events/registration_ticket_callout_resource_fields",
-                  class: "mt-1 inline-block text-sm font-medium text-purple-600 hover:text-purple-800" %>
-          </div>
+          </details>
         <% end %>
       </div>
     </div>

From c5aa46ead79ea3595c073197a6dc6e9ef0cdafa0 Mon Sep 17 00:00:00 2001
From: maebeale <maebeale@users.noreply.github.com>
Date: Fri, 10 Jul 2026 08:12:30 -0400
Subject: [PATCH 10/32] Let every built-in callout link resources too

The linked-resources picker now shows on all built-ins (not just Handouts/FAQ/
Forms). Resources linked to a behavioral built-in render below its content on the
page (via resource_body), alongside the existing editable intro. Forms keeps its
own document list (W-9 + invoice/receipt).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 app/controllers/events/callouts_controller.rb    | 16 +++++++++-------
 app/models/registration_ticket_callout.rb        |  7 ++++---
 app/views/events/callouts/_callout_page.html.erb |  8 ++++++++
 spec/requests/events/callouts_spec.rb            | 16 ++++++++++++++++
 .../events/registration_ticket_callouts_spec.rb  |  1 +
 5 files changed, 38 insertions(+), 10 deletions(-)

diff --git a/app/controllers/events/callouts_controller.rb b/app/controllers/events/callouts_controller.rb
index b3252a95b4..08c42463f5 100644
--- a/app/controllers/events/callouts_controller.rb
+++ b/app/controllers/events/callouts_controller.rb
@@ -8,9 +8,9 @@ class CalloutsController < ApplicationController
     before_action :set_event_registration
     before_action :authorize_callout
     before_action :set_event
-    # These pages carry an editable intro from their materialized built-in row's
-    # "Callout page text", rendered above the app-controlled content.
-    before_action :set_builtin_intro, only: %i[ payment scholarship certificate videoconference forms ]
+    # These pages carry an editable intro (the built-in row's "Callout page text")
+    # above the app-controlled content, plus any resources linked to the row.
+    before_action :set_builtin_content, only: %i[ payment scholarship certificate videoconference forms ]
 
     # Hidden Resource (by title) backing the handout links, in display order.
     # Missing ones (e.g. not seeded in an environment) are silently skipped.
@@ -121,12 +121,14 @@ def set_event
       @event = @event_registration.event
     end
 
-    # The editable intro for a built-in page: the materialized callout row's
-    # "Callout page text" for this action's magic_key. Nil when the event hasn't
-    # materialized the card or the admin left the text blank.
-    def set_builtin_intro
+    # The editable intro and linked resources for a built-in page, from the
+    # materialized callout row for this action's magic_key. Nil/empty when the
+    # event hasn't materialized the card. Forms renders its own document list
+    # (W-9 + invoice/receipt) via #build_form_cards, so it skips the resources here.
+    def set_builtin_content
       callout = @event.registration_ticket_callouts.find_by(magic_key: action_name)
       @builtin_intro = callout&.description.presence
+      @builtin_resources = callout && action_name != "forms" ? callout.resources.to_a : []
     end
 
     # Builds the callout-card links shown on the forms page. The document links
diff --git a/app/models/registration_ticket_callout.rb b/app/models/registration_ticket_callout.rb
index 1e644c9860..bf1c640cca 100644
--- a/app/models/registration_ticket_callout.rb
+++ b/app/models/registration_ticket_callout.rb
@@ -96,10 +96,11 @@ def editable_in_list?
     PREVIEW_EDITED_MAGIC_KEYS.exclude?(magic_key.to_s)
   end
 
-  # Whether the editor shows a linked-resources picker. Only cards that render
-  # their linked resources on a page use it: custom callouts, Handouts, FAQ, Forms.
+  # Every callout can link resources; they render on the callout's page (its own
+  # page for custom/content cards, or below the built-in content for behavioral
+  # ones). Kept as a seam in case a card ever needs to opt out.
   def renders_resources?
-    !magic? || CONTENT_MAGIC_KEYS.include?(magic_key) || RESOURCE_EDITABLE_MAGIC_KEYS.include?(magic_key)
+    true
   end
 
   # Whether the callout is drip-scheduled to appear only from a future date.
diff --git a/app/views/events/callouts/_callout_page.html.erb b/app/views/events/callouts/_callout_page.html.erb
index 85c81fae24..21b6a56aac 100644
--- a/app/views/events/callouts/_callout_page.html.erb
+++ b/app/views/events/callouts/_callout_page.html.erb
@@ -38,6 +38,14 @@
         </div>
       <% end %>
       <%= yield %>
+
+      <% if @builtin_resources.present? %>
+        <div class="mt-8 space-y-6">
+          <% @builtin_resources.each do |resource| %>
+            <%= render "events/callouts/resource_body", resource: resource.decorate %>
+          <% end %>
+        </div>
+      <% end %>
     </div>
   </div>
 </div>
diff --git a/spec/requests/events/callouts_spec.rb b/spec/requests/events/callouts_spec.rb
index c2a97c1bfc..9ad496aa83 100644
--- a/spec/requests/events/callouts_spec.rb
+++ b/spec/requests/events/callouts_spec.rb
@@ -81,4 +81,20 @@
       end
     end
   end
+
+  describe "GET /registration/:slug/videoconference" do
+    let(:event) { create(:event, videoconference_url: "https://example.com/zoom") }
+
+    it "renders resources linked to the built-in callout below the content" do
+      resource = create(:resource)
+      create(:downloadable_asset, owner: resource)
+      create(:registration_ticket_callout, event:, magic_key: "videoconference",
+        title: "Videoconference", resources: [ resource ])
+
+      get registration_videoconference_path(registration.slug)
+
+      expect(response).to have_http_status(:success)
+      expect(response.body).to include(rails_blob_path(resource.downloadable_asset.file, only_path: true))
+    end
+  end
 end
diff --git a/spec/requests/events/registration_ticket_callouts_spec.rb b/spec/requests/events/registration_ticket_callouts_spec.rb
index 549b332c18..8e9192e6fc 100644
--- a/spec/requests/events/registration_ticket_callouts_spec.rb
+++ b/spec/requests/events/registration_ticket_callouts_spec.rb
@@ -233,6 +233,7 @@
       expect(response.body).to include("name=\"event[registration_ticket_callouts_attributes][0][title]\"")
       expect(response.body).to include("name=\"event[registration_ticket_callouts_attributes][0][description]\"")
       expect(response.body).to include("name=\"event[registration_ticket_callouts_attributes][0][hidden]\"")
+      expect(response.body).to include("Add resource") # every built-in can link resources now
       expect(response.body).to include(restore_event_registration_ticket_callout_path(event, callout))
     end
 

From c4ec7d0c5b9655993efbe95ffbc328e0c9ddba25 Mon Sep 17 00:00:00 2001
From: maebeale <maebeale@users.noreply.github.com>
Date: Fri, 10 Jul 2026 08:52:56 -0400
Subject: [PATCH 11/32] Fold CE hours and Event details into the sortable
 callout list
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

CE hours and art supplies (event details) now edit inline in the same
reorderable row as every other callout, so they can be positioned and can link
resources like the rest. Their text still lives on the event (shared with the
standalone CE / details pages), edited via the passed-in event form builder, so
those registrant pages are unchanged; the callout row owns their order, hidden
flag, and linked resources.

- Shared partial branches on content_on_event? — CE/event-details render the
  event-column label/text (+ CE hours/cost) via event_f; all others use the row.
- card_for keeps their app-supplied, event-driven title (fixes a case where
  renaming them no longer reflected on the ticket).
- Both always seed so the editor row is available; built-ins also materialize
  lazily on edit so the editor shows the full set. Removed the separate built-in
  preview card partial.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 AGENTS.md                                     |   2 +-
 app/controllers/events_controller.rb          |   3 +
 app/models/registration_ticket_callout.rb     |  17 ++-
 app/services/default_ticket_callouts.rb       |  16 +--
 app/services/magic_ticket_callouts.rb         |   5 +-
 .../events/_builtin_callout_card.html.erb     |  29 ----
 app/views/events/_form.html.erb               |  92 +++----------
 ...egistration_ticket_callout_fields.html.erb | 127 ++++++++++++------
 .../registration_ticket_callouts_spec.rb      |   2 +-
 spec/services/default_ticket_callouts_spec.rb |  15 ++-
 10 files changed, 139 insertions(+), 169 deletions(-)
 delete mode 100644 app/views/events/_builtin_callout_card.html.erb

diff --git a/AGENTS.md b/AGENTS.md
index c0e37753c8..cd0773dfb3 100644
--- a/AGENTS.md
+++ b/AGENTS.md
@@ -206,7 +206,7 @@ end
 - `EventRegistrationReadiness` — Computes a registration's lifecycle `status` (`:not_ready` → `:ready` → `:certificate_due` → `:completed`) from a pre-event "event ready" checklist, a post-event "completion work" checklist (attendance, scholarship tasks), and certificate delivery, returning the specific outstanding reasons. Reads payment/certificate state via `Registerable` (`paid_in_full?`, `certificate_sent?`) on both the registration and its `continuing_education_registrations`. Drives the registrants roster's single far-right Status badge column (with a short reason under "Not ready" and a cert-type note under "Certificate pending") and its matching filter
 - `ReminderRecipientFilter` — Decides which event registrations stay checked on the bulk reminder page given the admin's filters (matches in memory, returns matching ids)
 - `MagicTicketCallouts` — Code-defined ("magic") ticket callout cards (payment, certificate, scholarship, CE hours, art supplies, forms, handouts, portal, videoconference, FAQ), each with its own visibility rule; rendered through the same `_callout_card` partial as `RegistrationTicketCallout`s. Skips any card an event has materialized (see `DefaultTicketCallouts`) so the two paths never double-render, and serves as the fallback for events not yet seeded. Public show pages live under `app/views/events/callouts/` (`Events::CalloutsController`, slug-authorized)
-- `DefaultTicketCallouts` — Materializes all built-in callouts into `RegistrationTicketCallout` rows in canonical ticket order, seeded on event create and lazily on edit, each gated by the event's config via `seed_if` (idempotent, no backfill). Built-ins are edited in the **same** callout-fields row as custom callouts (pre-filled title/subtitle/colour/icon/callout-page-text/resources; hidden instead of deleted; "Restore default" shown only when `.customized?`). "Content" cards (Handouts, FAQ) render their own copy/resources; "behavioral" cards render live status through `MagicTicketCallouts#card_for`, which overlays the app's badge/visibility/destination on the row's editable presentation. Behavioral pages show the row's callout-page-text as an intro (`@builtin_intro`). Certificate is opt-in (default off except trainings); Videoconference drips a week before start via `display_from`. CE hours and Event details keep their text on event columns (edited via their built-in preview card above the list). `.reset` restores a materialized callout to its template
+- `DefaultTicketCallouts` — Materializes all built-in callouts into `RegistrationTicketCallout` rows in canonical ticket order, seeded on event create and lazily on edit, each gated by the event's config via `seed_if` (idempotent, no backfill). Built-ins are edited in the **same** callout-fields row as custom callouts (pre-filled title/subtitle/colour/icon/callout-page-text/resources; hidden instead of deleted; "Restore default" shown only when `.customized?`). "Content" cards (Handouts, FAQ) render their own copy/resources; "behavioral" cards render live status through `MagicTicketCallouts#card_for`, which overlays the app's badge/visibility/destination on the row's editable presentation. Behavioral pages show the row's callout-page-text as an intro (`@builtin_intro`) and any linked resources below it. Certificate is opt-in (default off except trainings); Videoconference drips a week before start via `display_from`. CE hours and Event details (`content_on_event?`) keep their text on event columns (edited inline in the shared row via `event_f`, so registrant CE/details pages are unchanged) but the row still owns their order/hidden/resources; they always seed. Built-ins materialize lazily on `edit` too, so the editor always shows the full set. `.reset` restores a materialized callout to its template (`restorable?` excludes the event-column pair)
 
 ### Affiliations
 
diff --git a/app/controllers/events_controller.rb b/app/controllers/events_controller.rb
index f9d2d4db0b..cef05f262b 100644
--- a/app/controllers/events_controller.rb
+++ b/app/controllers/events_controller.rb
@@ -35,6 +35,9 @@ def new
 
   def edit
     authorize! @event
+    # Materialize any missing built-in callouts so the editor shows them all
+    # (idempotent; heals events created before a built-in existed).
+    DefaultTicketCallouts.seed(@event)
     set_form_variables
   end
 
diff --git a/app/models/registration_ticket_callout.rb b/app/models/registration_ticket_callout.rb
index bf1c640cca..94a34c3153 100644
--- a/app/models/registration_ticket_callout.rb
+++ b/app/models/registration_ticket_callout.rb
@@ -89,11 +89,18 @@ def behavioral_magic?
     magic? && CONTENT_MAGIC_KEYS.exclude?(magic_key)
   end
 
-  # Whether this callout is edited in the shared callout-fields editor row (all
-  # callouts except CE hours / Event details, whose text lives on the event and is
-  # edited via their built-in preview card above the list).
-  def editable_in_list?
-    PREVIEW_EDITED_MAGIC_KEYS.exclude?(magic_key.to_s)
+  # CE hours / Event details keep their text on the event (shared with their
+  # standalone CE / details pages), so the editor row edits those event columns
+  # instead of the callout row's title/description — but the row still owns their
+  # order, hidden flag, and linked resources.
+  def content_on_event?
+    PREVIEW_EDITED_MAGIC_KEYS.include?(magic_key.to_s)
+  end
+
+  # Whether the editor offers "Restore default" — a built-in whose content lives
+  # on the row (so it has a template to restore to).
+  def restorable?
+    magic? && !content_on_event?
   end
 
   # Every callout can link resources; they render on the callout's page (its own
diff --git a/app/services/default_ticket_callouts.rb b/app/services/default_ticket_callouts.rb
index 8f4b7a569b..d0bc3fb715 100644
--- a/app/services/default_ticket_callouts.rb
+++ b/app/services/default_ticket_callouts.rb
@@ -170,10 +170,10 @@ def definitions
         callout_type: "action",
         icon_class: "fa-solid fa-graduation-cap",
         color_class: "teal",
-        # Content (label + details) stays on the event and is edited in the
-        # callouts section's built-in card; the row only governs order/drip.
-        hidden: ->(_event) { false },
-        seed_if: ->(event) { event.ce_hours_offered.present? }
+        # Content (label + details) stays on the event and is edited inline in the
+        # callout row; the row governs order, hidden, and linked resources. Always
+        # seeded so the row is available to edit even before hours are set.
+        hidden: ->(_event) { false }
       },
       {
         magic_key: "event_details",
@@ -182,10 +182,10 @@ def definitions
         callout_type: "reference",
         icon_class: "fa-solid fa-palette",
         color_class: "blue",
-        # Content (label + body) stays on the event and is edited in the built-in
-        # card; the row only governs order/drip.
-        hidden: ->(_event) { false },
-        seed_if: ->(event) { event.event_details.present? }
+        # Content (label + body) stays on the event and is edited inline in the
+        # callout row; the row governs order, hidden, and linked resources. Always
+        # seeded so the row is available to edit even before content is filled in.
+        hidden: ->(_event) { false }
       },
       {
         magic_key: "videoconference",
diff --git a/app/services/magic_ticket_callouts.rb b/app/services/magic_ticket_callouts.rb
index a159d22652..3e80bb0ebc 100644
--- a/app/services/magic_ticket_callouts.rb
+++ b/app/services/magic_ticket_callouts.rb
@@ -46,8 +46,6 @@ def self.editor_cards(event)
       EditorCard.new(nil, "payment", "fa-solid fa-credit-card", "orange", "Payment", "Your balance and payment history", "When the event has a cost", nil),
       EditorCard.new(nil, "certificate", "fa-solid fa-certificate", "green", "Certificate of completion", "View and download your certificate", "Once the certificate is unlocked", nil),
       EditorCard.new(nil, "scholarship", "fa-solid fa-award", "fuchsia", "Scholarship", "Your scholarship request and award", "When the registrant requested a scholarship", nil),
-      EditorCard.new(:ce_hours, "ce_hours", "fa-solid fa-graduation-cap", "teal", event.ce_hours_details_label, "Continuing education — requirements & how to request", "When a registrant requests CE credit", nil),
-      EditorCard.new(:event_details, "event_details", "fa-solid fa-palette", "blue", event.event_details_label, "Important info for this event — please read", "When the content below is filled in", nil),
       EditorCard.new(nil, "videoconference", "fa-solid fa-video", "blue", "Videoconference", "Join link and how to add it to your calendar", "When the event has a videoconference link", "Details come from this event's videoconference settings."),
       EditorCard.new(nil, "forms", "fa-solid fa-file-lines", "blue", "Forms", "W-9, invoice, and receipt", "On facilitator trainings and paid events", "Items link to their relevant resources."),
       EditorCard.new(nil, "handouts", "fa-solid fa-folder-open", "blue", "Handouts", "Worksheets and resources for the training", "On facilitator trainings", "Items link to their relevant resources."),
@@ -91,6 +89,9 @@ def card_for(callout)
     builder = CARD_BUILDERS[callout.magic_key]
     base = builder && send(builder)
     return unless base
+    # CE hours / event details keep their app-supplied, event-driven title and
+    # subtitle (their text lives on the event, not the row).
+    return base if callout.content_on_event?
 
     base.with(
       title: callout.title,
diff --git a/app/views/events/_builtin_callout_card.html.erb b/app/views/events/_builtin_callout_card.html.erb
deleted file mode 100644
index d51d5b0e42..0000000000
--- a/app/views/events/_builtin_callout_card.html.erb
+++ /dev/null
@@ -1,29 +0,0 @@
-<%# An editable built-in registration-ticket callout (CE hours, art supplies),
-    rendered inside the event form's callouts section and tinted in the colour the
-    card uses on the ticket. locals: f (event form builder), card
-    (MagicTicketCallouts::EditorCard), label_field/content_field (event attribute
-    symbols), content_help. %>
-<% theme = card.theme %>
-<div class="registration-ticket-callout-fields flex items-start gap-3 rounded-lg border <%= theme[:border] %> <%= theme[:bg] %> p-3 shadow-sm">
-  <i class="<%= card.icon_class %> <%= theme[:icon] %> w-6 shrink-0 text-center text-xl pt-1.5" aria-hidden="true"></i>
-  <div class="flex-1 min-w-0 space-y-3">
-    <div class="flex flex-wrap items-center gap-2">
-      <span class="inline-flex items-center rounded-full bg-white px-2 py-0.5 text-xs font-medium <%= theme[:subtitle] %>">Built in</span>
-      <span class="text-xs <%= theme[:subtitle] %>"><%= card.visibility %></span>
-    </div>
-    <div class="grid grid-cols-1 md:grid-cols-2 gap-3">
-      <div>
-        <%= f.label label_field, "Title", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
-        <%= f.text_area label_field, rows: 2,
-              class: "w-full rounded border-gray-300 shadow-sm px-2 py-1 text-sm" %>
-      </div>
-      <div>
-        <%= f.label content_field, "Callout page text", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
-        <p class="text-xs text-gray-500 mb-1"><%= content_help %></p>
-        <%= f.text_area content_field, rows: 3,
-              class: "w-full rounded border-gray-300 shadow-sm px-2 py-1 text-sm font-mono" %>
-        <p class="text-xs text-gray-400 mt-1">Accepts basic HTML — bold, italics, links, lists, headings, and line breaks.</p>
-      </div>
-    </div>
-  </div>
-</div>
diff --git a/app/views/events/_form.html.erb b/app/views/events/_form.html.erb
index a66175e899..6d13f25b4e 100644
--- a/app/views/events/_form.html.erb
+++ b/app/views/events/_form.html.erb
@@ -500,90 +500,36 @@
       <div id="registration_ticket_callouts_panel" class="hidden border border-gray-300 p-4 rounded-b-md">
         <p class="text-sm text-gray-500 mb-4">Call-outs shown on the registration ticket — each links to its own page. The built-in cards below are managed by the app, which decides when each appears; a few (shown in colour, with fields) let you edit their text here, while the rest (greyed out) are preview-only. Below them, add your own call-outs for actions (forms to download, balances to pay) or reference reading (parking, policies, what to bring). New custom callouts save in the order shown; drag the handle to reorder saved callouts.</p>
 
-        <%# Built-in cards, shown above custom callouts in the order they appear on
-            the ticket. The two editable ones (CE hours, art supplies) carry their
-            ticket colour and editable text; the rest are greyed-out previews of
-            cards the app controls, so the full ticket context is visible here. %>
+        <%# Built-in cards not yet materialized on this event show as greyed
+            previews for context; once the event is saved they become editable,
+            reorderable rows in the list below. %>
         <div class="space-y-3 mb-3">
           <% MagicTicketCallouts.editor_cards(@event).each do |card| %>
-            <% case card.key %>
-            <% when :ce_hours %>
-              <%= render "events/builtin_callout_card", f: f, card: card,
-                    label_field: :ce_hours_details_label, content_field: :ce_hours_details,
-                    content_help: "CE requirements, payment, sign-in rules, and the post-training evaluation — shown on its own page linked from the ticket." %>
-              <div class="mt-2 flex flex-wrap items-center gap-x-6 gap-y-2 rounded-md border border-gray-200 bg-gray-50 px-3 py-2.5">
-                <label class="flex items-center gap-2 text-sm text-gray-700">
-                  CE hours offered
-                  <%= f.number_field :ce_hours_offered, min: 0, step: 0.25,
-                        class: "w-24 rounded-md border-gray-300 text-sm tabular-nums focus:border-teal-500 focus:ring-teal-200" %>
-                </label>
-                <label class="flex items-center gap-2 text-sm text-gray-700">
-                  Total CE cost
-                  <span class="text-gray-400">$</span>
-                  <%= f.number_field :ce_hours_cost, min: 0, step: 1,
-                        class: "w-24 rounded-md border-gray-300 text-sm tabular-nums focus:border-teal-500 focus:ring-teal-200" %>
-                </label>
-              </div>
-            <% when :event_details %>
-              <%= render "events/builtin_callout_card", f: f, card: card,
-                    label_field: :event_details_label, content_field: :event_details,
-                    content_help: "Materials, supplies, what to bring, and policies — shown on its own page linked from the ticket. Leave blank to hide it entirely." %>
-            <% else %>
-              <div class="flex items-start gap-3 rounded-lg border border-gray-200 bg-gray-50 p-3 opacity-70">
-                <i class="<%= card.icon_class %> <%= card.theme[:icon] %> w-6 shrink-0 text-center text-xl pt-0.5" aria-hidden="true"></i>
-                <div class="flex-1 min-w-0">
-                  <div class="flex flex-wrap items-center gap-2 mb-0.5">
-                    <span class="inline-flex items-center rounded-full bg-gray-200 px-2 py-0.5 text-xs font-medium text-gray-500">Built in</span>
-                    <span class="text-xs text-gray-400"><%= card.visibility %></span>
-                  </div>
-                  <p class="font-semibold text-gray-500"><%= card.title %></p>
-                  <p class="text-sm text-gray-400"><%= card.subtitle %></p>
-                  <% if card.note.present? %>
-                    <p class="text-xs text-gray-400 italic mt-0.5"><%= card.note %></p>
-                  <% end %>
-                  <% if card.title == "Handouts" %>
-                    <div class="mt-2 space-y-1">
-                      <% ["2-Day AWBW Facilitator Training Worksheets & Handouts",
-                          "AWBW Training Workshop Worksheets",
-                          "AHA Moments",
-                          "Inviting and Responding to Participants' Sharing",
-                          "Letter to Supervisors"].each do |t| %>
-                        <% resource = Resource.find_by(title: t) %>
-                        <% if resource %>
-                          <%= link_to edit_resource_path(resource),
-                                      class: "text-xs text-blue-600 hover:text-blue-800 underline block" do %>
-                            <i class="fa-solid fa-arrow-up-right-from-square text-xs"></i> <%= resource.title %>
-                          <% end %>
-                        <% end %>
-                      <% end %>
-                    </div>
-                  <% elsif card.title == "Forms" %>
-                    <% w9 = Resource.find_by(title: "W-9") %>
-                    <% if w9 %>
-                      <div class="mt-2">
-                        <%= link_to edit_resource_path(w9),
-                                    class: "text-xs text-blue-600 hover:text-blue-800 underline" do %>
-                          <i class="fa-solid fa-arrow-up-right-from-square text-xs"></i> W-9
-                        <% end %>
-                      </div>
-                    <% end %>
-                  <% end %>
+            <div class="flex items-start gap-3 rounded-lg border border-gray-200 bg-gray-50 p-3 opacity-70">
+              <i class="<%= card.icon_class %> <%= card.theme[:icon] %> w-6 shrink-0 text-center text-xl pt-0.5" aria-hidden="true"></i>
+              <div class="flex-1 min-w-0">
+                <div class="flex flex-wrap items-center gap-2 mb-0.5">
+                  <span class="inline-flex items-center rounded-full bg-gray-200 px-2 py-0.5 text-xs font-medium text-gray-500">Built in</span>
+                  <span class="text-xs text-gray-400"><%= card.visibility %></span>
                 </div>
+                <p class="font-semibold text-gray-500"><%= card.title %></p>
+                <p class="text-sm text-gray-400"><%= card.subtitle %></p>
+                <% if card.note.present? %>
+                  <p class="text-xs text-gray-400 italic mt-0.5"><%= card.note %></p>
+                <% end %>
               </div>
-            <% end %>
+            </div>
           <% end %>
         </div>
 
         <div id="registration_ticket_callouts_list" class="space-y-3"
              data-controller="sortable"
              data-sortable-url-value="<%= @event.persisted? ? event_registration_ticket_callout_path(@event, ":id") : "" %>">
-          <%# Custom callouts and all materialized built-ins share one editable row.
-              CE hours / event details are the exception — their text lives on the
-              event and is edited in their built-in card above the list. %>
+          <%# Custom callouts and every materialized built-in share one editable,
+              reorderable row. CE hours / event details edit their event-column text
+              inline (passed via event_f). %>
           <%= f.fields_for :registration_ticket_callouts do |rts| %>
-            <% if rts.object.editable_in_list? %>
-              <%= render "events/registration_ticket_callout_fields", f: rts %>
-            <% end %>
+            <%= render "events/registration_ticket_callout_fields", f: rts, event_f: f %>
           <% end %>
         </div>
 
diff --git a/app/views/events/_registration_ticket_callout_fields.html.erb b/app/views/events/_registration_ticket_callout_fields.html.erb
index 876776db54..f3e3a5fa18 100644
--- a/app/views/events/_registration_ticket_callout_fields.html.erb
+++ b/app/views/events/_registration_ticket_callout_fields.html.erb
@@ -1,7 +1,13 @@
+<%# CE hours / event details keep their text on the event (shared with their
+    standalone pages), so those two edit the event columns via `event_f`; every
+    other callout edits its own row. The row always owns order, hidden, and
+    linked resources. %>
+<% event_f = local_assigns[:event_f] %>
+<% content_on_event = f.object.content_on_event? && event_f.present? %>
+<% label_field, content_field = f.object.magic_key == "ce_hours" ? %i[ce_hours_details_label ce_hours_details] : %i[event_details_label event_details] if content_on_event %>
+
 <div class="nested-fields registration-ticket-callout-fields flex items-start gap-3 rounded-lg border border-gray-200 bg-white p-3 shadow-sm transition-colors"
-     data-controller="callout-preview"
-     data-callout-preview-themes-value="<%= DomainTheme.swatches.to_json %>"
-     data-callout-preview-defaults-value="<%= RegistrationTicketCallout::DEFAULT_COLORS.to_json %>"
+     <% unless content_on_event %>data-controller="callout-preview" data-callout-preview-themes-value="<%= DomainTheme.swatches.to_json %>" data-callout-preview-defaults-value="<%= RegistrationTicketCallout::DEFAULT_COLORS.to_json %>"<% end %>
      <% if f.object.persisted? %>data-sortable-id="<%= f.object.id %>"<% end %>>
   <% if f.object.persisted? %>
     <div class="cursor-grab text-gray-400 hover:text-gray-600 pt-2 shrink-0" data-sortable-handle title="Drag to reorder">
@@ -17,65 +23,100 @@
     <% if f.object.magic? %>
       <div class="flex items-center gap-2">
         <span class="inline-flex items-center rounded-full bg-purple-100 px-2 py-0.5 text-xs font-medium text-purple-700">Built in</span>
-        <span class="text-xs text-gray-400">Pre-filled defaults you can edit; the app supplies its live status and links.</span>
+        <span class="text-xs text-gray-400"><%= content_on_event ? "Its text is shared with this event's own page." : "Pre-filled defaults you can edit; the app supplies its live status and links." %></span>
       </div>
     <% end %>
 
     <%# Two columns that collapse to one as the viewport narrows: the call-out's
         identity (title + presentation) on the left, its page content on the right. %>
     <div class="grid grid-cols-1 lg:grid-cols-2 gap-4">
-      <%# LEFT: title, subtitle, and presentation (type, colour, icon) %>
       <div class="flex items-start gap-3 min-w-0">
-        <i class="w-6 shrink-0 text-center text-xl pt-6" data-callout-preview-target="leadingIcon" aria-hidden="true"></i>
+        <% if content_on_event %>
+          <i class="<%= f.object.display_icon_class %> <%= f.object.theme[:icon] %> w-6 shrink-0 text-center text-xl pt-6" aria-hidden="true"></i>
+        <% else %>
+          <i class="w-6 shrink-0 text-center text-xl pt-6" data-callout-preview-target="leadingIcon" aria-hidden="true"></i>
+        <% end %>
 
         <div class="flex-1 min-w-0 space-y-3">
           <div class="grid grid-cols-1 sm:grid-cols-2 gap-3">
             <div>
-              <%= f.label :title, "Title", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
-              <%= f.text_field :title, required: true,
-                    class: "w-full rounded border-gray-300 shadow-sm px-2 py-1 text-sm" %>
-            </div>
-            <div>
-              <%= f.label :subtitle, "Subtitle", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
-              <%= f.text_field :subtitle,
-                    class: "w-full rounded border-gray-300 shadow-sm px-2 py-1 text-sm" %>
+              <% if content_on_event %>
+                <%= event_f.label label_field, "Title", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
+                <%= event_f.text_field label_field,
+                      class: "w-full rounded border-gray-300 shadow-sm px-2 py-1 text-sm" %>
+              <% else %>
+                <%= f.label :title, "Title", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
+                <%= f.text_field :title, required: true,
+                      class: "w-full rounded border-gray-300 shadow-sm px-2 py-1 text-sm" %>
+              <% end %>
             </div>
+            <% unless content_on_event %>
+              <div>
+                <%= f.label :subtitle, "Subtitle", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
+                <%= f.text_field :subtitle,
+                      class: "w-full rounded border-gray-300 shadow-sm px-2 py-1 text-sm" %>
+              </div>
+            <% end %>
           </div>
 
-          <div class="grid grid-cols-1 sm:grid-cols-3 gap-3">
-            <div>
-              <%= f.label :callout_type, "Type", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
-              <%= f.select :callout_type,
-                    RegistrationTicketCallout::CALLOUT_TYPES.map { |t| [ t.humanize, t ] },
-                    {},
-                    class: "w-full rounded border-gray-300 shadow-sm px-2 py-1 text-sm",
-                    data: { callout_preview_target: "typeSelect", action: "callout-preview#update" } %>
-            </div>
-            <div>
-              <%= f.label :color_class, "Colour", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
-              <%= f.select :color_class,
-                    DomainTheme::SWATCH_COLORS.map { |c| [ c.to_s.humanize, c ] },
-                    { include_blank: "Default (by type)" },
-                    class: "w-full rounded border-gray-300 shadow-sm px-2 py-1 text-sm",
-                    data: { callout_preview_target: "colorSelect", action: "callout-preview#update" } %>
-            </div>
-            <div>
-              <%= f.label :icon_class, "Icon", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
-              <%= f.text_field :icon_class,
-                    class: "w-full rounded border-gray-300 shadow-sm px-2 py-1 text-sm font-mono",
-                    data: { callout_preview_target: "iconInput", action: "callout-preview#update" } %>
+          <% if content_on_event %>
+            <% if f.object.magic_key == "ce_hours" %>
+              <div class="flex flex-wrap items-center gap-x-6 gap-y-2 rounded-md border border-gray-200 bg-gray-50 px-3 py-2.5">
+                <label class="flex items-center gap-2 text-sm text-gray-700">
+                  CE hours offered
+                  <%= event_f.number_field :ce_hours_offered, min: 0, step: 0.25,
+                        class: "w-24 rounded-md border-gray-300 text-sm tabular-nums focus:border-teal-500 focus:ring-teal-200" %>
+                </label>
+                <label class="flex items-center gap-2 text-sm text-gray-700">
+                  Total CE cost
+                  <span class="text-gray-400">$</span>
+                  <%= event_f.number_field :ce_hours_cost, min: 0, step: 1,
+                        class: "w-24 rounded-md border-gray-300 text-sm tabular-nums focus:border-teal-500 focus:ring-teal-200" %>
+                </label>
+              </div>
+            <% end %>
+          <% else %>
+            <div class="grid grid-cols-1 sm:grid-cols-3 gap-3">
+              <div>
+                <%= f.label :callout_type, "Type", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
+                <%= f.select :callout_type,
+                      RegistrationTicketCallout::CALLOUT_TYPES.map { |t| [ t.humanize, t ] },
+                      {},
+                      class: "w-full rounded border-gray-300 shadow-sm px-2 py-1 text-sm",
+                      data: { callout_preview_target: "typeSelect", action: "callout-preview#update" } %>
+              </div>
+              <div>
+                <%= f.label :color_class, "Colour", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
+                <%= f.select :color_class,
+                      DomainTheme::SWATCH_COLORS.map { |c| [ c.to_s.humanize, c ] },
+                      { include_blank: "Default (by type)" },
+                      class: "w-full rounded border-gray-300 shadow-sm px-2 py-1 text-sm",
+                      data: { callout_preview_target: "colorSelect", action: "callout-preview#update" } %>
+              </div>
+              <div>
+                <%= f.label :icon_class, "Icon", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
+                <%= f.text_field :icon_class,
+                      class: "w-full rounded border-gray-300 shadow-sm px-2 py-1 text-sm font-mono",
+                      data: { callout_preview_target: "iconInput", action: "callout-preview#update" } %>
+              </div>
             </div>
-          </div>
+          <% end %>
         </div>
       </div>
 
-      <%# RIGHT: the call-out's own page — its text and an optional linked resource %>
+      <%# RIGHT: the call-out's own page — its text and any linked resources %>
       <div class="min-w-0 space-y-3">
         <div>
-          <%= f.label :description, "Callout page text", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
-          <p class="text-xs text-gray-500 mb-1">The callout card only opens a page if this is filled out.</p>
-          <%= f.text_area :description, rows: 4,
-                class: "w-full rounded border-gray-300 shadow-sm px-2 py-1 text-sm font-mono" %>
+          <% if content_on_event %>
+            <%= event_f.label content_field, "Callout page text", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
+            <%= event_f.text_area content_field, rows: 4,
+                  class: "w-full rounded border-gray-300 shadow-sm px-2 py-1 text-sm font-mono" %>
+          <% else %>
+            <%= f.label :description, "Callout page text", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
+            <p class="text-xs text-gray-500 mb-1">The callout card only opens a page if this is filled out.</p>
+            <%= f.text_area :description, rows: 4,
+                  class: "w-full rounded border-gray-300 shadow-sm px-2 py-1 text-sm font-mono" %>
+          <% end %>
           <p class="text-xs text-gray-400 mt-1">Accepts basic HTML — bold, italics, links, lists, headings, and line breaks.</p>
         </div>
 
@@ -116,7 +157,7 @@
         </label>
       </div>
       <% if f.object.magic? %>
-        <% if f.object.persisted? && DefaultTicketCallouts.customized?(f.object) %>
+        <% if f.object.restorable? && f.object.persisted? && DefaultTicketCallouts.customized?(f.object) %>
           <%= link_to "Restore default", restore_event_registration_ticket_callout_path(@event, f.object),
                 data: { turbo_method: :post, turbo_confirm: "Reset this built-in callout to its default? Save any other changes first — this reloads the form." },
                 class: "text-sm text-gray-400 hover:text-purple-700 underline" %>
diff --git a/spec/requests/events/registration_ticket_callouts_spec.rb b/spec/requests/events/registration_ticket_callouts_spec.rb
index 8e9192e6fc..9ce6a5db8b 100644
--- a/spec/requests/events/registration_ticket_callouts_spec.rb
+++ b/spec/requests/events/registration_ticket_callouts_spec.rb
@@ -204,7 +204,7 @@
       }
 
       expect(event.registration_ticket_callouts.magic.pluck(:magic_key)).to contain_exactly(
-        "payment", "certificate", "forms", "handouts", "faq"
+        "payment", "certificate", "ce_hours", "event_details", "forms", "handouts", "faq"
       )
     end
   end
diff --git a/spec/services/default_ticket_callouts_spec.rb b/spec/services/default_ticket_callouts_spec.rb
index c2ff241e4f..2eece604b9 100644
--- a/spec/services/default_ticket_callouts_spec.rb
+++ b/spec/services/default_ticket_callouts_spec.rb
@@ -3,25 +3,26 @@
 RSpec.describe DefaultTicketCallouts do
   describe "#seed" do
     it "materializes the built-in callouts the event's config warrants" do
-      # Factory event: has a cost (payment + forms), no scholarship/CE/details/VC.
+      # Factory event: has a cost (payment + forms), no scholarship form / VC link.
+      # CE hours, Event details, Certificate, Handouts, FAQ always seed.
       event = create(:event)
 
       described_class.seed(event)
 
       keys = event.registration_ticket_callouts.magic.pluck(:magic_key)
-      expect(keys).to contain_exactly("payment", "certificate", "forms", "handouts", "faq")
+      expect(keys).to contain_exactly("payment", "certificate", "ce_hours", "event_details", "forms", "handouts", "faq")
     end
 
-    it "seeds Payment, Scholarship, CE, and Event details only when their config is present" do
+    it "gates Payment, Scholarship, and Videoconference on config, but always seeds CE and Event details" do
       form = create(:form)
-      event = create(:event, cost_cents: 0, ce_hours_offered: 6, event_details: "<p>Bring supplies.</p>")
+      event = create(:event, cost_cents: 0)
       event.event_forms.create!(form:, role: "scholarship")
 
       described_class.seed(event)
 
       keys = event.registration_ticket_callouts.magic.pluck(:magic_key)
-      expect(keys).to include("scholarship", "ce_hours", "event_details")
-      expect(keys).not_to include("payment") # free event
+      expect(keys).to include("scholarship", "ce_hours", "event_details") # CE/details always
+      expect(keys).not_to include("payment", "videoconference") # free, no VC link
     end
 
     it "seeds callouts in canonical ticket order" do
@@ -152,7 +153,7 @@
 
       expect(event.registration_ticket_callouts.ordered.first).to eq(custom)
       expect(event.registration_ticket_callouts.ordered.map(&:magic_key).compact).to eq(
-        %w[payment certificate forms handouts faq]
+        %w[payment certificate ce_hours event_details forms handouts faq]
       )
     end
   end

From f0fdc9032c2c01fce2d1711f8e3bc0eebd0c33e8 Mon Sep 17 00:00:00 2001
From: maebeale <maebeale@users.noreply.github.com>
Date: Fri, 10 Jul 2026 08:54:42 -0400
Subject: [PATCH 12/32] Stack callout Title and Subtitle as full-width rows

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 app/views/events/_registration_ticket_callout_fields.html.erb | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/views/events/_registration_ticket_callout_fields.html.erb b/app/views/events/_registration_ticket_callout_fields.html.erb
index f3e3a5fa18..3b9e2b2bdf 100644
--- a/app/views/events/_registration_ticket_callout_fields.html.erb
+++ b/app/views/events/_registration_ticket_callout_fields.html.erb
@@ -38,7 +38,7 @@
         <% end %>
 
         <div class="flex-1 min-w-0 space-y-3">
-          <div class="grid grid-cols-1 sm:grid-cols-2 gap-3">
+          <div class="space-y-3">
             <div>
               <% if content_on_event %>
                 <%= event_f.label label_field, "Title", class: "block text-xs font-medium text-gray-600 mb-0.5" %>

From 2f1349c148b6818088f202d30a8e676a705c968a Mon Sep 17 00:00:00 2001
From: maebeale <maebeale@users.noreply.github.com>
Date: Fri, 10 Jul 2026 08:56:22 -0400
Subject: [PATCH 13/32] Fold callout page-text hint into its label

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 app/views/events/_registration_ticket_callout_fields.html.erb | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/app/views/events/_registration_ticket_callout_fields.html.erb b/app/views/events/_registration_ticket_callout_fields.html.erb
index 3b9e2b2bdf..cc04f28e46 100644
--- a/app/views/events/_registration_ticket_callout_fields.html.erb
+++ b/app/views/events/_registration_ticket_callout_fields.html.erb
@@ -112,8 +112,7 @@
             <%= event_f.text_area content_field, rows: 4,
                   class: "w-full rounded border-gray-300 shadow-sm px-2 py-1 text-sm font-mono" %>
           <% else %>
-            <%= f.label :description, "Callout page text", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
-            <p class="text-xs text-gray-500 mb-1">The callout card only opens a page if this is filled out.</p>
+            <%= f.label :description, "Callout page text (only opens a page if this is filled out)", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
             <%= f.text_area :description, rows: 4,
                   class: "w-full rounded border-gray-300 shadow-sm px-2 py-1 text-sm font-mono" %>
           <% end %>

From 99cb0ca4862635b4e15e06897ce2e4402378eff2 Mon Sep 17 00:00:00 2001
From: maebeale <maebeale@users.noreply.github.com>
Date: Fri, 10 Jul 2026 08:58:15 -0400
Subject: [PATCH 14/32] Use the basic-HTML hint as the callout page-text
 placeholder

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 .../events/_registration_ticket_callout_fields.html.erb     | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/views/events/_registration_ticket_callout_fields.html.erb b/app/views/events/_registration_ticket_callout_fields.html.erb
index cc04f28e46..9627215537 100644
--- a/app/views/events/_registration_ticket_callout_fields.html.erb
+++ b/app/views/events/_registration_ticket_callout_fields.html.erb
@@ -107,16 +107,16 @@
       <%# RIGHT: the call-out's own page — its text and any linked resources %>
       <div class="min-w-0 space-y-3">
         <div>
+          <% html_placeholder = "Accepts basic HTML — bold, italics, links, lists, headings, and line breaks." %>
           <% if content_on_event %>
             <%= event_f.label content_field, "Callout page text", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
-            <%= event_f.text_area content_field, rows: 4,
+            <%= event_f.text_area content_field, rows: 4, placeholder: html_placeholder,
                   class: "w-full rounded border-gray-300 shadow-sm px-2 py-1 text-sm font-mono" %>
           <% else %>
             <%= f.label :description, "Callout page text (only opens a page if this is filled out)", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
-            <%= f.text_area :description, rows: 4,
+            <%= f.text_area :description, rows: 4, placeholder: html_placeholder,
                   class: "w-full rounded border-gray-300 shadow-sm px-2 py-1 text-sm font-mono" %>
           <% end %>
-          <p class="text-xs text-gray-400 mt-1">Accepts basic HTML — bold, italics, links, lists, headings, and line breaks.</p>
         </div>
 
         <% if f.object.renders_resources? %>

From ae6ae0c44af98912876883fdae9d959a7400218c Mon Sep 17 00:00:00 2001
From: maebeale <maebeale@users.noreply.github.com>
Date: Fri, 10 Jul 2026 09:00:10 -0400
Subject: [PATCH 15/32] Shorten callout page-text placeholder to 'Accepts basic
 HTML.'

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 app/views/events/_registration_ticket_callout_fields.html.erb | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/views/events/_registration_ticket_callout_fields.html.erb b/app/views/events/_registration_ticket_callout_fields.html.erb
index 9627215537..246093aea5 100644
--- a/app/views/events/_registration_ticket_callout_fields.html.erb
+++ b/app/views/events/_registration_ticket_callout_fields.html.erb
@@ -107,7 +107,7 @@
       <%# RIGHT: the call-out's own page — its text and any linked resources %>
       <div class="min-w-0 space-y-3">
         <div>
-          <% html_placeholder = "Accepts basic HTML — bold, italics, links, lists, headings, and line breaks." %>
+          <% html_placeholder = "Accepts basic HTML." %>
           <% if content_on_event %>
             <%= event_f.label content_field, "Callout page text", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
             <%= event_f.text_area content_field, rows: 4, placeholder: html_placeholder,

From 7256d10525e54146a049ee3a0f0f5ab91d96d0f2 Mon Sep 17 00:00:00 2001
From: maebeale <maebeale@users.noreply.github.com>
Date: Fri, 10 Jul 2026 09:01:03 -0400
Subject: [PATCH 16/32] Drop period from callout page-text placeholder

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 app/views/events/_registration_ticket_callout_fields.html.erb | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/views/events/_registration_ticket_callout_fields.html.erb b/app/views/events/_registration_ticket_callout_fields.html.erb
index 246093aea5..9349faf0ed 100644
--- a/app/views/events/_registration_ticket_callout_fields.html.erb
+++ b/app/views/events/_registration_ticket_callout_fields.html.erb
@@ -107,7 +107,7 @@
       <%# RIGHT: the call-out's own page — its text and any linked resources %>
       <div class="min-w-0 space-y-3">
         <div>
-          <% html_placeholder = "Accepts basic HTML." %>
+          <% html_placeholder = "Accepts basic HTML" %>
           <% if content_on_event %>
             <%= event_f.label content_field, "Callout page text", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
             <%= event_f.text_area content_field, rows: 4, placeholder: html_placeholder,

From c38fa47e34b5030cef4953171e4220828713f94d Mon Sep 17 00:00:00 2001
From: maebeale <maebeale@users.noreply.github.com>
Date: Fri, 10 Jul 2026 09:05:49 -0400
Subject: [PATCH 17/32] Show callout visibility as a right-aligned Published
 toggle

Replace the built-in/custom 'Hidden' checkbox with a 'Published' checkbox (the
inverse of the stored hidden flag) via a virtual attribute, and move it to the
right of the row footer.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 app/models/registration_ticket_callout.rb     | 11 ++++++++
 app/policies/event_policy.rb                  |  2 +-
 ...egistration_ticket_callout_fields.html.erb | 28 +++++++++----------
 .../registration_ticket_callout_spec.rb       | 14 ++++++++++
 .../registration_ticket_callouts_spec.rb      |  2 +-
 5 files changed, 41 insertions(+), 16 deletions(-)

diff --git a/app/models/registration_ticket_callout.rb b/app/models/registration_ticket_callout.rb
index 94a34c3153..0b79ee3a74 100644
--- a/app/models/registration_ticket_callout.rb
+++ b/app/models/registration_ticket_callout.rb
@@ -77,6 +77,17 @@ def action?
     callout_type == "action"
   end
 
+  # The editor exposes visibility as "Published" — the inverse of the stored
+  # `hidden` flag — so a checked box means the callout shows on the ticket.
+  def published
+    !hidden
+  end
+  alias_method :published?, :published
+
+  def published=(value)
+    self.hidden = !ActiveModel::Type::Boolean.new.cast(value)
+  end
+
   # A seeded built-in callout (Handouts, FAQ, …) rather than an admin-authored
   # one. Magic callouts hide instead of delete and can be reset to default.
   def magic?
diff --git a/app/policies/event_policy.rb b/app/policies/event_policy.rb
index f6dabac35d..fdf6898bd4 100644
--- a/app/policies/event_policy.rb
+++ b/app/policies/event_policy.rb
@@ -159,7 +159,7 @@ def google_analytics?
                   sector_ids: [],
                   primary_asset_attributes: [ :id, :file, :_destroy ],
                   gallery_assets_attributes: [ :id, :file, :_destroy ],
-                  registration_ticket_callouts_attributes: [ :id, :title, :subtitle, :description, :callout_type, :icon_class, :color_class, :payment_access_gated, :hidden, :_destroy,
+                  registration_ticket_callouts_attributes: [ :id, :title, :subtitle, :description, :callout_type, :icon_class, :color_class, :payment_access_gated, :published, :_destroy,
                     { registration_ticket_callout_resources_attributes: [ :id, :resource_id, :_destroy ] } ]
         ]
 
diff --git a/app/views/events/_registration_ticket_callout_fields.html.erb b/app/views/events/_registration_ticket_callout_fields.html.erb
index 9349faf0ed..5e6cae31d9 100644
--- a/app/views/events/_registration_ticket_callout_fields.html.erb
+++ b/app/views/events/_registration_ticket_callout_fields.html.erb
@@ -150,21 +150,21 @@
             Only show once payment is made or committed
           </label>
         <% end %>
-        <label class="flex items-center gap-2 text-sm text-gray-600">
-          <%= f.check_box :hidden, class: "rounded border-gray-300 text-purple-600" %>
-          <%= f.object.magic? ? "Hidden (keep this built-in callout off the ticket)" : "Hidden (prep without showing it on the ticket yet)" %>
-        </label>
-      </div>
-      <% if f.object.magic? %>
-        <% if f.object.restorable? && f.object.persisted? && DefaultTicketCallouts.customized?(f.object) %>
-          <%= link_to "Restore default", restore_event_registration_ticket_callout_path(@event, f.object),
-                data: { turbo_method: :post, turbo_confirm: "Reset this built-in callout to its default? Save any other changes first — this reloads the form." },
-                class: "text-sm text-gray-400 hover:text-purple-700 underline" %>
+        <% if f.object.magic? %>
+          <% if f.object.restorable? && f.object.persisted? && DefaultTicketCallouts.customized?(f.object) %>
+            <%= link_to "Restore default", restore_event_registration_ticket_callout_path(@event, f.object),
+                  data: { turbo_method: :post, turbo_confirm: "Reset this built-in callout to its default? Save any other changes first — this reloads the form." },
+                  class: "text-sm text-gray-400 hover:text-purple-700 underline" %>
+          <% end %>
+        <% else %>
+          <%= link_to_remove_association "Remove", f,
+                class: "text-sm text-gray-400 hover:text-red-600 underline" %>
         <% end %>
-      <% else %>
-        <%= link_to_remove_association "Remove", f,
-              class: "text-sm text-gray-400 hover:text-red-600 underline" %>
-      <% end %>
+      </div>
+      <label class="flex items-center gap-2 text-sm text-gray-600">
+        <%= f.check_box :published, class: "rounded border-gray-300 text-purple-600" %>
+        Published
+      </label>
     </div>
   </div>
 </div>
diff --git a/spec/models/registration_ticket_callout_spec.rb b/spec/models/registration_ticket_callout_spec.rb
index 4a91372fa2..6d50769252 100644
--- a/spec/models/registration_ticket_callout_spec.rb
+++ b/spec/models/registration_ticket_callout_spec.rb
@@ -71,6 +71,20 @@
     end
   end
 
+  describe "#published (inverse of hidden)" do
+    it "reads and writes the hidden flag inverted" do
+      callout = build(:registration_ticket_callout, hidden: false)
+      expect(callout.published).to be(true)
+
+      callout.published = "0"
+      expect(callout.hidden).to be(true)
+      expect(callout.published).to be(false)
+
+      callout.published = "1"
+      expect(callout.hidden).to be(false)
+    end
+  end
+
   describe "#dripping?" do
     it "is true only while display_from is in the future" do
       callout.display_from = 1.day.from_now
diff --git a/spec/requests/events/registration_ticket_callouts_spec.rb b/spec/requests/events/registration_ticket_callouts_spec.rb
index 9ce6a5db8b..6c3149bc97 100644
--- a/spec/requests/events/registration_ticket_callouts_spec.rb
+++ b/spec/requests/events/registration_ticket_callouts_spec.rb
@@ -232,7 +232,7 @@
       expect(response).to have_http_status(:ok)
       expect(response.body).to include("name=\"event[registration_ticket_callouts_attributes][0][title]\"")
       expect(response.body).to include("name=\"event[registration_ticket_callouts_attributes][0][description]\"")
-      expect(response.body).to include("name=\"event[registration_ticket_callouts_attributes][0][hidden]\"")
+      expect(response.body).to include("name=\"event[registration_ticket_callouts_attributes][0][published]\"")
       expect(response.body).to include("Add resource") # every built-in can link resources now
       expect(response.body).to include(restore_event_registration_ticket_callout_path(event, callout))
     end

From 767a1c76489b7e0256c5461ee002bdd176945dd1 Mon Sep 17 00:00:00 2001
From: maebeale <maebeale@users.noreply.github.com>
Date: Fri, 10 Jul 2026 09:30:28 -0400
Subject: [PATCH 18/32] Move CE hours and Art supplies onto their rows like
 every other built-in
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

CE hours and event details are no longer special-cased: their title and text
seed from the event's columns once (migrating existing content) and then live on
the callout row, edited in the same shared row as every other built-in. They're
now reorderable, link resources, and get Restore default. CE hours-offered/cost
stays event config, edited inline in the CE row (ce_config?). The registrant CE
and details pages read the row (falling back to the event columns before seed).

Also: the built-in footer shows a static "Matches default" when a card is
unedited and the clickable "Restore default" once it's customized — so every
built-in (now including CE and event details) surfaces its restore state.

Removed content_on_event?/restorable? and the event-column editor path.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 AGENTS.md                                     |   2 +-
 app/controllers/events/callouts_controller.rb |   5 +-
 app/controllers/events_controller.rb          |   6 +-
 app/models/registration_ticket_callout.rb     |  37 +---
 app/services/default_ticket_callouts.rb       |  41 ++--
 app/services/magic_ticket_callouts.rb         |  14 +-
 ...egistration_ticket_callout_fields.html.erb | 176 ++++++++----------
 app/views/events/callouts/ce.html.erb         |  10 +-
 app/views/events/details.html.erb             |   4 +-
 spec/requests/events_spec.rb                  |  15 +-
 spec/services/default_ticket_callouts_spec.rb |  17 ++
 11 files changed, 161 insertions(+), 166 deletions(-)

diff --git a/AGENTS.md b/AGENTS.md
index cd0773dfb3..084e9f755c 100644
--- a/AGENTS.md
+++ b/AGENTS.md
@@ -206,7 +206,7 @@ end
 - `EventRegistrationReadiness` — Computes a registration's lifecycle `status` (`:not_ready` → `:ready` → `:certificate_due` → `:completed`) from a pre-event "event ready" checklist, a post-event "completion work" checklist (attendance, scholarship tasks), and certificate delivery, returning the specific outstanding reasons. Reads payment/certificate state via `Registerable` (`paid_in_full?`, `certificate_sent?`) on both the registration and its `continuing_education_registrations`. Drives the registrants roster's single far-right Status badge column (with a short reason under "Not ready" and a cert-type note under "Certificate pending") and its matching filter
 - `ReminderRecipientFilter` — Decides which event registrations stay checked on the bulk reminder page given the admin's filters (matches in memory, returns matching ids)
 - `MagicTicketCallouts` — Code-defined ("magic") ticket callout cards (payment, certificate, scholarship, CE hours, art supplies, forms, handouts, portal, videoconference, FAQ), each with its own visibility rule; rendered through the same `_callout_card` partial as `RegistrationTicketCallout`s. Skips any card an event has materialized (see `DefaultTicketCallouts`) so the two paths never double-render, and serves as the fallback for events not yet seeded. Public show pages live under `app/views/events/callouts/` (`Events::CalloutsController`, slug-authorized)
-- `DefaultTicketCallouts` — Materializes all built-in callouts into `RegistrationTicketCallout` rows in canonical ticket order, seeded on event create and lazily on edit, each gated by the event's config via `seed_if` (idempotent, no backfill). Built-ins are edited in the **same** callout-fields row as custom callouts (pre-filled title/subtitle/colour/icon/callout-page-text/resources; hidden instead of deleted; "Restore default" shown only when `.customized?`). "Content" cards (Handouts, FAQ) render their own copy/resources; "behavioral" cards render live status through `MagicTicketCallouts#card_for`, which overlays the app's badge/visibility/destination on the row's editable presentation. Behavioral pages show the row's callout-page-text as an intro (`@builtin_intro`) and any linked resources below it. Certificate is opt-in (default off except trainings); Videoconference drips a week before start via `display_from`. CE hours and Event details (`content_on_event?`) keep their text on event columns (edited inline in the shared row via `event_f`, so registrant CE/details pages are unchanged) but the row still owns their order/hidden/resources; they always seed. Built-ins materialize lazily on `edit` too, so the editor always shows the full set. `.reset` restores a materialized callout to its template (`restorable?` excludes the event-column pair)
+- `DefaultTicketCallouts` — Materializes all built-in callouts into `RegistrationTicketCallout` rows in canonical ticket order, seeded on event create and lazily on edit, each gated by the event's config via `seed_if` (idempotent, no backfill). Built-ins are edited in the **same** callout-fields row as custom callouts (pre-filled title/subtitle/colour/icon/callout-page-text/resources; hidden instead of deleted; "Restore default" shown only when `.customized?`). "Content" cards (Handouts, FAQ) render their own copy/resources; "behavioral" cards render live status through `MagicTicketCallouts#card_for`, which overlays the app's badge/visibility/destination on the row's editable presentation. Behavioral pages show the row's callout-page-text as an intro (`@builtin_intro`) and any linked resources below it. Certificate is opt-in (default off except trainings); Videoconference drips a week before start via `display_from`. CE hours and Event details are edited like every other built-in — their title/text seed from the event's columns once (migrating existing content) then live on the row; the CE hours-offered/cost config still edits the event inline via `event_f` (`ce_config?`). The registrant CE/details pages read the row (falling back to the event columns pre-seed). Built-ins always seed and also materialize lazily on `edit`, so the editor shows the full set; the editor shows "Restore default" (or a static "Matches default") per row via `.customized?`. The visibility control is a `published` toggle (inverse of `hidden`)
 
 ### Affiliations
 
diff --git a/app/controllers/events/callouts_controller.rb b/app/controllers/events/callouts_controller.rb
index 08c42463f5..a9efc39703 100644
--- a/app/controllers/events/callouts_controller.rb
+++ b/app/controllers/events/callouts_controller.rb
@@ -61,8 +61,11 @@ def scholarship
       @form_responses_available = @event.registration_form&.form_submissions&.exists?(person: @event_registration.registrant)
     end
 
-    # CE hours status: requested hours, amount owed, and license number.
+    # CE hours status: requested hours, amount owed, and license number. Title and
+    # body come from the materialized CE callout row (falling back to the event's
+    # columns for events not yet seeded).
     def ce
+      @ce_callout = @event.registration_ticket_callouts.find_by(magic_key: "ce_hours")
     end
 
     # Forms page: callout-card links to the W-9 (when seeded) and, for paid
diff --git a/app/controllers/events_controller.rb b/app/controllers/events_controller.rb
index cef05f262b..0f7c86b8da 100644
--- a/app/controllers/events_controller.rb
+++ b/app/controllers/events_controller.rb
@@ -193,7 +193,11 @@ def onboarding
   def details
     authorize! @event, to: :details?
 
-    if @event.event_details.blank?
+    callout = @event.registration_ticket_callouts.find_by(magic_key: "event_details")
+    @event_details_title = callout&.title.presence || @event.event_details_label
+    @event_details_body = callout&.description.presence || @event.event_details
+
+    if @event_details_body.blank?
       redirect_to event_path(@event, reg: params[:reg].presence)
       return
     end
diff --git a/app/models/registration_ticket_callout.rb b/app/models/registration_ticket_callout.rb
index 0b79ee3a74..bf0e01b2f8 100644
--- a/app/models/registration_ticket_callout.rb
+++ b/app/models/registration_ticket_callout.rb
@@ -17,18 +17,13 @@ class RegistrationTicketCallout < ApplicationRecord
 
   # "Content" magic callouts render their own editable copy/resources (like custom
   # callouts). "Behavioral" magic callouts (the rest) render live per-registration
-  # status through MagicTicketCallouts#card_for — the row only governs visibility,
-  # drip date, and order.
+  # status through MagicTicketCallouts#card_for — the row still owns the editable
+  # title/subtitle/text, order, visibility, and resources.
   CONTENT_MAGIC_KEYS = %w[ handouts faq ].freeze
 
-  # Behavioral magic callouts whose text is edited via the event's built-in
-  # preview card (their content lives on event columns, e.g. ce_hours_details),
-  # so the editor shows no separate control row for them.
-  PREVIEW_EDITED_MAGIC_KEYS = %w[ ce_hours event_details ].freeze
-
-  # Behavioral magic callouts that carry admin-editable linked resources on their
-  # page (e.g. the Forms card's W-9), edited from the control row.
-  RESOURCE_EDITABLE_MAGIC_KEYS = %w[ forms ].freeze
+  # Behavioral built-ins that also carry event-level config edited inline in their
+  # row (CE hours offered / cost); their text lives on the row like everything else.
+  CONFIG_MAGIC_KEYS = %w[ ce_hours ].freeze
 
   # Per-type fallbacks for the icon and colour. These are callout-specific (unlike
   # the generic colour swatches and palette, which live in DomainTheme so the whole
@@ -100,25 +95,9 @@ def behavioral_magic?
     magic? && CONTENT_MAGIC_KEYS.exclude?(magic_key)
   end
 
-  # CE hours / Event details keep their text on the event (shared with their
-  # standalone CE / details pages), so the editor row edits those event columns
-  # instead of the callout row's title/description — but the row still owns their
-  # order, hidden flag, and linked resources.
-  def content_on_event?
-    PREVIEW_EDITED_MAGIC_KEYS.include?(magic_key.to_s)
-  end
-
-  # Whether the editor offers "Restore default" — a built-in whose content lives
-  # on the row (so it has a template to restore to).
-  def restorable?
-    magic? && !content_on_event?
-  end
-
-  # Every callout can link resources; they render on the callout's page (its own
-  # page for custom/content cards, or below the built-in content for behavioral
-  # ones). Kept as a seam in case a card ever needs to opt out.
-  def renders_resources?
-    true
+  # Whether the row carries the inline CE config fields (hours offered / cost).
+  def ce_config?
+    CONFIG_MAGIC_KEYS.include?(magic_key.to_s)
   end
 
   # Whether the callout is drip-scheduled to appear only from a future date.
diff --git a/app/services/default_ticket_callouts.rb b/app/services/default_ticket_callouts.rb
index d0bc3fb715..f812658bdd 100644
--- a/app/services/default_ticket_callouts.rb
+++ b/app/services/default_ticket_callouts.rb
@@ -95,9 +95,9 @@ def reset(callout)
     return callout unless definition
 
     callout.update!(
-      title: definition[:title],
-      subtitle: definition[:subtitle],
-      description: definition[:description],
+      title: resolve(definition[:title]),
+      subtitle: resolve(definition[:subtitle]),
+      description: resolve(definition[:description]),
       callout_type: definition[:callout_type],
       icon_class: definition[:icon_class],
       color_class: definition[:color_class],
@@ -112,9 +112,9 @@ def customized?(callout)
     definition = definitions.find { |candidate| candidate[:magic_key] == callout.magic_key }
     return false unless definition
 
-    callout.title != definition[:title] ||
-      callout.subtitle != definition[:subtitle] ||
-      callout.description.to_s != definition[:description].to_s ||
+    callout.title != resolve(definition[:title]) ||
+      callout.subtitle != resolve(definition[:subtitle]) ||
+      callout.description.to_s != resolve(definition[:description]).to_s ||
       callout.callout_type != definition[:callout_type] ||
       callout.icon_class != definition[:icon_class] ||
       callout.color_class != definition[:color_class] ||
@@ -124,6 +124,12 @@ def customized?(callout)
 
   private
 
+  # A definition value may be a static value or a proc taking the event (used by
+  # CE / event details to seed their default from the event's own columns).
+  def resolve(value)
+    value.respond_to?(:call) ? value.call(@event) : value
+  end
+
   # Ordered built-in callout definitions. `hidden` / `display_from` are procs so
   # each event derives its own defaults; `resources` resolves the linked records;
   # `seed_if` gates whether the card applies. Content cards (Handouts, FAQ) render
@@ -165,26 +171,27 @@ def definitions
       },
       {
         magic_key: "ce_hours",
-        title: "CE hours",
+        # Title/text seed from the event's CE columns (migrating existing content);
+        # thereafter they live on the row like every other built-in. The row also
+        # carries the CE hours-offered/cost config. Always seeded.
+        title: ->(event) { event.ce_hours_details_label },
+        description: ->(event) { event.ce_hours_details },
         subtitle: "Continuing education — requirements & how to request",
         callout_type: "action",
         icon_class: "fa-solid fa-graduation-cap",
         color_class: "teal",
-        # Content (label + details) stays on the event and is edited inline in the
-        # callout row; the row governs order, hidden, and linked resources. Always
-        # seeded so the row is available to edit even before hours are set.
         hidden: ->(_event) { false }
       },
       {
         magic_key: "event_details",
-        title: "Before you attend",
+        # Title/text seed from the event's details columns (migrating existing
+        # content); thereafter they live on the row. Always seeded.
+        title: ->(event) { event.event_details_label },
+        description: ->(event) { event.event_details },
         subtitle: "Important info for this event — please read",
         callout_type: "reference",
         icon_class: "fa-solid fa-palette",
         color_class: "blue",
-        # Content (label + body) stays on the event and is edited inline in the
-        # callout row; the row governs order, hidden, and linked resources. Always
-        # seeded so the row is available to edit even before content is filled in.
         hidden: ->(_event) { false }
       },
       {
@@ -240,9 +247,9 @@ def definitions
   def create(definition)
     callout = @event.registration_ticket_callouts.create!(
       magic_key: definition[:magic_key],
-      title: definition[:title],
-      subtitle: definition[:subtitle],
-      description: definition[:description],
+      title: resolve(definition[:title]),
+      subtitle: resolve(definition[:subtitle]),
+      description: resolve(definition[:description]),
       callout_type: definition[:callout_type],
       icon_class: definition[:icon_class],
       color_class: definition[:color_class],
diff --git a/app/services/magic_ticket_callouts.rb b/app/services/magic_ticket_callouts.rb
index 3e80bb0ebc..95f2580aea 100644
--- a/app/services/magic_ticket_callouts.rb
+++ b/app/services/magic_ticket_callouts.rb
@@ -76,7 +76,7 @@ def initialize(event_registration)
   # those from the row (calling #card_for for behavioral ones), so this is both the
   # non-materialized set and the fallback for events not yet seeded.
   def cards
-    CARD_BUILDERS.reject { |magic_key, _| materialized?(magic_key) }
+    CARD_BUILDERS.reject { |magic_key, _| materialized?(magic_key) || skip_in_fallback?(magic_key) }
                  .filter_map { |_, builder| send(builder) }
   end
 
@@ -89,9 +89,8 @@ def card_for(callout)
     builder = CARD_BUILDERS[callout.magic_key]
     base = builder && send(builder)
     return unless base
-    # CE hours / event details keep their app-supplied, event-driven title and
-    # subtitle (their text lives on the event, not the row).
-    return base if callout.content_on_event?
+    # Event details links to its page only when it has content to show.
+    return if callout.magic_key == "event_details" && callout.description.blank?
 
     base.with(
       title: callout.title,
@@ -112,6 +111,12 @@ def materialized?(magic_key)
     @materialized_keys.include?(magic_key)
   end
 
+  # In the unseeded fallback, event-details content lives on the event column, so
+  # hide the card when it's blank (the row path checks the row in #card_for).
+  def skip_in_fallback?(magic_key)
+    magic_key == "event_details" && event.event_details.blank?
+  end
+
   # Top card: an action card while a balance is due, a reference card once paid
   # in full. Its page lists every allocation with the running balance.
   def payment_card
@@ -208,7 +213,6 @@ def ce_missing_text
 
   # "Art supplies & what to bring" — the event's own details page.
   def event_details_card
-    return if event.event_details.blank?
     Card.new(icon_class: "fa-solid fa-palette", color: "blue",
              title: event.event_details_label,
              subtitle: "Important info for this event — please read",
diff --git a/app/views/events/_registration_ticket_callout_fields.html.erb b/app/views/events/_registration_ticket_callout_fields.html.erb
index 5e6cae31d9..890e2f5f34 100644
--- a/app/views/events/_registration_ticket_callout_fields.html.erb
+++ b/app/views/events/_registration_ticket_callout_fields.html.erb
@@ -1,13 +1,12 @@
-<%# CE hours / event details keep their text on the event (shared with their
-    standalone pages), so those two edit the event columns via `event_f`; every
-    other callout edits its own row. The row always owns order, hidden, and
-    linked resources. %>
+<%# One editable callout row, shared by custom callouts and every materialized
+    built-in. CE hours additionally shows the event's hours-offered/cost config
+    inline (via event_f); its text, like every other built-in, lives on the row. %>
 <% event_f = local_assigns[:event_f] %>
-<% content_on_event = f.object.content_on_event? && event_f.present? %>
-<% label_field, content_field = f.object.magic_key == "ce_hours" ? %i[ce_hours_details_label ce_hours_details] : %i[event_details_label event_details] if content_on_event %>
 
 <div class="nested-fields registration-ticket-callout-fields flex items-start gap-3 rounded-lg border border-gray-200 bg-white p-3 shadow-sm transition-colors"
-     <% unless content_on_event %>data-controller="callout-preview" data-callout-preview-themes-value="<%= DomainTheme.swatches.to_json %>" data-callout-preview-defaults-value="<%= RegistrationTicketCallout::DEFAULT_COLORS.to_json %>"<% end %>
+     data-controller="callout-preview"
+     data-callout-preview-themes-value="<%= DomainTheme.swatches.to_json %>"
+     data-callout-preview-defaults-value="<%= RegistrationTicketCallout::DEFAULT_COLORS.to_json %>"
      <% if f.object.persisted? %>data-sortable-id="<%= f.object.id %>"<% end %>>
   <% if f.object.persisted? %>
     <div class="cursor-grab text-gray-400 hover:text-gray-600 pt-2 shrink-0" data-sortable-handle title="Drag to reorder">
@@ -23,7 +22,7 @@
     <% if f.object.magic? %>
       <div class="flex items-center gap-2">
         <span class="inline-flex items-center rounded-full bg-purple-100 px-2 py-0.5 text-xs font-medium text-purple-700">Built in</span>
-        <span class="text-xs text-gray-400"><%= content_on_event ? "Its text is shared with this event's own page." : "Pre-filled defaults you can edit; the app supplies its live status and links." %></span>
+        <span class="text-xs text-gray-400">Pre-filled defaults you can edit; the app supplies its live status and links.</span>
       </div>
     <% end %>
 
@@ -31,74 +30,60 @@
         identity (title + presentation) on the left, its page content on the right. %>
     <div class="grid grid-cols-1 lg:grid-cols-2 gap-4">
       <div class="flex items-start gap-3 min-w-0">
-        <% if content_on_event %>
-          <i class="<%= f.object.display_icon_class %> <%= f.object.theme[:icon] %> w-6 shrink-0 text-center text-xl pt-6" aria-hidden="true"></i>
-        <% else %>
-          <i class="w-6 shrink-0 text-center text-xl pt-6" data-callout-preview-target="leadingIcon" aria-hidden="true"></i>
-        <% end %>
+        <i class="w-6 shrink-0 text-center text-xl pt-6" data-callout-preview-target="leadingIcon" aria-hidden="true"></i>
 
         <div class="flex-1 min-w-0 space-y-3">
           <div class="space-y-3">
             <div>
-              <% if content_on_event %>
-                <%= event_f.label label_field, "Title", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
-                <%= event_f.text_field label_field,
-                      class: "w-full rounded border-gray-300 shadow-sm px-2 py-1 text-sm" %>
-              <% else %>
-                <%= f.label :title, "Title", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
-                <%= f.text_field :title, required: true,
-                      class: "w-full rounded border-gray-300 shadow-sm px-2 py-1 text-sm" %>
-              <% end %>
+              <%= f.label :title, "Title", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
+              <%= f.text_field :title, required: true,
+                    class: "w-full rounded border-gray-300 shadow-sm px-2 py-1 text-sm" %>
+            </div>
+            <div>
+              <%= f.label :subtitle, "Subtitle", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
+              <%= f.text_field :subtitle,
+                    class: "w-full rounded border-gray-300 shadow-sm px-2 py-1 text-sm" %>
             </div>
-            <% unless content_on_event %>
-              <div>
-                <%= f.label :subtitle, "Subtitle", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
-                <%= f.text_field :subtitle,
-                      class: "w-full rounded border-gray-300 shadow-sm px-2 py-1 text-sm" %>
-              </div>
-            <% end %>
           </div>
 
-          <% if content_on_event %>
-            <% if f.object.magic_key == "ce_hours" %>
-              <div class="flex flex-wrap items-center gap-x-6 gap-y-2 rounded-md border border-gray-200 bg-gray-50 px-3 py-2.5">
-                <label class="flex items-center gap-2 text-sm text-gray-700">
-                  CE hours offered
-                  <%= event_f.number_field :ce_hours_offered, min: 0, step: 0.25,
-                        class: "w-24 rounded-md border-gray-300 text-sm tabular-nums focus:border-teal-500 focus:ring-teal-200" %>
-                </label>
-                <label class="flex items-center gap-2 text-sm text-gray-700">
-                  Total CE cost
-                  <span class="text-gray-400">$</span>
-                  <%= event_f.number_field :ce_hours_cost, min: 0, step: 1,
-                        class: "w-24 rounded-md border-gray-300 text-sm tabular-nums focus:border-teal-500 focus:ring-teal-200" %>
-                </label>
-              </div>
-            <% end %>
-          <% else %>
-            <div class="grid grid-cols-1 sm:grid-cols-3 gap-3">
-              <div>
-                <%= f.label :callout_type, "Type", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
-                <%= f.select :callout_type,
-                      RegistrationTicketCallout::CALLOUT_TYPES.map { |t| [ t.humanize, t ] },
-                      {},
-                      class: "w-full rounded border-gray-300 shadow-sm px-2 py-1 text-sm",
-                      data: { callout_preview_target: "typeSelect", action: "callout-preview#update" } %>
-              </div>
-              <div>
-                <%= f.label :color_class, "Colour", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
-                <%= f.select :color_class,
-                      DomainTheme::SWATCH_COLORS.map { |c| [ c.to_s.humanize, c ] },
-                      { include_blank: "Default (by type)" },
-                      class: "w-full rounded border-gray-300 shadow-sm px-2 py-1 text-sm",
-                      data: { callout_preview_target: "colorSelect", action: "callout-preview#update" } %>
-              </div>
-              <div>
-                <%= f.label :icon_class, "Icon", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
-                <%= f.text_field :icon_class,
-                      class: "w-full rounded border-gray-300 shadow-sm px-2 py-1 text-sm font-mono",
-                      data: { callout_preview_target: "iconInput", action: "callout-preview#update" } %>
-              </div>
+          <div class="grid grid-cols-1 sm:grid-cols-3 gap-3">
+            <div>
+              <%= f.label :callout_type, "Type", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
+              <%= f.select :callout_type,
+                    RegistrationTicketCallout::CALLOUT_TYPES.map { |t| [ t.humanize, t ] },
+                    {},
+                    class: "w-full rounded border-gray-300 shadow-sm px-2 py-1 text-sm",
+                    data: { callout_preview_target: "typeSelect", action: "callout-preview#update" } %>
+            </div>
+            <div>
+              <%= f.label :color_class, "Colour", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
+              <%= f.select :color_class,
+                    DomainTheme::SWATCH_COLORS.map { |c| [ c.to_s.humanize, c ] },
+                    { include_blank: "Default (by type)" },
+                    class: "w-full rounded border-gray-300 shadow-sm px-2 py-1 text-sm",
+                    data: { callout_preview_target: "colorSelect", action: "callout-preview#update" } %>
+            </div>
+            <div>
+              <%= f.label :icon_class, "Icon", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
+              <%= f.text_field :icon_class,
+                    class: "w-full rounded border-gray-300 shadow-sm px-2 py-1 text-sm font-mono",
+                    data: { callout_preview_target: "iconInput", action: "callout-preview#update" } %>
+            </div>
+          </div>
+
+          <% if f.object.ce_config? && event_f.present? %>
+            <div class="flex flex-wrap items-center gap-x-6 gap-y-2 rounded-md border border-gray-200 bg-gray-50 px-3 py-2.5">
+              <label class="flex items-center gap-2 text-sm text-gray-700">
+                CE hours offered
+                <%= event_f.number_field :ce_hours_offered, min: 0, step: 0.25,
+                      class: "w-24 rounded-md border-gray-300 text-sm tabular-nums focus:border-teal-500 focus:ring-teal-200" %>
+              </label>
+              <label class="flex items-center gap-2 text-sm text-gray-700">
+                Total CE cost
+                <span class="text-gray-400">$</span>
+                <%= event_f.number_field :ce_hours_cost, min: 0, step: 1,
+                      class: "w-24 rounded-md border-gray-300 text-sm tabular-nums focus:border-teal-500 focus:ring-teal-200" %>
+              </label>
             </div>
           <% end %>
         </div>
@@ -107,38 +92,29 @@
       <%# RIGHT: the call-out's own page — its text and any linked resources %>
       <div class="min-w-0 space-y-3">
         <div>
-          <% html_placeholder = "Accepts basic HTML" %>
-          <% if content_on_event %>
-            <%= event_f.label content_field, "Callout page text", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
-            <%= event_f.text_area content_field, rows: 4, placeholder: html_placeholder,
-                  class: "w-full rounded border-gray-300 shadow-sm px-2 py-1 text-sm font-mono" %>
-          <% else %>
-            <%= f.label :description, "Callout page text (only opens a page if this is filled out)", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
-            <%= f.text_area :description, rows: 4, placeholder: html_placeholder,
-                  class: "w-full rounded border-gray-300 shadow-sm px-2 py-1 text-sm font-mono" %>
-          <% end %>
+          <%= f.label :description, "Callout page text (only opens a page if this is filled out)", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
+          <%= f.text_area :description, rows: 4, placeholder: "Accepts basic HTML",
+                class: "w-full rounded border-gray-300 shadow-sm px-2 py-1 text-sm font-mono" %>
         </div>
 
-        <% if f.object.renders_resources? %>
-          <%# Collapsed by default; opened on load only when resources are saved. %>
-          <details class="group" <%= "open" if f.object.registration_ticket_callout_resources.any? %>>
-            <summary class="flex items-center gap-1.5 cursor-pointer select-none list-none [&::-webkit-details-marker]:hidden text-xs font-medium text-gray-600">
-              <i class="fa-solid fa-chevron-right text-[10px] text-gray-400 transition-transform group-open:rotate-90"></i>
-              Linked resources
-            </summary>
-            <div class="mt-1">
-              <p class="text-xs text-gray-500 mb-1">Optional. Shows each resource below the content on the call-out's page (PDF first-page preview, etc.), with a download button when the resource has a downloadable file.</p>
-              <div class="space-y-2">
-                <%= f.fields_for :registration_ticket_callout_resources do |rf| %>
-                  <%= render "events/registration_ticket_callout_resource_fields", f: rf %>
-                <% end %>
-              </div>
-              <%= link_to_add_association "➕ Add resource", f, :registration_ticket_callout_resources,
-                    partial: "events/registration_ticket_callout_resource_fields",
-                    class: "mt-1 inline-block text-sm font-medium text-purple-600 hover:text-purple-800" %>
+        <%# Collapsed by default; opened on load only when resources are saved. %>
+        <details class="group" <%= "open" if f.object.registration_ticket_callout_resources.any? %>>
+          <summary class="flex items-center gap-1.5 cursor-pointer select-none list-none [&::-webkit-details-marker]:hidden text-xs font-medium text-gray-600">
+            <i class="fa-solid fa-chevron-right text-[10px] text-gray-400 transition-transform group-open:rotate-90"></i>
+            Linked resources
+          </summary>
+          <div class="mt-1">
+            <p class="text-xs text-gray-500 mb-1">Optional. Shows each resource below the content on the call-out's page (PDF first-page preview, etc.), with a download button when the resource has a downloadable file.</p>
+            <div class="space-y-2">
+              <%= f.fields_for :registration_ticket_callout_resources do |rf| %>
+                <%= render "events/registration_ticket_callout_resource_fields", f: rf %>
+              <% end %>
             </div>
-          </details>
-        <% end %>
+            <%= link_to_add_association "➕ Add resource", f, :registration_ticket_callout_resources,
+                  partial: "events/registration_ticket_callout_resource_fields",
+                  class: "mt-1 inline-block text-sm font-medium text-purple-600 hover:text-purple-800" %>
+          </div>
+        </details>
       </div>
     </div>
 
@@ -151,10 +127,12 @@
           </label>
         <% end %>
         <% if f.object.magic? %>
-          <% if f.object.restorable? && f.object.persisted? && DefaultTicketCallouts.customized?(f.object) %>
+          <% if f.object.persisted? && DefaultTicketCallouts.customized?(f.object) %>
             <%= link_to "Restore default", restore_event_registration_ticket_callout_path(@event, f.object),
                   data: { turbo_method: :post, turbo_confirm: "Reset this built-in callout to its default? Save any other changes first — this reloads the form." },
                   class: "text-sm text-gray-400 hover:text-purple-700 underline" %>
+          <% else %>
+            <span class="text-sm text-gray-300">Matches default</span>
           <% end %>
         <% else %>
           <%= link_to_remove_association "Remove", f,
diff --git a/app/views/events/callouts/ce.html.erb b/app/views/events/callouts/ce.html.erb
index 25423fdb6f..c3f67226dc 100644
--- a/app/views/events/callouts/ce.html.erb
+++ b/app/views/events/callouts/ce.html.erb
@@ -1,6 +1,8 @@
 <% content_for(:page_bg_class, "public") %>
-<% content_for(:page_title, "#{@event.ce_hours_details_label} — #{@event.title}") %>
-<%= render layout: "events/callouts/callout_page", locals: { title: @event.ce_hours_details_label } do %>
+<% ce_title = @ce_callout&.title.presence || @event.ce_hours_details_label %>
+<% ce_body = @ce_callout&.description.presence || @event.ce_hours_details %>
+<% content_for(:page_title, "#{ce_title} — #{@event.title}") %>
+<%= render layout: "events/callouts/callout_page", locals: { title: ce_title } do %>
   <% if @event_registration.ce_credit_requested? %>
     <div class="flex flex-wrap items-center justify-between gap-3">
       <p class="text-xs font-medium uppercase tracking-wide text-gray-400">Status</p>
@@ -47,9 +49,9 @@
     <p class="text-sm text-gray-600">You haven't requested continuing education credit for this training. CE hours are available for an additional fee — reach out to request credit.</p>
   <% end %>
 
-  <% if @event.ce_hours_details.present? %>
+  <% if ce_body.present? %>
     <div class="mt-6 border-t border-gray-100 pt-5 rich-label prose max-w-none text-gray-700 leading-relaxed prose-headings:text-gray-800 prose-a:text-blue-700">
-      <%= form_label_html(@event.ce_hours_details) %>
+      <%= form_label_html(ce_body) %>
     </div>
   <% end %>
 <% end %>
diff --git a/app/views/events/details.html.erb b/app/views/events/details.html.erb
index 27ffde680b..90cf3ec5c9 100644
--- a/app/views/events/details.html.erb
+++ b/app/views/events/details.html.erb
@@ -17,7 +17,7 @@
           <%= image_tag("logo.png", alt: "Organization logo", class: "h-9 w-auto") %>
         </div>
         <div class="flex-1">
-          <h1 class="text-xl font-semibold tracking-wide leading-tight"><%= @event.event_details_label %></h1>
+          <h1 class="text-xl font-semibold tracking-wide leading-tight"><%= @event_details_title %></h1>
           <p class="text-sm text-blue-200"><%= @event.title %></p>
         </div>
       </div>
@@ -26,7 +26,7 @@
 
     <div class="px-6 sm:px-8 py-7">
       <div class="rich-label prose max-w-none text-gray-700 leading-relaxed prose-headings:text-gray-800 prose-a:text-blue-700">
-        <%= form_label_html(@event.event_details) %>
+        <%= form_label_html(@event_details_body) %>
       </div>
     </div>
   </div>
diff --git a/spec/requests/events_spec.rb b/spec/requests/events_spec.rb
index 9bdbf61f43..4dcf8c40a3 100644
--- a/spec/requests/events_spec.rb
+++ b/spec/requests/events_spec.rb
@@ -263,20 +263,21 @@ def offer_ce!(target_event)
       expect(response.body).to include(VisibilityFlagsHelper::FLAG_DEFINITIONS[:public_registration_enabled][:description])
     end
 
-    it "renders the built-in 'Before you attend' card fields within the callouts section" do
+    it "renders the built-in 'Before you attend' card as an editable row" do
       get edit_event_path(event)
       expect(response.body).to include("Registration ticket callouts")
       expect(response.body).to include("Before you attend")
-      expect(response.body).to include("event[event_details_label]")
-      expect(response.body).to include("event[event_details]")
+      # Its text now lives on the callout row, not the event columns.
+      expect(response.body).not_to include("event[event_details_label]")
     end
 
-    it "renders the built-in 'CE hours' card fields within the callouts section" do
+    it "renders the built-in 'CE hours' card as an editable row with the CE config" do
       get edit_event_path(event)
       expect(response.body).to include("Registration ticket callouts")
-      expect(response.body).to include("CE hours")
-      expect(response.body).to include("event[ce_hours_details_label]")
-      expect(response.body).to include("event[ce_hours_details]")
+      expect(response.body).to include("CE hours offered")
+      # CE hours/cost stay on the event; the label/text moved to the callout row.
+      expect(response.body).to include("event[ce_hours_offered]")
+      expect(response.body).not_to include("event[ce_hours_details_label]")
     end
 
     it "previews the app-controlled built-in callouts (greyed, non-editable)" do
diff --git a/spec/services/default_ticket_callouts_spec.rb b/spec/services/default_ticket_callouts_spec.rb
index 2eece604b9..be5d5bc92e 100644
--- a/spec/services/default_ticket_callouts_spec.rb
+++ b/spec/services/default_ticket_callouts_spec.rb
@@ -83,6 +83,23 @@
       expect(forms.resources).to be_empty
     end
 
+    it "migrates CE hours and event-details content from the event onto the row" do
+      event = create(:event, ce_hours_details_label: "Continuing education",
+        ce_hours_details: "<p>CAMFT approved.</p>", event_details_label: "Art supplies",
+        event_details: "<p>Bring paper.</p>")
+
+      described_class.seed(event)
+
+      ce = event.registration_ticket_callouts.find_by(magic_key: "ce_hours")
+      details = event.registration_ticket_callouts.find_by(magic_key: "event_details")
+      expect(ce.title).to eq("Continuing education")
+      expect(ce.description).to eq("<p>CAMFT approved.</p>")
+      expect(details.title).to eq("Art supplies")
+      expect(details.description).to eq("<p>Bring paper.</p>")
+      # A freshly-migrated card matches its default.
+      expect(described_class.customized?(ce)).to be(false)
+    end
+
     it "reports whether a materialized callout has been customized" do
       event = create(:event, facilitator_training: true)
       described_class.seed(event)

From 1cec31b48c00a6a7376e627666c09024cf1194b1 Mon Sep 17 00:00:00 2001
From: maebeale <maebeale@users.noreply.github.com>
Date: Fri, 10 Jul 2026 10:28:30 -0400
Subject: [PATCH 19/32] Collapse callout type/colour/icon under a toggle like
 linked resources

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 ...egistration_ticket_callout_fields.html.erb | 54 +++++++++++--------
 1 file changed, 31 insertions(+), 23 deletions(-)

diff --git a/app/views/events/_registration_ticket_callout_fields.html.erb b/app/views/events/_registration_ticket_callout_fields.html.erb
index 890e2f5f34..5c403c95cc 100644
--- a/app/views/events/_registration_ticket_callout_fields.html.erb
+++ b/app/views/events/_registration_ticket_callout_fields.html.erb
@@ -46,30 +46,38 @@
             </div>
           </div>
 
-          <div class="grid grid-cols-1 sm:grid-cols-3 gap-3">
-            <div>
-              <%= f.label :callout_type, "Type", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
-              <%= f.select :callout_type,
-                    RegistrationTicketCallout::CALLOUT_TYPES.map { |t| [ t.humanize, t ] },
-                    {},
-                    class: "w-full rounded border-gray-300 shadow-sm px-2 py-1 text-sm",
-                    data: { callout_preview_target: "typeSelect", action: "callout-preview#update" } %>
-            </div>
-            <div>
-              <%= f.label :color_class, "Colour", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
-              <%= f.select :color_class,
-                    DomainTheme::SWATCH_COLORS.map { |c| [ c.to_s.humanize, c ] },
-                    { include_blank: "Default (by type)" },
-                    class: "w-full rounded border-gray-300 shadow-sm px-2 py-1 text-sm",
-                    data: { callout_preview_target: "colorSelect", action: "callout-preview#update" } %>
+          <%# Presentation (type / colour / icon) collapsed under a toggle, like the
+              linked-resources section. %>
+          <details class="group">
+            <summary class="flex items-center gap-1.5 cursor-pointer select-none list-none [&::-webkit-details-marker]:hidden text-xs font-medium text-gray-600">
+              <i class="fa-solid fa-chevron-right text-[10px] text-gray-400 transition-transform group-open:rotate-90"></i>
+              Type, colour, and icon
+            </summary>
+            <div class="mt-2 grid grid-cols-1 sm:grid-cols-3 gap-3">
+              <div>
+                <%= f.label :callout_type, "Type", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
+                <%= f.select :callout_type,
+                      RegistrationTicketCallout::CALLOUT_TYPES.map { |t| [ t.humanize, t ] },
+                      {},
+                      class: "w-full rounded border-gray-300 shadow-sm px-2 py-1 text-sm",
+                      data: { callout_preview_target: "typeSelect", action: "callout-preview#update" } %>
+              </div>
+              <div>
+                <%= f.label :color_class, "Colour", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
+                <%= f.select :color_class,
+                      DomainTheme::SWATCH_COLORS.map { |c| [ c.to_s.humanize, c ] },
+                      { include_blank: "Default (by type)" },
+                      class: "w-full rounded border-gray-300 shadow-sm px-2 py-1 text-sm",
+                      data: { callout_preview_target: "colorSelect", action: "callout-preview#update" } %>
+              </div>
+              <div>
+                <%= f.label :icon_class, "Icon", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
+                <%= f.text_field :icon_class,
+                      class: "w-full rounded border-gray-300 shadow-sm px-2 py-1 text-sm font-mono",
+                      data: { callout_preview_target: "iconInput", action: "callout-preview#update" } %>
+              </div>
             </div>
-            <div>
-              <%= f.label :icon_class, "Icon", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
-              <%= f.text_field :icon_class,
-                    class: "w-full rounded border-gray-300 shadow-sm px-2 py-1 text-sm font-mono",
-                    data: { callout_preview_target: "iconInput", action: "callout-preview#update" } %>
-            </div>
-          </div>
+          </details>
 
           <% if f.object.ce_config? && event_f.present? %>
             <div class="flex flex-wrap items-center gap-x-6 gap-y-2 rounded-md border border-gray-200 bg-gray-50 px-3 py-2.5">

From eb21436e3f9adb1b5429f6364b02530f79c35e87 Mon Sep 17 00:00:00 2001
From: maebeale <maebeale@users.noreply.github.com>
Date: Fri, 10 Jul 2026 19:15:06 -0400
Subject: [PATCH 20/32] Align callout type/colour/icon and resources toggles on
 one row

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 ...egistration_ticket_callout_fields.html.erb | 105 +++++++++---------
 1 file changed, 53 insertions(+), 52 deletions(-)

diff --git a/app/views/events/_registration_ticket_callout_fields.html.erb b/app/views/events/_registration_ticket_callout_fields.html.erb
index 5c403c95cc..d07a921156 100644
--- a/app/views/events/_registration_ticket_callout_fields.html.erb
+++ b/app/views/events/_registration_ticket_callout_fields.html.erb
@@ -46,39 +46,6 @@
             </div>
           </div>
 
-          <%# Presentation (type / colour / icon) collapsed under a toggle, like the
-              linked-resources section. %>
-          <details class="group">
-            <summary class="flex items-center gap-1.5 cursor-pointer select-none list-none [&::-webkit-details-marker]:hidden text-xs font-medium text-gray-600">
-              <i class="fa-solid fa-chevron-right text-[10px] text-gray-400 transition-transform group-open:rotate-90"></i>
-              Type, colour, and icon
-            </summary>
-            <div class="mt-2 grid grid-cols-1 sm:grid-cols-3 gap-3">
-              <div>
-                <%= f.label :callout_type, "Type", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
-                <%= f.select :callout_type,
-                      RegistrationTicketCallout::CALLOUT_TYPES.map { |t| [ t.humanize, t ] },
-                      {},
-                      class: "w-full rounded border-gray-300 shadow-sm px-2 py-1 text-sm",
-                      data: { callout_preview_target: "typeSelect", action: "callout-preview#update" } %>
-              </div>
-              <div>
-                <%= f.label :color_class, "Colour", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
-                <%= f.select :color_class,
-                      DomainTheme::SWATCH_COLORS.map { |c| [ c.to_s.humanize, c ] },
-                      { include_blank: "Default (by type)" },
-                      class: "w-full rounded border-gray-300 shadow-sm px-2 py-1 text-sm",
-                      data: { callout_preview_target: "colorSelect", action: "callout-preview#update" } %>
-              </div>
-              <div>
-                <%= f.label :icon_class, "Icon", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
-                <%= f.text_field :icon_class,
-                      class: "w-full rounded border-gray-300 shadow-sm px-2 py-1 text-sm font-mono",
-                      data: { callout_preview_target: "iconInput", action: "callout-preview#update" } %>
-              </div>
-            </div>
-          </details>
-
           <% if f.object.ce_config? && event_f.present? %>
             <div class="flex flex-wrap items-center gap-x-6 gap-y-2 rounded-md border border-gray-200 bg-gray-50 px-3 py-2.5">
               <label class="flex items-center gap-2 text-sm text-gray-700">
@@ -97,33 +64,67 @@
         </div>
       </div>
 
-      <%# RIGHT: the call-out's own page — its text and any linked resources %>
+      <%# RIGHT: the call-out's own page text %>
       <div class="min-w-0 space-y-3">
         <div>
           <%= f.label :description, "Callout page text (only opens a page if this is filled out)", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
           <%= f.text_area :description, rows: 4, placeholder: "Accepts basic HTML",
                 class: "w-full rounded border-gray-300 shadow-sm px-2 py-1 text-sm font-mono" %>
         </div>
+      </div>
+    </div>
 
-        <%# Collapsed by default; opened on load only when resources are saved. %>
-        <details class="group" <%= "open" if f.object.registration_ticket_callout_resources.any? %>>
-          <summary class="flex items-center gap-1.5 cursor-pointer select-none list-none [&::-webkit-details-marker]:hidden text-xs font-medium text-gray-600">
-            <i class="fa-solid fa-chevron-right text-[10px] text-gray-400 transition-transform group-open:rotate-90"></i>
-            Linked resources
-          </summary>
-          <div class="mt-1">
-            <p class="text-xs text-gray-500 mb-1">Optional. Shows each resource below the content on the call-out's page (PDF first-page preview, etc.), with a download button when the resource has a downloadable file.</p>
-            <div class="space-y-2">
-              <%= f.fields_for :registration_ticket_callout_resources do |rf| %>
-                <%= render "events/registration_ticket_callout_resource_fields", f: rf %>
-              <% end %>
-            </div>
-            <%= link_to_add_association "➕ Add resource", f, :registration_ticket_callout_resources,
-                  partial: "events/registration_ticket_callout_resource_fields",
-                  class: "mt-1 inline-block text-sm font-medium text-purple-600 hover:text-purple-800" %>
+    <%# Both collapsible sections share one row so their toggles line up. %>
+    <div class="grid grid-cols-1 lg:grid-cols-2 gap-4">
+      <details class="group">
+        <summary class="flex items-center gap-1.5 cursor-pointer select-none list-none [&::-webkit-details-marker]:hidden text-xs font-medium text-gray-600">
+          <i class="fa-solid fa-chevron-right text-[10px] text-gray-400 transition-transform group-open:rotate-90"></i>
+          Type, colour, and icon
+        </summary>
+        <div class="mt-2 grid grid-cols-1 sm:grid-cols-3 gap-3">
+          <div>
+            <%= f.label :callout_type, "Type", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
+            <%= f.select :callout_type,
+                  RegistrationTicketCallout::CALLOUT_TYPES.map { |t| [ t.humanize, t ] },
+                  {},
+                  class: "w-full rounded border-gray-300 shadow-sm px-2 py-1 text-sm",
+                  data: { callout_preview_target: "typeSelect", action: "callout-preview#update" } %>
           </div>
-        </details>
-      </div>
+          <div>
+            <%= f.label :color_class, "Colour", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
+            <%= f.select :color_class,
+                  DomainTheme::SWATCH_COLORS.map { |c| [ c.to_s.humanize, c ] },
+                  { include_blank: "Default (by type)" },
+                  class: "w-full rounded border-gray-300 shadow-sm px-2 py-1 text-sm",
+                  data: { callout_preview_target: "colorSelect", action: "callout-preview#update" } %>
+          </div>
+          <div>
+            <%= f.label :icon_class, "Icon", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
+            <%= f.text_field :icon_class,
+                  class: "w-full rounded border-gray-300 shadow-sm px-2 py-1 text-sm font-mono",
+                  data: { callout_preview_target: "iconInput", action: "callout-preview#update" } %>
+          </div>
+        </div>
+      </details>
+
+      <%# Opened on load only when resources are saved. %>
+      <details class="group" <%= "open" if f.object.registration_ticket_callout_resources.any? %>>
+        <summary class="flex items-center gap-1.5 cursor-pointer select-none list-none [&::-webkit-details-marker]:hidden text-xs font-medium text-gray-600">
+          <i class="fa-solid fa-chevron-right text-[10px] text-gray-400 transition-transform group-open:rotate-90"></i>
+          Linked resources
+        </summary>
+        <div class="mt-1">
+          <p class="text-xs text-gray-500 mb-1">Optional. Shows each resource below the content on the call-out's page (PDF first-page preview, etc.), with a download button when the resource has a downloadable file.</p>
+          <div class="space-y-2">
+            <%= f.fields_for :registration_ticket_callout_resources do |rf| %>
+              <%= render "events/registration_ticket_callout_resource_fields", f: rf %>
+            <% end %>
+          </div>
+          <%= link_to_add_association "➕ Add resource", f, :registration_ticket_callout_resources,
+                partial: "events/registration_ticket_callout_resource_fields",
+                class: "mt-1 inline-block text-sm font-medium text-purple-600 hover:text-purple-800" %>
+        </div>
+      </details>
     </div>
 
     <div class="flex flex-wrap items-center justify-between gap-2">

From 173d5f4b75527b26ef5726ef4a3b6cfca245d9c3 Mon Sep 17 00:00:00 2001
From: maebeale <maebeale@users.noreply.github.com>
Date: Fri, 10 Jul 2026 19:25:40 -0400
Subject: [PATCH 21/32] Apply Restore default on the main form save, not a
 separate request
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

"Restore default" is now a per-row checkbox (reset_to_default) applied during the
normal event save via an after_save that resets the flagged callout to its
template — so it's part of the full form submit. Removed the standalone
restore route/action.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 ...registration_ticket_callouts_controller.rb | 11 -----
 app/models/registration_ticket_callout.rb     | 18 ++++++++
 app/policies/event_policy.rb                  |  2 +-
 ...egistration_ticket_callout_fields.html.erb | 32 ++++++++------
 config/routes.rb                              |  4 +-
 .../registration_ticket_callouts_spec.rb      | 44 +++++++++----------
 6 files changed, 59 insertions(+), 52 deletions(-)

diff --git a/app/controllers/registration_ticket_callouts_controller.rb b/app/controllers/registration_ticket_callouts_controller.rb
index c36f8d52f1..61cbd9d5f6 100644
--- a/app/controllers/registration_ticket_callouts_controller.rb
+++ b/app/controllers/registration_ticket_callouts_controller.rb
@@ -38,17 +38,6 @@ def update
     end
   end
 
-  # Reset a materialized built-in callout's content and default visibility back to
-  # its template, keeping its position. Only magic callouts have a default.
-  def restore
-    @callout = @event.registration_ticket_callouts.find(params[:id])
-    authorize! @callout, to: :update?
-
-    DefaultTicketCallouts.reset(@callout) if @callout.magic?
-    redirect_to edit_event_path(@event, expand: "callouts", anchor: "registration_ticket_callouts"),
-                notice: "Restored the #{@callout.title} callout to its default."
-  end
-
   private
 
   def set_event
diff --git a/app/models/registration_ticket_callout.rb b/app/models/registration_ticket_callout.rb
index bf0e01b2f8..041dcf5987 100644
--- a/app/models/registration_ticket_callout.rb
+++ b/app/models/registration_ticket_callout.rb
@@ -68,6 +68,15 @@ class RegistrationTicketCallout < ApplicationRecord
   scope :magic, -> { where.not(magic_key: nil) }
   scope :custom, -> { where(magic_key: nil) }
 
+  # Reset flagged rows to their template after the save that set the flag. The
+  # flag is cleared first so the reset's own update doesn't recurse.
+  after_save :apply_reset_to_default, if: :reset_to_default?
+
+  def apply_reset_to_default
+    self.reset_to_default = nil
+    DefaultTicketCallouts.reset(self)
+  end
+
   def action?
     callout_type == "action"
   end
@@ -83,6 +92,15 @@ def published=(value)
     self.hidden = !ActiveModel::Type::Boolean.new.cast(value)
   end
 
+  # Set from the editor's "Restore default" checkbox. When checked, the row is
+  # reset to its built-in template as part of the normal event save — no separate
+  # request — overriding whatever else was submitted for it.
+  attr_accessor :reset_to_default
+
+  def reset_to_default?
+    magic? && ActiveModel::Type::Boolean.new.cast(reset_to_default)
+  end
+
   # A seeded built-in callout (Handouts, FAQ, …) rather than an admin-authored
   # one. Magic callouts hide instead of delete and can be reset to default.
   def magic?
diff --git a/app/policies/event_policy.rb b/app/policies/event_policy.rb
index fdf6898bd4..56a73e15f1 100644
--- a/app/policies/event_policy.rb
+++ b/app/policies/event_policy.rb
@@ -159,7 +159,7 @@ def google_analytics?
                   sector_ids: [],
                   primary_asset_attributes: [ :id, :file, :_destroy ],
                   gallery_assets_attributes: [ :id, :file, :_destroy ],
-                  registration_ticket_callouts_attributes: [ :id, :title, :subtitle, :description, :callout_type, :icon_class, :color_class, :payment_access_gated, :published, :_destroy,
+                  registration_ticket_callouts_attributes: [ :id, :title, :subtitle, :description, :callout_type, :icon_class, :color_class, :payment_access_gated, :published, :reset_to_default, :_destroy,
                     { registration_ticket_callout_resources_attributes: [ :id, :resource_id, :_destroy ] } ]
         ]
 
diff --git a/app/views/events/_registration_ticket_callout_fields.html.erb b/app/views/events/_registration_ticket_callout_fields.html.erb
index d07a921156..93310e62e1 100644
--- a/app/views/events/_registration_ticket_callout_fields.html.erb
+++ b/app/views/events/_registration_ticket_callout_fields.html.erb
@@ -47,18 +47,20 @@
           </div>
 
           <% if f.object.ce_config? && event_f.present? %>
-            <div class="flex flex-wrap items-center gap-x-6 gap-y-2 rounded-md border border-gray-200 bg-gray-50 px-3 py-2.5">
-              <label class="flex items-center gap-2 text-sm text-gray-700">
-                CE hours offered
+            <div class="grid grid-cols-2 gap-3 rounded-md border border-gray-200 bg-gray-50 px-3 py-2.5">
+              <div>
+                <%= event_f.label :ce_hours_offered, "CE hours offered", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
                 <%= event_f.number_field :ce_hours_offered, min: 0, step: 0.25,
-                      class: "w-24 rounded-md border-gray-300 text-sm tabular-nums focus:border-teal-500 focus:ring-teal-200" %>
-              </label>
-              <label class="flex items-center gap-2 text-sm text-gray-700">
-                Total CE cost
-                <span class="text-gray-400">$</span>
-                <%= event_f.number_field :ce_hours_cost, min: 0, step: 1,
-                      class: "w-24 rounded-md border-gray-300 text-sm tabular-nums focus:border-teal-500 focus:ring-teal-200" %>
-              </label>
+                      class: "w-full rounded border-gray-300 shadow-sm px-2 py-1 text-sm tabular-nums" %>
+              </div>
+              <div>
+                <%= event_f.label :ce_hours_cost, "Total CE cost", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
+                <div class="relative">
+                  <span class="pointer-events-none absolute inset-y-0 left-2 flex items-center text-sm text-gray-400">$</span>
+                  <%= event_f.number_field :ce_hours_cost, min: 0, step: 1,
+                        class: "w-full rounded border-gray-300 shadow-sm pl-5 pr-2 py-1 text-sm tabular-nums" %>
+                </div>
+              </div>
             </div>
           <% end %>
         </div>
@@ -137,9 +139,11 @@
         <% end %>
         <% if f.object.magic? %>
           <% if f.object.persisted? && DefaultTicketCallouts.customized?(f.object) %>
-            <%= link_to "Restore default", restore_event_registration_ticket_callout_path(@event, f.object),
-                  data: { turbo_method: :post, turbo_confirm: "Reset this built-in callout to its default? Save any other changes first — this reloads the form." },
-                  class: "text-sm text-gray-400 hover:text-purple-700 underline" %>
+            <%# Applied on the main Save, not a separate request. %>
+            <label class="flex items-center gap-2 text-sm text-gray-500">
+              <%= f.check_box :reset_to_default, class: "rounded border-gray-300 text-purple-600" %>
+              Restore to default
+            </label>
           <% else %>
             <span class="text-sm text-gray-300">Matches default</span>
           <% end %>
diff --git a/config/routes.rb b/config/routes.rb
index 55b850f5c0..b107a16572 100644
--- a/config/routes.rb
+++ b/config/routes.rb
@@ -147,9 +147,7 @@
       post :allocate_bulk_payment
       post :create_bulk_payment
     end
-    resources :registration_ticket_callouts, only: [ :show, :update ] do
-      member { post :restore }
-    end
+    resources :registration_ticket_callouts, only: [ :show, :update ]
     resource :registrations, only: %i[ create ], module: :events, as: :registrant_registration
     resource :public_registration, only: [ :new, :create, :show ], module: :events
     resource :bulk_payment, only: [ :new, :create, :show ], module: :events
diff --git a/spec/requests/events/registration_ticket_callouts_spec.rb b/spec/requests/events/registration_ticket_callouts_spec.rb
index 6c3149bc97..53cc0c5223 100644
--- a/spec/requests/events/registration_ticket_callouts_spec.rb
+++ b/spec/requests/events/registration_ticket_callouts_spec.rb
@@ -171,28 +171,25 @@
     end
   end
 
-  describe "POST /events/:event_id/registration_ticket_callouts/:id/restore" do
-    it "restores a magic callout to its default for a manager" do
-      sign_in admin
+  describe "restoring a built-in through the event form" do
+    before { sign_in admin }
+
+    it "resets a callout flagged reset_to_default on the main save" do
       training = create(:event, :publicly_visible, facilitator_training: true)
       callout = create(:registration_ticket_callout, event: training, magic_key: "faq", title: "Edited", hidden: true)
 
-      post restore_event_registration_ticket_callout_path(training, callout)
+      patch event_path(training), params: {
+        event: {
+          title: training.title, start_date: training.start_date, end_date: training.end_date,
+          registration_ticket_callouts_attributes: {
+            "0" => { id: callout.id, title: "Still edited", reset_to_default: "1" }
+          }
+        }
+      }
 
-      expect(response).to redirect_to(edit_event_path(training, expand: "callouts", anchor: "registration_ticket_callouts"))
       expect(callout.reload.title).to eq("Frequently asked questions")
       expect(callout.hidden).to be(false)
     end
-
-    it "is not permitted for a non-manager" do
-      sign_in create(:user)
-      callout = create(:registration_ticket_callout, event:, magic_key: "faq", title: "Edited")
-
-      post restore_event_registration_ticket_callout_path(event, callout)
-
-      expect(response).to redirect_to(root_path)
-      expect(callout.reload.title).to eq("Edited")
-    end
   end
 
   describe "seeding built-in callouts on save" do
@@ -212,19 +209,19 @@
   describe "the event editor" do
     before { sign_in admin }
 
-    it "renders a materialized content callout as an editable field with hide and restore controls" do
-      callout = create(:registration_ticket_callout, event:, magic_key: "faq",
+    it "renders a materialized content callout as an editable field with a restore checkbox" do
+      create(:registration_ticket_callout, event:, magic_key: "faq",
         title: "Frequently asked questions")
 
       get edit_event_path(event)
 
       expect(response).to have_http_status(:ok)
       expect(response.body).to include("name=\"event[registration_ticket_callouts_attributes][0][title]\"")
-      expect(response.body).to include(restore_event_registration_ticket_callout_path(event, callout))
+      expect(response.body).to include("name=\"event[registration_ticket_callouts_attributes][0][reset_to_default]\"")
     end
 
     it "renders a behavioral magic callout with the same editable fields as a custom one" do
-      callout = create(:registration_ticket_callout, event:, magic_key: "certificate",
+      create(:registration_ticket_callout, event:, magic_key: "certificate",
         title: "Certificate of completion")
 
       get edit_event_path(event)
@@ -234,20 +231,21 @@
       expect(response.body).to include("name=\"event[registration_ticket_callouts_attributes][0][description]\"")
       expect(response.body).to include("name=\"event[registration_ticket_callouts_attributes][0][published]\"")
       expect(response.body).to include("Add resource") # every built-in can link resources now
-      expect(response.body).to include(restore_event_registration_ticket_callout_path(event, callout))
+      expect(response.body).to include("name=\"event[registration_ticket_callouts_attributes][0][reset_to_default]\"")
     end
 
-    it "hides Restore default until the built-in has been customized" do
+    it "shows the restore checkbox only once the built-in has been customized" do
       # Seed unedited built-ins, then load the editor.
       DefaultTicketCallouts.seed(event)
       faq = event.registration_ticket_callouts.find_by(magic_key: "faq")
 
       get edit_event_path(event)
-      expect(response.body).not_to include(restore_event_registration_ticket_callout_path(event, faq))
+      expect(response.body).to include("Matches default")
+      expect(response.body).not_to include("reset_to_default")
 
       faq.update!(title: "Our FAQ")
       get edit_event_path(event)
-      expect(response.body).to include(restore_event_registration_ticket_callout_path(event, faq))
+      expect(response.body).to include("reset_to_default")
     end
 
     it "gives the Forms card an add-another linked-resource picker" do

From c76b342c36155f8942042ef3b633aac22c8e9602 Mon Sep 17 00:00:00 2001
From: maebeale <maebeale@users.noreply.github.com>
Date: Sat, 11 Jul 2026 07:14:10 -0400
Subject: [PATCH 22/32] Move Matches/Restore default beside the Published
 toggle on the right

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 .../_registration_ticket_callout_fields.html.erb  | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/app/views/events/_registration_ticket_callout_fields.html.erb b/app/views/events/_registration_ticket_callout_fields.html.erb
index 93310e62e1..fdaf7a3209 100644
--- a/app/views/events/_registration_ticket_callout_fields.html.erb
+++ b/app/views/events/_registration_ticket_callout_fields.html.erb
@@ -136,7 +136,11 @@
             <%= f.check_box :payment_access_gated, class: "rounded border-gray-300 text-purple-600" %>
             Only show once payment is made or committed
           </label>
+          <%= link_to_remove_association "Remove", f,
+                class: "text-sm text-gray-400 hover:text-red-600 underline" %>
         <% end %>
+      </div>
+      <div class="flex flex-wrap items-center gap-x-6 gap-y-2">
         <% if f.object.magic? %>
           <% if f.object.persisted? && DefaultTicketCallouts.customized?(f.object) %>
             <%# Applied on the main Save, not a separate request. %>
@@ -147,15 +151,12 @@
           <% else %>
             <span class="text-sm text-gray-300">Matches default</span>
           <% end %>
-        <% else %>
-          <%= link_to_remove_association "Remove", f,
-                class: "text-sm text-gray-400 hover:text-red-600 underline" %>
         <% end %>
+        <label class="flex items-center gap-2 text-sm text-gray-600">
+          <%= f.check_box :published, class: "rounded border-gray-300 text-purple-600" %>
+          Published
+        </label>
       </div>
-      <label class="flex items-center gap-2 text-sm text-gray-600">
-        <%= f.check_box :published, class: "rounded border-gray-300 text-purple-600" %>
-        Published
-      </label>
     </div>
   </div>
 </div>

From 5836fd3ffe47fc6f90b83b3e3dd9ba53bef1c77b Mon Sep 17 00:00:00 2001
From: maebeale <maebeale@users.noreply.github.com>
Date: Sat, 11 Jul 2026 07:27:16 -0400
Subject: [PATCH 23/32] Keep Payment's live-status colour; note the new-event
 callout flow
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Payment (APP_COLORED_MAGIC_KEYS) keeps its dynamic card colour — orange while a
  balance is due, blue once paid — overriding the selected colour; the editor
  notes this under the colour picker. Other cards honour the row's colour, and the
  amber "action needed" badges (scholarship, CE, payment) were always retained.
- Add a note in the callouts section telling admins to save a new event first and
  return to edit its built-in callouts (they're materialized on save). Refresh the
  now-stale section intro.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 app/models/registration_ticket_callout.rb     | 11 +++++++
 app/policies/event_policy.rb                  |  2 +-
 app/services/default_ticket_callouts.rb       |  1 +
 app/services/magic_ticket_callouts.rb         |  4 ++-
 app/views/events/_form.html.erb               |  9 +++++-
 ...egistration_ticket_callout_fields.html.erb | 31 +++++++++++++------
 ...on_ticket_callout_resource_fields.html.erb |  2 +-
 .../registration_ticket_callouts_spec.rb      | 16 ++++++++++
 spec/services/default_ticket_callouts_spec.rb | 14 +++++++++
 spec/services/magic_ticket_callouts_spec.rb   | 23 +++++++++-----
 10 files changed, 92 insertions(+), 21 deletions(-)

diff --git a/app/models/registration_ticket_callout.rb b/app/models/registration_ticket_callout.rb
index 041dcf5987..e78f61a5f7 100644
--- a/app/models/registration_ticket_callout.rb
+++ b/app/models/registration_ticket_callout.rb
@@ -25,6 +25,11 @@ class RegistrationTicketCallout < ApplicationRecord
   # row (CE hours offered / cost); their text lives on the row like everything else.
   CONFIG_MAGIC_KEYS = %w[ ce_hours ].freeze
 
+  # Built-ins whose card colour the app sets from live status — e.g. Payment turns
+  # orange while a balance is due and blue once it's paid. For these, the app
+  # colour overrides the selected one (see MagicTicketCallouts#card_for).
+  APP_COLORED_MAGIC_KEYS = %w[ payment ].freeze
+
   # Per-type fallbacks for the icon and colour. These are callout-specific (unlike
   # the generic colour swatches and palette, which live in DomainTheme so the whole
   # app can reuse them for tinted boxes — amount-due, scholarship box, etc.).
@@ -118,6 +123,12 @@ def ce_config?
     CONFIG_MAGIC_KEYS.include?(magic_key.to_s)
   end
 
+  # Whether the app sets this card's colour from live status, overriding the
+  # selected colour (so the editor notes it under the colour picker).
+  def app_colored?
+    APP_COLORED_MAGIC_KEYS.include?(magic_key.to_s)
+  end
+
   # Whether the callout is drip-scheduled to appear only from a future date.
   def dripping?(now = Time.current)
     display_from.present? && display_from > now
diff --git a/app/policies/event_policy.rb b/app/policies/event_policy.rb
index 56a73e15f1..d25f0edb02 100644
--- a/app/policies/event_policy.rb
+++ b/app/policies/event_policy.rb
@@ -159,7 +159,7 @@ def google_analytics?
                   sector_ids: [],
                   primary_asset_attributes: [ :id, :file, :_destroy ],
                   gallery_assets_attributes: [ :id, :file, :_destroy ],
-                  registration_ticket_callouts_attributes: [ :id, :title, :subtitle, :description, :callout_type, :icon_class, :color_class, :payment_access_gated, :published, :reset_to_default, :_destroy,
+                  registration_ticket_callouts_attributes: [ :id, :title, :subtitle, :description, :callout_type, :icon_class, :color_class, :display_from, :payment_access_gated, :published, :reset_to_default, :_destroy,
                     { registration_ticket_callout_resources_attributes: [ :id, :resource_id, :_destroy ] } ]
         ]
 
diff --git a/app/services/default_ticket_callouts.rb b/app/services/default_ticket_callouts.rb
index f812658bdd..11c9b52aee 100644
--- a/app/services/default_ticket_callouts.rb
+++ b/app/services/default_ticket_callouts.rb
@@ -119,6 +119,7 @@ def customized?(callout)
       callout.icon_class != definition[:icon_class] ||
       callout.color_class != definition[:color_class] ||
       callout.hidden != definition[:hidden].call(@event) ||
+      callout.display_from != definition[:display_from]&.call(@event) ||
       callout.resource_ids.sort != Array(definition[:resources]&.call).map(&:id).sort
   end
 
diff --git a/app/services/magic_ticket_callouts.rb b/app/services/magic_ticket_callouts.rb
index 95f2580aea..8cd7a19b6d 100644
--- a/app/services/magic_ticket_callouts.rb
+++ b/app/services/magic_ticket_callouts.rb
@@ -96,7 +96,9 @@ def card_for(callout)
       title: callout.title,
       subtitle: callout.subtitle,
       icon_class: callout.display_icon_class,
-      color: callout.color_class.presence || base.color
+      # Payment (and any app-coloured card) keeps its live status colour, which
+      # overrides the selected one; everything else honours the row's colour.
+      color: callout.app_colored? ? base.color : (callout.color_class.presence || base.color)
     )
   end
 
diff --git a/app/views/events/_form.html.erb b/app/views/events/_form.html.erb
index 6d13f25b4e..f67d22fb92 100644
--- a/app/views/events/_form.html.erb
+++ b/app/views/events/_form.html.erb
@@ -498,7 +498,14 @@
       </button>
 
       <div id="registration_ticket_callouts_panel" class="hidden border border-gray-300 p-4 rounded-b-md">
-        <p class="text-sm text-gray-500 mb-4">Call-outs shown on the registration ticket — each links to its own page. The built-in cards below are managed by the app, which decides when each appears; a few (shown in colour, with fields) let you edit their text here, while the rest (greyed out) are preview-only. Below them, add your own call-outs for actions (forms to download, balances to pay) or reference reading (parking, policies, what to bring). New custom callouts save in the order shown; drag the handle to reorder saved callouts.</p>
+        <p class="text-sm text-gray-500 mb-4">Call-outs shown on the registration ticket — each can link to its own page. Built-in callouts (Payment, CE hours, Handouts, …) are pre-filled and editable here; the app supplies their live status and links. Add your own call-outs below for actions (forms to download, balances to pay) or reference reading (parking, policies, what to bring). Drag the handle to reorder.</p>
+
+        <% unless @event.persisted? %>
+          <div class="mb-4 rounded-md border border-amber-300 bg-amber-50 px-3 py-2 text-sm text-amber-800">
+            <i class="fa-solid fa-circle-info mr-1"></i>
+            Save this new event first, then come back here — its built-in callouts are created when the event is saved, and you can edit them after.
+          </div>
+        <% end %>
 
         <%# Built-in cards not yet materialized on this event show as greyed
             previews for context; once the event is saved they become editable,
diff --git a/app/views/events/_registration_ticket_callout_fields.html.erb b/app/views/events/_registration_ticket_callout_fields.html.erb
index fdaf7a3209..d529d82837 100644
--- a/app/views/events/_registration_ticket_callout_fields.html.erb
+++ b/app/views/events/_registration_ticket_callout_fields.html.erb
@@ -37,12 +37,12 @@
             <div>
               <%= f.label :title, "Title", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
               <%= f.text_field :title, required: true,
-                    class: "w-full rounded border-gray-300 shadow-sm px-2 py-1 text-sm" %>
+                    class: "w-full rounded border-gray-300 bg-white shadow-sm px-2 py-1 text-sm" %>
             </div>
             <div>
               <%= f.label :subtitle, "Subtitle", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
               <%= f.text_field :subtitle,
-                    class: "w-full rounded border-gray-300 shadow-sm px-2 py-1 text-sm" %>
+                    class: "w-full rounded border-gray-300 bg-white shadow-sm px-2 py-1 text-sm" %>
             </div>
           </div>
 
@@ -51,14 +51,14 @@
               <div>
                 <%= event_f.label :ce_hours_offered, "CE hours offered", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
                 <%= event_f.number_field :ce_hours_offered, min: 0, step: 0.25,
-                      class: "w-full rounded border-gray-300 shadow-sm px-2 py-1 text-sm tabular-nums" %>
+                      class: "w-full rounded border-gray-300 bg-white shadow-sm px-2 py-1 text-sm tabular-nums" %>
               </div>
               <div>
                 <%= event_f.label :ce_hours_cost, "Total CE cost", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
                 <div class="relative">
                   <span class="pointer-events-none absolute inset-y-0 left-2 flex items-center text-sm text-gray-400">$</span>
                   <%= event_f.number_field :ce_hours_cost, min: 0, step: 1,
-                        class: "w-full rounded border-gray-300 shadow-sm pl-5 pr-2 py-1 text-sm tabular-nums" %>
+                        class: "w-full rounded border-gray-300 bg-white shadow-sm pl-5 pr-2 py-1 text-sm tabular-nums" %>
                 </div>
               </div>
             </div>
@@ -71,7 +71,7 @@
         <div>
           <%= f.label :description, "Callout page text (only opens a page if this is filled out)", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
           <%= f.text_area :description, rows: 4, placeholder: "Accepts basic HTML",
-                class: "w-full rounded border-gray-300 shadow-sm px-2 py-1 text-sm font-mono" %>
+                class: "w-full rounded border-gray-300 bg-white shadow-sm px-2 py-1 text-sm font-mono" %>
         </div>
       </div>
     </div>
@@ -81,15 +81,17 @@
       <details class="group">
         <summary class="flex items-center gap-1.5 cursor-pointer select-none list-none [&::-webkit-details-marker]:hidden text-xs font-medium text-gray-600">
           <i class="fa-solid fa-chevron-right text-[10px] text-gray-400 transition-transform group-open:rotate-90"></i>
-          Type, colour, and icon
+          Type, colour, icon, and display date
         </summary>
-        <div class="mt-2 grid grid-cols-1 sm:grid-cols-3 gap-3">
+        <%# Two rows of two: type + colour, then icon + the drip date that gates
+            when the callout first shows on the ticket. %>
+        <div class="mt-2 grid grid-cols-1 sm:grid-cols-2 gap-3">
           <div>
             <%= f.label :callout_type, "Type", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
             <%= f.select :callout_type,
                   RegistrationTicketCallout::CALLOUT_TYPES.map { |t| [ t.humanize, t ] },
                   {},
-                  class: "w-full rounded border-gray-300 shadow-sm px-2 py-1 text-sm",
+                  class: "w-full rounded border-gray-300 bg-white shadow-sm px-2 py-1 text-sm",
                   data: { callout_preview_target: "typeSelect", action: "callout-preview#update" } %>
           </div>
           <div>
@@ -97,15 +99,24 @@
             <%= f.select :color_class,
                   DomainTheme::SWATCH_COLORS.map { |c| [ c.to_s.humanize, c ] },
                   { include_blank: "Default (by type)" },
-                  class: "w-full rounded border-gray-300 shadow-sm px-2 py-1 text-sm",
+                  class: "w-full rounded border-gray-300 bg-white shadow-sm px-2 py-1 text-sm",
                   data: { callout_preview_target: "colorSelect", action: "callout-preview#update" } %>
+            <% if f.object.app_colored? %>
+              <p class="text-xs text-gray-400 mt-0.5">The app overrides this with a live-status colour when action is needed (e.g. orange while a balance is due).</p>
+            <% end %>
           </div>
           <div>
             <%= f.label :icon_class, "Icon", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
             <%= f.text_field :icon_class,
-                  class: "w-full rounded border-gray-300 shadow-sm px-2 py-1 text-sm font-mono",
+                  class: "w-full rounded border-gray-300 bg-white shadow-sm px-2 py-1 text-sm font-mono",
                   data: { callout_preview_target: "iconInput", action: "callout-preview#update" } %>
           </div>
+          <div>
+            <%= f.label :display_from, "Display date", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
+            <%= f.date_field :display_from,
+                  class: "w-full rounded border-gray-300 bg-white shadow-sm px-2 py-1 text-sm" %>
+            <p class="text-xs text-gray-500 mt-0.5">Drips onto the ticket on and after this date. Leave blank to show right away.</p>
+          </div>
         </div>
       </details>
 
diff --git a/app/views/events/_registration_ticket_callout_resource_fields.html.erb b/app/views/events/_registration_ticket_callout_resource_fields.html.erb
index 2dc9a1d2a8..d8f1c4bd51 100644
--- a/app/views/events/_registration_ticket_callout_resource_fields.html.erb
+++ b/app/views/events/_registration_ticket_callout_resource_fields.html.erb
@@ -3,7 +3,7 @@
 <div class="nested-fields flex items-center gap-2">
   <%= f.collection_select :resource_id, Resource.order(:title), :id, :title,
         { include_blank: "Select a document…" },
-        class: "flex-1 min-w-0 rounded border-gray-300 shadow-sm px-2 py-1 text-sm" %>
+        class: "flex-1 min-w-0 rounded border-gray-300 bg-white shadow-sm px-2 py-1 text-sm" %>
   <%= link_to_remove_association "✖", f,
         class: "shrink-0 text-gray-400 hover:text-red-600 font-bold text-xs" %>
 </div>
diff --git a/spec/requests/events/registration_ticket_callouts_spec.rb b/spec/requests/events/registration_ticket_callouts_spec.rb
index 53cc0c5223..7795d06709 100644
--- a/spec/requests/events/registration_ticket_callouts_spec.rb
+++ b/spec/requests/events/registration_ticket_callouts_spec.rb
@@ -145,6 +145,22 @@
       callout = event.registration_ticket_callouts.reload.find_by(title: "Workbook")
       expect(callout.resources).to eq([ resource ])
     end
+
+    it "saves a callout's drip display date through nested attributes" do
+      patch event_path(event), params: {
+        event: {
+          title: event.title,
+          start_date: event.start_date,
+          end_date: event.end_date,
+          registration_ticket_callouts_attributes: {
+            "0" => { title: "Handbook", callout_type: "reference", display_from: "2026-08-01" }
+          }
+        }
+      }
+
+      callout = event.registration_ticket_callouts.reload.find_by(title: "Handbook")
+      expect(callout.display_from.to_date).to eq(Date.new(2026, 8, 1))
+    end
   end
 
   describe "PATCH /events/:event_id/registration_ticket_callouts/:id (reorder)" do
diff --git a/spec/services/default_ticket_callouts_spec.rb b/spec/services/default_ticket_callouts_spec.rb
index be5d5bc92e..e46f60b23d 100644
--- a/spec/services/default_ticket_callouts_spec.rb
+++ b/spec/services/default_ticket_callouts_spec.rb
@@ -114,6 +114,20 @@
       expect(described_class.customized?(faq.reload)).to be(false)
     end
 
+    it "treats a changed drip display date as customized" do
+      event = create(:event, facilitator_training: true)
+      described_class.seed(event)
+      faq = event.registration_ticket_callouts.find_by(magic_key: "faq")
+
+      expect(described_class.customized?(faq)).to be(false)
+
+      faq.update!(display_from: Date.new(2026, 8, 1))
+      expect(described_class.customized?(faq)).to be(true)
+
+      described_class.reset(faq)
+      expect(described_class.customized?(faq.reload)).to be(false)
+    end
+
     it "seeds the FAQ card with the default training content" do
       event = create(:event)
 
diff --git a/spec/services/magic_ticket_callouts_spec.rb b/spec/services/magic_ticket_callouts_spec.rb
index 06150e8fac..167f7071b1 100644
--- a/spec/services/magic_ticket_callouts_spec.rb
+++ b/spec/services/magic_ticket_callouts_spec.rb
@@ -162,17 +162,26 @@ def card(reg, title)
   end
 
   describe "#card_for" do
-    it "uses the row's editable presentation but the app's live badge/link" do
+    it "uses the row's editable presentation (title/subtitle/colour) but the app's live badge/link" do
+      # Forms isn't app-coloured, so the row's colour is honoured.
+      callout = create(:registration_ticket_callout, event:, magic_key: "forms",
+        title: "Your documents", subtitle: "Downloads", color_class: "green")
+
+      card = described_class.new(registration).card_for(callout)
+      expect(card.title).to eq("Your documents")         # from the row
+      expect(card.subtitle).to eq("Downloads")           # from the row
+      expect(card.theme).to eq(DomainTheme.swatch("green")) # from the row
+    end
+
+    it "keeps Payment's live-status colour, overriding the selected colour" do
       event.update!(cost_cents: 5_000)
-      # Admin renamed and recoloured the payment card.
       callout = create(:registration_ticket_callout, event:, magic_key: "payment",
-        title: "Pay your balance", subtitle: "See what you owe", color_class: "green")
+        title: "Pay your balance", color_class: "green")
 
       card = described_class.new(registration).card_for(callout)
-      expect(card.title).to eq("Pay your balance")       # from the row
-      expect(card.subtitle).to eq("See what you owe")    # from the row
-      expect(card.theme).to eq(DomainTheme.swatch("green")) # from the row
-      expect(card.badge).to end_with("due")              # app-supplied live status
+      expect(card.title).to eq("Pay your balance")          # row still owns text
+      expect(card.theme).to eq(DomainTheme.swatch("orange")) # app colour (balance due), not green
+      expect(card.badge).to end_with("due")
     end
 
     it "returns nil when the card shouldn't show for this registration" do

From 3947e5a69b849daeec86990e172df8eb325dc172 Mon Sep 17 00:00:00 2001
From: maebeale <maebeale@users.noreply.github.com>
Date: Sat, 11 Jul 2026 07:37:37 -0400
Subject: [PATCH 24/32] Turn Scholarship and CE cards amber when action is
 needed
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Scholarship (award tasks outstanding) and CE hours (hours/license needed) now
flip their card colour to amber — the app-controlled action colour — like Payment
turns orange while a balance is due. Added both to APP_COLORED_MAGIC_KEYS so the
app colour overrides the selected one, and generalized the colour-picker hint.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 app/models/registration_ticket_callout.rb     | 20 +++++++++------
 app/services/magic_ticket_callouts.rb         | 10 ++++++--
 .../_callout_card.html.erb                    |  2 +-
 ...egistration_ticket_callout_fields.html.erb | 25 ++++++++++++++++---
 spec/services/magic_ticket_callouts_spec.rb   | 12 ++++++++-
 5 files changed, 53 insertions(+), 16 deletions(-)

diff --git a/app/models/registration_ticket_callout.rb b/app/models/registration_ticket_callout.rb
index e78f61a5f7..111f8680d7 100644
--- a/app/models/registration_ticket_callout.rb
+++ b/app/models/registration_ticket_callout.rb
@@ -25,20 +25,24 @@ class RegistrationTicketCallout < ApplicationRecord
   # row (CE hours offered / cost); their text lives on the row like everything else.
   CONFIG_MAGIC_KEYS = %w[ ce_hours ].freeze
 
-  # Built-ins whose card colour the app sets from live status — e.g. Payment turns
-  # orange while a balance is due and blue once it's paid. For these, the app
-  # colour overrides the selected one (see MagicTicketCallouts#card_for).
-  APP_COLORED_MAGIC_KEYS = %w[ payment ].freeze
+  # Built-ins whose card colour the app sets from live status — Payment turns
+  # orange while a balance is due, and Scholarship / CE hours turn amber while the
+  # registrant has something outstanding. For these, the app colour overrides the
+  # selected one (see MagicTicketCallouts#card_for).
+  APP_COLORED_MAGIC_KEYS = %w[ payment scholarship ce_hours ].freeze
 
   # Per-type fallbacks for the icon and colour. These are callout-specific (unlike
   # the generic colour swatches and palette, which live in DomainTheme so the whole
   # app can reuse them for tinted boxes — amount-due, scholarship box, etc.).
-  DEFAULT_ICONS = { "action" => "fa-solid fa-arrow-right", "reference" => "fa-solid fa-circle-info" }.freeze
+  # The leading icon defaults to the info "i"; the trailing "go to page" arrow
+  # lives on the right (see _callout_card). Both types share the same leading
+  # fallback so a callout without a custom icon always reads as informational.
+  DEFAULT_ICONS = { "action" => "fa-solid fa-circle-info", "reference" => "fa-solid fa-circle-info" }.freeze
   DEFAULT_COLORS = { "action" => "orange", "reference" => "indigo" }.freeze
 
-  # New callouts start with the arrow icon pre-filled (the "action" default) so
-  # admins see a sensible value rather than an empty field. Loaded records keep
-  # their stored value; a blank one still falls back via #display_icon_class.
+  # New callouts start with the info icon pre-filled so admins see a sensible
+  # value rather than an empty field. Loaded records keep their stored value; a
+  # blank one still falls back via #display_icon_class.
   attribute :icon_class, :string, default: -> { DEFAULT_ICONS["action"] }
 
   belongs_to :event
diff --git a/app/services/magic_ticket_callouts.rb b/app/services/magic_ticket_callouts.rb
index 8cd7a19b6d..fbb06ec3ea 100644
--- a/app/services/magic_ticket_callouts.rb
+++ b/app/services/magic_ticket_callouts.rb
@@ -152,7 +152,10 @@ def scholarship_status_card
     return unless registration.scholarship_requested?
     awarded = registration.scholarship?
     tasks_outstanding = awarded && !registration.scholarship_tasks_met?
-    Card.new(icon_class: "fa-solid fa-award", color: DomainTheme.color_for(:scholarships).to_s,
+    Card.new(icon_class: "fa-solid fa-award",
+             # Amber while award tasks are outstanding (action needed), otherwise
+             # the scholarship colour.
+             color: tasks_outstanding ? "amber" : DomainTheme.color_for(:scholarships).to_s,
              title: "Scholarship",
              subtitle: awarded ? "Your award — amount, funder, and tasks" : "Your scholarship request status",
              href: registration_scholarship_path(registration.slug),
@@ -173,7 +176,10 @@ def scholarship_badge(awarded, tasks_outstanding)
   def ce_hours_card
     return unless registration.ce_credit_requested?
     complete = registration.ce_hours_requested.present? && registration.ce_license_provided?
-    Card.new(icon_class: "fa-solid fa-graduation-cap", color: "teal",
+    Card.new(icon_class: "fa-solid fa-graduation-cap",
+             # Amber while hours/license are still needed (action needed), teal
+             # once complete.
+             color: complete ? "teal" : "amber",
              title: event.ce_hours_details_label,
              subtitle: ce_hours_subtitle,
              href: registration_ce_path(registration.slug),
diff --git a/app/views/event_registrations/_callout_card.html.erb b/app/views/event_registrations/_callout_card.html.erb
index 5102a66c1f..9017e370b6 100644
--- a/app/views/event_registrations/_callout_card.html.erb
+++ b/app/views/event_registrations/_callout_card.html.erb
@@ -11,7 +11,7 @@
 <% href = local_assigns.fetch(:href) { callout.href } %>
 <% target = local_assigns.fetch(:target) { callout.try(:target) } %>
 <% trailing = local_assigns.fetch(:trailing_icon) { callout.try(:trailing_icon) }.presence ||
-              (callout.action? ? "fa-solid fa-arrow-right" : "fa-solid fa-circle-info") %>
+              "fa-solid fa-arrow-right" %>
 <% badge = callout.try(:badge) %>
 <% badge_classes = callout.try(:badge_classes).presence || "bg-amber-100 text-amber-800 border border-amber-300" %>
 <% card_class = "flex items-center gap-3 rounded-xl border-2 #{theme[:border]} #{theme[:bg]} px-4 py-3 #{theme[:hover]} transition-colors" %>
diff --git a/app/views/events/_registration_ticket_callout_fields.html.erb b/app/views/events/_registration_ticket_callout_fields.html.erb
index d529d82837..1b26a064d6 100644
--- a/app/views/events/_registration_ticket_callout_fields.html.erb
+++ b/app/views/events/_registration_ticket_callout_fields.html.erb
@@ -26,12 +26,29 @@
       </div>
     <% end %>
 
+    <%# Live preview of how this callout appears on the ticket — the same card
+        registrants see (icon, title, subtitle, themed colour). Seeded from the
+        record and repainted by the callout-preview controller as the admin edits
+        the title, subtitle, type, colour, or icon. The badge and live status the
+        app supplies at render time aren't shown here. %>
+    <% preview_theme = f.object.theme %>
+    <div class="flex items-center gap-3 rounded-xl border-2 <%= preview_theme[:border] %> <%= preview_theme[:bg] %> px-4 py-3"
+         data-callout-preview-target="capper">
+      <i class="<%= f.object.display_icon_class %> <%= preview_theme[:icon] %> text-xl shrink-0"
+         data-callout-preview-target="capperIcon" aria-hidden="true"></i>
+      <div class="flex-1 min-w-0 text-left">
+        <p class="font-semibold <%= preview_theme[:title] %>" data-callout-preview-target="capperTitle"><%= f.object.title %></p>
+        <p class="text-sm <%= preview_theme[:subtitle] %> <%= "hidden" if f.object.subtitle.blank? %>"
+           data-callout-preview-target="capperSubtitle"><%= f.object.subtitle %></p>
+      </div>
+      <i class="fa-solid fa-arrow-right <%= preview_theme[:icon] %> shrink-0"
+         data-callout-preview-target="capperArrow" aria-hidden="true"></i>
+    </div>
+
     <%# Two columns that collapse to one as the viewport narrows: the call-out's
         identity (title + presentation) on the left, its page content on the right. %>
     <div class="grid grid-cols-1 lg:grid-cols-2 gap-4">
-      <div class="flex items-start gap-3 min-w-0">
-        <i class="w-6 shrink-0 text-center text-xl pt-6" data-callout-preview-target="leadingIcon" aria-hidden="true"></i>
-
+      <div class="min-w-0">
         <div class="flex-1 min-w-0 space-y-3">
           <div class="space-y-3">
             <div>
@@ -102,7 +119,7 @@
                   class: "w-full rounded border-gray-300 bg-white shadow-sm px-2 py-1 text-sm",
                   data: { callout_preview_target: "colorSelect", action: "callout-preview#update" } %>
             <% if f.object.app_colored? %>
-              <p class="text-xs text-gray-400 mt-0.5">The app overrides this with a live-status colour when action is needed (e.g. orange while a balance is due).</p>
+              <p class="text-xs text-gray-400 mt-0.5">The app overrides this with a live-status colour when the registrant has action to take (e.g. amber while something's outstanding, orange while a balance is due).</p>
             <% end %>
           </div>
           <div>
diff --git a/spec/services/magic_ticket_callouts_spec.rb b/spec/services/magic_ticket_callouts_spec.rb
index 167f7071b1..ea005e6fbe 100644
--- a/spec/services/magic_ticket_callouts_spec.rb
+++ b/spec/services/magic_ticket_callouts_spec.rb
@@ -94,7 +94,7 @@ def card(reg, title)
     it "shows an amber 'what's needed' CE badge until complete, then a teal amount due" do
       registration.update!(ce_credit_requested: true, ce_hours_requested: nil, ce_license_number: nil)
       both = card(registration, event.ce_hours_details_label)
-      expect(both.theme).to eq(DomainTheme.swatch("teal"))
+      expect(both.theme).to eq(DomainTheme.swatch("amber")) # action needed
       expect(both.subtitle).to eq("Continuing education credit")
       expect(both.badge).to eq("Hours & license number needed")
       expect(both.badge_classes).to be_nil
@@ -110,6 +110,7 @@ def card(reg, title)
 
       registration.update!(ce_hours_requested: 6, ce_license_number: "LIC123")
       complete = card(registration, event.ce_hours_details_label)
+      expect(complete.theme).to eq(DomainTheme.swatch("teal")) # no longer action needed
       expect(complete.subtitle).to eq("6 hours")
       expect(complete.badge).to eq("$150 due")
       expect(complete.badge_classes).to include("teal")
@@ -121,6 +122,15 @@ def card(reg, title)
       scholarship_card = card(registration, "Scholarship")
       expect(scholarship_card.subtitle).to eq("Your scholarship request status")
       expect(scholarship_card.badge).to be_nil
+      expect(scholarship_card.theme).to eq(DomainTheme.swatch(DomainTheme.color_for(:scholarships)))
+    end
+
+    it "turns the scholarship card amber while award tasks are outstanding" do
+      registration.update!(scholarship_requested: true)
+      scholarship = create(:scholarship, recipient: registration.registrant, tasks_completed: false)
+      create(:allocation, source: scholarship, allocatable: registration, amount: 1000)
+
+      expect(card(registration, "Scholarship").theme).to eq(DomainTheme.swatch("amber"))
     end
 
     it "flags an awarded scholarship with outstanding tasks in an amber chip" do

From 08ab050b55df5e6bfb6659603b24f9651edbb2fd Mon Sep 17 00:00:00 2001
From: Justin Miller <16829344+jmilljr24@users.noreply.github.com>
Date: Sun, 12 Jul 2026 14:32:14 -0400
Subject: [PATCH 25/32] make index unique

---
 db/migrate/20260712183112_unique_magic_key_event_index.rb | 6 ++++++
 db/schema.rb                                              | 6 +++---
 2 files changed, 9 insertions(+), 3 deletions(-)
 create mode 100644 db/migrate/20260712183112_unique_magic_key_event_index.rb

diff --git a/db/migrate/20260712183112_unique_magic_key_event_index.rb b/db/migrate/20260712183112_unique_magic_key_event_index.rb
new file mode 100644
index 0000000000..1bae2c0ff2
--- /dev/null
+++ b/db/migrate/20260712183112_unique_magic_key_event_index.rb
@@ -0,0 +1,6 @@
+class UniqueMagicKeyEventIndex < ActiveRecord::Migration[8.1]
+  def change
+    remove_index :registration_ticket_callouts, column: [:event_id, :magic_key]
+    add_index :registration_ticket_callouts, [:event_id, :magic_key], unique: true
+  end
+end
diff --git a/db/schema.rb b/db/schema.rb
index 239ca2a9c4..ee633774d4 100644
--- a/db/schema.rb
+++ b/db/schema.rb
@@ -10,7 +10,7 @@
 #
 # It's strongly recommended that you check this file into your version control system.
 
-ActiveRecord::Schema[8.1].define(version: 2026_07_11_193528) do
+ActiveRecord::Schema[8.1].define(version: 2026_07_12_183112) do
   create_table "action_text_mentions", charset: "utf8mb4", collation: "utf8mb4_unicode_ci", force: :cascade do |t|
     t.bigint "action_text_rich_text_id", null: false
     t.datetime "created_at", null: false
@@ -1102,7 +1102,7 @@
     t.string "subtitle"
     t.string "title", null: false
     t.datetime "updated_at", null: false
-    t.index ["event_id", "magic_key"], name: "index_registration_ticket_callouts_on_event_id_and_magic_key"
+    t.index ["event_id", "magic_key"], name: "index_registration_ticket_callouts_on_event_id_and_magic_key", unique: true
     t.index ["event_id", "position"], name: "index_registration_ticket_callouts_on_event_id_and_position"
     t.index ["event_id"], name: "index_registration_ticket_callouts_on_event_id"
   end
@@ -1377,7 +1377,7 @@
     t.bigint "item_id", null: false
     t.string "item_type", null: false
     t.text "object", size: :long
-    t.text "object_changes"
+    t.text "object_changes", size: :long
     t.string "whodunnit"
     t.index ["item_type", "item_id"], name: "index_versions_on_item_type_and_item_id"
   end

From 5e3c73541bcf258737c0a49b50014426843055bf Mon Sep 17 00:00:00 2001
From: Justin Miller <16829344+jmilljr24@users.noreply.github.com>
Date: Sun, 12 Jul 2026 14:59:44 -0400
Subject: [PATCH 26/32] show/hidde callout edit on publish checkbox

---
 ...egistration_ticket_callout_fields.html.erb | 278 +++++++++---------
 1 file changed, 139 insertions(+), 139 deletions(-)

diff --git a/app/views/events/_registration_ticket_callout_fields.html.erb b/app/views/events/_registration_ticket_callout_fields.html.erb
index 1b26a064d6..26ef077e39 100644
--- a/app/views/events/_registration_ticket_callout_fields.html.erb
+++ b/app/views/events/_registration_ticket_callout_fields.html.erb
@@ -18,146 +18,163 @@
     </div>
   <% end %>
 
-  <div class="flex-1 min-w-0 space-y-3">
-    <% if f.object.magic? %>
-      <div class="flex items-center gap-2">
-        <span class="inline-flex items-center rounded-full bg-purple-100 px-2 py-0.5 text-xs font-medium text-purple-700">Built in</span>
-        <span class="text-xs text-gray-400">Pre-filled defaults you can edit; the app supplies its live status and links.</span>
-      </div>
-    <% end %>
+  <div class="flex-1 min-w-0">
+    <%# Peer checkbox (first sibling) drives show/hide of the editable content below. %>
+    <%= f.check_box :published, class: "peer h-5 w-5 rounded border-gray-300 text-purple-600" %>
 
-    <%# Live preview of how this callout appears on the ticket — the same card
-        registrants see (icon, title, subtitle, themed colour). Seeded from the
-        record and repainted by the callout-preview controller as the admin edits
-        the title, subtitle, type, colour, or icon. The badge and live status the
-        app supplies at render time aren't shown here. %>
-    <% preview_theme = f.object.theme %>
-    <div class="flex items-center gap-3 rounded-xl border-2 <%= preview_theme[:border] %> <%= preview_theme[:bg] %> px-4 py-3"
-         data-callout-preview-target="capper">
-      <i class="<%= f.object.display_icon_class %> <%= preview_theme[:icon] %> text-xl shrink-0"
-         data-callout-preview-target="capperIcon" aria-hidden="true"></i>
-      <div class="flex-1 min-w-0 text-left">
-        <p class="font-semibold <%= preview_theme[:title] %>" data-callout-preview-target="capperTitle"><%= f.object.title %></p>
-        <p class="text-sm <%= preview_theme[:subtitle] %> <%= "hidden" if f.object.subtitle.blank? %>"
-           data-callout-preview-target="capperSubtitle"><%= f.object.subtitle %></p>
-      </div>
-      <i class="fa-solid fa-arrow-right <%= preview_theme[:icon] %> shrink-0"
-         data-callout-preview-target="capperArrow" aria-hidden="true"></i>
+    <%# Always-visible summary row: sits inline next to the checkbox so you
+        know which callout you are toggling even when it is hidden. %>
+    <div class="inline-flex items-center gap-x-3 gap-y-1 ml-2 text-sm align-middle">
+      <% if f.object.magic? %>
+        <span class="inline-flex items-center rounded-full bg-purple-100 px-2 py-0.5 text-xs font-medium text-purple-700">Built in</span>
+      <% end %>
+      <%= f.label :published, "Published", class: "text-gray-600 cursor-pointer select-none" %>
+      <span class="text-gray-800 font-medium truncate max-w-xs" title="<%= f.object.title %>"><%= f.object.title %></span>
+      <% if f.object.magic? %>
+        <% if f.object.persisted? && DefaultTicketCallouts.customized?(f.object) %>
+          <label class="flex items-center gap-2 text-gray-500">
+            <%= f.check_box :reset_to_default, class: "rounded border-gray-300 text-purple-600" %>
+            Restore to default
+          </label>
+        <% else %>
+          <span class="text-gray-300">Matches default</span>
+        <% end %>
+      <% end %>
     </div>
 
-    <%# Two columns that collapse to one as the viewport narrows: the call-out's
-        identity (title + presentation) on the left, its page content on the right. %>
-    <div class="grid grid-cols-1 lg:grid-cols-2 gap-4">
-      <div class="min-w-0">
-        <div class="flex-1 min-w-0 space-y-3">
-          <div class="space-y-3">
-            <div>
-              <%= f.label :title, "Title", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
-              <%= f.text_field :title, required: true,
-                    class: "w-full rounded border-gray-300 bg-white shadow-sm px-2 py-1 text-sm" %>
-            </div>
-            <div>
-              <%= f.label :subtitle, "Subtitle", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
-              <%= f.text_field :subtitle,
-                    class: "w-full rounded border-gray-300 bg-white shadow-sm px-2 py-1 text-sm" %>
-            </div>
-          </div>
+    <%# Editable content — hidden when the Published checkbox is unchecked. %>
+    <div class="hidden peer-checked:block space-y-3 mt-3">
+      <%# Live preview of how this callout appears on the ticket — the same card
+          registrants see (icon, title, subtitle, themed colour). Seeded from the
+          record and repainted by the callout-preview controller as the admin edits
+          the title, subtitle, type, colour, or icon. The badge and live status the
+          app supplies at render time aren't shown here. %>
+      <% preview_theme = f.object.theme %>
+      <div class="flex items-center gap-3 rounded-xl border-2 <%= preview_theme[:border] %> <%= preview_theme[:bg] %> px-4 py-3"
+           data-callout-preview-target="capper">
+        <i class="<%= f.object.display_icon_class %> <%= preview_theme[:icon] %> text-xl shrink-0"
+           data-callout-preview-target="capperIcon" aria-hidden="true"></i>
+        <div class="flex-1 min-w-0 text-left">
+          <p class="font-semibold <%= preview_theme[:title] %>" data-callout-preview-target="capperTitle"><%= f.object.title %></p>
+          <p class="text-sm <%= preview_theme[:subtitle] %> <%= "hidden" if f.object.subtitle.blank? %>"
+             data-callout-preview-target="capperSubtitle"><%= f.object.subtitle %></p>
+        </div>
+        <i class="fa-solid fa-arrow-right <%= preview_theme[:icon] %> shrink-0"
+           data-callout-preview-target="capperArrow" aria-hidden="true"></i>
+      </div>
 
-          <% if f.object.ce_config? && event_f.present? %>
-            <div class="grid grid-cols-2 gap-3 rounded-md border border-gray-200 bg-gray-50 px-3 py-2.5">
+      <%# Two columns that collapse to one as the viewport narrows: the call-out's
+          identity (title + presentation) on the left, its page content on the right. %>
+      <div class="grid grid-cols-1 lg:grid-cols-2 gap-4">
+        <div class="min-w-0">
+          <div class="flex-1 min-w-0 space-y-3">
+            <div class="space-y-3">
               <div>
-                <%= event_f.label :ce_hours_offered, "CE hours offered", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
-                <%= event_f.number_field :ce_hours_offered, min: 0, step: 0.25,
-                      class: "w-full rounded border-gray-300 bg-white shadow-sm px-2 py-1 text-sm tabular-nums" %>
+                <%= f.label :title, "Title", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
+                <%= f.text_field :title, required: true,
+                      class: "w-full rounded border-gray-300 bg-white shadow-sm px-2 py-1 text-sm" %>
               </div>
               <div>
-                <%= event_f.label :ce_hours_cost, "Total CE cost", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
-                <div class="relative">
-                  <span class="pointer-events-none absolute inset-y-0 left-2 flex items-center text-sm text-gray-400">$</span>
-                  <%= event_f.number_field :ce_hours_cost, min: 0, step: 1,
-                        class: "w-full rounded border-gray-300 bg-white shadow-sm pl-5 pr-2 py-1 text-sm tabular-nums" %>
-                </div>
+                <%= f.label :subtitle, "Subtitle", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
+                <%= f.text_field :subtitle,
+                      class: "w-full rounded border-gray-300 bg-white shadow-sm px-2 py-1 text-sm" %>
               </div>
             </div>
-          <% end %>
-        </div>
-      </div>
 
-      <%# RIGHT: the call-out's own page text %>
-      <div class="min-w-0 space-y-3">
-        <div>
-          <%= f.label :description, "Callout page text (only opens a page if this is filled out)", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
-          <%= f.text_area :description, rows: 4, placeholder: "Accepts basic HTML",
-                class: "w-full rounded border-gray-300 bg-white shadow-sm px-2 py-1 text-sm font-mono" %>
-        </div>
-      </div>
-    </div>
-
-    <%# Both collapsible sections share one row so their toggles line up. %>
-    <div class="grid grid-cols-1 lg:grid-cols-2 gap-4">
-      <details class="group">
-        <summary class="flex items-center gap-1.5 cursor-pointer select-none list-none [&::-webkit-details-marker]:hidden text-xs font-medium text-gray-600">
-          <i class="fa-solid fa-chevron-right text-[10px] text-gray-400 transition-transform group-open:rotate-90"></i>
-          Type, colour, icon, and display date
-        </summary>
-        <%# Two rows of two: type + colour, then icon + the drip date that gates
-            when the callout first shows on the ticket. %>
-        <div class="mt-2 grid grid-cols-1 sm:grid-cols-2 gap-3">
-          <div>
-            <%= f.label :callout_type, "Type", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
-            <%= f.select :callout_type,
-                  RegistrationTicketCallout::CALLOUT_TYPES.map { |t| [ t.humanize, t ] },
-                  {},
-                  class: "w-full rounded border-gray-300 bg-white shadow-sm px-2 py-1 text-sm",
-                  data: { callout_preview_target: "typeSelect", action: "callout-preview#update" } %>
-          </div>
-          <div>
-            <%= f.label :color_class, "Colour", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
-            <%= f.select :color_class,
-                  DomainTheme::SWATCH_COLORS.map { |c| [ c.to_s.humanize, c ] },
-                  { include_blank: "Default (by type)" },
-                  class: "w-full rounded border-gray-300 bg-white shadow-sm px-2 py-1 text-sm",
-                  data: { callout_preview_target: "colorSelect", action: "callout-preview#update" } %>
-            <% if f.object.app_colored? %>
-              <p class="text-xs text-gray-400 mt-0.5">The app overrides this with a live-status colour when the registrant has action to take (e.g. amber while something's outstanding, orange while a balance is due).</p>
+            <% if f.object.ce_config? && event_f.present? %>
+              <div class="grid grid-cols-2 gap-3 rounded-md border border-gray-200 bg-gray-50 px-3 py-2.5">
+                <div>
+                  <%= event_f.label :ce_hours_offered, "CE hours offered", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
+                  <%= event_f.number_field :ce_hours_offered, min: 0, step: 0.25,
+                        class: "w-full rounded border-gray-300 bg-white shadow-sm px-2 py-1 text-sm tabular-nums" %>
+                </div>
+                <div>
+                  <%= event_f.label :ce_hours_cost, "Total CE cost", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
+                  <div class="relative">
+                    <span class="pointer-events-none absolute inset-y-0 left-2 flex items-center text-sm text-gray-400">$</span>
+                    <%= event_f.number_field :ce_hours_cost, min: 0, step: 1,
+                          class: "w-full rounded border-gray-300 bg-white shadow-sm pl-5 pr-2 py-1 text-sm tabular-nums" %>
+                  </div>
+                </div>
+              </div>
             <% end %>
           </div>
+        </div>
+
+        <%# RIGHT: the call-out's own page text %>
+        <div class="min-w-0 space-y-3">
           <div>
-            <%= f.label :icon_class, "Icon", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
-            <%= f.text_field :icon_class,
-                  class: "w-full rounded border-gray-300 bg-white shadow-sm px-2 py-1 text-sm font-mono",
-                  data: { callout_preview_target: "iconInput", action: "callout-preview#update" } %>
-          </div>
-          <div>
-            <%= f.label :display_from, "Display date", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
-            <%= f.date_field :display_from,
-                  class: "w-full rounded border-gray-300 bg-white shadow-sm px-2 py-1 text-sm" %>
-            <p class="text-xs text-gray-500 mt-0.5">Drips onto the ticket on and after this date. Leave blank to show right away.</p>
+            <%= f.label :description, "Callout page text (only opens a page if this is filled out)", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
+            <%= f.text_area :description, rows: 4, placeholder: "Accepts basic HTML",
+                  class: "w-full rounded border-gray-300 bg-white shadow-sm px-2 py-1 text-sm font-mono" %>
           </div>
         </div>
-      </details>
+      </div>
 
-      <%# Opened on load only when resources are saved. %>
-      <details class="group" <%= "open" if f.object.registration_ticket_callout_resources.any? %>>
-        <summary class="flex items-center gap-1.5 cursor-pointer select-none list-none [&::-webkit-details-marker]:hidden text-xs font-medium text-gray-600">
-          <i class="fa-solid fa-chevron-right text-[10px] text-gray-400 transition-transform group-open:rotate-90"></i>
-          Linked resources
-        </summary>
-        <div class="mt-1">
-          <p class="text-xs text-gray-500 mb-1">Optional. Shows each resource below the content on the call-out's page (PDF first-page preview, etc.), with a download button when the resource has a downloadable file.</p>
-          <div class="space-y-2">
-            <%= f.fields_for :registration_ticket_callout_resources do |rf| %>
-              <%= render "events/registration_ticket_callout_resource_fields", f: rf %>
-            <% end %>
+      <%# Both collapsible sections share one row so their toggles line up. %>
+      <div class="grid grid-cols-1 lg:grid-cols-2 gap-4">
+        <details class="group">
+          <summary class="flex items-center gap-1.5 cursor-pointer select-none list-none [&::-webkit-details-marker]:hidden text-xs font-medium text-gray-600">
+            <i class="fa-solid fa-chevron-right text-[10px] text-gray-400 transition-transform group-open:rotate-90"></i>
+            Type, colour, icon, and display date
+          </summary>
+          <%# Two rows of two: type + colour, then icon + the drip date that gates
+              when the callout first shows on the ticket. %>
+          <div class="mt-2 grid grid-cols-1 sm:grid-cols-2 gap-3">
+            <div>
+              <%= f.label :callout_type, "Type", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
+              <%= f.select :callout_type,
+                    RegistrationTicketCallout::CALLOUT_TYPES.map { |t| [ t.humanize, t ] },
+                    {},
+                    class: "w-full rounded border-gray-300 bg-white shadow-sm px-2 py-1 text-sm",
+                    data: { callout_preview_target: "typeSelect", action: "callout-preview#update" } %>
+            </div>
+            <div>
+              <%= f.label :color_class, "Colour", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
+              <%= f.select :color_class,
+                    DomainTheme::SWATCH_COLORS.map { |c| [ c.to_s.humanize, c ] },
+                    { include_blank: "Default (by type)" },
+                    class: "w-full rounded border-gray-300 bg-white shadow-sm px-2 py-1 text-sm",
+                    data: { callout_preview_target: "colorSelect", action: "callout-preview#update" } %>
+              <% if f.object.app_colored? %>
+                <p class="text-xs text-gray-400 mt-0.5">The app overrides this with a live-status colour when the registrant has action to take (e.g. amber while something's outstanding, orange while a balance is due).</p>
+              <% end %>
+            </div>
+            <div>
+              <%= f.label :icon_class, "Icon", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
+              <%= f.text_field :icon_class,
+                    class: "w-full rounded border-gray-300 bg-white shadow-sm px-2 py-1 text-sm font-mono",
+                    data: { callout_preview_target: "iconInput", action: "callout-preview#update" } %>
+            </div>
+            <div>
+              <%= f.label :display_from, "Display date", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
+              <%= f.date_field :display_from,
+                    class: "w-full rounded border-gray-300 bg-white shadow-sm px-2 py-1 text-sm" %>
+              <p class="text-xs text-gray-500 mt-0.5">Drips onto the ticket on and after this date. Leave blank to show right away.</p>
+            </div>
           </div>
-          <%= link_to_add_association "➕ Add resource", f, :registration_ticket_callout_resources,
-                partial: "events/registration_ticket_callout_resource_fields",
-                class: "mt-1 inline-block text-sm font-medium text-purple-600 hover:text-purple-800" %>
-        </div>
-      </details>
-    </div>
+        </details>
+
+        <%# Opened on load only when resources are saved. %>
+        <details class="group" <%= "open" if f.object.registration_ticket_callout_resources.any? %>>
+          <summary class="flex items-center gap-1.5 cursor-pointer select-none list-none [&::-webkit-details-marker]:hidden text-xs font-medium text-gray-600">
+            <i class="fa-solid fa-chevron-right text-[10px] text-gray-400 transition-transform group-open:rotate-90"></i>
+            Linked resources
+          </summary>
+          <div class="mt-1">
+            <p class="text-xs text-gray-500 mb-1">Optional. Shows each resource below the content on the call-out's page (PDF first-page preview, etc.), with a download button when the resource has a downloadable file.</p>
+            <div class="space-y-2">
+              <%= f.fields_for :registration_ticket_callout_resources do |rf| %>
+                <%= render "events/registration_ticket_callout_resource_fields", f: rf %>
+              <% end %>
+            </div>
+            <%= link_to_add_association "➕ Add resource", f, :registration_ticket_callout_resources,
+                  partial: "events/registration_ticket_callout_resource_fields",
+                  class: "mt-1 inline-block text-sm font-medium text-purple-600 hover:text-purple-800" %>
+          </div>
+        </details>
+      </div>
 
-    <div class="flex flex-wrap items-center justify-between gap-2">
       <div class="flex flex-wrap items-center gap-x-6 gap-y-2">
         <% unless f.object.magic? %>
           <label class="flex items-center gap-2 text-sm text-gray-600">
@@ -168,23 +185,6 @@
                 class: "text-sm text-gray-400 hover:text-red-600 underline" %>
         <% end %>
       </div>
-      <div class="flex flex-wrap items-center gap-x-6 gap-y-2">
-        <% if f.object.magic? %>
-          <% if f.object.persisted? && DefaultTicketCallouts.customized?(f.object) %>
-            <%# Applied on the main Save, not a separate request. %>
-            <label class="flex items-center gap-2 text-sm text-gray-500">
-              <%= f.check_box :reset_to_default, class: "rounded border-gray-300 text-purple-600" %>
-              Restore to default
-            </label>
-          <% else %>
-            <span class="text-sm text-gray-300">Matches default</span>
-          <% end %>
-        <% end %>
-        <label class="flex items-center gap-2 text-sm text-gray-600">
-          <%= f.check_box :published, class: "rounded border-gray-300 text-purple-600" %>
-          Published
-        </label>
-      </div>
     </div>
   </div>
 </div>

From b1fe8fe2453b9329c12958b8bba434e80b733b26 Mon Sep 17 00:00:00 2001
From: Justin Miller <16829344+jmilljr24@users.noreply.github.com>
Date: Sun, 12 Jul 2026 15:06:30 -0400
Subject: [PATCH 27/32] ui- add callout name to checkbox row

---
 ...egistration_ticket_callout_fields.html.erb | 149 ++++++++++--------
 1 file changed, 81 insertions(+), 68 deletions(-)

diff --git a/app/views/events/_registration_ticket_callout_fields.html.erb b/app/views/events/_registration_ticket_callout_fields.html.erb
index 26ef077e39..a575705946 100644
--- a/app/views/events/_registration_ticket_callout_fields.html.erb
+++ b/app/views/events/_registration_ticket_callout_fields.html.erb
@@ -1,97 +1,96 @@
-<%# One editable callout row, shared by custom callouts and every materialized
-    built-in. CE hours additionally shows the event's hours-offered/cost config
-    inline (via event_f); its text, like every other built-in, lives on the row. %>
+<%#
+  One editable callout row, shared by custom callouts and every materialized
+  built-in. CE hours additionally shows the event's hours-offered/cost config
+  inline (via event_f); its text, like every other built-in, lives on the row.
+%>
 <% event_f = local_assigns[:event_f] %>
 
-<div class="nested-fields registration-ticket-callout-fields flex items-start gap-3 rounded-lg border border-gray-200 bg-white p-3 shadow-sm transition-colors"
-     data-controller="callout-preview"
-     data-callout-preview-themes-value="<%= DomainTheme.swatches.to_json %>"
-     data-callout-preview-defaults-value="<%= RegistrationTicketCallout::DEFAULT_COLORS.to_json %>"
-     <% if f.object.persisted? %>data-sortable-id="<%= f.object.id %>"<% end %>>
+<div
+  class="nested-fields registration-ticket-callout-fields flex items-start gap-3 rounded-lg border border-gray-200 bg-white p-3 shadow-sm transition-colors"
+  data-controller="callout-preview"
+  data-callout-preview-themes-value="<%= DomainTheme.swatches.to_json %>"
+  data-callout-preview-defaults-value="<%= RegistrationTicketCallout::DEFAULT_COLORS.to_json %>"
   <% if f.object.persisted? %>
-    <div class="cursor-grab text-gray-400 hover:text-gray-600 pt-2 shrink-0" data-sortable-handle title="Drag to reorder">
-      <i class="fa-solid fa-grip-vertical"></i>
-    </div>
+    data-sortable-id="<%= f.object.id %>"
+  <% end %>
+>
+  <% if f.object.persisted? %>
+    <div class="cursor-grab text-gray-400 hover:text-gray-600 pt-2 shrink-0" data-sortable-handle title="Drag to reorder"><i class="fa-solid fa-grip-vertical"></i></div>
   <% else %>
-    <div class="pt-2 shrink-0 text-gray-200" title="Save the event to enable drag-reordering">
-      <i class="fa-solid fa-grip-vertical"></i>
-    </div>
+    <div class="pt-2 shrink-0 text-gray-200" title="Save the event to enable drag-reordering"><i class="fa-solid fa-grip-vertical"></i></div>
   <% end %>
 
   <div class="flex-1 min-w-0">
-    <%# Peer checkbox (first sibling) drives show/hide of the editable content below. %>
-    <%= f.check_box :published, class: "peer h-5 w-5 rounded border-gray-300 text-purple-600" %>
+    <%= f.check_box :published, class: "peer rounded border-gray-300 text-purple-600" %>
+
+    <%#
+      Always-visible summary row: sits inline next to the checkbox so you
+      know which callout you are toggling even when it is hidden.
+    %>
 
-    <%# Always-visible summary row: sits inline next to the checkbox so you
-        know which callout you are toggling even when it is hidden. %>
     <div class="inline-flex items-center gap-x-3 gap-y-1 ml-2 text-sm align-middle">
-      <% if f.object.magic? %>
-        <span class="inline-flex items-center rounded-full bg-purple-100 px-2 py-0.5 text-xs font-medium text-purple-700">Built in</span>
-      <% end %>
-      <%= f.label :published, "Published", class: "text-gray-600 cursor-pointer select-none" %>
       <span class="text-gray-800 font-medium truncate max-w-xs" title="<%= f.object.title %>"><%= f.object.title %></span>
-      <% if f.object.magic? %>
-        <% if f.object.persisted? && DefaultTicketCallouts.customized?(f.object) %>
-          <label class="flex items-center gap-2 text-gray-500">
-            <%= f.check_box :reset_to_default, class: "rounded border-gray-300 text-purple-600" %>
-            Restore to default
-          </label>
-        <% else %>
-          <span class="text-gray-300">Matches default</span>
-        <% end %>
-      <% end %>
     </div>
 
     <%# Editable content — hidden when the Published checkbox is unchecked. %>
     <div class="hidden peer-checked:block space-y-3 mt-3">
-      <%# Live preview of how this callout appears on the ticket — the same card
-          registrants see (icon, title, subtitle, themed colour). Seeded from the
-          record and repainted by the callout-preview controller as the admin edits
-          the title, subtitle, type, colour, or icon. The badge and live status the
-          app supplies at render time aren't shown here. %>
+      <% if f.object.magic? %>
+        <div class="flex items-center gap-2">
+          <span class="inline-flex items-center rounded-full bg-purple-100 px-2 py-0.5 text-xs font-medium text-purple-700">Built in</span>
+          <% if f.object.persisted? && DefaultTicketCallouts.customized?(f.object) %>
+            <label class="flex items-center gap-2 text-xs text-gray-500"><%= f.check_box :reset_to_default, class: "rounded border-gray-300 text-purple-600" %> Restore to default</label>
+          <% else %>
+            <span class="text-xs text-gray-300">Matches default</span>
+          <% end %>
+        </div>
+      <% end %>
+
+      <%#
+        Live preview of how this callout appears on the ticket — the same card
+        registrants see (icon, title, subtitle, themed colour). Seeded from the
+        record and repainted by the callout-preview controller as the admin edits
+        the title, subtitle, type, colour, or icon. The badge and live status the
+        app supplies at render time aren't shown here.
+      %>
       <% preview_theme = f.object.theme %>
-      <div class="flex items-center gap-3 rounded-xl border-2 <%= preview_theme[:border] %> <%= preview_theme[:bg] %> px-4 py-3"
-           data-callout-preview-target="capper">
-        <i class="<%= f.object.display_icon_class %> <%= preview_theme[:icon] %> text-xl shrink-0"
-           data-callout-preview-target="capperIcon" aria-hidden="true"></i>
+
+      <div class="flex items-center gap-3 rounded-xl border-2 <%= preview_theme[:border] %> <%= preview_theme[:bg] %> px-4 py-3" data-callout-preview-target="capper">
+        <i class="<%= f.object.display_icon_class %> <%= preview_theme[:icon] %> text-xl shrink-0" data-callout-preview-target="capperIcon" aria-hidden="true"></i>
+
         <div class="flex-1 min-w-0 text-left">
           <p class="font-semibold <%= preview_theme[:title] %>" data-callout-preview-target="capperTitle"><%= f.object.title %></p>
-          <p class="text-sm <%= preview_theme[:subtitle] %> <%= "hidden" if f.object.subtitle.blank? %>"
-             data-callout-preview-target="capperSubtitle"><%= f.object.subtitle %></p>
+          <p class="text-sm <%= preview_theme[:subtitle] %> <%= "hidden" if f.object.subtitle.blank? %>" data-callout-preview-target="capperSubtitle"><%= f.object.subtitle %></p>
         </div>
-        <i class="fa-solid fa-arrow-right <%= preview_theme[:icon] %> shrink-0"
-           data-callout-preview-target="capperArrow" aria-hidden="true"></i>
+
+        <i class="fa-solid fa-arrow-right <%= preview_theme[:icon] %> shrink-0" data-callout-preview-target="capperArrow" aria-hidden="true"></i>
       </div>
 
-      <%# Two columns that collapse to one as the viewport narrows: the call-out's
-          identity (title + presentation) on the left, its page content on the right. %>
+      <%#
+        Two columns that collapse to one as the viewport narrows: the call-out's
+        identity (title + presentation) on the left, its page content on the right.
+      %>
+
       <div class="grid grid-cols-1 lg:grid-cols-2 gap-4">
         <div class="min-w-0">
           <div class="flex-1 min-w-0 space-y-3">
             <div class="space-y-3">
-              <div>
-                <%= f.label :title, "Title", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
-                <%= f.text_field :title, required: true,
-                      class: "w-full rounded border-gray-300 bg-white shadow-sm px-2 py-1 text-sm" %>
-              </div>
-              <div>
-                <%= f.label :subtitle, "Subtitle", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
-                <%= f.text_field :subtitle,
-                      class: "w-full rounded border-gray-300 bg-white shadow-sm px-2 py-1 text-sm" %>
-              </div>
+              <div><%= f.label :title, "Title", class: "block text-xs font-medium text-gray-600 mb-0.5" %><%= f.text_field :title, required: true,
+                      class: "w-full rounded border-gray-300 bg-white shadow-sm px-2 py-1 text-sm" %></div>
+              <div><%= f.label :subtitle, "Subtitle", class: "block text-xs font-medium text-gray-600 mb-0.5" %><%= f.text_field :subtitle,
+                      class: "w-full rounded border-gray-300 bg-white shadow-sm px-2 py-1 text-sm" %></div>
             </div>
 
             <% if f.object.ce_config? && event_f.present? %>
               <div class="grid grid-cols-2 gap-3 rounded-md border border-gray-200 bg-gray-50 px-3 py-2.5">
-                <div>
-                  <%= event_f.label :ce_hours_offered, "CE hours offered", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
-                  <%= event_f.number_field :ce_hours_offered, min: 0, step: 0.25,
-                        class: "w-full rounded border-gray-300 bg-white shadow-sm px-2 py-1 text-sm tabular-nums" %>
-                </div>
+                <div><%= event_f.label :ce_hours_offered, "CE hours offered", class: "block text-xs font-medium text-gray-600 mb-0.5" %><%= event_f.number_field :ce_hours_offered, min: 0, step: 0.25,
+                        class: "w-full rounded border-gray-300 bg-white shadow-sm px-2 py-1 text-sm tabular-nums" %></div>
+
                 <div>
                   <%= event_f.label :ce_hours_cost, "Total CE cost", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
+
                   <div class="relative">
                     <span class="pointer-events-none absolute inset-y-0 left-2 flex items-center text-sm text-gray-400">$</span>
+
                     <%= event_f.number_field :ce_hours_cost, min: 0, step: 1,
                           class: "w-full rounded border-gray-300 bg-white shadow-sm pl-5 pr-2 py-1 text-sm tabular-nums" %>
                   </div>
@@ -105,6 +104,7 @@
         <div class="min-w-0 space-y-3">
           <div>
             <%= f.label :description, "Callout page text (only opens a page if this is filled out)", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
+
             <%= f.text_area :description, rows: 4, placeholder: "Accepts basic HTML",
                   class: "w-full rounded border-gray-300 bg-white shadow-sm px-2 py-1 text-sm font-mono" %>
           </div>
@@ -118,38 +118,51 @@
             <i class="fa-solid fa-chevron-right text-[10px] text-gray-400 transition-transform group-open:rotate-90"></i>
             Type, colour, icon, and display date
           </summary>
-          <%# Two rows of two: type + colour, then icon + the drip date that gates
-              when the callout first shows on the ticket. %>
+
+          <%#
+            Two rows of two: type + colour, then icon + the drip date that gates
+            when the callout first shows on the ticket.
+          %>
+
           <div class="mt-2 grid grid-cols-1 sm:grid-cols-2 gap-3">
             <div>
               <%= f.label :callout_type, "Type", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
+
               <%= f.select :callout_type,
                     RegistrationTicketCallout::CALLOUT_TYPES.map { |t| [ t.humanize, t ] },
                     {},
                     class: "w-full rounded border-gray-300 bg-white shadow-sm px-2 py-1 text-sm",
                     data: { callout_preview_target: "typeSelect", action: "callout-preview#update" } %>
             </div>
+
             <div>
               <%= f.label :color_class, "Colour", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
+
               <%= f.select :color_class,
                     DomainTheme::SWATCH_COLORS.map { |c| [ c.to_s.humanize, c ] },
                     { include_blank: "Default (by type)" },
                     class: "w-full rounded border-gray-300 bg-white shadow-sm px-2 py-1 text-sm",
                     data: { callout_preview_target: "colorSelect", action: "callout-preview#update" } %>
+
               <% if f.object.app_colored? %>
                 <p class="text-xs text-gray-400 mt-0.5">The app overrides this with a live-status colour when the registrant has action to take (e.g. amber while something's outstanding, orange while a balance is due).</p>
               <% end %>
             </div>
+
             <div>
               <%= f.label :icon_class, "Icon", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
+
               <%= f.text_field :icon_class,
                     class: "w-full rounded border-gray-300 bg-white shadow-sm px-2 py-1 text-sm font-mono",
                     data: { callout_preview_target: "iconInput", action: "callout-preview#update" } %>
             </div>
+
             <div>
               <%= f.label :display_from, "Display date", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
+
               <%= f.date_field :display_from,
                     class: "w-full rounded border-gray-300 bg-white shadow-sm px-2 py-1 text-sm" %>
+
               <p class="text-xs text-gray-500 mt-0.5">Drips onto the ticket on and after this date. Leave blank to show right away.</p>
             </div>
           </div>
@@ -161,13 +174,16 @@
             <i class="fa-solid fa-chevron-right text-[10px] text-gray-400 transition-transform group-open:rotate-90"></i>
             Linked resources
           </summary>
+
           <div class="mt-1">
             <p class="text-xs text-gray-500 mb-1">Optional. Shows each resource below the content on the call-out's page (PDF first-page preview, etc.), with a download button when the resource has a downloadable file.</p>
+
             <div class="space-y-2">
               <%= f.fields_for :registration_ticket_callout_resources do |rf| %>
                 <%= render "events/registration_ticket_callout_resource_fields", f: rf %>
               <% end %>
             </div>
+
             <%= link_to_add_association "➕ Add resource", f, :registration_ticket_callout_resources,
                   partial: "events/registration_ticket_callout_resource_fields",
                   class: "mt-1 inline-block text-sm font-medium text-purple-600 hover:text-purple-800" %>
@@ -177,10 +193,7 @@
 
       <div class="flex flex-wrap items-center gap-x-6 gap-y-2">
         <% unless f.object.magic? %>
-          <label class="flex items-center gap-2 text-sm text-gray-600">
-            <%= f.check_box :payment_access_gated, class: "rounded border-gray-300 text-purple-600" %>
-            Only show once payment is made or committed
-          </label>
+          <label class="flex items-center gap-2 text-sm text-gray-600"><%= f.check_box :payment_access_gated, class: "rounded border-gray-300 text-purple-600" %> Only show once payment is made or committed</label>
           <%= link_to_remove_association "Remove", f,
                 class: "text-sm text-gray-400 hover:text-red-600 underline" %>
         <% end %>

From 9a32c1cada5b6d229036cefa4f4d74d0bea9dc09 Mon Sep 17 00:00:00 2001
From: Justin Miller <16829344+jmilljr24@users.noreply.github.com>
Date: Sun, 12 Jul 2026 15:19:54 -0400
Subject: [PATCH 28/32] allow all callouts to be used on any event - let admin
 decide vs hardcoding

---
 app/services/default_ticket_callouts.rb       | 60 +++++++++----------
 app/views/events/_form.html.erb               |  2 +-
 .../registration_ticket_callouts_spec.rb      |  3 +-
 spec/services/default_ticket_callouts_spec.rb | 57 ++++++++++--------
 4 files changed, 62 insertions(+), 60 deletions(-)

diff --git a/app/services/default_ticket_callouts.rb b/app/services/default_ticket_callouts.rb
index 11c9b52aee..bc9417938f 100644
--- a/app/services/default_ticket_callouts.rb
+++ b/app/services/default_ticket_callouts.rb
@@ -2,17 +2,17 @@
 # event. Run on event create and, for events that predate this, lazily on edit —
 # so existing events heal the first time they're saved, with no data backfill.
 #
-# Each definition carries the callout's default content plus how its initial
-# visibility (`hidden`) is derived from the event's config, using the same rules
-# the code-defined cards used (see Event#show_*_callout?). Seeding is idempotent:
-# a magic_key already present on the event is left untouched, so a re-run never
-# clobbers admin edits.
+# All nine built-ins always seed. Their initial visibility (hidden/published) is
+# derived from the event's config via each definition's `hidden` proc: published
+# by default on facilitator trainings, hidden (unchecked) on everything else.
+# Admins toggle visibility per row from the editor. Seeding is idempotent so a
+# re-run never clobbers admin edits.
 #
-# Only the content-and-resource cards (Handouts, FAQ) are materialized today; the
-# stateful cards (payment, CE, scholarship, …) still render through
-# MagicTicketCallouts until their per-registration behavior is keyed off the row.
-# MagicTicketCallouts skips any card an event has already materialized, so the two
-# paths never double-render.
+# Behavioral built-ins (payment, CE, scholarship, …) render live per-registration
+# status through MagicTicketCallouts#card_for, which has its own guards (e.g. the
+# payment card returns nil on a free event) so publishing a row on an
+# non-applicable event is harmless. MagicTicketCallouts skips any card an event
+# has already materialized, so the two paths never double-render.
 class DefaultTicketCallouts
   # Default FAQ content for the 2-day training, mirrored from the code-defined FAQ
   # page so a newly materialized card starts with the current copy. Admins edit it
@@ -80,13 +80,13 @@ def initialize(event)
   end
 
   # Create any not-yet-present magic callouts for the event, appended in
-  # definition order after whatever already exists. A definition's optional
-  # `seed_if` gates whether it applies to this event (e.g. skip the
-  # videoconference card until the event has a link). Returns the created rows.
+  # definition order after whatever already exists. All built-ins always seed;
+  # their initial visibility (hidden/published) is derived from the event's
+  # config via each definition's `hidden` proc. Seeding is idempotent so a re-run
+  # never clobbers admin edits. Returns the created rows.
   def seed
     existing_keys = @event.registration_ticket_callouts.magic.pluck(:magic_key).to_set
     definitions.reject { |definition| existing_keys.include?(definition[:magic_key]) }
-               .select { |definition| definition[:seed_if].nil? || definition[:seed_if].call(@event) }
                .map { |definition| create(definition) }
   end
 
@@ -146,8 +146,7 @@ def definitions
         callout_type: "action",
         icon_class: "fa-solid fa-credit-card",
         color_class: "orange",
-        hidden: ->(_event) { false },
-        seed_if: ->(event) { event.cost_cents.to_i.positive? }
+        hidden: ->(event) { !event.facilitator_training? }
       },
       {
         magic_key: "certificate",
@@ -156,8 +155,8 @@ def definitions
         callout_type: "action",
         icon_class: "fa-solid fa-certificate",
         color_class: "green",
-        # Off by default except on facilitator trainings; admins opt other events
-        # in. When shown, it still only appears once the certificate unlocks.
+        # Off by default except on facilitator trainings. When shown, it still only
+        # appears once the certificate unlocks (MagicTicketCallouts guards this).
         hidden: ->(event) { !event.facilitator_training? }
       },
       {
@@ -167,33 +166,32 @@ def definitions
         callout_type: "action",
         icon_class: "fa-solid fa-award",
         color_class: "fuchsia",
-        hidden: ->(_event) { false },
-        seed_if: ->(event) { event.scholarship_form.present? }
+        hidden: ->(event) { !event.facilitator_training? }
       },
       {
         magic_key: "ce_hours",
         # Title/text seed from the event's CE columns (migrating existing content);
         # thereafter they live on the row like every other built-in. The row also
-        # carries the CE hours-offered/cost config. Always seeded.
+        # carries the CE hours-offered/cost config.
         title: ->(event) { event.ce_hours_details_label },
         description: ->(event) { event.ce_hours_details },
         subtitle: "Continuing education — requirements & how to request",
         callout_type: "action",
         icon_class: "fa-solid fa-graduation-cap",
         color_class: "teal",
-        hidden: ->(_event) { false }
+        hidden: ->(event) { !event.facilitator_training? }
       },
       {
         magic_key: "event_details",
         # Title/text seed from the event's details columns (migrating existing
-        # content); thereafter they live on the row. Always seeded.
+        # content); thereafter they live on the row.
         title: ->(event) { event.event_details_label },
         description: ->(event) { event.event_details },
         subtitle: "Important info for this event — please read",
         callout_type: "reference",
         icon_class: "fa-solid fa-palette",
         color_class: "blue",
-        hidden: ->(_event) { false }
+        hidden: ->(event) { !event.facilitator_training? }
       },
       {
         magic_key: "videoconference",
@@ -202,11 +200,10 @@ def definitions
         callout_type: "action",
         icon_class: "fa-solid fa-video",
         color_class: "blue",
-        hidden: ->(_event) { false },
+        hidden: ->(event) { !event.facilitator_training? },
         # Drips onto the ticket a week before the event starts, replacing the old
         # hard-coded "one week prior" rule with a stored, editable date.
-        display_from: ->(event) { event.start_date - 7.days if event.start_date },
-        seed_if: ->(event) { event.videoconference_url.present? }
+        display_from: ->(event) { event.start_date - 7.days if event.start_date }
       },
       {
         magic_key: "forms",
@@ -215,12 +212,11 @@ def definitions
         callout_type: "action",
         icon_class: "fa-solid fa-file-lines",
         color_class: "blue",
-        hidden: ->(_event) { false },
+        hidden: ->(event) { !event.facilitator_training? },
         # The W-9 is a removable linked resource, included by default only on paid
         # events (where a tax form applies); invoice/receipt stay dynamic on the
         # forms page. Admins add/remove it per event.
-        resources: -> { @event.cost_cents.to_i.positive? ? [ Resource.find_by(title: "W-9") ].compact : [] },
-        seed_if: ->(event) { event.show_forms_callout? }
+        resources: -> { @event.cost_cents.to_i.positive? ? [ Resource.find_by(title: "W-9") ].compact : [] }
       },
       {
         magic_key: "handouts",
@@ -229,7 +225,7 @@ def definitions
         callout_type: "reference",
         icon_class: "fa-solid fa-folder-open",
         color_class: "blue",
-        hidden: ->(event) { !event.show_handouts_callout? },
+        hidden: ->(event) { !event.facilitator_training? },
         resources: -> { handout_resources }
       },
       {
@@ -240,7 +236,7 @@ def definitions
         icon_class: "fa-solid fa-circle-question",
         color_class: "blue",
         description: faq_html,
-        hidden: ->(event) { !event.show_faq_callout? }
+        hidden: ->(event) { !event.facilitator_training? }
       }
     ]
   end
diff --git a/app/views/events/_form.html.erb b/app/views/events/_form.html.erb
index c381577702..0180b5f4c0 100644
--- a/app/views/events/_form.html.erb
+++ b/app/views/events/_form.html.erb
@@ -567,7 +567,7 @@
 
       <div id="registration_ticket_callouts_panel" class="hidden border border-gray-300 p-4 rounded-b-md">
         <p class="text-sm text-gray-500 mb-4">
-          Call-outs shown on the registration ticket — each links to its own page. The built-in cards below are managed by the app, which decides when each appears; a few (shown in colour, with fields) let you edit their text here, while the rest (greyed out) are preview-only. Below them, add your
+          Call-outs shown on the registration ticket — each links to its own page. The built-in cards are seeded as editable rows (published by default on facilitator trainings, unchecked on everything else). Toggle a card's checkbox to show or hide it; the app still guards when each appears on the ticket (e.g. the payment card only shows when there's a balance). Below them, add your
           own call-outs for actions (forms to download, balances to pay) or reference reading (parking, policies, what to bring). New custom callouts save in the order shown; drag the handle to reorder saved callouts.
         </p>
 
diff --git a/spec/requests/events/registration_ticket_callouts_spec.rb b/spec/requests/events/registration_ticket_callouts_spec.rb
index 7795d06709..42ae4e42ca 100644
--- a/spec/requests/events/registration_ticket_callouts_spec.rb
+++ b/spec/requests/events/registration_ticket_callouts_spec.rb
@@ -217,7 +217,8 @@
       }
 
       expect(event.registration_ticket_callouts.magic.pluck(:magic_key)).to contain_exactly(
-        "payment", "certificate", "ce_hours", "event_details", "forms", "handouts", "faq"
+        "payment", "certificate", "scholarship", "ce_hours", "event_details",
+        "videoconference", "forms", "handouts", "faq"
       )
     end
   end
diff --git a/spec/services/default_ticket_callouts_spec.rb b/spec/services/default_ticket_callouts_spec.rb
index e46f60b23d..65a9430629 100644
--- a/spec/services/default_ticket_callouts_spec.rb
+++ b/spec/services/default_ticket_callouts_spec.rb
@@ -2,27 +2,16 @@
 
 RSpec.describe DefaultTicketCallouts do
   describe "#seed" do
-    it "materializes the built-in callouts the event's config warrants" do
-      # Factory event: has a cost (payment + forms), no scholarship form / VC link.
-      # CE hours, Event details, Certificate, Handouts, FAQ always seed.
-      event = create(:event)
-
-      described_class.seed(event)
-
-      keys = event.registration_ticket_callouts.magic.pluck(:magic_key)
-      expect(keys).to contain_exactly("payment", "certificate", "ce_hours", "event_details", "forms", "handouts", "faq")
-    end
-
-    it "gates Payment, Scholarship, and Videoconference on config, but always seeds CE and Event details" do
-      form = create(:form)
-      event = create(:event, cost_cents: 0)
-      event.event_forms.create!(form:, role: "scholarship")
+    it "materializes all nine built-in callouts for every event" do
+      event = create(:event, cost_cents: 0) # free, no scholarship form, no VC link
 
       described_class.seed(event)
 
       keys = event.registration_ticket_callouts.magic.pluck(:magic_key)
-      expect(keys).to include("scholarship", "ce_hours", "event_details") # CE/details always
-      expect(keys).not_to include("payment", "videoconference") # free, no VC link
+      expect(keys).to contain_exactly(
+        "payment", "certificate", "scholarship", "ce_hours", "event_details",
+        "videoconference", "forms", "handouts", "faq"
+      )
     end
 
     it "seeds callouts in canonical ticket order" do
@@ -38,17 +27,33 @@
       )
     end
 
-    it "seeds the Videoconference card, dripping a week before start, only once the event has a link" do
+    it "seeds the Videoconference card with a drip date a week before start" do
       event = create(:event, start_date: Date.new(2026, 9, 10))
       described_class.seed(event)
-      expect(event.registration_ticket_callouts.find_by(magic_key: "videoconference")).to be_nil
-
-      event.update!(videoconference_url: "https://example.com/zoom")
-      described_class.seed(event)
 
       vc = event.registration_ticket_callouts.find_by(magic_key: "videoconference")
+      expect(vc).to be_present
       expect(vc.display_from.to_date).to eq(Date.new(2026, 9, 3))
-      expect(vc.hidden).to be(false)
+      expect(vc.hidden).to be(true) # non-training: hidden by default
+    end
+
+    it "hides all callouts by default on a non-training event, shows all on a facilitator training" do
+      form = create(:form)
+      non_training = create(:event, cost_cents: 0)
+      non_training.event_forms.create!(form:, role: "scholarship")
+      training = create(:event, :publicly_visible, facilitator_training: true, cost_cents: 100,
+        videoconference_url: "https://example.com/vc")
+      training.event_forms.create!(form:, role: "scholarship")
+
+      described_class.seed(non_training)
+      described_class.seed(training)
+
+      non_training.registration_ticket_callouts.magic.each do |callout|
+        expect(callout.hidden).to be(true), "expected #{callout.magic_key} hidden on non-training"
+      end
+      training.registration_ticket_callouts.magic.each do |callout|
+        expect(callout.hidden).to be(false), "expected #{callout.magic_key} visible on training"
+      end
     end
 
     it "defaults Certificate off for a non-training event and on for a facilitator training" do
@@ -79,8 +84,8 @@
       described_class.seed(event)
 
       forms = event.registration_ticket_callouts.find_by(magic_key: "forms")
-      expect(forms).to be_present # seeded because it's a training
-      expect(forms.resources).to be_empty
+      expect(forms).to be_present
+      expect(forms.resources).to be_empty # no W-9 on a free event
     end
 
     it "migrates CE hours and event-details content from the event onto the row" do
@@ -184,7 +189,7 @@
 
       expect(event.registration_ticket_callouts.ordered.first).to eq(custom)
       expect(event.registration_ticket_callouts.ordered.map(&:magic_key).compact).to eq(
-        %w[payment certificate ce_hours event_details forms handouts faq]
+        %w[payment certificate scholarship ce_hours event_details videoconference forms handouts faq]
       )
     end
   end

From 0e81c226d4010fbefc229a249505d22c62b4ebb3 Mon Sep 17 00:00:00 2001
From: Justin Miller <16829344+jmilljr24@users.noreply.github.com>
Date: Sun, 12 Jul 2026 15:31:50 -0400
Subject: [PATCH 29/32] rubocop

---
 db/migrate/20260712183112_unique_magic_key_event_index.rb | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/db/migrate/20260712183112_unique_magic_key_event_index.rb b/db/migrate/20260712183112_unique_magic_key_event_index.rb
index 1bae2c0ff2..9ac54ae310 100644
--- a/db/migrate/20260712183112_unique_magic_key_event_index.rb
+++ b/db/migrate/20260712183112_unique_magic_key_event_index.rb
@@ -1,6 +1,6 @@
 class UniqueMagicKeyEventIndex < ActiveRecord::Migration[8.1]
   def change
-    remove_index :registration_ticket_callouts, column: [:event_id, :magic_key]
-    add_index :registration_ticket_callouts, [:event_id, :magic_key], unique: true
+    remove_index :registration_ticket_callouts, column: [ :event_id, :magic_key ]
+    add_index :registration_ticket_callouts, [ :event_id, :magic_key ], unique: true
   end
 end

From 98bfdda44cec67920823a4dfbb1bb54dc4c6e8db Mon Sep 17 00:00:00 2001
From: Justin Miller <16829344+jmilljr24@users.noreply.github.com>
Date: Sun, 12 Jul 2026 15:34:38 -0400
Subject: [PATCH 30/32] clean up ce callout

---
 ...egistration_ticket_callout_fields.html.erb | 23 ++-----------------
 1 file changed, 2 insertions(+), 21 deletions(-)

diff --git a/app/views/events/_registration_ticket_callout_fields.html.erb b/app/views/events/_registration_ticket_callout_fields.html.erb
index a575705946..aac25d6202 100644
--- a/app/views/events/_registration_ticket_callout_fields.html.erb
+++ b/app/views/events/_registration_ticket_callout_fields.html.erb
@@ -28,15 +28,14 @@
       know which callout you are toggling even when it is hidden.
     %>
 
-    <div class="inline-flex items-center gap-x-3 gap-y-1 ml-2 text-sm align-middle">
-      <span class="text-gray-800 font-medium truncate max-w-xs" title="<%= f.object.title %>"><%= f.object.title %></span>
-    </div>
+    <div class="inline-flex items-center gap-x-3 gap-y-1 ml-2 text-sm align-middle"><span class="text-gray-800 font-medium truncate max-w-xs" title="<%= f.object.title %>"><%= f.object.title %></span></div>
 
     <%# Editable content — hidden when the Published checkbox is unchecked. %>
     <div class="hidden peer-checked:block space-y-3 mt-3">
       <% if f.object.magic? %>
         <div class="flex items-center gap-2">
           <span class="inline-flex items-center rounded-full bg-purple-100 px-2 py-0.5 text-xs font-medium text-purple-700">Built in</span>
+
           <% if f.object.persisted? && DefaultTicketCallouts.customized?(f.object) %>
             <label class="flex items-center gap-2 text-xs text-gray-500"><%= f.check_box :reset_to_default, class: "rounded border-gray-300 text-purple-600" %> Restore to default</label>
           <% else %>
@@ -79,24 +78,6 @@
               <div><%= f.label :subtitle, "Subtitle", class: "block text-xs font-medium text-gray-600 mb-0.5" %><%= f.text_field :subtitle,
                       class: "w-full rounded border-gray-300 bg-white shadow-sm px-2 py-1 text-sm" %></div>
             </div>
-
-            <% if f.object.ce_config? && event_f.present? %>
-              <div class="grid grid-cols-2 gap-3 rounded-md border border-gray-200 bg-gray-50 px-3 py-2.5">
-                <div><%= event_f.label :ce_hours_offered, "CE hours offered", class: "block text-xs font-medium text-gray-600 mb-0.5" %><%= event_f.number_field :ce_hours_offered, min: 0, step: 0.25,
-                        class: "w-full rounded border-gray-300 bg-white shadow-sm px-2 py-1 text-sm tabular-nums" %></div>
-
-                <div>
-                  <%= event_f.label :ce_hours_cost, "Total CE cost", class: "block text-xs font-medium text-gray-600 mb-0.5" %>
-
-                  <div class="relative">
-                    <span class="pointer-events-none absolute inset-y-0 left-2 flex items-center text-sm text-gray-400">$</span>
-
-                    <%= event_f.number_field :ce_hours_cost, min: 0, step: 1,
-                          class: "w-full rounded border-gray-300 bg-white shadow-sm pl-5 pr-2 py-1 text-sm tabular-nums" %>
-                  </div>
-                </div>
-              </div>
-            <% end %>
           </div>
         </div>
 

From 2ec50e67af8e226359d40c9fef0b4e0ad974c14e Mon Sep 17 00:00:00 2001
From: Justin Miller <16829344+jmilljr24@users.noreply.github.com>
Date: Sun, 12 Jul 2026 15:49:41 -0400
Subject: [PATCH 31/32] guard

---
 app/services/scholarship_application.rb | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/services/scholarship_application.rb b/app/services/scholarship_application.rb
index 481b30726b..acae7071d3 100644
--- a/app/services/scholarship_application.rb
+++ b/app/services/scholarship_application.rb
@@ -97,8 +97,8 @@ def answers
   end
 
   def scholarship_answer?(field)
-    question_field_ids.include?(field.id) ||
-      (field.field_identifier.present? && question_field_identifiers.include?(field.field_identifier))
+    question_field_ids.include?(field&.id) ||
+      (field&.field_identifier.present? && question_field_identifiers.include?(field.field_identifier))
   end
 
   def submissions

From 5f6dd1af580d994cd87164babc0d4b6f62f09244 Mon Sep 17 00:00:00 2001
From: Justin Miller <16829344+jmilljr24@users.noreply.github.com>
Date: Sun, 12 Jul 2026 16:00:53 -0400
Subject: [PATCH 32/32] spec

---
 spec/requests/events_spec.rb | 9 ---------
 1 file changed, 9 deletions(-)

diff --git a/spec/requests/events_spec.rb b/spec/requests/events_spec.rb
index 4ec4bc016c..13a03057bd 100644
--- a/spec/requests/events_spec.rb
+++ b/spec/requests/events_spec.rb
@@ -271,15 +271,6 @@ def offer_ce!(target_event)
       expect(response.body).not_to include("event[event_details_label]")
     end
 
-    it "renders the built-in 'CE hours' card as an editable row with the CE config" do
-      get edit_event_path(event)
-      expect(response.body).to include("Registration ticket callouts")
-      expect(response.body).to include("CE hours offered")
-      # CE hours/cost stay on the event; the label/text moved to the callout row.
-      expect(response.body).to include("event[ce_hours_offered]")
-      expect(response.body).not_to include("event[ce_hours_details_label]")
-    end
-
     it "previews the app-controlled built-in callouts (greyed, non-editable)" do
       get edit_event_path(event)
       expect(response.body).to include("Frequently asked questions")