@jant/core 0.6.10 → 0.6.12

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

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

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

@@ -1,4 +1,4 @@
-import { c as parseMarkdownDocument, r as parseFrontMatter, t as createExportService } from "./export-DY1v5Iqu.js";
+import { c as parseMarkdownDocument, r as parseFrontMatter, t as createExportService } from "./export-Ckwh4BiE.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-CGHkOdme.js";
-import { T as time_exports, a as markdown_exports } from "./export-DY1v5Iqu.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 "./env-OHRKGcMj.js";
-import "./github-sync-2_T7nbOv.js";
+import "./github-sync-Dl9wQMar.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-CGHkOdme.js";
-import { t as createExportService } from "./export-DY1v5Iqu.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 { 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-2_T7nbOv.js";
+import "./github-sync-Dl9wQMar.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-D24n0DoH.js")).createApp()
+		app: async () => app ?? (await import("./app-B5P1b4TF.js")).createApp()
 	});
 	const hostname = resolveHost(env);
 	const port = resolvePort(env);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jant/core",
-  "version": "0.6.10",
+  "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

@@ -0,0 +1,81 @@
+// @vitest-environment happy-dom
+
+import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
+import type { Editor } from "@tiptap/core";
+import type { ComposeLabels } from "../compose-types.js";
+import "../jant-compose-editor.js";
+import type { JantComposeEditor } from "../jant-compose-editor.js";
+
+const labels = {
+  bodyPlaceholder: "What's on your mind...",
+  imageNotRehosted: "An image couldn't be saved — its original link was kept.",
+  imagesNotRehosted:
+    "{count} images couldn't be saved — their original links were kept.",
+} as unknown as ComposeLabels;
+
+function editorOf(el: JantComposeEditor): Editor {
+  const editor = (el as unknown as { _editor?: Editor | null })._editor;
+  if (!editor) throw new Error("expected compose editor instance");
+  return 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";
+  document.body.appendChild(container);
+});
+
+afterEach(() => {
+  document.body.innerHTML = "";
+  vi.restoreAllMocks();
+});
+
+describe("compose editor: rehost failure notice", () => {
+  it("shows an error toast when a pasted remote image can't be rehosted", async () => {
+    // Server rejects the sideload (e.g. host hotlink protection).
+    vi.stubGlobal(
+      "fetch",
+      vi.fn(async () => new Response("blocked", { status: 403 })),
+    );
+
+    const el = document.createElement(
+      "jant-compose-editor",
+    ) as JantComposeEditor;
+    el.format = "note";
+    el.labels = labels;
+    document.body.appendChild(el);
+    await el.updateComplete;
+
+    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);
+    await wait(900);
+
+    const toast = document.querySelector("#toast-container .toast");
+    expect(toast).not.toBeNull();
+    expect(toast?.className).toContain("toast-error");
+    expect(toast?.textContent ?? "").toContain("couldn't be saved");
+  });
+});