ruby_cms 0.2.1.0 → 1.0.0

data/app/views/admin/content_block_versions/show.html.erb

@@ -1,37 +0,0 @@
-<h1>Versie <%= @version.version_number %> — <%= @content_block.key %></h1>
-
-<%= link_to "Terug naar versiegeschiedenis",
-    ruby_cms_admin_content_block_versions_path(@content_block),
-    class: "inline-flex items-center gap-1 text-sm text-muted-foreground hover:text-foreground mb-4" %>
-
-<% diff = @version.diff_from(@previous_version) %>
-
-<% if diff.empty? %>
-  <p class="text-sm text-muted-foreground">Geen wijzigingen ten opzichte van de vorige versie.</p>
-<% else %>
-  <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
-    <% diff.each do |field, changes| %>
-      <div class="col-span-2 rounded-lg border border-border/60 bg-card p-4">
-        <h3 class="text-sm font-semibold text-foreground mb-2"><%= field.to_s.humanize %></h3>
-        <div class="grid grid-cols-2 gap-4">
-          <div>
-            <span class="text-xs font-medium text-muted-foreground">Vorige versie</span>
-            <div class="mt-1 rounded-md bg-red-50 p-3 text-sm text-red-800 whitespace-pre-wrap"><%= changes[:old] || "(leeg)" %></div>
-          </div>
-          <div>
-            <span class="text-xs font-medium text-muted-foreground">Deze versie</span>
-            <div class="mt-1 rounded-md bg-emerald-50 p-3 text-sm text-emerald-800 whitespace-pre-wrap"><%= changes[:new] || "(leeg)" %></div>
-          </div>
-        </div>
-      </div>
-    <% end %>
-  </div>
-<% end %>
-
-<div class="mt-6">
-  <%= button_to "Rollback naar deze versie",
-      rollback_ruby_cms_admin_content_block_version_path(@content_block, @version),
-      method: :post,
-      data: { turbo_confirm: "Weet je zeker dat je wilt terugdraaien naar versie #{@version.version_number}?" },
-      class: "inline-flex items-center px-4 py-2 rounded-md bg-primary text-primary-foreground text-sm font-medium hover:bg-primary/90" %>
-</div>

data/app/views/layouts/ruby_cms/_admin_sidebar.html.erb

@@ -1,122 +0,0 @@
-<%# Admin Sidebar Navigation %>
-<aside class="w-46 flex-shrink-0 bg-[#FAF9F5] flex flex-col overflow-hidden" aria-label="Admin" data-ruby-cms--mobile-menu-target="sidebar">
-  <div class="px-5 py-5 flex-shrink-0 bg-[#FAF9F5]">
-    <div class="flex items-center gap-3" data-ruby-cms--mobile-menu-target="sidebarContent">
-      <% if respond_to?(:image_tag, true) %>
-        <div class="w-9 h-9 flex-shrink-0 rounded-md bg-white border border-gray-200 overflow-hidden">
-          <%= image_tag "ruby_cms/logo.png",
-                        alt: "RubyCMS logo",
-                        class: "w-full h-full object-contain",
-                        onerror: "this.style.display='none'; this.parentElement.classList.add('bg-gray-900','text-white','font-bold','text-xs','flex','items-center','justify-center'); this.parentElement.innerHTML='R';" %>
-        </div>
-      <% end %>
-      <p class="text-base font-semibold text-gray-900 m-0">RubyCMS</p>
-    </div>
-  </div>
-
-  <nav class="flex-1 px-3 py-6 overflow-y-auto" aria-label="Admin" data-ruby-cms--mobile-menu-target="sidebarContent">
-    <%
-      nav_main = "main"
-      nav_bottom = "Settings"
-      entries = ruby_cms_nav_entries
-      by_section = entries.group_by { |e| s = e[:section].to_s.presence || nav_main; s == "custom" ? nav_bottom : s }
-      main_items = by_section[nav_main] || []
-      bottom_items = by_section[nav_bottom] || []
-    %>
-    <%# Main nav: top, scrollable %>
-    <div class="flex-1 overflow-y-auto space-y-1 min-h-0">
-      <% main_items.each do |e| %>
-        <% begin %>
-          <% path = e[:path].respond_to?(:call) ? e[:path].call(self) : e[:path] %>
-          <% next if path.blank? %>
-          <% path_str = path.respond_to?(:to_str) ? path.to_str : path.to_s %>
-          <% active = (path_str == "/admin" || path_str == "/admin/") ? request.path.match?(%r{\A/admin/?\z}) : request.path.start_with?(path_str) %>
-          <%= link_to path, class: "flex items-center gap-3 px-3 py-2.5 text-sm font-medium rounded-md mb-0.5 no-underline transition-colors #{ active ? 'text-blue-600 font-semibold' : 'text-gray-600 hover:bg-blue-500 hover:text-white' }" do %>
-            <% if e[:icon].present? %>
-              <svg class="w-5 h-5 flex-shrink-0 text-current" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                <%= ruby_cms_safe_svg_fragment(e[:icon]) %>
-              </svg>
-            <% end %>
-            <span class="flex-1"><%= e[:label] %></span>
-          <% end %>
-        <% rescue => ex %>
-          <% Rails.logger.error "RubyCMS nav error for #{e[:key]}: #{ex.message}" if defined?(Rails.logger) %>
-        <% end %>
-      <% end %>
-    </div>
-
-    <%# Spacer so bottom section sits above footer %>
-    <div class="flex-shrink-0 pt-4 mt-4">
-      <% if bottom_items.any? %>
-        <div class="text-xs font-semibold uppercase tracking-wider text-gray-500 px-2 pb-2">
-          <%= t("ruby_cms.nav.settings", default: "Settings") %>
-        </div>
-        <div class="space-y-1">
-          <% bottom_items.each do |e| %>
-            <% begin %>
-              <% path = e[:path].respond_to?(:call) ? e[:path].call(self) : e[:path] %>
-              <% next if path.blank? %>
-              <% path_str = path.respond_to?(:to_str) ? path.to_str : path.to_s %>
-              <% active = request.path.start_with?(path_str) %>
-              <%= link_to path, class: "flex items-center gap-3 px-3 py-2.5 text-sm font-medium rounded-md mb-0.5 no-underline transition-colors #{ active ? 'text-blue-600 font-semibold' : 'text-gray-600 hover:bg-blue-500 hover:text-white' }" do %>
-                <% if e[:icon].present? %>
-                  <svg class="w-5 h-5 flex-shrink-0 text-current" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                    <%= ruby_cms_safe_svg_fragment(e[:icon]) %>
-                  </svg>
-                <% end %>
-                <span class="flex-1"><%= e[:label] %></span>
-              <% end %>
-            <% rescue => ex %>
-              <% Rails.logger.error "RubyCMS nav error for #{e[:key]}: #{ex.message}" if defined?(Rails.logger) %>
-            <% end %>
-          <% end %>
-        </div>
-      <% end %>
-    </div>
-  </nav>
-
-  <div class="px-3 py-3 flex-shrink-0 bg-[#FAF9F5]" data-ruby-cms--mobile-menu-target="sidebarContent">
-    <div class="mb-2">
-      <%= form_with url: ruby_cms_admin_locale_path, method: :patch, scope: nil, data: { turbo: false } do |form| %>
-        <div class="relative">
-          <div class="flex items-center gap-3 w-full px-3 py-2.5 text-sm font-medium text-gray-600 rounded-md no-underline transition-colors hover:bg-blue-500 hover:text-white">
-            <svg class="w-5 h-5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 21a9 9 0 100-18 9 9 0 000 18zM3.6 9h16.8M3.6 15h16.8M11 3c-2.2 2.2-3.5 5.2-3.5 9s1.3 6.8 3.5 9m2 0c2.2-2.2 3.5-5.2 3.5-9S15.2 5.2 13 3"/>
-            </svg>
-            <span class="flex-1 text-left"><%= ruby_cms_locale_display_name(I18n.locale) %></span>
-            <svg class="w-4 h-4 flex-shrink-0 opacity-80" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 10l4-4 4 4M16 14l-4 4-4-4"/>
-            </svg>
-          </div>
-
-          <%= form.select :locale,
-              options_for_select(I18n.available_locales.map { |loc| [ruby_cms_locale_display_name(loc), loc.to_s] }, I18n.locale.to_s),
-              {},
-              {
-                class: "absolute inset-0 w-full h-full opacity-0 cursor-pointer",
-                aria: { label: t("ruby_cms.nav.locale", default: "Locale") },
-                onchange: "this.form.submit()"
-              } %>
-        </div>
-      <% end %>
-    </div>
-
-    <% if respond_to?(:main_app, true) && main_app.respond_to?(:root_path) %>
-      <%= link_to main_app.root_path, target: "_blank", class: "flex items-center gap-3 w-full px-3 py-2.5 text-sm font-medium text-gray-600 rounded-md no-underline transition-colors hover:bg-blue-500 hover:text-white" do %>
-        <svg class="w-5 h-5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path>
-        </svg>
-        <span class="flex-1 text-left"><%= t("ruby_cms.nav.view_site", default: "View site") %></span>
-      <% end %>
-    <% end %>
-
-    <% if respond_to?(:main_app, true) && main_app.respond_to?(:session_path) %>
-      <%= button_to main_app.session_path, method: :delete, class: "flex items-center gap-3 w-full px-3 py-2.5 text-sm font-medium text-gray-600 rounded-md bg-transparent border-0 cursor-pointer transition-colors hover:bg-blue-500 hover:text-white", data: { turbo_confirm: t("ruby_cms.nav.logout_confirm", default: "Are you sure you want to logout?") } do %>
-        <svg class="w-5 h-5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1"></path>
-        </svg>
-        <span class="flex-1 text-left"><%= t("ruby_cms.nav.logout", default: "Logout") %></span>
-      <% end %>
-    <% end %>
-  </div>
-</aside>

data/app/views/layouts/ruby_cms/admin.html.erb

@@ -1,77 +0,0 @@
-<%# Single admin layout for app and RubyCMS. Uses RubyCMS sidebar, flash, content_for. %>
-<!DOCTYPE html>
-<html lang="<%= I18n.locale %>">
-  <head>
-    <title><%= content_for(:title) || "RubyCMS Admin" %></title>
-    <meta name="viewport" content="width=device-width,initial-scale=1">
-    <meta name="rails-env" content="<%= Rails.env %>">
-    <%= csrf_meta_tags %>
-    <%= csp_meta_tag %>
-
-    <%= favicon_link_tag asset_path("favicon.ico") if respond_to?(:favicon_link_tag, true) %>
-    <link rel="icon" type="image/png" sizes="32x32" href="<%= asset_path("favicon-32x32.png") %>">
-    <link rel="icon" type="image/png" sizes="16x16" href="<%= asset_path("favicon-16x16.png") %>">
-    <link rel="apple-touch-icon" href="<%= asset_path("apple-touch-icon.png") %>">
-    <link rel="manifest" href="<%= asset_path("site.webmanifest") %>">
-
-    <%= stylesheet_link_tag "application", "data-turbo-track": "reload" %>
-    <%= stylesheet_link_tag "ruby_cms/admin", "data-turbo-track": "reload" rescue nil %>
-    <%= stylesheet_link_tag "actiontext", "data-turbo-track": "reload" if asset_path("actiontext.css") rescue nil %>
-    <%= javascript_importmap_tags "admin" %>
-  </head>
-  <body class="min-h-screen bg-gray-50 text-gray-900">
-    <div class="flex h-screen overflow-hidden" data-controller="ruby-cms--mobile-menu">
-      <%# Mobile menu toggle (visible on md and below) %>
-      <button type="button" class="md:hidden fixed top-4 left-4 z-50 inline-flex items-center justify-center p-2 bg-white border border-gray-200/80 rounded-lg shadow-sm cursor-pointer" aria-label="Toggle menu" data-action="click->ruby-cms--mobile-menu#toggle">
-        <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path>
-        </svg>
-      </button>
-
-      <%= render "layouts/ruby_cms/admin_sidebar" %>
-
-      <%# Mobile overlay (JS adds class "show") %>
-      <div class="hidden fixed inset-0 bg-black/50 z-40 lg:hidden" data-ruby-cms--mobile-menu-target="overlay" data-action="click->ruby-cms--mobile-menu#close"></div>
-
-      <main class="bg-gray-50 flex-1 flex flex-col overflow-hidden min-w-0" role="main">
-        <% if content_for?(:full_width) %>
-          <%= yield %>
-        <% else %>
-          <div class="flex-1 flex flex-col min-h-0 p-6 overflow-y-auto bg-gray-50">
-            <div class="mx-auto w-full max-w-7xl">
-            <%# Page header – prefer AdminPageHeader component rendered by views.
-                Legacy content_for fallback kept for pages that haven't migrated. %>
-            <% if content_for?(:title) || content_for?(:header_actions) %>
-              <header class="flex-shrink-0 mb-4">
-                <% if content_for?(:breadcrumbs) %>
-                  <nav class="mb-1 text-sm text-muted-foreground" aria-label="Breadcrumb">
-                    <ol class="flex items-center flex-wrap gap-y-1">
-                      <%= yield :breadcrumbs %>
-                    </ol>
-                  </nav>
-                <% end %>
-                <div class="flex flex-wrap items-center justify-between gap-4">
-                  <div class="min-w-0">
-                    <% if content_for?(:title) %>
-                      <h1 class="text-lg font-semibold tracking-tight text-foreground"><%= yield :title %></h1>
-                    <% end %>
-                  </div>
-                  <% if content_for?(:header_actions) %>
-                    <div class="flex items-center gap-3 flex-shrink-0">
-                      <%= yield :header_actions %>
-                    </div>
-                  <% end %>
-                </div>
-              </header>
-            <% end %>
-
-            <%= render "layouts/ruby_cms/admin_flash_messages" %>
-
-            <%= yield %>
-            </div>
-          </div>
-        <% end %>
-      </main>
-    </div>
-  </body>
-</html>

data/app/views/layouts/ruby_cms/minimal.html.erb

@@ -1,181 +0,0 @@
-<!DOCTYPE html>
-<html lang="<%= I18n.locale %>">
-  <head>
-    <title><%= content_for(:title) || "Page Preview" %></title>
-    <meta name="viewport" content="width=device-width,initial-scale=1">
-    <meta name="rails-env" content="<%= Rails.env %>">
-    <meta name="locale" content="<%= I18n.locale %>">
-    <%= csrf_meta_tags %>
-    <%= csp_meta_tag %>
-    <%= stylesheet_link_tag "application", "data-turbo-track": "reload" %>
-    <%# Conditionally include tailwind stylesheet if it exists (works with both Sprockets and Propshaft) %>
-    <% tailwind_exists = begin
-      if Rails.application.assets.respond_to?(:find_asset)
-        # Sprockets
-        Rails.application.assets.find_asset("tailwind")
-      else
-        # Propshaft or other - assume it exists, Rails will handle missing assets gracefully
-        true
-      end
-    rescue
-      false
-    end %>
-    <%= stylesheet_link_tag "tailwind", "data-turbo-track": "reload" if tailwind_exists %>
-    <%= javascript_importmap_tags if respond_to?(:javascript_importmap_tags) %>
-    
-    <style>
-      /* Content block interaction styles */
-      .ruby_cms-preview-page {
-        position: relative;
-      }
-      
-      .ruby_cms-preview-page--edit-mode .ruby_cms-content-block {
-        cursor: pointer;
-        transition: all 0.2s ease;
-        position: relative;
-        display: inline-block;
-        min-height: 1em;
-        min-width: 1em;
-      }
-      
-      .ruby_cms-preview-page--edit-mode .content-block {
-        cursor: pointer;
-        transition: all 0.2s ease;
-        position: relative;
-        display: inline-block;
-        min-height: 1em;
-        min-width: 1em;
-      }
-      
-      .ruby_cms-preview-page--edit-mode .ruby_cms-content-block:hover {
-        outline: 2px dashed rgb(59 130 246);
-        outline-offset: 2px;
-        background-color: rgba(59, 130, 246, 0.05);
-      }
-      
-      .ruby_cms-preview-page--edit-mode .content-block:hover {
-        outline: 2px dashed rgb(59 130 246);
-        outline-offset: 2px;
-        background-color: rgba(59, 130, 246, 0.05);
-      }
-      
-      .ruby_cms-content-block.editing {
-        outline: 2px solid rgb(34 197 94);
-        outline-offset: 2px;
-        background-color: rgba(34, 197, 94, 0.1);
-      }
-      
-      .content-block.editing {
-        outline: 2px solid rgb(34 197 94);
-        outline-offset: 2px;
-        background-color: rgba(34, 197, 94, 0.1);
-      }
-      
-      /* Make block-level content blocks more visible */
-      .ruby_cms-preview-page--edit-mode .ruby_cms-content-block[data-block-id],
-      .ruby_cms-preview-page--edit-mode .ruby_cms-content-block[data-content-key] {
-        display: block;
-        padding: 0.25rem;
-        margin: 0.125rem 0;
-      }
-      
-      .ruby_cms-preview-page--edit-mode .content-block[data-block-id],
-      .ruby_cms-preview-page--edit-mode .content-block[data-content-key] {
-        display: block;
-        padding: 0.25rem;
-        margin: 0.125rem 0;
-      }
-      
-      .ruby_cms-preview-page--edit-mode .ruby_cms-content-block[data-block-id]:hover::before,
-      .ruby_cms-preview-page--edit-mode .ruby_cms-content-block[data-content-key]:hover::before {
-        content: "✎ Edit";
-        position: absolute;
-        top: -1.5rem;
-        left: 0;
-        font-size: 0.75rem;
-        color: rgb(59 130 246);
-        background: white;
-        padding: 0.125rem 0.25rem;
-        border-radius: 0.25rem;
-        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
-        pointer-events: none;
-        z-index: 10;
-      }
-      
-      .ruby_cms-preview-page--edit-mode .content-block[data-block-id]:hover::before,
-      .ruby_cms-preview-page--edit-mode .content-block[data-content-key]:hover::before {
-        content: "✎ Edit";
-        position: absolute;
-        top: -1.5rem;
-        left: 0;
-        font-size: 0.75rem;
-        color: rgb(59 130 246);
-        background: white;
-        padding: 0.125rem 0.25rem;
-        border-radius: 0.25rem;
-        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
-        pointer-events: none;
-        z-index: 10;
-      }
-      
-      .ruby_cms-preview-page__edit-indicator {
-        position: fixed;
-        top: 1rem;
-        right: 1rem;
-        z-index: 50;
-      }
-      
-      .ruby_cms-preview-page__edit-badge {
-        padding-left: 0.75rem;
-        padding-right: 0.75rem;
-        padding-top: 0.5rem;
-        padding-bottom: 0.5rem;
-        background-color: rgb(220 252 231);
-        border: 1px solid rgb(187 247 208);
-        border-radius: 9999px;
-        box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
-        display: flex;
-        align-items: center;
-        gap: 0.5rem;
-        font-size: 0.875rem;
-        font-weight: 600;
-        color: rgb(22 101 52);
-      }
-      
-      .ruby_cms-preview-page__edit-badge-dot {
-        width: 0.5rem;
-        height: 0.5rem;
-        background-color: rgb(34 197 94);
-        border-radius: 9999px;
-        animation: ruby_cms-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
-      }
-      
-      @keyframes ruby_cms-pulse {
-        0%, 100% {
-          opacity: 1;
-        }
-        50% {
-          opacity: 0.5;
-        }
-      }
-    </style>
-  </head>
-  <body>
-    <div 
-      class="ruby_cms-preview-page<%= ' ruby_cms-preview-page--edit-mode' if @edit_mode %>"
-      data-controller="ruby-cms--page-preview"
-      data-ruby-cms--page-preview-edit-mode-value="<%= @edit_mode %>">
-      
-      <% if @edit_mode %>
-        <div class="ruby_cms-preview-page__edit-indicator">
-          <div class="ruby_cms-preview-page__edit-badge">
-            <span class="ruby_cms-preview-page__edit-badge-dot"></span>
-            Edit Mode
-          </div>
-        </div>
-      <% end %>
-      
-      <%= yield %>
-    </div>
-  </body>
-</html>

data/app/views/ruby_cms/admin/commands/index.html.erb

@@ -1,104 +0,0 @@
-<%= render RubyCms::Admin::AdminPageHeader.new(
-  title: t("ruby_cms.admin.commands.title", default: "Commands"),
-  subtitle: t("ruby_cms.admin.commands.subtitle", default: "Run registered Rake tasks from the host app. Output and recent log lines appear on the right."),
-  breadcrumbs: [
-    { label: t("ruby_cms.admin.breadcrumb.admin", default: "Admin"), url: ruby_cms_admin_root_path },
-    { label: t("ruby_cms.admin.commands.title", default: "Commands") }
-  ]
-) %>
-
-<div class="flex min-h-0 flex-col gap-4">
-  <% if @run_error.present? %>
-    <div class="w-full shrink-0 rounded-xl border border-destructive/40 bg-destructive/10 px-4 py-3 text-sm text-destructive">
-      <%= h(@run_error) %>
-    </div>
-  <% end %>
-
-  <%#
-    md+: 3-koloms grid — links 1/3 (commando's), rechts 2/3 (output + log).
-    Klein scherm: één kolom, eerst commando's, daaronder resultaat.
-  %>
-  <div
-    class="grid min-h-0 w-full min-w-0 grid-cols-1 gap-4 md:grid-cols-3 md:gap-6 md:items-stretch md:min-h-[min(32rem,calc(100dvh-14rem))] md:max-h-[min(90vh,calc(100dvh-12rem))] md:overflow-hidden"
-    dir="ltr"
-  >
-    <%# Links: 1/3 — beschikbare commando's %>
-    <aside
-      class="flex min-h-[16rem] w-full min-w-0 flex-col overflow-hidden rounded-2xl border border-border bg-card shadow-sm ring-1 ring-black/[0.03] md:col-span-1 md:row-start-1 md:h-full md:min-h-0"
-    >
-      <div class="shrink-0 border-b border-border/80 px-4 py-3">
-        <h2 class="text-sm font-semibold leading-tight tracking-tight text-foreground">
-          <%= t("ruby_cms.admin.commands.available", default: "Available commands") %>
-        </h2>
-        <p class="mt-1 text-xs leading-snug text-muted-foreground">
-          <%= t("ruby_cms.admin.commands.hint", default: "Commands are registered in the host app initializer (RubyCms.register_command).") %>
-        </p>
-      </div>
-      <div class="min-h-0 flex-1 overflow-y-auto overscroll-contain p-4">
-        <% if @commands.any? %>
-          <div class="flex flex-col gap-3">
-            <% @commands.each do |cmd| %>
-              <div class="rounded-xl border border-border/60 bg-muted/20 p-3">
-                <div class="flex flex-col gap-2">
-                  <div class="min-w-0">
-                    <p class="text-sm font-medium leading-snug text-foreground"><%= cmd[:label] %></p>
-                    <% if cmd[:description].present? %>
-                      <p class="mt-1 text-xs leading-snug text-muted-foreground"><%= cmd[:description] %></p>
-                    <% end %>
-                    <p class="mt-2 break-all font-mono text-[10px] leading-tight text-muted-foreground">
-                      rake <%= cmd[:rake_task] %>
-                    </p>
-                  </div>
-                  <%= button_to t("ruby_cms.admin.commands.run", default: "Run"),
-                      ruby_cms_admin_settings_commands_run_path,
-                      method: :post,
-                      params: { key: cmd[:key] },
-                      form: {
-                        data: { turbo: false },
-                        class: "m-0 w-full shrink-0"
-                      },
-                      class: "inline-flex w-full cursor-pointer items-center justify-center rounded-lg bg-primary px-3 py-2 text-sm font-medium text-primary-foreground shadow-sm transition-colors hover:bg-primary/90" %>
-                </div>
-              </div>
-            <% end %>
-          </div>
-        <% else %>
-          <p class="text-sm text-muted-foreground">
-            <%= t("ruby_cms.admin.commands.empty", default: "No commands are registered, or your role cannot run any of them.") %>
-          </p>
-        <% end %>
-      </div>
-    </aside>
-
-    <%# Rechts: 2/3 — commando-output + applicatielog %>
-    <section
-      aria-label="<%= t("ruby_cms.admin.commands.right_column_label", default: "Command result and application log") %>"
-      class="flex min-h-0 w-full min-w-0 flex-col gap-3 md:col-span-2 md:row-start-1 md:h-full md:min-h-0 md:overflow-hidden md:border-l md:border-border/60 md:pl-6"
-    >
-      <%# min-h-0: grid/flex item mag krimpen zodat max-h geldt en <pre> scrollt i.p.v. de pagina. %>
-      <div class="flex min-h-0 max-h-[50dvh] flex-col overflow-hidden rounded-2xl border border-border bg-card shadow-sm ring-1 ring-black/[0.03]">
-        <div class="shrink-0 border-b border-border/80 px-4 py-3">
-          <h3 class="text-sm font-semibold text-foreground">
-            <%= t("ruby_cms.admin.commands.command_output", default: "Command output") %>
-          </h3>
-        </div>
-        <pre
-          class="ruby-cms-commands__pre min-h-0 flex-1 overflow-y-auto overflow-x-auto overscroll-contain whitespace-pre-wrap break-words p-4 text-xs font-mono text-foreground [scrollbar-gutter:stable]"
-          aria-live="polite"
-        ><%= @run_command_output.present? ? h(@run_command_output) : t("ruby_cms.admin.commands.output_placeholder", default: "Output appears here after you run a command.") %></pre>
-      </div>
-
-      <div class="flex min-h-0 max-h-[50dvh] flex-col overflow-hidden rounded-2xl border border-border bg-card shadow-sm ring-1 ring-black/[0.03] [scrollbar-gutter:stable]">
-        <div class="shrink-0 border-b border-border/80 px-4 py-3">
-          <h3 class="text-sm font-semibold text-foreground">
-            <%= t("ruby_cms.admin.commands.app_log", default: "Application log (tail)") %>
-          </h3>
-        </div>
-        <pre
-          class="ruby-cms-commands__pre min-h-0 flex-1 overflow-y-auto overflow-x-auto overscroll-contain whitespace-pre-wrap break-words p-4 text-xs font-mono text-muted-foreground [scrollbar-gutter:stable]"
-          aria-live="polite"
-        ><%= @run_app_log_tail.present? ? h(@run_app_log_tail) : t("ruby_cms.admin.commands.log_placeholder", default: "Recent log lines appear here after a run.") %></pre>
-      </div>
-    </section>
-  </div>
-</div>

data/app/views/ruby_cms/admin/content_block_versions/index.html.erb

@@ -1,52 +0,0 @@
-<h1>Versiegeschiedenis: <%= @content_block.key %></h1>
-
-<%= link_to "Terug naar content block", ruby_cms_admin_content_block_path(@content_block),
-    class: "inline-flex items-center gap-1 text-sm text-muted-foreground hover:text-foreground mb-4" %>
-
-<div class="space-y-4">
-  <% @versions.each do |version| %>
-    <div class="rounded-lg border border-border/60 bg-card p-4">
-      <div class="flex items-center justify-between">
-        <div class="flex items-center gap-3">
-          <span class="inline-flex items-center rounded-md px-2 py-0.5 text-xs font-medium
-            <%= case version.event
-                when 'create' then 'bg-blue-50 text-blue-700 ring-1 ring-blue-200'
-                when 'update' then 'bg-amber-50 text-amber-700 ring-1 ring-amber-200'
-                when 'rollback' then 'bg-purple-50 text-purple-700 ring-1 ring-purple-200'
-                when 'publish' then 'bg-emerald-50 text-emerald-700 ring-1 ring-emerald-200'
-                when 'unpublish' then 'bg-red-50 text-red-700 ring-1 ring-red-200'
-                when 'visual_editor' then 'bg-cyan-50 text-cyan-700 ring-1 ring-cyan-200'
-                else 'bg-muted text-muted-foreground ring-1 ring-border/60'
-                end %>">
-            v<%= version.version_number %> - <%= version.event %>
-          </span>
-          <span class="text-sm text-muted-foreground">
-            <%= ruby_cms_user_display(version.user) %>
-          </span>
-          <span class="text-xs text-muted-foreground">
-            <%= version.created_at.strftime("%b %d, %Y %H:%M") %>
-          </span>
-        </div>
-
-        <div class="flex items-center gap-2">
-          <%= link_to "Bekijk diff", ruby_cms_admin_content_block_version_path(@content_block, version),
-              class: "text-xs text-primary hover:underline" %>
-
-          <% unless version == @versions.first %>
-            <%= button_to "Rollback",
-                rollback_ruby_cms_admin_content_block_version_path(@content_block, version),
-                method: :post,
-                data: { turbo_confirm: "Weet je zeker dat je wilt terugdraaien naar versie #{version.version_number}?" },
-                class: "text-xs text-destructive hover:underline" %>
-          <% end %>
-        </div>
-      </div>
-
-      <% if version.metadata&.dig("changed_fields").present? %>
-        <p class="mt-2 text-xs text-muted-foreground">
-          Gewijzigde velden: <%= version.metadata["changed_fields"].join(", ") %>
-        </p>
-      <% end %>
-    </div>
-  <% end %>
-</div>