feat: 弹窗 UI 多处优化

无 URL 技术不再显示成可点击链接样式（buildPopupResult 改 async 通过 attachTechnologyLinks 预填 URL，detection/bundle-license 调用方同步加 await）。识别纠正按钮跳转前把完整原始线索复制到剪贴板、issue body 引导粘贴。Select 组件加 clearable + X 重置按钮（默认开启，按钮模式与可输入模式都覆盖）。源代码搜索 / 原始线索面板展开时加遮罩、点击关闭、带 0.2s 渐变动画。弹窗 status 改为与 settings 一致的悬浮 msg 浮动卡片，加 ok/error 类型 + 3 秒自动消失；复制 / 刷新 / 加载完成都给出 ok 提示，错误用 error 提示。顶部"响应头"指标后跟随转圈 Loader2 图标表示后台检测进行中，检测完成自动消失。将版本号提升到 1.2.92。

Author: setube

package.json

@@ -1,7 +1,7 @@
 {
   "name": "stackprism",
   "private": true,
-  "version": "1.2.91",
+  "version": "1.2.92",
   "type": "module",
   "description": "StackPrism 用于检测网页前端、后端、CDN、SaaS、广告营销、统计、登录、支付、网站程序和主题模板线索。",
   "scripts": {

src/background/bundle-license.ts

@@ -375,7 +375,7 @@ const detectTechnologiesFromLicenseText = (observations: ScriptLicenseObservatio
 
 const saveBundleLicenseDataAndBadge = async (tabId: number, data: any, settings: any, tab: any) => {
   if (!isDetectablePageUrl(tab?.url)) return
-  const popup = buildPopupCacheRecord(data, settings, tab)
+  const popup = await buildPopupCacheRecord(data, settings, tab)
   const { popup: _legacyPopup, ...tabData } = data || {}
   await writeTabData(tabId, tabData, popup)
   await updateBadgeForTab(tabId, popup)

src/background/detection.ts

@@ -58,7 +58,7 @@ export const saveTabDataAndBadge = async (tabId: number, data: any, settings: an
     clearBadge(tabId)
     return
   }
-  const popup = buildPopupCacheRecord(data, settings, tab)
+  const popup = await buildPopupCacheRecord(data, settings, tab)
   const { popup: _legacyPopup, ...tabData } = data || {}
   await writeTabData(tabId, tabData, popup)
   await updateBadgeForTab(tabId, popup)

src/background/popup-cache.ts

@@ -252,8 +252,8 @@ const buildDisplayTechnologies = (data: any, settings: any) => {
   return filterTechnologiesBySettings(suppressGenericCdnFallbacks(mergeDisplayTechnologyRecords(all)), settings)
 }
 
-const buildPopupResult = (data: any, settings: any, tab: any) => {
-  const technologies = buildDisplayTechnologies(data, settings)
+const buildPopupResult = async (data: any, settings: any, tab: any) => {
+  const technologies = await attachTechnologyLinks(buildDisplayTechnologies(data, settings), settings)
   const resources = mergeResourceSummary(data.page?.resources || {}, data.dynamic || {})
   const main = data.main || {}
   const headerCount =
@@ -295,11 +295,11 @@ export const buildPopupRawResult = async (data: any, settings: any, tab: any) =>
   }
 }
 
-export const buildPopupCacheRecord = (data: any, settings: any, tab: any) => {
+export const buildPopupCacheRecord = async (data: any, settings: any, tab: any) => {
   const hydrated = addStoredCustomHeaderRules(data || {}, settings)
   const sourceUpdatedAt = getStoredUpdatedAt(hydrated)
   return {
-    ...buildPopupResult(hydrated, settings, tab),
+    ...(await buildPopupResult(hydrated, settings, tab)),
     cacheVersion: POPUP_CACHE_SCHEMA_VERSION,
     settingsKey: buildSettingsCacheKey(settings),
     hasCache: hasStoredDetection(hydrated),
@@ -338,7 +338,7 @@ export const getPopupResultResponse = async (tabId: number) => {
   }
 
   const data = await getTabData(tabId)
-  const popup = buildPopupCacheRecord(data, settings, tab)
+  const popup = await buildPopupCacheRecord(data, settings, tab)
   if (hasStoredDetection(data)) {
     const { popup: legacyPopup, ...tabData } = data || {}
     const nextStorage: Record<string, unknown> = { [popupStorageKey(tabId)]: popup }

src/ui/components/Select.vue

@@ -14,6 +14,17 @@
       <span :class="['sp-select-value', { placeholder: !selectedLabel }]">
         {{ selectedLabel || placeholder || '请选择' }}
       </span>
+      <span
+        v-if="showClearButton"
+        class="sp-clear-btn"
+        role="button"
+        :title="clearTitle"
+        :aria-label="clearTitle"
+        @click.stop="clear"
+        @mousedown.stop
+      >
+        <X :size="12" :stroke-width="2" />
+      </span>
       <ChevronDown class="sp-select-chevron" :class="{ flipped: isOpen }" :size="14" :stroke-width="2" />
     </button>
 
@@ -29,6 +40,17 @@
         @focus="open"
         @keydown="onKeyDown"
       />
+      <button
+        v-if="showClearButton"
+        type="button"
+        class="sp-clear-btn-input"
+        tabindex="-1"
+        :title="clearTitle"
+        :aria-label="clearTitle"
+        @mousedown.prevent="clear"
+      >
+        <X :size="12" :stroke-width="2" />
+      </button>
       <button type="button" class="sp-chevron-btn" tabindex="-1" :disabled="disabled" @mousedown.prevent="toggleFromInput">
         <ChevronDown class="sp-select-chevron" :class="{ flipped: isOpen }" :size="14" :stroke-width="2" />
       </button>
@@ -55,20 +77,28 @@
 
 <script setup lang="ts">
   import { ref, computed, onBeforeUnmount, onMounted } from 'vue'
-  import { Check, ChevronDown } from 'lucide-vue-next'
+  import { Check, ChevronDown, X } from 'lucide-vue-next'
 
   interface SelectOption {
     value: string
     label: string
   }
 
-  const props = defineProps<{
-    modelValue: string
-    options: SelectOption[]
-    placeholder?: string
-    disabled?: boolean
-    creatable?: boolean
-  }>()
+  const props = withDefaults(
+    defineProps<{
+      modelValue: string
+      options: SelectOption[]
+      placeholder?: string
+      disabled?: boolean
+      creatable?: boolean
+      clearable?: boolean
+      clearTitle?: string
+    }>(),
+    {
+      clearable: true,
+      clearTitle: '清除选择'
+    }
+  )
 
   const emit = defineEmits<{
     'update:modelValue': [value: string]
@@ -86,6 +116,16 @@
     return props.modelValue || ''
   })
 
+  const showClearButton = computed(() => props.clearable && !props.disabled && Boolean(props.modelValue))
+
+  const clear = () => {
+    if (props.disabled) return
+    emit('update:modelValue', '')
+    close()
+    if (props.creatable) inputRef.value?.focus()
+    else triggerRef.value?.focus()
+  }
+
   const filteredOptions = computed(() => {
     if (!props.creatable) return props.options
     const query = props.modelValue.trim().toLowerCase()
@@ -276,6 +316,31 @@
     cursor: not-allowed;
   }
 
+  .sp-clear-btn,
+  .sp-clear-btn-input {
+    align-items: center;
+    background: transparent;
+    border: 0;
+    border-radius: 4px;
+    color: var(--muted);
+    cursor: pointer;
+    display: inline-flex;
+    flex-shrink: 0;
+    height: 18px;
+    justify-content: center;
+    padding: 0;
+    transition:
+      background 0.15s ease,
+      color 0.15s ease;
+    width: 18px;
+  }
+
+  .sp-clear-btn:hover,
+  .sp-clear-btn-input:hover {
+    background: var(--accent-soft);
+    color: var(--accent);
+  }
+
   .sp-select-value {
     overflow: hidden;
     text-overflow: ellipsis;