@raketa-cloud/admin 0.0.59 → 0.0.64

package/src/views/event_revisions/codes/edit_form.ejs

@@ -1,6 +1,9 @@
 <div class="page-wrapper">
   <div class="page-title">
-    <h1 class="heading-1">Edit revision / Code customizations</h1>
+    <h1 class="heading-1">
+      <span class="opacity-50">Code customizations / </span>
+      <%= resource.title %>
+    </h1>
   </div>
 
   <%- render_partial('../_nav.ejs', { resource, active: 'codes' }) %>
@@ -32,19 +35,5 @@
       </form>
       <% }) %>
     </div>
-
-    <div>
-      <div class="help">
-        <div class="flex items-center gap-1 mb-2">
-          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-4">
-            <path stroke-linecap="round" stroke-linejoin="round" d="m11.25 11.25.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9-3.75h.008v.008H12V8.25Z" />
-          </svg>
-
-          <h3 class="heading-3">Contextual help</h3>
-        </div>
-
-        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempore nostrum fugit sint sunt distinctio ut cum, corrupti ad error, quo labore minima. Reprehenderit quasi maxime repudiandae voluptatum commodi saepe molestiae?</p>
-      </div>
-    </div>
   </div>
-</div>
+</div>

package/src/views/event_revisions/general/_form.ejs

@@ -1,7 +1,7 @@
 <% form_for({ resource }, errors, (f) => { %>
 <form action="<%= `/${_context.locale}/${_context.resourceConfig.eventType}_revisions/${resource.id}/general` %>" method="POST" class="form">
   <%- f.field('resource.title', { required: true }) %>
-  <%- f.field('resource.slug', { label: "URL", required: true }) %>
+  <%- f.field('resource.slug', { label: "URL", required: true, hint: "Only lowercase letters, numbers and dash allowed. E.g: celebrate-friday-13" }) %>
   <%- f.field('resource.publishAt', { required: true, type: 'datetime-local', label: 'Publish at (UTC)' }) %>
   <%- f.field('resource.startsAt', { required: true, type: 'datetime-local', label: 'Starts at (UTC)' }) %>
   <%- f.field('resource.endsAt', { required: true, type: 'datetime-local', label: 'Ends at (UTC)' }) %>
@@ -16,4 +16,4 @@
     </div>
   </div>
 </form>
-<% }) %>
+<% }) %>

package/src/views/event_revisions/general/edit_form.ejs

@@ -1,6 +1,9 @@
 <div class="page-wrapper">
   <div class="page-title">
-    <h1 class="heading-1">Edit revision / General</h1>
+    <h1 class="heading-1">
+      <span class="opacity-50">General / </span>
+      <%= resource.title %>
+    </h1>
   </div>
 
   <%- render_partial('../_nav.ejs', { resource, active: 'general' }) %>
@@ -9,19 +12,5 @@
     <div>
       <%- render_partial('_form.ejs') %>
     </div>
-
-    <div>
-      <div class="help">
-        <div class="flex items-center gap-1 mb-2">
-          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-4">
-            <path stroke-linecap="round" stroke-linejoin="round" d="m11.25 11.25.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9-3.75h.008v.008H12V8.25Z" />
-          </svg>
-
-          <h3 class="heading-3">Contextual help</h3>
-        </div>
-
-        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempore nostrum fugit sint sunt distinctio ut cum, corrupti ad error, quo labore minima. Reprehenderit quasi maxime repudiandae voluptatum commodi saepe molestiae?</p>
-      </div>
-    </div>
   </div>
-</div>
+</div>

package/src/views/event_revisions/locks/create_form.ejs

@@ -25,11 +25,13 @@
             <path stroke-linecap="round" stroke-linejoin="round" d="m11.25 11.25.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9-3.75h.008v.008H12V8.25Z" />
           </svg>
 
-          <h3 class="heading-3">Contextual help</h3>
+          <h3 class="heading-3">How to lock a revision?</h3>
         </div>
 
-        <p>Locking a revision will prevent further changes to this version of the event. This action cannot be undone. Please provide a reason for locking this revision.</p>
+        <div class="markdown">
+          <p>You can lock a revision to prevent publishing or deletion by anyone, including yourself. When locking, provide a clear, informative message explaining the reason. Remember that while this feature is designed to facilitate collaboration, any user can still unlock the revision.</p>
+        </div>
       </div>
     </div>
   </div>
-</div>
+</div>

package/src/views/event_revisions/meta/edit_form.ejs

@@ -1,6 +1,9 @@
 <div class="page-wrapper">
   <div class="page-title">
-    <h1 class="heading-1">Edit revision / Open graph & meta tags</h1>
+    <h1 class="heading-1">
+      <span class="opacity-50">OpenGraph & Meta tags / </span>
+      <%= resource.title %>
+    </h1>
   </div>
 
   <%- render_partial('../_nav.ejs', { resource, active: 'meta' }) %>
@@ -9,10 +12,10 @@
     <div>
       <% form_for({ resource }, errors, (f) => { %>
       <form action="<%= `/${_context.locale}/${_context.resourceConfig.eventType}_revisions/${resource.id}/meta` %>" method="POST" class="form">
-        <%- f.field('resource.settings.meta.title', { required: true, label: "Meta title" }) %>
-        <%- f.field('resource.settings.meta.description', { as: "textarea", required: true, label: "Meta description" }) %>
+        <%- f.field('resource.settings.meta.title', { required: true, label: "Meta title", hint: "Used for both meta and OpenGraph" }) %>
+        <%- f.field('resource.settings.meta.description', { as: "textarea", required: true, label: "Meta description", hint: "Used for both meta and OpenGraph" }) %>
 
-        <raketa-image-picker name="resource[settings][meta][image]" value="<%= JSON.stringify(resource.settings?.meta?.image || {}) %>" label="Meta image"></raketa-image-picker>
+        <raketa-image-picker name="resource[settings][meta][image]" value="<%= JSON.stringify(resource.settings?.meta?.image || {}) %>" label="OpenGraph image"></raketa-image-picker>
 
         <div class="form-actions">
           <div class="btn-toolbar">
@@ -23,19 +26,5 @@
       </form>
       <% }) %>
     </div>
-
-    <div>
-      <div class="help">
-        <div class="flex items-center gap-1 mb-2">
-          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-4">
-            <path stroke-linecap="round" stroke-linejoin="round" d="m11.25 11.25.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9-3.75h.008v.008H12V8.25Z" />
-          </svg>
-
-          <h3 class="heading-3">Contextual help</h3>
-        </div>
-
-        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempore nostrum fugit sint sunt distinctio ut cum, corrupti ad error, quo labore minima. Reprehenderit quasi maxime repudiandae voluptatum commodi saepe molestiae?</p>
-      </div>
-    </div>
   </div>
-</div>
+</div>

package/src/views/event_revisions/publishes/_form.ejs

@@ -1,7 +1,11 @@
 <% form_for({ publishing }, errors, (f) => { %>
 <form action="<%= `/${_context.locale}/${_context.resourceConfig.eventType}_revisions/${publishing.id}/publishes` %>" method="post" class="form">
-  <%- f.field('publishing.title'), { required: true } %>
-  <%- f.field('publishing.description', { as: "textarea" }) %>
+  <% if (errors.slug) { %>
+  <div class="mb-4 text-red-500">A page with this URL already exists</div>
+  <% } %>
+
+  <%- f.field('publishing.title'), { required: true, hint: "Appears in the history of changes" } %>
+  <%- f.field('publishing.description', { as: "textarea", hint: "Provide optional details" }) %>
   <%- f.field('publishing.visibility', { as: 'select', required: true, options: visibilityOptions }) %>
   <%- f.field('publishing.username', { required: true }) %>
   <%- f.field('publishing.password', { required: true }) %>
@@ -16,42 +20,21 @@
 </form>
 <% }) %>
 
-<div>
-  <div class="help">
-    <div class="flex items-center gap-1 mb-2">
-      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-4">
-        <path stroke-linecap="round" stroke-linejoin="round" d="m11.25 11.25.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9-3.75h.008v.008H12V8.25Z" />
-      </svg>
+<script>
+  const visibilityEl = document.getElementById("f_publishing_visibility");
+  const usernameEl = document.getElementById("f_publishing_username").parentElement;
+  const passwordEl = document.getElementById("f_publishing_password").parentElement;
 
-      <h3 class="heading-3">Contextual help</h3>
-    </div>
+  function handleVisibilityChange(value) {
+    const isHidden = value !== "protected";
 
-    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempore nostrum fugit sint sunt distinctio ut cum, corrupti ad error, quo labore minima. Reprehenderit quasi maxime repudiandae voluptatum commodi saepe molestiae?</p>
-  </div>
-</div>
+    usernameEl.classList.toggle('hidden', isHidden);
+    passwordEl.classList.toggle('hidden', isHidden);
 
-<script>
-  function onVisibilityChange(event) {
-    const newValue = event.target.value;
-
-    if (newValue === "protected") {
-      document.getElementById("f_username").parentElement.style.display = "block";
-      document.getElementById("f_username").required = true;
-      document.getElementById("f_password").parentElement.style.display = "block";
-      document.getElementById("f_password").required = true;
-    } else {
-      document.getElementById("f_username").parentElement.style.display = "none";
-      document.getElementById("f_username").required = false;
-      document.getElementById("f_password").parentElement.style.display = "none";
-      document.getElementById("f_password").required = false;
-    }
+    usernameEl.querySelector('input').toggleAttribute('required', !isHidden);
+    passwordEl.querySelector('input').toggleAttribute('required', !isHidden);
   }
 
-  onVisibilityChange({
-    target: {
-      value: '<%= publishing.visibility %>'
-    }
-  })
-
-  document.getElementById("f_visibility").addEventListener("change", onVisibilityChange)
-</script>
+  visibilityEl.addEventListener("change", (e) => handleVisibilityChange(e.target.value));
+  handleVisibilityChange(visibilityEl.value);
+</script>

package/src/views/event_revisions/tags/edit_form.ejs

@@ -1,6 +1,9 @@
 <div class="page-wrapper">
   <div class="page-title">
-    <h1 class="heading-1">Edit revision / Content tags</h1>
+    <h1 class="heading-1">
+      <span class="opacity-50">Tags / </span>
+      <%= resource.title %>
+    </h1>
   </div>
 
   <%- render_partial('../_nav.ejs', { resource, active: 'tags' }) %>
@@ -20,19 +23,5 @@
       </form>
       <% }) %>
     </div>
-
-    <div>
-      <div class="help">
-        <div class="flex items-center gap-1 mb-2">
-          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-4">
-            <path stroke-linecap="round" stroke-linejoin="round" d="m11.25 11.25.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9-3.75h.008v.008H12V8.25Z" />
-          </svg>
-
-          <h3 class="heading-3">Contextual help</h3>
-        </div>
-
-        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempore nostrum fugit sint sunt distinctio ut cum, corrupti ad error, quo labore minima. Reprehenderit quasi maxime repudiandae voluptatum commodi saepe molestiae?</p>
-      </div>
-    </div>
   </div>
-</div>
+</div>

package/src/views/event_revisions/visuals/edit_form.ejs

@@ -1,6 +1,9 @@
 <div class="page-wrapper">
   <div class="page-title">
-    <h1 class="heading-1">Edit revision / Visuals</h1>
+    <h1 class="heading-1">
+      <span class="opacity-50">Visuals / </span>
+      <%= resource.title %>
+    </h1>
   </div>
 
   <%- render_partial('../_nav.ejs', { resource, active: 'visuals' }) %>
@@ -20,19 +23,5 @@
       </form>
       <% }) %>
     </div>
-
-    <div>
-      <div class="help">
-        <div class="flex items-center gap-1 mb-2">
-          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-4">
-            <path stroke-linecap="round" stroke-linejoin="round" d="m11.25 11.25.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9-3.75h.008v.008H12V8.25Z" />
-          </svg>
-
-          <h3 class="heading-3">Contextual help</h3>
-        </div>
-
-        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempore nostrum fugit sint sunt distinctio ut cum, corrupti ad error, quo labore minima. Reprehenderit quasi maxime repudiandae voluptatum commodi saepe molestiae?</p>
-      </div>
-    </div>
   </div>
-</div>
+</div>

package/src/views/events/_form.ejs

@@ -1,19 +1,28 @@
 <% form_for({ resource }, errors, (f) => { %>
 <form action="<%= resource?.id ? `/${_context.locale}/${_context.resourceConfig.eventTypePlural}/${resource.id}` : `/${_context.locale}/${_context.resourceConfig.eventTypePlural}` %>" method="post" class="form">
+  <h2 class="heading-2 mb-4">General</h2>
+
   <%- f.field('resource.title', { required: true }) %>
-  <%- f.field('resource.slug', { label: "URL", required: true }) %>
+  <%- f.field('resource.slug', { label: "URL", required: true, hint: "Only lowercase letters, numbers and dash allowed. Ex: celebrate-friday-13" }) %>
   <%- f.field('resource.publishAt', { required: true, type: 'datetime-local', label: 'Publish at (UTC)' }) %>
   <%- f.field('resource.startsAt', { required: true, type: 'datetime-local', label: 'Starts at (UTC)' }) %>
   <%- f.field('resource.endsAt', { required: true, type: 'datetime-local', label: 'Ends at (UTC)' }) %>
   <%- f.field('resource.visibility', { as: 'select', required: true, options: visibilityOptions }) %>
 
   <%- include('../_shared/_credentials_input.ejs', { f, visibilityFieldId: "f_resource_visibility"}) %>
+
+  <h2 class="heading-2 my-4">Visuals</h2>
+
   <%- include('../_shared/_layout_input.ejs', { f }) %>
 
-  <%- f.field('resource.settings.meta.title', { required: true, label: "Meta title" }) %>
-  <%- f.field('resource.settings.meta.description', { as: "textarea", required: true, label: "Meta description" }) %>
+  <h2 class="heading-2 my-4">OpenGraph & Meta tags</h2>
 
-  <raketa-image-picker name="resource[settings][meta][image]" value="<%= JSON.stringify(resource.settings?.meta?.image || {}) %>" label="Meta image"></raketa-image-picker>
+  <%- f.field('resource.settings.meta.title', { required: true, label: "Meta title", hint: "Used for both meta and OpenGraph" }) %>
+  <%- f.field('resource.settings.meta.description', { as: "textarea", required: true, label: "Meta description", hint: "Used for both meta and OpenGraph" }) %>
+
+  <raketa-image-picker name="resource[settings][meta][image]" value="<%= JSON.stringify(resource.settings?.meta?.image || {}) %>" label="OpenGraph image"></raketa-image-picker>
+
+  <h2 class="heading-2 my-4">Content tags</h2>
 
   <%- f.field('resource.tags', { as: 'checkbox_group', options: tags.map(tag => [tag.id, tag.name]) }) %>
 
@@ -35,18 +44,4 @@
     <% } %>
   </div>
 </form>
-<% }) %>
-
-<div>
-  <div class="help">
-    <div class="flex items-center gap-1 mb-2">
-      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-4">
-        <path stroke-linecap="round" stroke-linejoin="round" d="m11.25 11.25.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9-3.75h.008v.008H12V8.25Z" />
-      </svg>
-
-      <h3 class="heading-3">Contextual help</h3>
-    </div>
-
-    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempore nostrum fugit sint sunt distinctio ut cum, corrupti ad error, quo labore minima. Reprehenderit quasi maxime repudiandae voluptatum commodi saepe molestiae?</p>
-  </div>
-</div>
+<% }) %>

package/src/views/events/deletes/create_form.ejs

@@ -1,13 +1,16 @@
 <div class="page-wrapper">
   <div class="page-title">
-    <h1 class="heading-1">Delete <%= Inflector.humanize(Inflector.downcase(_context.resourceConfig.eventType)) %></h1>
+    <h1 class="heading-1">
+      <span class="opacity-50">Delete / </span>
+      <%= event.title %>
+    </h1>
   </div>
 
   <div class="grid gap-4 md:grid-cols-3">
     <div>
       <% form_for({ resource }, errors, (f) => { %>
       <form action="<%= `/${_context.locale}/${_context.resourceConfig.eventTypePlural}/${resource.id}/deletes` %>" method="POST" class="form">
-        <%- f.field('resource.redirect', { as: 'select', required: true,options: [['301', 'Redirect to another page'], ['404', 'Return 404'],['410', 'Return 410']] }) %>
+        <%- f.field('resource.redirect', { as: 'select', required: true,options: [['301', '301: Redirect to another page'], ['404', '404: Return an error'],['410', '410: Inform Google to remove the content from its index']] }) %>
         <%- f.field('resource.destination', {label: 'Destination URL', required: true}) %>
 
         <div class="form-actions">
@@ -27,10 +30,20 @@
             <path stroke-linecap="round" stroke-linejoin="round" d="m11.25 11.25.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9-3.75h.008v.008H12V8.25Z" />
           </svg>
 
-          <h3 class="heading-3">Contextual help</h3>
+          <h3 class="heading-3">How to safely retire a page?</h3>
         </div>
 
-        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempore nostrum fugit sint sunt distinctio ut cum, corrupti ad error, quo labore minima. Reprehenderit quasi maxime repudiandae voluptatum commodi saepe molestiae?</p>
+        <div class="markdown">
+          <p>Warning: Deleting a page can break existing links. To mitigate this, choose one of these options:</p>
+
+          <ol>
+            <li>Create a redirect to another page</li>
+            <li>Set a 410 response to signal Google to remove the page from its index</li>
+            <li>Use a 404 response only if absolutely certain</li>
+          </ol>
+
+          <p>In all cases, the current content will be deleted and forgotten like tears in rain — a moment lost in time. You might also consider changing the visibility of the page to private, which will preserve the content but hide it from end users.</p>
+        </div>
       </div>
     </div>
   </div>
@@ -52,4 +65,4 @@
   })
 
   document.getElementById("f_resource_redirect").addEventListener("change", onDestinationChange)
-</script>
+</script>

package/src/views/events/index.ejs

@@ -20,7 +20,6 @@
       <tr>
         <th><%- sort_button("Title", "title", _context) %></th>
         <th>Visibility</th>
-        <th><%- sort_button("Last change", "updated_at", _context) %></th>
         <th>Translations</th>
       </tr>
     </thead>
@@ -76,23 +75,6 @@
           </div>
         </td>
 
-        <td>
-          <div class="body-3 text-raketa-foreground/50">
-            <div class="flex items-center gap-1 mb-0.5">
-              <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-4 text-raketa-foreground">
-                <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" />
-              </svg>
-
-              Jan 20, 2024
-            </div>
-
-            <div class="flex items-center gap-1" title="Yana Dimitrova">
-              <img src="https://lh3.googleusercontent.com/a/ACg8ocLRrXdEsbxWg9AMWcgEY9Gfs75-xp7dYsnanB9-u-ZS3A=s96-c" class="size-4 rounded-full" alt="Yana Dimitrova">
-              Yana D.
-            </div>
-          </div>
-        </td>
-
         <td>
           <div class="flex flex-wrap items-center gap-1">
             <% Object.keys(_context.locales).forEach(key => { %>
@@ -160,4 +142,4 @@
   searchToggle.addEventListener('click', () => {
     sidebar.classList.toggle('hidden');
   });
-</script>
+</script>

package/src/views/events/show.ejs

@@ -36,7 +36,7 @@
       <thead>
         <tr>
           <th>Title</th>
-          <th>Editor</th>
+          <th>Created by</th>
           <th>Last change</th>
           <th>&nbsp;</th>
         </tr>

package/src/views/events/translations/_form.ejs

@@ -30,18 +30,4 @@
     </div>
   </div>
 </form>
-<% }) %>
-
-<div>
-  <div class="help">
-    <div class="flex items-center gap-1 mb-2">
-      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-4">
-        <path stroke-linecap="round" stroke-linejoin="round" d="m11.25 11.25.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9-3.75h.008v.008H12V8.25Z" />
-      </svg>
-
-      <h3 class="heading-3">Contextual help</h3>
-    </div>
-
-    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempore nostrum fugit sint sunt distinctio ut cum, corrupti ad error, quo labore minima. Reprehenderit quasi maxime repudiandae voluptatum commodi saepe molestiae?</p>
-  </div>
-</div>
+<% }) %>

package/src/views/events/urls/create_form.ejs

@@ -1,12 +1,15 @@
 <div class="page-wrapper">
   <div class="page-title">
-    <h1 class="heading-1">Change URL</h1>
+    <h1 class="heading-1">
+      <span class="opacity-50">Change URL / </span>
+      <%= event.title %>
+    </h1>
   </div>
 
   <div class="grid gap-4 md:grid-cols-3">
     <% form_for({ resource }, errors, (f) => { %>
     <form action="<%= `/${_context.locale}/${_context.resourceConfig.eventTypePlural}/${resource.id}/urls` %>" method="post" class="form">
-      <%- f.field('resource.slug', { label: "URL", required: true }) %>
+      <%- f.field('resource.slug', { label: "URL", required: true, hint: "Only lowercase letters, numbers and dash allowed. Ex: celebrate/friday-13" }) %>
       <%- f.field('resource.redirect', { as: "checkbox", value: "1", label: "Create 301 redirect for the old URL" }) %>
 
       <%- f.submit('Save record', { class: 'btn-primary' }) %>
@@ -21,11 +24,13 @@
             <path stroke-linecap="round" stroke-linejoin="round" d="m11.25 11.25.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9-3.75h.008v.008H12V8.25Z" />
           </svg>
 
-          <h3 class="heading-3">Contextual help</h3>
+          <h3 class="heading-3">Changing URL</h3>
         </div>
 
-        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempore nostrum fugit sint sunt distinctio ut cum, corrupti ad error, quo labore minima. Reprehenderit quasi maxime repudiandae voluptatum commodi saepe molestiae?</p>
+        <div class="markdown">
+          <p>Caution: Changing a page's URL may create broken links from existing references. If needed, use the redirect checkbox to automatically forward traffic from the old address to the new one, preserving link integrity.</p>
+        </div>
       </div>
     </div>
   </div>
-</div>
+</div>

package/src/views/page_revisions/_nav.ejs

@@ -30,7 +30,7 @@
 
       <div class="<%= active === 'meta' ? activeClass : inactiveClass %>">
         <a href="<%= `/${_context.locale}/${_context.resourceConfig.pageType}_revisions/${resource.id}/meta/edit` %>" class="text-raketa-primary font-semibold">
-          Open graph & meta tags
+          OpenGraph & meta tags
         </a>
       </div>
 

package/src/views/page_revisions/codes/edit_form.ejs

@@ -1,6 +1,9 @@
 <div class="page-wrapper">
   <div class="page-title">
-    <h1 class="heading-1">Edit revision / Code customizations</h1>
+    <h1 class="heading-1">
+      <span class="opacity-50">Code customizations / </span>
+      <%= resource.title %>
+    </h1>
   </div>
 
   <%- render_partial('../_nav.ejs', { resource, active: 'codes' }) %>
@@ -32,19 +35,5 @@
       </form>
       <% }) %>
     </div>
-
-    <div>
-      <div class="help">
-        <div class="flex items-center gap-1 mb-2">
-          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-4">
-            <path stroke-linecap="round" stroke-linejoin="round" d="m11.25 11.25.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9-3.75h.008v.008H12V8.25Z" />
-          </svg>
-
-          <h3 class="heading-3">Contextual help</h3>
-        </div>
-
-        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempore nostrum fugit sint sunt distinctio ut cum, corrupti ad error, quo labore minima. Reprehenderit quasi maxime repudiandae voluptatum commodi saepe molestiae?</p>
-      </div>
-    </div>
   </div>
 </div>

package/src/views/page_revisions/general/_form.ejs

@@ -1,7 +1,7 @@
 <% form_for({ resource }, errors, (f) => { %>
 <form action="<%= `/${_context.locale}/${_context.resourceConfig.pageType}_revisions/${resource.id}/general` %>" method="POST" class="form">
   <%- f.field('resource.title', { required: true }) %>
-  <%- f.field('resource.slug', { label: "URL", required: true }) %>
+  <%- f.field('resource.slug', { label: "URL", required: true, hint: "Only lowercase letters, numbers, slash and dash allowed. E.g: celebrate/friday-13" }) %>
   <%- f.field('resource.visibility', { as: 'select', required: true, options: visibilityOptions }) %>
 
   <%- include('../../_shared/_credentials_input.ejs', { f, visibilityFieldId: "f_resource_visibility"}) %>

package/src/views/page_revisions/general/edit_form.ejs

@@ -1,6 +1,9 @@
 <div class="page-wrapper">
   <div class="page-title">
-    <h1 class="heading-1">Edit revision / General</h1>
+    <h1 class="heading-1">
+      <span class="opacity-50">General / </span>
+      <%= resource.title %>
+    </h1>
   </div>
 
   <%- render_partial('../_nav.ejs', { resource, active: 'general' }) %>
@@ -9,19 +12,5 @@
     <div>
       <%- render_partial('_form.ejs') %>
     </div>
-
-    <div>
-      <div class="help">
-        <div class="flex items-center gap-1 mb-2">
-          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-4">
-            <path stroke-linecap="round" stroke-linejoin="round" d="m11.25 11.25.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9-3.75h.008v.008H12V8.25Z" />
-          </svg>
-
-          <h3 class="heading-3">Contextual help</h3>
-        </div>
-
-        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempore nostrum fugit sint sunt distinctio ut cum, corrupti ad error, quo labore minima. Reprehenderit quasi maxime repudiandae voluptatum commodi saepe molestiae?</p>
-      </div>
-    </div>
   </div>
 </div>

package/src/views/page_revisions/locks/create_form.ejs

@@ -25,11 +25,13 @@
             <path stroke-linecap="round" stroke-linejoin="round" d="m11.25 11.25.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9-3.75h.008v.008H12V8.25Z" />
           </svg>
 
-          <h3 class="heading-3">Contextual help</h3>
+          <h3 class="heading-3">How to lock a revision?</h3>
         </div>
 
-        <p>Locking a revision will prevent further changes to this version of the page. This action cannot be undone. Please provide a reason for locking this revision.</p>
+        <div class="markdown">
+          <p>You can lock a revision to prevent publishing or deletion by anyone, including yourself. When locking, provide a clear, informative message explaining the reason. Remember that while this feature is designed to facilitate collaboration, any user can still unlock the revision.</p>
+        </div>
       </div>
     </div>
   </div>
-</div>
+</div>

package/src/views/page_revisions/meta/edit_form.ejs

@@ -1,6 +1,9 @@
 <div class="page-wrapper">
   <div class="page-title">
-    <h1 class="heading-1">Edit revision / Open graph & meta tags</h1>
+    <h1 class="heading-1">
+      <span class="opacity-50">OpenGraph & Meta tags / </span>
+      <%= resource.title %>
+    </h1>
   </div>
 
   <%- render_partial('../_nav.ejs', { resource, active: 'meta' }) %>
@@ -9,10 +12,10 @@
     <div>
       <% form_for({ resource }, errors, (f) => { %>
       <form action="<%= `/${_context.locale}/${_context.resourceConfig.pageType}_revisions/${resource.id}/meta` %>" method="POST" class="form">
-        <%- f.field('resource.settings.meta.title', { required: true, label: "Meta title" }) %>
-        <%- f.field('resource.settings.meta.description', { as: "textarea", required: true, label: "Meta description" }) %>
+        <%- f.field('resource.settings.meta.title', { required: true, label: "Meta title", hint: "Used for both meta and OpenGraph" }) %>
+        <%- f.field('resource.settings.meta.description', { as: "textarea", required: true, label: "Meta description", hint: "Used for both meta and OpenGraph" }) %>
 
-        <raketa-image-picker name="resource[settings][meta][image]" value="<%= JSON.stringify(resource.settings?.meta?.image || {}) %>" label="Meta image"></raketa-image-picker>
+        <raketa-image-picker name="resource[settings][meta][image]" value="<%= JSON.stringify(resource.settings?.meta?.image || {}) %>" label="OpenGraph image"></raketa-image-picker>
 
         <div class="form-actions">
           <div class="btn-toolbar">
@@ -23,19 +26,5 @@
       </form>
       <% }) %>
     </div>
-
-    <div>
-      <div class="help">
-        <div class="flex items-center gap-1 mb-2">
-          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-4">
-            <path stroke-linecap="round" stroke-linejoin="round" d="m11.25 11.25.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9-3.75h.008v.008H12V8.25Z" />
-          </svg>
-
-          <h3 class="heading-3">Contextual help</h3>
-        </div>
-
-        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempore nostrum fugit sint sunt distinctio ut cum, corrupti ad error, quo labore minima. Reprehenderit quasi maxime repudiandae voluptatum commodi saepe molestiae?</p>
-      </div>
-    </div>
   </div>
 </div>