@nocobase/app-template-default 1.0.0-beta.88 → 1.0.0-beta.89

package/client/components/task-progress.tsx

@@ -0,0 +1,155 @@
+import { Progress } from '@base-ui/react/progress';
+import { useTranslation } from '@nocobase/i18n/client';
+import type { ReactElement, ReactNode } from 'react';
+import { cn } from 'cn';
+
+export type TaskProgressStatus =
+  'queued' | 'running' | 'completed' | 'failed' | 'canceled';
+
+export interface TaskProgressProps {
+  /** The task's real lifecycle status, from the server's task record. */
+  readonly status: TaskProgressStatus;
+  /** What the task is, such as "Customer export". */
+  readonly label: string;
+  /** The application's own word for the status; defaults to the standard copy. */
+  readonly statusLabel?: string;
+  /** Units actually processed, as reported by the task. */
+  readonly processed?: number;
+  /** The real total; leave it out or pass null while it is unknown. */
+  readonly total?: number | null;
+  /** For tasks that report only a percentage (0–100) instead of counts. */
+  readonly percent?: number | null;
+  /** Show that the task keeps running after the user leaves the page. */
+  readonly continuesInBackground?: boolean;
+  /** Caller-owned detail: a failure reason, or where the result is. */
+  readonly message?: ReactNode;
+  /** Real actions only: download, retry, or a cancel the server supports. */
+  readonly actions?: ReactNode;
+  readonly className?: string;
+}
+
+/**
+ * One long-running task record. A known total shows a determinate bar and
+ * count; an unknown total shows an indeterminate bar without a percentage.
+ * Status changes are announced once; percentage updates are not.
+ */
+export function TaskProgress({
+  status,
+  label,
+  statusLabel,
+  processed,
+  total,
+  percent: reportedPercent,
+  continuesInBackground = false,
+  message,
+  actions,
+  className,
+}: TaskProgressProps): ReactElement {
+  const { t } = useTranslation();
+  const active = status === 'queued' || status === 'running';
+  const counted = total !== undefined && total !== null && total > 0;
+  const done = processed ?? 0;
+  const known =
+    counted || (reportedPercent !== undefined && reportedPercent !== null);
+  const percent = counted
+    ? Math.min(100, Math.floor((done / total) * 100))
+    : Math.min(100, Math.max(0, Math.floor(reportedPercent ?? 0)));
+  const statusText =
+    statusLabel ??
+    {
+      queued: t('taskProgress.queued', { defaultValue: 'Waiting to start' }),
+      running: t('taskProgress.running', { defaultValue: 'In progress' }),
+      completed: t('taskProgress.completed', { defaultValue: 'Completed' }),
+      failed: t('taskProgress.failed', { defaultValue: 'Failed' }),
+      canceled: t('taskProgress.canceled', { defaultValue: 'Canceled' }),
+    }[status];
+  const countText = counted
+    ? t('taskProgress.count', {
+        defaultValue: '{{processed}} of {{total}}',
+        processed: done,
+        total,
+      })
+    : processed
+      ? t('taskProgress.processed', {
+          defaultValue: '{{processed}} processed',
+          processed: done,
+        })
+      : undefined;
+  return (
+    <div
+      data-slot='task-progress'
+      data-status={status}
+      className={cn('flex flex-col gap-2', className)}
+    >
+      <div className='flex flex-wrap items-baseline justify-between gap-x-3 gap-y-1'>
+        <span className='min-w-0 text-sm font-medium wrap-anywhere'>
+          {label}
+        </span>
+        <span
+          className={cn(
+            'text-sm',
+            status === 'failed' ? 'text-destructive' : 'text-muted-foreground',
+          )}
+        >
+          {statusText}
+        </span>
+      </div>
+      {active ? (
+        <Progress.Root
+          value={known ? percent : null}
+          aria-label={label}
+          getAriaValueText={() =>
+            [statusText, countText, known ? `${percent}%` : undefined]
+              .filter(Boolean)
+              .join(', ')
+          }
+          className='flex flex-col gap-1.5'
+        >
+          <Progress.Track className='relative h-1.5 w-full overflow-hidden rounded-full bg-muted'>
+            {/* An unknown amount fills the whole track faintly, so no segment can be read as a fraction done. */}
+            <Progress.Indicator
+              data-slot='task-progress-indicator'
+              className={
+                known
+                  ? 'h-full bg-primary motion-safe:transition-[width] motion-safe:duration-500'
+                  : 'h-full w-full bg-primary/25 motion-safe:animate-pulse'
+              }
+            />
+          </Progress.Track>
+          {countText || known ? (
+            <span className='text-xs text-muted-foreground tabular-nums'>
+              {[countText, known ? `${percent}%` : undefined]
+                .filter(Boolean)
+                .join(' · ')}
+            </span>
+          ) : null}
+        </Progress.Root>
+      ) : countText && status !== 'completed' ? (
+        <span className='text-xs text-muted-foreground tabular-nums'>
+          {countText}
+        </span>
+      ) : null}
+      {active && continuesInBackground ? (
+        <p className='text-xs text-muted-foreground'>
+          {t('taskProgress.background', {
+            defaultValue: 'It keeps running if you leave this page.',
+          })}
+        </p>
+      ) : null}
+      {message ? (
+        <div
+          className={cn(
+            'text-sm',
+            status === 'failed' ? 'text-destructive' : 'text-muted-foreground',
+          )}
+        >
+          {message}
+        </div>
+      ) : null}
+      {actions ? <div className='flex flex-wrap gap-2'>{actions}</div> : null}
+      <span role='status' aria-live='polite' className='sr-only'>
+        {`${label}: ${statusText}`}
+      </span>
+    </div>
+  );
+}

package/client/components/use-route-overlay.ts

@@ -1,15 +1,12 @@
-import { createContext, useContext, type Context } from 'react';
+import {
+  RouteOverlayContext,
+  type RouteOverlayContextValue,
+} from '@nocobase/app-client/route-containers';
+import { useContext } from 'react';
 
-export interface RouteOverlayContextValue {
-  /** Runs `beforeClose`, then navigates to the parent route unless it declined. Concurrent calls share one request. */
-  readonly close: () => Promise<void>;
-  /** True while a close request for the current location is pending. */
-  readonly isClosing: boolean;
-}
-
-/** Internal context shared by both route overlay components. */
-export const RouteOverlayContext: Context<RouteOverlayContextValue | null> =
-  createContext<RouteOverlayContextValue | null>(null);
+// The context lives in `@nocobase/app-client` so every copy of the route overlay components, including a plugin's,
+// shares it: a footer button inside a panel the application opened reaches that panel's close request.
+export { RouteOverlayContext, type RouteOverlayContextValue };
 
 /**
  * Closes the enclosing `RouteDialog` or `RouteDrawer`. Call it from a component rendered inside the overlay — its

package/client/extensions/nocobase-file-component-ui/components/file-upload-field.tsx

@@ -1,4 +1,5 @@
 import { messageKey } from '../lib/message-key.js';
+import { usePendingFeedback } from '@nocobase/app-client';
 import { useTranslation } from '@nocobase/i18n/client';
 import { RotateCcw, Trash2, UploadCloud, X } from 'lucide-react';
 import {
@@ -8,11 +9,12 @@ import {
   type ChangeEvent,
   type DragEvent,
   type ReactElement,
+  type ReactNode,
 } from 'react';
 
 import type { FileRecord, FileUploadFieldProps } from '../types.js';
 import { Button } from '#components/ui/button';
-import { Spinner } from '#components/ui/spinner';
+import { BrandLoadingMark } from '#components/brand-loading-mark';
 import { FileThumbnail } from './file-thumbnail.js';
 
 type UploadItem = {
@@ -23,6 +25,48 @@ type UploadItem = {
   readonly error?: Error;
 };
 
+/**
+ * The upload request reports no byte progress, so the item shows an honest
+ * indeterminate wait from one display hook: the mark appears after the shared
+ * display delay and a long upload says so after 10 seconds, next to the real
+ * cancel action.
+ */
+function UploadItemBody({
+  status,
+  failure,
+  children,
+}: {
+  readonly status: UploadItem['status'];
+  readonly failure?: string;
+  readonly children: ReactNode;
+}): ReactElement {
+  const { t } = useTranslation();
+  const feedback = usePendingFeedback(status === 'uploading');
+  return (
+    <>
+      <div className='flex h-20 items-center justify-center overflow-hidden rounded-sm bg-muted/30'>
+        {feedback.visible ? (
+          <BrandLoadingMark className='size-8 text-muted-foreground' />
+        ) : (
+          <UploadCloud aria-hidden='true' />
+        )}
+      </div>
+      {children}
+      <div className='text-xs text-muted-foreground'>
+        {status === 'error'
+          ? (failure ?? t('fileUi.files.failed', { defaultValue: 'Failed' }))
+          : status === 'uploading'
+            ? feedback.longWaiting
+              ? t('fileUi.files.longWait', {
+                  defaultValue: 'Still uploading. Keep waiting or cancel.',
+                })
+              : t('fileUi.files.uploading', { defaultValue: 'Uploading' })
+            : t('fileUi.files.pending', { defaultValue: 'Pending' })}
+      </div>
+    </>
+  );
+}
+
 function accepts(file: File, rules: readonly string[]): boolean {
   if (!rules.length) return true;
   const name = file.name.toLowerCase();
@@ -249,12 +293,10 @@ export function FileUploadField(
   };
 
   return (
-    <div
-      data-slot='file-upload-field'
-      className='space-y-3'
-      aria-busy={items.some((item) => item.status === 'uploading')}
-    >
+    <div data-slot='file-upload-field' className='space-y-3'>
+      {/* The polite summary below stays outside the busy drop zone. */}
       <div
+        aria-busy={items.some((item) => item.status === 'uploading')}
         className={`flex min-h-24 flex-wrap gap-3 rounded-md border border-dashed p-3 ${dragging ? 'border-primary bg-primary/5' : ''}`}
         onDragOver={(event) => {
           event.preventDefault();
@@ -288,32 +330,20 @@ export function FileUploadField(
         ))}
         {items.map((item) => (
           <div key={item.key} className='w-36 rounded-md border p-2'>
-            <div className='flex h-20 items-center justify-center overflow-hidden rounded-sm bg-muted/30'>
-              {item.status === 'uploading' ? (
-                <Spinner
-                  aria-label={t('fileUi.files.uploading', {
-                    defaultValue: 'Uploading',
-                  })}
-                />
-              ) : (
-                <UploadCloud aria-hidden='true' />
-              )}
-            </div>
-            <div className='mt-2 truncate text-sm' title={item.file.name}>
-              {item.file.name}
-            </div>
-            <div className='text-xs text-muted-foreground'>
-              {item.status === 'error'
-                ? ((item.error
-                    ? t(messageKey(item.error.message), {
-                        defaultValue: item.error.message,
-                      })
-                    : undefined) ??
-                  t('fileUi.files.failed', { defaultValue: 'Failed' }))
-                : item.status === 'uploading'
-                  ? t('fileUi.files.uploading', { defaultValue: 'Uploading' })
-                  : t('fileUi.files.pending', { defaultValue: 'Pending' })}
-            </div>
+            <UploadItemBody
+              status={item.status}
+              failure={
+                item.status === 'error' && item.error
+                  ? t(messageKey(item.error.message), {
+                      defaultValue: item.error.message,
+                    })
+                  : undefined
+              }
+            >
+              <div className='mt-2 truncate text-sm' title={item.file.name}>
+                {item.file.name}
+              </div>
+            </UploadItemBody>
             <div className='mt-2 flex gap-1'>
               {item.status === 'error' ? (
                 <Button

package/client/extensions/nocobase-file-component-ui/locales/de-DE.ts

@@ -26,6 +26,8 @@ const messages = {
   'files.retry': 'Erneut versuchen',
   'files.done': 'Erledigt',
   'files.uploading': 'Hochladen',
+  'files.longWait':
+    'Wird noch hochgeladen. Warten Sie weiter oder brechen Sie ab.',
   'files.failed': 'Fehlgeschlagen',
   'files.pending': 'Ausstehend',
   'files.previous': 'Vorherige Datei',

package/client/extensions/nocobase-file-component-ui/locales/en-US.ts

@@ -24,6 +24,7 @@ const messages = {
   'files.retry': 'Retry',
   'files.done': 'Done',
   'files.uploading': 'Uploading',
+  'files.longWait': 'Still uploading. Keep waiting or cancel.',
   'files.failed': 'Failed',
   'files.pending': 'Pending',
   'files.previous': 'Previous file',

package/client/extensions/nocobase-file-component-ui/locales/es-ES.ts

@@ -25,6 +25,7 @@ const messages = {
   'files.retry': 'Reintentar',
   'files.done': 'Hecho',
   'files.uploading': 'Subiendo',
+  'files.longWait': 'Aún se está subiendo. Siga esperando o cancele.',
   'files.failed': 'Falló',
   'files.pending': 'Pendiente',
   'files.previous': 'Archivo anterior',

package/client/extensions/nocobase-file-component-ui/locales/fr-FR.ts

@@ -26,6 +26,7 @@ const messages = {
   'files.retry': 'Réessayer',
   'files.done': 'Terminé',
   'files.uploading': 'Téléchargement',
+  'files.longWait': 'Envoi toujours en cours. Patientez ou annulez.',
   'files.failed': 'Échec',
   'files.pending': 'En attente',
   'files.previous': 'Fichier précédent',

package/client/extensions/nocobase-file-component-ui/locales/id-ID.ts

@@ -24,6 +24,7 @@ const messages = {
   'files.retry': 'Coba lagi',
   'files.done': 'Selesai',
   'files.uploading': 'Mengunggah',
+  'files.longWait': 'Masih mengunggah. Tunggu atau batalkan.',
   'files.failed': 'Gagal',
   'files.pending': 'Tertunda',
   'files.previous': 'Berkas sebelumnya',

package/client/extensions/nocobase-file-component-ui/locales/ja-JP.ts

@@ -27,6 +27,8 @@ const messages = {
   'files.retry': '再試行',
   'files.done': '完了',
   'files.uploading': 'アップロード中',
+  'files.longWait':
+    'アップロード中です。このまま待つか、キャンセルしてください。',
   'files.failed': '失敗しました',
   'files.pending': '保留中',
   'files.previous': '前のファイル',

package/client/extensions/nocobase-file-component-ui/locales/pt-BR.ts

@@ -26,6 +26,7 @@ const messages = {
   'files.retry': 'Tentar novamente',
   'files.done': 'Concluído',
   'files.uploading': 'Carregando',
+  'files.longWait': 'Ainda enviando. Continue aguardando ou cancele.',
   'files.failed': 'Falha',
   'files.pending': 'Pendente',
   'files.previous': 'Arquivo anterior',

package/client/extensions/nocobase-file-component-ui/locales/vi-VN.ts

@@ -25,6 +25,7 @@ const messages = {
   'files.retry': 'Thử lại',
   'files.done': 'Hoàn thành',
   'files.uploading': 'Đang tải lên',
+  'files.longWait': 'Vẫn đang tải lên. Hãy tiếp tục chờ hoặc hủy.',
   'files.failed': 'Thất bại',
   'files.pending': 'Đang chờ',
   'files.previous': 'Tệp trước đó',

package/client/extensions/nocobase-file-component-ui/locales/zh-CN.ts

@@ -23,6 +23,7 @@ const messages = {
   'files.retry': '重试',
   'files.done': '已完成',
   'files.uploading': '正在上传',
+  'files.longWait': '仍在上传，可继续等待或取消。',
   'files.failed': '失败',
   'files.pending': '等待中',
   'files.previous': '上一个文件',

package/client/extensions/nocobase-file-component-ui/locales/zh-TW.ts

@@ -23,6 +23,7 @@ const messages = {
   'files.retry': '重試',
   'files.done': '已完成',
   'files.uploading': '上傳中',
+  'files.longWait': '仍在上傳，可繼續等待或取消。',
   'files.failed': '失敗',
   'files.pending': '待處理',
   'files.previous': '上一個檔案',

package/client/extensions/nocobase-workflow-management/README.md

@@ -5,8 +5,8 @@ Install with `yes n | pnpm exec shadcn add @nocobase/workflow-management`. This
 | File                   | Exports and responsibility                                                                                                                                                         |
 | ---------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
 | `layout.tsx`           | `WorkflowManagementLayout`: page container, shared header and line-style tabs, hidden in detail mode. `WorkflowDefinitionDetail`: diagram and parameter form cards in two columns. |
-| `definition-list.tsx`  | `WorkflowDefinitionList`: optional category rail, search slot, refresh and execution-activity sort controls, adapted definition rows and empty/status content.                     |
-| `execution-list.tsx`   | `WorkflowExecutionList`: filters slot, refresh, controlled ordering, adapted execution rows, empty/status content and controlled pagination.                                       |
+| `definition-list.tsx`  | `WorkflowDefinitionList`: optional category rail, search slot and execution-activity sort controls, adapted definition rows and empty/status content.                              |
+| `execution-list.tsx`   | `WorkflowExecutionList`: filters slot, controlled ordering, adapted execution rows, empty/status content and controlled pagination.                                                |
 | `execution-detail.tsx` | `WorkflowExecutionDetail`: ordered history, step selection, diagram rendering callback, effects and optional recorded-parameter content.                                           |
 
 ## Routes and ownership
@@ -53,11 +53,11 @@ const routes = defineAppRoutes([
 
 Add definition and execution detail routes beneath the corresponding tab route, also without `navigation`. The parent page maps the URL to `tab`, navigates in `onTabChange`, and supplies its `Outlet` as children. Reuse an existing system group instead of registering another one.
 
-Keep requests, query parameters, IME-aware search, filtering, pagination, category CRUD and permissions in application adapters. Map rows into display values and router links before passing them to the lists. `loaded` distinguishes an empty response from data that has not arrived; `loading` disables refresh, and the caller disables pagination while pending. Supply error/loading/retry content through `status`, and separate empty-catalog and no-results wording through `empty`. The search slot is constrained beside Refresh on wider screens; the category rail stacks above the list on small screens. Omit `categories` when classification is unnecessary. The installable demo provides in-memory category filtering, named color selection and add/edit/delete dialogs as an application adapter; deleting a category preserves its workflows and clears the selected category filter. Its definition header also demonstrates a colored category dropdown with an Uncategorized option; assignment uses the same category state as list filtering. The production adapter keeps the assignment API and read/update permission checks in the application.
+Keep requests, query parameters, IME-aware search, filtering, pagination, category CRUD and permissions in application adapters. Map rows into display values and router links before passing them to the lists. `loaded` distinguishes an empty response from data that has not arrived; `loading` supplies pending feedback, and the caller disables pagination while pending. Supply error/loading/retry content through `status`, and separate empty-catalog and no-results wording through `empty`. The search slot stays compact on wider screens; the category rail stacks above the list on small screens. Omit `categories` when classification is unnecessary. The installable demo provides in-memory category filtering, named color selection and add/edit/delete dialogs as an application adapter; deleting a category preserves its workflows and clears the selected category filter. Its definition header also demonstrates a colored category dropdown with an Uncategorized option; assignment uses the same category state as list filtering. The production adapter keeps the assignment API and read/update permission checks in the application.
 
 `WorkflowDefinitionDetail` accepts a diagram slot and a parameter form slot. Render the installed `@nocobase/lifecycle-diagram` or an existing compatible diagram in a definite-height or content-sized canvas. Keep schema validation, effective timing, complete-group saves, CAS conflicts and read-only permissions in the application's parameter editor. Show a translated empty state when a definition declares no adjustable parameters.
 
-`WorkflowExecutionDetail` sorts transitions by version, timestamp and id without mutating the input. Selecting a step passes only that history prefix and its destination state to `renderDiagram`; no transition or server action occurs. Pass the runtime's transition records directly, retaining extra fields through its generic history type. `effects` displays persisted statuses, attempts and failures; it does not retry them. Pass recorded parameter content through `parameters` and label historical facts separately from current configuration. Remount the detail on record changes or an explicit refresh to reset historical selection, as the example application does.
+`WorkflowExecutionDetail` sorts transitions by version, timestamp and id without mutating the input. Selecting a step passes only that history prefix and its destination state to `renderDiagram`; no transition or server action occurs. Pass the runtime's transition records directly, retaining extra fields through its generic history type. `effects` displays persisted statuses, attempts and failures; it does not retry them. Pass recorded parameter content through `parameters` and label historical facts separately from current configuration. Remount the detail on record identity changes; preserve a selected historical step during automatic updates.
 
 The application owns authentication, initial administrator grants, navigation and direct-page guards, server read/update authorization and any recovery actions. Configuration permission does not grant business approval permission. Installing this block creates source files, not routes, permissions, runtime services or database collections.
 
@@ -71,4 +71,4 @@ Omit `WorkflowDefinitionDetail.parameters` when the editor opens contextually so
 
 Ordering is optional: omit `onSort` when activity ordering is not supported so the header stays plain text. Omit a row's optional `name` when its linked `title` already supplies the complete display name. Hosts own filtering, pagination and their URL state; keep that state when opening and returning from a definition or execution.
 
-List hosts pass `listState={resolveListState(request, rows.length, hasEffectiveFilters)}` and `onClearFilters`, using the current request error and data. The DataTable dependency supplies shared loading, denial, session and failure copy; merge the `listFeedback` English/Chinese keys from the components README into application translations. `onRefresh` is reused for retry and must preserve the current query. Keep `loaded`, `loading`, custom `empty` content and existing permission checks when reconciling installed copies. A successful empty filter is `no-results`; an empty unfiltered read is `empty`. Hosts that retain the legacy status slot without a listState still own their error rendering.
+List hosts pass `listState={resolveListState(request, rows.length, hasEffectiveFilters)}` and `onClearFilters`, using the current request error and data. The DataTable dependency supplies shared loading, denial, session and failure copy; merge the `listFeedback` English/Chinese keys from the components README into application translations. `onRefresh` handles contextual failed-read retry and must preserve the current query; ready lists render no Refresh action. The host owns subscription/snapshot updates for open progress views. Keep `loaded`, `loading`, custom `empty` content and existing permission checks when reconciling installed copies. A successful empty filter is `no-results`; an empty unfiltered read is `empty`. Hosts that retain the legacy status slot without a listState still own their error rendering.

package/client/extensions/nocobase-workflow-management/definition-list.tsx

@@ -27,7 +27,8 @@ export interface WorkflowDefinitionListProps {
   loading: boolean;
   empty?: ReactNode;
   labels: {
-    refresh: string;
+    /** Legacy adapter label; ready lists no longer render a Refresh control. */
+    refresh?: string;
     workflow: string;
     executionCount: string;
     executionActivity: string;
@@ -66,14 +67,6 @@ export function WorkflowDefinitionList({
       <div className='flex w-full min-w-0 flex-1 flex-col gap-4'>
         <div className='flex flex-col items-stretch justify-between gap-2 sm:flex-row sm:items-center'>
           <div className='min-w-0 flex-1 sm:max-w-xs'>{search}</div>
-          <Button
-            className='shrink-0 self-start sm:self-auto'
-            variant='outline'
-            disabled={loading}
-            onClick={onRefresh}
-          >
-            {labels.refresh}
-          </Button>
         </div>
         {status}
         {(listState !== undefined || loaded || loading) && (

package/client/extensions/nocobase-workflow-management/execution-list.tsx

@@ -27,7 +27,8 @@ export interface WorkflowExecutionListProps {
   status?: ReactNode;
   empty?: ReactNode;
   labels: {
-    refresh: string;
+    /** Legacy adapter label; ready lists no longer render a Refresh control. */
+    refresh?: string;
     record: string;
     workflow: string;
     state: string;
@@ -72,9 +73,6 @@ export function WorkflowExecutionList({
     <section className='flex flex-col gap-4'>
       <div className='flex flex-wrap items-center justify-between gap-3'>
         <div className='flex flex-wrap items-center gap-2'>{filters}</div>
-        <Button variant='outline' disabled={loading} onClick={onRefresh}>
-          {labels.refresh}
-        </Button>
       </div>
       {status}
       {(listState !== undefined || loaded || loading) && (

package/client/layouts/app-layout.tsx

@@ -18,7 +18,6 @@ import {
   AppSidebarToggle,
 } from './components/app-sidebar.js';
 import { NavigationMenu } from './components/navigation-menu.js';
-import { AppBrand } from './components/app-brand.js';
 import { HeaderActions } from './components/header-actions.js';
 import { AppSidebarFooter } from './components/sidebar-footer.js';
 import {
@@ -62,9 +61,6 @@ export function AppLayout({ routes }: AppLayoutProps): ReactElement {
             <LayoutHeader className='sticky top-0 z-40 justify-between'>
               <div className='flex min-w-0 items-center gap-3'>
                 <AppSidebarToggle />
-                <div className='md:hidden'>
-                  <AppBrand />
-                </div>
                 <div className='h-5 w-px shrink-0 bg-border' />
                 {/* The current page's trail: the route tree's, or the one the page declares (`usePageBreadcrumb`). */}
                 <Breadcrumbs denied={denied} />

package/client/locales/system/en-US.ts

@@ -8,6 +8,20 @@ import inboxEnUS from '#extensions/nocobase-inbox/locales/en-US';
  * upgrade replaces this file, so put the application's own copy in `../en-US.ts` rather than here.
  */
 const systemEnUS = {
+  pendingFeedback: {
+    working: 'Working…',
+    longWait: 'This is taking longer than usual. You can keep waiting.',
+  },
+  taskProgress: {
+    queued: 'Waiting to start',
+    running: 'In progress',
+    completed: 'Completed',
+    failed: 'Failed',
+    canceled: 'Canceled',
+    count: '{{processed}} of {{total}}',
+    processed: '{{processed}} processed',
+    background: 'It keeps running if you leave this page.',
+  },
   listFeedback: {
     loading: 'Loading',
     empty: 'No data yet',
@@ -144,10 +158,14 @@ const systemEnUS = {
   'auth.foundationDescription': 'Reliable data, access control and governance.',
   'auth.marketingFooter': 'Freedom above. Confidence below.',
   'status.loading': 'Loading',
+  'status.refreshing': 'Refreshing',
   'status.loadingPage': 'Loading page',
   'status.denied': 'Access denied',
   'status.pageFailed': 'Unable to load page',
   'status.retry': 'Retry',
+  'status.reloadPage': 'Reload page',
+  'status.retryFailedDescription':
+    'It still could not be loaded. Reloading the whole page may help; unsaved changes on this page may be lost.',
   'navigation.brandHome': 'NocoBase home',
   'navigation.brandApps': 'NocoBase applications',
   'routeOverlay.close': 'Close',
@@ -412,6 +430,7 @@ const systemEnUS = {
     breadcrumb: 'Breadcrumb',
     breadcrumbMore: 'Show the levels in between',
     back: 'Back',
+    backTo: 'Back to {{label}}',
   },
   dataTable: {
     noResults: 'No results',

package/client/locales/system/zh-CN.ts

@@ -5,6 +5,20 @@ import inboxZhCN from '#extensions/nocobase-inbox/locales/zh-CN';
 
 /** The Chinese copy of what the template ships; see `./en-US.ts`. */
 const systemZhCN: SystemResource = {
+  pendingFeedback: {
+    working: '正在处理…',
+    longWait: '耗时比平常更长，您可以继续等待。',
+  },
+  taskProgress: {
+    queued: '等待开始',
+    running: '进行中',
+    completed: '已完成',
+    failed: '失败',
+    canceled: '已取消',
+    count: '{{processed}} / {{total}}',
+    processed: '已处理 {{processed}}',
+    background: '离开此页面后任务会继续运行。',
+  },
   listFeedback: {
     loading: '加载中',
     empty: '暂无数据',
@@ -133,10 +147,14 @@ const systemZhCN: SystemResource = {
   'auth.foundationDescription': '可靠的数据、访问控制与治理',
   'auth.marketingFooter': '自由构建，可靠支撑',
   'status.loading': '加载中',
+  'status.refreshing': '正在刷新',
   'status.loadingPage': '正在加载页面',
   'status.denied': '无权访问',
   'status.pageFailed': '无法加载页面',
   'status.retry': '重试',
+  'status.reloadPage': '重新加载页面',
+  'status.retryFailedDescription':
+    '仍然无法加载。可以重新加载整个页面，但本页未保存的修改可能丢失。',
   'navigation.brandHome': 'NocoBase 首页',
   'navigation.brandApps': 'NocoBase 应用',
   'routeOverlay.close': '关闭',
@@ -387,6 +405,7 @@ const systemZhCN: SystemResource = {
     breadcrumb: '面包屑',
     breadcrumbMore: '显示中间层级',
     back: '返回',
+    backTo: '返回{{label}}',
   },
   dataTable: {
     noResults: '无结果',

package/client/pages/settings/default-access.tsx

@@ -399,7 +399,7 @@ export default function DefaultAccessPage(): ReactElement {
           getRowId={(rule) => rule.key}
           showSelectedCount={false}
           pageSize={20}
-          loading={rules.loading || catalog.loading}
+          loading={active && (rules.loading || catalog.loading)}
           listState={listState}
           onRetry={() => {
             rules.reload();