@agent-native/core 0.84.21 → 0.84.23

package/corpus/templates/content/app/components/editor/SlashCommandMenu.tsx

@@ -1,5 +1,7 @@
 import { useSendToAgentChat, useT } from "@agent-native/core/client";
+import type { CreateInlineDatabaseResponse } from "@shared/api";
 import { collapseExactRepeatedNfm, docToNfm } from "@shared/nfm";
+import { serializeRegistryBlockToMdx } from "@shared/nfm-registry";
 import {
   IconTypography,
   IconH1,
@@ -33,7 +35,7 @@ import {
   PopoverContent,
   PopoverTrigger,
 } from "@/components/ui/popover";
-import { useCreateContentDatabase } from "@/hooks/use-content-database";
+import { useCreateInlineContentDatabase } from "@/hooks/use-content-database";
 import { useCreatePage } from "@/hooks/use-create-page";
 import { cn } from "@/lib/utils";
 import { localContentComponents } from "@/local-components";
@@ -146,6 +148,36 @@ export function parseSlashCommandQuery(textBeforeCursor: string) {
   return textBeforeCursor.match(/^\s*\/([a-zA-Z0-9]*)$/)?.[1] ?? null;
 }
 
+export function inlineDatabaseBlockContent(
+  block: CreateInlineDatabaseResponse["block"],
+) {
+  return {
+    type: "registryBlock",
+    attrs: {
+      blockType: "inline-database",
+      blockId: block.ownerBlockId,
+      title: null,
+      summary: null,
+      __raw: serializeRegistryBlockToMdx("inline-database", {
+        id: block.ownerBlockId,
+        data: block,
+      }),
+    },
+  };
+}
+
+export function insertInlineDatabaseBlock(
+  editor: Editor,
+  block: CreateInlineDatabaseResponse["block"],
+  position?: number | { from: number; to: number } | null,
+) {
+  const content = inlineDatabaseBlockContent(block);
+  const chain = editor.chain().focus();
+  return position != null
+    ? chain.insertContentAt(position, content).run()
+    : chain.insertContent(content).run();
+}
+
 const commands: CommandTemplate[] = [
   {
     titleKey: "editor.slash.text",
@@ -407,7 +439,9 @@ export function SlashCommandMenu({
   const { send } = useSendToAgentChat();
   const navigate = useNavigate();
   const createPage = useCreatePage({ navigate: false, awaitPersist: true });
-  const createDatabase = useCreateContentDatabase(documentId ?? null);
+  const createInlineDatabase = useCreateInlineContentDatabase(
+    documentId ?? null,
+  );
 
   const [isOpen, setIsOpen] = useState(false);
   const [isTurnInto, setIsTurnInto] = useState(false);
@@ -609,18 +643,36 @@ export function SlashCommandMenu({
     title: t("editor.slash.database"),
     description: t("editor.slash.databaseDescription"),
     icon: IconDatabase,
-    action: async () => {
+    preserveSlashRange: true,
+    action: async (editor, { slashRange }) => {
       if (!documentId) {
         toast.error(t("editor.noDocumentSelected"));
         return;
       }
+      if (slashRange) {
+        editor.chain().focus().deleteRange(slashRange).run();
+      }
       const toastId = toast.loading(t("editor.creatingDatabase"));
       try {
-        const result = await createDatabase.mutateAsync({
-          parentId: documentId,
+        const result = await createInlineDatabase.mutateAsync({
+          hostDocumentId: documentId,
           title: t("editor.untitledDatabase"),
         });
-        navigate(`/page/${result.database.documentId}`, { flushSync: true });
+        const inserted = insertInlineDatabaseBlock(editor, result.block);
+        if (!inserted) throw new Error(t("empty.genericError"));
+        await waitForEditorUpdateFrame();
+        const content = collapseExactRepeatedNfm(
+          docToNfm(editor.getJSON() as any),
+          {
+            requiredText: result.block.ownerBlockId,
+          },
+        );
+        if (onDraftPersisted) {
+          const persisted = await onDraftPersisted(content);
+          if (!persisted) throw new Error(t("empty.genericError"));
+        } else {
+          await onDraftCommitted?.();
+        }
         toast.success(t("editor.databaseCreated"), { id: toastId });
       } catch (error) {
         toast.error(t("editor.failedToCreateDatabase"), {

package/corpus/templates/content/app/components/sidebar/DocumentSidebar.tsx

@@ -27,10 +27,14 @@ import {
 } from "@dnd-kit/sortable";
 import type { Document, DocumentTreeNode } from "@shared/api";
 import {
+  IconDatabase,
+  IconFileText,
   IconPlus,
+  IconRestore,
   IconSearch,
   IconStar,
   IconSettings,
+  IconTrashX,
   IconLayoutSidebarLeftCollapse,
   IconLayoutSidebarLeftExpand,
   IconFolderOpen,
@@ -42,12 +46,34 @@ import { useLocation, useNavigate } from "react-router";
 import { toast } from "sonner";
 
 import { ThemeToggle } from "@/components/ThemeToggle";
+import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+  AlertDialogTrigger,
+} from "@/components/ui/alert-dialog";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
+} from "@/components/ui/dropdown-menu";
 import { ScrollArea } from "@/components/ui/scroll-area";
 import {
   Tooltip,
   TooltipContent,
   TooltipTrigger,
 } from "@/components/ui/tooltip";
+import {
+  useCreateContentDatabase,
+  useRestoreContentDatabase,
+  useTrashedContentDatabases,
+} from "@/hooks/use-content-database";
 import {
   useDocuments,
   useCreateDocument,
@@ -122,7 +148,8 @@ type SidebarSectionId =
   | "local-files"
   | "shared-copies"
   | "private"
-  | "organization";
+  | "organization"
+  | "trash";
 
 export function DocumentSidebar({
   activeDocumentId,
@@ -138,8 +165,11 @@ export function DocumentSidebar({
   const t = useT();
   const { data: documents = [], isLoading } = useDocuments();
   const createDocument = useCreateDocument();
+  const createDatabase = useCreateContentDatabase(null);
   const deleteDocument = useDeleteDocument();
   const moveDocument = useMoveDocument();
+  const restoreContentDatabase = useRestoreContentDatabase();
+  const { data: trashedDatabases } = useTrashedContentDatabases();
   const { isCodeMode } = useCodeMode();
   const updateDocument = useUpdateDocument();
   const [searchQuery, setSearchQuery] = useState("");
@@ -156,6 +186,7 @@ export function DocumentSidebar({
     "shared-copies": false,
     private: false,
     organization: false,
+    trash: false,
   });
   const localFilesActive = location.pathname.startsWith("/local-files");
   const settingsActive = location.pathname.startsWith("/settings");
@@ -218,6 +249,7 @@ export function DocumentSidebar({
   const activeDocument = activeDocumentId
     ? documents.find((doc) => doc.id === activeDocumentId)
     : null;
+  const trashItems = trashedDatabases?.databases ?? [];
   const parentByDocumentId = useMemo(
     () => new Map(documents.map((doc) => [doc.id, doc.parentId])),
     [documents],
@@ -364,6 +396,25 @@ export function DocumentSidebar({
     ],
   );
 
+  const handleCreateDatabase = useCallback(
+    async (parentId?: string | null) => {
+      try {
+        const result = await createDatabase.mutateAsync({
+          parentId: parentId ?? null,
+          title: t("editor.untitledDatabase"),
+        });
+        navigateToDocument(result.database.documentId);
+        onNavigate?.();
+      } catch (err) {
+        toast.error(t("sidebar.failedCreateDatabase"), {
+          description:
+            err instanceof Error ? err.message : t("empty.genericError"),
+        });
+      }
+    },
+    [createDatabase, navigateToDocument, onNavigate, t],
+  );
+
   const handleDelete = useCallback(
     async (id: string) => {
       const deletedIds = collectDocumentSubtreeIds(documents, id);
@@ -524,6 +575,42 @@ export function DocumentSidebar({
     [updateDocument],
   );
 
+  const handleRestoreDatabase = useCallback(
+    async (databaseId: string) => {
+      try {
+        await restoreContentDatabase.mutateAsync({ databaseId });
+        toast.success(t("sidebar.databaseRestored"));
+      } catch (err) {
+        toast.error(t("sidebar.failedRestoreDatabase"), {
+          description:
+            err instanceof Error ? err.message : t("empty.genericError"),
+        });
+      }
+    },
+    [restoreContentDatabase, t],
+  );
+
+  const handlePermanentDeleteDatabase = useCallback(
+    async (documentId: string) => {
+      try {
+        await deleteDocument.mutateAsync({ id: documentId });
+        queryClient.invalidateQueries({
+          queryKey: ["action", "list-documents"],
+        });
+        queryClient.invalidateQueries({
+          queryKey: ["action", "list-trashed-content-databases"],
+        });
+        toast.success(t("sidebar.databasePermanentlyDeleted"));
+      } catch (err) {
+        toast.error(t("sidebar.failedPermanentDeleteDatabase"), {
+          description:
+            err instanceof Error ? err.message : t("empty.genericError"),
+        });
+      }
+    },
+    [deleteDocument, queryClient, t],
+  );
+
   const filteredDocuments = searchQuery
     ? documents.filter((d) =>
         d.title.toLowerCase().includes(searchQuery.toLowerCase()),
@@ -548,7 +635,8 @@ export function DocumentSidebar({
             navigateToDocument(id);
             onNavigate?.();
           }}
-          onCreateChild={(parentId) => handleCreatePage(parentId)}
+          onCreateChildPage={(parentId) => handleCreatePage(parentId)}
+          onCreateChildDatabase={(parentId) => handleCreateDatabase(parentId)}
           onDelete={handleDelete}
           onToggleFavorite={handleToggleFavorite}
         />
@@ -556,14 +644,70 @@ export function DocumentSidebar({
     </SortableContext>
   );
 
-  const renderNewPageButton = () => (
-    <button
-      className="flex w-full items-center gap-2 rounded-md px-3 py-[5px] text-sm text-muted-foreground hover:bg-accent/50 hover:text-foreground"
-      onClick={() => handleCreatePage()}
-    >
-      <IconPlus size={14} className="shrink-0" />
-      <span>{t("sidebar.newPage")}</span>
-    </button>
+  const renderNewButton = () => (
+    <DropdownMenu>
+      <DropdownMenuTrigger asChild>
+        <button
+          type="button"
+          className="flex w-full items-center gap-2 rounded-md px-3 py-[5px] text-sm text-muted-foreground hover:bg-accent/50 hover:text-foreground"
+          disabled={createDocument.isPending || createDatabase.isPending}
+        >
+          <IconPlus size={14} className="shrink-0" />
+          <span>{t("sidebar.new")}</span>
+        </button>
+      </DropdownMenuTrigger>
+      <DropdownMenuContent align="start" className="w-44">
+        <DropdownMenuItem
+          disabled={createDocument.isPending}
+          onClick={() => void handleCreatePage()}
+        >
+          <IconFileText className="me-2 size-4" />
+          {t("sidebar.page")}
+        </DropdownMenuItem>
+        <DropdownMenuItem
+          disabled={createDatabase.isPending}
+          onClick={() => void handleCreateDatabase(null)}
+        >
+          <IconDatabase className="me-2 size-4" />
+          {t("sidebar.database")}
+        </DropdownMenuItem>
+      </DropdownMenuContent>
+    </DropdownMenu>
+  );
+
+  const renderCollapsedNewButton = () => (
+    <DropdownMenu>
+      <Tooltip>
+        <TooltipTrigger asChild>
+          <DropdownMenuTrigger asChild>
+            <button
+              type="button"
+              className="w-10 h-10 flex items-center justify-center rounded-lg hover:bg-accent text-muted-foreground hover:text-foreground"
+              disabled={createDocument.isPending || createDatabase.isPending}
+            >
+              <IconPlus size={16} />
+            </button>
+          </DropdownMenuTrigger>
+        </TooltipTrigger>
+        <TooltipContent>{t("sidebar.new")}</TooltipContent>
+      </Tooltip>
+      <DropdownMenuContent align="start" className="w-44">
+        <DropdownMenuItem
+          disabled={createDocument.isPending}
+          onClick={() => void handleCreatePage()}
+        >
+          <IconFileText className="me-2 size-4" />
+          {t("sidebar.page")}
+        </DropdownMenuItem>
+        <DropdownMenuItem
+          disabled={createDatabase.isPending}
+          onClick={() => void handleCreateDatabase(null)}
+        >
+          <IconDatabase className="me-2 size-4" />
+          {t("sidebar.database")}
+        </DropdownMenuItem>
+      </DropdownMenuContent>
+    </DropdownMenu>
   );
 
   const renderLocalFilesNavButton = () => (
@@ -686,6 +830,103 @@ export function DocumentSidebar({
     );
   };
 
+  const renderTrashSection = () => {
+    if (trashItems.length === 0) return null;
+    const collapsed = collapsedSections.trash;
+
+    return (
+      <div className="mt-3 border-t border-border/60 pt-2">
+        {renderSectionHeader("trash", t("sidebar.trash"))}
+        {!collapsed && (
+          <div className="px-1 py-1">
+            {trashItems.map((database) => {
+              const title = database.title || t("editor.untitledDatabase");
+              return (
+                <div
+                  key={database.databaseId}
+                  className="group flex min-w-0 items-center gap-1 rounded-md px-2 py-1.5 text-sm text-muted-foreground hover:bg-accent/50 hover:text-foreground"
+                >
+                  <span className="min-w-0 flex-1 truncate">{title}</span>
+                  <Tooltip>
+                    <TooltipTrigger asChild>
+                      <button
+                        type="button"
+                        aria-label={t("sidebar.restoreDatabaseNamed", {
+                          title,
+                        })}
+                        className="flex size-7 shrink-0 items-center justify-center rounded-md text-muted-foreground hover:bg-background hover:text-foreground disabled:opacity-50"
+                        disabled={restoreContentDatabase.isPending}
+                        onClick={() =>
+                          void handleRestoreDatabase(database.databaseId)
+                        }
+                      >
+                        <IconRestore size={14} />
+                      </button>
+                    </TooltipTrigger>
+                    <TooltipContent>
+                      {t("sidebar.restoreDatabase")}
+                    </TooltipContent>
+                  </Tooltip>
+                  {database.canPermanentlyDelete && (
+                    <AlertDialog>
+                      <Tooltip>
+                        <TooltipTrigger asChild>
+                          <AlertDialogTrigger asChild>
+                            <button
+                              type="button"
+                              aria-label={t(
+                                "sidebar.deleteDatabaseNamedPermanently",
+                                { title },
+                              )}
+                              className="flex size-7 shrink-0 items-center justify-center rounded-md text-muted-foreground hover:bg-destructive/10 hover:text-destructive disabled:opacity-50"
+                              disabled={deleteDocument.isPending}
+                            >
+                              <IconTrashX size={14} />
+                            </button>
+                          </AlertDialogTrigger>
+                        </TooltipTrigger>
+                        <TooltipContent>
+                          {t("sidebar.deletePermanently")}
+                        </TooltipContent>
+                      </Tooltip>
+                      <AlertDialogContent>
+                        <AlertDialogHeader>
+                          <AlertDialogTitle>
+                            {t("sidebar.deleteDatabasePermanentlyQuestion")}
+                          </AlertDialogTitle>
+                          <AlertDialogDescription>
+                            {t("sidebar.deleteDatabasePermanentlyDescription", {
+                              title,
+                            })}
+                          </AlertDialogDescription>
+                        </AlertDialogHeader>
+                        <AlertDialogFooter>
+                          <AlertDialogCancel>
+                            {t("comments.cancel")}
+                          </AlertDialogCancel>
+                          <AlertDialogAction
+                            className="bg-destructive text-destructive-foreground hover:bg-destructive/90"
+                            onClick={() =>
+                              void handlePermanentDeleteDatabase(
+                                database.documentId,
+                              )
+                            }
+                          >
+                            {t("sidebar.deletePermanently")}
+                          </AlertDialogAction>
+                        </AlertDialogFooter>
+                      </AlertDialogContent>
+                    </AlertDialog>
+                  )}
+                </div>
+              );
+            })}
+          </div>
+        )}
+      </div>
+    );
+  };
+
   if (collapsed) {
     return (
       <div className="flex h-full w-12 flex-col items-center gap-1 border-e border-border bg-muted/30 py-3 transition-[width] duration-200 ease-out">
@@ -700,17 +941,7 @@ export function DocumentSidebar({
           </TooltipTrigger>
           <TooltipContent>{t("sidebar.expand")}</TooltipContent>
         </Tooltip>
-        <Tooltip>
-          <TooltipTrigger asChild>
-            <button
-              className="w-10 h-10 flex items-center justify-center rounded-lg hover:bg-accent text-muted-foreground hover:text-foreground"
-              onClick={() => handleCreatePage()}
-            >
-              <IconPlus size={16} />
-            </button>
-          </TooltipTrigger>
-          <TooltipContent>{t("sidebar.newPage")}</TooltipContent>
-        </Tooltip>
+        {renderCollapsedNewButton()}
         <Tooltip>
           <TooltipTrigger asChild>
             <button
@@ -860,7 +1091,7 @@ export function DocumentSidebar({
                   ))
                 )}
               </div>
-              {renderNewPageButton()}
+              {renderNewButton()}
             </>
           ) : (
             <>
@@ -911,7 +1142,7 @@ export function DocumentSidebar({
                     label: t("sidebar.localFiles"),
                     nodes: localFileTree,
                     emptyLabel: t("sidebar.noFilesYet"),
-                    footer: renderNewPageButton(),
+                    footer: renderNewButton(),
                   })}
                   {databaseTree.length > 0
                     ? renderTreeSection({
@@ -922,6 +1153,7 @@ export function DocumentSidebar({
                         className: "mt-3",
                       })
                     : null}
+                  {renderTrashSection()}
                 </>
               ) : (
                 <>
@@ -939,7 +1171,7 @@ export function DocumentSidebar({
                     label: t("sidebar.private"),
                     nodes: privateTree,
                     emptyLabel: t("sidebar.noPrivatePagesYet"),
-                    footer: renderNewPageButton(),
+                    footer: renderNewButton(),
                   })}
 
                   {!isLoading &&
@@ -950,6 +1182,7 @@ export function DocumentSidebar({
                       emptyLabel: t("sidebar.noOrganizationPagesYet"),
                       className: "mt-3",
                     })}
+                  {renderTrashSection()}
                 </>
               )}
             </>

package/corpus/templates/content/app/components/sidebar/DocumentTreeItem.tsx

@@ -50,7 +50,8 @@ interface DocumentTreeItemProps {
   expandedIds: Set<string>;
   onToggleExpanded: (id: string) => void;
   onSelect: (id: string) => void;
-  onCreateChild: (parentId: string) => void;
+  onCreateChildPage: (parentId: string) => void;
+  onCreateChildDatabase: (parentId: string) => void;
   onDelete: (id: string) => void;
   onToggleFavorite: (id: string, isFavorite: boolean) => void;
 }
@@ -94,7 +95,8 @@ export function DocumentTreeItem({
   expandedIds,
   onToggleExpanded,
   onSelect,
-  onCreateChild,
+  onCreateChildPage,
+  onCreateChildDatabase,
   onDelete,
   onToggleFavorite,
 }: DocumentTreeItemProps) {
@@ -262,22 +264,45 @@ export function DocumentTreeItem({
           )}
 
           {canCreateChild && (
-            <Tooltip>
-              <TooltipTrigger asChild>
-                <button
-                  type="button"
-                  className="flex h-7 w-7 items-center justify-center rounded text-current hover:bg-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
-                  aria-label={`Add sub-page to ${node.title || "Untitled"}`}
+            <DropdownMenu>
+              <Tooltip>
+                <TooltipTrigger asChild>
+                  <DropdownMenuTrigger asChild>
+                    <button
+                      type="button"
+                      className="flex h-7 w-7 items-center justify-center rounded text-current hover:bg-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+                      aria-label={t("sidebar.addChildTo", {
+                        title: node.title || t("sidebar.untitled"),
+                      })}
+                      onClick={(e) => e.stopPropagation()}
+                    >
+                      <IconPlus size={14} />
+                    </button>
+                  </DropdownMenuTrigger>
+                </TooltipTrigger>
+                <TooltipContent>{t("sidebar.addChild")}</TooltipContent>
+              </Tooltip>
+              <DropdownMenuContent align="start" className="w-44">
+                <DropdownMenuItem
                   onClick={(e) => {
                     e.stopPropagation();
-                    onCreateChild(node.id);
+                    onCreateChildPage(node.id);
                   }}
                 >
-                  <IconPlus size={14} />
-                </button>
-              </TooltipTrigger>
-              <TooltipContent>{t("sidebar.addSubPage")}</TooltipContent>
-            </Tooltip>
+                  <IconFileText className="me-2 size-4" />
+                  {t("sidebar.page")}
+                </DropdownMenuItem>
+                <DropdownMenuItem
+                  onClick={(e) => {
+                    e.stopPropagation();
+                    onCreateChildDatabase(node.id);
+                  }}
+                >
+                  <IconDatabase className="me-2 size-4" />
+                  {t("sidebar.database")}
+                </DropdownMenuItem>
+              </DropdownMenuContent>
+            </DropdownMenu>
           )}
         </div>
       </div>
@@ -297,7 +322,8 @@ export function DocumentTreeItem({
               expandedIds={expandedIds}
               onToggleExpanded={onToggleExpanded}
               onSelect={onSelect}
-              onCreateChild={onCreateChild}
+              onCreateChildPage={onCreateChildPage}
+              onCreateChildDatabase={onCreateChildDatabase}
               onDelete={onDelete}
               onToggleFavorite={onToggleFavorite}
             />

package/corpus/templates/content/app/i18n/zh-TW.ts

@@ -98,11 +98,11 @@ const messages = {
     reorderField: "重新排序 {{name}}",
     title: "標題",
     toggleField: "切換 {{name}}",
-    creatingDatabase: "正在建立資料庫...",
-    databaseCreated: "資料庫已建立",
+    creatingDatabase: "正在建立內嵌資料庫...",
+    databaseCreated: "內嵌資料庫已建立",
     describeWhatToGenerate: "描述要生成什麼...",
     enterToSubmit: "輸入提交",
-    failedToCreateDatabase: "建立資料庫失敗",
+    failedToCreateDatabase: "建立內嵌資料庫失敗",
     failedToCreatePage: "建立頁面失敗",
     generateWithAi: "用人工智慧生成",
     dropMedia: "拖放媒體",
@@ -386,7 +386,7 @@ const messages = {
       codeBlockDescription: "程式碼片段",
       collapsibleBlockDescription: "可折疊塊",
       database: "資料庫",
-      databaseDescription: "建立子資料庫頁面",
+      databaseDescription: "此頁面中的內嵌資料庫",
       divider: "分頻器",
       dividerDescription: "水平尺",
       generate: "生成",
@@ -939,7 +939,9 @@ const messages = {
   },
   sidebar: {
     cannotReorderPages: "無法重新排序頁面",
-    addSubPage: "Agregar subpágina",
+    addChild: "新增子項目",
+    addChildTo: "新增子項目至 {{title}}",
+    addSubPage: "新增子頁面",
     collapse: "折疊側邊欄",
     completeStepsAboveFirst: "請先完成上面的步驟",
     connectWorkspace: "連線工作區",
@@ -949,13 +951,25 @@ const messages = {
     copy: "複製",
     disconnectWorkspace: "斷開工作區連線",
     expand: "展開側邊欄",
+    database: "資料庫",
+    databasePermanentlyDeleted: "資料庫已永久刪除",
+    databaseRestored: "資料庫已還原",
+    deleteDatabaseNamedPermanently: "永久刪除 {{title}}",
+    deleteDatabasePermanentlyDescription:
+      "這會永久刪除「{{title}}」及其頁面。此操作無法復原。",
+    deleteDatabasePermanentlyQuestion: "永久刪除資料庫？",
+    deletePermanently: "永久刪除",
+    failedCreateDatabase: "建立資料庫失敗",
     failedCreatePage: "建立頁面失敗",
     failedDeletePage: "刪除頁面失敗",
+    failedPermanentDeleteDatabase: "永久刪除資料庫失敗",
     failedMovePage: "行動頁面失敗",
+    failedRestoreDatabase: "還原資料庫失敗",
     deletePageDescription:
-      "“{{title}}” y todas sus subpáginas se eliminarán permanentemente. Esto no se puede deshacer.",
-    deletePageQuestion: "¿Eliminar página?",
+      "「{{title}}」及其所有子頁面將被永久刪除。此操作無法復原。",
+    deletePageQuestion: "刪除頁面？",
     localFiles: "本機檔案",
+    new: "新增",
     newPage: "新頁面",
     nextStep: "下一步",
     notionConfigureOAuthAuthorize: "設定 OAuth，然後授權你的工作區。",
@@ -991,14 +1005,18 @@ const messages = {
     noSharedCopiesYet: "還沒有共用副本",
     oneAffectedPageReadOnly: "受影響的頁面之一是唯讀的。",
     organization: "組織",
+    page: "頁面",
     private: "私人",
     results: "結果",
     search: "搜尋",
     searchPages: "搜尋頁面...",
     refreshConnection: "重新整理連線",
+    restoreDatabase: "還原",
+    restoreDatabaseNamed: "還原 {{title}}",
     saving: "正在儲存...",
     sharedCopies: "共用副本",
     synced: "已同步",
+    trash: "垃圾桶",
     favorites: "釘選",
     untitled: "無標題",
   },