diff --git a/src/lib/components/filters/parsedTagList.svelte b/src/lib/components/filters/parsedTagList.svelte index 5f8b6d33c..1921be077 100644 --- a/src/lib/components/filters/parsedTagList.svelte +++ b/src/lib/components/filters/parsedTagList.svelte @@ -18,8 +18,12 @@ import type { Writable } from 'svelte/store'; import Menu from '$lib/components/menu/menu.svelte'; import { addFilterAndApply, buildFilterCol, type FilterData } from './quickFilters'; + import QuickFilters from '$lib/components/filters/quickFilters.svelte'; - let { columns }: { columns: Writable | undefined } = $props(); + let { + columns, + analyticsSource = '' + }: { columns: Writable | undefined; analyticsSource?: string } = $props(); function parseTagParts(tagString: string): { text: string; operator: boolean }[] { const parts: { text: string; operator: boolean }[] = []; @@ -96,6 +100,9 @@ : [] ); + // QuickFilters uses the same filter list + let filterCols = $derived(availableFilters); + // Always-show placeholders are derived from available filters (no hardcoding) // Use reactive array so runes can track changes let hiddenPlaceholders: string[] = $state([]); @@ -268,6 +275,10 @@ {/if} {/key} + {#if filterCols?.length} + + {/if} + {#if $parsedTags?.length}