Initial

resources/app/templates/sidebar/partials/compendium-index-partial.html

@@ -0,0 +1,8 @@
+<li class="directory-item document {{@root.documentCls}} flexrow" data-entry-id="{{this._id}}" data-document-id="{{this._id}}">
+    {{#if this.thumb}}
+    <img class="thumbnail" title="{{this.name}}" alt="{{this.name}}" data-src="{{this.thumb}}"/>
+    {{else if this.img}}
+    <img class="thumbnail" title="{{this.name}}" alt="{{this.name}}" data-src="{{this.img}}"/>
+    {{/if}}
+    <h4 class="entry-name document-name"><a>{{this.name}}</a></h4>
+</li>

resources/app/templates/sidebar/partials/document-partial.html

@@ -0,0 +1,6 @@
+<li class="directory-item document {{@root.documentCls}} flexrow" data-entry-id="{{this.id}}" data-document-id="{{this.id}}">
+  {{#if this.thumbnail}}
+  <img class="thumbnail" title="{{this.name}}" data-src="{{this.thumbnail}}"/>
+  {{/if}}
+  <h4 class="entry-name document-name"><a>{{this.name}}</a></h4>
+</li>

resources/app/templates/sidebar/partials/entry-partial.html

@@ -0,0 +1,3 @@
+<li class="directory-item entry flexrow" data-entry-id="{{this.id}}">
+    <h4 class="entry-name"><a>{{this.name}}</a></h4>
+</li>

resources/app/templates/sidebar/partials/pack-partial.html

@@ -0,0 +1,14 @@
+{{#with (lookup @root.packContext collection)}}
+<li class="directory-item compendium {{@root.documentCls}} {{#if locked}}locked{{/if}} {{#if hidden}}hidden{{/if}}
+    flexcol" data-pack="{{collection}}" data-entry-id="{{collection}}">
+    {{#if banner}}<img class="compendium-banner" data-src="{{banner}}">{{/if}}
+    <h3 class="entry-name compendium-name"><i class="{{icon}}"></i> {{localize label}}</h3>
+    <div class="status-icons flexrow">
+        {{#if this.customOwnership}}<i class="fa-solid fa-eye"></i>{{/if}}
+        {{#if this.locked}}<i class="fa-solid fa-lock"></i>{{/if}}
+    </div>
+    <footer class="compendium-footer">
+        <span class="source"><i class="fa-solid {{sourceIcon}}"></i> {{name}}</span>
+    </footer>
+</li>
+{{/with}}

resources/app/templates/sidebar/partials/playlist-partial.html

@@ -0,0 +1,32 @@
+<li class="directory-item document {{@root.documentCls}} flexrow {{this.css}}" data-entry-id="{{this._id}}" data-document-id="{{this._id}}">
+    <header class="playlist-header flexrow">
+        <h4 class="entry-name playlist-name">{{this.name}} <i class="collapse fa fa-angle-{{#if this.expanded}}down{{else}}up{{/if}}"></i></h4>
+        <div class="sound-controls playlist-controls flexrow">
+            {{#unless this.playing}}
+            {{#if this.isOwner}}
+            <a class="sound-control fa-solid fa-plus" data-action="sound-create"
+               data-tooltip="PLAYLIST.SoundCreate"></a>
+            {{/if}}
+            {{/unless}}
+            <a class="sound-control {{#unless this.isOwner}}disabled{{/unless}} {{this.modeIcon}}"
+               data-action="playlist-mode" data-tooltip="{{this.modeTooltip}}"></a>
+
+            {{#if this.playing}}
+            <a class="sound-control fa-solid fa-backward {{this.controlCSS}}" data-action="playlist-backward"
+               data-tooltip="PLAYLIST.Backward"></a>
+            <a class="sound-control fa-solid fa-forward {{this.controlCSS}}" data-action="playlist-forward"
+               data-tooltip="PLAYLIST.Forward"></a>
+            <a class="sound-control fa-solid fa-square {{this.controlCSS}}" data-action="playlist-stop"
+               data-tooltip="PLAYLIST.Stop"></a>
+            {{else}}
+            <a class="sound-control fa-solid fa-play {{this.controlCSS}}" data-action="playlist-play"
+               data-tooltip="PLAYLIST.Play"></a>
+            {{/if}}
+        </div>
+    </header>
+    <ol class="playlist-sounds">
+    {{#each this.sounds as |sound|}}
+        {{> soundPartial sound=sound playback=false}}
+    {{/each}}
+    </ol>
+</li>