{{!-- Director's Board — GM camera-management overview window --}}
<div class="directors-board__inner">

  <section class="scrying-pool directors-board__content"
           role="list"
           aria-label="{{localize "video-view-manager.directorsBoard.title"}}">

    {{#unless isEmpty}}
      {{#each participants}}
        {{> "modules/video-view-manager/templates/participant-card.hbs"}}
      {{/each}}
    {{else}}
      <p class="directors-board__empty" role="listitem">
        {{localize "video-view-manager.directorsBoard.empty"}}
      </p>
    {{/unless}}

  </section>

  <div class="directors-board__bulk-bar">
    <button type="button" class="directors-board__bulk-btn" data-action="show-all">
      {{localize "video-view-manager.directorsBoard.bulk.showAll"}}
    </button>
    <button type="button" class="directors-board__bulk-btn" data-action="hide-all">
      {{localize "video-view-manager.directorsBoard.bulk.hideAll"}}
    </button>
    {{#if hasUndo}}
    <button type="button" class="directors-board__bulk-btn directors-board__bulk-btn--undo" data-action="undo">
      {{localize "video-view-manager.directorsBoard.bulk.undo"}}
    </button>
    {{/if}}
    {{#if hasRestore}}
    <button type="button" class="directors-board__bulk-btn directors-board__bulk-btn--restore" data-action="restore-spotlight">
      {{localize "video-view-manager.directorsBoard.bulk.restore"}}
    </button>
    {{/if}}
    <button type="button" class="directors-board__help-btn" data-action="open-shortcut-panel" aria-label="{{localize "video-view-manager.directorsBoard.shortcuts.openPanel"}}">?</button>
  </div>

  <footer class="directors-board__footer">
    <button type="button" class="directors-board__footer-btn" data-action="save-preset">
      {{localize "video-view-manager.directorsBoard.footer.savePreset"}}
    </button>
    <button type="button" class="directors-board__footer-btn" data-action="load-preset" {{#unless hasPresets}}disabled{{/unless}}>
      {{localize "video-view-manager.directorsBoard.footer.loadPreset"}}
    </button>
    <button type="button" class="directors-board__footer-btn" data-action="export-presets">
      {{localize "video-view-manager.directorsBoard.footer.exportPresets"}}
    </button>
    <button type="button" class="directors-board__footer-btn" data-action="import-presets">
      {{localize "video-view-manager.directorsBoard.footer.importPresets"}}
    </button>
    <button type="button" class="directors-board__footer-btn" data-action="toggle-preset-panel">
      {{localize "video-view-manager.directorsBoard.footer.autoApplySettings"}}
    </button>
  </footer>

  {{!-- Scene Preset Panel - rendered via JavaScript, not Handlebars --}}
  {{!-- Panel is appended dynamically in DirectorsBoard._appendPresetPanel() --}}

</div>