@raketa-cloud/admin 1.10.11 → 1.10.13

package/src/tests/routeResourceModule.test.js

@@ -36,6 +36,7 @@ describe("routeResourceModule", () => {
       resourceTypePlural: "articles",
       dateFields: ["publish_at"],
       reports: true,
+      comments: false,
     });
   });
 
@@ -184,8 +185,8 @@ describe("routeResourceModule", () => {
     expect(apiCollection).toBeDefined();
   });
 
-  test("registers nested collections for revisions, translations, history, locks, unlocks, clones, urls, deletes, publishes, cancel_schedules, reverts", () => {
-    const adapter = makeAdapter();
+  test("registers nested collections for revisions, translations, history, discussions, locks, unlocks, clones, urls, deletes, publishes, cancel_schedules, reverts", () => {
+    const adapter = makeAdapter({ features: { comments: { article: true } } });
 
     routeResourceModule(adapter, "article", "articles");
 
@@ -197,6 +198,8 @@ describe("routeResourceModule", () => {
       expect.arrayContaining([
         "/articles/:parent_id/translations",
         "/articles/:parent_id/history",
+        "/articles/:parent_id/discussions",
+        "/articles/:parent_id/discussions/:revision_id",
         "/articles/:parent_id/article_revisions",
         "/article_revisions/:parent_id/locks",
         "/article_revisions/:parent_id/unlocks",
@@ -304,4 +307,81 @@ describe("routeResourceModule", () => {
 
     expect(translationsCall[1].viewsFallback).toBe("resources/translations");
   });
+
+  test("scopes the discussion and comment routes by the resource type", () => {
+    const adapter = makeAdapter({
+      features: { comments: { page: true, "widget-set": true } },
+    });
+
+    routeResourceModule(adapter, "page", "pages");
+    routeResourceModule(adapter, "widget-set", "widget-sets");
+
+    const routes = adapter.routeNestedCollection.mock.calls.flatMap(
+      ([mapping, config]) =>
+        mapping.map(([verb, path]) => ({
+          verb,
+          path,
+          plural: config.resourceTypePlural,
+        })),
+    );
+    const discussionRoutes = routes.filter(({ path }) =>
+      /\/(discussions|comments)/.test(path),
+    );
+
+    expect(discussionRoutes).toEqual(
+      expect.arrayContaining([
+        { verb: "GET", path: "/pages/:parent_id/discussions", plural: "pages" },
+        {
+          verb: "PUT",
+          path: "/pages/:parent_id/comments/:id",
+          plural: "pages",
+        },
+        {
+          verb: "DELETE",
+          path: "/widget-sets/:parent_id/comments/:id",
+          plural: "widget-sets",
+        },
+      ]),
+    );
+    // Shared paths would let the last resource type registered handle all.
+    discussionRoutes.forEach(({ path, plural }) => {
+      expect(path.startsWith(`/${plural}/`)).toBe(true);
+    });
+  });
+
+  function discussionPaths(adapter) {
+    return adapter.routeNestedCollection.mock.calls
+      .flatMap(([mapping]) => mapping.map(([, path]) => path))
+      .filter((path) => /\/(discussions|comments)/.test(path));
+  }
+
+  test("registers the discussions when enabled via the project-level features config", () => {
+    const adapter = makeAdapter({ features: { comments: { page: true } } });
+
+    routeResourceModule(adapter, "page", "pages");
+
+    expect(discussionPaths(adapter)).toHaveLength(6);
+    adapter.routeNestedCollection.mock.calls.forEach(([, config]) => {
+      expect(config.comments).toBe(true);
+    });
+  });
+
+  test("skips the discussions when the resource is not listed in the features config", () => {
+    const adapter = makeAdapter({ features: { comments: { page: true } } });
+
+    routeResourceModule(adapter, "banner", "banners");
+
+    expect(discussionPaths(adapter)).toEqual([]);
+    adapter.routeNestedCollection.mock.calls.forEach(([, config]) => {
+      expect(config.comments).toBe(false);
+    });
+  });
+
+  test("defaults the discussions to disabled when no features config is present at all", () => {
+    const adapter = makeAdapter();
+
+    routeResourceModule(adapter, "page", "pages");
+
+    expect(discussionPaths(adapter)).toEqual([]);
+  });
 });

package/src/tests/setupCloud.test.js

@@ -1,5 +1,7 @@
 import setupCloud from "../setupCloud";
 import Categories from "../cloud/Categories";
+import Comments from "../cloud/Comments";
+import Editors from "../cloud/Editors";
 import Redirects from "../cloud/Redirects";
 import ResourceChanges from "../cloud/ResourceChanges";
 import ResourceRevisions from "../cloud/ResourceRevisions";
@@ -37,6 +39,8 @@ describe("setupCloud", () => {
     expect(ctx.client.resourceRevisions).toBeInstanceOf(ResourceRevisions);
     expect(ctx.client.resourceChanges).toBeInstanceOf(ResourceChanges);
     expect(ctx.client.categories).toBeInstanceOf(Categories);
+    expect(ctx.client.comments).toBeInstanceOf(Comments);
+    expect(ctx.client.editors).toBeInstanceOf(Editors);
   });
 
   test("clients receive token and config from ctx", () => {

package/src/tests/views/discussions.test.js

@@ -0,0 +1,519 @@
+import { readFileSync } from "node:fs";
+import ejs from "ejs";
+import utils from "../../helpers/utils";
+
+const viewsPath = `${process.cwd()}/src/views/resources/discussions`;
+const template = readFileSync(`${viewsPath}/index.ejs`, "utf8");
+
+const generalDiscussion = {
+  revisionId: null,
+  revision: null,
+  archived: false,
+  path: "/en/pages/42/discussions",
+};
+
+function renderDiscussions({
+  comments,
+  currentEditor = {},
+  query = {},
+  discussion = generalDiscussion,
+  revisions = [],
+  editors,
+}) {
+  const assigns = {
+    editors,
+    discussion,
+    revisions,
+    _context: {
+      locale: "en",
+      query,
+      resourceConfig: { resourceTypePlural: "pages", comments: true },
+    },
+    comments,
+    currentEditor,
+    pagination: () => "<nav>pagination</nav>",
+    resource: { id: "42", title: "Hello", translations: {} },
+    utils: { ...utils, formattedDateTime: (value) => value },
+  };
+
+  const partials = {
+    "./_avatar.ejs": `${viewsPath}/_avatar.ejs`,
+    "./_discussion_tabs.ejs": `${viewsPath}/_discussion_tabs.ejs`,
+    "../_shared/_tabs.ejs": `${viewsPath}/../_shared/_tabs.ejs`,
+  };
+
+  const render_partial = (path, locals = {}) => {
+    if (!partials[path]) return "";
+
+    return ejs.render(readFileSync(partials[path], "utf8"), {
+      ...assigns,
+      ...locals,
+    });
+  };
+
+  return ejs.render(template, { ...assigns, render_partial });
+}
+
+const jane = {
+  id: "1",
+  name: "Jane Doe",
+  email: "jane@example.com",
+  avatar: "",
+};
+const john = {
+  id: "2",
+  name: "John Smith",
+  email: "john@example.com",
+  avatar: "https://example.com/john.png",
+};
+
+describe("discussions page", () => {
+  test("renders the comment form and an empty state", () => {
+    const rendered = renderDiscussions({ comments: { list: [] } });
+
+    expect(rendered).toContain('action="/en/pages/42/discussions"');
+    expect(rendered).toContain('name="comment[body]"');
+    expect(rendered).toContain('name="comment[reply_id]"');
+    expect(rendered).toContain("No comments yet.");
+  });
+
+  test("renders the comments with their quotes", () => {
+    const rendered = renderDiscussions({
+      currentEditor: { email: "JANE@example.com" },
+      comments: {
+        list: [
+          {
+            id: "11",
+            body: "Agreed <b>bold</b>",
+            editor: john,
+            reply: { id: "10", body: "First", editor: jane },
+            insertedAt: "2026-10-22T10:00:00Z",
+          },
+          {
+            id: "10",
+            body: "First",
+            editor: jane,
+            reply: null,
+            insertedAt: "2026-10-22T09:00:00Z",
+          },
+        ],
+        pagination: { pagesCount: 1 },
+      },
+    });
+
+    expect(rendered).toContain('id="comment-11"');
+    expect(rendered).toContain('data-copy-link="11"');
+    expect(rendered).toContain('data-copy-link="10"');
+    expect(rendered).toContain(
+      '<time data-comment-datetime datetime="2026-10-22T10:00:00Z">',
+    );
+    expect(rendered).toContain('id="comment-10"');
+    expect(rendered).toContain("Agreed &lt;b&gt;bold&lt;/b&gt;");
+    expect(rendered).toContain('data-scroll-to="10"');
+    expect(rendered).toContain('src="https://example.com/john.png"');
+    expect(rendered).toContain(">JD</div>");
+    expect(rendered).not.toContain("pagination</nav>");
+
+    // Only the comments of the current editor can be edited and deleted.
+    expect(rendered).toContain('hx-delete="/en/pages/42/comments/10"');
+    expect(rendered).not.toContain('hx-delete="/en/pages/42/comments/11"');
+    expect(rendered).toContain('hx-put="/en/pages/42/comments/10"');
+    expect(rendered).not.toContain('hx-put="/en/pages/42/comments/11"');
+    expect(rendered.match(/<details[^>]*data-comment-menu/g)).toHaveLength(1);
+  });
+
+  test("keeps deleted comments in the feed without their body or actions", () => {
+    const rendered = renderDiscussions({
+      currentEditor: { email: "jane@example.com" },
+      comments: {
+        list: [
+          {
+            id: "11",
+            body: "Agreed",
+            editor: john,
+            reply: {
+              id: "10",
+              body: "Secret plan",
+              editor: jane,
+              deletedAt: "2026-11-01T10:00:00Z",
+            },
+            insertedAt: "2026-10-22T10:00:00Z",
+          },
+          {
+            id: "10",
+            body: "Secret plan",
+            editor: jane,
+            reply: null,
+            insertedAt: "2026-10-22T09:00:00Z",
+            updatedAt: "2026-10-22T09:30:00Z",
+            deletedAt: "2026-11-01T10:00:00Z",
+          },
+        ],
+      },
+    });
+
+    expect(rendered).toContain('id="comment-10"');
+    expect(rendered).toContain('data-scroll-to="10"');
+    expect(rendered).not.toContain("Secret plan");
+    expect(rendered.match(/This comment has been deleted\./g)).toHaveLength(2);
+    expect(rendered).not.toContain('data-reply-to="10"');
+    expect(rendered).not.toContain('hx-delete="/en/pages/42/comments/10"');
+    expect(rendered).not.toContain('hx-put="/en/pages/42/comments/10"');
+    expect(rendered).not.toContain(">edited</span>");
+    expect(rendered).toContain('data-reply-to="11"');
+  });
+
+  test("marks edited comments", () => {
+    const rendered = renderDiscussions({
+      comments: {
+        list: [
+          {
+            id: "1",
+            body: "Edited",
+            editor: jane,
+            insertedAt: "2026-10-22T09:00:00Z",
+            updatedAt: "2026-10-22T10:00:00Z",
+          },
+          {
+            id: "2",
+            body: "Untouched",
+            editor: jane,
+            insertedAt: "2026-10-22T09:00:00Z",
+            updatedAt: "2026-10-22T09:00:00Z",
+          },
+        ],
+      },
+    });
+
+    expect(rendered.match(/>edited<\/span>/g)).toHaveLength(1);
+  });
+
+  test("renders the comments as markdown", () => {
+    const rendered = renderDiscussions({
+      comments: {
+        list: [
+          {
+            id: "1",
+            body: "**Looks good**, see raketa.cloud\n\n- one\n- two\n\n<b>raw</b>",
+            editor: jane,
+            insertedAt: "2026-10-22T09:00:00Z",
+          },
+        ],
+      },
+    });
+
+    expect(rendered).toContain("<strong>Looks good</strong>");
+    expect(rendered).toContain(
+      '<a href="http://raketa.cloud" target="_blank" rel="noopener noreferrer">raketa.cloud</a>',
+    );
+    expect(rendered).toContain("<ul>\n<li>one</li>");
+    expect(rendered).toContain("&lt;b&gt;raw&lt;/b&gt;");
+    expect(rendered).not.toContain("<b>raw</b>");
+    // The edit form keeps the markdown as it was written.
+    expect(rendered).toContain("**Looks good**, see raketa.cloud");
+  });
+
+  test("renders the pagination and errors", () => {
+    const rendered = renderDiscussions({
+      query: { comment_error: "Comment can't be blank." },
+      comments: {
+        list: [{ id: "1", body: "Hi", editor: jane, insertedAt: "" }],
+        pagination: { pagesCount: 2 },
+      },
+    });
+
+    expect(rendered).toContain("Comment can&#39;t be blank.");
+    expect(rendered).toContain("<nav>pagination</nav>");
+  });
+
+  test("uses the avatar of the current editor next to the comment field", () => {
+    const rendered = renderDiscussions({
+      comments: { list: [] },
+      currentEditor: {
+        name: "Todor Argirov",
+        email: "todor@example.com",
+        avatar: "https://example.com/todor.png",
+      },
+    });
+
+    expect(rendered).toContain('src="https://example.com/todor.png"');
+    // Shown when the avatar image fails to load.
+    expect(rendered).toMatch(/class="hidden [^"]*"[^>]*>TA<\/div>/);
+  });
+
+  test("uses the initials of the first two words of the names without avatars", () => {
+    const rendered = renderDiscussions({
+      currentEditor: { name: "Todor Ivanov Argirov", avatar: "" },
+      comments: {
+        list: [
+          {
+            id: "1",
+            body: "Hi",
+            editor: { name: " ", email: "mila@example.com", avatar: null },
+            insertedAt: "",
+          },
+        ],
+      },
+    });
+
+    expect(rendered).toContain(">TI</div>");
+    expect(rendered).toContain(">M</div>");
+    expect(rendered).not.toContain("<img");
+  });
+
+  test("handles missing comments", () => {
+    const rendered = renderDiscussions({
+      comments: { list: [], pagination: null },
+    });
+
+    expect(rendered).toContain("No comments yet.");
+  });
+
+  test("renders the discussion tabs with the current one active", () => {
+    const rendered = renderDiscussions({
+      comments: { list: [] },
+      revisions: [
+        { id: "200", title: "Homepage", meta: { title: "Hero update" } },
+        { id: "201", title: "Homepage", meta: { title: "" } },
+      ],
+      discussion: {
+        revisionId: "200",
+        revision: { id: "200" },
+        archived: false,
+        path: "/en/pages/42/discussions/200",
+      },
+    });
+
+    expect(rendered).toContain('href="/en/pages/42/discussions" class=');
+    expect(rendered).toContain("Rev #200 – Hero update");
+    expect(rendered).toContain("Rev #201 – Homepage");
+    expect(rendered).toMatch(
+      /href="\/en\/pages\/42\/discussions\/200"[^>]*aria-current="page"/,
+    );
+    expect(rendered).toContain('action="/en/pages/42/discussions/200"');
+  });
+
+  test("renders published revision discussions as read-only", () => {
+    const rendered = renderDiscussions({
+      currentEditor: { email: "jane@example.com" },
+      discussion: {
+        revisionId: "150",
+        revision: null,
+        archived: true,
+        path: "/en/pages/42/discussions/150",
+      },
+      comments: {
+        list: [
+          {
+            id: "11",
+            body: "Reply",
+            editor: jane,
+            reply: { id: "10", body: "First", editor: jane },
+            insertedAt: "2026-10-22T10:00:00Z",
+          },
+        ],
+      },
+    });
+
+    expect(rendered).toContain("Revision #150");
+    expect(rendered).toContain("· This discussion is archived");
+    expect(rendered).toContain('href="/en/pages/42/history"');
+    expect(rendered).toContain("Reply</p>");
+    expect(rendered).toContain('data-scroll-to="10"');
+    expect(rendered).not.toContain('id="comment-form"');
+    expect(rendered).not.toContain('aria-label="Discussions"');
+    expect(rendered).not.toContain('data-reply-to="11"');
+    expect(rendered).not.toContain('data-copy-link="11"');
+    expect(rendered).not.toMatch(/<details[^>]*data-comment-menu/);
+    expect(rendered).not.toContain("hx-delete=");
+    expect(rendered).not.toContain("hx-put=");
+  });
+
+  test("renders an empty read-only discussion", () => {
+    const rendered = renderDiscussions({
+      comments: { list: [] },
+      discussion: {
+        revisionId: "150",
+        revision: null,
+        archived: true,
+        path: "/en/pages/42/discussions/150",
+      },
+    });
+
+    expect(rendered).toContain("There are no comments in this discussion.");
+  });
+
+  test("marks the Discussions tab as current for open discussions", () => {
+    const rendered = renderDiscussions({ comments: { list: [] } });
+
+    expect(rendered).toMatch(
+      /href="\/en\/pages\/42\/discussions" class="font-semibold text-raketa-primary" aria-current="page"/,
+    );
+  });
+
+  test("marks no section tab as current for archived discussions", () => {
+    const rendered = renderDiscussions({
+      comments: { list: [] },
+      discussion: {
+        revisionId: "150",
+        revision: null,
+        archived: true,
+        path: "/en/pages/42/discussions/150",
+      },
+    });
+
+    expect(rendered).toContain('aria-label="Resource sections"');
+    expect(rendered).toContain('href="/en/pages/42/discussions"');
+    expect(rendered).not.toContain('aria-current="page"');
+    expect(rendered).not.toContain("border-raketa-primary pb-4");
+  });
+
+  describe("mentions", () => {
+    const nameless = {
+      id: "3",
+      name: " ",
+      email: "ops@example.com",
+      avatar: "",
+    };
+    const mentions = [
+      { editorId: "2", name: "John Smith", email: "john@example.com" },
+      { editorId: "3", name: "", email: "ops@example.com" },
+    ];
+    const comments = {
+      list: [
+        {
+          id: "10",
+          body: "Thanks @editor-2 and @editor-3, cc @editor-99",
+          mentions,
+          insertedAt: "2026-10-20T10:00:00Z",
+          editor: jane,
+        },
+        {
+          id: "11",
+          body: "Reply",
+          mentions: [],
+          reply: {
+            id: "10",
+            body: "Thanks @editor-2",
+            mentions,
+            editor: jane,
+          },
+          insertedAt: "2026-10-20T11:00:00Z",
+          editor: john,
+        },
+      ],
+    };
+    const fieldMarkup = '<div class="relative" data-mention-field>';
+
+    test("lists the editors of the website in the picker", () => {
+      const rendered = renderDiscussions({
+        comments,
+        editors: [jane, john, nameless],
+      });
+
+      expect(rendered).toContain('id="mention-picker"');
+      expect(rendered).toContain('data-editor-id="1" data-mention="Jane Doe"');
+      expect(rendered).toContain('data-search="john smith john@example.com"');
+      // Editors without a name are mentioned with their email.
+      expect(rendered).toContain(
+        'data-editor-id="3" data-mention="ops@example.com"',
+      );
+      expect(rendered).toContain('src="https://example.com/john.png"');
+      expect(rendered.split(fieldMarkup)).toHaveLength(2);
+    });
+
+    test("edits own comments with the names in place of the mentions", () => {
+      const rendered = renderDiscussions({
+        comments,
+        currentEditor: jane,
+        editors: [jane, john],
+      });
+
+      expect(rendered.split(fieldMarkup)).toHaveLength(3);
+      expect(rendered).toContain(
+        'data-mentions="{&#34;John Smith&#34;:&#34;2&#34;,&#34;ops@example.com&#34;:&#34;3&#34;}"',
+      );
+      expect(rendered).toContain(
+        ">Thanks @John Smith and @ops@example.com, cc @editor-99</textarea>",
+      );
+    });
+
+    test("renders the mentions with the names of the editors", () => {
+      const rendered = renderDiscussions({ comments });
+
+      expect(rendered).toContain(
+        '<span class="comment-mention">@John Smith</span>',
+      );
+      expect(rendered).toContain(
+        '<span class="comment-mention">@ops@example.com</span>',
+      );
+      expect(rendered).toContain(
+        'cc <span class="comment-mention-unknown">@Unknown editor</span>',
+      );
+    });
+
+    test("writes the names in the quotes and the reply previews", () => {
+      const rendered = renderDiscussions({ comments });
+
+      expect(rendered).toContain(
+        'data-reply-snippet="Thanks @John Smith and @ops@example.com, cc @editor-99"',
+      );
+      expect(rendered).toContain(
+        '<span class="truncate text-raketa-foreground/50">Thanks @John Smith</span>',
+      );
+    });
+
+    test("renders no picker without editors", () => {
+      const rendered = renderDiscussions({ comments });
+
+      expect(rendered).not.toContain('id="mention-picker"');
+    });
+
+    test("renders no picker in archived discussions", () => {
+      const rendered = renderDiscussions({
+        comments,
+        editors: [jane, john],
+        discussion: {
+          revisionId: "150",
+          revision: null,
+          archived: true,
+          path: "/en/pages/42/discussions/150",
+        },
+      });
+
+      expect(rendered).not.toContain('id="mention-picker"');
+      expect(rendered).not.toContain(fieldMarkup);
+      expect(rendered).toContain(
+        '<span class="comment-mention">@John Smith</span>',
+      );
+    });
+  });
+});
+
+describe("resource tabs", () => {
+  const tabsTemplate = readFileSync(
+    `${viewsPath}/../_shared/_tabs.ejs`,
+    "utf8",
+  );
+
+  function renderTabs(comments) {
+    return ejs.render(tabsTemplate, {
+      active: "overview",
+      resource: { id: "42" },
+      _context: {
+        locale: "en",
+        resourceConfig: { resourceTypePlural: "pages", comments },
+      },
+    });
+  }
+
+  test("links the discussions when comments are enabled", () => {
+    const rendered = renderTabs(true);
+
+    expect(rendered).toContain('href="/en/pages/42/discussions"');
+  });
+
+  test("renders no tabs when comments are disabled", () => {
+    expect(renderTabs(false).trim()).toBe("");
+  });
+});

package/src/views/resources/_shared/_history_toolbar.ejs

@@ -13,6 +13,16 @@
     <% } %>
   </form>
 
+  <% if (_context.resourceConfig.comments && history.hasDiscussion(change, locals.commentCounts)) { %>
+  <a href="<%= `/${_context.locale}/${_context.resourceConfig.resourceTypePlural}/${resource.id}/discussions/${change.revisionId}` %>" class="btn-text has-icon">
+    <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="M20.25 8.511c.884.284 1.5 1.128 1.5 2.097v4.286c0 1.136-.847 2.1-1.98 2.193-.34.027-.68.052-1.02.072v3.091l-3-3c-1.354 0-2.694-.055-4.02-.163a2.115 2.115 0 0 1-.825-.242m9.345-8.334a2.126 2.126 0 0 0-.476-.095 48.64 48.64 0 0 0-8.048 0c-1.131.094-1.976 1.057-1.976 2.192v4.286c0 .837.46 1.58 1.155 1.951m9.345-8.334V6.637c0-1.621-1.152-3.026-2.76-3.235A48.455 48.455 0 0 0 11.25 3c-2.115 0-4.198.137-6.24.402-1.608.209-2.76 1.614-2.76 3.235v6.226c0 1.621 1.152 3.026 2.76 3.235.577.075 1.157.14 1.74.194V21l4.155-4.155" />
+    </svg>
+
+    Discussion
+  </a>
+  <% } %>
+
   <a href="/remote/login?redirect_to=/<%= _context.locale %>/admin/<%= _context.resourceConfig.resourceTypePlural %>/<%= resource.id %>/changes/<%= change.version %>" class="btn-text has-icon">
     <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="M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z" />

package/src/views/resources/_shared/_tabs.ejs

@@ -0,0 +1,21 @@
+<%
+  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";
+  const resourcePath = `/${_context.locale}/${_context.resourceConfig.resourceTypePlural}/${resource.id}`;
+  const tabs = [
+    { key: "overview", label: "Overview", path: resourcePath },
+    _context.resourceConfig.comments && { key: "discussions", label: "Discussions", path: `${resourcePath}/discussions` },
+  ].filter(Boolean);
+%>
+
+<% if (tabs.length > 1) { %>
+<nav class="flex items-center <%= locals.spacing || 'mb-8' %> border-b-2 border-neutral-200 dark:border-neutral-700" aria-label="Resource sections">
+  <% tabs.forEach(tab => { %>
+  <div class="<%= active === tab.key ? activeClass : inactiveClass %>">
+    <a href="<%= tab.path %>" class="font-semibold text-raketa-primary" <%- active === tab.key ? 'aria-current="page"' : '' %>>
+      <%= tab.label %>
+    </a>
+  </div>
+  <% }) %>
+</nav>
+<% } %>

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

@@ -7,7 +7,7 @@
   const resourceName = Inflector.humanize(Inflector.downcase(_context.resourceConfig.resourceType));
 %>
 <div class="actions-toolbar gap-2">
-  <%- render_partial('./_shared/_translations_strip.ejs', { render_partial }) %>
+  <%- render_partial(`${locals.base || '.'}/_shared/_translations_strip.ejs`, { render_partial }) %>
 
   <span class="toolbar-divider"></span>