@kvasar/google-stitch 0.1.13 → 0.1.14

package/openclaw.plugin.json

@@ -1,7 +1,7 @@
 {
   "id": "openclaw-google-stitch",
    "name": "Google Stitch MCP",
-  "version": "0.1.13",
+  "version": "0.1.14",
   "description": "Integrates Google Stitch MCP services into OpenClaw",
    "skills": ["skills"],
   "configSchema": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kvasar/google-stitch",
-  "version": "0.1.13",
+  "version": "0.1.14",
   "description": "OpenClaw plugin for Google Stitch UI generation, screen design, variants, and design systems",
   "type": "module",
   "main": "./src/index.ts",

package/src/tools/generate_screen_from_text_tool.ts

@@ -93,22 +93,32 @@ export function generateScreenFromTextTool(client: StitchMCPClient) {
       const screen = result.screen;
       const firstComponent = result.output_components?.[0];
 
+      // Extract model's conversational text and suggestion
+      const modelText = firstComponent?.text;
+      const suggestion = firstComponent?.suggestion;
+
+      // Try image URL response
       const imageUrl =
         screen?.screenshot?.url ||
         firstComponent?.design?.screenshot?.url;
 
       if (imageUrl) {
-        return {
-          content: [
-            {
-              type: "image",
-              url: imageUrl,
-              caption: screen?.title || "Generated by Google Stitch"
-            }
-          ]
-        };
+        const content: Array<{ type: string; [key: string]: any }> = [];
+        if (modelText) {
+          content.push({ type: "text", text: modelText });
+        }
+        content.push({
+          type: "image",
+          url: imageUrl,
+          caption: screen?.title || "Generated by Google Stitch"
+        });
+        if (suggestion) {
+          content.push({ type: "text", text: suggestion });
+        }
+        return { content };
       }
 
+      // Try image bytes response
       const imageBytes =
         screen?.screenshot?.bytes ||
         firstComponent?.design?.screenshot?.bytes;
@@ -124,33 +134,41 @@ export function generateScreenFromTextTool(client: StitchMCPClient) {
           Buffer.from(imageBytes, "base64")
         );
 
-        return {
-          content: [
-            {
-              type: "image",
-              path: tempFilePath,
-              caption: screen?.title || "Generated by Google Stitch"
-            }
-          ]
-        };
+        const content: Array<{ type: string; [key: string]: any }> = [];
+        if (modelText) {
+          content.push({ type: "text", text: modelText });
+        }
+        content.push({
+          type: "image",
+          path: tempFilePath,
+          caption: screen?.title || "Generated by Google Stitch"
+        });
+        if (suggestion) {
+          content.push({ type: "text", text: suggestion });
+        }
+        return { content };
       }
 
-      const html =
+      // HTML fallback (either provided or minimal placeholder)
+      let html =
         screen?.htmlCode?.content ||
-        firstComponent?.design?.htmlCode?.content ||
-        `<div style="padding:16px">
+        firstComponent?.design?.htmlCode?.content;
+
+      if (!html) {
+        html = `<div style="padding:16px">
           <h3>${escapeHtml(screen?.title || "Generated screen")}</h3>
-          <p>${escapeHtml(firstComponent?.text || "")}</p>
         </div>`;
+      }
 
-      return {
-        content: [
-          {
-            type: "html",
-            html
-          }
-        ]
-      };
+      const content: Array<{ type: string; [key: string]: any }> = [];
+      if (modelText) {
+        content.push({ type: "text", text: modelText });
+      }
+      content.push({ type: "html", html });
+      if (suggestion) {
+        content.push({ type: "text", text: suggestion });
+      }
+      return { content };
     }
   };
 }