style: 按 Beat 分组整理镜头目录并去除重复编号

src/features/production/ProductionPage.vue

@@ -14,7 +14,8 @@ import {
 } from 'naive-ui'
 import { computed, ref, watch } from 'vue'
 import { ArrowLeft, CheckCircle2, CircleAlert, Film, Image, MessageSquareText, RefreshCw } from '@lucide/vue'
-import { DirectoryItem, EmptyState, StatusBadge } from '../../components/ui'
+import { EmptyState, StatusBadge } from '../../components/ui'
+import BeatShotDirectory from '../storyboard/components/BeatShotDirectory.vue'
 import ConfirmAction from '../workflows/ConfirmAction.vue'
 import { issueLabel, productionStatusLabel } from './model'
 import { useProduction } from './useProduction'
@@ -412,15 +413,13 @@ watch(
                     content-class="directory-list-content production-shot-list-content"
                     x-scrollable
                 >
-                    <DirectoryItem
-                        v-for="item in shots"
-                        :key="item.shotId"
-                        :active="item.shotId === shot.shotId"
-                        @click="selectedShot = item.shotId"
-                        class="production-shot-link"
-                        >{{ item.title }}
-                        <template #eyebrow>BEAT {{ item.beatNo }} / SHOT {{ item.shotNo }}</template>
-                        <template #meta
+                    <BeatShotDirectory
+                        :shots="shots"
+                        :active-id="shot.shotId"
+                        @select="selectedShot = $event"
+                        item-class="production-shot-link"
+                    >
+                        <template #meta="{ shot: item }"
                             ><span
                                 v-if="
                                     query.data.value?.keyframes.items.find(row => row.shotId === item.shotId)
@@ -459,7 +458,7 @@ watch(
                                     )
                                 }}
                             </span></template
-                        ></DirectoryItem
+                        ></BeatShotDirectory
                     >
                 </NScrollbar>
             </nav>