@jant/core 0.6.12 → 0.6.14

package/dist/{github-sync-BMmK3JZ0.js → github-sync-C0zyF6XS.js}

@@ -1,4 +1,4 @@
 import "./url-BMYO-Zlt.js";
-import "./export-Ckwh4BiE.js";
-import { i as classifyRepoForSync, o as createGitHubSyncService } from "./github-sync-Dl9wQMar.js";
+import "./export-DWn149b7.js";
+import { i as classifyRepoForSync, o as createGitHubSyncService } from "./github-sync-Ckk0sJxK.js";
 export { classifyRepoForSync, createGitHubSyncService };

package/dist/{github-sync-Dl9wQMar.js → github-sync-Ckk0sJxK.js}

@@ -1,4 +1,4 @@
-import { c as parseMarkdownDocument, r as parseFrontMatter, t as createExportService } from "./export-Ckwh4BiE.js";
+import { c as parseMarkdownDocument, r as parseFrontMatter, t as createExportService } from "./export-DWn149b7.js";
 import { r as getInstallationToken } from "./github-app-BbklkFmU.js";
 import { r as parseRepoSlug, t as createGitHubClient } from "./github-api-BgSiE71w.js";
 //#region src/lib/markdown-to-tiptap.ts

package/dist/index.js

@@ -1,6 +1,6 @@
 import { y as url_exports } from "./url-BMYO-Zlt.js";
-import { A as MAX_MEDIA_ATTACHMENTS, C as toMediaView, D as toPostViews, E as toPostView, F as STATUSES, I as TEXT_ATTACHMENT_CONTENT_FORMATS, M as MEDIA_KINDS, N as NAV_ITEM_TYPES, O as toSearchResultView, P as SORT_ORDERS, S as toArchiveGroupsWithMedia, T as toNavItemViews, b as createMediaContext, j as MAX_PINNED_POSTS, k as FORMATS, m as defaultFeedRenderer, t as createApp, w as toNavItemView, x as toArchiveGroups } from "./app-D-zAhayc.js";
-import { S as time_exports, a as markdown_exports } from "./export-Ckwh4BiE.js";
+import { A as MAX_MEDIA_ATTACHMENTS, C as toMediaView, D as toPostViews, E as toPostView, F as STATUSES, I as TEXT_ATTACHMENT_CONTENT_FORMATS, M as MEDIA_KINDS, N as NAV_ITEM_TYPES, O as toSearchResultView, P as SORT_ORDERS, S as toArchiveGroupsWithMedia, T as toNavItemViews, b as createMediaContext, j as MAX_PINNED_POSTS, k as FORMATS, m as defaultFeedRenderer, t as createApp, w as toNavItemView, x as toArchiveGroups } from "./app-2i7-WQHg.js";
+import { S as time_exports, a as markdown_exports } from "./export-DWn149b7.js";
 import "./env-OHRKGcMj.js";
-import "./github-sync-Dl9wQMar.js";
+import "./github-sync-Ckk0sJxK.js";
 export { FORMATS, MAX_MEDIA_ATTACHMENTS, MAX_PINNED_POSTS, MEDIA_KINDS, NAV_ITEM_TYPES, SORT_ORDERS, STATUSES, TEXT_ATTACHMENT_CONTENT_FORMATS, createApp, createMediaContext, defaultFeedRenderer, markdown_exports as markdown, time_exports as time, toArchiveGroups, toArchiveGroupsWithMedia, toMediaView, toNavItemView, toNavItemViews, toPostView, toPostViews, toSearchResultView, url_exports as url };

package/dist/node.js

@@ -1,8 +1,8 @@
 import "./url-BMYO-Zlt.js";
-import { B as isAssetPath, L as buildThemeStyle, R as BUILTIN_COLOR_THEMES, _ as sqliteSchemaBundle, a as resolveDatabaseDialect, c as getWebhookUrl, d as BUILTIN_FONT_THEMES, f as getCjkSerifCssVariables, g as pgSchemaBundle, h as createStorageDriver, i as createSiteService, l as setMyCommands, n as createNodeCliRuntime, o as getHostBasedStartupConfigurationIssues, p as getFontThemeCssVariables, r as createNodeRequestRuntime, s as resolveConfig, t as createApp, u as setWebhook, v as createNodeDatabase, y as schema_exports, z as getPublicAssetBasePath } from "./app-D-zAhayc.js";
-import { t as createExportService } from "./export-Ckwh4BiE.js";
+import { B as isAssetPath, L as buildThemeStyle, R as BUILTIN_COLOR_THEMES, _ as sqliteSchemaBundle, a as resolveDatabaseDialect, c as getWebhookUrl, d as BUILTIN_FONT_THEMES, f as getCjkSerifCssVariables, g as pgSchemaBundle, h as createStorageDriver, i as createSiteService, l as setMyCommands, n as createNodeCliRuntime, o as getHostBasedStartupConfigurationIssues, p as getFontThemeCssVariables, r as createNodeRequestRuntime, s as resolveConfig, t as createApp, u as setWebhook, v as createNodeDatabase, y as schema_exports, z as getPublicAssetBasePath } from "./app-2i7-WQHg.js";
+import { t as createExportService } from "./export-DWn149b7.js";
 import { C as shouldTrustProxy, S as getTelegramWebhookSecret, b as getSiteResolutionMode, d as getHostedControlPlaneBaseUrl, i as getConfiguredSingleSitePathPrefix, l as getEnvString, r as getConfiguredSingleSiteOrigin, x as getTelegramBotPool, y as getPort } from "./env-OHRKGcMj.js";
-import "./github-sync-Dl9wQMar.js";
+import "./github-sync-Ckk0sJxK.js";
 import { drizzle } from "drizzle-orm/better-sqlite3";
 import { serve } from "@hono/node-server";
 import Database from "better-sqlite3";
@@ -529,7 +529,7 @@ async function createNodeRequestHandler(options) {
 async function start(env = process.env, app) {
 	const handler = await createNodeRequestHandler({
 		env,
-		app: async () => app ?? (await import("./app-B5P1b4TF.js")).createApp()
+		app: async () => app ?? (await import("./app-DZDlmh7C.js")).createApp()
 	});
 	const hostname = resolveHost(env);
 	const port = resolvePort(env);

package/package.json

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

package/src/__tests__/export-service.test.ts

@@ -281,7 +281,6 @@ describe("createExportService (Hugo)", () => {
       makeSiteConfig({
         siteName: "My Site",
         siteUrl: "https://my.example",
-        homeDefaultView: "featured",
       }),
     );
     const files = filesToMap(await service.generateHugoFiles());
@@ -292,7 +291,7 @@ describe("createExportService (Hugo)", () => {
     expect(toml).toContain('theme = "jant"');
     expect(toml).toMatch(/\[permalinks\][\s\S]*post = "\/:slug\/"/);
     expect(toml).toContain("[params]");
-    expect(toml).toContain('home_default_view = "featured"');
+    expect(toml).not.toContain("home_default_view");
   });
 
   it("configures hugo.toml for Atom RSS output with per-section opt-in", async () => {

package/src/__tests__/helpers/app.ts

@@ -123,6 +123,9 @@ export function createTestApp(options: TestAppOptions = {}) {
     c.set("appConfig", resolveConfig(c.env, allSettings));
     c.set("storage", options.storage ?? null);
     c.set("rateLimiter", rateLimiter);
+    const publicRequestUrl = c.req.url;
+    c.set("publicRequestUrl", publicRequestUrl);
+    c.set("publicPath", new URL(publicRequestUrl).pathname);
 
     // i18n (English default for tests)
     const i18n = createI18n("en");

package/src/__tests__/helpers/export-fixtures.ts

@@ -88,7 +88,6 @@ export function makeSiteConfig(over: Partial<SiteConfig> = {}): SiteConfig {
     siteDescription: "Export fixture",
     siteLanguage: "en",
     showJantBrandingOnHome: true,
-    homeDefaultView: "latest",
     mainRssFeed: "latest",
     siteFooter: "",
     showHeaderAvatar: false,

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

@@ -98,7 +98,6 @@ describe("Hugo import CLI helpers", () => {
         'site_name = "Example Site"',
         'site_description = "A description"',
         'site_language = "en"',
-        'home_default_view = "featured"',
         "show_jant_branding_on_home = true",
         "show_header_avatar = false",
         "noindex = false",
@@ -136,7 +135,7 @@ describe("Hugo import CLI helpers", () => {
     expect(siteConfig.title).toBe("Example Site");
     expect(siteConfig.base_url).toBe("https://example.com/");
     expect(siteConfig.extra.jant.theme_id).toBe("paper");
-    expect(siteConfig.extra.jant.home_default_view).toBe("featured");
+    expect(siteConfig.extra.jant).not.toHaveProperty("home_default_view");
     expect(siteConfig.extra.jant.nav_exported).toBe(true);
     expect(siteConfig.extra.jant.nav).toHaveLength(1);
     expect(siteConfig.extra.jant.collections_directory_exported).toBe(true);

package/src/client/__tests__/site-header-nav.test.ts

@@ -3,6 +3,8 @@
 import { beforeEach, describe, expect, it, vi } from "vitest";
 
 type SiteHeaderInit = typeof import("../site-header-nav.js").initSiteHeaderNav;
+type SiteHeaderDestroy =
+  typeof import("../site-header-nav.js").destroySiteHeaderNav;
 
 function createDrawerDOM(): HTMLElement {
   const root = document.createElement("div");
@@ -50,13 +52,15 @@ function createMoreDropdownDOM(): HTMLElement {
 
 describe("site header more dropdown", () => {
   let initSiteHeaderNav: SiteHeaderInit;
+  let destroySiteHeaderNav: SiteHeaderDestroy;
   let root: HTMLElement;
 
   beforeEach(async () => {
     document.body.innerHTML = "";
     vi.resetModules();
     root = createMoreDropdownDOM();
-    ({ initSiteHeaderNav } = await import("../site-header-nav.js"));
+    ({ initSiteHeaderNav, destroySiteHeaderNav } =
+      await import("../site-header-nav.js"));
     initSiteHeaderNav(root);
   });
 
@@ -130,10 +134,26 @@ describe("site header more dropdown", () => {
     expect(trigger.getAttribute("aria-expanded")).toBe("false");
     expect(popover.getAttribute("aria-hidden")).toBe("true");
   });
+
+  it("removes dropdown listeners when destroyed", () => {
+    const trigger = root.querySelector(
+      ".site-header-more-btn",
+    ) as HTMLButtonElement;
+    const popover = root.querySelector(
+      ".site-header-more-popover",
+    ) as HTMLElement;
+
+    destroySiteHeaderNav(root);
+    trigger.click();
+
+    expect(trigger.getAttribute("aria-expanded")).toBe("false");
+    expect(popover.getAttribute("aria-hidden")).toBe("true");
+  });
 });
 
 describe("site header nav drawer", () => {
   let initSiteHeaderNav: SiteHeaderInit;
+  let destroySiteHeaderNav: SiteHeaderDestroy;
   let root: HTMLElement;
 
   beforeEach(async () => {
@@ -141,7 +161,8 @@ describe("site header nav drawer", () => {
     document.documentElement.classList.remove("drawer-open");
     vi.resetModules();
     root = createDrawerDOM();
-    ({ initSiteHeaderNav } = await import("../site-header-nav.js"));
+    ({ initSiteHeaderNav, destroySiteHeaderNav } =
+      await import("../site-header-nav.js"));
     initSiteHeaderNav(root);
   });
 
@@ -247,4 +268,17 @@ describe("site header nav drawer", () => {
     expect(drawer.getAttribute("aria-hidden")).toBe("true");
     expect(hamburger.getAttribute("aria-expanded")).toBe("false");
   });
+
+  it("removes drawer listeners when destroyed", () => {
+    const hamburger = root.querySelector(
+      ".site-header-hamburger",
+    ) as HTMLButtonElement;
+    const drawer = root.querySelector("#site-nav-drawer") as HTMLElement;
+
+    destroySiteHeaderNav(root);
+    hamburger.click();
+
+    expect(drawer.getAttribute("aria-hidden")).toBe("true");
+    expect(hamburger.getAttribute("aria-expanded")).toBe("false");
+  });
 });

package/src/client/components/__tests__/compose-title-from-heading.test.ts

@@ -0,0 +1,57 @@
+import { describe, expect, it } from "vitest";
+import type { JSONContent } from "@tiptap/core";
+
+import { promoteLeadingH1Title } from "../compose-title-from-heading.js";
+
+function doc(...content: JSONContent[]): JSONContent {
+  return { type: "doc", content };
+}
+
+function paragraph(text = ""): JSONContent {
+  return text
+    ? { type: "paragraph", content: [{ type: "text", text }] }
+    : { type: "paragraph" };
+}
+
+function heading(level: number, text = ""): JSONContent {
+  return text
+    ? {
+        type: "heading",
+        attrs: { level },
+        content: [{ type: "text", text }],
+      }
+    : { type: "heading", attrs: { level } };
+}
+
+describe("promoteLeadingH1Title", () => {
+  it("extracts the first non-empty H1 and removes it from the body", () => {
+    const result = promoteLeadingH1Title(
+      doc(paragraph(), heading(1, "  My   Title  "), paragraph("Body")),
+    );
+
+    expect(result?.title).toBe("My Title");
+    expect(result?.headingIndex).toBe(1);
+    expect(result?.bodyJson).toEqual(doc(paragraph("Body")));
+  });
+
+  it("returns null when the first non-empty block is not an H1", () => {
+    const result = promoteLeadingH1Title(
+      doc(paragraph("Intro"), heading(1, "Title")),
+    );
+
+    expect(result).toBeNull();
+  });
+
+  it("returns null for empty H1 blocks", () => {
+    const result = promoteLeadingH1Title(doc(heading(1), paragraph("Body")));
+
+    expect(result).toBeNull();
+  });
+
+  it("returns a null body when the promoted H1 is the only content", () => {
+    const result = promoteLeadingH1Title(doc(heading(1, "Only title")));
+
+    expect(result?.title).toBe("Only title");
+    expect(result?.bodyJson).toBeNull();
+  });
+});

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

@@ -7,23 +7,29 @@ import {
 } 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" },
-    }),
+interface MockPaletteItem {
+  title: string;
+  path: string;
+  type: "post" | "collection" | "system";
+}
+
+function mockPaletteApi(items: MockPaletteItem[] = []) {
+  vi.spyOn(globalThis, "fetch").mockImplementation(
+    async () =>
+      new Response(JSON.stringify({ items }), {
+        headers: { "Content-Type": "application/json" },
+      }),
   );
 }
 
-async function renderPalette(query: string) {
-  mockPaletteApi();
+async function renderPalette(query: string, items: MockPaletteItem[] = []) {
+  mockPaletteApi(items);
   const el = document.createElement(
     "jant-command-palette",
   ) as JantCommandPalette;
-  el._open = true;
-  el._query = query;
   document.body.appendChild(el);
-  await Promise.resolve();
+  await el.open();
+  el._query = query;
   await el.updateComplete;
   return el;
 }
@@ -39,6 +45,7 @@ describe("JantCommandPalette slash path mode", () => {
     vi.restoreAllMocks();
     document.body.innerHTML = "";
     globalThis.localStorage.clear();
+    globalThis.history.replaceState({}, "", "/");
   });
 
   it("shows go-to-path first and search second for slash queries", async () => {
@@ -61,3 +68,123 @@ describe("JantCommandPalette slash path mode", () => {
     expect(resultTitles(el)).toEqual(["Go to /notes", 'Search for "notes"']);
   });
 });
+
+describe("JantCommandPalette persistent search action", () => {
+  beforeEach(() => {
+    vi.restoreAllMocks();
+    document.body.innerHTML = "";
+    globalThis.localStorage.clear();
+    globalThis.history.replaceState({}, "", "/");
+  });
+
+  const matchingItems: MockPaletteItem[] = Array.from(
+    { length: 12 },
+    (_, index) => ({
+      title: `Match ${index + 1}`,
+      path: `match-${index + 1}`,
+      type: "post",
+    }),
+  );
+
+  it("keeps search visible below all navigation matches", async () => {
+    const el = await renderPalette("match", matchingItems);
+
+    expect(
+      el.querySelectorAll(".command-palette-results > .command-palette-result"),
+    ).toHaveLength(12);
+    expect(resultTitles(el)).toEqual([
+      "Match 1",
+      "Match 2",
+      "Match 3",
+      "Match 4",
+      "Match 5",
+      "Match 6",
+      "Match 7",
+      "Match 8",
+      "Match 9",
+      "Match 10",
+      "Match 11",
+      "Match 12",
+      'Search all content for "match"',
+    ]);
+    expect(
+      el
+        .querySelector(".command-palette-results-container")
+        ?.lastElementChild?.classList.contains("command-palette-search-action"),
+    ).toBe(true);
+  });
+
+  it("uses plain Enter without a shortcut hint when search is the only result", async () => {
+    const el = await renderPalette("nothing", matchingItems);
+    const dialog = el.querySelector<HTMLDialogElement>(".command-palette");
+
+    expect(resultTitles(el)).toEqual(['Search all content for "nothing"']);
+    expect(el.querySelector(".command-palette-result-shortcut")).toBeNull();
+
+    dialog?.dispatchEvent(
+      new globalThis.KeyboardEvent("keydown", {
+        key: "Enter",
+        bubbles: true,
+        cancelable: true,
+      }),
+    );
+
+    expect(globalThis.location.pathname).toBe("/search");
+    expect(globalThis.location.search).toBe("?q=nothing");
+  });
+
+  it("wraps ArrowUp from the best match to the search action", async () => {
+    const el = await renderPalette("match", matchingItems);
+    const dialog = el.querySelector<HTMLDialogElement>(".command-palette");
+
+    dialog?.dispatchEvent(
+      new globalThis.KeyboardEvent("keydown", {
+        key: "ArrowUp",
+        bubbles: true,
+        cancelable: true,
+      }),
+    );
+    await el.updateComplete;
+
+    expect(
+      el.querySelector(
+        ".command-palette-result-selected .command-palette-result-title",
+      )?.textContent,
+    ).toBe('Search all content for "match"');
+  });
+
+  it.each(["metaKey", "ctrlKey"] as const)(
+    "runs full-text search with the %s Enter shortcut",
+    async (modifier) => {
+      const el = await renderPalette("match", matchingItems);
+      const dialog = el.querySelector<HTMLDialogElement>(".command-palette");
+
+      dialog?.dispatchEvent(
+        new globalThis.KeyboardEvent("keydown", {
+          key: "Enter",
+          [modifier]: true,
+          bubbles: true,
+          cancelable: true,
+        }),
+      );
+
+      expect(globalThis.location.pathname).toBe("/search");
+      expect(globalThis.location.search).toBe("?q=match");
+    },
+  );
+
+  it("keeps plain Enter on the best navigation match", async () => {
+    const el = await renderPalette("match", matchingItems);
+    const dialog = el.querySelector<HTMLDialogElement>(".command-palette");
+
+    dialog?.dispatchEvent(
+      new globalThis.KeyboardEvent("keydown", {
+        key: "Enter",
+        bubbles: true,
+        cancelable: true,
+      }),
+    );
+
+    expect(globalThis.location.pathname).toBe("/match-1");
+  });
+});

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

@@ -3077,6 +3077,9 @@ describe("JantComposeDialog", () => {
     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(
+      /@media \(max-width:\s*760px\),\s*\(hover:\s*none\) and \(pointer:\s*coarse\)\s*\{[\s\S]*\.compose-thread-layout\s*\{[\s\S]*padding-top:\s*0\.75rem;[\s\S]*\.compose-thread-layout::before\s*\{[\s\S]*top:\s*0\.75rem;/,
+    );
     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;/,
     );

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();
   });