shows corpus in query

src/components/Search/QueryItem.vue

@@ -17,7 +17,6 @@ const storeQuery = queries.queries.find((q) => q.id === props.query.id) as unkno
 					{{ props.query.finalQuery }}
 				</span>
 				<div class="flex gap-2">
-					<VChip>{{ props.query.type }}</VChip>
 					<VBtn
 						density="compact"
 						icon="mdi-palette"
@@ -27,9 +26,20 @@ const storeQuery = queries.queries.find((q) => q.id === props.query.id) as unkno
 				</div>
 			</div>
 		</VCardTitle>
-		<VCardText v-if="storeQuery.showPicker">
+
+		<VCardText class="flex justify-between">
+			<VChip>
+				{{ props.query.corpus }}
+				{{ props.query.subCorpus ? ` / ${props.query.subCorpus}` : "" }}
+			</VChip>
+			<VChip>{{ props.query.type }}</VChip>
 			<!-- <p>userInput: {{ props.query.userInput }}</p> -->
-			<VColorPicker v-if="storeQuery.showPicker" v-model="storeQuery.color"></VColorPicker>
 		</VCardText>
+
+		<VCardActions v-if="storeQuery.showPicker">
+			<VExpandTransition v-if="storeQuery.showPicker">
+				<VColorPicker v-model="storeQuery.color"></VColorPicker>
+			</VExpandTransition>
+		</VCardActions>
 	</VCard>
 </template>

src/stores/query.ts

@@ -1,12 +1,14 @@
 import { acceptHMRUpdate, defineStore } from "pinia";
 import { type Ref, ref } from "vue";
 
+import { useCorporaStore } from "./corpora";
+
 export const useQuery = defineStore(
 	"query",
 	() => {
 		const nextQueryId = ref(0);
 		const queries = ref([]) as Ref<Array<CorpusQuery>>;
-
+		const corporaStore = useCorporaStore();
 		function addQuery(userInput: string, type: CorpusQueryType) {
 			let finalQuery = "";
 			switch (type) {
@@ -35,6 +37,8 @@ export const useQuery = defineStore(
 				type,
 				userInput,
 				finalQuery,
+				corpus: corporaStore.selectedCorpus?.corpname ?? "",
+				subCorpus: corporaStore.selectedSubCorpus?.n ?? "",
 				preparedQuery: `aword,${finalQuery}`, // note: this is done in the old project, so we do it here too
 				showPicker: false,
 				data: {

src/types/query.d.ts

@@ -51,6 +51,8 @@ interface CorpusQuery {
 	preparedQuery: string;
 	color: string;
 	showPicker: boolean;
+	corpus: string;
+	subCorpus: string;
 
 	loading: {
 		yearlyFrequencies: boolean;