formblocks 0.1.0

data/app/models/formblocks/form.rb

@@ -0,0 +1,197 @@
+# frozen_string_literal: true
+
+module Formblocks
+  # A form: a title, a slug for its public URL, brand colors, a logo, and its
+  # pages. Every form has at least one step page and exactly one thank-you
+  # page, which is always last.
+  class Form < ApplicationRecord
+    include Attachable
+
+    COLOR_FORMAT = /\A#(?:[0-9a-f]{3}){1,2}\z/i
+    SLUG_FORMAT = /\A[a-z0-9]+(?:-[a-z0-9]+)*\z/
+
+    has_many :pages, -> { order(:position, :id) }, dependent: :destroy, inverse_of: :form
+    has_many :blocks, through: :pages
+    has_many :responses, dependent: :destroy, inverse_of: :form
+    attachable :logo
+
+    normalizes :slug, with: ->(slug) { slug.to_s.strip.downcase.presence }
+    normalizes :primary_color, :button_text_color, with: ->(color) { color.to_s.strip.downcase.presence }
+
+    before_validation :assign_slug
+    after_create :ensure_pages
+
+    validates :title, presence: true, length: { maximum: 200 }
+    validates :slug, presence: true, length: { maximum: 100 }, uniqueness: true,
+                     format: { with: SLUG_FORMAT }
+    validates :primary_color, :button_text_color, format: { with: COLOR_FORMAT }, allow_nil: true
+
+    scope :for_tenant, ->(tenant) { where(tenant: tenant.presence&.to_s) }
+    scope :newest_first, -> { order(updated_at: :desc, id: :desc) }
+    scope :published, -> { where.not(published_at: nil) }
+
+    def published?
+      published_at.present?
+    end
+
+    def status
+      published? ? 'published' : 'draft'
+    end
+
+    def publish!
+      update!(published_at: published_at || Time.current)
+    end
+
+    def unpublish!
+      update!(published_at: nil)
+    end
+
+    # The pages a visitor fills in, in order. The thank-you page is separate.
+    def steps
+      pages.select(&:step?)
+    end
+
+    def thank_you_page
+      pages.find(&:thank_you?)
+    end
+
+    # Every input a visitor can answer, in page order. Answers and CSV columns
+    # follow this order.
+    def input_blocks
+      steps.flat_map(&:blocks).select(&:input?)
+    end
+
+    # The tenant's global settings — the fallback for colors and logo.
+    def settings
+      @settings ||= Setting.for_tenant(tenant)
+    end
+
+    def effective_primary_color
+      primary_color.presence || settings.primary_color.presence || Formblocks.config.default_primary_color
+    end
+
+    def effective_button_text_color
+      button_text_color.presence || settings.button_text_color.presence ||
+        Formblocks.config.default_button_text_color
+    end
+
+    # The form's own logo, else the global one, else nil.
+    def effective_logo
+      return unless Formblocks.attachments?
+      return logo if logo.attached?
+
+      settings.logo if settings.logo.attached?
+    end
+
+    # Puts the thank-you page last and numbers the pages 1..n. Called after
+    # anything that adds, removes or moves a page.
+    def resequence_pages!
+      steps, rest = pages.reload.partition(&:step?)
+      (steps + rest).each_with_index do |page, index|
+        page.update_column(:position, index + 1) unless page.position == index + 1
+      end
+      pages.reset
+    end
+
+    # A deep copy — pages, blocks, logo and images — as a new draft with a
+    # fresh slug. Responses are not copied.
+    def duplicate
+      copy = dup
+      copy.assign_attributes(title: "#{title} (copy)", slug: nil, published_at: nil, responses_count: 0)
+      attachments = [[self, copy, :logo]]
+
+      pages.each do |page|
+        page_copy = page.dup
+        copy.pages << page_copy
+        page.blocks.each do |block|
+          block_copy = block.dup
+          page_copy.blocks << block_copy
+          attachments << [block, block_copy, :image]
+        end
+      end
+
+      transaction do
+        copy.save!
+        attachments.each { |from, to, name| self.class.copy_attachment(from, to, name) }
+      end
+      copy
+    end
+
+    class << self
+      # Builds (does not save) a form from a template definition — see
+      # Formblocks::Templates for the shape.
+      def from_template(definition, tenant: nil, title: nil)
+        definition = definition.to_h.deep_symbolize_keys
+        form = new(title: title.presence || definition[:title], tenant:)
+        keys = []
+
+        Array(definition[:pages]).each_with_index do |page_def, index|
+          page = form.pages.build(kind: 'step', position: index + 1, button_text: page_def[:button_text])
+          build_blocks(page, page_def[:blocks], keys)
+        end
+
+        thank_you = form.pages.build(kind: 'thank_you', position: form.pages.size + 1)
+        build_blocks(thank_you, definition.dig(:thank_you, :blocks), keys)
+        form
+      end
+
+      # Attachments are copied blob-for-blob rather than shared: purging a
+      # shared blob from one record would take it away from the other.
+      def copy_attachment(from, to, name)
+        return unless Formblocks.attachments?
+
+        source = from.public_send(name)
+        return unless source.attached?
+
+        blob = source.blob
+        to.public_send(name).attach(io: StringIO.new(blob.download), filename: blob.filename.to_s,
+                                    content_type: blob.content_type)
+      end
+
+      private
+
+      def build_blocks(page, definitions, keys)
+        Array(definitions).each_with_index do |attrs, index|
+          attrs = attrs.to_h.symbolize_keys
+          klass = Block.find_kind(attrs.delete(:type))
+          block = page.blocks.build(attrs.merge(type: klass.name, position: index + 1))
+          next unless block.input?
+
+          block.key = Block.unique_key(block.key.presence || block.default_key, keys)
+          keys << block.key
+        end
+      end
+    end
+
+    private
+
+    # From the title on first save, or whenever the slug was blanked in the
+    # settings. A taken slug gets a numeric suffix; a slug the user typed
+    # themselves is validated instead, so they see why it was refused.
+    def assign_slug
+      return if slug.present?
+
+      base = title.to_s.parameterize.presence || 'form'
+      base = base.first(90)
+      candidate = base
+      n = 2
+      while self.class.where.not(id: id).exists?(slug: candidate)
+        candidate = "#{base}-#{n}"
+        n += 1
+      end
+      self.slug = candidate
+    end
+
+    def ensure_pages
+      pages.create!(kind: 'step') if pages.none?(&:step?)
+      if pages.none?(&:thank_you?)
+        thank_you = pages.create!(kind: 'thank_you')
+        thank_you.blocks.create!(type: 'Formblocks::Blocks::Heading',
+                                 content: I18n.t('formblocks.public.thanks_title'))
+        thank_you.blocks.create!(type: 'Formblocks::Blocks::Paragraph',
+                                 content: I18n.t('formblocks.public.thanks_message'))
+      end
+      resequence_pages!
+    end
+  end
+end

data/app/models/formblocks/page.rb

@@ -0,0 +1,79 @@
+# frozen_string_literal: true
+
+module Formblocks
+  # One screen of a form. `step` pages hold the blocks a visitor fills in and
+  # end in a button; the single `thank_you` page is shown after submission
+  # and takes content blocks only.
+  class Page < ApplicationRecord
+    KINDS = %w[step thank_you].freeze
+
+    belongs_to :form, inverse_of: :pages, touch: true
+    has_many :blocks, -> { order(:position, :id) }, dependent: :destroy, inverse_of: :page
+
+    validates :kind, inclusion: { in: KINDS }
+    validates :button_text, length: { maximum: 60 }
+
+    before_create :assign_position
+
+    def step?
+      kind == 'step'
+    end
+
+    def thank_you?
+      kind == 'thank_you'
+    end
+
+    # 1-based position among the step pages.
+    def number
+      form.steps.index { |page| page.id == id }.to_i + 1
+    end
+
+    def last_step?
+      form.steps.last&.id == id
+    end
+
+    # The visitor-facing button: the custom text, else "Next" or "Submit".
+    def button_label
+      button_text.presence || I18n.t(last_step? ? 'formblocks.public.submit' : 'formblocks.public.next')
+    end
+
+    # Which block classes the builder may add here.
+    def allowed_block_classes
+      thank_you? ? Block.content_registry : Block.registry
+    end
+
+    # Swap with the neighbouring step. The thank-you page never moves.
+    def move(direction)
+      return unless step?
+
+      list = form.steps
+      index = list.index { |page| page.id == id }
+      other = direction.to_s == 'up' ? index - 1 : index + 1
+      return if index.nil? || other.negative? || other >= list.size
+
+      list[index], list[other] = list[other], list[index]
+      transaction do
+        list.each_with_index { |page, i| page.update_column(:position, i + 1) }
+        form.thank_you_page&.update_column(:position, list.size + 1)
+      end
+      form.pages.reset
+    end
+
+    # Reorder the blocks to match `ids`; ids that are not on this page are
+    # ignored, blocks missing from `ids` keep their relative order at the end.
+    def reorder_blocks(ids)
+      ids = Array(ids).map(&:to_s)
+      ordered = blocks.reload.sort_by.with_index { |block, i| [ids.index(block.id.to_s) || ids.size, i] }
+      transaction do
+        ordered.each_with_index { |block, i| block.update_column(:position, i + 1) }
+      end
+      blocks.reset
+    end
+
+    private
+
+    def assign_position
+      self.position = (form.pages.maximum(:position) || 0) + 1 if position.to_i.zero? && form&.persisted?
+    end
+  end
+end

data/app/models/formblocks/response.rb

@@ -0,0 +1,48 @@
+# frozen_string_literal: true
+
+module Formblocks
+  # One submission of a form. `answers` is a hash keyed by block key
+  # ("email" => "ada@example.com"); validation runs every input block's rules
+  # against it, so the public page can show an error under each field.
+  class Response < ApplicationRecord
+    belongs_to :form, inverse_of: :responses, counter_cache: true
+
+    attribute :answers, default: -> { {} }
+
+    before_validation { self.tenant = form&.tenant }
+    validate :validate_answers
+
+    after_create_commit :notify_host
+
+    scope :for_tenant, ->(tenant) { where(tenant: tenant.presence&.to_s) }
+    scope :newest_first, -> { order(created_at: :desc, id: :desc) }
+
+    # Takes the submitted values (a hash keyed by block key) and keeps only the
+    # form's own inputs, each normalized by its block.
+    def fill(submitted)
+      submitted = submitted.to_h.stringify_keys
+      self.answers = form.input_blocks.to_h do |block|
+        [block.key, block.normalize_answer(submitted[block.key])]
+      end
+      self
+    end
+
+    def answer(block)
+      answers.to_h[block.key]
+    end
+
+    def error_for(block)
+      errors[block.key].first
+    end
+
+    private
+
+    def validate_answers
+      form.input_blocks.each { |block| block.validate_answer(answer(block), errors) }
+    end
+
+    def notify_host
+      Formblocks.config.on_submit.call(self)
+    end
+  end
+end

data/app/models/formblocks/setting.rb

@@ -0,0 +1,19 @@
+# frozen_string_literal: true
+
+module Formblocks
+  # Per-tenant brand defaults: colors and a logo every form inherits unless
+  # it sets its own. One row per tenant, created on first save.
+  class Setting < ApplicationRecord
+    include Attachable
+
+    attachable :logo
+
+    normalizes :primary_color, :button_text_color, with: ->(color) { color.to_s.strip.downcase.presence }
+
+    validates :primary_color, :button_text_color, format: { with: Form::COLOR_FORMAT }, allow_nil: true
+
+    def self.for_tenant(tenant)
+      find_or_initialize_by(tenant: tenant.presence&.to_s)
+    end
+  end
+end

data/app/views/formblocks/blocks/_block.html.erb

@@ -0,0 +1,102 @@
+<% page = block.page %>
+<% form = page.form %>
+<article class="fb-block" id="<%= dom_id(block) %>" data-fb-sortable-target="item" data-id="<%= block.id %>">
+  <header class="fb-block__header">
+    <button type="button" class="fb-block__grip" data-fb-sortable-handle title="<%= t('formblocks.forms.edit.drag') %>"
+            aria-label="<%= t('formblocks.forms.edit.drag') %>"><%= fb_icon(:grip) %></button>
+    <span class="fb-block__type"><%= block.display_name %></span>
+    <div class="fb-actions">
+      <%= button_to move_form_page_block_path(form, page, block, direction: 'up'), method: :patch, class: 'fb-iconbtn',
+                    title: t('formblocks.actions.move_up'), 'aria-label': t('formblocks.actions.move_up'),
+                    form: { data: { turbo_action: 'replace' } } do %><%= fb_icon(:up) %><% end %>
+      <%= button_to move_form_page_block_path(form, page, block, direction: 'down'), method: :patch, class: 'fb-iconbtn',
+                    title: t('formblocks.actions.move_down'), 'aria-label': t('formblocks.actions.move_down'),
+                    form: { data: { turbo_action: 'replace' } } do %><%= fb_icon(:down) %><% end %>
+      <%= button_to form_page_block_path(form, page, block), method: :delete, class: 'fb-iconbtn fb-iconbtn--danger',
+                    title: t('formblocks.actions.delete'), 'aria-label': t('formblocks.actions.delete'),
+                    form: { data: { turbo_confirm: t('formblocks.actions.confirm_delete_block') } } do %><%= fb_icon(:trash) %><% end %>
+    </div>
+  </header>
+
+  <%= form_with model: block, scope: :block, url: form_page_block_path(form, page, block), method: :patch, id: dom_id(block, :form),
+                class: 'fb-block__form',
+                data: { controller: 'fb-autosave',
+                        action: 'input->fb-autosave#queue change->fb-autosave#save turbo:submit-end->fb-autosave#finished' } do |f| %>
+    <%= render 'formblocks/shared/errors', record: block %>
+
+    <% if block.content? %>
+      <div class="fb-field">
+        <%= f.label :content, t('formblocks.fields.content'), class: 'fb-label' %>
+        <%= f.text_area :content, rows: block.kind == 'heading' ? 1 : 3, class: 'fb-input' %>
+      </div>
+    <% end %>
+
+    <% if block.image? %>
+      <% if fb_stored?(block.image) %>
+        <figure class="fb-block__image"><%= image_tag fb_attachment_url(block.image), alt: block.label.to_s %></figure>
+        <label class="fb-check"><%= f.check_box :remove_image %> <%= t('formblocks.fields.remove_image') %></label>
+      <% end %>
+      <% if Formblocks.attachments? %>
+        <div class="fb-field">
+          <%= f.label :image, t('formblocks.fields.image'), class: 'fb-label' %>
+          <%= f.file_field :image, accept: 'image/*', class: 'fb-input fb-input--file' %>
+        </div>
+      <% else %>
+        <p class="fb-hint"><%= t('formblocks.fields.attachments_off') %></p>
+      <% end %>
+      <div class="fb-field">
+        <%= f.label :label, t('formblocks.fields.alt_text'), class: 'fb-label' %>
+        <%= f.text_field :label, class: 'fb-input' %>
+      </div>
+    <% end %>
+
+    <% if block.input? %>
+      <div class="fb-grid">
+        <div class="fb-field">
+          <%= f.label :label, t('formblocks.fields.label'), class: 'fb-label' %>
+          <%= f.text_field :label, class: 'fb-input' %>
+        </div>
+        <% if block.placeholder? %>
+          <div class="fb-field">
+            <%= f.label :placeholder, t('formblocks.fields.placeholder'), class: 'fb-label' %>
+            <%= f.text_field :placeholder, class: 'fb-input' %>
+          </div>
+        <% end %>
+      </div>
+      <% unless block.visible? %>
+        <div class="fb-grid">
+          <div class="fb-field">
+            <%= f.label :key, t('formblocks.fields.key'), class: 'fb-label' %>
+            <%= f.text_field :key, class: 'fb-input fb-input--mono', autocomplete: 'off', spellcheck: false %>
+            <p class="fb-hint"><%= t('formblocks.fields.key_hint') %></p>
+          </div>
+          <div class="fb-field">
+            <%= f.label :content, t('formblocks.fields.value'), class: 'fb-label' %>
+            <%= f.text_field :content, class: 'fb-input' %>
+          </div>
+        </div>
+      <% end %>
+      <% if block.options? %>
+        <div class="fb-field">
+          <%= f.label :options_text, t('formblocks.fields.options'), class: 'fb-label' %>
+          <%= f.text_area :options_text, rows: 4, class: 'fb-input' %>
+          <p class="fb-hint"><%= t('formblocks.fields.options_hint') %></p>
+        </div>
+      <% end %>
+      <% if block.visible? %>
+        <div class="fb-field">
+          <%= f.label :help_text, t('formblocks.fields.help_text'), class: 'fb-label' %>
+          <%= f.text_field :help_text, class: 'fb-input' %>
+        </div>
+      <% end %>
+      <% if block.requirable? %>
+        <label class="fb-check"><%= f.check_box :required %> <%= t('formblocks.fields.required') %></label>
+      <% end %>
+    <% end %>
+
+    <div class="fb-block__footer">
+      <span class="fb-autosave-status" data-fb-autosave-target="status" aria-live="polite"></span>
+      <button class="fb-btn fb-btn--sm fb-nojs" type="submit"><%= t('formblocks.actions.save') %></button>
+    </div>
+  <% end %>
+</article>

data/app/views/formblocks/blocks/_palette.html.erb

@@ -0,0 +1,16 @@
+<details class="fb-palette">
+  <summary class="fb-btn fb-btn--ghost fb-palette__toggle"><%= fb_icon(:plus) %> <%= t('formblocks.forms.edit.add_block') %></summary>
+  <div class="fb-palette__menu">
+    <% classes = page.allowed_block_classes %>
+    <% { content: classes.reject(&:input?), input: classes.select(&:input?) }.each do |group, group_classes| %>
+      <% next if group_classes.empty? %>
+      <div class="fb-palette__group">
+        <p class="fb-palette__title"><%= t("formblocks.forms.edit.#{group}_blocks") %></p>
+        <% group_classes.each do |klass| %>
+          <%= button_to klass.display_name, form_page_blocks_path(form, page, kind: klass.kind),
+                        class: 'fb-palette__item', form: { data: { turbo_action: 'replace' } } %>
+        <% end %>
+      </div>
+    <% end %>
+  </div>
+</details>

data/app/views/formblocks/forms/_header.html.erb

@@ -0,0 +1,19 @@
+<header class="fb-form-header">
+  <%= link_to forms_path, class: 'fb-backlink' do %><%= fb_icon(:back) %> <%= t('formblocks.nav.forms') %><% end %>
+  <div class="fb-form-header__main">
+    <h1 class="fb-h1"><%= form.title %></h1>
+    <%= fb_status_badge(form) %>
+    <% if form.published? %>
+      <%= link_to fb_public_url(form), fb_public_url(form), class: 'fb-link fb-small fb-mono', target: '_blank', rel: 'noopener' %>
+    <% end %>
+  </div>
+  <nav class="fb-tabs">
+    <%= link_to t('formblocks.forms.tabs.builder'), edit_form_path(form),
+                class: class_names('fb-tab', 'is-active': tab == :builder) %>
+    <%= link_to t('formblocks.forms.tabs.settings'), settings_form_path(form),
+                class: class_names('fb-tab', 'is-active': tab == :settings) %>
+    <%= link_to form_responses_path(form), class: class_names('fb-tab', 'is-active': tab == :responses) do %>
+      <%= t('formblocks.forms.tabs.responses') %> <span class="fb-count"><%= form.responses_count %></span>
+    <% end %>
+  </nav>
+</header>

data/app/views/formblocks/forms/edit.html.erb

@@ -0,0 +1,38 @@
+<% content_for :title, @form.title %>
+<%= fb_admin_shell do %>
+  <%= render 'formblocks/forms/header', form: @form, tab: :builder %>
+  <%= formblocks_brand_style(@form) %>
+
+  <div class="fb-builder fb-brand">
+    <% @form.pages.each do |page| %>
+      <% if page.thank_you? %>
+        <div class="fb-add-page">
+          <%= button_to form_pages_path(@form), class: 'fb-btn fb-btn--ghost', form: { data: { turbo_action: 'replace' } } do %>
+            <%= fb_icon(:plus) %> <%= t('.add_page') %>
+          <% end %>
+        </div>
+      <% end %>
+      <%= render 'formblocks/pages/page', page: page, form: @form %>
+    <% end %>
+  </div>
+
+  <footer class="fb-builder-footer">
+    <p class="fb-muted fb-small">
+      <% if @form.published? %>
+        <%= t('.published_hint', url: fb_public_url(@form)) %>
+      <% else %>
+        <%= t('.draft_hint') %>
+      <% end %>
+    </p>
+    <div class="fb-builder-footer__actions">
+      <%= link_to fb_public_url(@form, preview: 1), class: 'fb-btn', target: '_blank', rel: 'noopener' do %>
+        <%= fb_icon(:external) %> <%= t('.preview') %>
+      <% end %>
+      <% if @form.published? %>
+        <%= button_to t('.unpublish'), unpublish_form_path(@form), class: 'fb-btn' %>
+      <% else %>
+        <%= button_to t('.publish'), publish_form_path(@form), class: 'fb-btn fb-btn--primary' %>
+      <% end %>
+    </div>
+  </footer>
+<% end %>

data/app/views/formblocks/forms/index.html.erb

@@ -0,0 +1,48 @@
+<% content_for :title, t('.title') %>
+<%= fb_admin_shell do %>
+  <header class="fb-header">
+    <h1 class="fb-h1"><%= t('.title') %></h1>
+    <%= link_to new_form_path, class: 'fb-btn fb-btn--primary' do %><%= fb_icon(:plus) %> <%= t('.new') %><% end %>
+  </header>
+
+  <% if @forms.empty? %>
+    <div class="fb-card fb-empty">
+      <p><%= t('.empty') %></p>
+      <%= link_to t('.new'), new_form_path, class: 'fb-btn fb-btn--primary' %>
+    </div>
+  <% else %>
+    <div class="fb-card fb-card--flush">
+      <table class="fb-table">
+        <thead>
+          <tr>
+            <th><%= t('.columns.title') %></th>
+            <th><%= t('.columns.status') %></th>
+            <th><%= t('.columns.responses') %></th>
+            <th><%= t('.columns.updated') %></th>
+            <th><span class="fb-sr-only"><%= t('formblocks.actions.actions') %></span></th>
+          </tr>
+        </thead>
+        <tbody>
+          <% @forms.each do |form| %>
+            <tr id="<%= dom_id(form) %>">
+              <td>
+                <%= link_to form.title, edit_form_path(form), class: 'fb-link fb-link--strong' %>
+                <div class="fb-muted fb-small fb-mono">/<%= form.slug %></div>
+              </td>
+              <td><%= fb_status_badge(form) %></td>
+              <td><%= link_to form.responses_count, form_responses_path(form), class: 'fb-link' %></td>
+              <td class="fb-muted"><%= fb_time(form.updated_at) %></td>
+              <td class="fb-table__actions">
+                <%= button_to duplicate_form_path(form), class: 'fb-iconbtn', title: t('formblocks.actions.duplicate'),
+                              'aria-label': t('formblocks.actions.duplicate') do %><%= fb_icon(:duplicate) %><% end %>
+                <%= button_to form_path(form), method: :delete, class: 'fb-iconbtn fb-iconbtn--danger',
+                              title: t('formblocks.actions.delete'), 'aria-label': t('formblocks.actions.delete'),
+                              form: { data: { turbo_confirm: t('formblocks.actions.confirm_delete_form') } } do %><%= fb_icon(:trash) %><% end %>
+              </td>
+            </tr>
+          <% end %>
+        </tbody>
+      </table>
+    </div>
+  <% end %>
+<% end %>

data/app/views/formblocks/forms/new.html.erb

@@ -0,0 +1,26 @@
+<% content_for :title, t('.title') %>
+<%= fb_admin_shell do %>
+  <header class="fb-header">
+    <h1 class="fb-h1"><%= t('.title') %></h1>
+    <%= link_to t('formblocks.actions.cancel'), forms_path, class: 'fb-btn fb-btn--ghost' %>
+  </header>
+
+  <div class="fb-templates">
+    <div class="fb-card fb-template">
+      <h2 class="fb-h3"><%= t('.blank') %></h2>
+      <p class="fb-muted"><%= t('.blank_description') %></p>
+      <%= button_to t('.start_blank'), forms_path, class: 'fb-btn fb-btn--primary' %>
+    </div>
+    <% @templates.each do |key, template| %>
+      <% template = template.to_h.deep_symbolize_keys %>
+      <% pages = Array(template[:pages]) %>
+      <% fields = pages.sum { |page| Array(page[:blocks]).count { |block| Formblocks::Block.find_kind(block[:type]).input? } } %>
+      <div class="fb-card fb-template">
+        <h2 class="fb-h3"><%= template[:title] %></h2>
+        <p class="fb-muted"><%= template[:description] %></p>
+        <p class="fb-small fb-muted"><%= t('.summary', pages: pages.size, fields: fields) %></p>
+        <%= button_to t('.use_template'), forms_path, params: { template: key }, class: 'fb-btn' %>
+      </div>
+    <% end %>
+  </div>
+<% end %>

data/app/views/formblocks/forms/published.html.erb

@@ -0,0 +1,25 @@
+<% content_for :title, t('.title') %>
+<%= fb_admin_shell do %>
+  <div class="fb-card fb-published" data-controller="fb-clipboard" data-fb-clipboard-copied-value="<%= t('.copied') %>">
+    <div class="fb-published__icon"><%= fb_icon(:check) %></div>
+    <h1 class="fb-h1"><%= t('.title') %></h1>
+    <p class="fb-muted"><%= t('.message') %></p>
+
+    <label class="fb-label" for="fb-public-url"><%= t('.url_label') %></label>
+    <div class="fb-input-group">
+      <input id="fb-public-url" class="fb-input fb-input--mono" type="text" readonly value="<%= fb_public_url(@form) %>"
+             data-fb-clipboard-target="source">
+      <button type="button" class="fb-btn" data-action="fb-clipboard#copy">
+        <%= fb_icon(:copy) %> <span data-fb-clipboard-target="label"><%= t('.copy') %></span>
+      </button>
+    </div>
+
+    <div class="fb-published__actions">
+      <%= link_to fb_public_url(@form), class: 'fb-btn fb-btn--primary', target: '_blank', rel: 'noopener' do %>
+        <%= fb_icon(:external) %> <%= t('.open') %>
+      <% end %>
+      <%= link_to t('.view_responses'), form_responses_path(@form), class: 'fb-btn' %>
+      <%= link_to t('.back_to_builder'), edit_form_path(@form), class: 'fb-btn fb-btn--ghost' %>
+    </div>
+  </div>
+<% end %>

data/app/views/formblocks/forms/settings.html.erb

@@ -0,0 +1,43 @@
+<% content_for :title, @form.title %>
+<%= fb_admin_shell do %>
+  <%= render 'formblocks/forms/header', form: @form, tab: :settings %>
+
+  <%= form_with model: @form, url: form_path(@form), method: :patch, class: 'fb-stack' do |f| %>
+    <%= render 'formblocks/shared/errors', record: @form %>
+
+    <section class="fb-card">
+      <h2 class="fb-h2"><%= t('.general') %></h2>
+      <div class="fb-field">
+        <%= f.label :title, t('formblocks.fields.title'), class: 'fb-label' %>
+        <%= f.text_field :title, class: 'fb-input', required: true %>
+      </div>
+      <div class="fb-field">
+        <%= f.label :slug, t('formblocks.fields.slug'), class: 'fb-label' %>
+        <div class="fb-input-group">
+          <span class="fb-input-group__prefix fb-mono"><%= fb_public_base_url %>/</span>
+          <%= f.text_field :slug, class: 'fb-input fb-input--mono', autocomplete: 'off', spellcheck: false %>
+        </div>
+        <p class="fb-hint"><%= t('.slug_hint') %></p>
+      </div>
+    </section>
+
+    <section class="fb-card">
+      <h2 class="fb-h2"><%= t('.branding') %></h2>
+      <p class="fb-muted"><%= t('.branding_hint') %></p>
+      <%= render 'formblocks/shared/brand_fields', f: f, record: @form, logo_hint: nil,
+                 fallbacks: { primary_color: @form.settings.primary_color.presence || Formblocks.config.default_primary_color,
+                              button_text_color: @form.settings.button_text_color.presence || Formblocks.config.default_button_text_color } %>
+    </section>
+
+    <div class="fb-form-actions">
+      <%= f.submit t('formblocks.actions.save'), class: 'fb-btn fb-btn--primary' %>
+    </div>
+  <% end %>
+
+  <section class="fb-card fb-card--danger">
+    <h2 class="fb-h2"><%= t('.danger') %></h2>
+    <p class="fb-muted"><%= t('.delete_hint') %></p>
+    <%= button_to t('formblocks.actions.delete_form'), form_path(@form), method: :delete, class: 'fb-btn fb-btn--danger',
+                  form: { data: { turbo_confirm: t('formblocks.actions.confirm_delete_form') } } %>
+  </section>
+<% end %>