@genart-dev/mcp-server 0.4.4 → 0.4.6

package/dist/lib.js

@@ -2574,7 +2574,9 @@ async function captureScreenshot(state, input) {
       previewPath
     });
     const previewJpegBase64 = Buffer.from(multi.inlineJpeg).toString("base64");
-    return { metadata, previewJpegBase64 };
+    const previewDataUri = `data:image/jpeg;base64,${previewJpegBase64}`;
+    metadata.previewDataUri = previewDataUri;
+    return { metadata, previewJpegBase64, previewDataUri };
   } catch (e) {
     const msg = e instanceof Error ? e.message : String(e);
     throw new Error(`Renderer error for '${sketchId}': ${msg}`);
@@ -5185,7 +5187,7 @@ function registerSketchTools(server, state) {
       addToWorkspace: z2.string().optional().describe("Path to workspace to add sketch to after creation"),
       agent: z2.string().optional().describe("Your CLI agent name (e.g. 'claude-code', 'codex-cli', 'gemini-cli', 'opencode', 'kiro')"),
       model: z2.string().optional().describe("Your AI model identifier (e.g. 'claude-opus-4-6', 'gpt-4o', 'gemini-2.5-pro')"),
-      capture: z2.boolean().optional().describe("When true, automatically capture a screenshot after creation and return it inline (avoids a separate capture_screenshot call)")
+      capture: z2.boolean().optional().describe("When true, automatically capture a screenshot after creation. The result includes previewDataUri for rendering. IMPORTANT: When capture is true, you MUST show the preview to the user by creating an HTML artifact with an <img> tag using the previewDataUri from the capture metadata. Include savedPreviewTo as caption for the full-res file.")
     },
     async (args) => {
       try {
@@ -5196,10 +5198,15 @@ function registerSketchTools(server, state) {
               target: "sketch",
               sketchId: args.id
             });
+            const captureMeta = captureResult.metadata;
             return {
               content: [
-                { type: "text", text: JSON.stringify({ ...result, capture: captureResult.metadata }, null, 2) },
-                { type: "image", data: captureResult.previewJpegBase64, mimeType: "image/jpeg" }
+                { type: "text", text: JSON.stringify({
+                  ...result,
+                  capture: captureMeta
+                }, null, 2) },
+                { type: "image", data: captureResult.previewJpegBase64, mimeType: "image/jpeg" },
+                ...captureMeta.savedPreviewTo ? [{ type: "text", text: `![Sketch Preview](file://${captureMeta.savedPreviewTo})` }] : []
               ]
             };
           } catch (captureErr) {
@@ -5765,7 +5772,7 @@ function registerSnapshotTools(server, state) {
 function registerCaptureTools(server, state) {
   server.tool(
     "capture_screenshot",
-    "Capture a screenshot of a sketch. Returns metadata as text + a small inline JPEG image for visual review. In local mode, writes a full-res PNG to snapshots/<sketchId>-<seed>-preview.png next to the workspace. The savedPreviewTo path in metadata points to the file on disk.",
+    "Capture a screenshot of a sketch. Returns metadata (including previewDataUri) as text + a small inline JPEG image. In local mode, writes a full-res PNG to snapshots/<sketchId>-<seed>-preview.png. IMPORTANT: After every capture, you MUST show the preview to the user by creating an HTML artifact containing an <img> tag using the previewDataUri from the metadata. Include the savedPreviewTo path as a caption so the user can find the full-res file.",
     {
       target: z2.enum(["selected", "sketch"]).optional().describe("What to capture (default: selected)"),
       sketchId: z2.string().optional().describe("Required when target is 'sketch'"),
@@ -5782,7 +5789,9 @@ function registerCaptureTools(server, state) {
         return {
           content: [
             { type: "text", text: JSON.stringify(result.metadata, null, 2) },
-            { type: "image", data: result.previewJpegBase64, mimeType: "image/jpeg" }
+            { type: "image", data: result.previewJpegBase64, mimeType: "image/jpeg" },
+            // Markdown image for hosts that render local file refs or data URIs
+            ...result.metadata.savedPreviewTo ? [{ type: "text", text: `![Sketch Preview](file://${result.metadata.savedPreviewTo})` }] : []
           ]
         };
       } catch (e) {
@@ -5793,7 +5802,7 @@ function registerCaptureTools(server, state) {
   );
   server.tool(
     "capture_batch",
-    "Capture screenshots of multiple sketches in parallel. Returns metadata as text + inline JPEG images for visual review.",
+    "Capture screenshots of multiple sketches in parallel. Returns per-sketch metadata (including previewDataUri) + inline JPEG images. IMPORTANT: After batch capture, you MUST show all previews to the user by creating an HTML artifact with <img> tags using each item's previewDataUri. Include sketch titles and savedPreviewTo paths.",
     {
       sketchIds: z2.array(z2.string()).optional().describe("IDs of sketches to capture (default: all)"),
       width: z2.number().optional().describe("Override width for all captures"),
@@ -5817,6 +5826,12 @@ function registerCaptureTools(server, state) {
             data: item.inlineJpegBase64,
             mimeType: "image/jpeg"
           });
+          if (item.metadata.savedPreviewTo) {
+            content.push({
+              type: "text",
+              text: `![${item.metadata.sketchId} Preview](file://${item.metadata.savedPreviewTo})`
+            });
+          }
         }
         return { content };
       } catch (e) {