postnhost 0.0.0 → 0.1.0

data/app/views/postnhost/settings/sections/_feature_flags.html.erb

@@ -0,0 +1,43 @@
+<div class="mb-6">
+  <h2 class="text-xl font-medium tracking-tight text-gray-700">Feature Flags</h2>
+  <p class="mt-1 text-sm text-gray-500">Enable or disable public-facing CMS features.</p>
+</div>
+
+<%= form_with model: @setting, url: settings_path(section: "feature_flags"), method: :patch, class: "space-y-6" do |f| %>
+  <%= render "postnhost/shared/form_errors", resource: @setting %>
+
+  <label class="flex items-start gap-3 rounded-xl border border-gray-200 bg-gray-50 p-4 cursor-pointer">
+    <%= f.check_box :author_pages_enabled, class: "mt-1 rounded border-gray-300 text-gray-900 focus:ring-gray-900" %>
+    <span class="space-y-1">
+      <span class="flex items-center gap-2 text-sm font-medium text-gray-900">
+        <%= icon("users", css_class: "h-4 w-4 text-gray-500") %>
+        Author pages
+      </span>
+      <span class="block text-xs text-gray-500">When enabled, public author profile pages and byline links are available.</span>
+    </span>
+  </label>
+
+  <label class="flex items-start gap-3 rounded-xl border border-gray-200 bg-gray-50 p-4 cursor-pointer">
+    <%= f.check_box :search_enabled, class: "mt-1 rounded border-gray-300 text-gray-900 focus:ring-gray-900" %>
+    <span class="space-y-1">
+      <span class="flex items-center gap-2 text-sm font-medium text-gray-900">
+        <%= icon("magnifying-glass", css_class: "h-4 w-4 text-gray-500") %>
+        Site search
+      </span>
+      <span class="block text-xs text-gray-500">When enabled, visitors can search published articles from the public site.</span>
+    </span>
+  </label>
+
+  <label class="flex items-start gap-3 rounded-xl border border-gray-200 bg-gray-50 p-4 cursor-pointer">
+    <%= f.check_box :show_powered_by, class: "mt-1 rounded border-gray-300 text-gray-900 focus:ring-gray-900" %>
+    <span class="space-y-1">
+      <span class="flex items-center gap-2 text-sm font-medium text-gray-900">
+        <%= icon("external-link", css_class: "h-4 w-4 text-gray-500") %>
+        Show “Powered by PostnHost”
+      </span>
+      <span class="block text-xs text-gray-500">When enabled, a link to postnhost.com appears in the public footer.</span>
+    </span>
+  </label>
+
+  <%= f.submit "Save Feature Flags", class: button_classes %>
+<% end %>

data/app/views/postnhost/settings/sections/_i18n.html.erb

@@ -0,0 +1,57 @@
+<div class="mb-6">
+  <h2 class="text-xl font-medium tracking-tight text-gray-700">I18n</h2>
+  <p class="mt-1 text-sm text-gray-500">Edit postnhost locale keys.</p>
+</div>
+
+<%= render 'postnhost/shared/form_errors', resource: @setting if @setting.errors.any? %>
+
+<div class="mb-6">
+  <% if @locale_keys.any? %>
+    <%= form_with url: edit_settings_path, method: :get, class: "space-y-2" do %>
+      <%= hidden_field_tag :section, 'i18n' %>
+      <label for="locale-selector" class="<%= form_label_classes %>">Locale</label>
+      <%= select_tag :locale,
+        options_for_select(@locale_keys, @selected_locale_key),
+        id: 'locale-selector',
+        class: form_input_classes,
+        onchange: 'this.form.requestSubmit()' %>
+    <% end %>
+  <% else %>
+    <p class="text-sm text-gray-500">No languages found. Create a language first to edit i18n settings.</p>
+  <% end %>
+</div>
+
+<% if @locale_keys.any? %>
+  <%= form_with url: settings_path(section: 'i18n'), method: :patch, class: "space-y-6" do %>
+    <%= hidden_field_tag :locale_key, @selected_locale_key %>
+
+    <% translation_entries_primary.each do |key, value| %>
+      <div class="space-y-2">
+        <label for="translation_<%= key.parameterize %>" class="<%= form_label_classes %>"><%= site_copy_label(key, include_key: true) %></label>
+        <%= text_field_tag "translations[#{key}]",
+          value,
+          id: "translation_#{key.parameterize}",
+          class: form_input_classes %>
+      </div>
+    <% end %>
+
+    <% if translation_entries_advanced.any? %>
+      <details class="rounded-xl">
+        <summary class="text-sm font-medium text-gray-700 cursor-pointer select-none">Advanced</summary>
+        <div class="mt-4 space-y-4">
+          <% translation_entries_advanced.each do |key, value| %>
+            <div class="space-y-2">
+              <label for="translation_<%= key.parameterize %>" class="<%= form_label_classes %>"><%= key %></label>
+              <%= text_field_tag "translations[#{key}]",
+                value,
+                id: "translation_#{key.parameterize}",
+                class: form_input_classes %>
+            </div>
+          <% end %>
+        </div>
+      </details>
+    <% end %>
+
+    <%= submit_tag 'Save I18n', class: button_classes %>
+  <% end %>
+<% end %>

data/app/views/postnhost/settings/sections/_navigation.html.erb

@@ -0,0 +1,98 @@
+<div class="mb-6">
+  <h2 class="text-xl font-medium tracking-tight text-gray-700">Navigation</h2>
+  <p class="mt-1 text-sm text-gray-500">Choose automatic or custom navigation independently for the header and footer.</p>
+</div>
+
+<% if @navigation_locale_keys.any? %>
+  <div class="mb-6">
+    <%= form_with url: edit_settings_path, method: :get, class: "space-y-2" do %>
+      <%= hidden_field_tag :section, 'navigation' %>
+      <label for="navigation-locale-selector" class="<%= form_label_classes %>">Language</label>
+      <%= select_tag :locale,
+        options_for_select(@navigation_locale_keys, @selected_navigation_locale_key),
+        id: 'navigation-locale-selector',
+        class: "block w-full rounded-xl border-gray-200 bg-gray-50 px-4 py-3 text-sm font-medium text-gray-900 transition-all duration-200 focus:border-gray-900 focus:bg-white focus:ring-0",
+        onchange: 'this.form.requestSubmit()' %>
+    <% end %>
+    <p class="mt-2 text-xs text-gray-500">Labels fallback to default language when missing.</p>
+  </div>
+
+  <%= form_with url: settings_path(section: "navigation"), method: :patch, class: "space-y-4", data: { controller: "navigation-builder", action: "submit->navigation-builder#syncBeforeSubmit turbo:submit-start->navigation-builder#syncBeforeSubmit", navigation_builder_tree_value: @navigation_tree.to_json, navigation_builder_locale_value: @selected_navigation_locale_key } do %>
+    <%= render 'postnhost/shared/form_errors', resource: @setting %>
+    <div class="hidden" aria-hidden="true">
+      <span data-navigation-builder-target="dragHandleIconTemplate"><%= icon("drag-handle", css_class: "h-5 w-5") %></span>
+      <span data-navigation-builder-target="chevronDownIconTemplate"><%= icon("chevron-down", css_class: "h-4 w-4") %></span>
+    </div>
+    <%= hidden_field_tag :locale_key, @selected_navigation_locale_key %>
+
+    <div class="space-y-3">
+      <label class="flex items-start gap-3 rounded-xl border border-gray-200 bg-gray-50 p-3 cursor-pointer">
+        <%= hidden_field_tag "setting[use_auto_header_navigation]", "0" %>
+        <%= check_box_tag "setting[use_auto_header_navigation]", "1", @setting.use_auto_header_navigation, class: "mt-1 rounded border-gray-300 text-gray-900 focus:ring-gray-900", data: { action: "navigation-builder#toggleHeaderMode", navigation_builder_target: "headerToggle" } %>
+        <span class="space-y-1">
+          <span class="flex items-center gap-2 text-sm font-medium text-gray-900">
+            <%= icon("sparkles", css_class: "h-4 w-4 text-gray-500") %>
+            Use auto-generated header navigation
+          </span>
+          <span class="block text-xs text-gray-500">When enabled, the public header uses the template's built-in navigation.</span>
+        </span>
+      </label>
+
+      <div data-navigation-builder-target="headerBuilder" class="<%= @setting.use_auto_header_navigation ? 'hidden' : '' %> rounded-xl border border-gray-200 bg-white overflow-hidden">
+        <div class="flex flex-wrap items-center justify-between gap-2 px-4 py-3 border-b border-gray-200">
+          <h3 class="flex items-center gap-2 text-sm font-semibold text-gray-900">
+            <%= icon("bars", css_class: "h-4 w-4 text-gray-500") %>
+            Header Navigation
+          </h3>
+          <div class="flex gap-2">
+            <button type="button" class="inline-flex items-center gap-1.5 px-2.5 py-1.5 rounded-md text-xs border border-gray-300 hover:bg-gray-50 cursor-pointer" data-action="navigation-builder#addHeaderLink">
+              <%= icon("plus", css_class: "h-3.5 w-3.5") %> Link
+            </button>
+            <button type="button" class="inline-flex items-center gap-1.5 px-2.5 py-1.5 rounded-md text-xs border border-gray-300 hover:bg-gray-50 cursor-pointer" data-action="navigation-builder#addHeaderDropdown">
+              <%= icon("chevron-down", css_class: "h-3.5 w-3.5") %> Dropdown
+            </button>
+          </div>
+        </div>
+        <div class="p-2 bg-gray-50">
+          <div class="space-y-1.5" data-navigation-builder-target="headerList"></div>
+        </div>
+      </div>
+    </div>
+
+    <div class="space-y-3">
+      <label class="flex items-start gap-3 rounded-xl border border-gray-200 bg-gray-50 p-3 cursor-pointer">
+        <%= hidden_field_tag "setting[use_auto_footer_navigation]", "0" %>
+        <%= check_box_tag "setting[use_auto_footer_navigation]", "1", @setting.use_auto_footer_navigation, class: "mt-1 rounded border-gray-300 text-gray-900 focus:ring-gray-900", data: { action: "navigation-builder#toggleFooterMode", navigation_builder_target: "footerToggle" } %>
+        <span class="space-y-1">
+          <span class="flex items-center gap-2 text-sm font-medium text-gray-900">
+            <%= icon("sparkles", css_class: "h-4 w-4 text-gray-500") %>
+            Use auto-generated footer navigation
+          </span>
+          <span class="block text-xs text-gray-500">When enabled, the public footer uses the built-in categories and pages navigation.</span>
+        </span>
+      </label>
+
+      <div data-navigation-builder-target="footerBuilder" class="<%= @setting.use_auto_footer_navigation ? 'hidden' : '' %> rounded-xl border border-gray-200 bg-white overflow-hidden">
+        <div class="flex flex-wrap items-center justify-between gap-2 px-4 py-3 border-b border-gray-200">
+          <h3 class="flex items-center gap-2 text-sm font-semibold text-gray-900">
+            <%= icon("layers", css_class: "h-4 w-4 text-gray-500") %>
+            Footer Columns
+          </h3>
+          <button type="button" class="inline-flex items-center gap-1.5 px-2.5 py-1.5 rounded-md text-xs border border-gray-300 hover:bg-gray-50 cursor-pointer" data-action="navigation-builder#addFooterColumn">
+            <%= icon("plus", css_class: "h-3.5 w-3.5") %> Column
+          </button>
+        </div>
+        <div class="p-2 bg-gray-50">
+          <div class="space-y-1.5" data-navigation-builder-target="footerList"></div>
+        </div>
+      </div>
+    </div>
+
+    <%= hidden_field_tag "navigation[tree]", @navigation_tree.to_json, data: { navigation_builder_target: "treeInput" } %>
+    <%= hidden_field_tag "navigation[target_options]", @navigation_target_options.to_json, data: { navigation_builder_target: "targetOptions" } %>
+
+    <%= submit_tag 'Save Navigation', class: button_classes %>
+  <% end %>
+<% else %>
+  <p class="text-sm text-gray-500">No languages found. Create a language first to edit navigation labels.</p>
+<% end %>

data/app/views/postnhost/settings/sections/_schema.html.erb

@@ -0,0 +1,253 @@
+        <div class="mb-6">
+          <h2 class="text-xl font-medium tracking-tight text-gray-700">Schema</h2>
+          <p class="mt-1 text-sm text-gray-500">Configure WebSite, Organization, and default Article schema values.</p>
+        </div>
+
+        <div class="mb-6">
+          <% if @schema_locale_keys.any? %>
+            <%= form_with url: edit_settings_path, method: :get, class: "space-y-2" do %>
+              <%= hidden_field_tag :section, 'schema' %>
+              <label for="schema-locale-selector" class="<%= form_label_classes %>">Language</label>
+              <%= select_tag :locale,
+                options_for_select(@schema_locale_keys, @schema_selected_locale_key),
+                id: "schema-locale-selector",
+                class: form_input_classes,
+                onchange: "this.form.requestSubmit()" %>
+            <% end %>
+            <p class="mt-2 text-xs text-gray-500">Leave localized fields blank to inherit from default language (<%= @schema_default_locale_key %>).</p>
+          <% end %>
+        </div>
+
+        <%= form_with url: settings_path(section: 'schema'), method: :patch, class: "space-y-6" do %>
+          <%= render 'postnhost/shared/form_errors', resource: @setting %>
+          <%= hidden_field_tag :locale_key, @schema_selected_locale_key %>
+
+          <div class="rounded-xl border border-gray-200 p-4 space-y-4">
+            <h3 class="text-base font-medium text-gray-900">WebSite</h3>
+
+            <div class="space-y-2">
+              <label for="schema_translation_website_name" class="<%= form_label_classes %>">name</label>
+              <%= text_field_tag "schema_translations[website_name]",
+                @schema_translation_entries["website_name"],
+                id: "schema_translation_website_name",
+                class: form_input_classes,
+                placeholder: "Name of the site or publication" %>
+            </div>
+
+            <div class="space-y-2">
+              <label for="schema_translation_website_description" class="<%= form_label_classes %>">description</label>
+              <%= text_area_tag "schema_translations[website_description]",
+                @schema_translation_entries["website_description"],
+                id: "schema_translation_website_description",
+                rows: 3,
+                class: form_textarea_classes,
+                placeholder: "Description under 250 characters." %>
+            </div>
+
+            <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+              <div class="space-y-2">
+                <label for="schema_derived_website_in_language" class="<%= form_label_classes %>">inLanguage</label>
+                <%= text_field_tag "schema_derived_website_in_language",
+                  @schema_selected_locale_key,
+                  id: "schema_derived_website_in_language",
+                  class: "w-full px-3 py-2 border border-gray-200 rounded-xl focus:outline-none focus:ring-2 focus:ring-gray-900 focus:border-transparent text-sm disabled:bg-gray-100",
+                  readonly: true,
+                  disabled: true %>
+              </div>
+
+              <div class="space-y-2">
+                <label for="schema_derived_website_publisher_id" class="<%= form_label_classes %>">publisherId</label>
+                <%= text_field_tag "schema_derived_website_publisher_id",
+                  "#{postnhost.root_url.to_s.chomp('/')}/#organization",
+                  id: "schema_derived_website_publisher_id",
+                  class: "w-full px-3 py-2 border border-gray-200 rounded-xl focus:outline-none focus:ring-2 focus:ring-gray-900 focus:border-transparent text-sm disabled:bg-gray-100",
+                  readonly: true,
+                  disabled: true %>
+              </div>
+            </div>
+          </div>
+
+          <div class="rounded-xl border border-gray-200 p-4 space-y-4">
+            <h3 class="text-base font-medium text-gray-900">Organization</h3>
+
+            <div class="space-y-2">
+              <label for="schema_settings_organization_type" class="<%= form_label_classes %>">orgType</label>
+              <%= select_tag "schema_settings[organization_type]",
+                options_for_select(schema_organization_type_options, @schema_setting_values["organization_type"].presence || "Organization"),
+                id: "schema_settings_organization_type",
+                class: form_input_classes %>
+            </div>
+
+            <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+              <div class="space-y-2">
+                <label for="schema_translation_organization_name" class="<%= form_label_classes %>">name</label>
+                <%= text_field_tag "schema_translations[organization_name]",
+                  @schema_translation_entries["organization_name"],
+                  id: "schema_translation_organization_name",
+                  class: form_input_classes,
+                  placeholder: "Defaults to publication name." %>
+              </div>
+
+              <div class="space-y-2">
+                <label for="schema_translation_organization_alternate_name" class="<%= form_label_classes %>">alternateName (Optional)</label>
+                <%= text_field_tag "schema_translations[organization_alternate_name]",
+                  @schema_translation_entries["organization_alternate_name"],
+                  id: "schema_translation_organization_alternate_name",
+                  class: form_input_classes,
+                  placeholder: "Abbreviation or alternative brand name." %>
+              </div>
+            </div>
+
+            <div class="space-y-2">
+              <label for="schema_translation_organization_description" class="<%= form_label_classes %>">description</label>
+              <%= text_area_tag "schema_translations[organization_description]",
+                @schema_translation_entries["organization_description"],
+                id: "schema_translation_organization_description",
+                rows: 3,
+                class: form_textarea_classes,
+                placeholder: "Defaults to site description." %>
+            </div>
+
+            <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+              <div class="space-y-2">
+                <label for="schema_settings_founding_date" class="<%= form_label_classes %>">foundingDate (Optional)</label>
+                <%= date_field_tag "schema_settings[founding_date]",
+                  @schema_setting_values["founding_date"],
+                  id: "schema_settings_founding_date",
+                  class: form_input_classes %>
+              </div>
+
+              <div class="space-y-2">
+                <label for="schema_settings_founding_location" class="<%= form_label_classes %>">foundingLocation (Optional)</label>
+                <%= text_field_tag "schema_settings[founding_location]",
+                  @schema_setting_values["founding_location"],
+                  id: "schema_settings_founding_location",
+                  class: form_input_classes,
+                  placeholder: "City, Country" %>
+              </div>
+            </div>
+
+            <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+              <div class="space-y-2">
+                <label for="schema_settings_contact_email" class="<%= form_label_classes %>">contactEmail (Optional)</label>
+                <%= email_field_tag "schema_settings[contact_email]",
+                  @schema_setting_values["contact_email"],
+                  id: "schema_settings_contact_email",
+                  class: form_input_classes,
+                  placeholder: "contact@example.com" %>
+              </div>
+
+              <div class="space-y-2">
+                <label for="schema_settings_contact_type" class="<%= form_label_classes %>">contactType (Optional)</label>
+                <%= select_tag "schema_settings[contact_type]",
+                  options_for_select(schema_contact_type_options, @schema_setting_values["contact_type"]),
+                  include_blank: "Select contact type",
+                  id: "schema_settings_contact_type",
+                  class: form_input_classes %>
+              </div>
+            </div>
+
+            <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
+              <div class="space-y-2 md:col-span-2">
+                <label for="schema_settings_address" class="<%= form_label_classes %>">address (Optional)</label>
+                <%= text_field_tag "schema_settings[address]",
+                  @schema_setting_values["address"],
+                  id: "schema_settings_address",
+                  class: form_input_classes %>
+              </div>
+
+              <div class="space-y-2">
+                <label for="schema_settings_address_city" class="<%= form_label_classes %>">addressCity (Optional)</label>
+                <%= text_field_tag "schema_settings[address_city]",
+                  @schema_setting_values["address_city"],
+                  id: "schema_settings_address_city",
+                  class: form_input_classes %>
+              </div>
+            </div>
+
+            <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+              <div class="space-y-2">
+                <label for="schema_settings_address_country" class="<%= form_label_classes %>">addressCountry (Optional)</label>
+                <%= text_field_tag "schema_settings[address_country]",
+                  @schema_setting_values["address_country"],
+                  id: "schema_settings_address_country",
+                  class: form_input_classes,
+                  placeholder: "US, GB, etc." %>
+              </div>
+
+              <div class="space-y-2">
+                <label for="schema_settings_same_as" class="<%= form_label_classes %>">sameAs (Optional, one URL per line)</label>
+                <%= text_area_tag "schema_settings[same_as]",
+                  schema_array_to_multiline(@schema_setting_values["same_as"]),
+                  id: "schema_settings_same_as",
+                  rows: 3,
+                  class: form_textarea_classes,
+                  placeholder: "https://twitter.com/...\nhttps://linkedin.com/..." %>
+              </div>
+            </div>
+
+            <div class="space-y-2">
+              <label for="schema_derived_organization_logo_url" class="<%= form_label_classes %>">logoUrl</label>
+              <%= text_field_tag "schema_derived_organization_logo_url",
+                setting_site_logo_absolute_url,
+                id: "schema_derived_organization_logo_url",
+                class: "w-full px-3 py-2 border border-gray-200 rounded-xl focus:outline-none focus:ring-2 focus:ring-gray-900 focus:border-transparent text-sm disabled:bg-gray-100",
+                readonly: true,
+                disabled: true %>
+              <p class="text-xs text-gray-500">Update this value from Settings -> Assets -> Site Logo.</p>
+            </div>
+          </div>
+
+          <div class="rounded-xl border border-gray-200 p-4 space-y-4">
+            <h3 class="text-base font-medium text-gray-900">Article Defaults</h3>
+
+            <div class="space-y-2">
+              <label for="schema_settings_default_article_type" class="<%= form_label_classes %>">articleType (default)</label>
+              <%= select_tag "schema_settings[default_article_type]",
+                options_for_select(schema_article_type_options, @schema_setting_values["default_article_type"].presence || "BlogPosting"),
+                id: "schema_settings_default_article_type",
+                class: form_input_classes %>
+              <p class="text-xs text-gray-500">Each article can override this type from the article editor sidebar.</p>
+            </div>
+          </div>
+
+          <details class="group rounded-xl border border-gray-200 p-4">
+            <summary class="cursor-pointer list-none flex items-center justify-between">
+              <span class="text-base font-medium text-gray-900">Policies</span>
+              <%= icon("chevron-down", css_class: "w-4 h-4 text-gray-400 transition-transform duration-200 group-open:rotate-180") %>
+            </summary>
+            <div class="mt-4 space-y-4">
+              <% schema_policy_fields.each do |key, label| %>
+                <div class="space-y-2">
+                  <label for="schema_settings_policy_<%= key %>" class="<%= form_label_classes %>"><%= label %> (Optional)</label>
+                  <%= url_field_tag "schema_settings[policies][#{key}]",
+                    @schema_setting_values.dig("policies", key),
+                    id: "schema_settings_policy_#{key}",
+                    class: form_input_classes,
+                    placeholder: "https://example.com/policy" %>
+                </div>
+              <% end %>
+
+              <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+                <div class="space-y-2">
+                  <label for="schema_settings_coverage_starts_at" class="<%= form_label_classes %>">coverageStartsAt (Optional)</label>
+                  <%= text_field_tag "schema_settings[coverage_starts_at]",
+                    @schema_setting_values["coverage_starts_at"],
+                    id: "schema_settings_coverage_starts_at",
+                    class: form_input_classes,
+                    placeholder: "Optional date or date-time" %>
+                </div>
+                <div class="space-y-2">
+                  <label for="schema_settings_coverage_ends_at" class="<%= form_label_classes %>">coverageEndsAt (Optional)</label>
+                  <%= text_field_tag "schema_settings[coverage_ends_at]",
+                    @schema_setting_values["coverage_ends_at"],
+                    id: "schema_settings_coverage_ends_at",
+                    class: form_input_classes,
+                    placeholder: "Optional date or date-time" %>
+                </div>
+              </div>
+            </div>
+          </details>
+
+          <%= submit_tag 'Save Schema', class: button_classes %>
+        <% end %>

data/app/views/postnhost/settings/sections/_scripts.html.erb

@@ -0,0 +1,79 @@
+<div class="mb-6">
+  <h2 class="text-xl font-medium tracking-tight text-gray-700">Scripts</h2>
+  <p class="mt-1 max-w-2xl text-sm text-gray-500">Add analytics, verification, and other integration tags to every public page.</p>
+</div>
+
+<div class="space-y-8">
+  <%= form_with model: @new_site_script, url: settings_site_scripts_path(section: "scripts"), method: :post, class: "space-y-4" do |f| %>
+    <%= render "postnhost/shared/form_errors", resource: @new_site_script if @new_site_script.errors.any? %>
+
+    <div class="grid grid-cols-1 gap-4 md:grid-cols-[minmax(0,12rem)_minmax(0,1fr)]">
+      <div class="space-y-2">
+        <%= f.label :placement, "Placement", class: form_label_classes %>
+        <%= f.select :placement,
+          options_for_select(Postnhost::SiteScript::PLACEMENTS.map { |placement| [placement.humanize, placement] }, @new_site_script.placement || "head"),
+          {},
+          class: form_input_classes %>
+      </div>
+
+      <div class="space-y-2">
+        <%= f.label :script, "Script or tag", class: form_label_classes %>
+        <%= f.text_area :script,
+          rows: 5,
+          class: "#{form_textarea_classes} font-mono leading-6",
+          placeholder: '<script src="https://analytics.example.com/analytics.js" async></script>',
+          spellcheck: false %>
+      </div>
+    </div>
+
+    <%= f.submit "Add script", class: button_classes %>
+  <% end %>
+
+  <section aria-labelledby="existing-scripts-heading">
+    <div class="mb-4">
+      <h3 id="existing-scripts-heading" class="text-base font-medium text-gray-900">Existing scripts</h3>
+      <p class="mt-1 text-xs text-gray-500">Tags are rendered in the order shown within each placement.</p>
+    </div>
+
+    <% if @site_scripts.any? %>
+      <div class="divide-y divide-gray-200 overflow-hidden rounded-xl border border-gray-200">
+        <% @site_scripts.each do |site_script| %>
+          <%= form_with model: site_script, url: settings_site_script_path(site_script, section: "scripts"), method: :patch, class: "space-y-4 p-4" do |f| %>
+            <%= render "postnhost/shared/form_errors", resource: site_script if site_script.errors.any? %>
+
+            <div class="grid grid-cols-1 gap-4 md:grid-cols-[minmax(0,12rem)_minmax(0,1fr)]">
+              <div class="space-y-2">
+                <%= f.label :placement, "Placement", class: form_label_classes %>
+                <%= f.select :placement,
+                  options_for_select(Postnhost::SiteScript::PLACEMENTS.map { |placement| [placement.humanize, placement] }, site_script.placement),
+                  {},
+                  class: form_input_classes %>
+              </div>
+
+              <div class="space-y-2">
+                <%= f.label :script, "Script or tag", class: form_label_classes %>
+                <%= f.text_area :script,
+                  rows: 5,
+                  class: "#{form_textarea_classes} font-mono leading-6",
+                  spellcheck: false %>
+              </div>
+            </div>
+
+            <div class="flex flex-wrap items-center justify-end gap-3 border-t border-gray-100 pt-4">
+              <%= link_to "Delete",
+                settings_site_script_path(site_script, section: "scripts"),
+                data: { turbo_method: :delete, turbo_confirm: "Delete this script?" },
+                class: button_classes(variant: :danger) %>
+              <%= f.submit "Save changes", class: button_classes %>
+            </div>
+          <% end %>
+        <% end %>
+      </div>
+    <% else %>
+      <div class="rounded-xl border border-gray-200 bg-gray-50 px-5 py-6">
+        <p class="text-sm font-medium text-gray-900">No scripts added</p>
+        <p class="mt-1 max-w-xl text-xs leading-5 text-gray-500">Add your first integration above. Most analytics and verification tags belong in the head.</p>
+      </div>
+    <% end %>
+  </section>
+</div>

data/app/views/postnhost/settings/sections/_site.html.erb

@@ -0,0 +1,41 @@
+<div class="mb-6">
+  <h2 class="text-xl font-medium tracking-tight text-gray-700">Site</h2>
+  <p class="mt-1 max-w-2xl text-sm text-gray-500">Configure the canonical origin and public article pagination.</p>
+</div>
+
+<%= form_with model: @setting, url: settings_path(section: "site"), method: :patch, class: "space-y-6" do |f| %>
+  <%= render "postnhost/shared/form_errors", resource: @setting %>
+
+  <div class="space-y-2">
+    <%= f.label :site_url, "Site URL", class: form_label_classes %>
+    <%= f.url_field :site_url,
+      class: form_input_classes,
+      placeholder: "https://example.com",
+      autocomplete: "url" %>
+    <p class="text-xs text-gray-500">Optional dashboard override for canonical links, structured data, and sitemap URLs.</p>
+  </div>
+
+  <label class="flex cursor-pointer items-start gap-3 rounded-xl border border-gray-200 bg-gray-50 p-4">
+    <%= f.check_box :site_indexing,
+      { class: "mt-0.5 h-4 w-4 cursor-pointer rounded border-gray-300 text-gray-900 focus:ring-gray-900" },
+      "index",
+      "noindex" %>
+    <span class="space-y-1">
+      <span class="block text-sm font-medium text-gray-900">Allow search engines to index this site</span>
+      <span class="block text-xs text-gray-500">Turn this off to output noindex, nofollow on every public page.</span>
+    </span>
+  </label>
+
+  <div class="space-y-2">
+    <%= f.label :public_page_size, "Articles per page", class: form_label_classes %>
+    <%= f.number_field :public_page_size,
+      class: form_input_classes,
+      min: Postnhost::Setting::PUBLIC_PAGE_SIZE_RANGE.begin,
+      max: Postnhost::Setting::PUBLIC_PAGE_SIZE_RANGE.end,
+      placeholder: 12,
+      step: 1 %>
+    <p class="text-xs text-gray-500">Optional dashboard override for public article, category, and author listings. Default: <%= Postnhost.config.public_page_size %>. Choose between 1 and 100.</p>
+  </div>
+
+  <%= f.submit "Save Site Settings", class: button_classes %>
+<% end %>

data/app/views/postnhost/settings/sections/_timezone.html.erb

@@ -0,0 +1,19 @@
+<div class="mb-6">
+  <h2 class="text-xl font-medium tracking-tight text-gray-700">Timezone</h2>
+  <p class="mt-1 text-sm text-gray-500">Set your site's timezone.</p>
+</div>
+
+<%= form_with model: @setting, url: settings_path(section: 'timezone'), method: :patch, class: "space-y-6" do |f| %>
+  <%= render 'postnhost/shared/form_errors', resource: @setting %>
+
+  <div class="space-y-2">
+    <%= f.label :timezone, 'Timezone', class: form_label_classes %>
+    <%= f.select :timezone,
+      options_for_select(postnhost_timezone_options, ActiveSupport::TimeZone[@setting.timezone.presence || Postnhost.config.default_timezone]&.tzinfo&.name),
+      {},
+      class: form_input_classes %>
+    <p class="text-xs text-gray-500">Default timezone from config: <%= Postnhost.config.default_timezone %></p>
+  </div>
+
+  <%= f.submit 'Save Timezone', class: button_classes %>
+<% end %>