postnhost 0.0.0 → 0.1.0

data/app/services/postnhost/translation/openai_llm_client.rb

@@ -0,0 +1,30 @@
+module Postnhost
+  module Translation
+    class OpenaiLlmClient
+      DEFAULT_MODEL = "gpt-5.6-luna"
+      TIMEOUT = 1240
+
+      def initialize(client: nil)
+        @client = client
+      end
+
+      def text_response(prompt, model: Postnhost.config.openai_gpt_model || DEFAULT_MODEL)
+        response = client.responses.create(
+          model: model,
+          input: prompt
+        )
+
+        response.output_text.strip
+      end
+
+      private
+
+      def client
+        @client ||= OpenAI::Client.new(
+          api_key: Postnhost.config.openai_api_key,
+          timeout: TIMEOUT
+        )
+      end
+    end
+  end
+end

data/app/services/postnhost/translation/page_variant_translator.rb

@@ -0,0 +1,55 @@
+module Postnhost
+  module Translation
+    class PageVariantTranslator < BaseService
+      def initialize(page_id:, language_id:, llm_client: OpenaiLlmClient.new)
+        @page_id = page_id
+        @language_id = language_id
+        @llm_client = llm_client
+      end
+
+      def call
+        load_records
+        return failure("Translation source or language not found") unless page && language
+        return failure("Published translation source not found") unless source
+
+        load_variant
+        return failure("Translation variant not found") unless variant
+
+        attributes = ContentTranslator.call(source:, language:, llm_client:)
+        return finish_with_failure("Translation failed") if attributes[:title].blank? || attributes[:content].blank?
+
+        variant.update!(attributes.merge(generating: false))
+        success(variant)
+      rescue StandardError => e
+        mark_generation_finished
+        failure(e.message)
+      end
+
+      private
+
+      attr_reader :page_id, :language_id, :llm_client, :page, :language, :variant
+
+      def load_records
+        @page = Postnhost::Page.find_by(id: page_id)
+        @language = Postnhost::Language.find_by(id: language_id)
+      end
+
+      def load_variant
+        @variant = Postnhost::PageVariant.find_by(page:, language:)
+      end
+
+      def source
+        @source ||= page.page_snapshot
+      end
+
+      def finish_with_failure(message)
+        mark_generation_finished
+        failure(message)
+      end
+
+      def mark_generation_finished
+        variant&.update!(generating: false)
+      end
+    end
+  end
+end

data/app/uploaders/base_uploader.rb

@@ -0,0 +1,26 @@
+class BaseUploader < CarrierWave::Uploader::Base
+  include CarrierWave::Vips
+
+  def store_dir
+    data = "#{model.class.to_s.underscore}/#{mounted_as}/#{model.id}"
+    hash = Digest::SHA256.hexdigest(data)
+    "uploads/#{model.class.to_s.underscore}/#{hash[0..20]}"
+  end
+
+  def size_range
+    0..(25.megabytes)
+  end
+
+  def filename
+    generated_filename
+  end
+
+  private
+
+  def generated_filename
+    data = "#{model.id}-#{mounted_as}-#{Time.current.to_i}"
+    hash = Digest::SHA256.hexdigest(data)
+    extension = "webp"
+    @generated_filename ||= "#{hash[0..12]}.#{extension}"
+  end
+end

data/app/uploaders/cover_image_uploader.rb

@@ -0,0 +1,31 @@
+class CoverImageUploader < BaseUploader
+  QUALITY = 90
+
+  self.remove_previously_stored_files_after_update = false
+
+  process resize_to_fill: [1200, 630]
+  process convert: "webp"
+  process :quality
+
+  version :thumbnail do
+    process resize_to_fill: [780, 410]
+    process convert: "webp"
+    process :quality
+  end
+
+  version :medium do
+    process resize_to_fill: [1024, 537]
+    process convert: "webp"
+    process :quality
+  end
+
+  def quality
+    vips! do |v|
+      v.saver(Q: QUALITY)
+    end
+  end
+
+  def extension_allowlist
+    %w[png jpg jpeg gif webp heic]
+  end
+end

data/app/uploaders/postnhost/avatar_uploader.rb

@@ -0,0 +1,17 @@
+module Postnhost
+  class AvatarUploader < ::BaseUploader
+    process resize_to_limit: [200, 200]
+    process convert: "webp"
+    process :quality
+
+    def quality
+      vips! do |v|
+        v.saver(Q: 90)
+      end
+    end
+
+    def extension_allowlist
+      %w[png jpg jpeg gif webp heic]
+    end
+  end
+end

data/app/uploaders/postnhost/inline_article_image_uploader.rb

@@ -0,0 +1,38 @@
+module Postnhost
+  class InlineArticleImageUploader < ::BaseUploader
+    MAX_WIDTH = 1200
+    QUALITY = 90
+
+    process resize_to_limit: [MAX_WIDTH, nil]
+    process convert: "webp"
+    process :quality
+
+    def store_dir
+      "uploads/articles/#{model.user_id}/#{model.id}/inline_images"
+    end
+
+    def size_range
+      0..(20.megabytes)
+    end
+
+    def extension_allowlist
+      %w[png jpg jpeg gif webp heic]
+    end
+
+    def quality
+      vips! do |v|
+        v.saver(Q: QUALITY)
+      end
+    end
+
+    def filename
+      generated_filename
+    end
+
+    private
+
+    def generated_filename
+      @generated_filename ||= "#{SecureRandom.hex(12)}.webp"
+    end
+  end
+end

data/app/uploaders/postnhost/inline_page_image_uploader.rb

@@ -0,0 +1,38 @@
+module Postnhost
+  class InlinePageImageUploader < ::BaseUploader
+    MAX_WIDTH = 1200
+    QUALITY = 90
+
+    process resize_to_limit: [MAX_WIDTH, nil]
+    process convert: "webp"
+    process :quality
+
+    def store_dir
+      "uploads/pages/#{model.user_id}/#{model.id}/inline_images"
+    end
+
+    def size_range
+      0..(20.megabytes)
+    end
+
+    def extension_allowlist
+      %w[png jpg jpeg gif webp heic]
+    end
+
+    def quality
+      vips! do |v|
+        v.saver(Q: QUALITY)
+      end
+    end
+
+    def filename
+      generated_filename
+    end
+
+    private
+
+    def generated_filename
+      @generated_filename ||= "#{SecureRandom.hex(12)}.webp"
+    end
+  end
+end

data/app/uploaders/postnhost/setting_asset_uploader.rb

@@ -0,0 +1,18 @@
+module Postnhost
+  class SettingAssetUploader < ::BaseUploader
+    QUALITY = 100
+
+    process convert: "webp"
+    process :quality
+
+    def quality
+      vips! do |v|
+        v.saver(Q: QUALITY)
+      end
+    end
+
+    def extension_allowlist
+      %w[png jpg jpeg gif webp heic]
+    end
+  end
+end

data/app/views/layouts/postnhost/_favicon.html.erb

@@ -0,0 +1,6 @@
+<!-- Favicon -->
+<link rel="icon" href="/favicon.ico" sizes="32x32">
+<link rel="icon" href="/icon.svg" type="image/svg+xml">
+<link rel="apple-touch-icon" href="/apple-touch-icon.png">
+<link rel="manifest" href="/site.webmanifest">
+<meta name="theme-color" content="#ffffff">

data/app/views/layouts/postnhost/_footer.html.erb

@@ -0,0 +1,67 @@
+<footer aria-labelledby="footer-heading" class="bg-white border-t border-gray-200">
+  <h2 id="footer-heading" class="sr-only"><%= t('postnhost.public.footer.heading') %></h2>
+
+  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
+    <%# Categories %>
+    <% if @use_auto_footer_navigation && @footer_categories.any? %>
+      <div class="text-center pb-6">
+        <p class="text-sm text-gray-500 mb-4"><%= t('postnhost.public.footer.explore_categories') %></p>
+        <div class="flex flex-wrap justify-center gap-3">
+          <% @footer_categories.each do |category| %>
+            <%= link_to localized_category_name(category, @current_language),
+                language_category_path(category.slug, @current_language),
+                class: "inline-flex items-center px-3 py-1 rounded-full text-xs font-medium bg-gray-100 text-gray-600 hover:bg-gray-200 hover:text-gray-900 transition-color cursor-pointer" %>
+          <% end %>
+        </div>
+      </div>
+    <% elsif !@use_auto_footer_navigation && @footer_navigation_columns.any? %>
+      <div class="pb-8">
+        <div class="flex flex-col gap-y-6 sm:flex-row sm:flex-wrap sm:gap-x-10 sm:gap-y-8">
+          <% @footer_navigation_columns.each do |column| %>
+            <div class="min-w-32">
+              <p class="mb-3 text-sm font-semibold text-gray-700"><%= navigation_label(column) %></p>
+              <div class="space-y-2">
+                <% column.children.each do |child| %>
+                  <% if child.target_kind != "external" && navigation_href(child).present? %>
+                    <%= link_to navigation_label(child), navigation_href(child), **navigation_link_options(child), class: "block text-sm text-gray-600 hover:text-gray-900 transition-colors cursor-pointer" %>
+                  <% end %>
+                <% end %>
+              </div>
+            </div>
+          <% end %>
+        </div>
+      </div>
+    <% end %>
+
+    <div class="pt-6 border-t border-gray-100 flex flex-col sm:flex-row items-center justify-between gap-3">
+      <p class="text-xs text-gray-400 text-center sm:text-left sm:flex-1">
+        &copy; <%= Date.current.year %> <%= t('postnhost.public.site.name_footer_copyright') %>
+      </p>
+
+      <% if @use_auto_footer_navigation && (@footer_published_pages.any? || @footer_static_pages.any?) %>
+        <div class="flex flex-wrap items-center justify-center gap-x-4 gap-y-2 sm:flex-1">
+          <% @footer_published_pages.each do |page| %>
+            <%= link_to (page.title.presence || page.slug.humanize),
+                language_static_page_path(page.slug, @current_language),
+                class: "text-xs text-gray-400 hover:text-gray-600 transition-colors cursor-pointer" %>
+          <% end %>
+
+          <% @footer_static_pages.each do |slug| %>
+            <%= link_to slug.humanize,
+                language_static_page_path(slug, @current_language),
+              class: "text-xs text-gray-400 hover:text-gray-600 transition-colors cursor-pointer" %>
+          <% end %>
+        </div>
+      <% else %>
+        <div class="hidden sm:block sm:flex-1"></div>
+      <% end %>
+
+      <% if @setting.show_powered_by? %>
+        <a href="https://postnhost.com" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1.5 text-xs text-gray-400 hover:text-gray-600 transition-colors sm:flex-1 sm:justify-end cursor-pointer">
+          Powered by
+          <%= image_tag 'postnhost/logo.webp', alt: 'PostnHost', class: 'h-4 w-auto opacity-60 hover:opacity-100 transition-opacity', width: 80, height: 16 %>
+        </a>
+      <% end %>
+    </div>
+  </div>
+</footer>

data/app/views/layouts/postnhost/_header.html.erb

@@ -0,0 +1,89 @@
+<nav class="bg-white border-b border-gray-200">
+  <div class="mx-auto px-6 py-2 flex items-center justify-between relative">
+    <div class="flex items-center">
+      <%= link_to root_path, class: 'flex items-center group' do %>
+        <%= image_tag 'postnhost/logo.webp',
+              alt: 'postnhost',
+              width: 160,
+              height: 33,
+              class: 'h-8 w-auto group-hover:opacity-80 transition-opacity' %>
+      <% end %>
+    </div>
+
+    <!-- Flash Messages - Centered on desktop, hidden on mobile (shown below header) -->
+    <div class="hidden md:block absolute left-1/2 transform -translate-x-1/2 z-10">
+      <%= render 'postnhost/shared/flash_messages' %>
+    </div>
+
+    <div class="flex items-center space-x-4" data-controller="burger">
+      <% if local_assigns[:layout_name] == "postnhost/articles" %>
+        <% if controller_name == "pages" && action_name != "index" %>
+          <%= link_to pages_path, class: "flex items-center space-x-2 px-3 py-2 text-sm text-gray-600 hover:text-gray-900 hover:bg-gray-100 rounded-lg transition-colors duration-200" do %>
+            <%= icon("arrow-left", css_class: "w-4 h-4") %>
+            <span class="hidden sm:inline">Back to Pages</span>
+          <% end %>
+        <% else %>
+          <%= link_to articles_path, class: "flex items-center space-x-2 px-3 py-2 text-sm text-gray-600 hover:text-gray-900 hover:bg-gray-100 rounded-lg transition-colors duration-200" do %>
+            <%= icon("arrow-left", css_class: "w-4 h-4") %>
+            <span class="hidden sm:inline">Back to Articles</span>
+          <% end %>
+        <% end %>
+      <% end %>
+
+      <div class="relative mr-0" data-controller="dropdown">
+        <button
+          data-action="click->dropdown#toggle"
+          class="flex items-center gap-3 rounded-xl transition-colors duration-200 cursor-pointer"
+        >
+          <div class="w-9 h-9 rounded-xl bg-gray-100 flex items-center justify-center overflow-hidden border-2 border-gray-200">
+            <% if current_user&.avatar_file? %>
+              <%= image_tag current_user.avatar_file_url, class: "w-full h-full object-cover", alt: 'Author Image' %>
+            <% else %>
+              <span class="text-gray-700 font-semibold text-sm">
+                <%= author_initials(current_user) %>
+              </span>
+            <% end %>
+          </div>
+          <div class="hidden sm:block text-left">
+            <p class="text-sm font-medium text-gray-900">
+              <%= current_user.name %>
+            </p>
+          </div>
+          <span data-dropdown-target="chevron" class="hidden sm:block">
+            <%= icon("chevron-down-small", css_class: "h-4 w-4 text-gray-400 transition-transform duration-200") %>
+          </span>
+        </button>
+
+        <div data-dropdown-target="menu" class="absolute right-0 mt-3 w-48 bg-white rounded-2xl shadow-lg border border-gray-200 overflow-hidden z-20 hidden">
+          <div class="px-4 py-3 border-b border-gray-100">
+            <p class="text-sm font-medium text-gray-900"><%= current_user.name %></p>
+            <p class="text-xs text-gray-500 truncate"><%= current_user&.email %></p>
+          </div>
+
+          <div class="py-2">
+            <%= link_to edit_user_path(current_user), class: "flex items-center px-4 py-3 text-sm text-gray-700 hover:bg-gray-50 transition-colors duration-150" do %>
+              <%= icon("user", css_class: "mr-3 h-4 w-4 text-gray-400") %>
+              Account
+            <% end %>
+          </div>
+
+          <div class="border-t border-gray-100 py-2">
+            <%= link_to session_path, data: { turbo_method: :delete }, class: "flex items-center px-4 py-3 text-sm text-red-600 hover:bg-red-50 hover:text-red-700 transition-colors duration-150" do %>
+              <%= icon("logout", css_class: "mr-3 h-4 w-4") %>
+              Sign Out
+            <% end %>
+          </div>
+        </div>
+      </div>
+
+      <% unless local_assigns[:layout_name] == "postnhost/articles" %>
+        <button
+          class="block md:hidden p-2 pr-0 md:pr-2 rounded-xl hover:bg-gray-50 text-gray-400 hover:text-gray-600 transition-colors duration-200"
+          data-action="click->burger#toggleMenu"
+        >
+          <%= icon("menu", css_class: "w-5 h-5") %>
+        </button>
+      <% end %>
+    </div>
+  </div>
+</nav>

data/app/views/layouts/postnhost/_sidebar.html.erb

@@ -0,0 +1,72 @@
+<div id="menu" class="w-full md:w-64 bg-white p-4 h-full flex-shrink-0 border-r border-gray-200 flex flex-col justify-between overflow-y-auto hidden md:flex">
+  <div class="space-y-6">
+    <!-- Create Article Button -->
+    <%= link_to new_article_path, class: "w-full bg-gray-900 text-white px-4 py-2.5 rounded-xl hover:bg-gray-800 transition duration-200 text-sm font-medium inline-flex items-center justify-center space-x-2", data: { turbo_prefetch: false } do %>
+      <%= icon("plus", css_class: "w-4 h-4") %>
+      <span>Create Article</span>
+    <% end %>
+
+    <!-- Navigation -->
+    <div class="space-y-6">
+      <div>
+        <p class="px-3 mb-2 text-xs font-semibold uppercase tracking-wide text-gray-400">Content</p>
+        <nav class="space-y-1">
+          <%= link_to articles_path, class: "group flex items-center space-x-3 text-gray-700 hover:text-gray-900 hover:bg-white font-medium px-3 py-2.5 rounded-xl transition-all duration-200 #{current_page?(articles_path) || controller_name == 'articles' || controller_name == 'article_variants' ? 'bg-white text-gray-900' : ''}" do %>
+            <div class="flex-shrink-0 #{current_page?(articles_path) || controller_name == 'articles' || controller_name == 'article_variants' ? 'text-gray-900' : 'text-gray-500 group-hover:text-gray-700'}">
+              <%= icon("document-text", css_class: "h-5 w-5") %>
+            </div>
+            <span class="text-sm font-medium">Articles</span>
+          <% end %>
+
+          <%= link_to categories_path, class: "group flex items-center space-x-3 text-gray-700 hover:text-gray-900 hover:bg-white font-medium px-3 py-2.5 rounded-xl transition-all duration-200 #{current_page?(categories_path) || controller_name == 'categories' ? 'bg-white text-gray-900' : ''}" do %>
+            <div class="flex-shrink-0 #{current_page?(categories_path) || controller_name == 'categories' ? 'text-gray-900' : 'text-gray-500 group-hover:text-gray-700'}">
+              <%= icon("folder", css_class: "h-5 w-5") %>
+            </div>
+            <span class="text-sm font-medium">Categories</span>
+          <% end %>
+
+          <%= link_to languages_path, class: "group flex items-center space-x-3 text-gray-700 hover:text-gray-900 hover:bg-white font-medium px-3 py-2.5 rounded-xl transition-all duration-200 #{current_page?(languages_path) || controller_name == 'languages' ? 'bg-white text-gray-900' : ''}" do %>
+            <div class="flex-shrink-0 #{current_page?(languages_path) || controller_name == 'languages' ? 'text-gray-900' : 'text-gray-500 group-hover:text-gray-700'}">
+              <%= icon("language", css_class: "h-5 w-5") %>
+            </div>
+            <span class="text-sm font-medium">Languages</span>
+          <% end %>
+
+          <%= link_to pages_path, class: "group flex items-center space-x-3 text-gray-700 hover:text-gray-900 hover:bg-white font-medium px-3 py-2.5 rounded-xl transition-all duration-200 #{current_page?(pages_path) || controller_name == 'pages' ? 'bg-white text-gray-900' : ''}" do %>
+            <div class="flex-shrink-0 #{current_page?(pages_path) || controller_name == 'pages' ? 'text-gray-900' : 'text-gray-500 group-hover:text-gray-700'}">
+              <%= icon("layers", css_class: "h-5 w-5") %>
+            </div>
+            <span class="text-sm font-medium">Pages</span>
+          <% end %>
+        </nav>
+      </div>
+
+      <div class="border-t border-gray-100 pt-4">
+        <p class="px-3 mb-2 text-xs font-semibold uppercase tracking-wide text-gray-400">System</p>
+        <nav class="space-y-1">
+          <%= link_to users_path, class: "group flex items-center space-x-3 text-gray-700 hover:text-gray-900 hover:bg-white font-medium px-3 py-2.5 rounded-xl transition-all duration-200 #{current_page?(users_path) || controller_name == 'users' ? 'bg-white text-gray-900' : ''}" do %>
+            <div class="flex-shrink-0 #{current_page?(users_path) || controller_name == 'users' ? 'text-gray-900' : 'text-gray-500 group-hover:text-gray-700'}">
+              <%= icon("users", css_class: "h-5 w-5") %>
+            </div>
+            <span class="text-sm font-medium">Authors</span>
+          <% end %>
+
+          <%= link_to edit_settings_path, class: "group flex items-center space-x-3 text-gray-700 hover:text-gray-900 hover:bg-white font-medium px-3 py-2.5 rounded-xl transition-all duration-200 #{current_page?(edit_settings_path) || controller_name == 'settings' ? 'bg-white text-gray-900' : ''}" do %>
+            <div class="flex-shrink-0 #{current_page?(edit_settings_path) || controller_name == 'settings' ? 'text-gray-900' : 'text-gray-500 group-hover:text-gray-700'}">
+              <%= icon("settings", css_class: "h-5 w-5") %>
+            </div>
+            <span class="text-sm font-medium">Settings</span>
+          <% end %>
+
+          <%= link_to edit_template_path, class: "group flex items-center space-x-3 text-gray-700 hover:text-gray-900 hover:bg-white font-medium px-3 py-2.5 rounded-xl transition-all duration-200 #{current_page?(edit_template_path) || controller_name == 'templates' ? 'bg-white text-gray-900' : ''}" do %>
+            <div class="flex-shrink-0 #{current_page?(edit_template_path) || controller_name == 'templates' ? 'text-gray-900' : 'text-gray-500 group-hover:text-gray-700'}">
+              <%= icon("eye", css_class: "h-5 w-5") %>
+            </div>
+            <span class="text-sm font-medium">Template</span>
+          <% end %>
+
+        </nav>
+      </div>
+    </div>
+  </div>
+</div>

data/app/views/layouts/postnhost/application.html.erb

@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="<%= content_for?(:lang) ? yield(:lang) : 'en' %>">
+  <head>
+    <title><%= content_for?(:title) ? yield(:title) : "postnhost" %></title>
+    <meta name="description" content="<%= content_for?(:meta_description) ? yield(:meta_description) : "postnhost" %>">
+    <meta name="viewport" content="width=device-width,initial-scale=1">
+    <% if content_for?(:robots) %>
+      <meta name="robots" content="<%= yield(:robots) %>">
+    <% end %>
+    <%= csrf_meta_tags %>
+    <%= csp_meta_tag %>
+
+    <%= stylesheet_link_tag(*postnhost_stylesheet_assets, "data-turbo-track": "reload", media: "all") %>
+    <%= javascript_include_tag "postnhost/application", "data-turbo-track": "reload", type: "module" %>
+
+    <%= render "layouts/postnhost/favicon" %>
+
+    <%= yield :head %>
+  </head>
+  <body>
+    <%= yield %>
+  </body>
+</html>

data/app/views/layouts/postnhost/articles.html.erb

@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="<%= content_for?(:lang) ? yield(:lang) : 'en' %>">
+  <head>
+    <title><%= content_for?(:title) ? yield(:title) : "postnhost" %></title>
+    <meta name="description" content="<%= content_for?(:meta_description) ? yield(:meta_description) : "postnhost dashboard - Manage your account and projects" %>">
+    <meta name="viewport" content="width=device-width,initial-scale=1">
+    <%= csrf_meta_tags %>
+    <%= csp_meta_tag %>
+
+    <%= stylesheet_link_tag(*postnhost_stylesheet_assets, 'data-turbo-track': 'reload') %>
+    <%= javascript_include_tag 'postnhost/application', 'data-turbo-track': 'reload', type: "module" %>
+    <%= turbo_refreshes_with method: :morph, scroll: :preserve %>
+
+    <%= render 'layouts/postnhost/favicon' %>
+
+    <%= yield :head %>
+  </head>
+
+  <body class="min-h-screen bg-white">
+    <%= render 'layouts/postnhost/header', layout_name: 'postnhost/articles' %>
+
+    <!-- Flash Messages for mobile - shown below header -->
+    <div class="md:hidden px-6">
+      <%= render 'postnhost/shared/flash_messages' %>
+    </div>
+
+    <!-- Main content area -->
+    <main class="flex-grow w-full">
+      <div class="w-full">
+        <%= yield %>
+      </div>
+    </main>
+  </body>
+</html>

data/app/views/layouts/postnhost/product.html.erb

@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="<%= content_for?(:lang) ? yield(:lang) : 'en' %>">
+  <head>
+    <title><%= content_for?(:title) ? yield(:title) : "postnhost" %></title>
+    <meta name="description" content="<%= content_for?(:meta_description) ? yield(:meta_description) : "postnhost dashboard - Manage your account and projects" %>">
+    <meta name="viewport" content="width=device-width,initial-scale=1">
+    <%= csrf_meta_tags %>
+    <%= csp_meta_tag %>
+
+    <%= stylesheet_link_tag(*postnhost_stylesheet_assets, 'data-turbo-track': 'reload') %>
+    <%= javascript_include_tag 'postnhost/application', 'data-turbo-track': 'reload', type: "module" %>
+
+    <%= turbo_refreshes_with method: :morph, scroll: :preserve %>
+
+    <%= render 'layouts/postnhost/favicon' %>
+
+    <%= yield :head %>
+  </head>
+
+  <body class="h-screen flex flex-col">
+    <%= render 'layouts/postnhost/header' %>
+
+    <div class="flex-grow flex overflow-hidden">
+      <%= render 'layouts/postnhost/sidebar' %>
+
+      <!-- Main content area -->
+      <div class="flex-grow overflow-y-auto">
+        <div class="min-h-screen bg-white">
+          <div class="max-w-6xl mx-auto py-6 px-6">
+             <%= yield %>
+          </div>
+        </div>
+      </div>
+    </div>
+  </body>
+</html>