immich/web/src/lib/components/admin-page/settings/storage-template/supported-variables-panel.svelte

<div class="text-xs mt-4">
  <h4>OTHER VARIABLES</h4>
</div>

<div class="text-xs bg-gray-200 dark:bg-gray-700 dark:text-immich-dark-fg p-4 mt-2 rounded-lg">
  <div class="flex gap-[50px]">
    <div>
      <p class="text-immich-primary font-medium dark:text-immich-dark-primary">FILE NAME</p>
      <ul>
        <li>{`{{filename}}`}</li>
      </ul>
    </div>

    <div>
      <p class="text-immich-primary font-medium dark:text-immich-dark-primary">FILE EXTENSION</p>
      <ul>
        <li>{`{{ext}}`}</li>
      </ul>
    </div>

    <div>
      <p class="text-immich-primary font-medium dark:text-immich-dark-primary">FILE TYPE</p>
      <ul>
        <li>{`{{filetype}}`} - VID or IMG</li>
        <li>{`{{filetypefull}}`} - VIDEO or IMAGE</li>
      </ul>
    </div>
  </div>
</div>