@raketa-cloud/admin 0.0.53 → 0.0.54

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@raketa-cloud/admin",
-  "version": "0.0.53",
+  "version": "0.0.54",
   "main": "src/index.js",
   "scripts": {
     "dev": "npx tailwindcss -i ./src/styles/application.css -o ../../apps/admin/static/application.css --watch",

package/src/handlers/article_revisions/CodeHandler.js

@@ -64,7 +64,7 @@ const update = async (ctx) => {
   }
 
   return {
-    redirect: `/${ctx.locale}/${ctx.resourceConfig.articleType}_revisions/${revision.id}/codes/edit`,
+    redirect: `/${ctx.locale}/${ctx.resourceConfig.articleType}_revisions/${revision.id}/codes/edit?success=1`,
   };
 };
 

package/src/handlers/article_revisions/GeneralHandler.js

@@ -66,7 +66,7 @@ const update = async (ctx) => {
   }
 
   return {
-    redirect: `/${ctx.locale}/${ctx.resourceConfig.articleType}_revisions/${revision.id}/general/edit`,
+    redirect: `/${ctx.locale}/${ctx.resourceConfig.articleType}_revisions/${revision.id}/general/edit?success=1`,
   };
 };
 

package/src/handlers/article_revisions/MetaHandler.js

@@ -64,7 +64,7 @@ const update = async (ctx) => {
   }
 
   return {
-    redirect: `/${ctx.locale}/${ctx.resourceConfig.articleType}_revisions/${revision.id}/meta/edit`,
+    redirect: `/${ctx.locale}/${ctx.resourceConfig.articleType}_revisions/${revision.id}/meta/edit?success=1`,
   };
 };
 

package/src/handlers/article_revisions/TagHandler.js

@@ -73,7 +73,7 @@ const update = async (ctx) => {
   }
 
   return {
-    redirect: `/${ctx.locale}/${ctx.resourceConfig.articleType}_revisions/${revision.id}/tags/edit`,
+    redirect: `/${ctx.locale}/${ctx.resourceConfig.articleType}_revisions/${revision.id}/tags/edit?success=1`,
   };
 };
 

package/src/handlers/article_revisions/VisualHandler.js

@@ -64,7 +64,7 @@ const update = async (ctx) => {
   }
 
   return {
-    redirect: `/${ctx.locale}/${ctx.resourceConfig.articleType}_revisions/${revision.id}/visuals/edit`,
+    redirect: `/${ctx.locale}/${ctx.resourceConfig.articleType}_revisions/${revision.id}/visuals/edit?success=1`,
   };
 };
 

package/src/handlers/event_revisions/CodeHandler.js

@@ -62,7 +62,7 @@ const update = async (ctx) => {
   }
 
   return {
-    redirect: `/${ctx.locale}/${ctx.resourceConfig.eventType}_revisions/${revision.id}/codes/edit`,
+    redirect: `/${ctx.locale}/${ctx.resourceConfig.eventType}_revisions/${revision.id}/codes/edit?success=1`,
   };
 };
 

package/src/handlers/event_revisions/GeneralHandler.js

@@ -64,7 +64,7 @@ const update = async (ctx) => {
   }
 
   return {
-    redirect: `/${ctx.locale}/${ctx.resourceConfig.eventType}_revisions/${revision.id}/general/edit`,
+    redirect: `/${ctx.locale}/${ctx.resourceConfig.eventType}_revisions/${revision.id}/general/edit?success=1`,
   };
 };
 

package/src/handlers/event_revisions/MetaHandler.js

@@ -62,7 +62,7 @@ const update = async (ctx) => {
   }
 
   return {
-    redirect: `/${ctx.locale}/${ctx.resourceConfig.eventType}_revisions/${revision.id}/meta/edit`,
+    redirect: `/${ctx.locale}/${ctx.resourceConfig.eventType}_revisions/${revision.id}/meta/edit?success=1`,
   };
 };
 

package/src/handlers/event_revisions/TagHandler.js

@@ -71,7 +71,7 @@ const update = async (ctx) => {
   }
 
   return {
-    redirect: `/${ctx.locale}/${ctx.resourceConfig.eventType}_revisions/${revision.id}/tags/edit`,
+    redirect: `/${ctx.locale}/${ctx.resourceConfig.eventType}_revisions/${revision.id}/tags/edit?success=1`,
   };
 };
 

package/src/handlers/event_revisions/VisualHandler.js

@@ -62,7 +62,7 @@ const update = async (ctx) => {
   }
 
   return {
-    redirect: `/${ctx.locale}/${ctx.resourceConfig.eventType}_revisions/${revision.id}/visuals/edit`,
+    redirect: `/${ctx.locale}/${ctx.resourceConfig.eventType}_revisions/${revision.id}/visuals/edit?success=1`,
   };
 };
 

package/src/handlers/page_revisions/CodeHandler.js

@@ -47,7 +47,7 @@ const update = async (ctx) => {
   }
 
   return {
-    redirect: `/${ctx.locale}/${ctx.resourceConfig.pageType}_revisions/${revision.id}/codes/edit`,
+    redirect: `/${ctx.locale}/${ctx.resourceConfig.pageType}_revisions/${revision.id}/codes/edit?success=1`,
   };
 };
 

package/src/handlers/page_revisions/GeneralHandler.js

@@ -49,7 +49,7 @@ const update = async (ctx) => {
   }
 
   return {
-    redirect: `/${ctx.locale}/${ctx.resourceConfig.pageType}_revisions/${revision.id}/general/edit`,
+    redirect: `/${ctx.locale}/${ctx.resourceConfig.pageType}_revisions/${revision.id}/general/edit?success=1`,
   };
 };
 

package/src/handlers/page_revisions/MetaHandler.js

@@ -47,7 +47,7 @@ const update = async (ctx) => {
   }
 
   return {
-    redirect: `/${ctx.locale}/${ctx.resourceConfig.pageType}_revisions/${revision.id}/meta/edit`,
+    redirect: `/${ctx.locale}/${ctx.resourceConfig.pageType}_revisions/${revision.id}/meta/edit?success=1`,
   };
 };
 

package/src/handlers/page_revisions/TagHandler.js

@@ -59,7 +59,7 @@ const update = async (ctx) => {
   }
 
   return {
-    redirect: `/${ctx.locale}/${ctx.resourceConfig.pageType}_revisions/${revision.id}/tags/edit`,
+    redirect: `/${ctx.locale}/${ctx.resourceConfig.pageType}_revisions/${revision.id}/tags/edit?success=1`,
   };
 };
 

package/src/handlers/page_revisions/VisualHandler.js

@@ -48,7 +48,7 @@ const update = async (ctx) => {
   }
 
   return {
-    redirect: `/${ctx.locale}/${ctx.resourceConfig.pageType}_revisions/${revision.id}/visuals/edit`,
+    redirect: `/${ctx.locale}/${ctx.resourceConfig.pageType}_revisions/${revision.id}/visuals/edit?success=1`,
   };
 };
 

package/src/tests/handlers/article_revisions/CodesHandler.test/update.test.js

@@ -69,7 +69,7 @@ describe("Article revision code settings", () => {
     });
 
     expect(result).toEqual({
-      redirect: `/en/article_revisions/${revision.id}/codes/edit`,
+      redirect: `/en/article_revisions/${revision.id}/codes/edit?success=1`,
     });
   });
 

package/src/tests/handlers/article_revisions/GeneralHandler.test/update.test.js

@@ -70,7 +70,7 @@ describe("Article revision general settings", () => {
     });
 
     expect(result).toEqual({
-      redirect: `/en/article_revisions/${revision.id}/general/edit`,
+      redirect: `/en/article_revisions/${revision.id}/general/edit?success=1`,
     });
   });
 

package/src/tests/handlers/article_revisions/MetaHandler.test/update.test.js

@@ -70,7 +70,7 @@ describe("Article revision meta settings", () => {
     });
 
     expect(result).toEqual({
-      redirect: `/en/article_revisions/${revision.id}/meta/edit`,
+      redirect: `/en/article_revisions/${revision.id}/meta/edit?success=1`,
     });
   });
 

package/src/tests/handlers/article_revisions/TagHandler.test/update.test.js

@@ -65,7 +65,7 @@ describe("Article revision tags settings", () => {
     });
 
     expect(result).toEqual({
-      redirect: `/en/article_revisions/${revision.id}/tags/edit`,
+      redirect: `/en/article_revisions/${revision.id}/tags/edit?success=1`,
     });
   });
 

package/src/tests/handlers/article_revisions/VisualHandler.test.test/update.test.js

@@ -63,7 +63,7 @@ describe("Article revision visuals settings", () => {
     });
 
     expect(result).toEqual({
-      redirect: `/en/article_revisions/${revision.id}/visuals/edit`,
+      redirect: `/en/article_revisions/${revision.id}/visuals/edit?success=1`,
     });
   });
 

package/src/tests/handlers/event_revisions/CodesHandler.test/update.test.js

@@ -73,7 +73,7 @@ describe("Event revision code settings", () => {
     });
 
     expect(result).toEqual({
-      redirect: `/en/event_revisions/${revision.id}/codes/edit`,
+      redirect: `/en/event_revisions/${revision.id}/codes/edit?success=1`,
     });
   });
 

package/src/tests/handlers/event_revisions/GeneralHandler.test/update.test.js

@@ -74,7 +74,7 @@ describe("Event revision general settings", () => {
     });
 
     expect(result).toEqual({
-      redirect: `/en/event_revisions/${revision.id}/general/edit`,
+      redirect: `/en/event_revisions/${revision.id}/general/edit?success=1`,
     });
   });
 

package/src/tests/handlers/event_revisions/MetaHandler.test/update.test.js

@@ -74,7 +74,7 @@ describe("Event revision meta settings", () => {
     });
 
     expect(result).toEqual({
-      redirect: `/en/event_revisions/${revision.id}/meta/edit`,
+      redirect: `/en/event_revisions/${revision.id}/meta/edit?success=1`,
     });
   });
 

package/src/tests/handlers/event_revisions/TagHandler.test/update.test.js

@@ -69,7 +69,7 @@ describe("Event revision tags settings", () => {
     });
 
     expect(result).toEqual({
-      redirect: `/en/event_revisions/${revision.id}/tags/edit`,
+      redirect: `/en/event_revisions/${revision.id}/tags/edit?success=1`,
     });
   });
 

package/src/tests/handlers/event_revisions/VisualHandler.test.test/update.test.js

@@ -67,7 +67,7 @@ describe("Event revision visuals settings", () => {
     });
 
     expect(result).toEqual({
-      redirect: `/en/event_revisions/${revision.id}/visuals/edit`,
+      redirect: `/en/event_revisions/${revision.id}/visuals/edit?success=1`,
     });
   });
 

package/src/tests/handlers/page_revisions/CodesHandler.test/update.test.js

@@ -66,7 +66,7 @@ describe("Page revision code settings", () => {
     });
 
     expect(result).toEqual({
-      redirect: `/en/page_revisions/${revision.id}/codes/edit`,
+      redirect: `/en/page_revisions/${revision.id}/codes/edit?success=1`,
     });
   });
 

package/src/tests/handlers/page_revisions/GeneralHandler.test/update.test.js

@@ -71,7 +71,7 @@ describe("Page revision general settings", () => {
     });
 
     expect(result).toEqual({
-      redirect: `/en/page_revisions/${revision.id}/general/edit`,
+      redirect: `/en/page_revisions/${revision.id}/general/edit?success=1`,
     });
   });
 

package/src/tests/handlers/page_revisions/MetaHandler.test/update.test.js

@@ -68,7 +68,7 @@ describe("Page revision meta settings", () => {
     });
 
     expect(result).toEqual({
-      redirect: `/en/page_revisions/${revision.id}/meta/edit`,
+      redirect: `/en/page_revisions/${revision.id}/meta/edit?success=1`,
     });
   });
 

package/src/tests/handlers/page_revisions/TagHandler.test/update.test.js

@@ -61,7 +61,7 @@ describe("Page revision tags settings", () => {
     });
 
     expect(result).toEqual({
-      redirect: `/en/page_revisions/${revision.id}/tags/edit`,
+      redirect: `/en/page_revisions/${revision.id}/tags/edit?success=1`,
     });
   });
 

package/src/tests/handlers/page_revisions/VisualHandler.test.test/update.test.js

@@ -60,7 +60,7 @@ describe("Page revision visuals settings", () => {
     });
 
     expect(result).toEqual({
-      redirect: `/en/page_revisions/${revision.id}/visuals/edit`,
+      redirect: `/en/page_revisions/${revision.id}/visuals/edit?success=1`,
     });
   });
 

package/src/views/article_revisions/_nav.ejs

@@ -1,3 +1,7 @@
+<% if (_context.query?.success) { %>
+  <div class="mb-6 text-emerald-600">Settings saved successfully.</div>
+<% } %>
+
 <%
   const activeClass = "relative top-0.5 px-4 border-b-2 border-raketa-primary pb-4";
   const inactiveClass = "relative top-0.5 px-4 border-b-2 border-transparent pb-4";

package/src/views/articles/_shared/_title.ejs

@@ -1,8 +1,11 @@
-<div>
-  <h1 class="heading-1"><%= resource.title %></h1>
+<h1 class="heading-1 flex items-center gap-2">
+  <%= resource.title %>
+
   <% if (resource.visibility !== "private") { %>
-  <a href="<%= _context.remoteConfig.resourceUrl(resource, _context.resourceConfig.articleType, _context.locale) %>" class="body-3 text-raketa-foreground/50" target="_blank">
-    <%= _context.remoteConfig.resourcePath(resource, _context.resourceConfig.articleType, _context.locale) %>
+  <a href="<%= _context.remoteConfig.resourceUrl(resource, _context.resourceConfig.articleType, _context.locale) %>" target="_blank">
+    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 text-raketa-primary">
+      <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 6H5.25A2.25 2.25 0 0 0 3 8.25v10.5A2.25 2.25 0 0 0 5.25 21h10.5A2.25 2.25 0 0 0 18 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25" />
+    </svg>
   </a>
   <% } %>
-</div>
+</h1>

package/src/views/articles/_shared/_toolbar.ejs

@@ -19,7 +19,7 @@
         <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 17.25v3.375c0 .621-.504 1.125-1.125 1.125h-9.75a1.125 1.125 0 0 1-1.125-1.125V7.875c0-.621.504-1.125 1.125-1.125H6.75a9.06 9.06 0 0 1 1.5.124m7.5 10.376h3.375c.621 0 1.125-.504 1.125-1.125V11.25c0-4.46-3.243-8.161-7.5-8.876a9.06 9.06 0 0 0-1.5-.124H9.375c-.621 0-1.125.504-1.125 1.125v3.5m7.5 10.375H9.375a1.125 1.125 0 0 1-1.125-1.125v-9.25m12 6.625v-1.875a3.375 3.375 0 0 0-3.375-3.375h-1.5a1.125 1.125 0 0 1-1.125-1.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H9.75" />
       </svg>
 
-      Clone <%= _context.resourceConfig.articleType %>
+      Clone <%= Inflector.humanize(Inflector.downcase(_context.resourceConfig.articleType)) %>
     </button>
   </form>
 
@@ -28,6 +28,6 @@
       <path stroke-linecap="round" stroke-linejoin="round" d="m14.74 9-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 0 1-2.244 2.077H8.084a2.25 2.25 0 0 1-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 0 0-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 0 1 3.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 0 0-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 0 0-7.5 0" />
     </svg>
 
-    Delete <%= _context.resourceConfig.articleType %>
+    Delete <%= Inflector.humanize(Inflector.downcase(_context.resourceConfig.articleType)) %>
   </a>
 </div>

package/src/views/articles/show.ejs

@@ -1,29 +1,26 @@
 <div class="page-wrapper">
   <div class="page-title">
-    <div class="flex items-center gap-4">
-      <%- render_partial('./_shared/_title.ejs') %>
-
-      <div class="flex flex-wrap items-center gap-1">
-        <% Object.keys(_context.locales).forEach(key => { %>
-        <% const { name, _code, flag} = _context.locales[key] %>
-        <% if (key === _context.locale) { %>
-        <img title="<%= name %>" src="<%= flag %>" alt="<%= name %>" class="size-6 rounded-full border dark:border-neutral-700" />
-        <% } else if (resource.translations[key]) { %>
-        <a href="<%= `/${key}/${_context.resourceConfig.articleTypePlural}/${resource.translations[key].id}` %>">
-          <img title="<%= name %>" src="<%= flag %>" alt="<%= name %>" class="size-6 rounded-full border dark:border-neutral-700" />
-        </a>
-        <% } else { %>
-        <a href="<%= `/${_context.locale}/${_context.resourceConfig.articleTypePlural}/${resource.id}/translations/new?target_locale=${key}` %>">
-          <img title="<%= name %>" src="<%= flag %>" alt="<%= name %>" class="<%= [" transition-all ease-in-out duration-300 size-6 rounded-full border hover:opacity-100 dark:border-neutral-700", key === _context.locale ? "opacity-100" : "opacity-10"].join(" ") %>" />
-        </a>
-        <% } %>
-        <% }); %>
-      </div>
-    </div>
-
+    <%- render_partial('./_shared/_title.ejs') %>
     <%- render_partial('./_shared/_toolbar.ejs') %>
   </div>
 
+  <div class="flex flex-wrap items-center gap-1 mb-6 -my-4">
+    <% Object.keys(_context.locales).forEach(key => { %>
+    <% const { name, _code, flag} = _context.locales[key] %>
+    <% if (key === _context.locale) { %>
+    <img title="<%= name %>" src="<%= flag %>" alt="<%= name %>" class="size-6 rounded-full border dark:border-neutral-700" />
+    <% } else if (resource.translations[key]) { %>
+    <a href="<%= `/${key}/${_context.resourceConfig.articleTypePlural}/${resource.translations[key].id}` %>">
+      <img title="<%= name %>" src="<%= flag %>" alt="<%= name %>" class="size-6 rounded-full border dark:border-neutral-700" />
+    </a>
+    <% } else { %>
+    <a href="<%= `/${_context.locale}/${_context.resourceConfig.articleTypePlural}/${resource.id}/translations/new?target_locale=${key}` %>">
+      <img title="<%= name %>" src="<%= flag %>" alt="<%= name %>" class="<%= [" transition-all ease-in-out duration-300 size-6 rounded-full border hover:opacity-100 dark:border-neutral-700", key === _context.locale ? "opacity-100" : "opacity-10"].join(" ") %>" />
+    </a>
+    <% } %>
+    <% }); %>
+  </div>
+
   <% if (revisions.length) { %>
   <div class="pb-8">
     <h4 class="pb-4 heading-3 flex items-center gap-2">

package/src/views/event_revisions/_nav.ejs

@@ -1,3 +1,7 @@
+<% if (_context.query?.success) { %>
+  <div class="mb-6 text-emerald-600">Settings saved successfully.</div>
+<% } %>
+
 <%
   const activeClass = "relative top-0.5 px-4 border-b-2 border-raketa-primary pb-4";
   const inactiveClass = "relative top-0.5 px-4 border-b-2 border-transparent pb-4";

package/src/views/events/_shared/_title.ejs

@@ -1,8 +1,12 @@
-<div>
-  <h1 class="heading-1"><%= resource.title %></h1>
+<h1 class="heading-1 flex items-center gap-2">
+  <%= resource.title %>
+
   <% if (resource.visibility !== "private") { %>
-  <a href="<%= _context.remoteConfig.resourceUrl(resource, _context.resourceConfig.eventType, _context.locale) %>" class="body-3 text-raketa-foreground/50" target="_blank">
-    <%= _context.remoteConfig.resourcePath(resource, _context.resourceConfig.eventType, _context.locale) %>
+  <a href="<%= _context.remoteConfig.resourceUrl(resource, _context.resourceConfig.eventType, _context.locale) %>" target="_blank">
+    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 text-raketa-primary">
+      <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 6H5.25A2.25 2.25 0 0 0 3 8.25v10.5A2.25 2.25 0 0 0 5.25 21h10.5A2.25 2.25 0 0 0 18 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25" />
+    </svg>
   </a>
   <% } %>
-</div>
+</h1>
+

package/src/views/events/_shared/_toolbar.ejs

@@ -19,7 +19,7 @@
         <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 17.25v3.375c0 .621-.504 1.125-1.125 1.125h-9.75a1.125 1.125 0 0 1-1.125-1.125V7.875c0-.621.504-1.125 1.125-1.125H6.75a9.06 9.06 0 0 1 1.5.124m7.5 10.376h3.375c.621 0 1.125-.504 1.125-1.125V11.25c0-4.46-3.243-8.161-7.5-8.876a9.06 9.06 0 0 0-1.5-.124H9.375c-.621 0-1.125.504-1.125 1.125v3.5m7.5 10.375H9.375a1.125 1.125 0 0 1-1.125-1.125v-9.25m12 6.625v-1.875a3.375 3.375 0 0 0-3.375-3.375h-1.5a1.125 1.125 0 0 1-1.125-1.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H9.75" />
       </svg>
 
-      Clone <%= _context.resourceConfig.eventType %>
+      Clone <%= Inflector.humanize(Inflector.downcase(_context.resourceConfig.eventType)) %>
     </button>
   </form>
 
@@ -28,6 +28,6 @@
       <path stroke-linecap="round" stroke-linejoin="round" d="m14.74 9-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 0 1-2.244 2.077H8.084a2.25 2.25 0 0 1-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 0 0-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 0 1 3.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 0 0-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 0 0-7.5 0" />
     </svg>
 
-    Delete <%= _context.resourceConfig.eventType %>
+    Delete <%= Inflector.humanize(Inflector.downcase(_context.resourceConfig.eventType)) %>
   </a>
 </div>

package/src/views/events/show.ejs

@@ -1,29 +1,26 @@
 <div class="page-wrapper">
   <div class="page-title">
-    <div class="flex items-center gap-4">
-      <%- render_partial('./_shared/_title.ejs') %>
-
-      <div class="flex flex-wrap items-center gap-1">
-        <% Object.keys(_context.locales).forEach(key => { %>
-        <% const { name, _code, flag} = _context.locales[key] %>
-        <% if (key === _context.locale) { %>
-        <img title="<%= name %>" src="<%= flag %>" alt="<%= name %>" class="size-6 rounded-full border dark:border-neutral-700" />
-        <% } else if (resource.translations[key]) { %>
-        <a href="<%= `/${key}/${_context.resourceConfig.eventTypePlural}/${resource.translations[key].id}` %>">
-          <img title="<%= name %>" src="<%= flag %>" alt="<%= name %>" class="size-6 rounded-full border dark:border-neutral-700" />
-        </a>
-        <% } else { %>
-        <a href="<%= `/${_context.locale}/${_context.resourceConfig.eventTypePlural}/${resource.id}/translations/new?target_locale=${key}` %>">
-          <img title="<%= name %>" src="<%= flag %>" alt="<%= name %>" class="<%= [" transition-all ease-in-out duration-300 size-6 rounded-full border hover:opacity-100 dark:border-neutral-700", key === _context.locale ? "opacity-100" : "opacity-10"].join(" ") %>" />
-        </a>
-        <% } %>
-        <% }); %>
-      </div>
-    </div>
-
+    <%- render_partial('./_shared/_title.ejs') %>
     <%- render_partial('./_shared/_toolbar.ejs') %>
   </div>
 
+  <div class="flex flex-wrap items-center gap-1 mb-6 -mt-4">
+    <% Object.keys(_context.locales).forEach(key => { %>
+    <% const { name, _code, flag} = _context.locales[key] %>
+    <% if (key === _context.locale) { %>
+    <img title="<%= name %>" src="<%= flag %>" alt="<%= name %>" class="size-6 rounded-full border dark:border-neutral-700" />
+    <% } else if (resource.translations[key]) { %>
+    <a href="<%= `/${key}/${_context.resourceConfig.eventTypePlural}/${resource.translations[key].id}` %>">
+      <img title="<%= name %>" src="<%= flag %>" alt="<%= name %>" class="size-6 rounded-full border dark:border-neutral-700" />
+    </a>
+    <% } else { %>
+    <a href="<%= `/${_context.locale}/${_context.resourceConfig.eventTypePlural}/${resource.id}/translations/new?target_locale=${key}` %>">
+      <img title="<%= name %>" src="<%= flag %>" alt="<%= name %>" class="<%= [" transition-all ease-in-out duration-300 size-6 rounded-full border hover:opacity-100 dark:border-neutral-700", key === _context.locale ? "opacity-100" : "opacity-10"].join(" ") %>" />
+    </a>
+    <% } %>
+    <% }); %>
+  </div>
+
   <% if (revisions.length) { %>
   <div class="pb-8">
     <h4 class="pb-4 heading-3 flex items-center gap-2">

package/src/views/page_revisions/_nav.ejs

@@ -1,3 +1,7 @@
+<% if (_context.query?.success) { %>
+  <div class="mb-6 text-emerald-600">Settings saved successfully.</div>
+<% } %>
+
 <%
   const activeClass = "relative top-0.5 px-4 border-b-2 border-raketa-primary pb-4";
   const inactiveClass = "relative top-0.5 px-4 border-b-2 border-transparent pb-4";

package/src/views/pages/_shared/_title.ejs

@@ -1,8 +1,12 @@
-<div>
-  <h1 class="heading-1"><%= resource.title %></h1>
+<h1 class="heading-1 flex items-center gap-2">
+  <%= resource.title %>
+
   <% if (resource.visibility !== "private") { %>
-  <a href="<%= _context.remoteConfig.resourceUrl(resource, _context.resourceConfig.pageType, _context.locale) %>" class="body-3 text-raketa-foreground/50" target="_blank">
-    <%= _context.remoteConfig.resourcePath(resource, _context.resourceConfig.pageType, _context.locale) %>
+  <a href="<%= _context.remoteConfig.resourceUrl(resource, _context.resourceConfig.pageType, _context.locale) %>" target="_blank">
+    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 text-raketa-primary">
+      <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 6H5.25A2.25 2.25 0 0 0 3 8.25v10.5A2.25 2.25 0 0 0 5.25 21h10.5A2.25 2.25 0 0 0 18 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25" />
+    </svg>
   </a>
   <% } %>
-</div>
+</h1>
+

package/src/views/pages/_shared/_toolbar.ejs

@@ -19,7 +19,7 @@
         <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 17.25v3.375c0 .621-.504 1.125-1.125 1.125h-9.75a1.125 1.125 0 0 1-1.125-1.125V7.875c0-.621.504-1.125 1.125-1.125H6.75a9.06 9.06 0 0 1 1.5.124m7.5 10.376h3.375c.621 0 1.125-.504 1.125-1.125V11.25c0-4.46-3.243-8.161-7.5-8.876a9.06 9.06 0 0 0-1.5-.124H9.375c-.621 0-1.125.504-1.125 1.125v3.5m7.5 10.375H9.375a1.125 1.125 0 0 1-1.125-1.125v-9.25m12 6.625v-1.875a3.375 3.375 0 0 0-3.375-3.375h-1.5a1.125 1.125 0 0 1-1.125-1.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H9.75" />
       </svg>
 
-      Clone <%= _context.resourceConfig.pageType %>
+      Clone <%= Inflector.humanize(Inflector.downcase(_context.resourceConfig.pageType)) %>
     </button>
   </form>
 
@@ -28,6 +28,6 @@
       <path stroke-linecap="round" stroke-linejoin="round" d="m14.74 9-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 0 1-2.244 2.077H8.084a2.25 2.25 0 0 1-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 0 0-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 0 1 3.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 0 0-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 0 0-7.5 0" />
     </svg>
 
-    Delete <%= _context.resourceConfig.pageType %>
+    Delete <%= Inflector.humanize(Inflector.downcase(_context.resourceConfig.pageType)) %>
   </a>
 </div>

package/src/views/pages/show.ejs

@@ -1,29 +1,26 @@
 <div class="page-wrapper">
   <div class="page-title">
-    <div class="flex items-center gap-4">
-      <%- render_partial('./_shared/_title.ejs') %>
-
-      <div class="flex flex-wrap items-center gap-1">
-        <% Object.keys(_context.locales).forEach(key => { %>
-        <% const { name, _code, flag} = _context.locales[key] %>
-        <% if (key === _context.locale) { %>
-        <img title="<%= name %>" src="<%= flag %>" alt="<%= name %>" class="size-6 rounded-full border dark:border-neutral-700" />
-        <% } else if (resource.translations[key]) { %>
-        <a href="<%= `/${key}/${_context.resourceConfig.pageTypePlural}/${resource.translations[key].id}` %>">
-          <img title="<%= name %>" src="<%= flag %>" alt="<%= name %>" class="size-6 rounded-full border dark:border-neutral-700" />
-        </a>
-        <% } else { %>
-        <a href="<%= `/${_context.locale}/${_context.resourceConfig.pageTypePlural}/${resource.id}/translations/new?target_locale=${key}` %>">
-          <img title="<%= name %>" src="<%= flag %>" alt="<%= name %>" class="<%= [" transition-all ease-in-out duration-300 size-6 rounded-full border hover:opacity-100 dark:border-neutral-700", key === _context.locale ? "opacity-100" : "opacity-10"].join(" ") %>" />
-        </a>
-        <% } %>
-        <% }); %>
-      </div>
-    </div>
-
+    <%- render_partial('./_shared/_title.ejs') %>
     <%- render_partial('./_shared/_toolbar.ejs') %>
   </div>
 
+  <div class="flex flex-wrap items-center gap-1 mb-6 -mt-4">
+    <% Object.keys(_context.locales).forEach(key => { %>
+    <% const { name, _code, flag} = _context.locales[key] %>
+    <% if (key === _context.locale) { %>
+    <img title="<%= name %>" src="<%= flag %>" alt="<%= name %>" class="size-6 rounded-full border dark:border-neutral-700" />
+    <% } else if (resource.translations[key]) { %>
+    <a href="<%= `/${key}/${_context.resourceConfig.pageTypePlural}/${resource.translations[key].id}` %>">
+      <img title="<%= name %>" src="<%= flag %>" alt="<%= name %>" class="size-6 rounded-full border dark:border-neutral-700" />
+    </a>
+    <% } else { %>
+    <a href="<%= `/${_context.locale}/${_context.resourceConfig.pageTypePlural}/${resource.id}/translations/new?target_locale=${key}` %>">
+      <img title="<%= name %>" src="<%= flag %>" alt="<%= name %>" class="<%= [" transition-all ease-in-out duration-300 size-6 rounded-full border hover:opacity-100 dark:border-neutral-700", key === _context.locale ? "opacity-100" : "opacity-10"].join(" ") %>" />
+    </a>
+    <% } %>
+    <% }); %>
+  </div>
+
   <% if (revisions.length) { %>
   <div class="pb-8">
     <h4 class="pb-4 heading-3 flex items-center gap-2">