@allbluecn/web-app 0.9.5 → 0.10.2

package/src/components/tiptap/ui/duplicate-button/duplicate-button.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 { forwardRef, useCallback } from "react"
-import { useTranslation } from 'react-i18next'
-
 // --- Lib ---
 import { parseShortcutKeys } from "../../lib/utils.ts"
 
@@ -36,6 +33,7 @@ import {
 import type { ButtonProps } from "../../ui-primitive/button/index.tsx"
 import { Button } from "../../ui-primitive/button/index.tsx"
 import { Badge } from "../../ui-primitive/badge/index.tsx"
+import { m } from "@/paraglide/messages.js";
 
 export interface DuplicateButtonProps
   extends Omit<ButtonProps, "type">, UseDuplicateConfig {
@@ -55,7 +53,6 @@ shortcutKeys = DUPLICATE_SHORTCUT_KEY,
 }: {
   shortcutKeys?: string
 }) {
-  const { t } = useTranslation('editor')
   return <Badge>{parseShortcutKeys({ shortcutKeys })}</Badge>
 }
 
@@ -81,7 +78,6 @@ export const DuplicateButton = forwardRef<
     },
     ref
   ) => {
-    const { t } = useTranslation('editor')
     const { editor } = useTiptapEditor(providedEditor)
     const { isVisible, handleDuplicate, label, shortcutKeys, Icon } =
       useDuplicate({
@@ -110,7 +106,7 @@ export const DuplicateButton = forwardRef<
         role="button"
         tabIndex={-1}
         aria-label={label}
-        tooltip={t('copy-node')}
+        tooltip={m['editor_copy-node']()}
         onClick={handleClick}
         {...buttonProps}
         ref={ref}

package/src/components/tiptap/ui/duplicate-button/use-duplicate.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 { useHotkeys } from "react-hotkeys-hook"
 import { type Editor } from "@tiptap/react"
@@ -28,6 +26,7 @@ import { useIsBreakpoint } from "../../hooks/use-is-breakpoint.ts"
 
 // --- Icons ---
 import { CopyIcon } from "../../icons/copy-icon.tsx"
+import { m } from "@/paraglide/messages.js";
 
 export const DUPLICATE_SHORTCUT_KEY = "mod+d"
 
@@ -233,7 +232,7 @@ export function useDuplicate(config?: UseDuplicateConfig) {
     isVisible,
     handleDuplicate,
     canDuplicate,
-    label: getClientI18n().t('copy-node'),
+    label: m['editor_copy-node'](),
     shortcutKeys: DUPLICATE_SHORTCUT_KEY,
     Icon: CopyIcon,
   }

package/src/components/tiptap/ui/emoji-dropdown-menu/emoji-dropdown-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 { useMemo } from "react"
 import type { Editor, Range } from "@tiptap/react"
 import type { EmojiItem } from "@tiptap/extension-emoji"

package/src/components/tiptap/ui/emoji-menu/emoji-menu.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 { useEffect, useMemo, useRef, useState } from "react"
-import { useTranslation } from 'react-i18next'
 import type { EmojiItem } from "@tiptap/extension-emoji"
 
 // --- Hooks ---
@@ -40,6 +38,7 @@ import { getFilteredEmojis } from "./emoji-menu-utils.ts"
 
 // --- Styles ---
 import "./emoji-menu.scss"
+import { m } from "@/paraglide/messages.js";
 
 export interface EmojiMenuItemProps<T extends EmojiItem> {
   emoji: T
@@ -52,7 +51,6 @@ export interface EmojiMenuItemProps<T extends EmojiItem> {
 export const EmojiMenuItem = <T extends EmojiItem>(
   props: EmojiMenuItemProps<T>
 ) => {
-  const { t } = useTranslation('editor')
   const { emoji, isSelected, onSelect, selector } = props
   const itemRef = useRef<HTMLButtonElement>(null)
 
@@ -100,7 +98,6 @@ export interface EmojiMenuProps<T extends EmojiItem> {
 }
 
 export const EmojiMenu = <T extends EmojiItem>(props: EmojiMenuProps<T>) => {
-  const { t } = useTranslation('editor')
   const {
     emojis,
     onSelect,
@@ -147,7 +144,7 @@ export const EmojiMenu = <T extends EmojiItem>(props: EmojiMenuProps<T>) => {
           <Input
             ref={searchRef}
             type="text"
-            placeholder={t('search-emoji')}
+            placeholder={m['editor_search-emoji']()}
             value={searchQuery}
             autoFocus
             onChange={(e) => setSearchQuery(e.target.value)}

package/src/components/tiptap/ui/emoji-trigger-button/emoji-trigger-button.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 { forwardRef, useCallback } from "react"
-import { useTranslation } from 'react-i18next'
-
 // --- Lib ---
 import { parseShortcutKeys } from "../../lib/utils.ts"
 
@@ -36,6 +33,7 @@ import {
 import type { ButtonProps } from "../../ui-primitive/button/index.tsx"
 import { Button } from "../../ui-primitive/button/index.tsx"
 import { Badge } from "../../ui-primitive/badge/index.tsx"
+import { m } from "@/paraglide/messages.js";
 
 export interface EmojiTriggerButtonProps
   extends Omit<ButtonProps, "type">, UseEmojiTriggerConfig {
@@ -55,7 +53,6 @@ shortcutKeys = EMOJI_TRIGGER_SHORTCUT_KEY,
 }: {
   shortcutKeys?: string
 }) {
-  const { t } = useTranslation('editor')
   return <Badge>{parseShortcutKeys({ shortcutKeys })}</Badge>
 }
 
@@ -84,7 +81,6 @@ export const EmojiTriggerButton = forwardRef<
     },
     ref
   ) => {
-    const { t } = useTranslation('editor')
     const { editor } = useTiptapEditor(providedEditor)
     const {
       isVisible,
@@ -124,7 +120,7 @@ export const EmojiTriggerButton = forwardRef<
         disabled={!canAddTrigger}
         data-disabled={!canAddTrigger}
         aria-label={label}
-        tooltip={t('add-emoji')}
+        tooltip={m['editor_add-emoji']()}
         onClick={handleClick}
         {...buttonProps}
         ref={ref}

package/src/components/tiptap/ui/emoji-trigger-button/use-emoji-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, useEffect, useState } from "react"
 import { useHotkeys } from "react-hotkeys-hook"
 import { type Editor } from "@tiptap/react"
@@ -35,6 +33,7 @@ import {
 
 // --- Icons ---
 import { SmilePlusIcon } from "../../icons/smile-plus-icon.tsx"
+import { m } from "@/paraglide/messages.js";
 
 export const EMOJI_TRIGGER_SHORTCUT_KEY = "mod+shift+e"
 
@@ -330,7 +329,7 @@ export function useEmojiTrigger(config?: UseEmojiTriggerConfig) {
     isVisible,
     handleAddTrigger,
     canAddTrigger,
-    label: getClientI18n().t('add-emoji'),
+    label: m['editor_add-emoji'](),
     shortcutKeys: EMOJI_TRIGGER_SHORTCUT_KEY,
     trigger,
     Icon: SmilePlusIcon,

package/src/components/tiptap/ui/heading-button/heading-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"
 
 // --- Lib ---

package/src/components/tiptap/ui/heading-button/use-heading.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, TextSelection } from "@tiptap/pm/state"
@@ -41,16 +39,17 @@ import { HeadingThreeIcon } from "../../icons/heading-three-icon.tsx"
 import { HeadingFourIcon } from "../../icons/heading-four-icon.tsx"
 import { HeadingFiveIcon } from "../../icons/heading-five-icon.tsx"
 import { HeadingSixIcon } from "../../icons/heading-six-icon.tsx"
+import { m } from "@/paraglide/messages.js";
 
 export type Level = 1 | 2 | 3 | 4 | 5 | 6
 
 export const LEVEL_LABELS: Record<Level, string> = {
-  1: getClientI18n().t('heading-1'),
-  2: getClientI18n().t('heading-2'),
-  3: getClientI18n().t('heading-3'),
-  4: getClientI18n().t('heading-4'),
-  5: getClientI18n().t('heading-5'),
-  6: getClientI18n().t('heading-6'),
+  1: m['editor_heading-1'](),
+  2: m['editor_heading-2'](),
+  3: m['editor_heading-3'](),
+  4: m['editor_heading-4'](),
+  5: m['editor_heading-5'](),
+  6: m['editor_heading-6'](),
 }
 
 /**

package/src/components/tiptap/ui/image-align-button/image-align-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"
 
 // --- Lib ---

package/src/components/tiptap/ui/image-align-button/use-image-align.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 { useHotkeys } from "react-hotkeys-hook"
 import { type Editor } from "@tiptap/react"
@@ -33,6 +31,7 @@ import { isExtensionAvailable } from "../../lib/utils.ts"
 import { AlignCenterVerticalIcon } from "../../icons/align-center-vertical-icon.tsx"
 import { AlignEndVerticalIcon } from "../../icons/align-end-vertical-icon.tsx"
 import { AlignStartVerticalIcon } from "../../icons/align-start-vertical-icon.tsx"
+import { m } from "@/paraglide/messages.js";
 
 export type ImageAlign = "left" | "center" | "right"
 
@@ -82,9 +81,9 @@ export const imageAlignIcons = {
 }
 
 export const imageAlignLabels: Record<ImageAlign, string> = {
-  left: getClientI18n().t('image-left-align'),
-  center: getClientI18n().t('image-center-align'),
-  right: getClientI18n().t('image-right-align'),
+  left: m['editor_image-left-align'](),
+  center: m['editor_image-center-align'](),
+  right: m['editor_image-right-align'](),
 }
 
 /**

package/src/components/tiptap/ui/image-caption-button/image-caption-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/ui/image-caption-button/use-image-caption.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 { ImageCaptionIcon } from "../../icons/image-caption-icon.tsx"
+import { m } from "@/paraglide/messages.js";
 
 /**
  * Configuration for the image caption functionality
@@ -226,7 +225,7 @@ export function useImageCaption(config?: UseImageCaptionConfig) {
     isActive,
     canToggle,
     handleToggleCaption,
-    label: getClientI18n().t('image-caption'),
+    label: m['editor_image-caption'](),
     Icon: ImageCaptionIcon,
   }
 }

package/src/components/tiptap/ui/image-download-button/image-download-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"
 
 // --- Lib ---

package/src/components/tiptap/ui/image-download-button/use-image-download.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 { useHotkeys } from "react-hotkeys-hook"
 import { type Editor } from "@tiptap/react"
@@ -35,6 +33,7 @@ import {
 
 // --- Icons ---
 import { ArrowDownToLineIcon } from "../../icons/arrow-down-to-line-icon.tsx"
+import { m } from "@/paraglide/messages.js";
 
 export const IMAGE_DOWNLOAD_SHORTCUT_KEY = "mod+shift+d"
 
@@ -377,7 +376,7 @@ export function useImageDownload(config?: UseImageDownloadConfig) {
     isVisible,
     canDownload,
     handleDownload,
-    label: getClientI18n().t('download-image'),
+    label: m['editor_download-image'](),
     shortcutKeys: IMAGE_DOWNLOAD_SHORTCUT_KEY,
     Icon: ArrowDownToLineIcon,
   }

package/src/components/tiptap/ui/image-upload-button/image-upload-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"
 
 // --- Lib ---

package/src/components/tiptap/ui/image-upload-button/use-image-upload.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 { useHotkeys } from "react-hotkeys-hook"
 import { type Editor } from "@tiptap/react"
@@ -30,6 +28,7 @@ import { isExtensionAvailable } from "../../lib/utils.ts"
 
 // --- Icons ---
 import { ImagePlusIcon } from "../../icons/image-plus-icon.tsx"
+import { m } from "@/paraglide/messages.js";
 
 export const IMAGE_UPLOAD_SHORTCUT_KEY = "mod+shift+i"
 
@@ -207,7 +206,7 @@ export function useImageUpload(config?: UseImageUploadConfig) {
     isActive,
     handleImage,
     canInsert,
-    label: getClientI18n().t('add-image'),
+    label: m['editor_add-image'](),
     shortcutKeys: IMAGE_UPLOAD_SHORTCUT_KEY,
     Icon: ImagePlusIcon,
   }

package/src/components/tiptap/ui/improve-dropdown/improve-dropdown.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 { useMemo } from "react"
-import { useTranslation } from 'react-i18next'
 import { type Editor } from "@tiptap/react"
 import type { TextOptions, Tone } from "../../lib/ai-types.ts"
 
@@ -62,6 +60,7 @@ import {
   DropdownMenuPortal,
 } from "../../ui-primitive/dropdown-menu/index.tsx"
 import { Separator } from "../../ui-primitive/separator/index.tsx"
+import { m } from "@/paraglide/messages.js";
 
 export interface ToneOption {
   label: string
@@ -113,7 +112,6 @@ interface SubMenuAction {
 }
 
 function SubMenuButton({ action }: { action: SubMenuAction }) {
-  const { t } = useTranslation('editor')
   return (
     <DropdownMenuSub>
       <DropdownMenuSubTrigger asChild>
@@ -148,7 +146,6 @@ export function ImproveDropdown({
   modal = true,
   ...props
 }: ImproveDropdownProps) {
-  const { t } = useTranslation('editor')
   const {
     isVisible,
     isDisabled,
@@ -167,31 +164,31 @@ export function ImproveDropdown({
     () => [
       {
         icon: CheckAiIcon,
-        label: t('fix-spelling-grammar'),
+        label: m['editor_fix-spelling-grammar'](),
         command: "fixSpellingAndGrammar",
         onClick: () => executeAICommand("fixSpellingAndGrammar"),
       },
       {
         icon: TextExtendIcon,
-        label: t('expand-text'),
+        label: m['editor_expand-text'](),
         command: "extend",
         onClick: () => executeAICommand("extend"),
       },
       {
         icon: TextReduceIcon,
-        label: t('abbreviate-text'),
+        label: m['editor_abbreviate-text'](),
         command: "shorten",
         onClick: () => executeAICommand("shorten"),
       },
       {
         icon: Simplify2Icon,
-        label: t('simplify-text'),
+        label: m['editor_simplify-text'](),
         command: "simplify",
         onClick: () => executeAICommand("simplify"),
       },
       {
         icon: SmileAiIcon,
-        label: t('add-emoji'),
+        label: m['editor_add-emoji'](),
         command: "emojify",
         onClick: () => executeAICommand("emojify"),
       },
@@ -203,13 +200,13 @@ export function ImproveDropdown({
     () => [
       {
         icon: CompleteSentenceIcon,
-        label: t('complete-sentence'),
+        label: m['editor_complete-sentence'](),
         command: "complete",
         onClick: () => executeAICommand("complete"),
       },
       {
         icon: SummarizeTextIcon,
-        label: t('summarize'),
+        label: m.editor_summarize(),
         command: "summarize",
         onClick: () => executeAICommand("summarize"),
       },
@@ -221,7 +218,7 @@ export function ImproveDropdown({
     () => [
       {
         icon: MicAiIcon,
-        label: t('adjust-tone'),
+        label: m['editor_adjust-tone'](),
         items: SUPPORTED_TONES.map((option) => ({
           label: option.label,
           value: option.value,
@@ -235,7 +232,7 @@ export function ImproveDropdown({
   const translateSubMenu: SubMenuAction = useMemo(
     () => ({
       icon: LanguagesIcon,
-      label: t('translate'),
+      label: m.editor_translate(),
       items: SUPPORTED_LANGUAGES.map((option) => ({
         label: option.label,
         value: option.value,
@@ -260,12 +257,12 @@ export function ImproveDropdown({
           data-disabled={isDisabled}
           role="button"
           tabIndex={-1}
-          aria-label={t('ai-assistant')}
-          tooltip={t('ai-assistant')}
+          aria-label={m['editor_ai-assistant']()}
+          tooltip={m['editor_ai-assistant']()}
           {...props}
         >
           <AiSparklesIcon className="tiptap-button-icon" />
-          <span className="tiptap-button-text"> {t('ai-assistant') } </span>
+          <span className="tiptap-button-text"> {m['editor_ai-assistant']() } </span>
         </Button>
       </DropdownMenuTrigger>
 
@@ -289,7 +286,7 @@ export function ImproveDropdown({
 
         <DropdownMenuGroup>
           <DropdownMenuItem asChild>
-            <AiAskButton text={t('ask-ai')} showTooltip={false} />
+            <AiAskButton text={m['editor_ask-ai']()} showTooltip={false} />
           </DropdownMenuItem>
 
           {secondaryActions.map((action, index) => (

package/src/components/tiptap/ui/improve-dropdown/use-improve-dropdown.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, useMemo, useState } from "react"
 import type { Editor } from "@tiptap/react"
 import type { Language, TextOptions, Tone } from "../../lib/ai-types.ts"
@@ -30,6 +28,7 @@ import { AiSparklesIcon } from "../../icons/ai-sparkles-icon.tsx"
 
 // --- Lib ---
 import { isNodeTypeSelected } from "../../lib/utils.ts"
+import { m } from "@/paraglide/messages.js";
 
 /**
  * AI commands that can be executed on selected text
@@ -288,7 +287,7 @@ export function useImproveDropdown(config?: UseImproveDropdownConfig) {
     executeAICommand,
     adjustTone,
     translate,
-    label: getClientI18n().t('ai-assistant'),
+    label: m['editor_ai-assistant'](),
     Icon: AiSparklesIcon,
   }
 }

package/src/components/tiptap/ui/indent-button/indent-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"
 
 // --- Lib ---

package/src/components/tiptap/ui/indent-button/use-indent.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"
 
@@ -29,6 +27,7 @@ import { isExtensionAvailable } from "../../lib/utils.ts"
 // --- Icons ---
 import { IndentIncreaseIcon } from "../../icons/indent-increase-icon.tsx"
 import { IndentDecreaseIcon } from "../../icons/indent-decrease-icon.tsx"
+import { m } from "@/paraglide/messages.js";
 
 export type IndentAction = "indent" | "outdent"
 
@@ -66,8 +65,8 @@ export const indentIcons = {
 }
 
 export const indentLabels: Record<IndentAction, string> = {
-  indent: getClientI18n().t('increase-indent'),
-  outdent: getClientI18n().t('decrease-indent'),
+  indent: m['editor_increase-indent'](),
+  outdent: m['editor_decrease-indent'](),
 }
 
 /**