fix review ui

src/App.vue

@@ -40,6 +40,13 @@ const historyList = ref<string[]>([]);
 const historyMap = ref<Record<string, string[]>>({});
 const currentHistoryKey = ref(""); 
 
+const filteredHistoryList = computed(() => {
+  if (!videoNameInput.value) {
+    return historyList.value;
+  }
+  return historyList.value.filter(item => item.toLowerCase().includes(videoNameInput.value.toLowerCase()));
+});
+
 // Check Data
 const checkLogs = ref<string[]>([]);
 const logContainerRef = ref<HTMLElement | null>(null);
@@ -602,10 +609,11 @@ watch(currentDir, (newPath) => {
 
             <!-- Action Area -->
             <div class="action-area">
-                 <el-input v-model="videoNameInput" placeholder="视频名称" class="name-input">
+                 <el-input v-model="videoNameInput" placeholder="视频名称" class="name-input" @keyup.enter="handleRename">
                     <template #prepend>{{ videoNamePrefix }}</template>
                  </el-input>
                  <el-button type="primary" @click="handleRename" :disabled="isReviewDisabled || importedFiles.length === 0">命名</el-button>
+                 <el-button @click="videoNameInput = ''" class="clear-button-margin-fix">清空</el-button>
             </div>
             
             <!-- History List -->
@@ -613,7 +621,7 @@ watch(currentDir, (newPath) => {
                  <h4>历史记录 ({{ currentHistoryKey || '未关联目录' }})</h4>
                  <el-scrollbar style="flex: 1" class="history-scrollbar">
                     <ul class="history-list">
-                        <li v-for="item in historyList" :key="item" @click="useHistoryItem(item)">
+                        <li v-for="item in filteredHistoryList" :key="item" @click="useHistoryItem(item)">
                             <span class="history-text">{{ item }}</span>
                             <el-icon class="delete-icon" @click.stop="deleteHistoryItem(item)"><Delete /></el-icon>
                         </li>
@@ -847,4 +855,7 @@ body {
 .el-main.review-active {
     padding: 20px;
 }
+.action-area .clear-button-margin-fix {
+    margin-left: 0; /* Adjust this value as needed to fine-tune the gap */
+}
 </style>