Fianlize deck strip and management

templates/directors-board.hbs

@@ -58,6 +58,26 @@
             data-tooltip="{{localize "scrying-pool.directorsBoard.shortcuts.openPanel"}}">?</button>
   </div>
 
+  {{!-- Dock layout selector --}}
+  <div class="directors-board__dock-layout-bar" role="toolbar" aria-label="{{localize "scrying-pool.directorsBoard.dockLayout.label"}}">
+    <span class="directors-board__dock-layout-label">{{localize "scrying-pool.directorsBoard.dockLayout.label"}}</span>
+    <div class="directors-board__dock-layout-group">
+      {{#each dockLayouts}}
+      <button type="button"
+              class="directors-board__dock-layout-btn{{#if isActive}} is-active{{/if}}"
+              data-action="set-dock-layout"
+              data-layout="{{key}}"
+              data-tooltip="{{label}}">
+        <i class="fas {{icon}}" aria-hidden="true"></i>
+        <span class="directors-board__dock-layout-size">{{size}}</span>
+      </button>
+      {{#if sepAfter}}
+      <div class="directors-board__dock-layout-sep" role="separator" aria-hidden="true"></div>
+      {{/if}}
+      {{/each}}
+    </div>
+  </div>
+
   <footer class="directors-board__footer">
     <div class="directors-board__footer-group directors-board__footer-group--presets">
       <button type="button" class="directors-board__footer-btn" data-action="save-preset"

templates/roster-strip.hbs

@@ -1,5 +1,5 @@
 {{!-- ScryingPoolStrip — floating GM control strip --}}
-<div class="scrying-pool scrying-pool-strip{{#if isExpanded}} is-expanded{{/if}}"
+<div class="scrying-pool scrying-pool-strip sp-layout-{{dockLayout}}{{#if isExpanded}} is-expanded{{/if}}"
      role="complementary"
      aria-label="Scrying Pool">
 
@@ -30,12 +30,14 @@
       <i class="fas fa-chevron-{{#if isExpanded}}left{{else}}right{{/if}}"></i>
     </button>
 
-    <button class="sp-strip__directors-board-cta" data-action="open-directors-board"
-            aria-label="Open Director's Board"
-            data-tooltip="Director's Board">
-      <i class="fas fa-border-all" aria-hidden="true"></i>
-      <span>Director's Board</span>
-    </button>
+    {{#if isGM}}
+      <button class="sp-strip__directors-board-cta" data-action="open-directors-board"
+              aria-label="Open Director's Board"
+              data-tooltip="Director's Board">
+        <i class="fas fa-border-all" aria-hidden="true"></i>
+        <span>Director's Board</span>
+      </button>
+    {{/if}}
   </div>
 
   {{!-- Participant list --}}
@@ -69,10 +71,13 @@
             {{!-- Corner badge (12px bottom-right) --}}
             <span class="sp-avatar__corner-badge" aria-hidden="true"></span>
 
-            {{!-- Expanded view: name + state rows --}}
+            {{!-- Expanded view: name + state rows (vertical-md) --}}
             {{#if ../isExpanded}}
               <span class="sp-avatar__name">{{name}}</span>
               <span class="sp-avatar__state-label">{{stateLabel}}</span>
+            {{else if ../showName}}
+              {{!-- Horizontal-md / mosaic-md: name below avatar --}}
+              <span class="sp-avatar__name">{{name}}</span>
             {{/if}}
           </button>
         </li>