@allbluecn/web-app 0.9.4 → 0.10.0

package/src/lib/changelog/sdk-versions.ts

@@ -10,7 +10,7 @@ export const SDK_GROUPS: SdkGroup[] = [
         "name": "@tanstack/react-start",
         "displayName": "TanStack Start",
         "version": "v1.168.49",
-        "lastUpdate": "Sep 3, 2026",
+        "lastUpdate": "Sep 8, 2026",
         "source": "apps/web/package.json#dependencies",
         "docsUrl": "https://tanstack.com/start/latest"
       },
@@ -18,7 +18,7 @@ export const SDK_GROUPS: SdkGroup[] = [
         "name": "@tanstack/react-router",
         "displayName": "TanStack Router",
         "version": "v1.170.32",
-        "lastUpdate": "Sep 3, 2026",
+        "lastUpdate": "Sep 8, 2026",
         "source": "apps/web/package.json#dependencies",
         "docsUrl": "https://tanstack.com/router/latest"
       },
@@ -26,7 +26,7 @@ export const SDK_GROUPS: SdkGroup[] = [
         "name": "@tanstack/react-query",
         "displayName": "TanStack Query",
         "version": "v5.102.8",
-        "lastUpdate": "Sep 3, 2026",
+        "lastUpdate": "Sep 8, 2026",
         "source": "apps/web/package.json#dependencies",
         "docsUrl": "https://tanstack.com/query/latest"
       },
@@ -34,7 +34,7 @@ export const SDK_GROUPS: SdkGroup[] = [
         "name": "@tanstack/ai",
         "displayName": "TanStack AI",
         "version": "v0.52.0",
-        "lastUpdate": "Sep 3, 2026",
+        "lastUpdate": "Sep 8, 2026",
         "source": "apps/web/package.json#dependencies",
         "docsUrl": "https://tanstack.com/ai/latest"
       },
@@ -42,7 +42,7 @@ export const SDK_GROUPS: SdkGroup[] = [
         "name": "@tanstack/react-table",
         "displayName": "TanStack Table",
         "version": "v9.2.3",
-        "lastUpdate": "Sep 3, 2026",
+        "lastUpdate": "Sep 8, 2026",
         "source": "apps/web/package.json#dependencies",
         "docsUrl": "https://tanstack.com/table/latest"
       },
@@ -50,7 +50,7 @@ export const SDK_GROUPS: SdkGroup[] = [
         "name": "@tanstack/react-form",
         "displayName": "TanStack Form",
         "version": "v2.0.0-alpha.2",
-        "lastUpdate": "Sep 3, 2026",
+        "lastUpdate": "Sep 8, 2026",
         "source": "apps/web/package.json#dependencies",
         "docsUrl": "https://tanstack.com/form/latest"
       },
@@ -58,7 +58,7 @@ export const SDK_GROUPS: SdkGroup[] = [
         "name": "@tanstack/charts",
         "displayName": "TanStack Charts",
         "version": "v0.16.0",
-        "lastUpdate": "Sep 3, 2026",
+        "lastUpdate": "Sep 8, 2026",
         "source": "apps/admin/package.json#dependencies",
         "docsUrl": "https://tanstack.com/charts/latest"
       },
@@ -66,7 +66,7 @@ export const SDK_GROUPS: SdkGroup[] = [
         "name": "@tanstack/react-pacer",
         "displayName": "TanStack Pacer",
         "version": "v0.23.0",
-        "lastUpdate": "Sep 3, 2026",
+        "lastUpdate": "Sep 8, 2026",
         "source": "apps/web/package.json#dependencies",
         "docsUrl": "https://tanstack.com/pacer/latest"
       },
@@ -74,7 +74,7 @@ export const SDK_GROUPS: SdkGroup[] = [
         "name": "@tanstack/react-hotkeys",
         "displayName": "TanStack Hotkeys",
         "version": "v0.10.0",
-        "lastUpdate": "Sep 3, 2026",
+        "lastUpdate": "Sep 8, 2026",
         "source": "apps/web/package.json#dependencies",
         "docsUrl": "https://tanstack.com/hotkeys/latest"
       },
@@ -82,7 +82,7 @@ export const SDK_GROUPS: SdkGroup[] = [
         "name": "@tanstack/react-virtual",
         "displayName": "TanStack Virtual",
         "version": "v3.14.10",
-        "lastUpdate": "Sep 3, 2026",
+        "lastUpdate": "Sep 8, 2026",
         "source": "apps/admin/package.json#dependencies",
         "docsUrl": "https://tanstack.com/virtual/latest"
       }
@@ -95,15 +95,15 @@ export const SDK_GROUPS: SdkGroup[] = [
     "items": [
       {
         "name": "@allbluecn/web-app",
-        "version": "v0.9.4",
-        "lastUpdate": "Sep 3, 2026",
+        "version": "v0.10.0",
+        "lastUpdate": "Sep 8, 2026",
         "source": "apps/web/package.json",
         "docsUrl": "https://github.com/allbluecn/allblue"
       },
       {
         "name": "@allbluecn/kernel",
         "version": "v0.5.2",
-        "lastUpdate": "Sep 3, 2026",
+        "lastUpdate": "Sep 8, 2026",
         "source": "packages/kernel/package.json",
         "docsUrl": "https://github.com/allbluecn/allblue"
       }
@@ -117,42 +117,42 @@ export const SDK_GROUPS: SdkGroup[] = [
       {
         "name": "Vite",
         "version": "v8.1.5",
-        "lastUpdate": "Sep 3, 2026",
+        "lastUpdate": "Sep 8, 2026",
         "source": "apps/web/package.json#devDependencies",
         "docsUrl": "https://vite.dev/"
       },
       {
         "name": "Node.js",
         "version": "v24.19.0",
-        "lastUpdate": "Sep 3, 2026",
+        "lastUpdate": "Sep 8, 2026",
         "source": ".nvmrc",
         "docsUrl": "https://nodejs.org/"
       },
       {
         "name": "Prisma",
         "version": "v7.8.0",
-        "lastUpdate": "Sep 3, 2026",
+        "lastUpdate": "Sep 8, 2026",
         "source": "packages/database/package.json#devDependencies",
         "docsUrl": "https://www.prisma.io/docs"
       },
       {
         "name": "shadcn UI",
         "version": "v1.2.4",
-        "lastUpdate": "Sep 3, 2026",
+        "lastUpdate": "Sep 8, 2026",
         "source": "apps/web/package.json#dependencies",
         "docsUrl": "https://ui.shadcn.com/"
       },
       {
         "name": "TipTap",
         "version": "v3.27.4",
-        "lastUpdate": "Sep 3, 2026",
+        "lastUpdate": "Sep 8, 2026",
         "source": "apps/web/package.json#dependencies",
         "docsUrl": "https://tiptap.dev/"
       },
       {
         "name": "Lucide React",
         "version": "v1.27.0",
-        "lastUpdate": "Sep 3, 2026",
+        "lastUpdate": "Sep 8, 2026",
         "source": "apps/web/package.json#dependencies",
         "docsUrl": "https://lucide.dev/"
       }

package/src/lib/collections/knowledge/knowledge-bases-collection.ts

@@ -25,7 +25,7 @@ export const knowledgeBasesCollection = createCollection(
     id: 'knowledge-bases',
     queryKey: ['knowledge-bases'],
     queryFn: () => listKnowledgeFn(),
-    getKey: (item) => item.id,
+    getKey: (item: { id: string }) => item.id,
     queryClient: getQueryClient(),
   })
 )

package/src/lib/collections/reference/bookmark-categories-collection.ts

@@ -25,7 +25,7 @@ export const bookmarkCategoriesCollection = createCollection(
     id: 'bookmark-categories',
     queryKey: ['bookmark-categories'],
     queryFn: () => listBookmarkCategoriesFn(),
-    getKey: (item) => item.id,
+    getKey: (item: { id: string }) => item.id,
     queryClient: getQueryClient(),
   })
 )

package/src/lib/collections/reference/labels-collection.ts

@@ -25,7 +25,7 @@ export const labelsCollection = createCollection(
     id: 'labels',
     queryKey: ['labels'],
     queryFn: () => listLabelsFn(),
-    getKey: (item) => item.id,
+    getKey: (item: { id: string }) => item.id,
     queryClient: getQueryClient(),
   })
 )

package/src/lib/collections/reference/projects-collection.ts

@@ -25,7 +25,7 @@ export const projectsCollection = createCollection(
     id: 'projects',
     queryKey: ['projects'],
     queryFn: () => listProjectsBriefFn(),
-    getKey: (item) => item.id,
+    getKey: (item: { id: string }) => item.id,
     queryClient: getQueryClient(),
   })
 )

package/src/lib/collections/reference/users-brief-collection.ts

@@ -25,7 +25,7 @@ export const usersBriefCollection = createCollection(
     id: 'users-brief',
     queryKey: ['users-brief'],
     queryFn: () => listUsersBriefFn(),
-    getKey: (item) => item.id,
+    getKey: (item: { id: string }) => item.id,
     queryClient: getQueryClient(),
   })
 )

package/src/lib/collections/reference/workspaces-collection.ts

@@ -17,15 +17,15 @@
 
 import { createCollection } from '@tanstack/db'
 import { queryCollectionOptions } from '@tanstack/query-db-collection'
-import { listWorkspacesBriefFn } from '@/server/serverFns/workspace'
+import { listPinnedWorkspacesBriefFn } from '@/server/serverFns/workspace'
 import { getQueryClient } from '@/lib/query-client-seam'
 
 export const workspacesCollection = createCollection(
   queryCollectionOptions({
     id: 'workspaces',
     queryKey: ['workspaces'],
-    queryFn: () => listWorkspacesBriefFn(),
-    getKey: (item) => item.id,
+    queryFn: () => listPinnedWorkspacesBriefFn(),
+    getKey: (item: { id: string }) => item.id,
     queryClient: getQueryClient(),
   })
 )

package/src/lib/commands/__tests__/registry.test.ts

@@ -44,10 +44,10 @@ describe("COMMAND_REGISTRY", () => {
     expect(new Set(ids).size).toBe(ids.length)
   })
 
-  it("titleKey 均以 command. 开头且非空", () => {
+  it("title 均为函数且非空", () => {
     for (const c of COMMAND_REGISTRY) {
-      expect(c.titleKey.startsWith("command.")).toBe(true)
-      expect(c.titleKey.length).toBeGreaterThan("command.".length)
+      expect(typeof c.title).toBe("function")
+      expect(c.title().length).toBeGreaterThan(0)
     }
   })
 

package/src/lib/commands/registry.ts

@@ -16,30 +16,31 @@
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
 import type { CommandDefinition } from "./types"
+import { m } from '@/paraglide/messages.js'
 
 export const COMMAND_REGISTRY: CommandDefinition[] = [
-  { id: "goto-dashboard", titleKey: "command.gotoDashboard", icon: "sparkles", group: "navigation", action: { kind: "navigate", to: "/dashboard" }, keywords: ["工作台", "仪表盘", "dashboard", "gzt"], shortcut: ["G", "D"] },
-  { id: "goto-chat", titleKey: "command.gotoChat", icon: "message", group: "navigation", action: { kind: "navigate", to: "/chat" }, keywords: ["对话", "聊天", "chat", "dh"], shortcut: ["G", "C"] },
-  { id: "goto-agents", titleKey: "command.gotoAgents", icon: "bot", group: "navigation", action: { kind: "navigate", to: "/agents" }, keywords: ["智能体", "agent", "znt"], shortcut: ["G", "A"] },
-  { id: "goto-inspiration", titleKey: "command.gotoInspiration", icon: "lightbulb", group: "navigation", action: { kind: "navigate", to: "/inspiration" }, keywords: ["灵感", "inspiration", "lg"], shortcut: ["G", "I"] },
-  { id: "goto-stories", titleKey: "command.gotoStories", icon: "clipboardList", group: "navigation", action: { kind: "navigate", to: "/stories" }, keywords: ["需求", "故事", "story", "xq"], shortcut: ["G", "S"] },
-  { id: "goto-prd", titleKey: "command.gotoPrd", icon: "file", group: "navigation", action: { kind: "navigate", to: "/prd" }, keywords: ["产品需求文档", "prd", "原型板"], shortcut: ["G", "P"] },
-  { id: "goto-design", titleKey: "command.gotoDesign", icon: "penTool", group: "navigation", action: { kind: "navigate", to: "/design" }, keywords: ["设计", "design", "sj"], shortcut: ["G", "E"] },
-  { id: "goto-test-cases", titleKey: "command.gotoTestCases", icon: "flaskConical", group: "navigation", action: { kind: "navigate", to: "/test-cases" }, keywords: ["测试用例", "test case", "csyl"], shortcut: ["G", "T"] },
-  { id: "goto-bugs", titleKey: "command.gotoBugs", icon: "bug", group: "navigation", action: { kind: "navigate", to: "/bugs" }, keywords: ["缺陷", "漏洞", "bug", "qx"], shortcut: ["G", "B"] },
-  { id: "goto-acceptance", titleKey: "command.gotoAcceptance", icon: "circleCheckBig", group: "navigation", action: { kind: "navigate", to: "/acceptance-criteria" }, keywords: ["验收标准", "acceptance", "ysbz"], shortcut: ["G", "Q"] },
-  { id: "goto-debrief", titleKey: "command.gotoDebrief", icon: "speech", group: "navigation", action: { kind: "navigate", to: "/debrief" }, keywords: ["汇报", "总结", "debrief", "hb"], shortcut: ["G", "R"] },
-  { id: "goto-knowledge", titleKey: "command.gotoKnowledge", icon: "database", group: "navigation", action: { kind: "navigate", to: "/knowledge" }, keywords: ["知识库", "knowledge", "ks"], shortcut: ["G", "K"] },
-  { id: "goto-anyhub", titleKey: "command.gotoAnyhub", icon: "package", group: "navigation", action: { kind: "navigate", to: "/apps/anyhub" }, keywords: ["应用中心", "hub", "yyzx"], shortcut: ["G", "H"] },
-  { id: "goto-tags", titleKey: "command.gotoTags", icon: "cart", group: "navigation", action: { kind: "navigate", to: "/tags" }, keywords: ["标签", "tag", "bq"], shortcut: ["G", "L"] },
-  { id: "goto-workspaces", titleKey: "command.gotoWorkspaces", icon: "building2", group: "navigation", action: { kind: "navigate", to: "/workspaces" }, keywords: ["工作空间", "workspace", "gzkj"], shortcut: ["G", "W"] },
-  { id: "goto-settings", titleKey: "command.gotoSettings", icon: "settings", group: "navigation", action: { kind: "navigate", to: "/settings" }, keywords: ["设置", "settings", "sz"], shortcut: ["G", "M"] },
+  { id: "goto-dashboard", title: m.common_command_gotoDashboard, icon: "sparkles", group: "navigation", action: { kind: "navigate", to: "/dashboard" }, keywords: ["工作台", "仪表盘", "dashboard", "gzt"], shortcut: ["G", "D"] },
+  { id: "goto-chat", title: m.common_command_gotoChat, icon: "message", group: "navigation", action: { kind: "navigate", to: "/chat" }, keywords: ["对话", "聊天", "chat", "dh"], shortcut: ["G", "C"] },
+  { id: "goto-agents", title: m.common_command_gotoAgents, icon: "bot", group: "navigation", action: { kind: "navigate", to: "/agents" }, keywords: ["智能体", "agent", "znt"], shortcut: ["G", "A"] },
+  { id: "goto-inspiration", title: m.common_command_gotoInspiration, icon: "lightbulb", group: "navigation", action: { kind: "navigate", to: "/inspiration" }, keywords: ["灵感", "inspiration", "lg"], shortcut: ["G", "I"] },
+  { id: "goto-stories", title: m.common_command_gotoStories, icon: "clipboardList", group: "navigation", action: { kind: "navigate", to: "/stories" }, keywords: ["需求", "故事", "story", "xq"], shortcut: ["G", "S"] },
+  { id: "goto-prd", title: m.common_command_gotoPrd, icon: "file", group: "navigation", action: { kind: "navigate", to: "/prd" }, keywords: ["产品需求文档", "prd", "原型板"], shortcut: ["G", "P"] },
+  { id: "goto-design", title: m.common_command_gotoDesign, icon: "penTool", group: "navigation", action: { kind: "navigate", to: "/design" }, keywords: ["设计", "design", "sj"], shortcut: ["G", "E"] },
+  { id: "goto-test-cases", title: m.common_command_gotoTestCases, icon: "flaskConical", group: "navigation", action: { kind: "navigate", to: "/test-cases" }, keywords: ["测试用例", "test case", "csyl"], shortcut: ["G", "T"] },
+  { id: "goto-bugs", title: m.common_command_gotoBugs, icon: "bug", group: "navigation", action: { kind: "navigate", to: "/bugs" }, keywords: ["缺陷", "漏洞", "bug", "qx"], shortcut: ["G", "B"] },
+  { id: "goto-acceptance", title: m.common_command_gotoAcceptance, icon: "circleCheckBig", group: "navigation", action: { kind: "navigate", to: "/acceptance-criteria" }, keywords: ["验收标准", "acceptance", "ysbz"], shortcut: ["G", "Q"] },
+  { id: "goto-debrief", title: m.common_command_gotoDebrief, icon: "speech", group: "navigation", action: { kind: "navigate", to: "/debrief" }, keywords: ["汇报", "总结", "debrief", "hb"], shortcut: ["G", "R"] },
+  { id: "goto-knowledge", title: m.common_command_gotoKnowledge, icon: "database", group: "navigation", action: { kind: "navigate", to: "/knowledge" }, keywords: ["知识库", "knowledge", "ks"], shortcut: ["G", "K"] },
+  { id: "goto-anyhub", title: m.common_command_gotoAnyhub, icon: "package", group: "navigation", action: { kind: "navigate", to: "/apps/anyhub" }, keywords: ["应用中心", "hub", "yyzx"], shortcut: ["G", "H"] },
+  { id: "goto-tags", title: m.common_command_gotoTags, icon: "cart", group: "navigation", action: { kind: "navigate", to: "/tags" }, keywords: ["标签", "tag", "bq"], shortcut: ["G", "L"] },
+  { id: "goto-workspaces", title: m.common_command_gotoWorkspaces, icon: "building2", group: "navigation", action: { kind: "navigate", to: "/workspaces" }, keywords: ["工作空间", "workspace", "gzkj"], shortcut: ["G", "W"] },
+  { id: "goto-settings", title: m.common_command_gotoSettings, icon: "settings", group: "navigation", action: { kind: "navigate", to: "/settings" }, keywords: ["设置", "settings", "sz"], shortcut: ["G", "M"] },
 
-  { id: "create-prd", titleKey: "command.createPrd", icon: "file", group: "action", action: { kind: "callback", id: "create-prd" }, keywords: ["新建", "创建", "PRD", "xj"], shortcut: ["N", "P"] },
-  { id: "create-conversation", titleKey: "command.createConversation", icon: "message", group: "action", action: { kind: "callback", id: "create-conversation" }, keywords: ["新建对话", "新对话", "xjdh"], shortcut: ["N", "C"] },
-  { id: "create-story", titleKey: "command.createStory", icon: "clipboardList", group: "action", action: { kind: "callback", id: "create-story" }, keywords: ["新建需求", "xjxq"], shortcut: ["N", "S"] },
-  { id: "toggle-theme", titleKey: "command.toggleTheme", icon: "sunMoon", group: "action", action: { kind: "callback", id: "toggle-theme" }, keywords: ["切换主题", "暗黑", "主题", "qhzt"], chord: ["Mod", "Shift", "L"] },
-  { id: "sign-out", titleKey: "command.signOut", icon: "logOut", group: "action", action: { kind: "callback", id: "sign-out" }, keywords: ["退出登录", "登出", "tcdl"] },
+  { id: "create-prd", title: m.common_command_createPrd, icon: "file", group: "action", action: { kind: "callback", id: "create-prd" }, keywords: ["新建", "创建", "PRD", "xj"], shortcut: ["N", "P"] },
+  { id: "create-conversation", title: m.common_command_createConversation, icon: "message", group: "action", action: { kind: "callback", id: "create-conversation" }, keywords: ["新建对话", "新对话", "xjdh"], shortcut: ["N", "C"] },
+  { id: "create-story", title: m.common_command_createStory, icon: "clipboardList", group: "action", action: { kind: "callback", id: "create-story" }, keywords: ["新建需求", "xjxq"], shortcut: ["N", "S"] },
+  { id: "toggle-theme", title: m.common_command_toggleTheme, icon: "sunMoon", group: "action", action: { kind: "callback", id: "toggle-theme" }, keywords: ["切换主题", "暗黑", "主题", "qhzt"], chord: ["Mod", "Shift", "L"] },
+  { id: "sign-out", title: m.common_command_signOut, icon: "logOut", group: "action", action: { kind: "callback", id: "sign-out" }, keywords: ["退出登录", "登出", "tcdl"] },
 ] as const
 
 export function getSequencePairs(registry: CommandDefinition[]): string[] {

package/src/lib/commands/types.ts

@@ -23,7 +23,7 @@ export type CommandGroup = "navigation" | "action"
 
 export interface CommandDefinition {
   id: string
-  titleKey: string
+  title: () => string
   icon?: string
   group: CommandGroup
   action: CommandAction

package/src/lib/edition.ts

@@ -0,0 +1,7 @@
+import { profileId } from '@/plugins/modules.gen'
+
+export { profileId }
+
+// 装配产物中 profileId 带 as const 字面量类型（OSS 为 'oss'、SaaS 为 'saas'），
+// 直接比较 'saas' 会因字面量无交集触发 TS2367，故比较前拓宽为 string。
+export const isSaasEdition = (profileId as string) === 'saas'

package/src/lib/router-context.ts

@@ -16,11 +16,10 @@
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
 import type { QueryClient } from '@tanstack/react-query'
-import type { AppLocale } from '@/i18n/config'
 
 export interface RouterContext {
   queryClient: QueryClient
-  locale: AppLocale
+  locale: string
   session?: {
     user: {
       id: string

package/src/plugins/.gen-manifest.json

@@ -0,0 +1,13 @@
+{
+  "routeFiles": [
+    "src/routes/_nav/tags/route.tsx",
+    "src/routes/_nav/tags/index.tsx",
+    "src/routes/_nav/tags/$id/route.tsx",
+    "src/routes/_nav/tags/settings/route.tsx",
+    "src/routes/_nav/inspiration/route.tsx",
+    "src/routes/_nav/prd/route.tsx",
+    "src/routes/_nav/prd/index.tsx",
+    "src/routes/_nav/prd/$id/route.tsx",
+    "src/routes/share/prd/$prdId/route.tsx"
+  ]
+}

package/src/plugins/core/inspiration/pages/inspiration-page.tsx

@@ -1,8 +1,7 @@
-import { useTranslation } from 'react-i18next'
 import { PlaceholderPage } from '@/components/shared-kit/pages/placeholder-page'
 import { Lightbulb } from 'lucide-react'
+import { m } from "@/paraglide/messages.js";
 
 export function InspirationPage() {
-  const { t } = useTranslation('common')
-  return <PlaceholderPage title={t('nav.inspiration')} icon={Lightbulb} />
+  return <PlaceholderPage title={m.common_nav_inspiration()} icon={Lightbulb} />
 }

package/src/plugins/core/inspiration/ui.tsx

@@ -1,11 +1,10 @@
 import type { ComponentType } from 'react'
 import { Link, useLocation } from '@tanstack/react-router'
-import { useTranslation } from 'react-i18next'
 import { Lightbulb } from 'lucide-react'
 import { SidebarMenu, SidebarMenuButton, SidebarMenuItem, useSidebar } from '@/components/ui/sidebar'
+import { m } from "@/paraglide/messages.js";
 
 export function InspirationNavItem() {
-  const { t } = useTranslation('common')
   const { state } = useSidebar()
   const { pathname } = useLocation()
   const isActive = pathname === '/inspiration'
@@ -16,7 +15,7 @@ export function InspirationNavItem() {
         <SidebarMenuButton asChild isActive={isActive}>
           <Link to="/inspiration">
             <Lightbulb />
-            {!state || state !== 'collapsed' ? t('nav.inspiration') : null}
+            {!state || state !== 'collapsed' ? m.common_nav_inspiration() : null}
           </Link>
         </SidebarMenuButton>
       </SidebarMenuItem>

package/src/plugins/core/prd/components/agent-input.tsx

@@ -16,7 +16,7 @@
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
 import { useRef, useEffect, useState, type KeyboardEvent } from "react";
-import { useTranslation } from "react-i18next";
+import { m } from '@/paraglide/messages.js'
 import { ArrowUp, Loader2, User, Bot, ChevronDown, Cpu } from "lucide-react";
 import { Textarea } from "@/components/ui/textarea";
 import {
@@ -60,10 +60,9 @@ export function AgentInput({
   selectedModel,
   onModelChange,
 }: AgentInputProps) {
-  const { t } = useTranslation("prd");
   const textareaRef = useRef<HTMLTextAreaElement>(null);
   const [selectedAgent, setSelectedAgent] = useState<"agent" | "assistant">("agent");
-  const effectivePlaceholder = placeholder ?? t("agentInput.placeholder");
+  const effectivePlaceholder = placeholder ?? m.agentInput_placeholder();
 
   useEffect(() => {
     if (textareaRef.current && !value) {
@@ -138,7 +137,7 @@ export function AgentInput({
             >
               <Cpu className="size-3 shrink-0" />
               <span className="truncate">
-                {currentModel?.modelDisplayName ?? (models.length === 0 ? t("agentInput.noModel") : t("agentInput.selectModel"))}
+                {currentModel?.modelDisplayName ?? (models.length === 0 ? m.agentInput_noModel() : m.agentInput_selectModel())}
               </span>
               <ChevronDown className="size-3 shrink-0" />
             </button>
@@ -149,7 +148,7 @@ export function AgentInput({
                 <DropdownMenuLabel className="text-xs text-muted-foreground">
                   {providerModels[0].providerDisplayName}
                   {providerModels[0].isLocal && (
-                    <span className="ml-1 text-muted-foreground/60">{t("agentInput.local")}</span>
+                    <span className="ml-1 text-muted-foreground/60">{m.agentInput_local()}</span>
                   )}
                 </DropdownMenuLabel>
                 {providerModels.map((m) => (
@@ -170,17 +169,17 @@ export function AgentInput({
           <DropdownMenuTrigger asChild>
             <button className="flex h-6 items-center gap-1 rounded-full border border-transparent px-2 text-xs text-muted-foreground hover:bg-accent">
               {selectedAgent === "agent" ? <User className="size-3" /> : <Bot className="size-3" />}
-              <span>{selectedAgent === "agent" ? t("agentInput.agent") : t("agentInput.assistant")}</span>
+              <span>{selectedAgent === "agent" ? m.agentInput_agent() : m.agentInput_assistant()}</span>
               <ChevronDown className="size-3" />
             </button>
           </DropdownMenuTrigger>
           <DropdownMenuContent align="start" className="min-w-32 rounded-2xl p-1.5">
             <DropdownMenuGroup className="space-y-1">
               <DropdownMenuItem className="rounded-[calc(1rem-6px)] text-xs" onClick={() => setSelectedAgent("agent")}>
-                <User className="opacity-60" size={16} /> {t("agentInput.agent")}
+                <User className="opacity-60" size={16} /> {m.agentInput_agent()}
               </DropdownMenuItem>
               <DropdownMenuItem className="rounded-[calc(1rem-6px)] text-xs" onClick={() => setSelectedAgent("assistant")}>
-                <Bot className="opacity-60" size={16} /> {t("agentInput.assistant")}
+                <Bot className="opacity-60" size={16} /> {m.agentInput_assistant()}
               </DropdownMenuItem>
             </DropdownMenuGroup>
           </DropdownMenuContent>

package/src/plugins/core/prd/components/component-editor/content-section.tsx

@@ -38,9 +38,9 @@ export function ContentSection({
         return (
           <FieldRow key={field.key} label={field.label}>
             {field.type === "textarea" ? (
-              <Textarea value={value} onChange={(e) => update(e.target.value)} placeholder={field.placeholder} className="min-h-16 text-xs" />
+              <Textarea value={value} onChange={(e: React.ChangeEvent<HTMLTextAreaElement>) => update(e.target.value)} placeholder={field.placeholder} className="min-h-16 text-xs" />
             ) : field.type === "select" && field.options ? (
-              <Select value={value} onValueChange={(v) => update(v)}>
+              <Select value={value} onValueChange={(v: string) => update(v)}>
                 <SelectTrigger className="h-7 text-xs">
                   <SelectValue placeholder={field.placeholder} />
                 </SelectTrigger>
@@ -53,7 +53,7 @@ export function ContentSection({
                 </SelectContent>
               </Select>
             ) : (
-              <Input value={value} onChange={(e) => update(e.target.value)} placeholder={field.placeholder} className="h-7 text-xs md:text-xs" />
+              <Input value={value} onChange={(e: React.ChangeEvent<HTMLInputElement>) => update(e.target.value)} placeholder={field.placeholder} className="h-7 text-xs md:text-xs" />
             )}
           </FieldRow>
         );

package/src/plugins/core/prd/components/component-editor/position-section.tsx

@@ -15,17 +15,16 @@
 // 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 { useTranslation } from "react-i18next";
 import type { CanvasElement } from "@allbluecn/kernel";
+import { m } from '@/paraglide/messages.js'
 import { FieldRow } from "./style-fields";
 
 export function PositionSection({ element }: { element: CanvasElement }) {
-  const { t } = useTranslation("prd");
   const rows: { label: string; value: number }[] = [
     { label: "X", value: element.x },
     { label: "Y", value: element.y },
-    { label: t("styleField.width"), value: element.width },
-    { label: t("styleField.height"), value: element.height },
+    { label: m.styleField_width(), value: element.width },
+    { label: m.styleField_height(), value: element.height },
   ];
   return (
     <>

package/src/plugins/core/prd/components/component-editor/style-fields.tsx

@@ -16,7 +16,7 @@
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
 import { useRef } from "react";
-import { useTranslation } from "react-i18next";
+import { m } from '@/paraglide/messages.js'
 import type { CanvasElement } from "@allbluecn/kernel";
 import { Input } from "@/components/ui/input";
 import {
@@ -33,16 +33,16 @@ type StyleControl = "color" | "number" | "select";
 
 interface StyleFieldConfig {
   key: string;
-  label: string;
+  label: () => string;
   control: StyleControl;
   unit?: string;
-  options?: { label: string; value: string }[];
+  options?: { label: () => string; value: string }[];
 }
 
 export const STYLE_FIELDS: StyleFieldConfig[] = [
   // { key: "backgroundColor", label: "背景色", control: "color" },
   // { key: "color", label: "文字色", control: "color" },
-  { key: "fontSize", label: "style.fontSize", control: "number", unit: "px" },
+  { key: "fontSize", label: m.prd_style_fontSize, control: "number", unit: "px" },
   // {
   //   key: "fontWeight",
   //   label: "字重",
@@ -54,7 +54,7 @@ export const STYLE_FIELDS: StyleFieldConfig[] = [
   //     { label: "粗体 700", value: "700" },
   //   ],
   // },
-  { key: "borderRadius", label: "style.borderRadius", control: "number", unit: "px" },
+  { key: "borderRadius", label: m.prd_style_borderRadius, control: "number", unit: "px" },
   // { key: "padding", label: "内边距", control: "number", unit: "px" },
 ];
 
@@ -76,7 +76,6 @@ function ColorField({
   fieldKey: string;
   onElementChange: (id: string, patch: Partial<CanvasElement>) => void;
 }) {
-  const { t } = useTranslation("prd");
   const { value, update } = useField(element, "style", fieldKey, onElementChange);
   const inputRef = useRef<HTMLInputElement>(null);
 
@@ -87,7 +86,7 @@ function ColorField({
         onClick={() => inputRef.current?.click()}
         className="size-7 shrink-0 rounded-md border"
         style={{ backgroundColor: value || "transparent" }}
-        aria-label={t("styleField.selectColor")}
+        aria-label={m.styleField_selectColor()}
       />
       <input
         ref={inputRef}
@@ -96,7 +95,7 @@ function ColorField({
         onChange={(e) => update(e.target.value)}
         className="sr-only"
       />
-      <Input value={value} onChange={(e) => update(e.target.value)} placeholder="#000000" className="h-7 text-xs" />
+      <Input value={value} onChange={(e: React.ChangeEvent<HTMLInputElement>) => update(e.target.value)} placeholder="#000000" className="h-7 text-xs" />
     </div>
   );
 }
@@ -120,7 +119,7 @@ function NumberField({
       <Input
         type="number"
         value={numericPart}
-        onChange={(e) => update(e.target.value ? `${e.target.value}${unit ?? ""}` : "")}
+        onChange={(e: React.ChangeEvent<HTMLInputElement>) => update(e.target.value ? `${e.target.value}${unit ?? ""}` : "")}
         placeholder="—"
         className="h-7 text-xs"
       />
@@ -137,21 +136,20 @@ function SelectField({
 }: {
   element: CanvasElement;
   fieldKey: string;
-  options: { label: string; value: string }[];
+  options: { label: () => string; value: string }[];
   onElementChange: (id: string, patch: Partial<CanvasElement>) => void;
 }) {
-  const { t } = useTranslation("prd");
   const { value, update } = useField(element, "style", fieldKey, onElementChange);
 
   return (
-    <Select value={value} onValueChange={(v) => update(v)}>
+    <Select value={value} onValueChange={(v: string) => update(v)}>
       <SelectTrigger className="h-7 text-xs">
-        <SelectValue placeholder={t("styleField.default")} />
+        <SelectValue placeholder={m.styleField_default()} />
       </SelectTrigger>
       <SelectContent>
         {options.map((opt) => (
           <SelectItem key={opt.value} value={opt.value} className="text-xs">
-            {opt.label}
+            {opt.label()}
           </SelectItem>
         ))}
       </SelectContent>
@@ -168,9 +166,8 @@ export function StyleFieldRow({
   element: CanvasElement;
   onElementChange: (id: string, patch: Partial<CanvasElement>) => void;
 }) {
-  const { t } = useTranslation("prd");
   return (
-    <FieldRow label={t(field.label)}>
+    <FieldRow label={field.label()}>
       {field.control === "color" && (
         <ColorField element={element} fieldKey={field.key} onElementChange={onElementChange} />
       )}