Refine orphaned key status labels

frontend/src/views/Upstreams.vue

@@ -402,8 +402,13 @@
         </el-table-column>
         <el-table-column label="状态" width="96">
           <template #default="{ row }">
-            <el-tag size="small" :type="keyStatusTagType(row.status)">
-              {{ keyStatusLabel(row.status) }}
+            <el-tooltip v-if="row.error" :content="row.error" placement="top" :show-after="300">
+              <el-tag size="small" :type="keyStatusTagType(row.status)">
+                {{ keyStatusLabel(row) }}
+              </el-tag>
+            </el-tooltip>
+            <el-tag v-else size="small" :type="keyStatusTagType(row.status)">
+              {{ keyStatusLabel(row) }}
             </el-tag>
           </template>
         </el-table-column>
@@ -513,7 +518,10 @@
           </el-table-column>
           <el-table-column label="状态" width="120">
             <template #default="{ row }">
-              <el-tag size="small" :type="keyStatusTagType(row.status)">{{ keyStatusLabel(row.status) }}</el-tag>
+              <el-tooltip v-if="row.error" :content="row.error" placement="top" :show-after="300">
+                <el-tag size="small" :type="keyStatusTagType(row.status)">{{ keyStatusLabel(row) }}</el-tag>
+              </el-tooltip>
+              <el-tag v-else size="small" :type="keyStatusTagType(row.status)">{{ keyStatusLabel(row) }}</el-tag>
             </template>
           </el-table-column>
         </el-table>
@@ -1049,17 +1057,24 @@ function shrinkError(value: string) {
   return value.length > 40 ? `${value.slice(0, 40)}…` : value
 }
 
-const keyStatusLabel = (s: string) => ({
-  created: '已创建',
-  exists: '已存在',
-  imported: '已导入',
-  orphaned: '远端缺失',
-  remote: '远端存在',
-  replaced: '已替换',
-  created_pending_key: '待回填',
-  failed: '失败',
-  import_failed: '导入失败',
-}[s] || '未知状态')
+const keyStatusLabel = (row: GeneratedUpstreamKey) => {
+  if (row.status === 'orphaned') {
+    if (row.error?.startsWith('重复旧 Key')) return '重复旧 Key'
+    if (row.error === '远端 Key 已不存在') return '远端缺失'
+    if (row.error === '来源分组已不存在') return '来源分组缺失'
+    return '已归档'
+  }
+  return ({
+    created: '已创建',
+    exists: '已存在',
+    imported: '已导入',
+    remote: '远端存在',
+    replaced: '已替换',
+    created_pending_key: '待回填',
+    failed: '失败',
+    import_failed: '导入失败',
+  }[row.status] || '未知状态')
+}
 
 const keyStatusTagType = (s: string) => {
   if (s === 'created' || s === 'imported') return 'success'