@kvasar/google-stitch 0.1.12 → 0.1.14

package/openclaw.plugin.json

@@ -1,7 +1,7 @@
 {
   "id": "openclaw-google-stitch",
    "name": "Google Stitch MCP",
-  "version": "0.1.12",
+  "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.12",
+  "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/services/stitch-mcp-client.ts

@@ -74,4 +74,19 @@ export class StitchMCPClient {
     },
   });
 }
+
+async listProjects(filter?: string) {
+  return this.request("list_projects", {
+    ...(filter ? { filter } : {}),
+  });
+}
+
+async request(toolName: string, params?: Record<string, any>) {
+  await this.connect();
+
+  return this.client.callTool({
+    name: toolName,
+    arguments: params ?? {},
+  });
+}
 }

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 };
     }
   };
 }

package/src/tools/list_projects.ts

@@ -1,7 +1,36 @@
-export const listProjectsTool = (client:any) => ({
-  name: "list_projects",
-  description: "list projects",
-  async execute(_: string, params: any) {
-    return await client.request?.("list_projects", params);
-  },
-});
+import { Type } from "@sinclair/typebox";
+import { StitchMCPClient } from "../services/stitch-mcp-client.js";
+
+export interface ListProjectsParams {
+  filter?: string;
+}
+
+export function listProjectsTool(client: StitchMCPClient) {
+  return {
+    name: "list_projects" as const,
+    description:
+      "Lists all Stitch projects accessible to the user. By default, it lists projects owned by the user.",
+
+    parameters: Type.Object({
+      filter: Type.Optional(
+        Type.String({
+          description:
+            "Optional. AIP-160 filter on `view` field. Supported: `view=owned` (default), `view=shared`.",
+        })
+      ),
+    }),
+
+    async execute(_id: string, params: ListProjectsParams) {
+      const result = await client.listProjects(params?.filter);
+
+      return {
+        content: [
+          {
+            type: "text" as const,
+            text: JSON.stringify(result, null, 2),
+          },
+        ],
+      };
+    },
+  };
+}