<div class="hide-existing-tags {{sheetType}}-sheet cc-scroll-fix {{#if sidebarCollapsed}}sidebar-collapsed{{/if}}">
    <div class="sheet-container">

        <aside class="sheet-container sheet-sidebar sidebar-collapsable">

            {{!-- 1. Header (Fixed) --}}
            <div class="sidebar-header">
                <div class="sheet-image" {{#if (not showImage)}}style="display:none" {{/if}}>
                    <img src="{{#if customImage}}{{customImage}}{{/if}}" data-action="showPortraitArtwork"
                        alt="{{document.name}}" onerror="this.src='{{defaultImage}}'" />
                </div>

                <h1 class="sheet-title">{{document.name}}</h1>

                <div class="sub-title">
                    <div class="type-wrapper">
                        <i class="{{#if customIcon}}{{customIcon}}{{else}}{{#if tagMode}}{{getAsset 'icon' 'tag'}}{{else}}{{getAsset 'icon' sheetType}}{{/if}}{{/if}}"
                            data-action="editIcon"></i>
                        <div class="sheet-type">{{sheetTypeLabel}}</div>
                    </div>
                    {{#if mapMarkerOverride}}
                    <div class="map-marker">
                        <i class="fas fa-map-marker"></i>
                        <div class="sheet-marker">{{#if mapMarker}}{{mapMarker}}{{else}}-{{/if}}</div>
                    </div>
                    {{/if}}
                </div>

                {{!-- Custom header content --}}
                {{{customHeaderContent}}}
            </div>

            <div class="group-tree-container">
                {{{leftPanel}}}
            </div>

        <div class="sidebar-links cc-tags">
          <div class="sheet-tags-editor">
            <div class="sheet-tag-cloud">
              {{#each sheetTagList}}
              <span class="sheet-tag-chip">
                <span class="sheet-tag-name" data-tag="{{this}}">{{this}}</span>
                {{#if ../isOwnerOrHigher}}
                <button type="button" class="sheet-tag-remove" data-tag="{{this}}" aria-label="{{ccLocalize 'ui.removeTag'}}">
                  <i class="fas fa-trash"></i>
                </button>
                {{/if}}
              </span>
              {{/each}}
            </div>
            {{#if isOwnerOrHigher}}
            <div class="sheet-tag-add-tools">
              <button type="button" class="sheet-tag-toggle-add" aria-expanded="false" aria-label="{{ccLocalize 'ui.tagsPlaceholder'}}">
                <i class="fas fa-tag"></i>
              </button>
              <div class="sheet-tag-add-wrap is-hidden">
                <input type="text" class="sheet-tag-add-input" list="{{sheetTagsDatalistId}}" placeholder="{{ccLocalize 'ui.tagsPlaceholder'}}" />
                <datalist id="{{sheetTagsDatalistId}}">
                  {{#each worldTags}}
                  <option value="{{this}}"></option>
                  {{/each}}
                </datalist>
              </div>
            </div>
            {{/if}}
          </div>
        </div>


      

        </aside>

        <div class="sidebar-collapser" data-action="toggleSidebar">
            <i class="fas fa-caret-{{#if sidebarCollapsed}}right{{else}}left{{/if}}" inert></i>
        </div>

        <main class="group-main">
            {{#if isShowingSelectedView}}
            {{{selectedSheetContent}}}
            {{else}}
            {{#each tabPanels}}
            <section class="group-tab-panel {{key}} {{#if active}}active{{/if}}" data-tab="{{key}}" {{#if (eq
                key 'widgets' )}}data-preserve-scroll{{/if}}>
                {{{this.content}}}
            </section>
            {{/each}}
            {{/if}}
        </main>

        <nav class="group-tabs">
            {{#each tabPanels}}
            <i class="{{icon}} group-tab vertical {{#if active}}active{{/if}}" data-tab="{{key}}"
                data-action="ccChangeTab" title="{{label}}"></i>
            {{/each}}
        </nav>

    </div>
</div>
