mulmocast 2.1.31 → 2.1.32

package/lib/actions/images.d.ts

@@ -245,6 +245,8 @@ export declare const beat_graph_data: {
                     moderation: string;
                     canvasSize: string;
                     quality: string;
+                    vertexai_project: string;
+                    vertexai_location: string;
                 };
             };
             defaultValue: {};
@@ -271,6 +273,8 @@ export declare const beat_graph_data: {
                     model: string;
                     duration: string;
                     canvasSize: string;
+                    vertexai_project: string;
+                    vertexai_location: string;
                 };
             };
             defaultValue: {};

package/lib/actions/images.js

@@ -149,6 +149,8 @@ export const beat_graph_data = {
                     moderation: ":preprocessor.imageParams.moderation",
                     canvasSize: ":context.presentationStyle.canvasSize",
                     quality: ":preprocessor.imageParams.quality",
+                    vertexai_project: ":preprocessor.imageParams.vertexai_project",
+                    vertexai_location: ":preprocessor.imageParams.vertexai_location",
                 },
             },
             defaultValue: {},
@@ -175,6 +177,8 @@ export const beat_graph_data = {
                     model: ":preprocessor.movieAgentInfo.movieParams.model",
                     duration: ":preprocessor.beatDuration",
                     canvasSize: ":context.presentationStyle.canvasSize",
+                    vertexai_project: ":preprocessor.movieAgentInfo.movieParams.vertexai_project",
+                    vertexai_location: ":preprocessor.movieAgentInfo.movieParams.vertexai_location",
                 },
             },
             defaultValue: {},

package/lib/types/schema.d.ts

@@ -349,6 +349,26 @@ export declare const mulmoMermaidMediaSchema: z.ZodObject<{
         path: z.ZodString;
     }, z.core.$strict>], "kind">;
     appendix: z.ZodOptional<z.ZodArray<z.ZodString>>;
+    style: z.ZodOptional<z.ZodString>;
+    backgroundImage: z.ZodOptional<z.ZodNullable<z.ZodUnion<readonly [z.ZodString, z.ZodObject<{
+        source: z.ZodDiscriminatedUnion<[z.ZodObject<{
+            kind: z.ZodLiteral<"url">;
+            url: z.ZodURL;
+        }, z.core.$strict>, z.ZodObject<{
+            kind: z.ZodLiteral<"base64">;
+            data: z.ZodString;
+        }, z.core.$strict>, z.ZodObject<{
+            kind: z.ZodLiteral<"path">;
+            path: z.ZodString;
+        }, z.core.$strict>], "kind">;
+        size: z.ZodOptional<z.ZodEnum<{
+            cover: "cover";
+            contain: "contain";
+            fill: "fill";
+            auto: "auto";
+        }>>;
+        opacity: z.ZodOptional<z.ZodNumber>;
+    }, z.core.$strip>]>>>;
 }, z.core.$strict>;
 export declare const mulmoHtmlTailwindMediaSchema: z.ZodObject<{
     type: z.ZodLiteral<"html_tailwind">;
@@ -498,6 +518,26 @@ export declare const mulmoImageAssetSchema: z.ZodUnion<readonly [z.ZodObject<{
         path: z.ZodString;
     }, z.core.$strict>], "kind">;
     appendix: z.ZodOptional<z.ZodArray<z.ZodString>>;
+    style: z.ZodOptional<z.ZodString>;
+    backgroundImage: z.ZodOptional<z.ZodNullable<z.ZodUnion<readonly [z.ZodString, z.ZodObject<{
+        source: z.ZodDiscriminatedUnion<[z.ZodObject<{
+            kind: z.ZodLiteral<"url">;
+            url: z.ZodURL;
+        }, z.core.$strict>, z.ZodObject<{
+            kind: z.ZodLiteral<"base64">;
+            data: z.ZodString;
+        }, z.core.$strict>, z.ZodObject<{
+            kind: z.ZodLiteral<"path">;
+            path: z.ZodString;
+        }, z.core.$strict>], "kind">;
+        size: z.ZodOptional<z.ZodEnum<{
+            cover: "cover";
+            contain: "contain";
+            fill: "fill";
+            auto: "auto";
+        }>>;
+        opacity: z.ZodOptional<z.ZodNumber>;
+    }, z.core.$strip>]>>>;
 }, z.core.$strict>, z.ZodObject<{
     type: z.ZodLiteral<"html_tailwind">;
     html: z.ZodUnion<readonly [z.ZodString, z.ZodArray<z.ZodString>]>;
@@ -1092,6 +1132,26 @@ export declare const mulmoBeatSchema: z.ZodObject<{
             path: z.ZodString;
         }, z.core.$strict>], "kind">;
         appendix: z.ZodOptional<z.ZodArray<z.ZodString>>;
+        style: z.ZodOptional<z.ZodString>;
+        backgroundImage: z.ZodOptional<z.ZodNullable<z.ZodUnion<readonly [z.ZodString, z.ZodObject<{
+            source: z.ZodDiscriminatedUnion<[z.ZodObject<{
+                kind: z.ZodLiteral<"url">;
+                url: z.ZodURL;
+            }, z.core.$strict>, z.ZodObject<{
+                kind: z.ZodLiteral<"base64">;
+                data: z.ZodString;
+            }, z.core.$strict>, z.ZodObject<{
+                kind: z.ZodLiteral<"path">;
+                path: z.ZodString;
+            }, z.core.$strict>], "kind">;
+            size: z.ZodOptional<z.ZodEnum<{
+                cover: "cover";
+                contain: "contain";
+                fill: "fill";
+                auto: "auto";
+            }>>;
+            opacity: z.ZodOptional<z.ZodNumber>;
+        }, z.core.$strip>]>>>;
     }, z.core.$strict>, z.ZodObject<{
         type: z.ZodLiteral<"html_tailwind">;
         html: z.ZodUnion<readonly [z.ZodString, z.ZodArray<z.ZodString>]>;
@@ -2363,6 +2423,26 @@ export declare const mulmoScriptSchema: z.ZodObject<{
                 path: z.ZodString;
             }, z.core.$strict>], "kind">;
             appendix: z.ZodOptional<z.ZodArray<z.ZodString>>;
+            style: z.ZodOptional<z.ZodString>;
+            backgroundImage: z.ZodOptional<z.ZodNullable<z.ZodUnion<readonly [z.ZodString, z.ZodObject<{
+                source: z.ZodDiscriminatedUnion<[z.ZodObject<{
+                    kind: z.ZodLiteral<"url">;
+                    url: z.ZodURL;
+                }, z.core.$strict>, z.ZodObject<{
+                    kind: z.ZodLiteral<"base64">;
+                    data: z.ZodString;
+                }, z.core.$strict>, z.ZodObject<{
+                    kind: z.ZodLiteral<"path">;
+                    path: z.ZodString;
+                }, z.core.$strict>], "kind">;
+                size: z.ZodOptional<z.ZodEnum<{
+                    cover: "cover";
+                    contain: "contain";
+                    fill: "fill";
+                    auto: "auto";
+                }>>;
+                opacity: z.ZodOptional<z.ZodNumber>;
+            }, z.core.$strip>]>>>;
         }, z.core.$strict>, z.ZodObject<{
             type: z.ZodLiteral<"html_tailwind">;
             html: z.ZodUnion<readonly [z.ZodString, z.ZodArray<z.ZodString>]>;
@@ -3319,6 +3399,26 @@ export declare const mulmoStudioSchema: z.ZodObject<{
                     path: z.ZodString;
                 }, z.core.$strict>], "kind">;
                 appendix: z.ZodOptional<z.ZodArray<z.ZodString>>;
+                style: z.ZodOptional<z.ZodString>;
+                backgroundImage: z.ZodOptional<z.ZodNullable<z.ZodUnion<readonly [z.ZodString, z.ZodObject<{
+                    source: z.ZodDiscriminatedUnion<[z.ZodObject<{
+                        kind: z.ZodLiteral<"url">;
+                        url: z.ZodURL;
+                    }, z.core.$strict>, z.ZodObject<{
+                        kind: z.ZodLiteral<"base64">;
+                        data: z.ZodString;
+                    }, z.core.$strict>, z.ZodObject<{
+                        kind: z.ZodLiteral<"path">;
+                        path: z.ZodString;
+                    }, z.core.$strict>], "kind">;
+                    size: z.ZodOptional<z.ZodEnum<{
+                        cover: "cover";
+                        contain: "contain";
+                        fill: "fill";
+                        auto: "auto";
+                    }>>;
+                    opacity: z.ZodOptional<z.ZodNumber>;
+                }, z.core.$strip>]>>>;
             }, z.core.$strict>, z.ZodObject<{
                 type: z.ZodLiteral<"html_tailwind">;
                 html: z.ZodUnion<readonly [z.ZodString, z.ZodArray<z.ZodString>]>;

package/lib/types/schema.js

@@ -186,6 +186,8 @@ export const mulmoMermaidMediaSchema = z
     title: z.string().describe("The title of the diagram"),
     code: mediaSourceMermaidSchema.describe("The code of the mermaid diagram"),
     appendix: z.array(z.string()).optional().describe("The appendix of the mermaid diagram; typically, style information."),
+    style: z.string().optional(),
+    backgroundImage: backgroundImageSchema,
 })
     .strict();
 export const mulmoHtmlTailwindMediaSchema = z

package/lib/utils/context.d.ts

@@ -395,6 +395,21 @@ export declare const createStudioData: (_mulmoScript: MulmoScript, fileName: str
                     path: string;
                 };
                 appendix?: string[] | undefined;
+                style?: string | undefined;
+                backgroundImage?: string | {
+                    source: {
+                        kind: "url";
+                        url: string;
+                    } | {
+                        kind: "base64";
+                        data: string;
+                    } | {
+                        kind: "path";
+                        path: string;
+                    };
+                    size?: "cover" | "contain" | "fill" | "auto" | undefined;
+                    opacity?: number | undefined;
+                } | null | undefined;
             } | {
                 type: "html_tailwind";
                 html: string | string[];
@@ -1104,6 +1119,21 @@ export declare const initializeContextFromFiles: (files: FileObject, raiseError:
                         path: string;
                     };
                     appendix?: string[] | undefined;
+                    style?: string | undefined;
+                    backgroundImage?: string | {
+                        source: {
+                            kind: "url";
+                            url: string;
+                        } | {
+                            kind: "base64";
+                            data: string;
+                        } | {
+                            kind: "path";
+                            path: string;
+                        };
+                        size?: "cover" | "contain" | "fill" | "auto" | undefined;
+                        opacity?: number | undefined;
+                    } | null | undefined;
                 } | {
                     type: "html_tailwind";
                     html: string | string[];

package/lib/utils/image_plugins/bg_image_util.d.ts

@@ -1,8 +1,13 @@
-import { BackgroundImage, MulmoStudioContext } from "../../types/index.js";
+import { BackgroundImage, MulmoStudioContext, ImageProcessorParams } from "../../types/index.js";
 /**
  * Resolve background image from beat level and global level settings.
  * Beat level takes precedence over global level.
  * null explicitly disables background image.
  */
 export declare const resolveBackgroundImage: (beatBackgroundImage: BackgroundImage | undefined, globalBackgroundImage: BackgroundImage | undefined) => BackgroundImage | undefined;
+/**
+ * Resolve combined style from background image and custom style.
+ * Common pattern used by markdown, textSlide, mermaid plugins.
+ */
+export declare const resolveCombinedStyle: (params: ImageProcessorParams, beatBackgroundImage: BackgroundImage | undefined, beatStyle: string | undefined) => Promise<string>;
 export declare const backgroundImageToCSS: (backgroundImage: BackgroundImage | undefined, context: MulmoStudioContext) => Promise<string>;

package/lib/utils/image_plugins/bg_image_util.js

@@ -1,4 +1,5 @@
 import { MulmoMediaSourceMethods } from "../../methods/mulmo_media_source.js";
+import { resolveStyle } from "./utils.js";
 const DEFAULT_FETCH_TIMEOUT_MS = 30000;
 /**
  * Resolve background image from beat level and global level settings.
@@ -52,6 +53,18 @@ const fetchUrlAsDataUrl = async (url, timeoutMs = DEFAULT_FETCH_TIMEOUT_MS) => {
 const sizeToCSS = (size) => {
     return size === "fill" ? "100% 100%" : size;
 };
+/**
+ * Resolve combined style from background image and custom style.
+ * Common pattern used by markdown, textSlide, mermaid plugins.
+ */
+export const resolveCombinedStyle = async (params, beatBackgroundImage, beatStyle) => {
+    const { context, textSlideStyle } = params;
+    const globalBackgroundImage = context.studio.script.imageParams?.backgroundImage;
+    const resolvedBackgroundImage = resolveBackgroundImage(beatBackgroundImage, globalBackgroundImage);
+    const backgroundCSS = await backgroundImageToCSS(resolvedBackgroundImage, context);
+    const style = resolveStyle(beatStyle, textSlideStyle);
+    return backgroundCSS + style;
+};
 export const backgroundImageToCSS = async (backgroundImage, context) => {
     if (!backgroundImage) {
         return "";

package/lib/utils/image_plugins/markdown.js

@@ -1,7 +1,7 @@
 import { getHTMLFile } from "../file.js";
 import { renderHTMLToImage, interpolate } from "../html_render.js";
-import { parrotingImagePath, resolveStyle } from "./utils.js";
-import { resolveBackgroundImage, backgroundImageToCSS } from "./bg_image_util.js";
+import { parrotingImagePath } from "./utils.js";
+import { resolveCombinedStyle } from "./bg_image_util.js";
 import { generateLayoutHtml, layoutToMarkdown, toMarkdownString, parseMarkdown } from "./markdown_layout.js";
 import { isObject } from "graphai";
 export const imageType = "markdown";
@@ -24,17 +24,11 @@ const dumpMarkdown = (params) => {
 };
 // Generate full HTML for rendering
 const generateHtml = async (params) => {
-    const { beat, context } = params;
+    const { beat } = params;
     if (!beat.image || beat.image.type !== imageType)
         return "";
     const md = beat.image.markdown;
-    const style = resolveStyle(beat.image.style, params.textSlideStyle);
-    // Resolve background image (beat level overrides global)
-    const globalBackgroundImage = context.studio.script.imageParams?.backgroundImage;
-    const beatBackgroundImage = beat.image.backgroundImage;
-    const resolvedBackgroundImage = resolveBackgroundImage(beatBackgroundImage, globalBackgroundImage);
-    const backgroundCSS = await backgroundImageToCSS(resolvedBackgroundImage, context);
-    const combinedStyle = backgroundCSS + style;
+    const combinedStyle = await resolveCombinedStyle(params, beat.image.backgroundImage, beat.image.style);
     if (isMarkdownLayout(md)) {
         const htmlBody = await generateLayoutHtml(md);
         const template = getHTMLFile("tailwind");
@@ -46,6 +40,15 @@ const generateHtml = async (params) => {
     }
     const markdown = dumpMarkdown(params) ?? "";
     const body = await parseMarkdown(markdown);
+    // Use tailwind template if mermaid is present to ensure mermaid CDN is loaded
+    if (containsMermaid(md)) {
+        const template = getHTMLFile("tailwind");
+        return interpolate(template, {
+            title: "Markdown",
+            html_body: `<div class="prose max-w-none p-6">${body}</div>`,
+            custom_style: combinedStyle,
+        });
+    }
     return `<html><head><style>${combinedStyle}</style></head><body>${body}</body></html>`;
 };
 // Check if markdown content contains mermaid code blocks

package/lib/utils/image_plugins/mermaid.js

@@ -2,6 +2,7 @@ import { MulmoMediaSourceMethods } from "../../methods/index.js";
 import { getHTMLFile } from "../file.js";
 import { renderHTMLToImage, interpolate } from "../html_render.js";
 import { parrotingImagePath, generateUniqueId } from "./utils.js";
+import { resolveCombinedStyle } from "./bg_image_util.js";
 export const imageType = "mermaid";
 // Generate mermaid HTML from code string (shared utility)
 export const generateMermaidHtml = (code, title) => {
@@ -18,15 +19,16 @@ export const generateMermaidHtml = (code, title) => {
 </div>`;
 };
 const processMermaid = async (params) => {
-    const { beat, imagePath, canvasSize, context, textSlideStyle } = params;
+    const { beat, imagePath, canvasSize, context } = params;
     if (!beat?.image || beat.image.type !== imageType)
         return;
     const template = getHTMLFile("mermaid");
     const diagram_code = await MulmoMediaSourceMethods.getText(beat.image.code, context);
     if (diagram_code) {
+        const combinedStyle = await resolveCombinedStyle(params, beat.image.backgroundImage, beat.image.style);
         const htmlData = interpolate(template, {
             title: beat.image.title,
-            style: textSlideStyle,
+            style: combinedStyle,
             diagram_code: `${diagram_code}\n${beat.image.appendix?.join("\n") ?? ""}`,
         });
         await renderHTMLToImage(htmlData, imagePath, canvasSize.width, canvasSize.height, true);

package/lib/utils/image_plugins/text_slide.js

@@ -1,20 +1,14 @@
 import { renderMarkdownToImage } from "../html_render.js";
-import { parrotingImagePath, resolveStyle } from "./utils.js";
-import { resolveBackgroundImage, backgroundImageToCSS } from "./bg_image_util.js";
+import { parrotingImagePath } from "./utils.js";
+import { resolveCombinedStyle } from "./bg_image_util.js";
 import { marked } from "marked";
 export const imageType = "textSlide";
 const processTextSlide = async (params) => {
-    const { beat, context, imagePath, textSlideStyle, canvasSize } = params;
+    const { beat, imagePath, canvasSize } = params;
     if (!beat.image || beat.image.type !== imageType)
         return;
     const slide = beat.image.slide;
-    const style = resolveStyle(beat.image.style, textSlideStyle);
-    // Resolve background image (beat level overrides global)
-    const globalBackgroundImage = context.studio.script.imageParams?.backgroundImage;
-    const beatBackgroundImage = beat.image.backgroundImage;
-    const resolvedBackgroundImage = resolveBackgroundImage(beatBackgroundImage, globalBackgroundImage);
-    const backgroundCSS = await backgroundImageToCSS(resolvedBackgroundImage, context);
-    const combinedStyle = backgroundCSS + style;
+    const combinedStyle = await resolveCombinedStyle(params, beat.image.backgroundImage, beat.image.style);
     const markdown = dumpMarkdown(params) ?? "";
     const topMargin = (() => {
         if (slide.bullets?.length && slide.bullets.length > 0) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mulmocast",
-  "version": "2.1.31",
+  "version": "2.1.32",
   "description": "",
   "type": "module",
   "main": "lib/index.node.js",
@@ -123,6 +123,6 @@
     "typescript-eslint": "^8.54.0"
   },
   "engines": {
-    "node": ">=20.0.0"
+    "node": ">=22.0.0"
   }
 }

package/scripts/test/test_background_image.json

@@ -108,6 +108,40 @@
           "size": "cover"
         }
       }
+    },
+    {
+      "text": "マークダウンにMermaid図を埋め込むこともできます。",
+      "image": {
+        "type": "markdown",
+        "markdown": "# システム構成\n\n```mermaid\ngraph TD\n    A[ユーザー] --> B[API]\n    B --> C[データベース]\n```",
+        "backgroundImage": {
+          "source": {
+            "kind": "url",
+            "url": "https://raw.githubusercontent.com/SingularitySociety/societys_statement/main/images/mulmocast/mulmocast-logo.png"
+          },
+          "opacity": 0.2,
+          "size": "cover"
+        }
+      }
+    },
+    {
+      "text": "Mermaidタイプでも背景画像が使えます。",
+      "image": {
+        "type": "mermaid",
+        "title": "アーキテクチャ",
+        "code": {
+          "kind": "text",
+          "text": "graph LR\n    Client --> Gateway\n    Gateway --> Service\n    Service --> Database[(DB)]"
+        },
+        "backgroundImage": {
+          "source": {
+            "kind": "url",
+            "url": "https://raw.githubusercontent.com/SingularitySociety/societys_statement/main/images/mulmocast/mulmocast-logo.png"
+          },
+          "opacity": 0.2,
+          "size": "cover"
+        }
+      }
     }
   ]
 }

package/scripts/test/test_vertexai.json

@@ -1,24 +1,122 @@
 {
-  "$mulmocast": {
-    "version": "1.1",
-    "credit": "closing"
-  },
-  "title": "Vertex AI Test",
-  "description": "Test Vertex AI integration",
+  "$mulmocast": { "version": "1.1" },
   "lang": "en",
+  "title": "Vertex AI Test (TTS + Image + Movie)",
+  "description": "Replace YOUR_PROJECT_ID with your Google Cloud project ID",
+  "speechParams": {
+    "speakers": {
+      "GCP": {
+        "provider": "google",
+        "voiceId": "en-US-Studio-O"
+      },
+      "Gemini": {
+        "provider": "google",
+        "model": "gemini-2.5-pro-tts",
+        "voiceId": "Kore"
+      }
+    }
+  },
   "imageParams": {
     "provider": "google",
     "model": "imagen-4.0-generate-001",
-    "vertexai_project": "${GOOGLE_PROJECT_ID}",
+    "vertexai_project": "YOUR_PROJECT_ID",
     "vertexai_location": "us-central1"
   },
-  "speechParams": {
-    "provider": "mock"
+  "movieParams": {
+    "provider": "google",
+    "model": "veo-2.0-generate-001",
+    "vertexai_project": "YOUR_PROJECT_ID",
+    "vertexai_location": "us-central1"
   },
   "beats": [
     {
-      "text": "Hello",
-      "imagePrompt": "A simple blue circle on white background"
+      "id": "gcp_tts_imagen4",
+      "speaker": "GCP",
+      "text": "TTS: Google Cloud TTS en-US-Studio-O. Image: Imagen 4.",
+      "imagePrompt": "A beautiful mountain landscape at sunrise"
+    },
+    {
+      "id": "gemini_tts_imagen4",
+      "speaker": "Gemini",
+      "text": "TTS: Gemini 2.5 Pro TTS Kore. Image: Imagen 4.",
+      "imagePrompt": "A futuristic city with flying cars"
+    },
+    {
+      "id": "imagen4_ultra_override",
+      "speaker": "GCP",
+      "text": "TTS: Google Cloud TTS en-US-Studio-O. Image: Imagen 4 Ultra override.",
+      "imagePrompt": "A woman walking through Tokyo at night with neon lights",
+      "imageParams": {
+        "model": "imagen-4.0-ultra-generate-001",
+        "vertexai_project": "YOUR_PROJECT_ID",
+        "vertexai_location": "us-central1"
+      }
+    },
+    {
+      "id": "imagen4_fast_override",
+      "speaker": "Gemini",
+      "text": "TTS: Gemini 2.5 Pro TTS Kore. Image: Imagen 4 Fast override.",
+      "imagePrompt": "A cat sitting on a windowsill watching rain",
+      "imageParams": {
+        "model": "imagen-4.0-fast-generate-001",
+        "vertexai_project": "YOUR_PROJECT_ID",
+        "vertexai_location": "us-central1"
+      }
+    },
+    {
+      "id": "veo2_movie",
+      "speaker": "GCP",
+      "text": "TTS: Google Cloud TTS en-US-Studio-O. Movie: Veo 2.",
+      "moviePrompt": "A butterfly flying in slow motion through a garden",
+      "duration": 5
+    },
+    {
+      "id": "veo3_movie_override",
+      "speaker": "Gemini",
+      "text": "TTS: Gemini 2.5 Pro TTS Kore. Movie: Veo 3 override.",
+      "moviePrompt": "Ocean waves crashing on a beach at sunset",
+      "movieParams": {
+        "model": "veo-3.0-generate-001",
+        "vertexai_project": "YOUR_PROJECT_ID",
+        "vertexai_location": "us-central1"
+      }
+    },
+    {
+      "id": "image_to_movie_veo2",
+      "speaker": "GCP",
+      "text": "TTS: Google Cloud TTS en-US-Studio-O. Image: Imagen 4. Movie: Veo 2 with image reference.",
+      "imagePrompt": "A woman standing in a busy Tokyo street at night",
+      "moviePrompt": "The woman takes a selfie with her phone",
+      "duration": 5
+    },
+    {
+      "id": "image_to_movie_veo3_override",
+      "speaker": "Gemini",
+      "text": "TTS: Gemini 2.5 Pro TTS Kore. Image: Imagen 4 Fast override. Movie: Veo 3 override with image reference.",
+      "imagePrompt": "A robot standing in a futuristic laboratory",
+      "imageParams": {
+        "model": "imagen-4.0-fast-generate-001",
+        "vertexai_project": "YOUR_PROJECT_ID",
+        "vertexai_location": "us-central1"
+      },
+      "moviePrompt": "The robot turns its head and waves at the camera",
+      "movieParams": {
+        "model": "veo-3.0-generate-001",
+        "vertexai_project": "YOUR_PROJECT_ID",
+        "vertexai_location": "us-central1"
+      },
+      "duration": 5
+    },
+    {
+      "id": "gemini_flash_image_override",
+      "speaker": "GCP",
+      "text": "TTS: Google Cloud TTS en-US-Studio-O. Image: Gemini 2.5 Flash Image override.",
+      "imagePrompt": "A cozy coffee shop interior with warm lighting",
+      "imageParams": {
+        "model": "gemini-2.5-flash-image",
+        "vertexai_project": "YOUR_PROJECT_ID",
+        "vertexai_location": "us-central1"
+      }
     }
   ]
 }

package/scripts/test/test_vertexai_simple.json

@@ -0,0 +1,17 @@
+{
+  "$mulmocast": { "version": "1.1" },
+  "lang": "en",
+  "title": "Vertex AI Simple Test",
+  "description": "Replace YOUR_PROJECT_ID with your Google Cloud project ID",
+  "imageParams": {
+    "provider": "google",
+    "model": "imagen-4.0-generate-001",
+    "vertexai_project": "YOUR_PROJECT_ID"
+  },
+  "beats": [
+    {
+      "text": "Hello, world! This is a simple Vertex AI test.",
+      "imagePrompt": "A beautiful sunset over the ocean"
+    }
+  ]
+}