Post-page performance batch: locale diet, chunk-wave diet, early stats fetch, content-visibility

apps/web/src/api/mutations/sign-transfer.ts

@@ -3,7 +3,7 @@
 import { UseQueryResult } from "@tanstack/react-query";
 import { useQuery, useQueryClient } from "@tanstack/react-query";
 import { hpToVests } from "@/features/shared/transfer/hp-to-vests";
-import { TransferAsset, TransferMode } from "@/features/shared";
+import type { TransferAsset, TransferMode } from "@/features/shared/transfer";
 import { DEFAULT_DYNAMIC_PROPS } from "@/consts/default-dynamic-props";
 import { getDynamicPropsQueryOptions } from "@ecency/sdk";
 import { useActiveAccount } from "@/core/hooks/use-active-account";

apps/web/src/api/sdk-mutations/use-upload-image-mutation.ts

@@ -4,7 +4,7 @@ import { useAddImage, useUploadImage } from "@ecency/sdk";
 import { useActiveUsername } from "@/core/hooks/use-active-username";
 import { ensureValidToken } from "@/utils";
 import { useMutation } from "@tanstack/react-query";
-import { error, success } from "@/features/shared";
+import { error, success } from "@/features/shared/feedback";
 import i18next from "i18next";
 import { EcencyConfigManager } from "@/config";
 

apps/web/src/app/(dynamicPages)/entry/[category]/[author]/[permlink]/_components/entry-page-body-viewer.tsx

@@ -5,16 +5,24 @@ import { SelectionPopover } from "./selection-popover";
 import { EntryPageViewerManager } from "./entry-page-viewer-manager";
 import { useContext, useEffect, useState } from "react";
 import { SafeTweet } from "@/features/shared/safe-tweet";
-import TransactionSigner from "@/features/shared/transactions/transaction-signer";
 import { EntryPageContext } from "./context";
 import dynamic from "next/dynamic";
+import { DialogChunkSpinner } from "@/features/shared/dialog-chunk-spinner";
 import { makeEntryPath } from "@/utils";
 import i18next from "i18next";
 
 // The edit composer pulls the Comment editor (toolbar, image/video upload,
 // polls, gif picker). It only renders in edit mode, so keep it out of the
 // read-path bundle and load it on demand when the user enters editing. The
 // loading fallback avoids a blank slot during the first chunk download.
+// Interaction-only: the signing dialog opens when a reader clicks an embedded
+// hive:// operation link. Keep it out of the read-path bundle (#1668) and load
+// it on demand; `show` is false until then, so nothing renders during SSR.
+const TransactionSigner = dynamic(
+  () => import("@/features/shared/transactions/transaction-signer"),
+  { ssr: false, loading: () => <DialogChunkSpinner /> }
+);
+
 const EntryPageEdit = dynamic(
   () => import("./entry-page-edit").then((m) => m.EntryPageEdit),
   {
@@ -152,11 +160,13 @@ export function EntryPageBodyViewer({ entry }: Props) {
         </SelectionPopover>
       )}
       {isEdit && entry.parent_author && <EntryPageEdit entry={entry} />}
-      <TransactionSigner
-        show={!!signingOperation}
-        onHide={() => setSigningOperation(undefined)}
-        operation={signingOperation}
-      />
+      {signingOperation !== undefined && (
+        <TransactionSigner
+          show={true}
+          onHide={() => setSigningOperation(undefined)}
+          operation={signingOperation}
+        />
+      )}
     </EntryPageViewerManager>
   );
 }

apps/web/src/app/(dynamicPages)/entry/[category]/[author]/[permlink]/page.tsx

@@ -271,11 +271,27 @@ export default async function EntryPage({ params, searchParams }: Props) {
                   its bounded feed fetches stream as a later chunk instead of
                   gating the post body's flush / LCP; the anchors still ship in
                   the same streamed HTML response. */}
+              {/*
+                content-visibility on the two big below-fold sections keeps
+                them out of the first layout/paint pass; the intrinsic-size
+                hints reserve approximate scroll height until they render.
+                The discussions hint matches the ANON SSR shell (heading +
+                "Show N comments" button, ~150px), not loaded comments: on a
+                zero-comment post an oversized hint would reserve blank space
+                and visibly collapse (#1669 review). The auto keyword memoizes
+                the real size after first render.
+                Both wrappers start off-screen on any normal post, which is
+                the precondition for content-visibility:auto to help (#1668).
+              */}
               <Suspense fallback={null}>
-                <EntryRelatedFooter entry={entry} />
+                <div className="[content-visibility:auto] [contain-intrinsic-size:auto_600px]">
+                  <EntryRelatedFooter entry={entry} />
+                </div>
               </Suspense>
               <EntryPageContentClient entry={entry} />
-              <EntryPageDiscussionsWrapper entry={entry} category={category} />
+              <div className="[content-visibility:auto] [contain-intrinsic-size:auto_150px]">
+                <EntryPageDiscussionsWrapper entry={entry} category={category} />
+              </div>
             </EntryRenderBoundary>
           </div>
         </div>

apps/web/src/app/(dynamicPages)/profile/[username]/_components/profile-referrals/profile-referrals-table.tsx

@@ -2,7 +2,8 @@ import { Table, Td, Th, Tr } from "@ui/table";
 import dayjs from "@/utils/dayjs";
 import React, { useCallback, useMemo, useState } from "react";
 import i18next from "i18next";
-import { ProfileLink, Transfer, TransferAsset, TransferMode, UserAvatar } from "@/features/shared";
+import { ProfileLink, UserAvatar } from "@/features/shared";
+import { Transfer, TransferAsset, TransferMode } from "@/features/shared/transfer";
 import { getReferralsInfiniteQueryOptions } from "@ecency/sdk";
 import { useInfiniteQuery } from "@tanstack/react-query";
 import { Account } from "@/entities";

apps/web/src/app/(dynamicPages)/profile/[username]/permissions/_components/account-recovery.tsx

@@ -2,7 +2,8 @@
 
 import { formatError } from "@/api/format-error";
 import { useActiveAccount } from "@/core/hooks/use-active-account";
-import { error, KeyOrHot, success } from "@/features/shared";
+import { error, success } from "@/features/shared";
+import { KeyOrHot } from "@/features/shared/key-or-hot";
 import {
   getAccountFullQueryOptions,
   getAccountPendingRecoveryQueryOptions,

apps/web/src/app/(dynamicPages)/profile/[username]/permissions/_components/add-keys-steps/step-4-confirm.tsx

@@ -1,7 +1,8 @@
 import { formatError } from "@/api/format-error";
 import { updateAccountKeysCache } from "@/api/mutations/update-account-keys-cache";
 import { useActiveAccount } from "@/core/hooks/use-active-account";
-import { error, success, KeyOrHot } from "@/features/shared";
+import { error, success } from "@/features/shared";
+import { KeyOrHot } from "@/features/shared/key-or-hot";
 import { Button } from "@/features/ui";
 import { getAccountFullQueryOptions, dedupeAndSortKeyAuths } from "@ecency/sdk";
 import { deriveHiveMasterPasswordKeys } from "@ecency/wallets";

apps/web/src/app/(dynamicPages)/profile/[username]/permissions/_components/manage-authorities.tsx

@@ -1,7 +1,8 @@
 "use client";
 
 import { useActiveAccount } from "@/core/hooks/use-active-account";
-import { error, KeyOrHot, UserAvatar } from "@/features/shared";
+import { error, UserAvatar } from "@/features/shared";
+import { KeyOrHot } from "@/features/shared/key-or-hot";
 import { ProfilePreview } from "@/features/shared/profile-popover/profile-preview";
 import { Popover } from "@/features/ui";
 import { getAccountFullQueryOptions, useAccountRevokePosting } from "@ecency/sdk";

apps/web/src/app/(dynamicPages)/profile/[username]/permissions/_components/manage-keys-dialog.tsx

@@ -1,7 +1,8 @@
 import { formatError } from "@/api/format-error";
 import { updateAccountKeysCache } from "@/api/mutations/update-account-keys-cache";
 import { useActiveAccount } from "@/core/hooks/use-active-account";
-import { error, success, KeyOrHot } from "@/features/shared";
+import { error, success } from "@/features/shared";
+import { KeyOrHot } from "@/features/shared/key-or-hot";
 import { Button, Modal, ModalBody, ModalHeader } from "@/features/ui";
 import {
   getAccountFullQueryOptions,

apps/web/src/app/(dynamicPages)/profile/[username]/wallet/(token)/hp/_components/hp-delegations-card.tsx

@@ -14,7 +14,7 @@ import { useQuery } from "@tanstack/react-query";
 import { ReceivedVesting } from "./received-vesting-dialog";
 import { useEffect, useMemo, useState } from "react";
 import { DelegatedVesting } from "./delegated-vesting-dialog";
-import { Transfer } from "@/features/shared";
+import { Transfer } from "@/features/shared/transfer";
 import { useActiveAccount } from "@/core/hooks/use-active-account";
 import useLocalStorage from "react-use/lib/useLocalStorage";
 

apps/web/src/app/client-providers.tsx

@@ -3,6 +3,7 @@
 import "@/polyfills";
 import "@/core/sdk-init";
 import { ClientInit } from "@/app/client-init";
+import { EntryStatsPrefetch } from "@/app/entry-stats-prefetch";
 import { EcencyConfigManager } from "@/config";
 import { getQueryClient } from "@/core/react-query";
 import { QueryClientProvider } from "@tanstack/react-query";
@@ -69,6 +70,10 @@ export function ClientProviders(props: PropsWithChildren) {
       >
         <UIManager>
           <ClientInit />
+          {/* Inside UIManager but OUTSIDE DeferredRender on purpose: its
+              effect must flush with root hydration, not after the lazy
+              feature cascade (#1668). */}
+          <EntryStatsPrefetch />
           {props.children}
           {/* Defer non-critical components for LCP optimization */}
           <DeferredRender>

apps/web/src/app/communities/create/_components/community-create-sign-step.tsx

@@ -3,7 +3,7 @@ import {
   useCreateCommunityByHivesigner,
   useCreateCommunityByKeychain
 } from "@/api/mutations";
-import { KeyOrHot } from "@/features/shared";
+import { KeyOrHot } from "@/features/shared/key-or-hot";
 import { PrivateKey } from "@ecency/sdk";
 import { useCallback } from "react";
 import { CommunityCreateCardLayout } from "./community-create-card-layout";

apps/web/src/app/decks/_components/columns/deck-wallet-column.tsx

@@ -10,7 +10,7 @@ import { Transaction } from "@/entities";
 import { getDynamicPropsQueryOptions, getTransactionsInfiniteQueryOptions } from "@ecency/sdk";
 import i18next from "i18next";
 import { useQuery, useInfiniteQuery } from "@tanstack/react-query";
-import { TransactionRow } from "@/features/shared";
+import { TransactionRow } from "@/features/shared/transactions";
 
 interface Props {
   id: string;

apps/web/src/app/decks/_components/deck-toolbar/deck-toolbar.tsx

@@ -6,7 +6,8 @@ import { DeckToolbarToggleArea } from "./deck-toolbar-toggle-area";
 import { DeckToolbarManager } from "./deck-toolbar-manager";
 import { DeckToolbarCreate } from "./deck-toolbar-create";
 import { useGlobalStore } from "@/core/global-store";
-import { LoginDialog, NotificationHandler, PurchaseQrDialog } from "@/features/shared";
+import { LoginDialog, NotificationHandler } from "@/features/shared";
+import { PurchaseQrDialog } from "@/features/shared/purchase-qr";
 import { FragmentsDialog } from "@/features/shared/fragments";
 import { SchedulesDialog } from "@/features/shared/schedules";
 import { BookmarksDialog } from "@/features/shared/bookmarks";

apps/web/src/app/entry-stats-prefetch.tsx

@@ -0,0 +1,73 @@
+"use client";
+
+import { useEffect } from "react";
+import { usePathname } from "next/navigation";
+import { useQueryClient } from "@tanstack/react-query";
+import { getPostTipsQueryOptions, getProMembersQueryOptions } from "@ecency/sdk";
+
+/*
+  Warms the two auth-free queries that paint an entry page's final pixels
+  (post tips and pro-members badges), firing with root hydration (#1668).
+
+  Without this, both fetch only when their components mount — and those sit
+  under the route-level streamed Suspense boundary, which React hydrates
+  lazily AFTER the DeferredRender feature cascade, pushing the requests to
+  ~4.5s although hydration completes ~2.9s. Prefetching from the root client
+  tree dedupes cleanly: the later component mounts hit the fresh cache entry
+  (staleTime 60s tips / 5min pro-members).
+
+  Section names below must stay in lockstep with the entry-vs-section split
+  in features/next-middleware/cache-policy.ts, which keeps the union in TWO
+  places: NO_CACHE_PROFILE_SECTIONS (wallet/settings/permissions/referrals/
+  insights) plus the inline section array in its 2-segment entry branch. A
+  future section missing here costs exactly one throwaway 404 GET, nothing
+  more.
+*/
+const PROFILE_SECTIONS = new Set([
+  "wallet",
+  "settings",
+  "permissions",
+  "referrals",
+  "insights",
+  "posts",
+  "blog",
+  "comments",
+  "replies",
+  "communities",
+  "trail",
+  "followers",
+  "following",
+  "rss",
+  "rss.xml",
+  "feed"
+]);
+
+// /@author/permlink or /:category/@author/permlink
+const ENTRY_2 = /^\/@([\w.-]+)\/([a-z0-9-]+)\/?$/;
+const ENTRY_3 = /^\/[^/@]+\/@([\w.-]+)\/([a-z0-9-]+)\/?$/;
+
+export function EntryStatsPrefetch(): null {
+  const pathname = usePathname();
+  const queryClient = useQueryClient();
+
+  useEffect(() => {
+    if (!pathname) {
+      return;
+    }
+    const match = ENTRY_2.exec(pathname) ?? ENTRY_3.exec(pathname);
+    if (!match) {
+      return;
+    }
+    // The query key must match what the entry components build from
+    // entry.author, which is always lowercase on chain.
+    const author = match[1].toLowerCase();
+    const permlink = match[2];
+    if (ENTRY_2.exec(pathname) && PROFILE_SECTIONS.has(permlink)) {
+      return;
+    }
+    void queryClient.prefetchQuery(getPostTipsQueryOptions(author, permlink));
+    void queryClient.prefetchQuery(getProMembersQueryOptions());
+  }, [pathname, queryClient]);
+
+  return null;
+}

apps/web/src/app/layout.tsx

@@ -1,7 +1,7 @@
 import "@/styles/style.scss";
 import "@/core/sdk-init"; // Initialize SDK DMCA filters immediately (SSR)
 import Providers from "@/app/providers";
-import { HiringConsoleLog } from "@/app/_components";
+import { HiringConsoleLog } from "@/app/_components/hiring-console-log";
 import { cookies } from "next/headers";
 import { Theme } from "@/enums";
 import { BannerManager } from "@/features/banners";

apps/web/src/app/market/_components/hive-barter/index.tsx

@@ -3,7 +3,8 @@ import { FormControl, InputGroup } from "@ui/input";
 import { Button } from "@ui/button";
 import { Form } from "@ui/form";
 import { BuySellHiveTransactionType } from "@/enums";
-import { BuySellHiveDialog, error, Skeleton } from "@/features/shared";
+import { error, Skeleton } from "@/features/shared";
+import { BuySellHiveDialog } from "@/features/shared/buy-sell-hive";
 import i18next from "i18next";
 
 interface Props {

apps/web/src/app/market/_components/open-orders/index.tsx

@@ -3,7 +3,8 @@ import { Button } from "@ui/button";
 import { Table, Td, Th, Tr } from "@ui/table";
 import i18next from "i18next";
 import { OpenOrdersData } from "@/entities";
-import { BuySellHiveDialog, Skeleton } from "@/features/shared";
+import { Skeleton } from "@/features/shared";
+import { BuySellHiveDialog } from "@/features/shared/buy-sell-hive";
 import { BuySellHiveTransactionType } from "@/enums";
 import { dateToFormatted, dateToFullRelative, formattedNumber } from "@/utils";
 

apps/web/src/app/wallet/setup-external/_components/setup-external-metamask.tsx

@@ -3,7 +3,8 @@
 import { formatError } from "@/api/format-error";
 import { useActiveAccount } from "@/core/hooks/use-active-account";
 import { getQueryClient } from "@/core/react-query";
-import { error, KeyOrHot, Stepper } from "@/features/shared";
+import { error, Stepper } from "@/features/shared";
+import { KeyOrHot } from "@/features/shared/key-or-hot";
 import { Button, Spinner } from "@/features/ui";
 import {
   EcencyWalletCurrency,

apps/web/src/core/caches/pin-tracker-cache.ts

@@ -8,7 +8,7 @@ import { usePinPostMutation } from "@/api/sdk-mutations";
 import { Community, Entry } from "@/entities";
 import { isCommunity } from "@/utils";
 import { clone } from "remeda";
-import { error, success } from "@/features/shared";
+import { error, success } from "@/features/shared/feedback";
 import i18next from "i18next";
 
 /**

apps/web/src/core/global-store/modules/global-module.ts

@@ -1,7 +1,8 @@
 import Cookies from "js-cookie";
 import { AllFilter, ListStyle, Theme } from "@/enums";
 import * as ls from "@/utils/local-storage";
-import { success } from "@/features/shared";
+import { setDayjsLocale } from "@/utils/dayjs";
+import { success } from "@/features/shared/feedback";
 import i18next from "i18next";
 import { loadLocale } from "@/features/i18n";
 import { getCurrencyRate } from "@ecency/sdk";
@@ -86,7 +87,10 @@ export function createGlobalActions(set: (state: Partial<State>) => void, getSta
     setLang: async (lang: string) => {
       ls.set("lang", lang);
       ls.set("current-language", lang);
-      await loadLocale(lang);
+      // Both loads complete BEFORE i18next switches and BEFORE the state
+      // publish below, so every render triggered by the change already has
+      // the translation resources AND the dayjs table (#1669 review).
+      await Promise.all([loadLocale(lang), setDayjsLocale(lang)]);
       await i18next.changeLanguage(lang);
       set({
         lang: lang ?? "en-US"

apps/web/src/entities/private-api/drafts.ts

@@ -1,5 +1,5 @@
 import { BeneficiaryRoute, DecentMemesEntry, MetaData, RewardType } from "../operations";
-import { PollSnapshot } from "@/features/polls";
+import type { PollSnapshot } from "@/features/polls";
 
 export interface DraftMetadata extends MetaData {
   // Optional because the drafts API genuinely omits them, which is how

apps/web/src/features/i18n/index.ts

@@ -1,6 +1,6 @@
 import i18n from "i18next";
 
-import dayjs from "@/utils/dayjs";
+import { setDayjsLocale } from "@/utils/dayjs";
 import * as ls from "@/utils/local-storage";
 
 export const langOptions = [
@@ -164,7 +164,7 @@ export function initI18next(): Promise<void> {
 
     i18n.on("languageChanged", async function (lang) {
       await loadLocale(lang);
-      dayjs.locale(lang);
+      await setDayjsLocale(lang);
     });
 
     // Load the user's preferred locale on demand
@@ -173,6 +173,7 @@ export function initI18next(): Promise<void> {
     if (userLang !== "en-US") {
       await loadLocale(userLang);
     }
+    await setDayjsLocale(userLang);
     await i18n.changeLanguage(userLang);
   })();