Eye on the Tags header hides all tags, also tags added later

src/components/RefTree.vue

@@ -46,7 +46,15 @@ function toggleFolder(n: TreeNode) {
         <path d="M1.5 4a1 1 0 0 1 1-1h3.5l1.5 1.5h6a1 1 0 0 1 1 1V12a1 1 0 0 1-1 1h-11a1 1 0 0 1-1-1z" />
       </svg>
       <span class="name" :title="n.ref?.name ?? n.path">{{ n.label }}</span>
-      <EyeButton :shut="allHidden(n)" @click.stop="emit('toggle', refsUnder(n).map((r) => r.name))" />
+      <EyeButton
+        v-if="kind === 'tag' && filters.hideTags"
+        class="locked"
+        :shut="true"
+        disabled
+        title="all tags are hidden: use the eye next to Tags"
+        @click.stop
+      />
+      <EyeButton v-else :shut="allHidden(n)" @click.stop="emit('toggle', refsUnder(n).map((r) => r.name))" />
     </div>
     <RefTree
       v-if="n.children.length && !closed.has(key(n))"
@@ -80,4 +88,5 @@ function toggleFolder(n: TreeNode) {
 .arrow.open { transform: rotate(90deg); }
 .name { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 .item:hover :deep(.eye) { opacity: 1; }
+.item :deep(.eye.locked) { opacity: 0.35; cursor: default; }
 </style>