diff --git a/components/detail-disclosure.vue b/components/detail-disclosure.vue
index 2a5fd8b..1699fd8 100644
--- a/components/detail-disclosure.vue
+++ b/components/detail-disclosure.vue
@@ -3,14 +3,15 @@ import { get } from "lodash-es";
 import { ChevronRight } from "lucide-vue-next";
 
 import GenericDisclosure from "@/components/generic-disclosure.vue";
+import type { AnyEntity } from "@/types/schema";
 import { NuxtLink } from "#components";
 
-defineProps<{
-	rels: Array<object>;
+const props = defineProps<{
+	rels: Array<AnyEntity>;
 	gridClass?: string;
 	title: string;
 	defaultOpen?: boolean;
-	headers?: Array<string>;
+	headers?: Array<string | [string, string]>;
 	customSlot?: boolean;
 	linkTo?: boolean;
 	collectionName: string;
@@ -18,6 +19,10 @@ defineProps<{
 
 const locale = useLocale();
 const t = useTranslations();
+
+const page = ref(0);
+const limit = 25;
+const all = props.rels.length;
 </script>
 
 <template>
@@ -28,12 +33,70 @@ const t = useTranslations();
 	>
 		<slot>
 			<div class="p-2">
+				<div v-if="all > limit" class="mb-4 flex justify-between">
+					<button
+						v-if="page > 1"
+						class="rounded border p-1 transition hover:bg-slate-300 active:bg-slate-400"
+						@click="page--"
+					>
+						<ChevronRight class="h-5 w-5 rotate-180" />
+					</button>
+					<div v-else class="flex items-center rounded border p-1 text-gray-300">
+						<ChevronRight class="h-5 w-5 rotate-180" />
+					</div>
+					<div>
+						<div class="flex flex-wrap justify-center gap-1">
+							<button v-if="page > 2" class="underline" @click="page = 0">1</button>
+
+							<span v-if="page > 3">...</span>
+							<template v-for="n in 5" :key="n - 2 + page">
+								<button
+									v-if="n - 2 + page >= 1 && n - 2 + page <= Math.ceil(all / limit)"
+									:class="n === 3 ? 'font-semibold' : 'underline'"
+									@click="page = n - 3 + page"
+								>
+									{{ n - 2 + page }}
+								</button>
+							</template>
+							<span v-if="page + 4 < Math.ceil(all / limit)">...</span>
+							<button
+								v-if="page + 3 < Math.ceil(all / limit)"
+								class="underline"
+								@click="page = Math.ceil(all / limit) - 1"
+							>
+								{{ Math.ceil(all / limit) }}
+							</button>
+						</div>
+						<div class="text-center">
+							{{ page * limit + 1 }} - {{ Math.min((page + 1) * limit, all) }} / {{ all }}
+						</div>
+					</div>
+					<button
+						v-if="page < Math.ceil(all / limit) - 1"
+						class="rounded border p-1 transition hover:bg-slate-300 active:bg-slate-400"
+						@click="page++"
+					>
+						<ChevronRight class="h-5 w-5" />
+					</button>
+					<div v-else class="flex items-center rounded border p-1 text-gray-300">
+						<ChevronRight class="h-5 w-5" />
+					</div>
+				</div>
 				<div class="grid gap-2" :class="linkTo ? 'mr-6 ' + gridClass : gridClass">
-					<span v-for="header in headers" :key="header" class="font-bold">
-						{{ t(`collection-keys.${collectionName}["${header}"]`) }}
-					</span>
+					<template v-for="header in headers" :key="header">
+						<span v-if="typeof header === 'string'">
+							{{ t(`collection-keys.${collectionName}["${header}"]`) }}
+						</span>
+						<span v-else class="font-bold">
+							{{ t(`collection-keys.${collectionName}["${header[0]}"]`) }}
+						</span>
+					</template>
 				</div>
-				<div v-for="hit in rels" :key="String(hit)" class="mt-1 border-t pt-1">
+				<div
+					v-for="hit in rels.slice(page * limit, (page + 1) * limit)"
+					:key="String(hit)"
+					class="mt-1 border-t pt-1"
+				>
 					<component
 						:is="linkTo ? NuxtLink : 'div'"
 						:to="`/${locale}/detail/${hit?.target?.model.toLowerCase() + 's'}/${
@@ -43,7 +106,14 @@ const t = useTranslations();
 						:class="linkTo && 'rounded transition hover:bg-slate-200 active:bg-slate-300 p-1 -ml-1'"
 					>
 						<div class="grid items-center gap-2" :class="gridClass">
-							<span v-for="header in headers" :key="hit + header">{{ get(hit, header) }}</span>
+							<template v-for="header in headers" :key="hit + header">
+								<span v-if="typeof header === 'string'">
+									{{ get(hit, header) }}
+								</span>
+								<span v-else>
+									{{ get(hit, header[0]) || get(hit, header[1]) }}
+								</span>
+							</template>
 						</div>
 						<ChevronRight v-if="linkTo" class="h-5 w-5 shrink-0" />
 					</component>
diff --git a/components/generic-disclosure.vue b/components/generic-disclosure.vue
index cc9c77d..ba18546 100644
--- a/components/generic-disclosure.vue
+++ b/components/generic-disclosure.vue
@@ -17,7 +17,7 @@ defineProps<{
 			:disabled="disabled"
 			:class="
 				disabled
-					? 'opacity-50 cursor-not-allowed'
+					? 'opacity-50'
 					: 'hover:border-primary-400 hover:bg-primary-300 border-primary-300 bg-primary-200 shadow-sm'
 			"
 		>
diff --git a/components/pagination.vue b/components/pagination.vue
index 4562870..7cb59d7 100644
--- a/components/pagination.vue
+++ b/components/pagination.vue
@@ -1,8 +1,7 @@
 <script setup lang="ts">
 import { ChevronUp } from "lucide-vue-next";
-import type { RouteLocationNormalized } from "vue-router";
 
-const route: RouteLocationNormalized = useRoute();
+const route = useRoute();
 
 defineProps<{
 	page: number;
@@ -14,59 +13,112 @@ const t = useTranslations();
 </script>
 
 <template>
-	<div class="flex items-center justify-between">
-		<NuxtLink
-			v-if="page > 1"
-			data-testid="prevPage"
-			:to="{
-				query: {
-					...route.query,
-					page: page - 1,
-				},
-			}"
-		>
-			<div
-				class="cursor-pointer rounded border p-2 transition hover:bg-slate-200 active:bg-slate-300"
+	<div class="grid grid-cols-[1fr_auto_1fr] items-center gap-2">
+		<div class="flex items-center gap-1">
+			<NuxtLink
+				v-if="page > 1"
+				data-testid="prevPage"
+				:to="{
+					query: {
+						...route.query,
+						page: page - 1,
+					},
+				}"
 			>
+				<div
+					class="w-fit cursor-pointer rounded border p-2 transition hover:bg-slate-200 active:bg-slate-300"
+				>
+					<ChevronUp class="h-5 w-5 -rotate-90" />
+					<span class="sr-only">{{ t("ui.prev-page") }}</span>
+				</div>
+			</NuxtLink>
+			<div v-else class="w-fit cursor-not-allowed rounded border p-2 text-gray-400 transition">
 				<ChevronUp class="h-5 w-5 -rotate-90" />
-				<span class="sr-only">{{ t("ui.prev-page") }}</span>
+				<span class="sr-only">{{ t("ui.first-page") }}</span>
+			</div>
+			<div class="flex flex-wrap justify-center gap-1">
+				<NuxtLink v-if="page > 3" class="underline" :to="{ query: { ...route.query, page: 1 } }"
+					>1</NuxtLink
+				>
+				<span v-if="page > 4">...</span>
+				<template v-for="n in 5" :key="n - 3 + page">
+					<NuxtLink
+						v-if="n - 3 + page >= 1 && n - 3 + page <= Math.ceil(all / limit)"
+						:class="n === 3 ? 'font-semibold' : 'underline'"
+						:to="{ query: { ...route.query, page: n - 3 + page } }"
+					>
+						{{ n - 3 + page }}
+					</NuxtLink>
+				</template>
+				<span v-if="page + 3 < Math.ceil(all / limit)">...</span>
+				<NuxtLink
+					v-if="page + 2 < Math.ceil(all / limit)"
+					class="underline"
+					:to="{ query: { ...route.query, page: Math.ceil(all / limit) } }"
+				>
+					{{ Math.ceil(all / limit) }}
+				</NuxtLink>
 			</div>
-		</NuxtLink>
-		<div v-else class="cursor-not-allowed rounded border p-2 text-gray-400 transition">
-			<ChevronUp class="h-5 w-5 -rotate-90" />
-			<span class="sr-only">{{ t("ui.first-page") }}</span>
 		</div>
-		<div v-if="all != 0">
-			{{
-				t("ui.showing-results", {
-					first: (page - 1) * limit + 1,
-					last: Math.min(page * limit, all),
-					all,
-				})
-			}}
+		<div class="mx-auto">
+			<div v-if="all != 0">
+				<div>
+					{{
+						t("ui.showing-results", {
+							first: (page - 1) * limit + 1,
+							last: Math.min(page * limit, all),
+							all,
+						})
+					}}
+				</div>
+			</div>
+			<div v-else class="italic">{{ t("ui.no-results") }}</div>
 		</div>
-		<div v-else class="italic">{{ t("ui.no-results") }}</div>
-		<NuxtLink
-			v-if="page * limit < Number(all)"
-			data-testid="nextPage"
-			:to="{
-				query: {
-					...route.query,
-					page: page + 1,
-				},
-			}"
-		>
-			<div
-				class="cursor-pointer rounded border p-2 transition hover:bg-slate-200 active:bg-slate-300"
-			>
-				<ChevronUp class="h-5 w-5 rotate-90" />
-				<span class="sr-only">{{ t("ui.next-page") }}</span>
+		<div class="flex items-center justify-end gap-2">
+			<div class="flex items-center gap-1">
+				<span>{{ t("ui.per-page") }}:</span>
+				<NuxtLink
+					v-for="option in [10, 25, 50, 100]"
+					:key="option"
+					:class="
+						(!route.query.limit && option === 25) || option === Number(route.query.limit)
+							? 'font-semibold'
+							: 'underline'
+					"
+					:to="{
+						query: {
+							...route.query,
+							page: 1,
+							limit: option,
+						},
+					}"
+				>
+					{{ option }}
+				</NuxtLink>
 			</div>
-		</NuxtLink>
 
-		<div v-else class="cursor-not-allowed rounded border p-2 transition">
-			<ChevronUp class="h-5 w-5 rotate-90 text-gray-400" />
-			<span class="sr-only">{{ t("ui.last-page") }}</span>
+			<NuxtLink
+				v-if="page * limit < Number(all)"
+				data-testid="nextPage"
+				:to="{
+					query: {
+						...route.query,
+						page: page + 1,
+					},
+				}"
+			>
+				<div
+					class="cursor-pointer rounded border p-2 transition hover:bg-slate-200 active:bg-slate-300"
+				>
+					<ChevronUp class="h-5 w-5 rotate-90" />
+					<span class="sr-only">{{ t("ui.next-page") }}</span>
+				</div>
+			</NuxtLink>
+
+			<div v-else class="cursor-not-allowed rounded border p-2 transition">
+				<ChevronUp class="h-5 w-5 rotate-90 text-gray-400" />
+				<span class="sr-only">{{ t("ui.last-page") }}</span>
+			</div>
 		</div>
 	</div>
 </template>
diff --git a/locales/de.json b/locales/de.json
index 4a31a30..0fefe46 100644
--- a/locales/de.json
+++ b/locales/de.json
@@ -24,8 +24,8 @@
 		},
 		"searchviews": {
 			"courts": {
-				"title": "Hofstaaten",
-				"label": "Hofstaaten",
+				"title": "Hofstaate",
+				"label": "Hofstaate",
 				"sing": "Hofstaat",
 				"detail": "{title} - Hofstaat"
 			},
@@ -69,13 +69,17 @@
 		"generic": {
 			"name": "Name",
 			"start_date": "Start",
-			"end_date": "End"
+			"end_date": "End",
+			"folio": "Folio",
+			"kind": "Art",
+			"shortTitle": "Titel (kurz)",
+			"title": "Titel"
 		},
 		"viecpro_persons": {
 			"end": "Sterbedatum",
 			"start": "Geburtsdatum",
 			"gender": "Geschlecht",
-			"first_name": "Vorname(n)",
+			"first_name": "Vorname",
 			"name": "Nachname",
 			"fullname": "Name",
 			"relation_type": "Art des Bezuges",
@@ -93,11 +97,13 @@
 			"download": "Download und Zitierweise",
 			"court_functions": "Funktionen am Hof",
 			"person_relations_court": "Personenbeziehungen am Hof",
-			"other_relations_court": "Sonstiger Bezug zum Hof",
+			"other_relations_court": "Sonstige Bezüge zum Hof",
 			"marriages_and_family_relations": "Ehe- und Verwandschaftsverhältnisse",
-			"relations_to_church_and_orders": "Bezug zu Kirche und Orden",
+			"relations_to_church_and_orders": "Bezüge zu Kirche und Orden",
 			"non_court_functions": "Sonstige Tätigkeiten",
-			"model": "Modell"
+			"model": "Modell",
+			"functions": "Funktion",
+			"institutions": "Institution"
 		},
 		"viecpro_courts": {
 			"model": "Modell",
@@ -111,7 +117,7 @@
 			"main_owner.start_date": "Geburtsjahr des Hauptinhabers",
 			"main_owner.model": "Modell des Hauptinhabers",
 			"main_owner.object_id": "ID des Hauptinhabers",
-			"main_owner.relation_type": "Bezug zum Hauptinhaber",
+			"main_owner.relation_type": "Bezüge zum Hauptinhaber",
 			"owner.start_date": "Geburtsjahr des Besitzers",
 			"owner.end_date": "Sterbejahr des Besitzers",
 			"owner.name": "Name des Besitzers",
@@ -154,7 +160,10 @@
 			"label:Auflösung": "Auflösung",
 			"label:Kategorie": "Kategorie",
 			"start_date": "Beginn",
-			"end_date": "Ende"
+			"end_date": "Ende",
+			"bibtex.title": "Titel",
+			"bibtex.type": "Art",
+			"folio": "Folio"
 		},
 		"viecpro_events": {
 			"model": "Modell",
@@ -193,7 +202,7 @@
 		"datasheet": "Datenblatt",
 		"runtime": "Laufzeit",
 		"additional": "Weitere Informationen",
-		"courtrelated": "Bezug zum Wiener Hof",
+		"courtrelated": "Bezüge zum Wiener Hof",
 		"relations": "Bezüge",
 		"coords": "Koordinaten"
 	},
@@ -204,6 +213,7 @@
 		"prev-page": "Vorherige Seite",
 		"first-page": "Es gibt keine Seite vor dieser.",
 		"last-page": "Das ist bereits die letzte Seite.",
+		"per-page": "pro Seite",
 		"show-all": "Zeige alle...",
 		"show-filters": "Filter ausfahren...",
 		"hide-filters": "Filter verstecken...",
diff --git a/locales/en.json b/locales/en.json
index 03f6935..716e8f0 100644
--- a/locales/en.json
+++ b/locales/en.json
@@ -68,7 +68,11 @@
 		"generic": {
 			"name": "Name",
 			"start_date": "Start",
-			"end_date": "End"
+			"end_date": "End",
+			"folio": "Folio",
+			"kind": "Kind",
+			"shortTitle": "Title (short)",
+			"title": "Title"
 		},
 		"viecpro_persons": {
 			"end": "Death",
@@ -96,7 +100,9 @@
 			"marriages_and_family_relations": "Marriages and Family",
 			"relations_to_church_and_orders": "Relations to Church and Orders",
 			"non_court_functions": "Non Court Functions",
-			"model": "Model"
+			"model": "Model",
+			"functions": "Function",
+			"institutions": "Institution"
 		},
 		"viecpro_courts": {
 			"model": "Model",
@@ -155,7 +161,10 @@
 			"label:Auflösung": "Resolution",
 			"label:Kategorie": "Category",
 			"start_date": "Start",
-			"end_date": "End"
+			"end_date": "End",
+			"bibtex.title": "Title",
+			"bibtex.type": "Type",
+			"folio": "Folio"
 		},
 		"viecpro_events": {
 			"model": "Model",
@@ -205,6 +214,7 @@
 		"prev-page": "Previous Page",
 		"first-page": "You're already on the first page.",
 		"last-page": "You're already on the last page.",
+		"per-page": "per page",
 		"show-all": "show all...",
 		"show-filters": "Show Filters...",
 		"hide-filters": "Hide Filters...",
diff --git a/pages/detail/institutions/[id].vue b/pages/detail/institutions/[id].vue
index 522cd75..6bd6549 100644
--- a/pages/detail/institutions/[id].vue
+++ b/pages/detail/institutions/[id].vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { useQuery } from "@tanstack/vue-query";
+import { isEmpty } from "lodash-es";
 import { Download, Loader2 } from "lucide-vue-next";
 import { useRoute } from "vue-router";
 
@@ -11,8 +12,8 @@ import type { Institution, InstitutionDetail } from "@/types/schema";
 import { definePageMeta, getDetails, getDocument, ref } from "#imports";
 
 const t = useTranslations();
-
 const route = useRoute();
+
 const id = String(route.params.id);
 
 const collection = "viecpro_institutions";
@@ -130,14 +131,23 @@ definePageMeta({
 					:loading="loading.details"
 					:collection-name="collection"
 				/>
-				<DetailDisclosure
-					:title="t('collection-keys.viecpro_institutions.sources')"
-					:rels="data.details.data.sources"
-					:headers="['sources.bibtex.title', 'sources.bibtex.type', 'sources.folio']"
-					grid-class="grid-cols-3"
-					:loading="loading.details"
-					:collection-name="collection"
-				/>
+				<GenericDisclosure
+					:title="t('collection-keys.viecpro_courts.sources')"
+					:disabled="isEmpty(data.details.data.sources)"
+				>
+					<div v-if="!isEmpty(data.details.data.sources)">
+						<template v-for="(source, i) in data.details.data.sources" :key="source.id">
+							<div v-if="i != 0" class="my-1 border" />
+							<div v-if="source" class="flex flex-col gap-1 p-2">
+								<h3 class="border-b">
+									{{ source.bibtex.title || source.bibtex.shortTitle }}
+								</h3>
+								<span>{{ source.folio }}</span>
+								<span class="text-sm text-gray-400">{{ source.bibtex.id }}</span>
+							</div>
+						</template>
+					</div>
+				</GenericDisclosure>
 			</div>
 			<div v-else>No data.</div>
 		</template>
diff --git a/pages/detail/persons/[id].vue b/pages/detail/persons/[id].vue
index 4030b0b..4dbc7f6 100644
--- a/pages/detail/persons/[id].vue
+++ b/pages/detail/persons/[id].vue
@@ -1,19 +1,21 @@
 <script setup lang="ts">
-import { useQuery } from "@tanstack/vue-query";
+import { useQuery, useQueryClient } from "@tanstack/vue-query";
 import { isEmpty } from "lodash-es";
 import { Download, Loader2 } from "lucide-vue-next";
+import type { SearchResponse } from "typesense/lib/Typesense/Documents";
 import { useRoute } from "vue-router";
 
 import Chip from "@/components/chip.vue";
 import DetailDisclosure from "@/components/detail-disclosure.vue";
 import DetailPage from "@/components/detail-page.vue";
 import { downloadAsJson } from "@/lib/helpers";
-import type { Person, PersonDetail } from "@/types/schema";
+import type { Person, PersonDetail, Reference } from "@/types/schema";
 import { definePageMeta, getDetails, getDocument, ref } from "#imports";
 
 const t = useTranslations();
-
+const queryClient = useQueryClient();
 const route = useRoute();
+
 const id = String(route.params.id);
 
 const collection = "viecpro_persons";
@@ -27,15 +29,38 @@ const data = ref({
 		queryKey: ["detail", collection, id],
 		queryFn: () => getDetails<PersonDetail>("person", id),
 	}),
+	refs: useQuery({
+		queryKey: [
+			"search",
+			"viecpro_references",
+			{
+				q: "*",
+				query_by: "shortTitle",
+				filter_by: `related_doc.object_id:=${id} && related_doc.model:=Person`,
+				per_page: 250,
+			},
+		] as const,
+		queryFn: async ({ queryKey }) => {
+			const [, collection, query] = queryKey;
+			const response = await getDocuments(query, collection);
+			if (response.hits) {
+				response.hits.forEach((hit) => {
+					queryClient.setQueryData([collection, String(hit.document.object_id)], hit.document);
+				});
+			}
+			return response as SearchResponse<Reference>;
+		},
+	}),
 });
 
 const loading = computed(() => ({
-	entity: data.value.entity.isLoading,
-	details: data.value.details.isLoading,
+	entity: data.value.entity.isFetching,
+	details: data.value.details.isFetching,
+	refs: data.value.details.isFetching,
 }));
 
 const labelCols = ["name", "start_date", "end_date"];
-const relCols = ["relation_type", "target.name", "start", "end"];
+const relCols = ["relation_type", "target.name", "start_date", "end_date"];
 
 definePageMeta({
 	title: "pages.searchviews.people.title",
@@ -47,6 +72,7 @@ definePageMeta({
 		v-if="
 			!loading.entity &&
 			!loading.details &&
+			!loading.refs &&
 			(data.details.isLoadingError || data.entity.isLoadingError)
 		"
 	>
@@ -241,6 +267,26 @@ definePageMeta({
 					grid-class="grid-cols-3"
 					:collection-name="collection"
 				/>
+				<GenericDisclosure
+					:title="t('collection-keys.viecpro_courts.sources')"
+					:disabled="!data.refs.data || isEmpty(data.refs.data.hits)"
+				>
+					<div v-if="data.refs.data">
+						<template
+							v-for="({ document: reference }, i) in data.refs.data.hits"
+							:key="reference.id"
+						>
+							<div v-if="i !== 0" class="my-1 border" />
+							<div class="flex flex-col gap-1 p-2">
+								<h3 class="border-b">
+									{{ reference.title || reference.shortTitle }}
+								</h3>
+								<span>{{ reference.folio }}</span>
+								<span class="text-sm text-gray-400">{{ reference.id }}</span>
+							</div>
+						</template>
+					</div>
+				</GenericDisclosure>
 				<!-- <DetailDisclosure
 					title="Download und Zitierweise"
 					:rels="[]"
@@ -299,6 +345,7 @@ definePageMeta({
 					:headers="relCols"
 					grid-class="grid-cols-4"
 					:collection-name="collection"
+					link-to
 				/>
 			</div>
 			<div v-else>{{ t("ui.no-data") }}.</div>
diff --git a/pages/detail/places/[id].vue b/pages/detail/places/[id].vue
index 1194da6..a117b42 100644
--- a/pages/detail/places/[id].vue
+++ b/pages/detail/places/[id].vue
@@ -1,6 +1,8 @@
 <script setup lang="ts">
-import { useQuery } from "@tanstack/vue-query";
+import { useQuery, useQueryClient } from "@tanstack/vue-query";
+import { isEmpty } from "lodash-es";
 import { Download, Loader2 } from "lucide-vue-next";
+import type { SearchResponse } from "typesense/lib/Typesense/Documents";
 import { useRoute } from "vue-router";
 
 import Chip from "@/components/chip.vue";
@@ -8,12 +10,13 @@ import DetailDisclosure from "@/components/detail-disclosure.vue";
 import DetailPage from "@/components/detail-page.vue";
 import MapComponent from "@/components/map-component.vue";
 import { downloadAsJson } from "@/lib/helpers";
-import type { Place, PlaceDetail } from "@/types/schema";
+import type { Place, PlaceDetail, Reference } from "@/types/schema";
 import { definePageMeta, getDetails, getDocument, ref } from "#imports";
 
 const t = useTranslations();
-
+const queryClient = useQueryClient();
 const route = useRoute();
+
 const id = String(route.params.id);
 
 const collection = "viecpro_places";
@@ -27,6 +30,28 @@ const data = ref({
 		queryKey: ["detail", collection, id],
 		queryFn: () => getDetails<PlaceDetail>("place", id),
 	}),
+	refs: useQuery({
+		queryKey: [
+			"search",
+			"viecpro_references",
+			{
+				q: "*",
+				query_by: "shortTitle",
+				filter_by: `related_doc.object_id:=${id} && related_doc.model:=Place`,
+				per_page: 250,
+			},
+		] as const,
+		queryFn: async ({ queryKey }) => {
+			const [, collection, query] = queryKey;
+			const response = await getDocuments(query, collection);
+			if (response.hits) {
+				response.hits.forEach((hit) => {
+					queryClient.setQueryData([collection, String(hit.document.object_id)], hit.document);
+				});
+			}
+			return response as SearchResponse<Reference>;
+		},
+	}),
 });
 
 const loading = computed(() => ({
@@ -34,7 +59,7 @@ const loading = computed(() => ({
 	details: data.value.details.isLoading,
 }));
 
-const relCols = ["relation_type", "target.name", "start", "end"];
+const relCols = ["relation_type", "target.name", "start_date", "end_date"];
 
 definePageMeta({
 	title: "pages.searchviews.places.title",
@@ -119,7 +144,10 @@ definePageMeta({
 			<div class="col-span-2 my-1 border-t"></div>
 		</template>
 		<template #left>
-			<div v-if="data.details.data || data.entity.data" class="flex flex-col gap-3">
+			<div
+				v-if="data.details.data && data.entity.data && data.refs.data"
+				class="flex flex-col gap-3"
+			>
 				<DetailDisclosure
 					v-if="data.details.data"
 					:title="t('collection-keys.viecpro_places.alternative_names')"
@@ -129,6 +157,26 @@ definePageMeta({
 					:loading="loading.details"
 					:collection-name="collection"
 				/>
+				<GenericDisclosure
+					:title="t('collection-keys.viecpro_courts.sources')"
+					:disabled="!data.refs.data || isEmpty(data.refs.data)"
+				>
+					<div>
+						<template
+							v-for="({ document: reference }, i) in data.refs.data.hits"
+							:key="reference.id"
+						>
+							<div v-if="i != 0" class="my-1 border" />
+							<div class="flex flex-col gap-1 p-2">
+								<h3 class="border-b">
+									{{ reference.title || reference.shortTitle }}
+								</h3>
+								<span>{{ reference.folio }}</span>
+								<span class="text-sm text-gray-400">{{ reference.id }}</span>
+							</div>
+						</template>
+					</div>
+				</GenericDisclosure>
 				<GenericDisclosure
 					title="Map"
 					default-open
diff --git a/types/schema.d.ts b/types/schema.d.ts
index 8fc71dd..54ab695 100644
--- a/types/schema.d.ts
+++ b/types/schema.d.ts
@@ -37,6 +37,7 @@ export interface Reference {
 	shortTitle: string;
 	kind: string;
 	related_doc: ReferenceRelatedDoc;
+	id: string;
 }
 export interface ReferenceRelatedDoc {
 	object_id: string;
@@ -147,7 +148,7 @@ export interface InstitutionDetail {
 	category: string;
 	alternative_names: Array<DetailLabel>;
 	sources: Array<{
-		bibtext: {
+		bibtex: {
 			id: Array<string>;
 			URL: Array<string>;
 			type: Array<string>;