@jant/core 0.6.11 → 0.6.12

package/src/styles/ui.css

@@ -2237,13 +2237,13 @@
   }
 
   .post-header-block {
-    margin-bottom: 1.5rem;
+    margin-bottom: 1.7rem;
   }
 
   .post-header-block-detail {
     display: flex;
     flex-direction: column;
-    gap: 0.55rem;
+    gap: 0.7rem;
   }
 
   .post-header-block .feed-link-title,
@@ -2944,8 +2944,8 @@
     padding-left: 0;
     font-family: var(--font-serif);
     color: var(--site-text-primary);
-    font-size: var(--type-content-subtitle);
-    line-height: var(--type-heading-leading);
+    font-size: var(--type-content-quote);
+    line-height: var(--type-content-quote-leading);
     white-space: pre-line;
     text-wrap: pretty;
   }
@@ -4535,6 +4535,7 @@
     --compose-title-input-size: var(--type-content-subtitle);
     --compose-title-input-leading: var(--type-display-leading);
     --compose-quote-input-size: var(--type-content-subtitle);
+    --compose-quote-input-leading: 1.32;
     --compose-inline-input-size: var(--type-ui-input);
     --compose-panel-label-size: var(--type-ui-control);
     --compose-panel-hint-size: var(--type-ui-hint);
@@ -5201,7 +5202,7 @@
     font-size: var(--compose-quote-input-size);
     font-style: normal;
     font-weight: var(--fw-regular);
-    line-height: 1.32;
+    line-height: var(--compose-quote-input-leading);
     letter-spacing: -0.02em;
     min-height: 9rem;
     padding-top: 0.5rem;
@@ -7428,6 +7429,53 @@
     position: relative;
   }
 
+  .compose-reply-compose-layout {
+    --compose-title-input-size: var(--type-content-subtitle);
+    --compose-title-input-leading: 1.35;
+    --compose-quote-input-size: calc(var(--type-content-body) * 1.06);
+    --compose-quote-input-leading: 1.42;
+    --compose-inline-input-size: var(--type-base);
+  }
+
+  .compose-reply-compose-layout .compose-quote-wrap {
+    margin-top: 0.4rem;
+    padding: 24px 18px 18px;
+    border-radius: 0.95rem;
+  }
+
+  .compose-reply-compose-layout .compose-link-url-wrap {
+    margin-top: 0.4rem;
+  }
+
+  .compose-reply-compose-layout .compose-quote-mark {
+    top: 0.58rem;
+    left: 0.9rem;
+    width: 1.55rem;
+  }
+
+  .compose-reply-compose-layout .compose-quote-text {
+    min-height: 6.5rem;
+    padding-top: 0.35rem;
+  }
+
+  @media (min-width: 700px) {
+    .compose-reply-compose-layout .compose-quote-wrap {
+      padding: 25px 20px 18px;
+      border-radius: 1rem;
+    }
+
+    .compose-reply-compose-layout .compose-quote-mark {
+      top: 0.62rem;
+      left: 1rem;
+      width: 1.6rem;
+    }
+
+    .compose-reply-compose-layout .compose-quote-text {
+      min-height: 6.5rem;
+      padding-top: 0.35rem;
+    }
+  }
+
   /* Continuous vertical line through the rail */
   .compose-thread-layout::before {
     content: "";
@@ -7490,6 +7538,78 @@
     background: transparent;
   }
 
+  .compose-reply-compose-layout .compose-editor-row .compose-attachments-dock {
+    --compose-reply-attachment-width: 96px;
+    --compose-reply-attachment-height: 72px;
+
+    max-height: min(116px, 18dvh);
+    padding-block: 4px 2px;
+  }
+
+  .compose-reply-compose-layout .compose-editor-row .compose-attachments {
+    gap: 6px;
+    padding-block: 0;
+  }
+
+  .compose-reply-compose-layout .compose-editor-row .compose-attachment {
+    gap: 2px;
+    max-width: none;
+  }
+
+  .compose-reply-compose-layout
+    .compose-editor-row
+    .compose-attachment:only-child
+    .compose-attachment-img,
+  .compose-reply-compose-layout
+    .compose-editor-row
+    .compose-attachment:not(:only-child)
+    .compose-attachment-img {
+    width: var(--compose-reply-attachment-width);
+    height: var(--compose-reply-attachment-height);
+    min-width: 0;
+    max-width: var(--compose-reply-attachment-width);
+    max-height: var(--compose-reply-attachment-height);
+    object-fit: cover;
+    object-position: center;
+  }
+
+  .compose-reply-compose-layout
+    .compose-editor-row
+    .compose-attachment-preview-fallback,
+  .compose-reply-compose-layout
+    .compose-editor-row
+    .compose-attachment-processing {
+    width: var(--compose-reply-attachment-width);
+    height: var(--compose-reply-attachment-height);
+    aspect-ratio: auto;
+  }
+
+  .compose-reply-compose-layout
+    .compose-editor-row
+    .compose-attachment-file-card,
+  .compose-reply-compose-layout
+    .compose-editor-row
+    .compose-attachment:not(:only-child)
+    .compose-attachment-file-card {
+    width: 112px;
+    height: var(--compose-reply-attachment-height);
+    gap: 4px;
+    padding: 8px 10px;
+  }
+
+  .compose-reply-compose-layout .compose-editor-row .compose-attachment-alt {
+    padding: 1px 3px;
+    font-size: var(--type-ui-micro);
+    line-height: 1.2;
+  }
+
+  .compose-reply-compose-layout .compose-editor-row .compose-attachment-remove {
+    top: 4px;
+    right: 4px;
+    width: 20px;
+    height: 20px;
+  }
+
   /* Dot marker for thread positions */
   .compose-thread-dot {
     width: var(--site-thread-marker-size);
@@ -7977,6 +8097,10 @@
     padding-top: 8px;
   }
 
+  .compose-reply-compose-layout .compose-thread-post-header + .compose-body {
+    padding-top: 12px;
+  }
+
   /* Thread format selector: pill-tag style (lighter than the main segmented) */
   .compose-thread-segmented {
     background: transparent;
@@ -8700,6 +8824,11 @@
     font-family: var(--font-body);
   }
 
+  .compose-reply-compose-layout .compose-tiptap-body .tiptap {
+    font-size: var(--type-content-body);
+    line-height: var(--type-body-leading);
+  }
+
   .compose-tiptap-thoughts .tiptap {
     min-height: 72px;
   }
@@ -8738,23 +8867,36 @@
 
   .compose-tiptap-body .tiptap h2 {
     font-size: var(--type-content-title);
-    font-style: italic;
     margin-top: 2.1rem;
     margin-bottom: 1.4rem;
   }
 
   .compose-tiptap-body .tiptap h3 {
     font-size: var(--type-content-subtitle);
-    font-style: italic;
     margin-top: 2rem;
     margin-bottom: 1.4rem;
   }
 
+  .compose-reply-compose-layout
+    .compose-tiptap-body
+    .tiptap
+    :is(h1, h2, h3, h4) {
+    font-size: var(--type-secondary);
+    line-height: 1.32;
+    margin-top: 1.4rem;
+    margin-bottom: 0.75rem;
+  }
+
   .compose-tiptap-body .tiptap p {
     margin-top: 1.4rem;
     margin-bottom: 1.4rem;
   }
 
+  .compose-reply-compose-layout .compose-tiptap-body .tiptap p {
+    margin-top: 1rem;
+    margin-bottom: 1rem;
+  }
+
   /* In inline-format compose (reply / edit-reply / thread — the editors wrapped
      in .compose-editor-row), the format header sits right above the body, so the
      first block's 1.4rem top margin reads as a gap between the format pills and

package/src/types/views.ts

@@ -171,6 +171,19 @@ export interface NavItemView {
   freshAt?: number;
 }
 
+export type SuggestedNavLinkTargetType = "page" | "collection" | "archive";
+
+export type SuggestedNavLinkNavItemType = "link" | "collection";
+
+export interface SuggestedNavLink {
+  key: string;
+  label: string;
+  url: string;
+  targetType: SuggestedNavLinkTargetType;
+  navItemType: SuggestedNavLinkNavItemType;
+  collectionId?: string;
+}
+
 /**
  * Search result from FTS5
  */

package/src/ui/dash/appearance/NavigationContent.tsx

@@ -7,12 +7,14 @@ import { useLingui } from "../../../i18n/context.js";
 import type {
   CollectionsDirectoryData,
   NavItem,
+  SuggestedNavLink,
   SystemNavKey,
 } from "../../../types.js";
 import { SYSTEM_NAV_KEYS } from "../../../types.js";
 import type {
   NavManagerCollection,
   NavManagerLabels,
+  NavManagerSuggestedLink,
   SystemNavConfig,
 } from "../../../client/components/nav-manager-types.js";
 import { toPublicHref, toPublicPath } from "../../../lib/url.js";
@@ -30,12 +32,14 @@ import {
 export function NavigationContent({
   navItems,
   directoryData,
+  suggestedLinks,
   mainRssFeed,
   siteName,
   sitePathPrefix = "",
 }: {
   navItems: NavItem[];
   directoryData: CollectionsDirectoryData;
+  suggestedLinks: SuggestedNavLink[];
   mainRssFeed: string;
   siteName: string;
   sitePathPrefix?: string;
@@ -61,6 +65,27 @@ export function NavigationContent({
   );
   const moreLabel = i18n._(NAV_MORE_LABEL);
 
+  const suggestedTargetLabels = {
+    page: i18n._(
+      msg({
+        message: "Page",
+        comment: "@context: Suggested navigation link target type",
+      }),
+    ),
+    collection: i18n._(
+      msg({
+        message: "Collection",
+        comment: "@context: Suggested navigation link target type",
+      }),
+    ),
+    archive: i18n._(
+      msg({
+        message: "Archive",
+        comment: "@context: Suggested navigation link target type",
+      }),
+    ),
+  } satisfies Record<SuggestedNavLink["targetType"], string>;
+
   // Serialize nav items for the Lit component
   const itemsData = navItems.map((item) => {
     // System link URLs are always computed from constants, never from DB
@@ -110,6 +135,13 @@ export function NavigationContent({
     return result;
   })();
 
+  const suggestedLinksData: NavManagerSuggestedLink[] = suggestedLinks.map(
+    (link) => ({
+      ...link,
+      targetLabel: suggestedTargetLabels[link.targetType],
+    }),
+  );
+
   // Build system nav config array for the Lit component
   const systemNavData: SystemNavConfig[] = (
     Object.keys(SYSTEM_NAV_KEYS) as SystemNavKey[]
@@ -297,6 +329,30 @@ export function NavigationContent({
         comment: "@context: Error toast when nav link fields are empty",
       }),
     ),
+    suggestedLinks: i18n._(
+      msg({
+        message: "Suggested links",
+        comment: "@context: Section heading for suggested nav links",
+      }),
+    ),
+    suggestedLinksDescription: i18n._(
+      msg({
+        message: "Add common destinations that already exist on your site.",
+        comment: "@context: Description for suggested nav links",
+      }),
+    ),
+    addSuggestedLink: i18n._(
+      msg({
+        message: "Add",
+        comment: "@context: Button to add a suggested nav link",
+      }),
+    ),
+    suggestedLinkAdded: i18n._(
+      msg({
+        message: "Link added to navigation.",
+        comment: "@context: Toast after adding a suggested nav link",
+      }),
+    ),
     collection: i18n._(
       msg({
         message: "collection",
@@ -356,6 +412,7 @@ export function NavigationContent({
         labels={escapeJson(labels)}
         system-nav-items={escapeJson(systemNavData)}
         collections={escapeJson(collectionsData)}
+        suggested-links={escapeJson(suggestedLinksData)}
         site-name={siteName}
       >
         {/* SSR fallback: static preview until JS hydrates */}

package/src/ui/dash/appearance/__tests__/NavigationContent.test.tsx

@@ -22,6 +22,7 @@ function renderNavigationContent(
     NavigationContent({
       navItems: [],
       directoryData: { collections: [], items: [], directoryItems: [] },
+      suggestedLinks: [],
       mainRssFeed: "latest",
       siteName: "Test Site",
       ...props,
@@ -51,4 +52,22 @@ describe("NavigationContent", () => {
 
     expect(html).toContain("Built-in links");
   });
+
+  it("serializes suggested links with translated target labels", () => {
+    const html = renderNavigationContent({
+      suggestedLinks: [
+        {
+          key: "now",
+          label: "Now",
+          url: "/now",
+          targetType: "collection",
+          navItemType: "collection",
+          collectionId: "col_now",
+        },
+      ],
+    });
+
+    expect(html).toContain("suggested-links=");
+    expect(html).toContain(""targetLabel":"Collection"");
+  });
 });

package/src/ui/dash/settings/GeneralContent.tsx

@@ -10,6 +10,7 @@
 import { msg } from "@lingui/core/macro";
 import { useLingui } from "../../../i18n/context.js";
 import type { TimezoneEntry } from "../../../lib/timezones.js";
+import type { AboutPageStatus } from "../../../services/about-page.js";
 
 export function GeneralContent({
   siteName,
@@ -30,6 +31,9 @@ export function GeneralContent({
   noindex,
   demoMode,
   timezones,
+  aboutPage,
+  aboutEditUrl,
+  aboutCreateUrl,
 }: {
   siteName: string;
   siteDescription: string;
@@ -49,6 +53,9 @@ export function GeneralContent({
   noindex: boolean;
   demoMode: boolean;
   timezones: TimezoneEntry[];
+  aboutPage: AboutPageStatus;
+  aboutEditUrl: string;
+  aboutCreateUrl: string;
 }) {
   const { i18n } = useLingui();
 
@@ -65,6 +72,38 @@ export function GeneralContent({
         comment: "@context: Settings subsection heading for basic site fields",
       }),
     ),
+    aboutPage: i18n._(
+      msg({
+        message: "About page",
+        comment: "@context: Link label for editing or creating the About page",
+      }),
+    ),
+    aboutPagePrompt: i18n._(
+      msg({
+        message: "Want to write a fuller introduction?",
+        comment:
+          "@context: Prompt shown below the short site description, before the About page action",
+      }),
+    ),
+    createAboutPage: i18n._(
+      msg({
+        message: "Create About page",
+        comment: "@context: Button to create the standard About page",
+      }),
+    ),
+    editAboutPage: i18n._(
+      msg({
+        message: "Edit About page",
+        comment: "@context: Link to edit the standard About page",
+      }),
+    ),
+    aboutPageConflict: i18n._(
+      msg({
+        message:
+          "/about is already used. Rename that item before creating an About page.",
+        comment: "@context: Compact conflict message when /about is occupied",
+      }),
+    ),
     languageAndTime: i18n._(
       msg({
         message: "Language & Time",
@@ -369,6 +408,8 @@ export function GeneralContent({
     { value: "ko", label: "\uD55C\uAD6D\uC5B4 (Korean)" },
   ]).replace(/</g, "\\u003c");
 
+  const aboutPageJson = JSON.stringify(aboutPage).replace(/</g, "\\u003c");
+
   const initialData = JSON.stringify({
     siteName,
     siteDescription,
@@ -397,6 +438,9 @@ export function GeneralContent({
           featured-feed-url={featuredFeedUrl}
           archive-feed-url={archiveFeedUrl}
           demo-mode={demoMode || undefined}
+          about-page={aboutPageJson}
+          about-edit-url={aboutEditUrl}
+          about-create-url={aboutCreateUrl}
         >
           {/* SSR fallback skeleton */}
           <div>

package/src/ui/dash/settings/__tests__/GeneralContent.test.tsx

@@ -37,6 +37,8 @@ function createProps(
     siteName: "My Blog",
     siteDescription: "A test blog",
     siteLanguage: "en",
+    dashboardLanguage: "en",
+    cjkSerifFont: "off",
     siteNameFallback: "Fallback Name",
     siteDescriptionFallback: "Fallback Description",
     mainRssFeed: "featured" as const,
@@ -49,6 +51,12 @@ function createProps(
     showJantBrandingOnHome: false,
     noindex: false,
     demoMode,
+    aboutPage: {
+      state: "missing" as const,
+      path: "/about" as const,
+    },
+    aboutEditUrl: "/about?edit=1",
+    aboutCreateUrl: "/settings/general/about-page",
     timezones: [
       {
         value: "UTC",

package/src/ui/feed/__tests__/timeline-cards.test.ts

@@ -104,13 +104,43 @@ describe("timeline cards", () => {
   });
 
   it("preserves authored line breaks in quote cards", () => {
+    const tokens = readFileSync(
+      new URL("../../../styles/tokens.css", import.meta.url),
+      "utf8",
+    );
     const css = readFileSync(
       new URL("../../../styles/ui.css", import.meta.url),
       "utf8",
     );
+    const exportCss = readFileSync(
+      new URL(
+        "../../../services/export-theme/styles/main.css",
+        import.meta.url,
+      ),
+      "utf8",
+    );
 
+    expect(tokens).toMatch(
+      /--feed-note-title-size:\s*calc\(var\(--type-content-body\) \* 1\.36\);/,
+    );
+    expect(tokens).toMatch(
+      /--type-content-quote:\s*calc\(var\(--type-content-body\) \* 1\.16\);/,
+    );
+    expect(tokens).toMatch(/--type-content-quote-leading:\s*1\.4;/);
+    expect(css).toMatch(
+      /\.feed-note-title\s*\{[\s\S]*font-size:\s*var\(--feed-note-title-size\);/,
+    );
+    expect(css).toMatch(
+      /\.feed-link-title\s*\{[\s\S]*font-size:\s*var\(--feed-note-title-size\);/,
+    );
+    expect(exportCss).toMatch(
+      /\.post-card-title\s*\{[\s\S]*font-size:\s*var\(--feed-note-title-size\);/,
+    );
     expect(css).toMatch(
-      /\.feed-quote-content\s*\{[\s\S]*white-space:\s*pre-line;/,
+      /\.feed-quote-content\s*\{[\s\S]*font-size:\s*var\(--type-content-quote\);[\s\S]*line-height:\s*var\(--type-content-quote-leading\);[\s\S]*white-space:\s*pre-line;/,
+    );
+    expect(exportCss).toMatch(
+      /\.post-card-quote-content\s*\{[\s\S]*font-size:\s*var\(--type-content-quote\);[\s\S]*line-height:\s*var\(--type-content-quote-leading\);[\s\S]*white-space:\s*pre-line;/,
     );
   });
 
@@ -136,6 +166,123 @@ describe("timeline cards", () => {
     expect(css).toContain("margin-bottom: 0;");
   });
 
+  it("keeps prose list rhythm compact in live and exported reading", () => {
+    const presetCss = readFileSync(
+      new URL("../../../preset.css", import.meta.url),
+      "utf8",
+    );
+    const exportCss = readFileSync(
+      new URL(
+        "../../../services/export-theme/styles/main.css",
+        import.meta.url,
+      ),
+      "utf8",
+    );
+
+    expect(presetCss).toMatch(
+      /:where\(ul,\s*ol\)\s*\{[\s\S]*padding-left:\s*1\.4em;/,
+    );
+    expect(exportCss).toMatch(
+      /ul,\s*[\s\S]*ol\s*\{[\s\S]*padding-left:\s*1\.4em;/,
+    );
+    expect(presetCss).toMatch(
+      /:where\(li,\s*dt\)\s*\{[\s\S]*margin-top:\s*0\.65em;[\s\S]*margin-bottom:\s*0\.65em;/,
+    );
+    expect(exportCss).toMatch(
+      /li\s*\{[\s\S]*margin-top:\s*0\.65em;[\s\S]*margin-bottom:\s*0\.65em;/,
+    );
+  });
+
+  it("uses dedicated markdown code surfaces in live and exported prose", () => {
+    const presetCss = readFileSync(
+      new URL("../../../preset.css", import.meta.url),
+      "utf8",
+    );
+    const tokenCss = readFileSync(
+      new URL("../../../styles/tokens.css", import.meta.url),
+      "utf8",
+    );
+    const exportCss = readFileSync(
+      new URL(
+        "../../../services/export-theme/styles/main.css",
+        import.meta.url,
+      ),
+      "utf8",
+    );
+
+    expect(tokenCss).toContain("--site-code-bg:");
+    expect(tokenCss).toContain("--site-code-block-bg:");
+    expect(tokenCss).toContain(
+      "--type-code: calc(var(--type-body-size) * 0.94);",
+    );
+    expect(tokenCss).toContain(
+      "--type-code-block: calc(var(--type-body-size) * 0.9);",
+    );
+    expect(presetCss).toContain("background-color: var(--site-code-bg);");
+    expect(presetCss).toContain("background-color: var(--site-code-block-bg);");
+    expect(exportCss).toContain("background-color: var(--site-code-bg);");
+    expect(exportCss).toContain("background-color: var(--site-code-block-bg);");
+  });
+
+  it("keeps markdown h2 and h3 headings upright across surfaces", () => {
+    const presetCss = readFileSync(
+      new URL("../../../preset.css", import.meta.url),
+      "utf8",
+    );
+    const uiCss = readFileSync(
+      new URL("../../../styles/ui.css", import.meta.url),
+      "utf8",
+    );
+    const exportCss = readFileSync(
+      new URL(
+        "../../../services/export-theme/styles/main.css",
+        import.meta.url,
+      ),
+      "utf8",
+    );
+
+    expect(presetCss).not.toMatch(
+      /:where\(h[23]\)\s*\{[^}]*font-style:\s*italic;/,
+    );
+    expect(uiCss).not.toMatch(
+      /\.compose-tiptap-body\s+\.tiptap\s+h[23]\s*\{[^}]*font-style:\s*italic;/,
+    );
+    expect(exportCss).not.toMatch(/h[23]\s*\{[^}]*font-style:\s*italic;/);
+  });
+
+  it("compacts authored headings inside feed body prose", () => {
+    const presetCss = readFileSync(
+      new URL("../../../preset.css", import.meta.url),
+      "utf8",
+    );
+    const exportCss = readFileSync(
+      new URL(
+        "../../../services/export-theme/styles/main.css",
+        import.meta.url,
+      ),
+      "utf8",
+    );
+
+    expect(presetCss).toContain(
+      '[data-post]:not([data-page="post"]) [data-post-body].prose',
+    );
+    expect(presetCss).toMatch(
+      /:where\(h1,\s*h2\)\s*\{[\s\S]*font-size:\s*calc\(var\(--type-content-body\) \* 1\.12\);/,
+    );
+    expect(presetCss).toMatch(
+      /:where\(h3,\s*h4\)\s*\{[\s\S]*font-size:\s*var\(--type-content-body\);/,
+    );
+    expect(presetCss).toMatch(
+      /:where\(h5,\s*h6\)\s*\{[\s\S]*font-size:\s*var\(--type-secondary\);/,
+    );
+    expect(exportCss).toMatch(
+      /\.post-card > \.post-card-summary :is\(h1,\s*h2\),/,
+    );
+    expect(exportCss).toMatch(
+      /\.post-card > \.post-card-summary :is\(h5,\s*h6\),/,
+    );
+  });
+
   it("keeps quote footers on the shared card spacing baseline", () => {
     const css = readFileSync(
       new URL("../../../styles/ui.css", import.meta.url),
@@ -266,6 +413,20 @@ describe("timeline cards", () => {
     );
   });
 
+  it("keeps titled detail headers spaced as one reading group", () => {
+    const css = readFileSync(
+      new URL("../../../styles/ui.css", import.meta.url),
+      "utf8",
+    );
+
+    expect(css).toMatch(
+      /\.post-header-block\s*\{[\s\S]*margin-bottom:\s*1\.7rem;/,
+    );
+    expect(css).toMatch(
+      /\.post-header-block-detail\s*\{[\s\S]*gap:\s*0\.7rem;/,
+    );
+  });
+
   it("renders titled note feed summaries as secondary prose without shrinking detail reading", () => {
     const post = createPostView({
       format: "note",

package/dist/app-DqKkZenB.js

@@ -1,6 +0,0 @@
-import "./url-BMYO-Zlt.js";
-import { t as createApp } from "./app-CpmficmQ.js";
-import "./export-Ba7NJImL.js";
-import "./env-OHRKGcMj.js";
-import "./github-sync-Cb4_6_i7.js";
-export { createApp };