clay-server 2.14.0-beta.7 → 2.14.0-beta.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1464,6 +1464,31 @@ body.mate-dm-active .activity-inline {
1464
1464
  display: none;
1465
1465
  }
1466
1466
 
1467
+ /* --- Mate AskUserQuestion: avatar + name header --- */
1468
+ .ask-user-mate-header {
1469
+ display: none;
1470
+ }
1471
+ body.mate-dm-active .ask-user-mate-header {
1472
+ display: flex;
1473
+ align-items: center;
1474
+ gap: 8px;
1475
+ margin-bottom: 8px;
1476
+ }
1477
+
1478
+ /* --- Mate Permission: avatar + name header --- */
1479
+ body.mate-dm-active .mate-permission .permission-header {
1480
+ display: flex;
1481
+ align-items: center;
1482
+ gap: 10px;
1483
+ padding: 12px 16px 8px;
1484
+ }
1485
+ .mate-permission-avatar {
1486
+ width: 24px;
1487
+ height: 24px;
1488
+ border-radius: 6px;
1489
+ flex-shrink: 0;
1490
+ }
1491
+
1467
1492
  /* --- Interstitial elements: indent to align with message content (16px pad + 36px avatar + 8px gap = 60px) --- */
1468
1493
  body.mate-dm-active .thinking-item,
1469
1494
  body.mate-dm-active .tool-item,
@@ -189,6 +189,19 @@ export function renderAskUserQuestion(toolId, input) {
189
189
  container.className = "ask-user-container";
190
190
  container.dataset.toolId = toolId;
191
191
 
192
+ // Mate DM: inject avatar + name header into ask-user container
193
+ if (ctx.isMateDm && ctx.isMateDm()) {
194
+ var mateName = ctx.getMateName();
195
+ var mateAvatar = ctx.getMateAvatarUrl();
196
+ var mateHeader = document.createElement("div");
197
+ mateHeader.className = "dm-bubble-header ask-user-mate-header";
198
+ mateHeader.innerHTML =
199
+ '<img class="dm-bubble-avatar" src="' + escapeHtml(mateAvatar) + '" alt="" style="display:block;width:28px;height:28px;border-radius:6px">' +
200
+ '<span class="dm-bubble-name">' + escapeHtml(mateName) + '</span>' +
201
+ '<span class="dm-bubble-time">' + String(new Date().getHours()).padStart(2, "0") + ":" + String(new Date().getMinutes()).padStart(2, "0") + '</span>';
202
+ container.appendChild(mateHeader);
203
+ }
204
+
192
205
  var answers = {};
193
206
  var multiSelections = {};
194
207
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "clay-server",
3
- "version": "2.14.0-beta.7",
3
+ "version": "2.14.0-beta.8",
4
4
  "description": "Web UI for Claude Code. Any device. Push notifications.",
5
5
  "bin": {
6
6
  "clay-server": "./bin/cli.js",