Module cleanup and tests

templates/roster-strip.hbs

@@ -3,6 +3,16 @@
      role="complementary"
      aria-label="Scrying Pool">
 
+  {{!-- Drag grip (top bar, replaces window header drag affordance) --}}
+  <div class="sp-strip__grip" data-action="drag-grip" aria-hidden="true">
+    <i class="fas fa-grip-lines"></i>
+  </div>
+
+  {{!-- Lightweight close button (top-right corner, replaces window header) --}}
+  <button class="sp-strip__close-btn" data-action="close-strip"
+          aria-label="Close Scrying Pool"
+          data-tooltip="Close">×</button>
+
   {{!-- First-open tip (right-click affordance) --}}
   {{#if showFirstOpenTip}}
     <p class="sp-strip__first-tip">
@@ -11,19 +21,22 @@
     </p>
   {{/if}}
 
-  {{!-- Expand/collapse toggle --}}
-  <button class="sp-strip__toggle" data-action="toggle-expanded"
-          aria-label="{{#if isExpanded}}Collapse Scrying Pool{{else}}Expand Scrying Pool{{/if}}"
-          aria-expanded="{{isExpanded}}">
-    <i class="fas fa-chevron-{{#if isExpanded}}left{{else}}right{{/if}}"></i>
-  </button>
+  {{!-- Toolbar row: toggle + Director's Board side by side --}}
+  <div class="sp-strip__toolbar">
+    <button class="sp-strip__toggle" data-action="toggle-expanded"
+            aria-label="{{#if isExpanded}}Collapse Scrying Pool{{else}}Expand Scrying Pool{{/if}}"
+            aria-expanded="{{isExpanded}}"
+            data-tooltip="{{#if isExpanded}}Collapse{{else}}Expand{{/if}}">
+      <i class="fas fa-chevron-{{#if isExpanded}}left{{else}}right{{/if}}"></i>
+    </button>
 
-  {{!-- Director's Board CTA button (fallback when sidebar API unavailable) --}}
-  <button class="sp-strip__directors-board-cta" data-action="open-directors-board"
-          aria-label="Open Director's Board">
-    <i class="fas fa-border-all" aria-hidden="true"></i>
-    <span>Director's Board</span>
-  </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>
+  </div>
 
   {{!-- Participant list --}}
   <ul class="sp-strip__participants" role="list">
@@ -42,6 +55,7 @@
                   data-action="open-popover"
                   role="button"
                   aria-label="{{name}} — {{stateLabel}}"
+                  data-tooltip="{{name}} — {{stateLabel}}"
                   aria-pressed="false">
 
             {{!-- Video container for stream-access mode (full AV replacement) --}}