[jamiesun]

修了什么

素材库筛到「音效」时，孩子分不清声音、筛选名重复、播放器像是没加载。这次从渲染和数据两边修，不改孩子的源码，加入仍是复制且可撤销，不登录也能用。

修复前

修复前：大部分声音卡片只有灰色「声音」，名字被下一行盖住

• 声音卡片的中文 title 在清单里都有，但卡片是 <button>，又放在网格里。浏览器按按钮的「一行高」排网格行，标题画在行外面，被下一行盖住。网格最后一行只有一张卡时，没被挡住的「爆炸 / 激光 / 击中 / 点击」才露出来。点上面的卡片也会点到盖住它的那一张。
• 「音效」「角色」「界面」等同时出现在类型、主题、标签里，同一行没有去重。「音效」和「界面」各出现 3 次，其余列出的名字各 2 次。
• 默认选中的跳跃声只有 0.22 秒，原生控件画成 0:00 / 0:00，看起来像没加载。Safari 本来也播不了 Kenney 的 OGG。

修复后

修复后：每张声音卡片都有中文名、图标和来源包，卡片不再互相遮挡

选中爆炸后，播放器显示时长 1.0 秒并正在播放原来的 OGG

• 每张声音卡片都显示中文名（title），加上来源包（森林声音、音效、太空射击……）和按标签区分的图标。点卡片会试听。卡片有最小高度，网格行会跟着变高，名字留在卡片里面，不会被下一行盖住。
• 筛选分成「类型 / 主题 / 标签」。同名只留在更高的一组：类型按 category，主题按 theme，标签按 tag，结果和原来那一组按钮一致。标签多过 12 个时其余折进「更多」。
• 选中声音后播放器加载文件并写出时长（0.22 秒显示为「时长 0.2 秒」，不再是 0:00）。Chrome / Firefox 播原来的 WAV 和 Kenney OGG。Safari 播不了 OGG 时改播旁边的 *.preview.wav，并说明放进项目的仍是原来的 OGG。预览 wav 不进项目、不进导出包。
• 构建时检查：每个素材必须有非空显示名（空标题记为 missing-title），每个 OGG 必须带一份能播的 PCM WAV 预览。

测试

• pnpm test、pnpm typecheck 通过。
• pnpm test:e2e（含 pnpm build）92 条全部通过。
• 新增 tests/e2e/library.spec.ts：声音卡片都有名字且名字在卡片内、卡片互不重叠、筛选名不重复、WAV 和 Kenney OGG 的播放器时长大于 0 且能播放、主题「平台跳跃」不会混进别的包。
• 不登录、不请求 /api/。复制进项目的仍是清单里的原文件。

_{To show artifacts inline, enable in settings.}