@allbluecn/web-app 0.19.2 → 0.19.4

package/src/components/bug/views/board-view.tsx

@@ -53,8 +53,8 @@ import { updateBugFn } from "@/server/serverFns/bug";
 import type { BugListItem } from "../types";
 import type { UserBrief } from "@/components/story/types";
 import type { BugPatch } from "../display/use-paged-bug-groups";
-import type { BugDisplayProperty, BugGroupKey } from "../display/types";
-import { BUG_GROUP_DISPLAY_ORDER } from "../display/types";
+import type { BugDisplayProperty, BugGroupKey } from "@/shared/bug/display-types";
+import { BUG_GROUP_DISPLAY_ORDER } from "@/shared/bug/display-types";
 import { StateEditor } from "../inline-editors/state-editor";
 import { SeverityEditor } from "../inline-editors/severity-editor";
 import { AssigneeEditor } from "../inline-editors/assignee-editor";

package/src/components/bug/views/bug-list/group.tsx

@@ -21,7 +21,7 @@ import { Button } from "@/components/ui/button";
 import { Checkbox } from "@/components/ui/checkbox";
 import type { UserBrief } from "@/components/story/types";
 import { BUG_STATES, BUG_SEVERITIES, type BugState, type BugSeverity } from "@/shared/bug/constants";
-import type { BugGroupKey } from "../../display/types";
+import type { BugGroupKey } from "@/shared/bug/display-types";
 import type { BugGroupNode } from "../../display/use-paged-bug-groups";
 import { cn } from "@/lib/utils";
 import { InlineBugCreator } from "./inline-bug-creator";

package/src/components/bug/views/bug-list/index.tsx

@@ -24,7 +24,7 @@ import {
 } from "@/server/serverFns/bug";
 import { toast } from "@/components/ui/toast";
 import type { UserBrief } from "@/components/story/types";
-import type { BugDisplayOptions, BugDisplayProperty } from "../../display/types";
+import type { BugDisplayOptions, BugDisplayProperty } from "@/shared/bug/display-types";
 import type { BugGroupNode, BugPatch, PagedBugGroupNode } from "../../display/use-paged-bug-groups";
 import { BugGroupHeader, BugGroupTailRow } from "./group";
 import { BugListRow } from "./row";

package/src/components/bug/views/bug-list/inline-bug-creator.tsx

@@ -19,6 +19,8 @@ import { memo, useEffect, useRef, useState } from "react";
 import { Bug, Loader2, Check, X } from "lucide-react";
 import { createBugFn } from "@/server/serverFns/bug";
 import { toast } from "@/components/ui/toast";
+import { Input } from "@/components/ui/input";
+import { Button } from "@/components/ui/button";
 import type { UserBrief } from "@/components/story/types";
 import type { BugState, BugSeverity } from "@/shared/bug/constants";
 import { StateEditor, SeverityEditor, AssigneeEditor, LabelsEditor } from "../../inline-editors";
@@ -91,7 +93,7 @@ export const InlineBugCreator = memo(function InlineBugCreator({
         <Bug className="size-3.5" />
         <span className="font-mono">BUG</span>
       </div>
-      <input
+      <Input
         ref={inputRef}
         type="text"
         value={title}
@@ -101,29 +103,31 @@ export const InlineBugCreator = memo(function InlineBugCreator({
           if (e.key === "Escape") { e.preventDefault(); onCancel(); }
         }}
         placeholder={m.bug_inline_creator_placeholder()}
-        className="flex-1 min-w-0 h-7 rounded bg-background px-2 text-xs text-foreground outline-none border-border focus:ring-1 focus:ring-ring"
+        className="h-7 flex-1 min-w-0 rounded border-border bg-background px-2 text-xs"
       />
       <SeverityEditor value={severity} onChange={setSeverity} variant="button" />
       <StateEditor value={state} onChange={setState} variant="button" />
       <AssigneeEditor assignee={users.find((u) => u.id === assigneeId) ?? null} users={users} onChange={setAssigneeId} variant="button" />
       <LabelsEditor labelIds={labelIds} labels={labels} onChange={setLabelIds} variant="button" />
-      <button
-        type="button"
-        className="flex items-center justify-center size-7 rounded hover:bg-accent text-muted-foreground hover:text-foreground shrink-0 disabled:opacity-50"
+      <Button
+        variant="ghost"
+        size="icon-xs"
+        className="shrink-0 text-muted-foreground hover:text-foreground"
         disabled={loading}
         onClick={() => void handleSubmit()}
         aria-label={m.bug_inline_creator_create()}
       >
         {loading ? <Loader2 className="size-3.5 animate-spin" /> : <Check className="size-3.5" />}
-      </button>
-      <button
-        type="button"
-        className="flex items-center justify-center size-7 rounded hover:bg-accent text-muted-foreground hover:text-foreground shrink-0"
+      </Button>
+      <Button
+        variant="ghost"
+        size="icon-xs"
+        className="shrink-0 text-muted-foreground hover:text-foreground"
         onClick={onCancel}
         aria-label={m.bug_inline_creator_cancel()}
       >
         <X className="size-3.5" />
-      </button>
+      </Button>
     </div>
   );
 });

package/src/components/bug/views/bug-list/row.tsx

@@ -19,13 +19,14 @@ import { memo, useCallback, useMemo, useRef, useState } from "react";
 import { useServerFn } from "@tanstack/react-start";
 import { CalendarClock, Pencil } from "lucide-react";
 import { Checkbox } from "@/components/ui/checkbox";
+import { Input } from "@/components/ui/input";
 import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip";
 import { updateBugFn } from "@/server/serverFns/bug";
 import type { BugListItem } from "../../types";
 import type { BugState, BugSeverity } from "@/shared/bug/constants";
 import { SOURCE_LABEL, SOURCE_COLOR } from "@/shared/bug/constants";
 import type { UserBrief } from "@/components/story/types";
-import type { BugDisplayProperty } from "../../display/types";
+import type { BugDisplayProperty } from "@/shared/bug/display-types";
 import type { BugPatch } from "../../display/use-paged-bug-groups";
 import { StateEditor, SeverityEditor, AssigneeEditor, DateEditor, LabelsEditor } from "../../inline-editors";
 import { cn } from "@/lib/utils";
@@ -112,7 +113,7 @@ export const BugListRow = memo(function BugListRow({ bug, users, labels, propert
         <span className="font-mono text-xs text-muted-foreground shrink-0">{bug.identifier}</span>
       )}
       {editingTitle ? (
-        <input
+        <Input
           ref={titleInputRef}
           type="text"
           value={titleDraft}
@@ -123,7 +124,7 @@ export const BugListRow = memo(function BugListRow({ bug, users, labels, propert
             if (e.key === "Escape") { e.preventDefault(); setEditingTitle(false); }
           }}
           autoFocus
-          className="min-w-0 flex-1 h-7 rounded bg-background px-2 text-sm font-medium outline-none border-border focus:ring-1 focus:ring-ring"
+          className="h-7 min-w-0 flex-1 rounded border-border bg-background px-2 text-sm font-medium md:text-sm"
         />
       ) : (
         <div className="flex min-w-0 flex-1 items-center gap-1">
@@ -184,6 +185,8 @@ export const BugListRow = memo(function BugListRow({ bug, users, labels, propert
           onChange={setLastOccurAt}
           label={m.bug_filter_field_lastOccurAt()}
           icon={CalendarClock}
+          // lastOccurAt 服务端非可空，setLastOccurAt 对 null no-op：隐藏「清除」死控件
+          clearable={false}
         />
       )}
     </div>

package/src/components/bug/views/view-types.ts

@@ -40,7 +40,7 @@ import {
   type BugOrderKey,
   type BugOrderDirection,
   type BugPageSize,
-} from "../display/types";
+} from "@/shared/bug/display-types";
 import { generateConditionId } from "../filters/field-configs";
 import type { FilterCondition } from "../filters";
 import { m } from "@/paraglide/messages.js";

package/src/components/changelog/changelog-page.tsx

@@ -22,9 +22,11 @@ import { useCallback, useEffect, useMemo, useRef, useState } from 'react'
 import { Route } from '@/routes/_nav/changelog/route'
 import type { DeveloperLogEntry } from '@allbluecn/kernel'
 import { SDK_GROUPS } from '@/lib/changelog/sdk-versions'
-import { APP_FULL_VERSION, APP_UPDATE_DATE_DISPLAY } from '@/lib/app-version'
+import { APP_FULL_VERSION, getAppUpdateDateDisplay } from '@/lib/app-version'
 import { subscribeChangelogFn } from '@/server/serverFns/changelog/subscribe'
 import { toast } from '@/components/ui/toast'
+import { Input } from '@/components/ui/input'
+import { Button } from '@/components/ui/button'
 import { m } from "@/paraglide/messages.js";
 
 const TAG_KEYS = ['all', 'feat', 'fix', 'improvement', 'design', 'refactor', 'breaking', 'docs', 'security', 'perf']
@@ -69,18 +71,18 @@ function ChangelogSidebar() {
     setSubscribing(true)
     try {
       const result = await subscribeChangelogFn({ data: { email: trimmed } })
+      if (result.status === 'invalid_email') {
+        toast.error(m.common_changelog_subscribeInvalidEmail())
+        return
+      }
       if (result.status === 'already') {
         toast.info(m.common_changelog_subscribeAlready())
       } else {
         toast.success(m.common_changelog_subscribeCheckEmail())
       }
       setEmail('')
-    } catch (err) {
-      toast.error(
-        err instanceof Error && /email/i.test(err.message)
-          ? m.common_changelog_subscribeInvalidEmail()
-          : m.common_changelog_subscribeFailed(),
-      )
+    } catch {
+      toast.error(m.common_changelog_subscribeFailed())
     } finally {
       setSubscribing(false)
     }
@@ -175,7 +177,7 @@ function ChangelogSidebar() {
             {m.common_changelog_subscribe_subtitle()}
           </p>
           <div className="mt-3 flex gap-1.5">
-            <input
+            <Input
               type="email"
               value={email}
               onChange={(e) => setEmail(e.target.value)}
@@ -186,15 +188,15 @@ function ChangelogSidebar() {
                 }
               }}
               placeholder={m.common_changelog_subscribe_placeholder()}
-              className="flex-1 min-w-0 h-8 rounded-md border border-border bg-background px-3 text-xs placeholder:text-muted-foreground/70 focus:outline-none focus:ring-2 focus:ring-primary/20 transition-shadow"
+              className="h-8 min-w-0 flex-1 border-border bg-background px-3 text-xs"
             />
-            <button
+            <Button
               onClick={handleSubscribe}
               disabled={subscribing || !email.trim()}
-              className="h-8 px-3 rounded-md bg-primary text-primary-foreground text-xs font-medium hover:bg-primary/90 transition-colors shrink-0 disabled:opacity-50 disabled:pointer-events-none"
+              className="h-8 shrink-0 px-3 text-xs"
             >
               {m.common_changelog_subscribe_submit()}
-            </button>
+            </Button>
           </div>
         </div>
       </div>
@@ -203,7 +205,7 @@ function ChangelogSidebar() {
         <span className="font-brand text-[10px] font-mono text-primary/80 bg-primary/5 px-2 py-0.5 rounded-full">
           {APP_FULL_VERSION}
           <span className="font-brand text-[10px] text-muted-foreground bg-transparent px-1.5">
-            {APP_UPDATE_DATE_DISPLAY}
+            {getAppUpdateDateDisplay()}
           </span>
         </span>
       </div>
@@ -225,21 +227,22 @@ function TagFilter({
         const isActive = activeTag === tag
         const label = TAG_LABELS[tag]?.() ?? tag
         return (
-          <button
+          <Button
             key={tag}
+            variant="ghost"
             onClick={() => onTagChange(tag)}
             className={cn(
-              'inline-flex items-center gap-1 px-2.5 py-1 rounded-md text-xs font-medium transition-colors border',
+              'h-auto gap-1 rounded-md border px-2.5 py-1 text-xs font-medium',
               isActive
-                ? 'bg-primary/10 text-primary border-primary/20'
-                : 'bg-transparent text-muted-foreground border-border/50 hover:text-foreground hover:border-border'
+                ? 'border-primary/20 bg-primary/10 text-primary hover:bg-primary/10 hover:text-primary'
+                : 'border-border/50 bg-transparent text-muted-foreground hover:border-border hover:bg-transparent hover:text-foreground',
             )}
           >
             {label}
             {REQUIRES_ACTION_TAGS.has(tag) && (
               <AlertTriangle className="size-3" />
             )}
-          </button>
+          </Button>
         )
       })}
     </div>
@@ -322,13 +325,14 @@ function ChangelogDetail({
   return (
     <div className="h-full flex justify-center">
       <div className="max-w-4xl flex flex-col py-5">
-        <button
+        <Button
+          variant="ghost"
           onClick={onBack}
-          className="flex items-center gap-1.5 text-xs text-muted-foreground hover:text-foreground transition-colors mb-6 shrink-0"
+          className="mb-6 h-auto w-fit shrink-0 gap-1.5 px-0 text-xs text-muted-foreground hover:text-foreground"
         >
           <ArrowLeft className="size-3.5" />
           {m.common_changelog_backToList()}
-        </button>
+        </Button>
 
         <div className="flex items-start gap-3 mb-4">
           <span className="text-xs text-muted-foreground font-mono tabular-nums pt-0.5 shrink-0">
@@ -389,10 +393,10 @@ function SdkGroupSection({
 
   return (
     <div className="flex flex-col">
-      <button
-        type="button"
+      <Button
+        variant="ghost"
         onClick={onToggle}
-        className="flex items-center gap-1.5 w-full py-1 group"
+        className="group flex h-auto w-full items-center justify-start gap-1.5 px-0 py-1"
       >
         <span className="flex-1 min-w-0 flex items-center gap-1.5">
           {isTanstack ? (
@@ -436,24 +440,35 @@ function SdkGroupSection({
             )}
           />
         )}
-      </button>
+      </Button>
       {open && (
         <ul className="mt-1 flex flex-col">
           {group.items.map((sdk) => (
             <li key={sdk.name}>
-              <a
-                href={sdk.docsUrl || undefined}
-                target={sdk.docsUrl ? '_blank' : undefined}
-                rel={sdk.docsUrl ? 'noopener noreferrer' : undefined}
-                className="flex items-center justify-between gap-2 py-1.5 group"
-              >
-                <span className="text-xs font-medium text-muted-foreground group-hover:text-primary transition-colors truncate">
-                  {sdk.displayName || sdk.name}
-                </span>
-                <code className="text-[10px] font-mono text-muted-foreground bg-muted/50 px-1.5 py-0.5 rounded shrink-0 group-hover:text-primary transition-colors">
-                  {sdk.version}
-                </code>
-              </a>
+              {sdk.docsUrl ? (
+                <a
+                  href={sdk.docsUrl}
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  className="flex items-center justify-between gap-2 py-1.5 group"
+                >
+                  <span className="text-xs font-medium text-muted-foreground group-hover:text-primary transition-colors truncate">
+                    {sdk.displayName || sdk.name}
+                  </span>
+                  <code className="text-[10px] font-mono text-muted-foreground bg-muted/50 px-1.5 py-0.5 rounded shrink-0 group-hover:text-primary transition-colors">
+                    {sdk.version}
+                  </code>
+                </a>
+              ) : (
+                <div className="flex items-center justify-between gap-2 py-1.5">
+                  <span className="text-xs font-medium text-muted-foreground truncate">
+                    {sdk.displayName || sdk.name}
+                  </span>
+                  <code className="text-[10px] font-mono text-muted-foreground bg-muted/50 px-1.5 py-0.5 rounded shrink-0">
+                    {sdk.version}
+                  </code>
+                </div>
+              )}
             </li>
           ))}
         </ul>

package/src/components/collab/__tests__/activity-attribution.test.tsx

@@ -22,9 +22,27 @@
 //   ④ parseCollabAttribution fail-closed：畸形 metadata / 畸形 perAuthor 条目
 // metadata 形态 = collab 导出器写入口径（apps/collab exporters/knowledge.ts）。
 
-import { describe, expect, it } from 'vitest'
+import { describe, expect, it, vi } from 'vitest'
 import { render, screen } from '@testing-library/react'
+import type { ReactNode } from 'react'
 import { m } from '@/paraglide/messages.js'
+
+// tooltip 模块以 passthrough stub 替换（Base UI Tooltip 的 pointerenter 在
+// jsdom 不可模拟，entity-presence-badge 测试同款口径），文案断言直接命中
+// TooltipContent children（原实现为 HTML title 属性，审计修复换 Tooltip）。
+vi.mock('@/components/ui/tooltip', () => ({
+  Tooltip: ({ children }: { children?: ReactNode }) => (
+    <span data-testid="tooltip-wrapper">{children}</span>
+  ),
+  TooltipContent: ({ children }: { children?: ReactNode }) => <span>{children}</span>,
+  TooltipTrigger: ({ render, children }: { render?: ReactNode; children?: ReactNode }) => (
+    <span data-testid="tooltip-trigger">
+      {render}
+      {children}
+    </span>
+  ),
+}))
+
 import {
   CollabActivityAttribution,
   parseCollabAttribution,
@@ -186,7 +204,7 @@ describe('CollabActivityAttribution', () => {
     ).toBeInTheDocument()
   })
 
-  it('参与者头像 tooltip 含字节占比（title 属性承载）', () => {
+  it('参与者头像 tooltip 含字节占比（Tooltip Content 承载，项目禁 HTML title）', () => {
     render(
       <CollabActivityAttribution
         userId="u1"
@@ -198,14 +216,10 @@ describe('CollabActivityAttribution', () => {
         users={USERS}
       />,
     )
-    const primary = screen.getByTestId('collab-activity-user-u1')
-    expect(primary).toHaveAttribute(
-      'title',
-      m.collab_activityShare({ name: 'Alice', percent: 60 }),
-    )
-    expect(screen.getByTestId('collab-activity-user-u2')).toHaveAttribute(
-      'title',
-      m.collab_activityShare({ name: 'Bob', percent: 40 }),
-    )
+    // passthrough stub 下 TooltipContent children 直出，断言占比文案存在
+    expect(screen.getByText(m.collab_activityShare({ name: 'Alice', percent: 60 }))).toBeInTheDocument()
+    expect(screen.getByText(m.collab_activityShare({ name: 'Bob', percent: 40 }))).toBeInTheDocument()
+    expect(screen.getByTestId('collab-activity-user-u1')).toBeTruthy()
+    expect(screen.getByTestId('collab-activity-user-u2')).toBeTruthy()
   })
 })

package/src/components/collab/activity-attribution.tsx

@@ -36,6 +36,7 @@
 // 安全约束：username 等字符串一律 React 文本节点渲染，无 HTML 注入面。
 
 import { UserAvatar } from '@/components/shared-kit'
+import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip'
 import { cn } from '@/lib/utils'
 import type { AvatarConfig } from '@allbluecn/kernel'
 import { m } from '@/paraglide/messages.js'
@@ -186,23 +187,32 @@ export function CollabActivityAttribution({
     >
       <div className="flex items-center -space-x-1.5 shrink-0">
         {shown.map(({ user, share, isPrimary }) => (
-          <div
-            key={user.id}
-            data-testid={`collab-activity-user-${user.id}`}
-            title={m.collab_activityShare({
-              name: user.username,
-              percent: Math.round(share * 100),
-            })}
-            className="ring-1 ring-background rounded-full"
-          >
-            <UserAvatar
-              name={user.username}
-              avatarConfig={(user.avatarConfig ?? null) as AvatarConfig | null}
-              bgShape={user.bgShape}
-              bgColor={user.bgColor ?? undefined}
-              size="xs"
-            />
-          </div>
+          <Tooltip key={user.id}>
+            {/* 项目禁 HTML title（触屏不可见、不受主题控制）：贡献占比提示统一走 Tooltip
+                （TooltipProvider 已在 Providers 全局注入，禁止在此嵌套） */}
+            <TooltipTrigger
+              render={
+                <div
+                  data-testid={`collab-activity-user-${user.id}`}
+                  className="ring-1 ring-background rounded-full"
+                />
+              }
+            >
+              <UserAvatar
+                name={user.username}
+                avatarConfig={(user.avatarConfig ?? null) as AvatarConfig | null}
+                bgShape={user.bgShape}
+                bgColor={user.bgColor ?? undefined}
+                size="xs"
+              />
+            </TooltipTrigger>
+            <TooltipContent side="top" className="text-xs">
+              {m.collab_activityShare({
+                name: user.username,
+                percent: Math.round(share * 100),
+              })}
+            </TooltipContent>
+          </Tooltip>
         ))}
         {rest > 0 && (
           <span className="flex h-5 min-w-5 items-center justify-center rounded-full bg-muted px-1 text-[10px] font-medium text-muted-foreground ring-1 ring-background">

package/src/components/command/command-palette.tsx

@@ -13,7 +13,7 @@
 // GNU Affero General Public License for more details.
 //
 // You should have received a copy of the GNU Affero General Public License
-// along with this program. If nosee <https://www.gnu.org/licenses/>.
+// along with this program. If not, see <https://www.gnu.org/licenses/>.
 
 import { useState, useSyncExternalStore } from "react"
 import { useThemeMode } from "@/providers/theme-mode-provider"
@@ -152,10 +152,18 @@ export function CommandPalette() {
   )
 }
 
+/** mac 判定：优先 userAgentData.platform（navigator.platform 已废弃，Chromium 下
+ *  新规范不再维护其值），userAgentData 不可用时回落 platform / UA 嗅探 */
+function isMacPlatform(): boolean {
+  if (typeof navigator === "undefined") return false
+  const uaData = (navigator as Navigator & { userAgentData?: { platform?: string } }).userAgentData
+  const platform = uaData?.platform ?? navigator.platform
+  return platform.toUpperCase().includes("MAC")
+    || navigator.userAgent.toUpperCase().includes("MAC")
+}
+
 function resolveShortcut(shortcut: readonly string[]): string {
-  const isMac = typeof navigator !== "undefined"
-    && (navigator.platform.toUpperCase().includes("MAC")
-      || navigator.userAgent.toUpperCase().includes("MAC"))
+  const isMac = isMacPlatform()
   return shortcut.map((k) => {
     const upper = k.toUpperCase()
     if (upper === "MOD") return isMac ? "CMD" : "CTRL"

package/src/components/design/canvas/document/__tests__/ai.test.ts

@@ -545,6 +545,77 @@ describe("sanitizeAiScene", () => {
     expect(doc.nodes.filter((n) => n.type === "button")[0].parentId).toBe("board")
   })
 
+  it("子先于父的输出顺序：parentId 仍解析到父（不误挂 board 顶层）", () => {
+    const doc = sanitizeAiScene(
+      {
+        version: 1,
+        nodes: [
+          { kind: "component", type: "button", parentId: "card", x: 0, y: 0, width: 100, height: 40 },
+          { id: "card", kind: "group", type: "group", x: 0, y: 0, width: 100, height: 100 },
+        ],
+      },
+      registered,
+    )
+    const card = doc.nodes.find((n) => n.type === "group")
+    const button = doc.nodes.find((n) => n.type === "button")
+    expect(button?.parentId).toBe(card?.id)
+    expect(card?.id).toBe("card")
+  })
+
+  it("普通节点伪造 id=board 被改名让位，真实 board 根仍插入且引用同步修正", () => {
+    const doc = sanitizeAiScene(
+      {
+        version: 1,
+        nodes: [
+          { id: "board", kind: "shape", type: "rect", x: 0, y: 0, width: 10, height: 10 },
+          { kind: "shape", type: "rect", parentId: "board", x: 5, y: 5, width: 10, height: 10 },
+        ],
+      },
+      registered,
+    )
+    const board = doc.nodes.find((n) => n.id === "board")
+    expect(board?.type).toBe("board")
+    const rects = doc.nodes.filter((n) => n.type === "rect")
+    expect(rects).toHaveLength(2)
+    const impostor = rects.find((n) => n.parentId === null)!
+    const child = rects.find((n) => n.parentId !== null)!
+    expect(impostor.id).not.toBe("board")
+    // 子节点 parentId 指向改名后的伪造者（保持原层级，不悬空挂 board）
+    expect(child.parentId).toBe(impostor.id)
+  })
+
+  it("style 白名单外键与 image/shader 涂装被过滤（不透传 leafer config）", () => {
+    const doc = sanitizeAiScene(
+      {
+        version: 1,
+        nodes: [
+          {
+            kind: "shape",
+            type: "rect",
+            x: 0,
+            y: 0,
+            width: 10,
+            height: 10,
+            style: {
+              opacity: 0.5,
+              cornerRadius: 4,
+              evilKey: "x",
+              onClick: "alert(1)",
+              fill: { type: "image", url: "https://example.com/x.png" },
+              stroke: "#333333",
+            },
+          },
+        ],
+      },
+      registered,
+    )
+    const rect = doc.nodes.find((n) => n.type === "rect")!
+    expect(rect.style).toMatchObject({ opacity: 0.5, cornerRadius: 4, stroke: "#333333" })
+    expect(rect.style).not.toHaveProperty("evilKey")
+    expect(rect.style).not.toHaveProperty("onClick")
+    expect(rect.style).not.toHaveProperty("fill")
+  })
+
   it("AI 显式 id 被保留，重复 id 全部重写", () => {
     const doc = sanitizeAiScene(
       {

package/src/components/design/canvas/document/__tests__/color-utils.test.ts

@@ -29,4 +29,15 @@ describe("color-utils", () => {
     expect(colorToHexAlpha("#ff0000", 1)).toBe("#ff0000ff")
     expect(colorToHexAlpha("#ff0000", 0.5)).toBe("#ff000080")
   })
+
+  it("oklch 解析支持负色相角（CSS Color 4：-30 等价 330）", () => {
+    // 回归哨兵：cssHue 正则曾不含符号位，负 hue 解析失败整体降级黑色。
+    // -30 与 330 的三角函数入射角不同存在浮点尾差，按输出 hex 比较（消费口径）
+    const negative = parseColor("oklch(62% 0.19 -30)")
+    const equivalent = parseColor("oklch(62% 0.19 330)")
+    expect(negative).not.toBeNull()
+    expect(toHex(negative as NonNullable<typeof negative>)).toBe(
+      toHex(equivalent as NonNullable<typeof equivalent>),
+    )
+  })
 })

package/src/components/design/canvas/document/__tests__/frames.test.ts

@@ -35,6 +35,19 @@ describe("FRAME_PRESETS", () => {
     const names = FRAME_PRESETS.mobile.items.map((item) => item.name)
     expect(names.some((n) => n.includes("iPhone 16"))).toBe(false)
   })
+
+  it("机型预设 name 尺寸与 width/height 一致（宽×高口径）", () => {
+    // 回归哨兵：iPhone Duo（内屏）曾出现 name 写 626×890 而 width/height 为
+    // 890/626 的口径漂移，面板展示尺寸与实际创建画板方向相反
+    for (const group of Object.values(FRAME_PRESETS)) {
+      for (const item of group.items) {
+        const dims = item.name.match(/(\d+)×(\d+)/)
+        if (!dims) continue
+        expect(item.width).toBe(Number(dims[1]))
+        expect(item.height).toBe(Number(dims[2]))
+      }
+    }
+  })
 })
 
 describe("frameAspectRatioLabel", () => {

package/src/components/design/canvas/document/__tests__/layer-order.test.ts

@@ -55,11 +55,24 @@ describe("reorderNodesDoc", () => {
 
   it("只与同 parentId 的兄弟比较，不影响其他组", () => {
     const nodes = [node("a", "f1"), node("b"), node("c", "f1")];
-    const out = reorderNodesDoc(nodes, ["a", "c"], "forward");
+    const out = reorderNodesDoc(nodes, ["a"], "forward");
     // a 上移后 f1 组顺序为 [c,a]，写回原位置（f1 组占 index 0/2）→ [c,b,a]
     expect(out?.map((n) => n.id)).toEqual(["c", "b", "a"]);
   });
 
+  it("同组多选：迭代间维护当前顺序，前序移动不被后续覆写", () => {
+    // 回归哨兵：旧实现每个 id 都从原始顺序出发重排，a 的下移被 c 的写回整体覆盖丢失
+    const nodes = [
+      node("x", "f1"),
+      node("a", "f1"),
+      node("y", "f1"),
+      node("c", "f1"),
+    ];
+    const out = reorderNodesDoc(nodes, ["a", "c"], "backward");
+    // a 下移一位（越过 x），c 基于新顺序再下移一位（越过 y）→ 两个选中各降一层
+    expect(out?.map((n) => n.id)).toEqual(["a", "x", "c", "y"]);
+  });
+
   it("空 ids 与不存在的 id 返回 null", () => {
     const nodes = [node("a")];
     expect(reorderNodesDoc(nodes, [], "front")).toBeNull();

package/src/components/design/canvas/document/align.ts

@@ -1,4 +1,4 @@
-// src/components/design/canvas/core/align.ts
+// src/components/design/canvas/document/align.ts
 // SPDX-License-Identifier: AGPL-3.0-or-later
 // 对齐基准：单选 = 父容器（无父时回落到 board）；多选 = 选中集自身 bbox。
 // 分布（distributeNodes）：首末不动，中间按首末跨度等距（中心距）。