feat: make category and label badges clickable to toggle filters in log detail panel (#278)

JianJroh · web-flow · commit e4feaea87d3b · 2026-04-03T09:46:17.000+09:00
diff --git a/packages/core/src/client/webcomponents/components/views-builtin/ViewBuiltinLogs.vue b/packages/core/src/client/webcomponents/components/views-builtin/ViewBuiltinLogs.vue
@@ -382,8 +382,8 @@ onMounted(() => {
 
         <!-- Category + Labels -->
         <div v-if="selectedEntry.category || (selectedEntry.labels && selectedEntry.labels.length)" class="flex flex-wrap gap-1 mb-3">
-          <HashBadge v-if="selectedEntry.category" :label="selectedEntry.category" />
-          <HashBadge v-for="label of selectedEntry.labels" :key="label" :label="label" />
+          <HashBadge v-if="selectedEntry.category" :label="selectedEntry.category" class="cursor-pointer" @click="toggleCategory(selectedEntry.category)" />
+          <HashBadge v-for="label of selectedEntry.labels" :key="label" :label="label" class="cursor-pointer" @click="toggleLabelFilter(label)" />
         </div>
 
         <!-- File position -->
