feat(editor): 素材面板改造与视频 codec 存量重判 (#419)

* refactor(editor): 画布素材统一到项目素材

- 移除「画布素材」分组、筛选页签、来源徽标与详情「来源」行
- 画布产物（source=canvas）并入「项目素材」组，与普通项目素材一致展示
- 数据层仍写入 canvas 来源标记，仅供追溯，不再驱动任何 UI 分组

* fix(editor): 启动回填重判存量 none 视频的 codec

- Repository.PlaybackNoneVideos: 取旧规则遗留(provider=local, playback_status='none')的本地视频
- BackfillPlaybackTranscodes 追加有界重判(每次启动至多 20 条最旧行): H.264 保持 none,
  H.265/MPEG-4 Part 2 自动触发转码, 使 codec 判定规则变更覆盖规则变更前已导入的文件
- 新增守护测试 TestBackfillRejudgesLegacyNoneVideos: 存量 none 的 H.264 保持、mp4v 转码落 failed

* feat(editor): 素材展开改为浮层详情卡，列表不再被挤压

- 移除行内展开块：此前点击素材行会在分组内内联撑开预览+详情+按钮，把列表下方素材挤走
- 新增 AssetDetailSheet 浮层：覆盖在列表视口上方，列表 DOM 原位不动、滚动位置不丢
- 浮层自带头部（类型图标+标题+关闭）、滚动内容区（预览/元数据/描述）与固定底部「添加到时间线」
- 键盘可达：Esc 或关闭按钮退出；聚焦管理 + aria-label + 尊重 prefers-reduced-motion

backend/internal/service/video_transcode_test.go

@@ -3,8 +3,12 @@ package service
 import (
 	"encoding/binary"
 	"os"
+	"os/exec"
 	"path/filepath"
 	"testing"
+	"time"
+
+	"infinite-canvas/backend/internal/model"
 )
 
 // stsdBox 构造仅含 first-sample-entry fourcc 的最小 stsd box（置于 moov 切片内）。
@@ -63,3 +67,77 @@ func TestProbeVideoCodecReadsRealFile(t *testing.T) {
 		t.Errorf("probeVideoCodec = %q, want h265", got)
 	}
 }
+
+// TestBackfillRejudgesLegacyNoneVideos 覆盖修复：判定规则变更前（H.265/MPEG-4 Part 2
+// 曾被误判可播）落 none 的存量本地视频，启动回填必须重新按 codec 判定——
+// H.264 保持 none（幂等），MPEG-4 触发转码并最终落到 failed/ready 终态。
+func TestBackfillRejudgesLegacyNoneVideos(t *testing.T) {
+	service, db := newProjectAssetLinkTestService(t)
+	dataDir := t.TempDir()
+	service.dataDir = dataDir
+
+	seedLegacy := func(id, fourcc string) {
+		t.Helper()
+		stsd := stsdBoxWithFourcc(fourcc)
+		moov := make([]byte, 8+len(stsd))
+		binary.BigEndian.PutUint32(moov[0:4], uint32(len(moov)))
+		copy(moov[4:8], "moov")
+		copy(moov[8:], stsd)
+		ftyp := make([]byte, 16)
+		binary.BigEndian.PutUint32(ftyp[0:4], 16)
+		copy(ftyp[4:8], "ftyp")
+		copy(ftyp[8:12], "isom")
+		full := append(append([]byte{}, ftyp...), moov...)
+		rel := filepath.Join("clips", id+".mp4")
+		p := filepath.Join(dataDir, "resources", filepath.FromSlash(rel))
+		if err := os.MkdirAll(filepath.Dir(p), 0o755); err != nil {
+			t.Fatal(err)
+		}
+		if err := os.WriteFile(p, full, 0o644); err != nil {
+			t.Fatal(err)
+		}
+		res := model.Resource{
+			ID: id, UserID: "user-1", Kind: "video", Status: model.ResourceStatusReady,
+			Provider: "local", ObjectKey: rel, PlaybackStatus: model.PlaybackStatusNone,
+		}
+		if err := db.Create(&res).Error; err != nil {
+			t.Fatal(err)
+		}
+	}
+	seedLegacy("legacy-h264", "avc1")
+	seedLegacy("legacy-mpeg4", "mp4v")
+
+	service.BackfillPlaybackTranscodes()
+
+	var h264 model.Resource
+	if err := db.First(&h264, "id = ?", "legacy-h264").Error; err != nil {
+		t.Fatal(err)
+	}
+	if h264.PlaybackStatus != model.PlaybackStatusNone {
+		t.Fatalf("H.264 存量 none 行被错误改判为 %q", h264.PlaybackStatus)
+	}
+
+	// MPEG-4 行应被抢占转码。fake mp4 不含真实视频流，ffmpeg 解码必败 → failed；
+	// 若某环境恰有同名 ready 副本则也接受。轮询直到终态，避免 goroutine 竞态。
+	if _, err := exec.LookPath("ffmpeg"); err != nil {
+		t.Log("无 ffmpeg，跳过 MPEG-4 终态断言")
+		return
+	}
+	var mp4v model.Resource
+	deadline := time.Now().Add(10 * time.Second)
+	for {
+		if err := db.First(&mp4v, "id = ?", "legacy-mpeg4").Error; err != nil {
+			t.Fatal(err)
+		}
+		if mp4v.PlaybackStatus == model.PlaybackStatusFailed || mp4v.PlaybackStatus == model.PlaybackStatusReady {
+			break
+		}
+		if time.Now().After(deadline) {
+			t.Fatalf("MPEG-4 存量行未达终态，停在 %q（error=%q）", mp4v.PlaybackStatus, mp4v.PlaybackError)
+		}
+		time.Sleep(100 * time.Millisecond)
+	}
+	if mp4v.PlaybackStatus != model.PlaybackStatusFailed {
+		t.Fatalf("fake mp4v 应转码失败落 failed，实际 %q", mp4v.PlaybackStatus)
+	}
+}