clay-server 3.6.0 → 3.7.0-beta.2

package/lib/public/modules/tui-attention.js

@@ -16,9 +16,9 @@
 import { getTerminalTheme } from './theme.js';
 import { getTerminalFontFamily, getTerminalFontSize, onTerminalFontChange } from './terminal-prefs.js';
 
-// TUI attention modal xterm follows Clay's active theme via
-// getTerminalTheme() and live-updates through setTuiAttentionTheme()
-// which theme.js calls from applyTheme.
+// The TUI attention modal always uses Clay Studio Dark via
+// getTerminalTheme(). Theme switches reapply that fixed palette through
+// setTuiAttentionTheme(), which theme.js calls from applyTheme().
 
 var modalEl = null;
 var modalXterm = null;
@@ -266,9 +266,8 @@ export function tuiModalHandleTermResized() { return false; }
 export function tuiModalHandleTermExited() { return false; }
 export function tuiModalHandleTermClosed() { return false; }
 
-// Live theme update for the attention modal. Called by theme.js when
-// the user switches themes. Also retints the surrounding modal chrome
-// so the frame doesn't stay black when a light theme is active.
+// Theme update hook for the attention modal. The supplied palette remains
+// Clay Studio Dark even when the surrounding workspace switches themes.
 export function setTuiAttentionTheme(xtermTheme) {
   if (modalXterm) {
     try { modalXterm.options.theme = xtermTheme; } catch (e) {}
@@ -276,8 +275,6 @@ export function setTuiAttentionTheme(xtermTheme) {
   if (modalEl && xtermTheme && xtermTheme.background) {
     var bodyEl = modalEl.querySelector(".tui-modal-body");
     if (bodyEl) bodyEl.style.background = xtermTheme.background;
-    var frameEl = modalEl.querySelector(".tui-modal");
-    if (frameEl) frameEl.style.background = xtermTheme.background;
   }
 }
 

package/lib/public/style.css

@@ -8,9 +8,10 @@
 @import url("css/overlays.css?v=20260827-brand3");
 @import url("css/menus.css");
 @import url("css/messages.css?v=20260828-delegated-muted1");
+@import url("css/generated-images.css?v=20260829c");
 @import url("css/rewind.css");
 @import url("css/input.css?v=20260828-composer-depth1");
-@import url("css/filebrowser.css?v=20260828-workbench4");
+@import url("css/filebrowser.css?v=20260829-terminal-canvas1");
 @import url("css/git-panel.css");
 @import url("css/diff.css");
 @import url("css/highlight.css");
@@ -35,5 +36,5 @@
 @import url("css/mention.css");
 @import url("css/debate.css");
 @import url("css/notifications-center.css");
-@import url("css/tui-attention.css");
+@import url("css/tui-attention.css?v=20260829-terminal-canvas1");
 @import url("css/pwa-mobile.css?v=20260824f");

package/lib/sdk-bridge.js

@@ -392,6 +392,8 @@ function createSDKBridge(opts) {
     pushModule: pushModule,
     getNotificationsModule: getNotificationsModule,
     adapter: adapter,
+    saveImageFile: opts.saveImageFile,
+    getSessionLinuxUser: getSessionLinuxUser,
     onProcessingChanged: onProcessingChanged,
     onTurnDone: onTurnDone,
     onAutoTitle: function (session) { autoGenerateTitle(session); },

package/lib/sdk-message-processor.js

@@ -18,6 +18,8 @@ function attachMessageProcessor(ctx) {
   var opts = ctx.opts;
   var discoverSkillDirs = ctx.discoverSkillDirs;
   var mergeSkills = ctx.mergeSkills;
+  var saveImageFile = ctx.saveImageFile;
+  var getSessionLinuxUser = ctx.getSessionLinuxUser || function () { return null; };
 
   var AUTO_TITLE_TURN_THRESHOLD = 2;
 
@@ -29,8 +31,19 @@ function attachMessageProcessor(ctx) {
     return null;
   }
 
-  function sendAndRecord(session, obj) {
-    sm.sendAndRecord(session, obj);
+  function sendAndRecord(session, obj, clientObj) {
+    sm.sendAndRecord(session, obj, clientObj);
+  }
+
+  function parseGeneratedImage(parsed) {
+    var data = parsed.data || "";
+    var mediaType = parsed.mediaType || "image/png";
+    var dataUrlMatch = /^data:(image\/[a-z0-9.+-]+);base64,([\s\S]+)$/i.exec(data);
+    if (dataUrlMatch) {
+      mediaType = dataUrlMatch[1];
+      data = dataUrlMatch[2];
+    }
+    return { mediaType: mediaType, data: data.replace(/\s/g, "") };
   }
 
   function sendToSession(session, obj) {
@@ -276,6 +289,48 @@ function attachMessageProcessor(ctx) {
         is_error: !!parsed.isError,
       });
 
+    } else if (parsed.yokeType === "generated_image") {
+      var generated = parseGeneratedImage(parsed);
+      var fileName = null;
+      if (!parsed.isError && generated.data && typeof saveImageFile === "function") {
+        fileName = saveImageFile(generated.mediaType, generated.data, getSessionLinuxUser(session));
+      }
+      if (!fileName) {
+        sendAndRecord(session, {
+          type: "tool_result",
+          id: parsed.toolId,
+          content: parsed.isError ? "Image generation failed." : "The generated image could not be saved.",
+          is_error: true,
+        });
+      } else {
+        sendAndRecord(session, {
+          type: "tool_result",
+          id: parsed.toolId,
+          content: "Image generated",
+          is_error: false,
+        });
+        var imageRef = { mediaType: generated.mediaType, file: fileName };
+        var storedImage = {
+          type: "generated_image",
+          id: parsed.toolId,
+          prompt: parsed.prompt || "",
+          transparentBackground: parsed.transparentBackground,
+          imageRefs: [imageRef],
+        };
+        var liveImage = {
+          type: "generated_image",
+          id: parsed.toolId,
+          prompt: parsed.prompt || "",
+          transparentBackground: parsed.transparentBackground,
+          images: [{
+            mediaType: generated.mediaType,
+            url: "/p/" + slug + "/images/" + fileName,
+            fileName: fileName,
+          }],
+        };
+        sendAndRecord(session, storedImage, liveImage);
+      }
+
     } else if (parsed.yokeType === "plan_updated") {
       var todos = Array.isArray(parsed.plan) ? parsed.plan.map(function(step, idx) {
         var todo = {

package/lib/sessions.js

@@ -874,9 +874,11 @@ function createSessionManager(opts) {
     }
   }
 
-  function doSendAndRecord(session, obj) {
+  function doSendAndRecord(session, obj, clientObj) {
     // Stamp every recorded message so history replay preserves original times
     if (!obj._ts) obj._ts = Date.now();
+    var outgoingObj = clientObj || obj;
+    if (!outgoingObj._ts) outgoingObj._ts = obj._ts;
     session.history.push(obj);
     appendToSessionFile(session, obj);
     // Per-session out-of-band subscribers (used by home-chat to mirror
@@ -885,12 +887,12 @@ function createSessionManager(opts) {
     // clients; they are responsible for any transform + dispatch.
     if (session._subscribers && session._subscribers.size > 0) {
       for (var sub of session._subscribers) {
-        try { sub(obj); } catch (e) { /* swallow — subscriber is optional */ }
+        try { sub(outgoingObj); } catch (e) { /* swallow — subscriber is optional */ }
       }
     }
     if (sendEach) {
       // Multi-user: send to clients whose active session matches this one
-      var data = JSON.stringify(obj);
+      var data = JSON.stringify(outgoingObj);
       var ioData = null;
       sendEach(function (ws) {
         if (ws._clayActiveSession === session.localId) {
@@ -901,7 +903,7 @@ function createSessionManager(opts) {
         }
         // Track unread: increment on "done" for clients not viewing this session
         // Only count if session has no owner (my session) or owner matches this client
-        if (obj.type === "done" && ws._clayActiveSession !== session.localId) {
+        if (outgoingObj.type === "done" && ws._clayActiveSession !== session.localId) {
           var _isMySession = !session.ownerId || (ws._clayUser && ws._clayUser.id === session.ownerId);
           if (_isMySession) {
             if (!ws._clayUnread) ws._clayUnread = {};
@@ -917,10 +919,10 @@ function createSessionManager(opts) {
         setTimeout(function () { session._ioThrottle = false; }, 80);
       }
     } else if (session.localId === activeSessionId) {
-      send(obj);
+      send(outgoingObj);
     } else {
       // Track unread for single-user mode on "done"
-      if (obj.type === "done") {
+      if (outgoingObj.type === "done") {
         singleUserUnread[session.localId] = (singleUserUnread[session.localId] || 0) + 1;
         send({ type: "session_unread", id: session.localId, count: singleUserUnread[session.localId] });
       }

package/lib/yoke/adapters/codex.js

@@ -31,6 +31,7 @@ var backgroundTasks = require("../codex-background-tasks");
 //   agentMessage       -> text response
 //   reasoning          -> thinking
 //   commandExecution   -> bash/shell
+//   imageGeneration    -> ImageGen with a persisted inline image
 //   fileChange         -> file edits
 //   mcpToolCall        -> MCP tool
 //   webSearch          -> web search
@@ -417,6 +418,44 @@ function flattenEvent(notification, state) {
       return events;
     }
 
+    // Image generation. Codex emits the generated PNG as base64 in `result`;
+    // the message processor persists it before anything reaches the browser.
+    if (item.type === "imageGeneration" || item.type === "image_generation") {
+      if (!state.toolBlocks[item.id]) {
+        state.blockCounter++;
+        state.toolBlocks[item.id] = "blk_" + state.blockCounter;
+        var imageBlockId = state.toolBlocks[item.id];
+        events.push({
+          yokeType: "tool_start",
+          blockId: imageBlockId,
+          toolId: item.id,
+          toolName: "ImageGen",
+        });
+        events.push({
+          yokeType: "tool_executing",
+          blockId: imageBlockId,
+          toolId: item.id,
+          toolName: "ImageGen",
+          input: { prompt: item.revisedPrompt || "" },
+        });
+      }
+      if (evtPhase === "completed") {
+        events.push({
+          yokeType: "generated_image",
+          toolId: item.id,
+          blockId: state.toolBlocks[item.id],
+          data: item.result || "",
+          mediaType: item.mediaType || "image/png",
+          prompt: item.revisedPrompt || "",
+          savedPath: item.savedPath || null,
+          transparentBackground: item.transparentBackground == null ? null : !!item.transparentBackground,
+          isError: item.status === "failed",
+          status: item.status || "completed",
+        });
+      }
+      return events;
+    }
+
     // Command execution (bash/shell)
     if (item.type === "commandExecution" || item.type === "command_execution") {
       var commandText = item.command || state.commandInputs[item.id] || "";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "clay-server",
-  "version": "3.6.0",
+  "version": "3.7.0-beta.2",
   "description": "Self-hosted team workspace for Claude Code and Codex. Multi-user, browser-based, with persistent AI mates.",
   "bin": {
     "clay-server": "./bin/cli.js",