Sorted out using <details> element, got ancestor clicks closing out to their level

app/web/src/helpers/hooks/useIdeState.ts

@@ -244,11 +244,27 @@ const reducer = (state: State, { type, payload }): State => {
         state.sideTray.length &&
         state.sideTray.length === payload.length &&
         state.sideTray.every((original, index) => original === payload[index])
+
+      const payloadInOriginal =
+        payload.length && state.sideTray.indexOf(payload[0])
+      const isAncestorClick =
+        state.sideTray.length &&
+        state.sideTray.length > payload.length &&
+        payloadInOriginal >= 0 &&
+        payload.every(
+          (incoming, i) => incoming === state.sideTray[i + payloadInOriginal]
+        )
+
       if (isReClick) {
         return {
           ...state,
           sideTray: state.sideTray.slice(0, -1),
         }
+      } else if (isAncestorClick) {
+        return {
+          ...state,
+          sideTray: state.sideTray.slice(0, payload.length * -1 - 1),
+        }
       }
       return {
         ...state,