From 11de9cd150dbea1bacfac35e2905455652f84bfc Mon Sep 17 00:00:00 2001
From: Waters Church <info@waterschurch.org>
Date: Tue, 15 Sep 2026 10:23:02 -0400
Subject: [PATCH] Slack: an Avatars switch in the transcript's gear
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Off, the picture square goes and each row starts at the left edge — the
same behaviour as ProdCom's channel-icon switch.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
---
 modules/slack/client.js   | 1 +
 modules/slack/module.json | 5 +++++
 modules/slack/style.css   | 2 ++
 3 files changed, 8 insertions(+)

diff --git a/modules/slack/client.js b/modules/slack/client.js
index 1fa6187..e1dcf71 100644
--- a/modules/slack/client.js
+++ b/modules/slack/client.js
@@ -695,6 +695,7 @@ function createTranscriptTile({ root, moduleApi }) {
   function applyInstanceSettings() {
     const s = moduleApi.instanceSettings;
     wrap.style.setProperty('--sl-size', textSizePx(moduleApi) + 'px');
+    wrap.classList.toggle('hide-avatars', s.showAvatars === false);
     wrap.classList.toggle('show-times', s.showTimes !== false);
     wrap.classList.toggle('show-names', s.showNames !== false);
     wrap.classList.toggle('show-system', s.showSystem !== false);
diff --git a/modules/slack/module.json b/modules/slack/module.json
index 544adf6..0559dce 100644
--- a/modules/slack/module.json
+++ b/modules/slack/module.json
@@ -105,6 +105,11 @@
     }
   },
   "instanceSchema": {
+    "showAvatars": {
+      "type": "switch",
+      "label": "Avatars",
+      "default": true
+    },
     "showTimes": {
       "type": "switch",
       "label": "Timestamps",
diff --git a/modules/slack/style.css b/modules/slack/style.css
index d84fa99..4d6449f 100644
--- a/modules/slack/style.css
+++ b/modules/slack/style.css
@@ -117,6 +117,8 @@
   user-select: none;
   -webkit-user-select: none;
 }
+/* "Avatars" off: the square goes and the row starts at the left edge, as in ProdCom */
+[data-module="slack"] .sl-wrap.hide-avatars .sl-avatar { display: none; }
 [data-module="slack"] .sl-avatar-img {
   width: 100%;
   height: 100%;