Why HA does not use included files and use default ones instead?

Hi, I am new to HA so I’m still in the learning process heh. I have been reading here and there regarding docs. Right now I have a confusion about how HA works with YAML files. I have the following configuration.yaml file:

# Core Configuration. Do not remove.
default_config:
frontend:
  themes: !include_dir_merge_named themes

# Text to speech
tts:
  - platform: google_translate

automation: !include includes/automations.yaml

There are a default automations.yaml located at the same level where configuration.yaml does exist.

If I manage automation from the UI the new ones get created in the default automations.yaml and not the one located at includes/automations.yaml. Also, automation defined inside includes/automations.yaml does not show up in the UI/

I have also seen that some example automation like the ones posted at Actions | Home Assistant Companion Docs does not have an ID (not sure if this is mandatory or not) however the ones created from the UI do have one.

Why newly added automation is using the default file and not the one within the includes? Why the ones defined at includes/automations.yaml does not show up in the UI?

The UI editor only edits automations.yaml in /config - this is by design.