@jant/core 0.6.11 → 0.6.13

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-compose-editor.test.ts

@@ -4,7 +4,7 @@ import { describe, it, expect, beforeEach, vi } from "vitest";
 vi.mock("../../upload-with-metadata.js", () => ({
   uploadWithMetadata: vi.fn(),
 }));
-import type { Editor } from "@tiptap/core";
+import type { Editor, JSONContent } from "@tiptap/core";
 import type { Slice } from "@tiptap/pm/model";
 import * as ProseMirrorView from "@tiptap/pm/view";
 import type { ComposeLabels } from "../compose-types.js";
@@ -301,6 +301,25 @@ async function createElement(
   return el;
 }
 
+function tiptapDoc(...content: JSONContent[]): JSONContent {
+  return { type: "doc", content };
+}
+
+function tiptapHeading(level: number, text: string): JSONContent {
+  return {
+    type: "heading",
+    attrs: { level },
+    content: [{ type: "text", text }],
+  };
+}
+
+function tiptapParagraph(text: string): JSONContent {
+  return {
+    type: "paragraph",
+    content: [{ type: "text", text }],
+  };
+}
+
 async function toggleEmojiPicker(el: JantComposeEditor) {
   (
     el as unknown as {
@@ -905,6 +924,77 @@ describe("JantComposeEditor", () => {
     expect(el.getData().title).toBe("My Title");
   });
 
+  it("promotes a leading H1 to the note title", async () => {
+    const el = await createElement("note");
+    const editor = requireEditor(el);
+    editor.commands.setContent(
+      tiptapDoc(tiptapHeading(1, "My Markdown Title"), tiptapParagraph("Body")),
+    );
+
+    el.promoteLeadingH1Title({ force: true });
+    await el.updateComplete;
+
+    const data = el.getData();
+    const body = JSON.parse(data.body) as JSONContent;
+
+    expect(data.title).toBe("My Markdown Title");
+    expect(el._showTitle).toBe(true);
+    expect(body.content?.[0]).toEqual(tiptapParagraph("Body"));
+  });
+
+  it("keeps a leading H1 in the body while the cursor is still in it", async () => {
+    const el = await createElement("note");
+    const editor = requireEditor(el);
+
+    editor.commands.setContent(tiptapDoc(tiptapHeading(1, "Draft title")));
+    await el.updateComplete;
+
+    const data = el.getData();
+    const body = JSON.parse(data.body) as JSONContent;
+
+    expect(data.title).toBe("");
+    expect(el._showTitle).toBe(false);
+    expect(body.content?.[0]).toEqual(tiptapHeading(1, "Draft title"));
+  });
+
+  it("does not overwrite an explicit note title with a leading H1", async () => {
+    const el = await createElement("note");
+    const editor = requireEditor(el);
+    el._title = "Manual title";
+    el._showTitle = true;
+
+    editor.commands.setContent(
+      tiptapDoc(tiptapHeading(1, "Markdown Title"), tiptapParagraph("Body")),
+    );
+
+    el.promoteLeadingH1Title({ force: true });
+    await el.updateComplete;
+
+    const data = el.getData();
+    const body = JSON.parse(data.body) as JSONContent;
+
+    expect(data.title).toBe("Manual title");
+    expect(body.content?.[0]).toEqual(tiptapHeading(1, "Markdown Title"));
+  });
+
+  it("does not promote a leading H1 for link posts", async () => {
+    const el = await createElement("link");
+    const editor = requireEditor(el);
+
+    editor.commands.setContent(
+      tiptapDoc(tiptapHeading(1, "Markdown Title"), tiptapParagraph("Body")),
+    );
+
+    el.promoteLeadingH1Title({ force: true });
+    await el.updateComplete;
+
+    const data = el.getData();
+    const body = JSON.parse(data.body) as JSONContent;
+
+    expect(data.title).toBe("");
+    expect(body.content?.[0]).toEqual(tiptapHeading(1, "Markdown Title"));
+  });
+
   it("omits rating when the rating control is hidden", async () => {
     const el = await createElement("note");
     el._rating = 3;
@@ -1016,7 +1106,9 @@ describe("JantComposeEditor", () => {
     image.dispatchEvent(new Event("error"));
     await el.updateComplete;
 
-    expect(el.querySelector("[data-preview-failed='image']")).not.toBeNull();
+    const fallback = el.querySelector("[data-preview-failed='image']");
+    expect(fallback).not.toBeNull();
+    expect(fallback?.textContent).toContain("Image unavailable");
     expect(el.querySelector(".compose-attachment-remove")).not.toBeNull();
     expect(el.querySelector(".compose-attachment-img")).toBeNull();
   });

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,58 @@ const items: NavManagerItem[] = [
   },
 ];
 
+const suggestedLinks: NavManagerSuggestedLink[] = [
+  {
+    key: "now",
+    label: "Now",
+    url: "/now",
+    targetType: "collection",
+    targetLabel: "Collection",
+    navItemType: "collection",
+    collectionId: "col_now",
+  },
+];
+
+function renderHeaderFragment(label: string): string {
+  return `
+    <header class="site-header" data-site-header-fragment="header">
+      <div class="site-header-inner">
+        <div class="site-header-top">
+          <a href="/" class="site-logo">Test Site</a>
+          <nav class="site-header-nav" aria-label="Primary">
+            <a href="/now" class="site-header-link">${label}</a>
+          </nav>
+          <button
+            type="button"
+            class="site-header-hamburger"
+            aria-controls="site-nav-drawer"
+            aria-expanded="false"
+          ></button>
+        </div>
+      </div>
+    </header>
+    <div
+      class="site-nav-drawer-backdrop"
+      data-site-header-fragment="drawer-backdrop"
+      aria-hidden="true"
+    ></div>
+    <div
+      id="site-nav-drawer"
+      class="site-nav-drawer"
+      data-site-header-fragment="drawer"
+      aria-hidden="true"
+      inert
+    >
+      <button class="site-nav-drawer-close" type="button"></button>
+      <a href="/now" class="site-nav-drawer-link">${label}</a>
+    </div>
+  `;
+}
+
+function installCurrentHeaderFragment(label = "Old"): void {
+  document.body.insertAdjacentHTML("afterbegin", renderHeaderFragment(label));
+}
+
 function requireElement<T>(value: T | null, message: string): T {
   if (!value) {
     throw new Error(message);
@@ -128,11 +188,18 @@ function getSortableOptions(
   return options as Record<string, ((event: unknown) => void) | undefined>;
 }
 
+async function flushAsyncWork(): Promise<void> {
+  await Promise.resolve();
+  await Promise.resolve();
+  await Promise.resolve();
+}
+
 async function createElement(): Promise<JantNavManager> {
   const el = document.createElement("jant-nav-manager") as JantNavManager;
   el.labels = labels;
   el.items = items;
   el.systemNavItems = [];
+  el.suggestedLinks = [];
   el.siteName = "Test Site";
   document.body.appendChild(el);
   await el.updateComplete;
@@ -149,6 +216,7 @@ describe("JantNavManager", () => {
       vi.fn().mockResolvedValue({
         ok: true,
         status: 200,
+        json: async () => ({ ...items[1] }),
       }),
     );
   });
@@ -188,8 +256,7 @@ describe("JantNavManager", () => {
     });
 
     await el.updateComplete;
-    await Promise.resolve();
-    await Promise.resolve();
+    await flushAsyncWork();
 
     expect(getListIds(headerList)).toEqual(["nav-1"]);
     expect(getListIds(moreList)).toEqual(["nav-2", "nav-3"]);
@@ -213,6 +280,9 @@ describe("JantNavManager", () => {
       "/api/nav-items/nav-2/move",
       expect.objectContaining({
         method: "PUT",
+        headers: expect.objectContaining({
+          "X-Jant-Site-Header": "include",
+        }),
         body: JSON.stringify({
           after: null,
           before: "nav-3",
@@ -251,10 +321,84 @@ describe("JantNavManager", () => {
     expect(popover.getAttribute("aria-hidden")).toBe("true");
   });
 
-  it("confirms before dispatching nav deletion", async () => {
+  it("adds a suggested collection link through the nav items API", async () => {
     const el = await createElement();
-    const deleteHandler = vi.fn();
-    el.addEventListener("jant:nav-delete", deleteHandler);
+    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",
+    };
+    installCurrentHeaderFragment("Old");
+    const fetchMock = vi.fn().mockResolvedValue({
+      ok: true,
+      status: 201,
+      json: async () => ({
+        ...created,
+        headerHtml: renderHeaderFragment("Now"),
+      }),
+    });
+    vi.stubGlobal("fetch", fetchMock);
+
+    addButton.click();
+    await flushAsyncWork();
+    await el.updateComplete;
+
+    expect(fetchMock).toHaveBeenCalledWith(
+      "/api/nav-items",
+      expect.objectContaining({
+        method: "POST",
+        headers: expect.objectContaining({
+          "X-Jant-Site-Header": "include",
+        }),
+        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();
+    expect(
+      document
+        .querySelector<HTMLElement>('[data-site-header-fragment="header"]')
+        ?.textContent?.trim(),
+    ).toContain("Now");
+  });
+
+  it("confirms before deleting a navigation item", async () => {
+    const el = await createElement();
+    const fetchMock = vi.fn().mockResolvedValue({
+      ok: true,
+      status: 200,
+      json: async () => ({
+        success: true,
+        headerHtml: renderHeaderFragment("Links"),
+      }),
+    });
+    vi.stubGlobal("fetch", fetchMock);
+    installCurrentHeaderFragment("About");
 
     (
       el as unknown as { _editingId: string | null; requestUpdate: () => void }
@@ -267,7 +411,7 @@ describe("JantNavManager", () => {
       "expected nav delete button",
     );
     deleteButton.click();
-    await Promise.resolve();
+    await flushAsyncWork();
 
     const host = requireElement(
       document.querySelector<HTMLElement>("jant-confirm-dialog"),
@@ -280,19 +424,37 @@ describe("JantNavManager", () => {
       "expected confirm button",
     );
     confirmButton.click();
-    await Promise.resolve();
-    await Promise.resolve();
+    await flushAsyncWork();
+    await el.updateComplete;
 
-    expect(deleteHandler).toHaveBeenCalledTimes(1);
-    expect(deleteHandler.mock.calls[0]?.[0]).toMatchObject({
-      detail: { id: "nav-1" },
-    });
+    expect(fetchMock).toHaveBeenCalledWith(
+      "/api/nav-items/nav-1",
+      expect.objectContaining({
+        method: "DELETE",
+        headers: expect.objectContaining({
+          "X-Jant-Site-Header": "include",
+        }),
+      }),
+    );
+    expect(
+      getListIds(
+        requireElement(
+          el.querySelector<HTMLElement>("#nav-items-header"),
+          "expected header nav list",
+        ),
+      ),
+    ).toEqual(["nav-2"]);
+    expect(
+      document
+        .querySelector<HTMLElement>('[data-site-header-fragment="header"]')
+        ?.textContent?.trim(),
+    ).toContain("Links");
   });
 
-  it("does not dispatch nav deletion when confirmation is canceled", async () => {
+  it("does not delete when confirmation is canceled", async () => {
     const el = await createElement();
-    const deleteHandler = vi.fn();
-    el.addEventListener("jant:nav-delete", deleteHandler);
+    const fetchMock = vi.fn();
+    vi.stubGlobal("fetch", fetchMock);
 
     (
       el as unknown as { _editingId: string | null; requestUpdate: () => void }
@@ -305,7 +467,7 @@ describe("JantNavManager", () => {
       "expected nav delete button",
     );
     deleteButton.click();
-    await Promise.resolve();
+    await flushAsyncWork();
 
     const host = requireElement(
       document.querySelector<HTMLElement>("jant-confirm-dialog"),
@@ -318,9 +480,8 @@ describe("JantNavManager", () => {
       "expected cancel button",
     );
     cancelButton.click();
-    await Promise.resolve();
-    await Promise.resolve();
+    await flushAsyncWork();
 
-    expect(deleteHandler).not.toHaveBeenCalled();
+    expect(fetchMock).not.toHaveBeenCalled();
   });
 });

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",

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

@@ -7,6 +7,7 @@ import type {
   SettingsCjkFont,
   SettingsDashboardLanguage,
   SettingsSaveDetail,
+  SettingsAboutPageStatus,
 } from "../settings-types.js";
 import { MAX_SITE_NAME_LENGTH } from "../../../types.js";
 import "../jant-settings-general.js";
@@ -76,6 +77,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",
@@ -167,6 +174,7 @@ function findCheckboxByLabel(
 async function createElement(
   opts: {
     demoMode?: boolean;
+    aboutPage?: SettingsAboutPageStatus;
   } = {},
 ): Promise<JantSettingsGeneral> {
   const el = document.createElement(
@@ -182,6 +190,14 @@ async function createElement(
   el.latestFeedUrl = "/latest/feed";
   el.featuredFeedUrl = "/featured/feed";
   el.archiveFeedUrl = "/archive/feed";
+  el.aboutPage =
+    opts.aboutPage ??
+    ({
+      state: "missing",
+      path: "/about",
+    } satisfies SettingsAboutPageStatus);
+  el.aboutEditUrl = "/about?edit=1";
+  el.aboutCreateUrl = "/settings/general/about-page";
   el.demoMode = opts.demoMode ?? false;
   document.body.appendChild(el);
   await el.updateComplete;
@@ -209,6 +225,61 @@ describe("JantSettingsGeneral", () => {
       labels.home,
       labels.search,
     ]);
+
+    const siteSection = requireElement(
+      findSectionByHeading(el, labels.site),
+      "expected site section",
+    );
+    expect(siteSection.querySelector("[data-about-page-row]")).not.toBeNull();
+  });
+
+  it("renders a create About form from the missing About prompt", async () => {
+    const el = await createElement();
+    const aboutRow = requireElement(
+      el.querySelector<HTMLElement>("[data-about-page-row]"),
+      "expected About page row",
+    );
+    const form = requireElement(
+      aboutRow.querySelector<HTMLFormElement>("form"),
+      "expected create About page form",
+    );
+    const button = requireElement(
+      form.querySelector<HTMLButtonElement>("button"),
+      "expected create About page button",
+    );
+
+    expect(aboutRow.textContent).toContain(labels.aboutPagePrompt);
+    expect(form.method).toBe("post");
+    expect(form.action).toContain("/settings/general/about-page");
+    expect(button.textContent).toContain(labels.createAboutPage);
+  });
+
+  it("renders an edit link when the About page exists", async () => {
+    const el = await createElement({
+      aboutPage: {
+        state: "ready",
+        path: "/about",
+        post: {
+          id: "pst_about000000000000000000000",
+          title: "About",
+          status: "published",
+          visibility: "latest_hidden",
+        },
+      },
+    });
+
+    const aboutRow = requireElement(
+      el.querySelector<HTMLElement>("[data-about-page-row]"),
+      "expected About page row",
+    );
+    const editLink = requireElement(
+      aboutRow.querySelector<HTMLAnchorElement>("a"),
+      "expected About edit link",
+    );
+
+    expect(aboutRow.textContent).toContain(labels.aboutPagePrompt);
+    expect(editLink.textContent).toContain(labels.editAboutPage);
+    expect(editLink.href).toContain("/about?edit=1");
   });
 
   it("renders form fields with initial values", async () => {
@@ -586,6 +657,7 @@ describe("JantSettingsGeneral", () => {
     const d = detail as unknown as SettingsSaveDetail;
     expect(d.endpoint).toBe("/settings/general/home");
     expect(d.section).toBe("home");
+    expect(d.data).not.toHaveProperty("homeDefaultView");
     expect(d.data.showJantBrandingOnHome).toBe(true);
     expect(siteSaveBtn?.disabled).toBe(true);
   });