@allbluecn/web-app 0.9.5 → 0.10.0

package/src/components/tiptap/node/table-node/ui/table-clear-row-column-content-button/use-table-clear-row-column-content.ts

@@ -1,4 +1,3 @@
-import { getClientI18n } from '@/i18n/client'
 // SPDX-License-Identifier: AGPL-3.0-or-later
 // AllBlue - 理想之海
 // Copyright (C) 2026 AllBlue Contributors
@@ -16,7 +15,6 @@ import { getClientI18n } from '@/i18n/client'
 // You should have received a copy of the GNU Affero General Public License
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
-
 import { useCallback, useMemo } from "react"
 import type { Editor } from "@tiptap/react"
 import {
@@ -41,6 +39,7 @@ import {
 
 // --- Icons ---
 import { SquareXIcon } from "../../../../icons/square-x-icon.tsx"
+import { m } from "@/paraglide/messages.js";
 
 export interface UseTableClearRowColumnContentConfig {
   /**
@@ -81,8 +80,8 @@ export interface UseTableClearRowColumnContentConfig {
 const REQUIRED_EXTENSIONS = ["table"]
 
 export const tableClearRowColumnContentLabels: Record<Orientation, string> = {
-  row: getClientI18n().t('clear-row-content'),
-  column: getClientI18n().t('clear-column-content'),
+  row: m['editor_clear-row-content'](),
+  column: m['editor_clear-column-content'](),
 }
 
 /**
@@ -472,7 +471,7 @@ export function useTableClearRowColumnContent(
     if (selectionType) {
       return tableClearRowColumnContentLabels[selectionType.orientation]
     }
-    return getClientI18n().t('clear-content')
+    return m['editor_clear-content']()
   }, [selectionType])
 
   const Icon = SquareXIcon

package/src/components/tiptap/node/table-node/ui/table-delete-row-column-button/table-delete-row-column-button.tsx

@@ -15,7 +15,6 @@
 // You should have received a copy of the GNU Affero General Public License
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
-
 import { forwardRef, useCallback } from "react"
 
 // --- Hooks ---

package/src/components/tiptap/node/table-node/ui/table-delete-row-column-button/use-table-delete-row-column.ts

@@ -1,4 +1,3 @@
-import { getClientI18n } from '@/i18n/client'
 // SPDX-License-Identifier: AGPL-3.0-or-later
 // AllBlue - 理想之海
 // Copyright (C) 2026 AllBlue Contributors
@@ -16,7 +15,6 @@ import { getClientI18n } from '@/i18n/client'
 // You should have received a copy of the GNU Affero General Public License
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
-
 import { useCallback, useMemo } from "react"
 import type { Editor } from "@tiptap/react"
 import { deleteRow, deleteColumn, CellSelection } from "@tiptap/pm/tables"
@@ -36,6 +34,7 @@ import {
 
 // --- Icons ---
 import { TrashIcon } from "../../../../icons/trash-icon.tsx"
+import { m } from "@/paraglide/messages.js";
 
 export interface UseTableDeleteRowColumnConfig {
   /**
@@ -69,8 +68,8 @@ export interface UseTableDeleteRowColumnConfig {
 const REQUIRED_EXTENSIONS = ["table"]
 
 export const tableDeleteRowColumnLabels: Record<Orientation, string> = {
-  row: getClientI18n().t('delete-row'),
-  column: getClientI18n().t('delete-column'),
+  row: m['editor_delete-row'](),
+  column: m['editor_delete-column'](),
 }
 
 /**

package/src/components/tiptap/node/table-node/ui/table-duplicate-row-column-button/table-duplicate-row-column-button.tsx

@@ -15,7 +15,6 @@
 // You should have received a copy of the GNU Affero General Public License
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
-
 import { forwardRef, useCallback } from "react"
 
 // --- Hooks ---

package/src/components/tiptap/node/table-node/ui/table-duplicate-row-column-button/use-table-duplicate-row-column.ts

@@ -1,4 +1,3 @@
-import { getClientI18n } from '@/i18n/client'
 // SPDX-License-Identifier: AGPL-3.0-or-later
 // AllBlue - 理想之海
 // Copyright (C) 2026 AllBlue Contributors
@@ -16,7 +15,6 @@ import { getClientI18n } from '@/i18n/client'
 // You should have received a copy of the GNU Affero General Public License
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
-
 import { useCallback, useMemo } from "react"
 import type { Editor } from "@tiptap/react"
 import { addColumnAfter, addRowAfter, CellSelection } from "@tiptap/pm/tables"
@@ -38,6 +36,7 @@ import {
 
 // --- Icons ---
 import { CopyIcon } from "../../../../icons/copy-icon.tsx"
+import { m } from "@/paraglide/messages.js";
 
 export interface UseTableDuplicateRowColumnConfig {
   /**
@@ -71,8 +70,8 @@ export interface UseTableDuplicateRowColumnConfig {
 const REQUIRED_EXTENSIONS = ["tableHandleExtension"]
 
 export const tableDuplicateRowColumnLabels: Record<Orientation, string> = {
-  row: getClientI18n().t('copy-row'),
-  column: getClientI18n().t('copy-column'),
+  row: m['editor_copy-row'](),
+  column: m['editor_copy-column'](),
 }
 
 /**

package/src/components/tiptap/node/table-node/ui/table-extend-row-column-button/table-extend-row-column-button.tsx

@@ -15,9 +15,7 @@
 // You should have received a copy of the GNU Affero General Public License
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
-
 import { useCallback, useEffect, useRef, useState } from "react"
-import { useTranslation } from 'react-i18next'
 import { type Editor } from "@tiptap/react"
 import type { Node } from "@tiptap/pm/model"
 import { TableMap } from "@tiptap/pm/tables"
@@ -46,6 +44,7 @@ import { PlusSmallIcon } from "../../../../icons/plus-small-icon.tsx"
 // --- Internal ---
 import { useTableExtendRowColumnButtonsPositioning } from "./use-table-extend-row-column.ts"
 import "./table-extend-row-column-button.scss"
+import { m } from "@/paraglide/messages.js";
 
 interface TableExtendRowColumnButtonProps {
   editor?: Editor | null
@@ -68,7 +67,6 @@ export const TableExtendRowColumnButton: React.FC<
   orientation,
   children,
 }) => {
-  const { t } = useTranslation('editor')
   const { editor } = useTiptapEditor(providedEditor)
   const state = useTableHandleState({ editor })
   const isRowOrientation = orientation === "row"
@@ -207,7 +205,7 @@ export const TableExtendRowColumnButton: React.FC<
       onMouseDown={startDrag}
       type="button"
       aria-label={
-        isRowOrientation ? t('add-or-delete-row') : t('add-or-delete-column')
+        isRowOrientation ? m['editor_add-or-delete-row']() : m['editor_add-or-delete-column']()
       }
     >
       {children ?? <PlusSmallIcon className="tiptap-button-icon" />}

package/src/components/tiptap/node/table-node/ui/table-fit-to-width-button/table-fit-to-width-button.tsx

@@ -15,7 +15,6 @@
 // You should have received a copy of the GNU Affero General Public License
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
-
 import { forwardRef, useCallback } from "react"
 
 // --- Hooks ---

package/src/components/tiptap/node/table-node/ui/table-fit-to-width-button/use-table-fit-to-width.ts

@@ -1,4 +1,3 @@
-import { getClientI18n } from '@/i18n/client'
 // SPDX-License-Identifier: AGPL-3.0-or-later
 // AllBlue - 理想之海
 // Copyright (C) 2026 AllBlue Contributors
@@ -16,7 +15,6 @@ import { getClientI18n } from '@/i18n/client'
 // You should have received a copy of the GNU Affero General Public License
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
-
 import { useCallback } from "react"
 import type { Editor } from "@tiptap/react"
 
@@ -32,6 +30,7 @@ import {
 
 // --Icons ---
 import { MoveHorizontalIcon } from "../../../../icons/move-horizontal-icon.tsx"
+import { m } from "@/paraglide/messages.js";
 
 export interface UseTableFitToWidthConfig {
   /**
@@ -192,7 +191,7 @@ function shouldShowButton({
  * - `isVisible`: whether a button should be shown
  * - `canFitToWidth`: whether the action can execute now
  * - `handleFitToWidth()`: runs the action; returns `true` on success
- * - `label`: UI label, e.g. getClientI18n().t('fit-width')
+ * - `label`: UI label, e.g. m.editor_fitToWidth()
  * - `Icon`: a presentational icon component
  *
  * @example
@@ -246,7 +245,7 @@ export function useTableFitToWidth(config: UseTableFitToWidthConfig = {}) {
     return success
   }, [editor, onWidthAdjusted])
 
-  const label = getClientI18n().t('fit-width')
+  const label = m['editor_fit-width']()
   const Icon = MoveHorizontalIcon
 
   return {

package/src/components/tiptap/node/table-node/ui/table-handle/table-handle.tsx

@@ -15,7 +15,6 @@
 // You should have received a copy of the GNU Affero General Public License
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
-
 import { useCallback, useMemo, useState } from "react"
 import type { Editor } from "@tiptap/react"
 import type { ComponentType } from "react"

package/src/components/tiptap/node/table-node/ui/table-handle-menu/table-handle-menu.tsx

@@ -15,7 +15,6 @@
 // You should have received a copy of the GNU Affero General Public License
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
-
 import {
   useCallback,
   useMemo,
@@ -32,8 +31,6 @@ import { useTiptapEditor } from "../../../../hooks/use-tiptap-editor.ts"
 import { cn, isValidPosition, SR_ONLY } from "../../../../lib/utils.ts"
 import type { Orientation } from "../../lib/tiptap-table-utils.ts"
 import { selectCellsByCoords } from "../../lib/tiptap-table-utils.ts"
-import { getClientI18n } from '@/i18n/client'
-
 // --- Icons ---
 import { MoreVerticalIcon } from "../../../../icons/more-vertical-icon.tsx"
 
@@ -63,6 +60,7 @@ import { TableAlignMenu } from "../table-alignment-menu/index.tsx"
 import { dragEnd } from "../../extensions/table-handle/index.ts"
 
 import "./table-handle-menu.scss"
+import { m } from "@/paraglide/messages.js";
 
 /* -------------------------------------------------------------------------------------------------
  * Types & Interfaces
@@ -102,8 +100,8 @@ const MENU_PLACEMENT_MAP: Record<
 }
 
 const ARIA_LABELS: Record<Orientation, string> = {
-  row: getClientI18n().t('row-actions'),
-  column: getClientI18n().t('column-actions'),
+  row: m['editor_row-actions'](),
+  column: m['editor_column-actions'](),
 }
 
 /* -------------------------------------------------------------------------------------------------

package/src/components/tiptap/node/table-node/ui/table-header-row-column-button/table-header-row-column-button.tsx

@@ -15,7 +15,6 @@
 // You should have received a copy of the GNU Affero General Public License
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
-
 import { forwardRef, useCallback } from "react"
 
 // --- Hooks ---

package/src/components/tiptap/node/table-node/ui/table-header-row-column-button/use-table-header-row-column.ts

@@ -1,4 +1,3 @@
-import { getClientI18n } from '@/i18n/client'
 // SPDX-License-Identifier: AGPL-3.0-or-later
 // AllBlue - 理想之海
 // Copyright (C) 2026 AllBlue Contributors
@@ -16,7 +15,6 @@ import { getClientI18n } from '@/i18n/client'
 // You should have received a copy of the GNU Affero General Public License
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
-
 import { useCallback } from "react"
 import type { Editor } from "@tiptap/react"
 import { CellSelection, toggleHeader } from "@tiptap/pm/tables"
@@ -41,6 +39,7 @@ import {
 // --- Icons ---
 import { TableHeaderRowIcon } from "../../../../icons/table-header-row-icon.tsx"
 import { TableHeaderColumnIcon } from "../../../../icons/table-header-column-icon.tsx"
+import { m } from "@/paraglide/messages.js";
 
 export interface UseTableHeaderRowColumnConfig {
   /**
@@ -77,8 +76,8 @@ export interface UseTableHeaderRowColumnConfig {
 const REQUIRED_EXTENSIONS = ["table"]
 
 export const tableHeaderRowColumnLabels: Record<Orientation, string> = {
-  row: getClientI18n().t('header-row'),
-  column: getClientI18n().t('header-column'),
+  row: m['editor_header-row'](),
+  column: m['editor_header-column'](),
 }
 
 export const tableHeaderRowColumnIcons = {

package/src/components/tiptap/node/table-node/ui/table-merge-split-cell-button/table-merge-split-cell-button.tsx

@@ -15,7 +15,6 @@
 // You should have received a copy of the GNU Affero General Public License
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
-
 import { forwardRef, useCallback } from "react"
 
 // --- Hooks ---

package/src/components/tiptap/node/table-node/ui/table-merge-split-cell-button/use-table-merge-split-cell.ts

@@ -1,4 +1,3 @@
-import { getClientI18n } from '@/i18n/client'
 // SPDX-License-Identifier: AGPL-3.0-or-later
 // AllBlue - 理想之海
 // Copyright (C) 2026 AllBlue Contributors
@@ -16,7 +15,6 @@ import { getClientI18n } from '@/i18n/client'
 // You should have received a copy of the GNU Affero General Public License
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
-
 import { useCallback } from "react"
 import type { Editor } from "@tiptap/react"
 import { mergeCells, splitCell } from "@tiptap/pm/tables"
@@ -30,6 +28,7 @@ import { isExtensionAvailable } from "../../../../lib/utils.ts"
 // --- Icons ---
 import { TableCellMergeIcon } from "../../../../icons/table-cell-merge-icon.tsx"
 import { TableCellSplitIcon } from "../../../../icons/table-cell-split-icon.tsx"
+import { m } from "@/paraglide/messages.js";
 
 export type MergeSplitAction = "merge" | "split"
 
@@ -57,8 +56,8 @@ export interface UseTableMergeSplitCellConfig {
 const REQUIRED_EXTENSIONS = ["table"]
 
 export const tableMergeSplitCellLabels: Record<MergeSplitAction, string> = {
-  merge: getClientI18n().t('merge-cells'),
-  split: getClientI18n().t('split-cells'),
+  merge: m['editor_merge-cells'](),
+  split: m['editor_split-cells'](),
 }
 
 export const tableMergeSplitCellIcons = {

package/src/components/tiptap/node/table-node/ui/table-move-row-column-button/table-move-row-column-button.tsx

@@ -15,7 +15,6 @@
 // You should have received a copy of the GNU Affero General Public License
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
-
 import { forwardRef, useCallback } from "react"
 
 // --- Hooks ---

package/src/components/tiptap/node/table-node/ui/table-move-row-column-button/use-table-move-row-column.ts

@@ -1,4 +1,3 @@
-import { getClientI18n } from '@/i18n/client'
 // SPDX-License-Identifier: AGPL-3.0-or-later
 // AllBlue - 理想之海
 // Copyright (C) 2026 AllBlue Contributors
@@ -16,7 +15,6 @@ import { getClientI18n } from '@/i18n/client'
 // You should have received a copy of the GNU Affero General Public License
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
-
 import { useCallback, useMemo } from "react"
 import type { Editor } from "@tiptap/react"
 import type { TableMap } from "@tiptap/pm/tables"
@@ -50,6 +48,7 @@ import { ArrowLeftIcon } from "../../../../icons/arrow-left-icon.tsx"
 import { ArrowRightIcon } from "../../../../icons/arrow-right-icon.tsx"
 import { ArrowUpIcon } from "../../../../icons/arrow-up-icon.tsx"
 import { ArrowDownIcon } from "../../../../icons/arrow-down-icon.tsx"
+import { m } from "@/paraglide/messages.js";
 
 export type MoveDirection = "up" | "down" | "left" | "right"
 
@@ -95,16 +94,16 @@ export const tableMoveRowColumnLabels: Record<
   Record<MoveDirection, string>
 > = {
   row: {
-    up: getClientI18n().t('row-move-up'),
-    down: getClientI18n().t('row-move-down'),
-    left: getClientI18n().t('row-move-left'),
-    right: getClientI18n().t('row-move-right'),
+    up: m['editor_row-move-up'](),
+    down: m['editor_row-move-down'](),
+    left: m['editor_row-move-left'](),
+    right: m['editor_row-move-right'](),
   },
   column: {
-    up: getClientI18n().t('column-move-up'),
-    down: getClientI18n().t('column-move-down'),
-    left: getClientI18n().t('column-move-left'),
-    right: getClientI18n().t('column-move-right'),
+    up: m['editor_column-move-up'](),
+    down: m['editor_column-move-down'](),
+    left: m['editor_column-move-left'](),
+    right: m['editor_column-move-right'](),
   },
 }
 

package/src/components/tiptap/node/table-node/ui/table-selection-overlay/table-selection-overlay.tsx

@@ -15,7 +15,6 @@
 // You should have received a copy of the GNU Affero General Public License
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
-
 import { useEffect, useState, useCallback, useRef } from "react"
 import type { Editor } from "@tiptap/react"
 import { CellSelection, cellAround } from "@tiptap/pm/tables"

package/src/components/tiptap/node/table-node/ui/table-selection-overlay/use-resize-overlay.ts

@@ -15,7 +15,6 @@
 // You should have received a copy of the GNU Affero General Public License
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
-
 import { useEffect, useCallback, useRef } from "react"
 import type { Editor } from "@tiptap/react"
 import { columnResizingPluginKey } from "@tiptap/pm/tables"

package/src/components/tiptap/node/table-node/ui/table-sort-row-column-button/table-sort-row-column-button.tsx

@@ -15,7 +15,6 @@
 // You should have received a copy of the GNU Affero General Public License
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
-
 import { forwardRef, useCallback } from "react"
 
 // --- Hooks ---

package/src/components/tiptap/node/table-node/ui/table-sort-row-column-button/use-table-sort-row-column.ts

@@ -1,4 +1,3 @@
-import { getClientI18n } from '@/i18n/client'
 // SPDX-License-Identifier: AGPL-3.0-or-later
 // AllBlue - 理想之海
 // Copyright (C) 2026 AllBlue Contributors
@@ -16,7 +15,6 @@ import { getClientI18n } from '@/i18n/client'
 // You should have received a copy of the GNU Affero General Public License
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
-
 import { useCallback, useMemo } from "react"
 import type { Editor } from "@tiptap/react"
 import type { Node } from "@tiptap/pm/model"
@@ -38,6 +36,7 @@ import {
 // --- Icons ---
 import { ArrowDownAZIcon } from "../../../../icons/arrow-down-a-z-icon.tsx"
 import { ArrowDownZAIcon } from "../../../../icons/arrow-down-z-a-icon.tsx"
+import { m } from "@/paraglide/messages.js";
 
 export type SortDirection = "asc" | "desc"
 
@@ -83,12 +82,12 @@ export const tableSortRowColumnLabels: Record<
   Record<SortDirection, string>
 > = {
   row: {
-    asc: getClientI18n().t('row-sort-asc'),
-    desc: getClientI18n().t('row-sort-desc'),
+    asc: m['editor_row-sort-asc'](),
+    desc: m['editor_row-sort-desc'](),
   },
   column: {
-    asc: getClientI18n().t('column-sort-asc'),
-    desc: getClientI18n().t('column-sort-desc'),
+    asc: m['editor_column-sort-asc'](),
+    desc: m['editor_column-sort-desc'](),
   },
 }
 

package/src/components/tiptap/node/table-node/ui/table-trigger-button/table-grid-selector.tsx

@@ -15,7 +15,6 @@
 // You should have received a copy of the GNU Affero General Public License
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
-
 import { forwardRef, useMemo, useCallback } from "react"
 
 // --- UI Primitives ---
@@ -23,7 +22,7 @@ import { Button } from "../../../../ui-primitive/button/index.tsx"
 
 // --- Lib ---
 import { cn } from "../../../../lib/utils.ts"
-import { getClientI18n } from "@/i18n/client"
+import { m } from '@/paraglide/messages.js'
 
 // --- Icons ---
 import { TableColumnIcon } from "../../../../icons/table-column-icon.tsx"
@@ -120,7 +119,7 @@ const GridCell = ({
     disabled={disabled}
     onMouseEnter={onMouseEnter}
     onClick={onClick}
-    aria-label={getClientI18n().t('editor:table-select', { x: row + 1, y: col + 1 })}
+    aria-label={m['editor_table-select']({ x: row + 1, y: col + 1 })}
   />
 )
 

package/src/components/tiptap/node/table-node/ui/table-trigger-button/table-trigger-button.tsx

@@ -15,7 +15,6 @@
 // You should have received a copy of the GNU Affero General Public License
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
-
 import { forwardRef } from "react"
 
 // --- Hooks ---

package/src/components/tiptap/node/table-node/ui/table-trigger-button/use-table-trigger.ts

@@ -1,4 +1,3 @@
-import { getClientI18n } from '@/i18n/client'
 // SPDX-License-Identifier: AGPL-3.0-or-later
 // AllBlue - 理想之海
 // Copyright (C) 2026 AllBlue Contributors
@@ -16,7 +15,6 @@ import { getClientI18n } from '@/i18n/client'
 // You should have received a copy of the GNU Affero General Public License
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
-
 import { useCallback, useState } from "react"
 import type { Editor } from "@tiptap/react"
 
@@ -28,6 +26,7 @@ import { isExtensionAvailable } from "../../../../lib/utils.ts"
 
 // --- Icons ---
 import { TableIcon } from "../../../../icons/table-icon.tsx"
+import { m } from "@/paraglide/messages.js";
 
 const REQUIRED_EXTENSIONS = ["table"]
 
@@ -131,7 +130,7 @@ export function shouldShowButton(
  *
  *   return (
  *     <Popover open={isOpen} onOpenChange={setIsOpen}>
- *       <PopoverTrigger> {getClientI18n().t('insert-table') } </PopoverTrigger>
+ *       <PopoverTrigger> {m.editor_insertTable()} </PopoverTrigger>
  *       <PopoverContent>
  *         <TableGridSelector
  *           hoveredCell={hoveredCell}
@@ -190,7 +189,7 @@ export function useTableTriggerButton(config?: UseTableTriggerButtonConfig) {
     handleCellHover,
     handleCellClick,
     resetHoveredCell,
-    label: getClientI18n().t('insert-table'),
+    label: m['editor_insert-table'](),
     Icon: TableIcon,
   }
 }

package/src/components/tiptap/node/toc-node/toc-node.tsx

@@ -15,9 +15,7 @@
 // You should have received a copy of the GNU Affero General Public License
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
-
 import { useCallback, useMemo } from "react"
-import { useTranslation } from 'react-i18next'
 import { NodeViewWrapper } from "@tiptap/react"
 import type { NodeViewProps } from "@tiptap/react"
 import type {
@@ -28,6 +26,7 @@ import type {
 import { useToc } from "./context/toc-context.tsx"
 
 import "./toc-node.scss"
+import { m } from "@/paraglide/messages.js";
 
 type TocTreeNode = {
   item: TableOfContentDataItem
@@ -35,7 +34,6 @@ type TocTreeNode = {
 }
 
 export function TocNodeComponent(props: NodeViewProps) {
-  const { t } = useTranslation('editor')
   const { node, extension } = props
   const { tocContent, navigateToHeading, normalizeHeadingDepths } = useToc()
 
@@ -107,7 +105,7 @@ export function TocNodeComponent(props: NodeViewProps) {
         <div className="tiptap-table-of-contents-title">Table of contents</div>
       )}
       <nav
-        aria-label={t('table-of-contents')}
+        aria-label={m['editor_table-of-contents']()}
         className="tiptap-table-of-contents-list"
       >
         {flatTocList.map((node, index) => (

package/src/components/tiptap/node/toc-node/ui/toc-show-title-button/toc-show-title-button.tsx

@@ -15,7 +15,6 @@
 // You should have received a copy of the GNU Affero General Public License
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
-
 import * as React from "react"
 
 // --- Hooks ---

package/src/components/tiptap/node/toc-node/ui/toc-show-title-button/toc-show-title.ts

@@ -1,4 +1,3 @@
-import { getClientI18n } from '@/i18n/client'
 // SPDX-License-Identifier: AGPL-3.0-or-later
 // AllBlue - 理想之海
 // Copyright (C) 2026 AllBlue Contributors
@@ -16,7 +15,6 @@ import { getClientI18n } from '@/i18n/client'
 // You should have received a copy of the GNU Affero General Public License
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
-
 import { useCallback, useEffect, useState } from "react"
 import { type Editor } from "@tiptap/react"
 import { NodeSelection } from "@tiptap/pm/state"
@@ -32,6 +30,7 @@ import {
 
 // --- Icons ---
 import { ListIndentedIcon } from "../../../../icons/list-indented-icon.tsx"
+import { m } from "@/paraglide/messages.js";
 
 /**
  * Configuration for the TOC show title functionality
@@ -222,7 +221,7 @@ export function useTocShowTitle(config?: UseTocShowTitleConfig) {
     isActive,
     canToggle,
     handleToggle,
-    label: getClientI18n().t('show-heading'),
+    label: m['editor_show-heading'](),
     Icon: ListIndentedIcon,
   }
 }

package/src/components/tiptap/node/toc-node/ui/toc-sidebar/toc-sidebar.tsx

@@ -15,10 +15,7 @@
 // You should have received a copy of the GNU Affero General Public License
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
-
 import { useCallback, useMemo, useEffect, useRef, useState } from "react"
-
-import { useTranslation } from 'react-i18next'
 import { cn } from "../../../../lib/utils.ts"
 import {
   getScrollableAncestor,
@@ -30,6 +27,7 @@ import type {
 } from "@tiptap/extension-table-of-contents"
 
 import "./toc-sidebar.scss"
+import { m } from "@/paraglide/messages.js";
 
 export interface TocSidebarProps extends React.HTMLAttributes<HTMLDivElement> {
   /**
@@ -50,7 +48,6 @@ className,
   topOffset = 0,
   ...props
 }: TocSidebarProps) {
-  const { t } = useTranslation('editor')
   const { tocContent, navigateToHeading, normalizeHeadingDepths } = useToc()
   const hasRestoredHashRef = useRef(false)
 
@@ -238,7 +235,7 @@ className,
               "toc-sidebar-nav",
               !hasHeadings && "toc-sidebar-nav--hidden"
             )}
-            aria-label={t('table-of-contents')}
+            aria-label={m['editor_table-of-contents']()}
           >
             <div className="toc-sidebar-popover">
               {visibleHeadings.map((item) => {