}) {
+ const event = hit.event;
+ const locations = Object.values(event.locations ?? {}).map((l) => l?.name).filter(Boolean);
+ const participants = Object.values(event.participants ?? {})
+ .map((p) => (p as { name?: string | null; email?: string | null }))
+ .map((p) => p.name || p.email)
+ .filter(Boolean);
+ return (
+
+
+
+
+
+
+ {hit.title}
+ {hit.isRecurring && }
+
+
{[hit.accountLabel, hit.subtitle].filter(Boolean).join(' · ')}
+
+
+
+
+
+ {formatDateTime(event.start)}
+ {locations.map((location) => {location})}
+ {event.description && {event.description}}
+ {participants.length > 0 && {participants.join(', ')}}
+
+
+
+
+
+
+
{hit.title}
+
{[hit.accountLabel, hit.folderPath].filter(Boolean).join(' · ')}
+
+
+
+
+
+ {!hit.isFolder && {formatFileSize(hit.node.size)}{hit.node.type ? ` · ${hit.node.type}` : ''}}
+ {hit.date && {formatDateTime(hit.date)}}
+
+
{t('preview_empty')}
;
+ }
+
+ if (hit.kind === 'mail') {
+ const clientOverride = hit.localAccountId !== activeAccountId ? getClientForAccount(hit.localAccountId) ?? undefined : undefined;
+ return (
+
+ );
+ }
+ const openLabel = t('open_full');
+ if (hit.kind === 'contacts') return ;
+ if (hit.kind === 'calendar') return ;
+ return ;
+}
diff --git a/components/global-search/search-result-list.tsx b/components/global-search/search-result-list.tsx
new file mode 100644
index 000000000..69baf18d4
--- /dev/null
+++ b/components/global-search/search-result-list.tsx
@@ -0,0 +1,90 @@
+"use client";
+
+import { AlertTriangle, Loader2 } from "lucide-react";
+import { useTranslations } from "next-intl";
+import { compareByRecency } from "@/lib/global-search/rank";
+import { hitKey, SEARCH_KINDS, type GlobalSearchHit, type SearchKind, type SearchOutcome } from "@/lib/global-search/types";
+import { cn } from "@/lib/utils";
+import { PaletteResultRow } from "@/components/global-search/palette-result-row";
+
+export interface SearchResultListProps {
+ outcome: SearchOutcome;
+ kinds: readonly SearchKind[];
+ /** Flat = one list, newest first; grouped = a section per kind. */
+ flat: boolean;
+ selectedKey: string | null;
+ onSelect: (hit: GlobalSearchHit) => void;
+ /** Double-click: open the hit on its full surface. */
+ onOpen: (hit: GlobalSearchHit) => void;
+ onLoadMoreMail: () => void;
+}
+
+function Row({ hit, selected, onSelect, onOpen }: {
+ hit: GlobalSearchHit;
+ selected: boolean;
+ onSelect: (hit: GlobalSearchHit) => void;
+ onOpen: (hit: GlobalSearchHit) => void;
+}) {
+ return (
+
+ );
+}
+
+/** Result list of the search tab. Single click previews, double click opens. */
+export function SearchResultList({ outcome, kinds, flat, selectedKey, onSelect, onOpen, onLoadMoreMail }: SearchResultListProps) {
+ const t = useTranslations('global_search');
+
+ const errorRows = (kind: SearchKind) => outcome.status[kind].errors.map((error) => (
+
+
+ {t('account_error', { account: error.accountLabel })}
+
+ {all.map((hit) => (
+ |
+ ))}
+ {SEARCH_KINDS.filter((kind) => kinds.includes(kind)).flatMap((kind) => errorRows(kind))}
+ {outcome.status.mail.hasMore && kinds.includes('mail') && (
+
+ )}
+
+ );
+ }
+
+ return (
+
+ {kinds.map((kind) => {
+ const hits = outcome.hits[kind];
+ const status = outcome.status[kind];
+ if (hits.length === 0 && status.errors.length === 0 && status.status !== 'loading') return null;
+ return (
+
+
+ {t(`scope_${kind}`)}
+ {hits.length}{status.hasMore ? '+' : ''}
+ {status.status === 'loading' && }
+
+ {hits.map((hit) => (
+ |
+ ))}
+ {errorRows(kind)}
+ {kind === 'mail' && status.hasMore && (
+
+ )}
+
+ );
+ })}
+
+ );
+}
diff --git a/components/global-search/search-scope-chips.tsx b/components/global-search/search-scope-chips.tsx
new file mode 100644
index 000000000..72a6f91a4
--- /dev/null
+++ b/components/global-search/search-scope-chips.tsx
@@ -0,0 +1,64 @@
+"use client";
+
+import { useTranslations } from "next-intl";
+import type { SearchScope } from "@/lib/global-search/query-parser";
+import { cn } from "@/lib/utils";
+
+export interface ScopeAccountOption {
+ localAccountId: string;
+ label: string;
+}
+
+export interface SearchScopeChipsProps {
+ scope: SearchScope;
+ onScopeChange: (scope: SearchScope) => void;
+ accounts: ScopeAccountOption[];
+ accountId: string | null;
+ onAccountChange: (accountId: string | null) => void;
+}
+
+const SCOPES: readonly SearchScope[] = ['all', 'mail', 'contacts', 'calendar', 'files'];
+
+/**
+ * Scope + account chips of the global search palette. They are sugar over the
+ * `in:` / `account:` query operators - an explicit operator in the query wins.
+ */
+export function SearchScopeChips({ scope, onScopeChange, accounts, accountId, onAccountChange }: SearchScopeChipsProps) {
+ const t = useTranslations('global_search');
+ return (
+
+
+ {SCOPES.map((option) => (
+
+ ))}
+
+ {accounts.length > 1 && (
+
+ )}
+
+
+
+
+
+
+ setDraft(e.target.value)}
+ onKeyDown={(e) => { if (e.key === 'Enter') submitDraft(); }}
+ onBlur={submitDraft}
+ aria-label={t('title')}
+ placeholder={t('placeholder')}
+ className="flex-1 min-w-0 bg-transparent text-sm text-foreground placeholder:text-muted-foreground focus:outline-none"
+ />
+ {isSearching && }
+
+
+
+ {kinds.every((kind) => outcome.hits[kind].length === 0) && !isSearching && (
+
+
{t('no_results', { query: data.query })}
+
{t('server_hint')}
+
+ )}
+
+
+
+