clay-server 2.24.2 → 2.24.3-beta.1

package/lib/public/css/mates.css

@@ -2648,6 +2648,63 @@ body.mate-dm-active .activity-inline:not(.mention-activity-bar):not(.mate-pre-ac
 }
 
 @media (max-width: 768px) {
+  /* Mobile mate DM: revert user messages to default bubble layout */
+  body.mate-dm-active .msg-user,
+  body.mate-dm-active .msg-assistant {
+    display: flex !important;
+    flex-direction: column !important;
+    align-items: initial !important;
+    gap: initial !important;
+    max-width: var(--content-width) !important;
+    padding: 0 20px !important;
+    margin: 0 auto 8px !important;
+    border-radius: initial !important;
+  }
+  body.mate-dm-active .msg-user {
+    align-items: flex-end !important;
+  }
+  body.mate-dm-active .msg-assistant {
+    margin-bottom: 12px !important;
+    padding: 4px 20px !important;
+  }
+  body.mate-dm-active .msg-user:hover {
+    background: initial !important;
+  }
+  body.mate-dm-active .msg-user .dm-bubble-avatar-me {
+    display: none !important;
+  }
+  body.mate-dm-active .msg-user .dm-bubble-content {
+    align-items: flex-end !important;
+    flex: initial !important;
+    width: 100% !important;
+  }
+  body.mate-dm-active .msg-user .dm-bubble-header {
+    display: none !important;
+  }
+  body.mate-dm-active .msg-user .bubble {
+    background: var(--user-bubble) !important;
+    border-radius: 20px 20px 4px 20px !important;
+    padding: 12px 18px !important;
+    max-width: 85% !important;
+    width: fit-content !important;
+    font-size: 15px !important;
+    line-height: 1.55 !important;
+    white-space: pre-wrap !important;
+    word-wrap: break-word !important;
+  }
+  body.mate-dm-active .msg-user .msg-actions {
+    display: flex !important;
+  }
+  body.mate-dm-active .msg-assistant .dm-bubble-content {
+    flex: initial !important;
+    width: 100% !important;
+  }
+  body.mate-dm-active .msg-assistant .md-content {
+    background: initial !important;
+    border-radius: initial !important;
+    padding: initial !important;
+  }
+
   .mate-mobile-title:not(.hidden) {
     display: flex !important;
   }

package/lib/public/css/messages.css

@@ -1823,43 +1823,52 @@ body.wide-view .turn-meta {
   max-width: 100%;
 }
 
-/* Mobile: force bubble layout regardless of user setting */
+/* Mobile: force bubble layout regardless of user setting (except mate mode) */
 @media (max-width: 768px) {
-  body.wide-view { --content-width: var(--content-width, 720px); }
-  body.wide-view .msg-user,
-  body.wide-view .msg-assistant {
-    display: revert;
-    flex-direction: revert;
-    align-items: revert;
-    gap: revert;
-    max-width: revert;
-    padding: revert;
-    margin: revert;
-    border-radius: revert;
+  body.wide-view:not(.mate-dm-active) { --content-width: 720px; }
+  body.wide-view:not(.mate-dm-active) .msg-user {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-end;
+    gap: initial;
+    max-width: var(--content-width);
+    padding: 0 20px;
+    margin: 0 auto 8px;
+    border-radius: initial;
+    justify-content: initial;
+  }
+  body.wide-view:not(.mate-dm-active) .msg-assistant {
+    display: block;
+    flex-direction: initial;
+    align-items: initial;
+    gap: initial;
+    max-width: var(--content-width);
+    padding: 4px 20px;
+    margin: 0 auto 12px;
+    border-radius: 12px;
   }
-  body.wide-view .msg-user:hover,
-  body.wide-view .msg-assistant:hover { background: revert; }
-  body.wide-view .msg-user { justify-content: revert; }
-  body.wide-view .msg-user .dm-bubble-avatar-me { order: revert; }
-  body.wide-view .msg-user .bubble {
-    background: revert;
-    border-radius: revert;
-    padding: revert;
-    max-width: revert;
-    font-size: revert;
-    line-height: revert;
-    white-space: revert;
-    word-wrap: revert;
+  body.wide-view:not(.mate-dm-active) .msg-user:hover { background: initial; }
+  body.wide-view:not(.mate-dm-active) .msg-assistant:hover { background: rgba(var(--overlay-rgb), 0.02); }
+  body.wide-view:not(.mate-dm-active) .msg-user .dm-bubble-avatar-me { order: initial; }
+  body.wide-view:not(.mate-dm-active) .msg-user .bubble {
+    background: var(--user-bubble);
+    border-radius: 20px 20px 4px 20px;
+    padding: 12px 18px;
+    max-width: 85%;
+    font-size: 15px;
+    line-height: 1.55;
+    white-space: pre-wrap;
+    word-wrap: break-word;
   }
-  body.wide-view .msg-user .msg-actions { align-self: revert; margin-left: revert; padding-top: revert; }
-  body.wide-view .msg-user .msg-actions .msg-action-time { display: revert; }
-  body.wide-view .msg-assistant .md-content {
-    background: revert;
-    border-radius: revert;
-    padding: revert;
+  body.wide-view:not(.mate-dm-active) .msg-user .msg-actions { align-self: initial; margin-left: initial; padding-top: initial; }
+  body.wide-view:not(.mate-dm-active) .msg-user .msg-actions .msg-action-time { display: initial; }
+  body.wide-view:not(.mate-dm-active) .msg-assistant .md-content {
+    background: initial;
+    border-radius: initial;
+    padding: initial;
   }
-  body.wide-view .thinking-item,
-  body.wide-view .tool-item,
-  body.wide-view .tool-group { max-width: revert; }
-  body.wide-view .turn-meta { max-width: revert; }
+  body.wide-view:not(.mate-dm-active) .thinking-item,
+  body.wide-view:not(.mate-dm-active) .tool-item,
+  body.wide-view:not(.mate-dm-active) .tool-group { max-width: var(--content-width); }
+  body.wide-view:not(.mate-dm-active) .turn-meta { max-width: var(--content-width); }
 }

package/lib/public/css/mobile-nav.css

@@ -1001,4 +1001,47 @@
     flex-shrink: 0;
     margin-left: auto;
   }
+
+  /* ---- Mobile mate DM: force bubble layout for user messages ---- */
+  body.mate-dm-active .msg-user {
+    display: flex !important;
+    flex-direction: column !important;
+    align-items: flex-end !important;
+    gap: initial !important;
+    max-width: 100% !important;
+    padding: 0 20px !important;
+    margin: 0 0 8px !important;
+    border-radius: initial !important;
+    justify-content: initial !important;
+  }
+  body.mate-dm-active .msg-user .dm-bubble-avatar-me {
+    display: none !important;
+  }
+  body.mate-dm-active .msg-user .dm-bubble-content {
+    display: flex !important;
+    flex-direction: column !important;
+    align-items: flex-end !important;
+    flex: initial !important;
+    width: 100% !important;
+  }
+  body.mate-dm-active .msg-user .dm-bubble-header {
+    display: none !important;
+  }
+  body.mate-dm-active .msg-user .bubble {
+    background: var(--user-bubble) !important;
+    border-radius: 20px 20px 4px 20px !important;
+    padding: 12px 18px !important;
+    max-width: 85% !important;
+    width: fit-content !important;
+    font-size: 15px !important;
+    line-height: 1.55 !important;
+    white-space: pre-wrap !important;
+    word-wrap: break-word !important;
+  }
+  body.mate-dm-active .msg-user .msg-actions {
+    display: flex !important;
+  }
+  body.mate-dm-active .msg-user:hover {
+    background: initial !important;
+  }
 }

package/lib/public/index.html

@@ -23,7 +23,28 @@
 (function(){try{var k="clay-theme-vars",v=localStorage.getItem(k),r=document.documentElement;if(v){var o=JSON.parse(v),p;for(p in o)r.style.setProperty(p,o[p]);var vt=localStorage.getItem(k.replace("-vars","-variant"));if(vt==="light"){r.classList.add("light-theme");r.classList.remove("dark-theme")}else{r.classList.add("dark-theme");r.classList.remove("light-theme")}var m=document.querySelector('meta[name="theme-color"]');if(m&&o["--bg"])m.setAttribute("content",o["--bg"])}else{var sl=window.matchMedia&&window.matchMedia("(prefers-color-scheme: light)").matches;if(sl){r.classList.add("light-theme");r.classList.remove("dark-theme")}}}catch(e){}})();
 </script>
 <script>if(window.navigator.standalone||window.matchMedia("(display-mode:standalone)").matches){document.documentElement.classList.add("pwa-standalone")}</script>
-<link rel="stylesheet" href="style.css">
+<link rel="stylesheet" href="style.css?v=20260407">
+<style>
+@media(max-width:768px){
+  /* User messages: vertical stack, avatar on top, right-aligned */
+  body.wide-view:not(.mate-dm-active) .msg-user{flex-direction:column!important;align-items:flex-end!important;gap:4px!important;max-width:100%!important;padding:0 16px!important;margin:0 0 8px!important;justify-content:initial!important}
+  body.wide-view:not(.mate-dm-active) .msg-user .dm-bubble-avatar-me{order:-1!important}
+  body.wide-view:not(.mate-dm-active) .msg-user .dm-bubble-content{display:flex!important;flex-direction:column!important;align-items:flex-end!important;width:100%!important;flex:initial!important}
+  body.wide-view:not(.mate-dm-active) .msg-user .bubble{background:var(--user-bubble)!important;border-radius:20px 20px 4px 20px!important;padding:12px 18px!important;max-width:85%!important;width:fit-content!important;font-size:15px!important;line-height:1.55!important;white-space:pre-wrap!important;word-wrap:break-word!important}
+  body.wide-view:not(.mate-dm-active) .msg-user:hover{background:initial!important}
+  /* Assistant messages: row (avatar left), keep channel style */
+  body.wide-view:not(.mate-dm-active) .msg-assistant{max-width:100%!important;padding:4px 16px!important;margin:0 0 12px!important}
+  body.wide-view:not(.mate-dm-active) .msg-assistant .md-content{background:initial!important;border-radius:initial!important;padding:initial!important}
+  body.wide-view:not(.mate-dm-active) .thinking-item,
+  body.wide-view:not(.mate-dm-active) .tool-item,
+  body.wide-view:not(.mate-dm-active) .tool-group{max-width:100%!important}
+  body.wide-view:not(.mate-dm-active) .turn-meta{max-width:100%!important}
+}
+#ask-mate-btn::before{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(135deg,#4ecdc4 0%,#556bf7 33%,#a855f7 55%,#f857a6 78%,#ff6b6b 100%)!important;border-radius:inherit!important;opacity:0;transform:scale(0.3);transition:opacity 0.3s ease,transform 0.35s cubic-bezier(0.34,1.56,0.64,1);z-index:-1}
+#ask-mate-btn:hover::before{opacity:1!important;transform:scale(1)!important}
+#ask-mate-btn:hover{border-color:transparent!important;background:transparent!important;transform:translateY(-1px);box-shadow:0 2px 12px rgba(148,130,247,0.4)}
+#ask-mate-btn:hover .ask-mate-label{background:none!important;-webkit-text-fill-color:#fff!important}
+</style>
 </head>
 <body>
 <div id="layout">

package/lib/public/style.css

@@ -4,7 +4,7 @@
 @import url("css/sidebar.css");
 @import url("css/overlays.css");
 @import url("css/menus.css");
-@import url("css/messages.css");
+@import url("css/messages.css?v=20260407");
 @import url("css/rewind.css");
 @import url("css/input.css");
 @import url("css/filebrowser.css");
@@ -13,7 +13,7 @@
 @import url("css/server-settings.css");
 @import url("css/sticky-notes.css");
 @import url("css/skills.css");
-@import url("css/mobile-nav.css");
+@import url("css/mobile-nav.css?v=20260407");
 @import url("css/loop.css");
 @import url("css/scheduler.css");
 @import url("css/scheduler-modal.css");
@@ -25,7 +25,7 @@
 @import url("css/admin.css");
 @import url("css/session-search.css");
 @import url("css/tooltip.css");
-@import url("css/mates.css");
+@import url("css/mates.css?v=20260407");
 @import url("css/command-palette.css");
 @import url("css/mention.css");
 @import url("css/debate.css");

package/lib/public/sw.js

@@ -1,4 +1,4 @@
-var CACHE_NAME = "clay-offline-v1";
+var CACHE_NAME = "clay-offline-v2";
 
 self.addEventListener("install", function (event) {
   event.waitUntil(self.skipWaiting());

package/lib/sdk-bridge.js

@@ -592,7 +592,21 @@ function createSDKBridge(opts) {
         suggestion: parsed.suggestion || "",
       });
 
-    } else if (parsed.type && parsed.type !== "system" && parsed.type !== "user") {
+    } else if (parsed.type === "system") {
+      // Catch-all for unhandled system subtypes (e.g. hook-block errors).
+      // Extract any error text and surface it in the UI.
+      var sysText = parsed.error || parsed.message || parsed.text || "";
+      if (!sysText && Array.isArray(parsed.content)) {
+        sysText = parsed.content
+          .filter(function(c) { return c.type === "text"; })
+          .map(function(c) { return c.text; })
+          .join("\n");
+      }
+      if (sysText) {
+        console.log("[sdk-bridge] Unhandled system message (subtype=" + (parsed.subtype || "none") + "): " + sysText.substring(0, 200));
+        sendAndRecord(session, { type: "error", text: sysText });
+      }
+    } else if (parsed.type && parsed.type !== "user") {
     }
   }
 
@@ -1250,7 +1264,12 @@ function createSDKBridge(opts) {
                   canAutoLogin: canAutoLogin,
                 });
               } else {
-                sendAndRecord(session, { type: "error", text: "Claude process error: " + msg.error });
+                var errText = msg.error || "Unknown error";
+                // When stderr is empty, fall back to worker stderr buffer (covers hook failures at session start)
+                if (!msg.stderr && worker._stderrBuf) {
+                  errText += "\n" + worker._stderrBuf.trim();
+                }
+                sendAndRecord(session, { type: "error", text: "Claude process error: " + errText });
               }
               sendAndRecord(session, { type: "done", code: 1 });
               if (pushModule) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "clay-server",
-  "version": "2.24.2",
+  "version": "2.24.3-beta.1",
   "description": "Self-hosted Claude Code in your browser. Multi-session, multi-user, push notifications.",
   "bin": {
     "clay-server": "./bin/cli.js",