3 files changed, 21 insertions, 1 deletions
diff --git a/src/components/SearchModal.vue b/src/components/SearchModal.vue
index dbe47af..eccc685 100644
--- a/src/components/SearchModal.vue
+++ b/src/components/SearchModal.vue
@@ -41,6 +41,7 @@ export default defineComponent({
 			let url = new URL(window.location.href);
 			url.pathname = '/data/chain';
 			url.search = '?name=' + encodeURIComponent(tolNodeName);
+			url.search += (this.uiOpts.useReducedTree ? '&tree=reduced' : '');
 			fetch(url.toString())
 				.then(response => response.json())
 				.then(obj => {
@@ -80,6 +81,7 @@ export default defineComponent({
 			let url = new URL(window.location.href);
 			url.pathname = '/data/search';
 			url.search = '?name=' + encodeURIComponent(input.value);
+			url.search += (this.uiOpts.useReducedTree ? '&tree=reduced' : '');
 			this.lastSuggReqId += 1;
 			let suggsId = this.lastSuggReqId;
 			let reqDelay = 0;
diff --git a/src/components/SettingsPane.vue b/src/components/SettingsPane.vue
index 13a7f26..cf046c3 100644
--- a/src/components/SettingsPane.vue
+++ b/src/components/SettingsPane.vue
@@ -34,9 +34,12 @@ export default defineComponent({
 			}
 			this.onLytOptChg();
 		},
+		onTreeChg(){
+			this.$emit('tree-change');
+		},
 	},
 	components: {CloseIcon, },
-	emits: ['settings-close', 'layout-option-change', ],
+	emits: ['settings-close', 'layout-option-change', 'tree-change', ],
 });
 </script>
 
@@ -115,5 +118,19 @@ export default defineComponent({
 		<label>Animation Duration <input type="range" min="0" max="3000" class="mx-2 w-[3cm]"
 			v-model.number="uiOpts.tileChgDuration"/></label>
 	</div>
+	<hr class="border-stone-400"/>
+	<div>
+		Tree
+		<ul>
+			<li>
+				<label> <input type="radio" v-model="uiOpts.useReducedTree" :value="false"
+					@change="onTreeChg"/> Default </label>
+			</li>
+			<li>
+				<label> <input type="radio" v-model="uiOpts.useReducedTree" :value="true"
+					@change="onTreeChg"/> Reduced </label>
+			</li>
+		</ul>
+	</div>
 </div>
 </template>
diff --git a/src/components/TileInfoModal.vue b/src/components/TileInfoModal.vue
index 72515d3..6701f1f 100644
--- a/src/components/TileInfoModal.vue
+++ b/src/components/TileInfoModal.vue
@@ -82,6 +82,7 @@ export default defineComponent({
 		<h1 class="text-center text-xl font-bold mb-2">
 			{{displayName}}
 			<div v-if="tolNode.children.length > 0">({{tolNode.children.length}} children)</div>
+			<div>({{tolNode.tips}} tips)</div>
 		</h1>
 		<hr class="mb-4 border-stone-400"/>
 		<div class="flex">