fix(unified-search): Separate filtered and unfiltered results

Show results from providers that don't support active content filters
(date/person) in a separate "Additional results" section with a note
explaining that some filters may have been ignored.

Changes:
- Add computed properties to separate filtered/unfiltered results
- Track filter compatibility using baseProvider for searchFrom providers
- Deduplicate results by resourceUrl across sections
- Skip in-folder results when at root to avoid duplicating Files results
- Fix providerIsCompatibleWithFilters to check correct filter properties
- Add styling for the unfiltered results section

Signed-off-by: nfebe <[email protected]>

Author: nfebe

core/src/components/UnifiedSearch/UnifiedSearchModal.vue

@@ -27,7 +27,7 @@
 				:label="t('core', 'Search apps, files, tags, messages') + '...'"
 				@update:value="debouncedFind" />
 			<div class="unified-search-modal__filters" data-cy-unified-search-filters>
-				<NcActions v-model:open="providerActionMenuIsOpen" :menu-name="t('core', 'Places')" data-cy-unified-search-filter="places">
+				<NcActions :open.sync="providerActionMenuIsOpen" :menu-name="t('core', 'Places')" data-cy-unified-search-filter="places">
 					<template #icon>
 						<IconListBox :size="20" />
 					</template>
@@ -43,7 +43,7 @@
 						{{ provider.name }}
 					</NcActionButton>
 				</NcActions>
-				<NcActions v-model:open="dateActionMenuIsOpen" :menu-name="t('core', 'Date')" data-cy-unified-search-filter="date">
+				<NcActions :open.sync="dateActionMenuIsOpen" :menu-name="t('core', 'Date')" data-cy-unified-search-filter="date">
 					<template #icon>
 						<IconCalendarRange :size="20" />
 					</template>
@@ -120,7 +120,8 @@
 			<h3 class="hidden-visually">
 				{{ t('core', 'Results') }}
 			</h3>
-			<div v-for="providerResult in results" :key="providerResult.id" class="result">
+			<!-- Filtered results section -->
+			<div v-for="providerResult in filteredResults" :key="providerResult.id" class="result">
 				<h4 :id="`unified-search-result-${providerResult.id}`" class="result-title">
 					{{ providerResult.name }}
 				</h4>
@@ -144,6 +145,36 @@
 					</NcButton>
 				</div>
 			</div>
+			<!-- Unfiltered results section -->
+			<template v-if="unfilteredResults.length > 0">
+				<div class="unified-search-modal__unfiltered-header">
+					<span class="unified-search-modal__unfiltered-label">{{ t('core', 'Partial matches') }}</span>
+				</div>
+				<div v-for="providerResult in unfilteredResults" :key="`unfiltered-${providerResult.id}`" class="result result--unfiltered">
+					<h4 :id="`unified-search-result-unfiltered-${providerResult.id}`" class="result-title">
+						{{ providerResult.name }}
+					</h4>
+					<ul class="result-items" :aria-labelledby="`unified-search-result-unfiltered-${providerResult.id}`">
+						<SearchResult v-for="(result, index) in providerResult.results"
+							:key="index"
+							v-bind="result" />
+					</ul>
+					<div class="result-footer">
+						<NcButton v-if="providerResult.results.length === providerResult.limit" variant="tertiary-no-background" @click="loadMoreResultsForProvider(providerResult)">
+							{{ t('core', 'Load more results') }}
+							<template #icon>
+								<IconDotsHorizontal :size="20" />
+							</template>
+						</NcButton>
+						<NcButton v-if="providerResult.inAppSearch" alignment="end-reverse" variant="tertiary-no-background">
+							{{ t('core', 'Search in') }} {{ providerResult.name }}
+							<template #icon>
+								<IconArrowRight :size="20" />
+							</template>
+						</NcButton>
+					</div>
+				</div>
+			</template>
 		</div>
 	</NcDialog>
 </template>
@@ -445,6 +476,7 @@ export default defineComponent({
 						...provider,
 						results: response.data.ocs.data.entries,
 						limit: params.limit ?? 5,
+						supportsActiveFilters,
 					})
 
 					unifiedSearchLogger.debug('Unified search results:', { results: this.results, newResults })
@@ -793,9 +825,27 @@ export default defineComponent({
 				align-items: center;
 				display: flex;
 			}
+
+			&--unfiltered {
+				opacity: 0.7;
+			}
 		}
 
 	}
+
+	&__unfiltered-header {
+		display: flex;
+		flex-direction: column;
+		gap: 2px;
+		margin-block: 16px 8px;
+		padding-block: 12px 0;
+		border-top: 1px solid var(--color-border);
+	}
+
+	&__unfiltered-label {
+		font-weight: bold;
+		color: var(--color-text-maxcontrast);
+	}
 }
 
 .filter-button__icon {