@jant/core 0.6.11 → 0.6.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jant/core",
-  "version": "0.6.11",
+  "version": "0.6.12",
   "description": "A modern, open-source microblogging platform built on Cloudflare Workers",
   "type": "module",
   "exports": {

package/src/__tests__/import-site-command.test.ts

@@ -24,6 +24,7 @@ const {
   uploadMediaList,
   normalizeTextAttachmentSpec,
   isAbsoluteImportUrl,
+  shouldImportReplyQuietly,
 } = __test__;
 
 async function writeFileTree(
@@ -368,6 +369,35 @@ describe("Hugo import CLI helpers", () => {
     });
   });
 
+  it("buildPostPayloadFromBundle can mark imported replies as quiet", () => {
+    const bundle = {
+      slug: "reply-a",
+      frontMatter: {
+        id: "pst_reply",
+        title: "Reply A",
+        date: "2026-04-01T01:00:00Z",
+        slug: "reply-a",
+        type: "post",
+        format: "note",
+        status: "published",
+        visibility: "public",
+      },
+      body: "Reply body",
+    };
+    const data = buildPostPayloadFromBundle(bundle, {
+      bodyMarkdown: "Reply body",
+      attachments: [],
+      memberships: { entries: [], ids: [] },
+      replyToId: "pst_root",
+      quietReply: true,
+    });
+
+    expect(data).toMatchObject({
+      replyToId: "pst_root",
+      quietReply: true,
+    });
+  });
+
   it("buildPostPayloadFromBundle preserves every canonical visibility value", () => {
     const base = {
       slug: "hello",
@@ -406,6 +436,51 @@ describe("Hugo import CLI helpers", () => {
     expect(fallback.visibility).toBeUndefined();
   });
 
+  it("shouldImportReplyQuietly preserves exported thread activity cutoffs", () => {
+    const rootFrontMatter = {
+      date: "2026-04-01T00:00:00Z",
+      last_activity_at: "2026-04-01T01:00:00Z",
+    };
+
+    expect(
+      shouldImportReplyQuietly(rootFrontMatter, {
+        date: "2026-04-01T00:30:00Z",
+        status: "published",
+      }),
+    ).toBe(false);
+    expect(
+      shouldImportReplyQuietly(rootFrontMatter, {
+        date: "2026-04-01T01:00:00Z",
+        status: "published",
+      }),
+    ).toBe(false);
+    expect(
+      shouldImportReplyQuietly(rootFrontMatter, {
+        date: "2026-04-01T02:00:00Z",
+        status: "published",
+      }),
+    ).toBe(true);
+  });
+
+  it("shouldImportReplyQuietly falls back to root date for all-quiet threads", () => {
+    const rootFrontMatter = {
+      date: "2026-04-01T00:00:00Z",
+    };
+
+    expect(
+      shouldImportReplyQuietly(rootFrontMatter, {
+        date: "2026-04-01T01:00:00Z",
+        status: "published",
+      }),
+    ).toBe(true);
+    expect(
+      shouldImportReplyQuietly(rootFrontMatter, {
+        date: "2026-04-01T01:00:00Z",
+        status: "draft",
+      }),
+    ).toBe(false);
+  });
+
   it("getRootAliasPathsForImport prefers root_aliases and strips reply slugs", () => {
     // Reply slug paths are normalized (no trailing slash) to match the
     // return format of normalizeImportAliasPath.

package/src/__tests__/vite-dev-plugins.test.ts

@@ -0,0 +1,34 @@
+import { describe, expect, it } from "vitest";
+import { shouldRunLinguiBuildForFile } from "../../vite.dev-plugins.js";
+
+describe("vite dev plugins", () => {
+  it("does not run Lingui build for generated i18n output", () => {
+    expect(
+      shouldRunLinguiBuildForFile(
+        "/repo/packages/core/src/i18n/coverage.generated.ts",
+      ),
+    ).toBe(false);
+    expect(
+      shouldRunLinguiBuildForFile(
+        "\\repo\\packages\\core\\src\\i18n\\coverage.generated.ts",
+      ),
+    ).toBe(false);
+    expect(
+      shouldRunLinguiBuildForFile(
+        "/repo/packages/core/src/i18n/locales/settings/en.ts",
+      ),
+    ).toBe(false);
+  });
+
+  it("runs Lingui build for source TypeScript files", () => {
+    expect(
+      shouldRunLinguiBuildForFile("/repo/packages/core/src/ui/pages/Home.tsx"),
+    ).toBe(true);
+    expect(
+      shouldRunLinguiBuildForFile("/repo/packages/core/src/routes/posts.ts"),
+    ).toBe(true);
+    expect(
+      shouldRunLinguiBuildForFile("/repo/packages/core/src/styles/ui.css"),
+    ).toBe(false);
+  });
+});

package/src/client/__tests__/compose-launch.test.ts

@@ -1,7 +1,10 @@
 // @vitest-environment happy-dom
 
 import { afterEach, describe, expect, it } from "vitest";
-import { getReplyRefreshTarget } from "../compose-launch.js";
+import {
+  getReplyRefreshTarget,
+  getReplyTargetArticle,
+} from "../compose-launch.js";
 
 function getArticle(): HTMLElement {
   const article = document.querySelector<HTMLElement>("article[data-post]");
@@ -9,6 +12,14 @@ function getArticle(): HTMLElement {
   return article;
 }
 
+function getArticleByPostId(postId: string): HTMLElement {
+  const article = document.querySelector<HTMLElement>(
+    `article[data-post-id="${postId}"]`,
+  );
+  if (!article) throw new Error(`expected article for ${postId}`);
+  return article;
+}
+
 describe("getReplyRefreshTarget", () => {
   afterEach(() => {
     document.body.innerHTML = "";
@@ -118,3 +129,41 @@ describe("getReplyRefreshTarget", () => {
     expect(getReplyRefreshTarget(getArticle())).toBeNull();
   });
 });
+
+describe("getReplyTargetArticle", () => {
+  afterEach(() => {
+    document.body.innerHTML = "";
+  });
+
+  it("targets the latest thread detail post when the current page is the root", () => {
+    document.body.innerHTML = `
+      <div data-post-view data-post-view-id="pst_root">
+        <div class="thread-group thread-group-detail" data-page="post">
+          <div class="thread-item thread-detail-item" data-post-current>
+            <article data-post data-post-id="pst_root" data-thread-root-id="pst_root"></article>
+          </div>
+          <div class="thread-item thread-detail-item">
+            <article data-post data-post-id="pst_reply_1" data-thread-root-id="pst_root"></article>
+          </div>
+          <div class="thread-item thread-detail-item">
+            <article data-post data-post-id="pst_reply_2" data-thread-root-id="pst_root"></article>
+          </div>
+        </div>
+      </div>
+    `;
+
+    expect(getReplyTargetArticle(document)?.dataset.postId).toBe("pst_reply_2");
+  });
+
+  it("keeps using the current article outside thread detail pages", () => {
+    document.body.innerHTML = `
+      <div data-post-view data-post-view-id="pst_single">
+        <article data-post data-post-id="pst_single"></article>
+      </div>
+    `;
+
+    expect(getReplyTargetArticle(document)).toBe(
+      getArticleByPostId("pst_single"),
+    );
+  });
+});

package/src/client/__tests__/compose-shortcuts.test.ts

@@ -2,7 +2,7 @@
 
 import { beforeEach, describe, expect, it, vi } from "vitest";
 import { __testOnly as composeDiscoveryTestOnly } from "../compose-discovery.js";
-import "../compose-shortcuts.js";
+import { __testOnly as composeShortcutsTestOnly } from "../compose-shortcuts.js";
 
 type ComposeHarness = HTMLElement & {
   openNew: (options?: unknown) => Promise<void>;
@@ -44,6 +44,7 @@ function renderThreadDetailPage() {
   threadGroup.className = "thread-group thread-group-detail";
 
   const currentItem = document.createElement("div");
+  currentItem.className = "thread-item thread-detail-item";
   currentItem.dataset.postCurrent = "";
 
   const currentArticle = document.createElement("article");
@@ -58,6 +59,7 @@ function renderThreadDetailPage() {
   `;
 
   const hoveredItem = document.createElement("div");
+  hoveredItem.className = "thread-item thread-detail-item";
 
   const hoveredArticle = document.createElement("article");
   hoveredArticle.dataset.post = "";
@@ -70,14 +72,30 @@ function renderThreadDetailPage() {
     <div data-post-body>Hovered body</div>
   `;
 
+  const latestItem = document.createElement("div");
+  latestItem.className = "thread-item thread-detail-item";
+
+  const latestArticle = document.createElement("article");
+  latestArticle.dataset.post = "";
+  latestArticle.dataset.postId = "post-latest";
+  latestArticle.dataset.threadRootId = "thread-root";
+  latestArticle.dataset.format = "note";
+  latestArticle.innerHTML = `
+    <div data-post-meta>meta</div>
+    <time class="dt-published">Mar 21</time>
+    <div data-post-body>Latest body</div>
+  `;
+
   currentItem.appendChild(currentArticle);
   hoveredItem.appendChild(hoveredArticle);
+  latestItem.appendChild(latestArticle);
   threadGroup.appendChild(currentItem);
   threadGroup.appendChild(hoveredItem);
+  threadGroup.appendChild(latestItem);
   postView.appendChild(threadGroup);
   document.body.appendChild(postView);
 
-  return { currentArticle, hoveredArticle };
+  return { currentArticle, hoveredArticle, latestArticle };
 }
 
 describe("compose shortcuts", () => {
@@ -130,7 +148,7 @@ describe("compose shortcuts", () => {
     expect(composeEl.openNew).not.toHaveBeenCalled();
   });
 
-  it("opens a reply composer for the current post on detail pages with r", () => {
+  it("opens a reply composer for the latest thread post on detail pages with r", () => {
     const composeEl = createComposeHarness();
 
     const postView = document.createElement("div");
@@ -138,22 +156,45 @@ describe("compose shortcuts", () => {
     postView.dataset.postViewId = "post-current";
 
     const current = document.createElement("div");
+    current.className = "thread-item thread-detail-item";
     current.dataset.postCurrent = "";
 
-    const article = document.createElement("article");
-    article.dataset.post = "";
-    article.dataset.postId = "post-current";
-    article.dataset.threadRootId = "thread-root";
-    article.dataset.format = "quote";
-    article.innerHTML = `
+    const currentArticle = document.createElement("article");
+    currentArticle.dataset.post = "";
+    currentArticle.dataset.postId = "post-current";
+    currentArticle.dataset.threadRootId = "thread-root";
+    currentArticle.dataset.format = "quote";
+    currentArticle.innerHTML = `
       <div data-post-meta>meta</div>
       <div class="post-status-badges">badges</div>
       <time class="dt-published">Mar 19</time>
-      <div data-post-body>Reply body</div>
+      <div data-post-body>Current body</div>
+    `;
+
+    const latest = document.createElement("div");
+    latest.className = "thread-item thread-detail-item";
+
+    const latestArticle = document.createElement("article");
+    latestArticle.dataset.post = "";
+    latestArticle.dataset.postId = "post-latest";
+    latestArticle.dataset.threadRootId = "thread-root";
+    latestArticle.dataset.format = "quote";
+    latestArticle.innerHTML = `
+      <div data-post-meta>meta</div>
+      <div class="post-status-badges">badges</div>
+      <time class="dt-published">Mar 21</time>
+      <div data-post-body>Latest reply body</div>
     `;
 
-    current.appendChild(article);
-    postView.appendChild(current);
+    const threadGroup = document.createElement("div");
+    threadGroup.dataset.page = "post";
+    threadGroup.className = "thread-group thread-group-detail";
+
+    current.appendChild(currentArticle);
+    latest.appendChild(latestArticle);
+    threadGroup.appendChild(current);
+    threadGroup.appendChild(latest);
+    postView.appendChild(threadGroup);
     document.body.appendChild(postView);
 
     const event = dispatchShortcut(document, "r");
@@ -165,13 +206,13 @@ describe("compose shortcuts", () => {
       composeEl.openReply,
     ).mock.calls[0] ?? [null, null, null, null];
 
-    expect(postId).toBe("post-current");
+    expect(postId).toBe("post-latest");
     expect(threadRootId).toBe("thread-root");
     expect(refreshTarget).toEqual({ kind: "post-view", id: "post-current" });
     expect(vi.mocked(composeEl.openReply).mock.calls[0]?.[4]).toBeUndefined();
-    expect(replyData).toMatchObject({ dateText: "Mar 19" });
+    expect(replyData).toMatchObject({ dateText: "Mar 21" });
     expect((replyData as { contentHtml: string }).contentHtml).toContain(
-      "Reply body",
+      "Latest reply body",
     );
     expect((replyData as { contentHtml: string }).contentHtml).not.toContain(
       "meta",
@@ -181,7 +222,7 @@ describe("compose shortcuts", () => {
     );
   });
 
-  it("prefers the hovered thread post for reply shortcuts on detail pages", () => {
+  it("targets the latest thread post for reply shortcuts even when an older post is hovered", () => {
     const composeEl = createComposeHarness();
     const { hoveredArticle } = renderThreadDetailPage();
     const originalQuerySelector = document.querySelector.bind(document);
@@ -199,8 +240,8 @@ describe("compose shortcuts", () => {
 
     expect(event.defaultPrevented).toBe(true);
     expect(composeEl.openReply).toHaveBeenCalledWith(
-      "post-hovered",
-      expect.objectContaining({ dateText: "Mar 20" }),
+      "post-latest",
+      expect.objectContaining({ dateText: "Mar 21" }),
       "thread-root",
       { kind: "post-view", id: "post-current" },
     );
@@ -228,6 +269,21 @@ describe("compose shortcuts", () => {
     expect(composeEl.openEdit).toHaveBeenCalledWith("post-hovered");
   });
 
+  it("opens the current post editor from the edit query parameter", async () => {
+    const composeEl = createComposeHarness();
+    composeEl.openEdit = vi.fn(async () => {});
+    document.body.setAttribute("data-authenticated", "true");
+    renderThreadDetailPage();
+    globalThis.history.pushState({}, "", "/about?edit=1");
+
+    composeShortcutsTestOnly.openEditFromQueryParam();
+    await Promise.resolve();
+
+    expect(composeEl.openEdit).toHaveBeenCalledWith("post-current");
+    expect(window.location.pathname).toBe("/about");
+    expect(window.location.search).toBe("");
+  });
+
   it("keeps using the hovered post for reply shortcuts in the timeline", () => {
     const composeEl = createComposeHarness();
     const article = document.createElement("article");

package/src/client/components/__tests__/jant-command-palette.test.ts

@@ -0,0 +1,63 @@
+// @vitest-environment happy-dom
+
+import { beforeEach, describe, expect, it, vi } from "vitest";
+import {
+  getPathCommandSearchQuery,
+  getPathCommandTarget,
+} from "../jant-command-palette.js";
+import type { JantCommandPalette } from "../jant-command-palette.js";
+
+function mockPaletteApi() {
+  vi.spyOn(globalThis, "fetch").mockResolvedValue(
+    new Response(JSON.stringify({ items: [] }), {
+      headers: { "Content-Type": "application/json" },
+    }),
+  );
+}
+
+async function renderPalette(query: string) {
+  mockPaletteApi();
+  const el = document.createElement(
+    "jant-command-palette",
+  ) as JantCommandPalette;
+  el._open = true;
+  el._query = query;
+  document.body.appendChild(el);
+  await Promise.resolve();
+  await el.updateComplete;
+  return el;
+}
+
+function resultTitles(root: globalThis.Element): string[] {
+  return Array.from(
+    root.querySelectorAll<HTMLElement>(".command-palette-result-title"),
+  ).map((item) => item.textContent?.trim() ?? "");
+}
+
+describe("JantCommandPalette slash path mode", () => {
+  beforeEach(() => {
+    vi.restoreAllMocks();
+    document.body.innerHTML = "";
+    globalThis.localStorage.clear();
+  });
+
+  it("shows go-to-path first and search second for slash queries", async () => {
+    const el = await renderPalette("/draft-123");
+
+    expect(resultTitles(el)).toEqual([
+      "Go to /draft-123",
+      'Search for "draft-123"',
+    ]);
+  });
+
+  it("normalizes repeated leading slashes into a local path", () => {
+    expect(getPathCommandTarget("//example.com")).toBe("/example.com");
+    expect(getPathCommandSearchQuery("//example.com")).toBe("example.com");
+  });
+
+  it("accepts fullwidth slash input", async () => {
+    const el = await renderPalette("／notes");
+
+    expect(resultTitles(el)).toEqual(["Go to /notes", 'Search for "notes"']);
+  });
+});

package/src/client/components/__tests__/jant-compose-dialog.test.ts

@@ -644,6 +644,9 @@ describe("JantComposeDialog", () => {
     ).toBeNull();
     // ...it sits inline above the reply editor instead.
     expect(el.querySelector(".compose-thread-post-header")).not.toBeNull();
+    expect(
+      el.querySelector(".compose-thread-layout.compose-reply-compose-layout"),
+    ).not.toBeNull();
   });
 
   it("shows an Edit title with the format selector above the post when editing a reply", async () => {
@@ -3065,6 +3068,36 @@ describe("JantComposeDialog", () => {
     expect(css).toMatch(
       /\.compose-editor-row\s+\.compose-attachments-dock\s*\{[\s\S]*max-height:\s*min\(240px,\s*34dvh\);[\s\S]*overflow-y:\s*auto;/,
     );
+    expect(css).toMatch(
+      /\.compose-reply-compose-layout\s+\.compose-editor-row\s+\.compose-attachments-dock\s*\{[\s\S]*--compose-reply-attachment-width:\s*96px;[\s\S]*--compose-reply-attachment-height:\s*72px;[\s\S]*max-height:\s*min\(116px,\s*18dvh\);/,
+    );
+    expect(css).toMatch(
+      /\.compose-reply-compose-layout[\s\S]*\.compose-attachment:only-child[\s\S]*\.compose-attachment-img,[\s\S]*\.compose-reply-compose-layout[\s\S]*\.compose-attachment:not\(:only-child\)[\s\S]*\.compose-attachment-img\s*\{[\s\S]*height:\s*var\(--compose-reply-attachment-height\);[\s\S]*object-fit:\s*cover;/,
+    );
+    expect(css).toMatch(
+      /\.compose-reply-compose-layout\s+\.compose-thread-post-header\s*\+\s*\.compose-body\s*\{[\s\S]*padding-top:\s*12px;/,
+    );
+    expect(css).toMatch(
+      /\.compose-dialog,[\s\S]*\.compose-page-shell\s*>\s*jant-compose-dialog\s*\{[\s\S]*--compose-quote-input-size:\s*var\(--type-content-subtitle\);[\s\S]*--compose-quote-input-leading:\s*1\.32;/,
+    );
+    expect(css).toMatch(
+      /\.compose-quote-text\s*\{[\s\S]*font-size:\s*var\(--compose-quote-input-size\);[\s\S]*line-height:\s*var\(--compose-quote-input-leading\);/,
+    );
+    expect(css).toMatch(
+      /\.compose-reply-compose-layout\s*\{[\s\S]*--compose-title-input-size:\s*var\(--type-content-subtitle\);[\s\S]*--compose-quote-input-size:\s*calc\(var\(--type-content-body\) \* 1\.06\);[\s\S]*--compose-quote-input-leading:\s*1\.42;[\s\S]*--compose-inline-input-size:\s*var\(--type-base\);/,
+    );
+    expect(css).toMatch(
+      /\.compose-reply-compose-layout\s+\.compose-quote-wrap\s*\{[\s\S]*margin-top:\s*0\.4rem;[\s\S]*padding:\s*24px 18px 18px;[\s\S]*border-radius:\s*0\.95rem;/,
+    );
+    expect(css).toMatch(
+      /\.compose-reply-compose-layout\s+\.compose-link-url-wrap\s*\{[\s\S]*margin-top:\s*0\.4rem;/,
+    );
+    expect(css).toMatch(
+      /\.compose-reply-compose-layout\s+\.compose-quote-text\s*\{[\s\S]*min-height:\s*6\.5rem;[\s\S]*padding-top:\s*0\.35rem;/,
+    );
+    expect(css).toMatch(
+      /\.compose-reply-compose-layout\s+\.compose-tiptap-body\s+\.tiptap\s*\{[\s\S]*font-size:\s*var\(--type-content-body\);/,
+    );
   });
 
   it("remove button clears attachment", async () => {

package/src/client/components/__tests__/jant-compose-editor-rehost-notice.test.ts

@@ -21,6 +21,22 @@ function editorOf(el: JantComposeEditor): Editor {
 
 const wait = (ms: number) => new Promise((resolve) => setTimeout(resolve, ms));
 
+function dispatchPaste(editor: Editor, html: string, text = "") {
+  const event = new Event("paste", {
+    bubbles: true,
+    cancelable: true,
+  }) as Event & { clipboardData: unknown };
+  event.clipboardData = {
+    getData: (type: string) =>
+      type === "text/html" ? html : type === "text/plain" ? text : "",
+    files: [],
+    items: [],
+    types: ["text/html", "text/plain"],
+  };
+  editor.commands.focus();
+  editor.view.dom.dispatchEvent(event);
+}
+
 beforeEach(() => {
   const container = document.createElement("div");
   container.id = "toast-container";
@@ -48,7 +64,10 @@ describe("compose editor: rehost failure notice", () => {
     document.body.appendChild(el);
     await el.updateComplete;
 
-    editorOf(el).commands.setImage({ src: "https://ext.example/blocked.png" });
+    dispatchPaste(
+      editorOf(el),
+      '<p><img src="https://ext.example/blocked.png"></p>',
+    );
 
     // Let the rehost fire, the sideload fail, then the debounce window elapse.
     await wait(50);

package/src/client/components/__tests__/jant-nav-manager.test.ts

@@ -15,7 +15,11 @@ vi.mock("sortablejs", () => ({
   },
 }));
 
-import type { NavManagerItem, NavManagerLabels } from "../nav-manager-types.js";
+import type {
+  NavManagerItem,
+  NavManagerLabels,
+  NavManagerSuggestedLink,
+} from "../nav-manager-types.js";
 import "../jant-nav-manager.js";
 import type { JantNavManager } from "../jant-nav-manager.js";
 
@@ -43,6 +47,10 @@ const labels: NavManagerLabels = {
   addLinkDescription: "Add a custom nav link.",
   urlPlaceholder: "/about",
   labelAndUrlRequired: "Add a label and URL.",
+  suggestedLinks: "Suggested links",
+  suggestedLinksDescription: "Add common destinations.",
+  addSuggestedLink: "Add",
+  suggestedLinkAdded: "Link added to navigation.",
   headerSection: "Header",
   moreSection: "More",
   moreEmptyHint: "Move links here to hide them under More.",
@@ -84,6 +92,18 @@ const items: NavManagerItem[] = [
   },
 ];
 
+const suggestedLinks: NavManagerSuggestedLink[] = [
+  {
+    key: "now",
+    label: "Now",
+    url: "/now",
+    targetType: "collection",
+    targetLabel: "Collection",
+    navItemType: "collection",
+    collectionId: "col_now",
+  },
+];
+
 function requireElement<T>(value: T | null, message: string): T {
   if (!value) {
     throw new Error(message);
@@ -133,6 +153,7 @@ async function createElement(): Promise<JantNavManager> {
   el.labels = labels;
   el.items = items;
   el.systemNavItems = [];
+  el.suggestedLinks = [];
   el.siteName = "Test Site";
   document.body.appendChild(el);
   await el.updateComplete;
@@ -251,6 +272,61 @@ describe("JantNavManager", () => {
     expect(popover.getAttribute("aria-hidden")).toBe("true");
   });
 
+  it("adds a suggested collection link through the nav items API", async () => {
+    const el = await createElement();
+    el.suggestedLinks = suggestedLinks;
+    el.requestUpdate();
+    await el.updateComplete;
+
+    const addButton = requireElement(
+      el.querySelector<HTMLButtonElement>(".nav-suggestion-item button"),
+      "expected suggested link add button",
+    );
+    expect(el.textContent).toContain("Now");
+    expect(el.textContent).toContain("/now · Collection");
+
+    const created: NavManagerItem = {
+      id: "nav-now",
+      type: "collection",
+      collectionId: "col_now",
+      label: "Now",
+      url: "/now",
+      placement: "header",
+    };
+    const fetchMock = vi.fn().mockResolvedValue({
+      ok: true,
+      status: 201,
+      json: async () => created,
+    });
+    vi.stubGlobal("fetch", fetchMock);
+
+    addButton.click();
+    await Promise.resolve();
+    await Promise.resolve();
+    await el.updateComplete;
+
+    expect(fetchMock).toHaveBeenCalledWith(
+      "/api/nav-items",
+      expect.objectContaining({
+        method: "POST",
+        body: JSON.stringify({
+          type: "collection",
+          collectionId: "col_now",
+          placement: "header",
+        }),
+      }),
+    );
+    expect(
+      getListIds(
+        requireElement(
+          el.querySelector<HTMLElement>("#nav-items-header"),
+          "expected header nav list",
+        ),
+      ),
+    ).toContain("nav-now");
+    expect(el.querySelector(".nav-suggestion-item")).toBeNull();
+  });
+
   it("confirms before dispatching nav deletion", async () => {
     const el = await createElement();
     const deleteHandler = vi.fn();

package/src/client/components/__tests__/jant-settings-avatar.test.ts

@@ -32,6 +32,12 @@ const labels: SettingsLabels = {
   uploadError: "Upload failed.",
   general: "General",
   site: "Site",
+  aboutPage: "About page",
+  aboutPagePrompt: "Want to write a fuller introduction?",
+  aboutPageConflict:
+    "/about is already used. Rename that item before creating an About page.",
+  createAboutPage: "Create About page",
+  editAboutPage: "Edit About page",
   languageAndTime: "Language & Time",
   home: "Home",
   search: "Search",