@allbluecn/web-app 0.9.5 → 0.10.2

package/src/components/tiptap/ui/color-text-button/color-text-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, useMemo } from "react"
 
 // --- Lib ---
@@ -38,9 +37,9 @@ import { Badge } from "../../ui-primitive/badge/index.tsx"
 
 // --- Styles ---
 import "./color-text-button.scss"
+import { m } from "@/paraglide/messages.js";
 
 // --- i18n ---
-import { getClientI18n } from "@/i18n/client"
 
 export interface ColorTextButtonProps
   extends Omit<ButtonProps, "type">, UseColorTextConfig {
@@ -99,7 +98,7 @@ export const ColorTextButton = forwardRef<
     } = useColorText({
       editor,
       textColor,
-      label: text || getClientI18n().t('text-color-label', { color: textColor }),
+      label: text || m['editor_text-color-label']({ color: textColor }),
       hideWhenUnavailable,
       onApplied,
     })

package/src/components/tiptap/ui/color-text-button/use-color-text.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 { useHotkeys } from "react-hotkeys-hook"
@@ -34,56 +32,57 @@ import {
 
 // --- Icons ---
 import { TextColorSmallIcon } from "../../icons/text-color-small-icon.tsx"
+import { m } from "@/paraglide/messages.js";
 
 export const COLOR_TEXT_SHORTCUT_KEY = "mod+shift+t"
 export const TEXT_COLORS = [
   {
-    label: getClientI18n().t('default'),
+    label: m.chat_agentSelector_default(),
     value: "var(--tt-color-text)",
     border: "var(--tt-color-text-contrast)",
   },
   {
-    label: getClientI18n().t('gray'),
+    label: m.editor_gray(),
     value: "var(--tt-color-text-gray)",
     border: "var(--tt-color-text-gray-contrast)",
   },
   {
-    label: getClientI18n().t('brown'),
+    label: m.editor_brown(),
     value: "var(--tt-color-text-brown)",
     border: "var(--tt-color-text-brown-contrast)",
   },
   {
-    label: getClientI18n().t('orange'),
+    label: m.editor_orange(),
     value: "var(--tt-color-text-orange)",
     border: "var(--tt-color-text-orange-contrast)",
   },
   {
-    label: getClientI18n().t('yellow'),
+    label: m.editor_yellow(),
     value: "var(--tt-color-text-yellow)",
     border: "var(--tt-color-text-yellow-contrast)",
   },
   {
-    label: getClientI18n().t('green'),
+    label: m.editor_green(),
     value: "var(--tt-color-text-green)",
     border: "var(--tt-color-text-green-contrast)",
   },
   {
-    label: getClientI18n().t('blue'),
+    label: m.editor_blue(),
     value: "var(--tt-color-text-blue)",
     border: "var(--tt-color-text-blue-contrast)",
   },
   {
-    label: getClientI18n().t('purple'),
+    label: m.editor_purple(),
     value: "var(--tt-color-text-purple)",
     border: "var(--tt-color-text-purple-contrast)",
   },
   {
-    label: getClientI18n().t('pink'),
+    label: m.editor_pink(),
     value: "var(--tt-color-text-pink)",
     border: "var(--tt-color-text-pink-contrast)",
   },
   {
-    label: getClientI18n().t('red'),
+    label: m.editor_red(),
     value: "var(--tt-color-text-red)",
     border: "var(--tt-color-text-red-contrast)",
   },
@@ -296,7 +295,7 @@ export function useColorText(config: UseColorTextConfig) {
     isActive,
     handleColorText,
     canColorText: canColorTextState,
-    label: label || getClientI18n().t('text-color-label', { color: textColor }),
+    label: label || m['editor_text-color-label']({ color: textColor }),
     shortcutKeys: COLOR_TEXT_SHORTCUT_KEY,
     Icon: TextColorSmallIcon,
   }

package/src/components/tiptap/ui/color-text-popover/color-text-popover.tsx

@@ -14,11 +14,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 { getClientI18n } from "@/i18n/client"
 import { useCallback, useMemo, useRef, useState } from "react"
-import { useTranslation } from 'react-i18next'
 import type { Editor } from "@tiptap/react"
 
 // --- Hooks ---
@@ -70,6 +66,7 @@ import { chunkArray } from "../../lib/advanced-utils.ts"
 // --- Styles ---
 import "./color-text-popover.scss"
 import { ButtonGroup } from "../../ui-primitive/button-group/index.tsx"
+import { m } from "@/paraglide/messages.js";
 
 // ─── Shared types ────────────────────────────────────────────────────────────
 
@@ -95,7 +92,6 @@ export function RecentColorButton({
   editor,
   ...props
 }: RecentColorButtonProps) {
-  const { t } = useTranslation('editor')
   const colorSet = colorObj.type === "text" ? TEXT_COLORS : HIGHLIGHT_COLORS
   const color = getColorByValue(colorObj.value, colorSet)
 
@@ -163,7 +159,7 @@ export function ColorGroup({
             onColorSelected({ type, label: color.label, value: color.value }),
           tabIndex: isHighlighted ? 0 : -1,
           "data-highlighted": isHighlighted,
-          "aria-label": `${color.label} ${type === "text" ? getClientI18n().t('text-color') : getClientI18n().t('highlight-color')}`,
+          "aria-label": `${color.label} ${type === "text" ? m['editor_text-color']() : m['editor_highlight-color']()}`,
         }
 
         return type === "text" ? (
@@ -209,7 +205,7 @@ function RecentColorsSection({
 
   return (
     <CardItemGroup>
-      <CardGroupLabel>{getClientI18n().t('recently-used-colors')}</CardGroupLabel>
+      <CardGroupLabel>{m['editor_recently-used-colors']()}</CardGroupLabel>
       <ButtonGroup>
         {recentColors.map((colorObj, index) => (
           <RecentColorButton
@@ -344,7 +340,7 @@ export function TextStyleColorPanel({
         )}
 
         <CardItemGroup>
-          <CardGroupLabel>{getClientI18n().t('text-color')}</CardGroupLabel>
+          <CardGroupLabel>{m['editor_text-color']()}</CardGroupLabel>
           <ColorGroup
             type="text"
             colors={textColorGroups}
@@ -356,7 +352,7 @@ export function TextStyleColorPanel({
         </CardItemGroup>
 
         <CardItemGroup>
-          <CardGroupLabel>{getClientI18n().t('highlight-color')}</CardGroupLabel>
+          <CardGroupLabel>{m['editor_highlight-color']()}</CardGroupLabel>
           <ColorGroup
             type="highlight"
             colors={highlightColorGroups}
@@ -455,7 +451,7 @@ export function ColorTextPopover({
       </PopoverTrigger>
 
       <PopoverContent
-        aria-label={getClientI18n().t('text-color-options')}
+        aria-label={m['editor_text-color-options']()}
         side="bottom"
         align="start"
       >

package/src/components/tiptap/ui/color-text-popover/use-color-text-popover.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"
 
@@ -33,6 +31,7 @@ import { getActiveMarkAttrs } from "../../lib/advanced-utils.ts"
 // --- Tiptap UI ---
 import { canColorText } from "../color-text-button/index.tsx"
 import { canColorHighlight } from "../color-highlight-button/index.tsx"
+import { m } from "@/paraglide/messages.js";
 
 export type ColorType = "text" | "highlight"
 
@@ -289,7 +288,7 @@ export function useColorTextPopover(config?: UseColorTextPopoverConfig) {
     activeTextStyle,
     activeHighlight,
     handleColorChanged,
-    label: getClientI18n().t('text-color'),
+    label: m['editor_text-color'](),
     Icon: TextColorSmallIcon,
   }
 }

package/src/components/tiptap/ui/copy-anchor-link-button/copy-anchor-link-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 CopyAnchorLinkButtonProps
   extends Omit<ButtonProps, "type">, UseCopyAnchorLinkConfig {
@@ -55,7 +53,6 @@ shortcutKeys = COPY_ANCHOR_LINK_SHORTCUT_KEY,
 }: {
   shortcutKeys?: string
 }) {
-  const { t } = useTranslation('editor')
   return <Badge>{parseShortcutKeys({ shortcutKeys })}</Badge>
 }
 
@@ -84,7 +81,6 @@ export const CopyAnchorLinkButton = forwardRef<
     ref
   ) => {
     const { editor } = useTiptapEditor(providedEditor)
-    const { t } = useTranslation("editor")
     const { isVisible, handleCopyAnchorLink, label, shortcutKeys, Icon } =
       useCopyAnchorLink({
         editor,
@@ -114,7 +110,7 @@ export const CopyAnchorLinkButton = forwardRef<
         role="button"
         tabIndex={-1}
         aria-label={label}
-        tooltip={t('copy-anchor-link')}
+        tooltip={m['editor_copy-anchor-link']()}
         onClick={handleClick}
         {...buttonProps}
         ref={ref}

package/src/components/tiptap/ui/copy-anchor-link-button/use-copy-anchor-link.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"
@@ -34,6 +32,7 @@ import {
 
 // --- Icons ---
 import { LinkIcon } from "../../icons/link-icon.tsx"
+import { m } from "@/paraglide/messages.js";
 
 export const COPY_ANCHOR_LINK_SHORTCUT_KEY = "mod+ctrl+l"
 
@@ -275,7 +274,7 @@ export function useCopyAnchorLink(config?: UseCopyAnchorLinkConfig) {
     isVisible,
     handleCopyAnchorLink,
     canCopyAnchorLink: canCopyAnchor,
-    label: getClientI18n().t('copy-anchor-link'),
+    label: m['editor_copy-anchor-link'](),
     shortcutKeys: COPY_ANCHOR_LINK_SHORTCUT_KEY,
     Icon: LinkIcon,
   }

package/src/components/tiptap/ui/copy-anchor-link-button/use-scroll-to-hash.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 { useCallback, useEffect, useRef } from "react"
 import { type Editor } from "@tiptap/react"
 import { useTiptapEditor } from "../../hooks/use-tiptap-editor.ts"

package/src/components/tiptap/ui/copy-to-clipboard-button/copy-to-clipboard-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 CopyToClipboardButtonProps
   extends Omit<ButtonProps, "type">, UseCopyToClipboardConfig {
@@ -55,7 +53,6 @@ shortcutKeys = COPY_TO_CLIPBOARD_SHORTCUT_KEY,
 }: {
   shortcutKeys?: string
 }) {
-  const { t } = useTranslation('editor')
   return <Badge>{parseShortcutKeys({ shortcutKeys })}</Badge>
 }
 
@@ -83,7 +80,6 @@ export const CopyToClipboardButton = forwardRef<
     ref
   ) => {
     const { editor } = useTiptapEditor(providedEditor)
-    const { t } = useTranslation("editor")
     const { isVisible, handleCopyToClipboard, label, shortcutKeys, Icon } =
       useCopyToClipboard({
         editor,
@@ -112,7 +108,7 @@ export const CopyToClipboardButton = forwardRef<
         role="button"
         tabIndex={-1}
         aria-label={label}
-        tooltip={t('copy-to-clipboard')}
+        tooltip={m['editor_copy-to-clipboard']()}
         onClick={handleClick}
         {...buttonProps}
         ref={ref}

package/src/components/tiptap/ui/copy-to-clipboard-button/use-copy-to-clipboard.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 { useHotkeys } from "react-hotkeys-hook"
@@ -30,6 +28,7 @@ import { useIsBreakpoint } from "../../hooks/use-is-breakpoint.ts"
 
 // --- Icons ---
 import { ClipboardIcon } from "../../icons/clipboard-icon.tsx"
+import { m } from "@/paraglide/messages.js";
 
 export const COPY_TO_CLIPBOARD_SHORTCUT_KEY = "mod+c"
 
@@ -268,7 +267,7 @@ export function useCopyToClipboard(config?: UseCopyToClipboardConfig) {
     isVisible,
     handleCopyToClipboard,
     canCopyToClipboard: canCopyToClipboardState,
-    label: getClientI18n().t('copy-to-clipboard'),
+    label: m['editor_copy-to-clipboard'](),
     shortcutKeys: COPY_TO_CLIPBOARD_SHORTCUT_KEY,
     Icon: ClipboardIcon,
   }

package/src/components/tiptap/ui/delete-node-button/delete-node-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 DeleteNodeButtonProps
   extends Omit<ButtonProps, "type">, UseDeleteNodeConfig {
@@ -55,7 +53,6 @@ shortcutKeys = DELETE_NODE_SHORTCUT_KEY,
 }: {
   shortcutKeys?: string
 }) {
-  const { t } = useTranslation('editor')
   return <Badge>{parseShortcutKeys({ shortcutKeys })}</Badge>
 }
 
@@ -82,7 +79,6 @@ export const DeleteNodeButton = forwardRef<
     ref
   ) => {
     const { editor } = useTiptapEditor(providedEditor)
-    const { t } = useTranslation("editor")
     const { isVisible, handleDeleteNode, label, shortcutKeys, Icon } =
       useDeleteNode({
         editor,
@@ -110,7 +106,7 @@ export const DeleteNodeButton = forwardRef<
         role="button"
         tabIndex={-1}
         aria-label={label}
-        tooltip={t('delete')}
+        tooltip={m.editor_delete()}
         onClick={handleClick}
         {...buttonProps}
         ref={ref}

package/src/components/tiptap/ui/delete-node-button/use-delete-node.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 { TrashIcon } from "../../icons/trash-icon.tsx"
+import { m } from "@/paraglide/messages.js";
 
 export const DELETE_NODE_SHORTCUT_KEY = "backspace"
 
@@ -252,7 +251,7 @@ export function useDeleteNode(config?: UseDeleteNodeConfig) {
     isVisible,
     handleDeleteNode,
     canDeleteNode: canDeleteNodeState,
-    label: getClientI18n().t('delete'),
+    label: m.agents_agent_delete(),
     shortcutKeys: DELETE_NODE_SHORTCUT_KEY,
     Icon: TrashIcon,
   }

package/src/components/tiptap/ui/doc-reference-floating/doc-reference-floating.tsx

@@ -18,17 +18,16 @@
 import type { Editor } from "@tiptap/react"
 import { ExternalLink, Type, LayoutGrid, Trash2 } from "lucide-react"
 import { useTiptapEditor } from "../../hooks/use-tiptap-editor.ts"
-import { useTranslation } from 'react-i18next'
 import { isNodeTypeSelected } from "../../lib/utils.ts"
 import { Button } from "../../ui-primitive/button/index.tsx"
 import { Separator } from "../../ui-primitive/separator/index.tsx"
+import { m } from "@/paraglide/messages.js";
 
 export function DocRefFloating({
 editor: providedEditor,
 }: {
   editor?: Editor | null
 }) {
-  const { t } = useTranslation('editor')
   const { editor } = useTiptapEditor(providedEditor)
   const visible = isNodeTypeSelected(editor, ["mention", "docCard"])
 
@@ -47,12 +46,12 @@ editor: providedEditor,
 
   const handleOpenNewTab = () => {
     const { id, docGroup } = attrs
-    if (docGroup && [t('laws-regulations'), t('industry-compliance'), t('dictionary-entry'), t('website-bookmark')].includes(docGroup)) {
+    if (docGroup && docGroup && [m['editor_laws-regulations']() as string, m['editor_industry-compliance']() as string, m['editor_dictionary-entry']() as string, m['editor_website-bookmark']() as string].includes(docGroup)) {
       const typeMap: Record<string, string> = {
-        [t('laws-regulations')]: "law",
-        [t('industry-compliance')]: "compliance",
-        [t('dictionary-entry')]: "dictionary",
-        [t('website-bookmark')]: "bookmarks",
+        [m['editor_laws-regulations']()]: "law",
+        [m['editor_industry-compliance']()]: "compliance",
+        [m['editor_dictionary-entry']()]: "dictionary",
+        [m['editor_website-bookmark']()]: "bookmarks",
       }
       window.open(`/knowledge/${typeMap[docGroup]}/${id}`, "_blank")
     } else {
@@ -101,18 +100,18 @@ editor: providedEditor,
 
   return (
     <>
-      <Button variant="ghost" type="button" tooltip={t('open-in-new-tab')} onClick={handleOpenNewTab}>
+      <Button variant="ghost" type="button" tooltip={m['editor_open-in-new-tab']()} onClick={handleOpenNewTab}>
         <ExternalLink className="tiptap-button-icon" />
       </Button>
       <Separator />
-      <Button variant="ghost" type="button" tooltip={t('heading-view')} data-active-state={isMention ? "on" : "off"} onClick={() => handleSwitchView("title")}>
+      <Button variant="ghost" type="button" tooltip={m['editor_heading-view']()} data-active-state={isMention ? "on" : "off"} onClick={() => handleSwitchView("title")}>
         <Type className="tiptap-button-icon" />
       </Button>
-      <Button variant="ghost" type="button" tooltip={t('card-view')} data-active-state={isDocCard ? "on" : "off"} onClick={() => handleSwitchView("card")}>
+      <Button variant="ghost" type="button" tooltip={m['editor_card-view']()} data-active-state={isDocCard ? "on" : "off"} onClick={() => handleSwitchView("card")}>
         <LayoutGrid className="tiptap-button-icon" />
       </Button>
       <Separator />
-      <Button variant="ghost" type="button" tooltip={t('delete')} onClick={handleDelete}>
+      <Button variant="ghost" type="button" tooltip={m.editor_delete()} onClick={handleDelete}>
         <Trash2 className="tiptap-button-icon" />
       </Button>
     </>

package/src/components/tiptap/ui/doc-reference-interaction/doc-reference-interaction.tsx

@@ -16,7 +16,6 @@
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
 import { useState, useRef, useCallback, useEffect } from "react"
-import { useTranslation } from 'react-i18next'
 import {
   FileText,
   Network,
@@ -28,6 +27,7 @@ import { NotionAvatar } from "@/components/shared-kit/avatars/notion-avatar"
 import { formatDate } from "../../lib/datetime.ts"
 import { useTimezone } from "@/components/shared-kit/timezone/timezone-provider"
 import { useEditorServices, type DocumentPreviewData } from "../../notion-like/index.ts"
+import { m } from "@/paraglide/messages.js";
 
 interface DocRefMeta {
   id: string
@@ -44,17 +44,17 @@ const TYPE_ICONS: Record<string, typeof FileText> = {
   table: Grid3X3,
 }
 
-function formatDateRelative(dateStr: string, timezone: string, t: (key: string, options?: any) => string) {
+function formatDateRelative(dateStr: string, timezone: string) {
   const d = new Date(dateStr)
   const now = new Date()
   const diffMs = now.getTime() - d.getTime()
   const diffMin = Math.floor(diffMs / 60000)
   const diffHr = Math.floor(diffMin / 60)
   const diffDay = Math.floor(diffHr / 24)
-  if (diffMin < 1) return t('just-now')
-  if (diffMin < 60) return t('minutesAgo', { count: diffMin })
-  if (diffHr < 24) return t('hoursAgo', { count: diffHr })
-  if (diffDay < 7) return t('daysAgo', { count: diffDay })
+  if (diffMin < 1) return m['editor_just-now']()
+  if (diffMin < 60) return m.editor_minutesAgo({ count: diffMin })
+  if (diffHr < 24) return m.editor_hoursAgo({ count: diffHr })
+  if (diffDay < 7) return m.editor_daysAgo({ count: diffDay })
   return formatDate(d, timezone, 'yyyy-MM-dd')
 }
 
@@ -64,7 +64,6 @@ function DocPreviewBody({ meta }: { meta: DocRefMeta }) {
   const timezone = useTimezone()
   const es = useEditorServices() ?? {}
   const { documentSuggestion } = es
-  const { t } = useTranslation('editor')
 
   useEffect(() => {
     let cancelled = false
@@ -86,13 +85,13 @@ function DocPreviewBody({ meta }: { meta: DocRefMeta }) {
 
   if (loading) {
     return (
-      <div className="flex items-center justify-center py-8 text-sm text-muted-foreground"> {t('loading') } </div>
+      <div className="flex items-center justify-center py-8 text-sm text-muted-foreground"> {m.editor_loading() } </div>
     )
   }
 
   if (!data) {
     return (
-      <div className="flex items-center justify-center py-8 text-sm text-muted-foreground"> {t('doc-not-found') } </div>
+      <div className="flex items-center justify-center py-8 text-sm text-muted-foreground"> {m['editor_doc-not-found']() } </div>
     )
   }
 
@@ -109,7 +108,7 @@ function DocPreviewBody({ meta }: { meta: DocRefMeta }) {
         <span className="font-medium text-sm truncate">{data.title}</span>
       </div>
       <div className="flex-1 overflow-y-auto px-4 py-3 text-sm text-muted-foreground leading-relaxed">
-        {plainText.slice(0, 500) || t('no-content')}
+        {plainText.slice(0, 500) || m['editor_no-content']()}
         {plainText.length > 500 ? "..." : ""}
       </div>
       <div className="flex items-center gap-2 px-4 py-2 border-t text-xs text-muted-foreground shrink-0">
@@ -125,7 +124,7 @@ function DocPreviewBody({ meta }: { meta: DocRefMeta }) {
             <span className="text-muted-foreground/50">·</span>
           </>
         )}
-        <span>{t('last-updated')} {formatDateRelative(data.updatedAt, timezone, t)}</span>
+        <span>{m['editor_last-updated']()} {formatDateRelative(data.updatedAt, timezone)}</span>
       </div>
     </div>
   )

package/src/components/tiptap/ui/drag-context-menu/drag-context-menu.tsx

@@ -15,11 +15,8 @@
 // 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/>.
 
-
 // ─── React & External Libraries ──────────────────────────────────────────────
-import { getClientI18n } from "@/i18n/client"
 import { useCallback, useEffect, useMemo, useState } from "react"
-import { useTranslation } from 'react-i18next'
 import type { Node as TiptapNode } from "@tiptap/pm/model"
 import { offset } from "@floating-ui/react"
 import { DragHandle } from "@tiptap/extension-drag-handle-react"
@@ -104,6 +101,7 @@ import { Repeat2Icon } from "../../icons/repeat-2-icon.tsx"
 
 // ─── Styles ───────────────────────────────────────────────────────────────────
 import "./drag-context-menu.scss"
+import { m } from "@/paraglide/messages.js";
 
 const useNodeTransformActions = () => {
   const text = useText()
@@ -211,9 +209,9 @@ const TransformActionGroup: React.FC = () => {
   return (
     <>
       {actions && (
-        <SubMenuTrigger icon={Repeat2Icon} label={getClientI18n().t('convert-to')}>
+        <SubMenuTrigger icon={Repeat2Icon} label={m['editor_convert-to']()}>
           <MenuGroup>
-            <MenuGroupLabel> {getClientI18n().t('convert-to') } </MenuGroupLabel>
+            <MenuGroupLabel> {m['editor_convert-to']() } </MenuGroupLabel>
             {actions.map((action) => (
               <BaseMenuItem key={action.label} {...action} />
             ))}
@@ -253,7 +251,7 @@ const TableFitToWidth: React.FC = () => {
       {clearAllContents.canClearRowColumnContent && (
         <BaseMenuItem
           icon={clearAllContents.Icon}
-          label={getClientI18n().t('clear-all-content')}
+          label={m['editor_clear-all-content']()}
           disabled={!clearAllContents.canClearRowColumnContent}
           onClick={clearAllContents.handleClear}
         />
@@ -360,7 +358,7 @@ const AIActionGroup: React.FC = () => {
         {canAiAsk && (
           <BaseMenuItem
             icon={AiAskIcon}
-            label={getClientI18n().t('ask-ai')}
+            label={m['editor_ask-ai']()}
             onClick={handleAiAsk}
             shortcutBadge={<AskAiShortcutBadge />}
           />
@@ -505,8 +503,8 @@ export const DragContextMenu: React.FC<DragContextMenuProps> = ({
                     tabIndex={-1}
                     tooltip={
                       <>
-                        <div> {getClientI18n().t('click-to-show-options') } </div>
-                        <div> {getClientI18n().t('hold-to-drag') } </div>
+                        <div> {m['editor_click-to-show-options']() } </div>
+                        <div> {m['editor_hold-to-drag']() } </div>
                       </>
                     }
                     data-weight="small"