@jant/core 0.6.12 → 0.6.14

package/src/styles/ui.css

@@ -848,7 +848,7 @@
       display: flex;
     }
 
-    .site-header-more-divider-responsive {
+    .site-header-more-divider-show-lg {
       display: block;
     }
   }
@@ -865,6 +865,10 @@
     .site-header-more-link-show-md {
       display: flex;
     }
+
+    .site-header-more-divider-show-md {
+      display: block;
+    }
   }
 
   @media (max-width: 580px) {
@@ -879,6 +883,10 @@
     .site-header-more-link-show-sm {
       display: flex;
     }
+
+    .site-header-more-divider-show-sm {
+      display: block;
+    }
   }
 
   @media (max-width: 480px) {
@@ -5425,6 +5433,30 @@
     color: var(--site-text-primary);
   }
 
+  .compose-attached-done {
+    margin-left: auto;
+    padding: 6px 14px;
+    border: none;
+    border-radius: 8px;
+    background-color: var(--site-text-primary);
+    color: var(--site-elevated-bg);
+    font-size: var(--type-ui-control);
+    font-weight: var(--fw-medium);
+    line-height: 1.25;
+    cursor: pointer;
+    transition: opacity 0.15s ease;
+  }
+
+  .compose-attached-done:hover {
+    opacity: 0.82;
+  }
+
+  .compose-attached-done:focus-visible {
+    outline: 2px solid
+      color-mix(in srgb, var(--site-text-primary) 24%, transparent);
+    outline-offset: 2px;
+  }
+
   .compose-attached-tiptap {
     flex: 1;
     min-height: 0;
@@ -5436,6 +5468,10 @@
     min-height: 100%;
   }
 
+  .compose-attached-tiptap .tiptap > :first-child {
+    margin-top: 0;
+  }
+
   .compose-attached-tiptap::-webkit-scrollbar {
     width: 3px;
   }
@@ -7008,6 +7044,14 @@
     max-width: 100%;
   }
 
+  .compose-attachment:has(.compose-attachment-preview-fallback) {
+    width: 112px;
+  }
+
+  .compose-attachment:only-child:has(.compose-attachment-preview-fallback) {
+    width: min(100%, 160px);
+  }
+
   .compose-attachment-thumb {
     position: relative;
     border-radius: var(--media-radius, 0.5rem);
@@ -7015,6 +7059,13 @@
     background-color: var(--site-nav-hover-bg);
   }
 
+  .compose-attachment:has(.compose-attachment-preview-fallback)
+    .compose-attachment-thumb,
+  .compose-attachment:has(.compose-attachment-preview-fallback)
+    .compose-attachment-sortable {
+    width: 100%;
+  }
+
   .compose-attachment-sortable {
     display: block;
     cursor: grab;
@@ -7065,8 +7116,11 @@
     display: flex;
     align-items: center;
     justify-content: center;
-    width: 120px;
-    aspect-ratio: 1 / 1;
+    flex-direction: column;
+    gap: 6px;
+    width: 100%;
+    aspect-ratio: 4 / 3;
+    padding: 10px;
     border: 1px solid color-mix(in srgb, var(--site-divider) 88%, transparent);
     border-radius: var(--media-radius, 0.5rem);
     background: linear-gradient(
@@ -7078,9 +7132,24 @@
   }
 
   .compose-attachment-preview-fallback svg {
+    width: 24px;
+    height: 24px;
     opacity: 0.82;
   }
 
+  .compose-attachment-preview-fallback-label {
+    max-width: 100%;
+    overflow: hidden;
+    color: var(--site-text-secondary);
+    font-family: var(--font-ui);
+    font-size: var(--type-2xs);
+    font-weight: var(--fw-medium);
+    line-height: 1.2;
+    text-align: center;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
   /* Single image: constrain to container width. min-width keeps the preview
      wide enough for the remove button; a very long image overflows it and is
      cropped from the top (object-fit: cover) instead of shrinking to a sliver. */
@@ -7093,8 +7162,7 @@
   }
 
   .compose-attachment:only-child .compose-attachment-preview-fallback {
-    width: min(100%, 320px);
-    max-width: 100%;
+    width: 100%;
     aspect-ratio: 4 / 3;
   }
 
@@ -7107,8 +7175,13 @@
   }
 
   .compose-attachment:not(:only-child) .compose-attachment-preview-fallback {
-    width: 150px;
-    aspect-ratio: 3 / 4;
+    width: 100%;
+    aspect-ratio: 4 / 3;
+  }
+
+  .compose-attachment:only-child .compose-attachment-preview-fallback svg {
+    width: 28px;
+    height: 28px;
   }
 
   .compose-attachment-overlay {
@@ -7197,6 +7270,14 @@
       box-shadow 0.18s ease;
   }
 
+  .compose-attachment:has(.compose-attachment-preview-fallback)
+    .compose-attachment-remove {
+    top: 5px;
+    right: 5px;
+    width: 24px;
+    height: 24px;
+  }
+
   .compose-attachment-remove:hover {
     transform: translateY(-0.5px);
     background-color: color-mix(in srgb, black 58%, transparent);
@@ -7222,6 +7303,13 @@
     pointer-events: none;
   }
 
+  .compose-attachment:has(.compose-attachment-preview-fallback)
+    .compose-attachment-remove
+    svg {
+    width: 12px;
+    height: 12px;
+  }
+
   .compose-attachment-alt {
     border: none;
     background: transparent;
@@ -7556,6 +7644,12 @@
     max-width: none;
   }
 
+  .compose-reply-compose-layout
+    .compose-editor-row
+    .compose-attachment:has(.compose-attachment-preview-fallback) {
+    width: var(--compose-reply-attachment-width);
+  }
+
   .compose-reply-compose-layout
     .compose-editor-row
     .compose-attachment:only-child
@@ -7584,6 +7678,14 @@
     aspect-ratio: auto;
   }
 
+  .compose-reply-compose-layout
+    .compose-editor-row
+    .compose-attachment-preview-fallback
+    svg {
+    width: 28px;
+    height: 28px;
+  }
+
   .compose-reply-compose-layout
     .compose-editor-row
     .compose-attachment-file-card,
@@ -7669,28 +7771,9 @@
 
   /*
    * Reply context clones feed/detail card internals into a much narrower shell.
-   * Reset the reading widths and heading scale so the preview uses the thread
-   * context ladder instead of the original page/card layout.
+   * Scale headings to the thread context ladder instead of the original
+   * page/card layout.
    */
-  .compose-reply-context-body
-    :is(
-      .post-detail-title,
-      .post-detail-body,
-      .post-body-summary,
-      .feed-note-title,
-      .feed-link-title,
-      .feed-quote,
-      .feed-quote-attribution,
-      .feed-quote-commentary,
-      .feed-link-domain,
-      .feed-continue-link,
-      [data-post-body].prose,
-      [data-post-meta]
-    ) {
-    width: 100%;
-    max-width: none;
-  }
-
   .compose-reply-context-body
     :is(.post-detail-title, .feed-note-title, .feed-link-title),
   .compose-reply-context-body .prose :is(h1, h2, h3, h4) {
@@ -7910,11 +7993,11 @@
     }
 
     .compose-thread-layout {
-      padding-top: 0.45rem;
+      padding-top: 0.75rem;
     }
 
     .compose-thread-layout::before {
-      top: 0.45rem;
+      top: 0.75rem;
     }
 
     .compose-reply-context {
@@ -8564,9 +8647,13 @@
     }
   }
 
+  .command-palette-results-container {
+    display: flex;
+    flex-direction: column;
+    min-height: 0;
+  }
+
   .command-palette-results {
-    list-style: none;
-    margin: 0;
     padding: 0.25rem 0;
     max-height: 20rem;
     overflow-y: auto;
@@ -8608,6 +8695,7 @@
   .command-palette-result-body {
     display: flex;
     flex-direction: column;
+    flex: 1;
     gap: 0.125rem;
     min-width: 0;
   }
@@ -8628,6 +8716,37 @@
     text-overflow: ellipsis;
   }
 
+  .command-palette-search-action {
+    flex-shrink: 0;
+    border-top: 1px solid var(--color-border);
+    padding-block: 0.625rem;
+    background-color: color-mix(
+      in srgb,
+      var(--color-muted) 32%,
+      var(--compose-paper-bg)
+    );
+  }
+
+  .command-palette-search-action:hover,
+  .command-palette-search-action.command-palette-result-selected {
+    background-color: var(--color-accent);
+  }
+
+  .command-palette-result-shortcut {
+    flex-shrink: 0;
+    margin-left: auto;
+    border: 1px solid var(--color-border);
+    border-radius: 0.25rem;
+    padding: 0.125rem 0.375rem;
+    background-color: var(--compose-paper-bg);
+    color: var(--color-muted-foreground);
+    font-family: inherit;
+    font-size: 0.6875rem;
+    font-weight: 500;
+    line-height: 1.25rem;
+    white-space: nowrap;
+  }
+
   .command-palette-empty {
     padding: 1.5rem 1rem;
     text-align: center;
@@ -9094,6 +9213,134 @@
     display: block;
   }
 
+  .tiptap-image-figure[data-load-state="missing"] img {
+    display: none;
+  }
+
+  .tiptap-image-missing {
+    display: none;
+    align-items: center;
+    justify-content: center;
+    gap: 14px;
+    min-height: clamp(132px, 26vw, 220px);
+    padding: 18px;
+    border-radius: 4px;
+    background: linear-gradient(
+      135deg,
+      color-mix(in srgb, var(--site-elevated-bg) 88%, var(--site-accent)),
+      var(--site-elevated-bg)
+    );
+    color: var(--site-text-secondary);
+    text-align: left;
+  }
+
+  .tiptap-image-figure[data-load-state="missing"] .tiptap-image-missing {
+    display: flex;
+  }
+
+  .tiptap-image-missing:focus-visible {
+    outline: 2px solid var(--ring);
+    outline-offset: 3px;
+  }
+
+  .tiptap-image-missing-icon {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 38px;
+    height: 38px;
+    border-radius: 999px;
+    border: 1px solid var(--site-divider);
+    background: var(--compose-paper-bg);
+    color: var(--site-text-secondary);
+    flex-shrink: 0;
+  }
+
+  .tiptap-image-missing-copy {
+    display: grid;
+    gap: 3px;
+    min-width: 0;
+    flex: 1 1 auto;
+  }
+
+  .tiptap-image-missing-copy strong {
+    color: var(--site-text-primary);
+    font-family: var(--font-ui);
+    font-size: var(--type-sm);
+    line-height: 1.2;
+  }
+
+  .tiptap-image-missing-source {
+    max-width: 100%;
+    overflow: hidden;
+    color: var(--site-text-secondary);
+    font-family: var(--font-mono);
+    font-size: var(--type-2xs);
+    line-height: 1.35;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .tiptap-image-missing-actions {
+    display: flex;
+    align-items: center;
+    gap: 6px;
+    flex-wrap: wrap;
+    justify-content: flex-end;
+    flex: 0 0 auto;
+  }
+
+  .tiptap-image-missing-actions button {
+    border: 1px solid var(--site-divider);
+    border-radius: 5px;
+    padding: 5px 8px;
+    background: var(--compose-paper-bg);
+    color: var(--site-text-primary);
+    font-family: var(--font-ui);
+    font-size: var(--type-2xs);
+    line-height: 1.2;
+    cursor: pointer;
+    transition:
+      border-color 0.16s ease,
+      color 0.16s ease,
+      background-color 0.16s ease;
+  }
+
+  .tiptap-image-missing-actions button:hover {
+    border-color: color-mix(
+      in srgb,
+      var(--site-accent) 45%,
+      var(--site-divider)
+    );
+    color: var(--site-accent);
+  }
+
+  .tiptap-image-missing-actions button:focus-visible {
+    outline: 2px solid var(--ring);
+    outline-offset: 2px;
+  }
+
+  .tiptap-image-missing-actions button:disabled {
+    cursor: not-allowed;
+    opacity: 0.45;
+  }
+
+  .tiptap-image-missing-delete {
+    color: var(--destructive);
+  }
+
+  @media (max-width: 640px) {
+    .tiptap-image-missing {
+      align-items: stretch;
+      flex-direction: column;
+    }
+
+    .tiptap-image-missing-actions,
+    .tiptap-image-missing-actions button {
+      width: 100%;
+    }
+  }
+
   /* Layout variants — in compact dialog, wide/full just fill the container */
   .tiptap-image-figure[data-layout="wide"],
   .tiptap-image-figure[data-layout="full"] {
@@ -9605,6 +9852,7 @@
     vertical-align: super;
     color: var(--site-accent);
     white-space: nowrap;
+    cursor: pointer;
   }
 
   .compose-tiptap-body
@@ -9640,13 +9888,22 @@
 
   .compose-tiptap-body
     .tiptap
-    > :not(.tiptap-footnote-definition)
-    + .tiptap-footnote-definition {
+    > :not(.tiptap-footnote-definition, .ProseMirror-gapcursor)
+    ~ .tiptap-footnote-definition {
     margin-top: 2rem;
     padding-top: 1rem;
     border-top: 1px solid var(--site-divider);
   }
 
+  .compose-tiptap-body
+    .tiptap
+    > .tiptap-footnote-definition
+    ~ .tiptap-footnote-definition {
+    margin-top: 1rem;
+    padding-top: 0;
+    border-top: 0;
+  }
+
   .compose-tiptap-body .tiptap .tiptap-footnote-definition > :first-child {
     margin-top: 0;
   }
@@ -11964,3 +12221,28 @@
   );
   color: color-mix(in srgb, var(--site-text-secondary) 80%, transparent);
 }
+
+/*
+ * Compose reply context renders cloned feed/detail post HTML. Keep this
+ * outside @layer components so it can override the unlayered global post-body
+ * width rules that intentionally make normal desktop post text use the 55%
+ * reading column.
+ */
+.compose-reply-context-body
+  :is(
+    .post-detail-title,
+    .post-detail-body,
+    .post-body-summary,
+    .feed-note-title,
+    .feed-link-title,
+    .feed-quote,
+    .feed-quote-attribution,
+    .feed-quote-commentary,
+    .feed-link-domain,
+    .feed-continue-link,
+    [data-post-body].prose,
+    [data-post-meta]
+  ) {
+  width: 100%;
+  max-width: none;
+}

package/src/types/bindings.ts

@@ -36,7 +36,6 @@ export interface Bindings {
   SITE_DESCRIPTION?: EnvBindingValue;
   SITE_LANGUAGE?: EnvBindingValue;
   DASHBOARD_LANGUAGE?: EnvBindingValue;
-  HOME_DEFAULT_VIEW?: EnvBindingValue;
   MAIN_RSS_FEED?: EnvBindingValue;
   TIME_ZONE?: EnvBindingValue;
   SITE_FOOTER?: EnvBindingValue;

package/src/types/config.ts

@@ -4,6 +4,8 @@
  * Single Source of Truth for all configuration fields.
  */
 
+import type { FeedKind } from "./constants.js";
+
 /**
  * Configuration Registry - Single Source of Truth
  *
@@ -53,11 +55,6 @@ export const CONFIG_FIELDS = {
     envOnly: false,
     envKeys: ["CJK_SERIF_FONT"],
   },
-  HOME_DEFAULT_VIEW: {
-    defaultValue: "latest",
-    envOnly: false,
-    envKeys: ["HOME_DEFAULT_VIEW"],
-  },
   MAIN_RSS_FEED: {
     defaultValue: "featured",
     envOnly: false,
@@ -470,8 +467,7 @@ export interface AppConfig {
   dashboardLanguage: string;
   /** CJK serif font locale: "off", "zh-Hans", "zh-Hant", "ja", or "ko" */
   cjkSerifFont: string;
-  homeDefaultView: string;
-  mainRssFeed: string;
+  mainRssFeed: FeedKind;
   /** Canonical IANA timezone identifier used for date/time display. */
   timeZone: string;
   siteFooter: string;

package/src/ui/compose/ComposeDialog.tsx

@@ -59,6 +59,34 @@ export const ComposeForm: FC<ComposeFormProps> = ({
           "@context: Toast when several pasted remote images couldn't be rehosted; {count} is the number of images",
       }),
     ),
+    brokenImageUnavailable: i18n._(
+      msg({
+        message: "Image unavailable",
+        comment:
+          "@context: Inline editor placeholder title shown when an image cannot load",
+      }),
+    ),
+    brokenImageDelete: i18n._(
+      msg({
+        message: "Delete image",
+        comment:
+          "@context: Inline editor button label for removing a broken image",
+      }),
+    ),
+    brokenImageReplace: i18n._(
+      msg({
+        message: "Replace image",
+        comment:
+          "@context: Inline editor button label for replacing a broken image",
+      }),
+    ),
+    brokenImageOpen: i18n._(
+      msg({
+        message: "Open image URL",
+        comment:
+          "@context: Inline editor button label for opening the original URL of a broken image",
+      }),
+    ),
     note: i18n._(
       msg({
         message: "Note",

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

@@ -268,7 +268,7 @@ export function NavigationContent({
     systemLinksDescription: i18n._(
       msg({
         message:
-          "Toggle built-in navigation items. Their order controls what shows in the header and which feed the homepage opens first.",
+          "Show or hide built-in destinations in the header and More menu.",
         comment: "@context: Description for built-in nav toggles",
       }),
     ),

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

@@ -66,7 +66,7 @@ export function AccountMenuContent({
     : i18n._(
         msg({
           message:
-            "Manage sign-in security, exports, and irreversible actions.",
+            "Manage sign-in security, site exports, and irreversible actions.",
           comment:
             "@context: Intro text on the account settings menu page below the title",
         }),
@@ -105,7 +105,7 @@ export function AccountMenuContent({
         <h1 class="page-intro-title page-intro-title-compact">
           {i18n._(
             msg({
-              message: "Account",
+              message: "Account & Data",
               comment: "@context: Page title for the account settings menu",
             }),
           )}

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

@@ -51,7 +51,7 @@ export function SettingsRootContent({
       )
     : i18n._(
         msg({
-          message: "Sessions and password",
+          message: "Sign-in, export, and deletion",
           comment:
             "@context: Settings item description for account settings on the settings home page",
         }),
@@ -171,7 +171,7 @@ export function SettingsRootContent({
           )}
           description={i18n._(
             msg({
-              message: "Header links, home feed, and overflow menu",
+              message: "Header links, built-in destinations, and overflow menu",
               comment: "@context: Settings item description for navigation",
             }),
           )}
@@ -333,7 +333,7 @@ export function SettingsRootContent({
           tone="subtle"
           name={i18n._(
             msg({
-              message: "Account",
+              message: "Account & Data",
               comment: "@context: Settings item — account settings",
             }),
           )}

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

@@ -352,10 +352,15 @@ describe("timeline cards", () => {
       new URL("../../../styles/ui.css", import.meta.url),
       "utf8",
     );
-
-    expect(uiCss).toMatch(
-      /\.compose-reply-context-body\s*:is\([\s\S]*\[data-post-body\]\.prose[\s\S]*\)\s*\{[\s\S]*width:\s*100%;[\s\S]*max-width:\s*none;/,
+    const unlayeredCssStart = uiCss.indexOf(" * Home description");
+    const resetRule = uiCss.match(
+      /\.compose-reply-context-body\s*:is\([^{}]*\[data-post-body\]\.prose[^{}]*\)\s*\{[^{}]*width:\s*100%;[^{}]*max-width:\s*none;[^{}]*\}/,
     );
+
+    expect(unlayeredCssStart).toBeGreaterThan(0);
+    expect(resetRule?.index).toBeGreaterThan(unlayeredCssStart);
+    expect(resetRule?.[0]).toContain("width: 100%;");
+    expect(resetRule?.[0]).toContain("max-width: none;");
   });
 
   it("keeps link and quote attachments hidden in compact mode", () => {

package/src/ui/layouts/BaseLayout.tsx

@@ -434,7 +434,7 @@ export const BaseLayout: FC<PropsWithChildren<BaseLayoutProps>> = ({
               responsive header layout before external CSS/JS loads */}
           <style
             dangerouslySetInnerHTML={{
-              __html: `.site-header-search-link,.site-header-hamburger,.site-header-more-responsive-only,.site-header-more-link-responsive,.site-header-more-divider-responsive{display:none!important}@media(max-width:1200px){.site-header-search-form{display:none!important}.site-header-search-link{display:inline-flex!important}}@media(max-width:960px){.site-header-link-collapse-lg{display:none!important}.site-header-more-responsive-only.site-header-more-tier-lg{display:inline-flex!important}.site-header-more-link-show-lg{display:flex!important}.site-header-more-divider-responsive{display:block!important}}@media(max-width:780px){.site-header-link-collapse-md{display:none!important}.site-header-more-responsive-only.site-header-more-tier-md{display:inline-flex!important}.site-header-more-link-show-md{display:flex!important}}@media(max-width:580px){.site-header-link-collapse-sm{display:none!important}.site-header-more-responsive-only.site-header-more-tier-sm{display:inline-flex!important}.site-header-more-link-show-sm{display:flex!important}}@media(max-width:480px){.site-header-nav,.site-header-more{display:none!important}.site-header-search-slot{display:flex!important}.site-header-hamburger{display:flex!important}.site-header-right{margin-left:.35rem}}`,
+              __html: `.site-header-search-link,.site-header-hamburger,.site-header-more-responsive-only,.site-header-more-link-responsive,.site-header-more-divider-responsive{display:none!important}@media(max-width:1200px){.site-header-search-form{display:none!important}.site-header-search-link{display:inline-flex!important}}@media(max-width:960px){.site-header-link-collapse-lg{display:none!important}.site-header-more-responsive-only.site-header-more-tier-lg{display:inline-flex!important}.site-header-more-link-show-lg{display:flex!important}.site-header-more-divider-show-lg{display:block!important}}@media(max-width:780px){.site-header-link-collapse-md{display:none!important}.site-header-more-responsive-only.site-header-more-tier-md{display:inline-flex!important}.site-header-more-link-show-md{display:flex!important}.site-header-more-divider-show-md{display:block!important}}@media(max-width:580px){.site-header-link-collapse-sm{display:none!important}.site-header-more-responsive-only.site-header-more-tier-sm{display:inline-flex!important}.site-header-more-link-show-sm{display:flex!important}.site-header-more-divider-show-sm{display:block!important}}@media(max-width:480px){.site-header-nav,.site-header-more{display:none!important}.site-header-search-slot{display:flex!important}.site-header-hamburger{display:flex!important}.site-header-right{margin-left:.35rem}}`,
             }}
           />
           {themeStyle && (