npm - @vanillaskyai/video - Versions diffs - 0.4.1 → 0.5.0 - Mend

@vanillaskyai/video 0.4.1 → 0.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (53) hide show

package/CHANGELOG.md +83 -0
package/PUBLIC-API.md +12 -5
package/README.md +14 -17
package/dist/{builtin-server-BRTZN4Q7.js → builtin-server-YHEZ2JRF.js} +2 -2
package/dist/check-runtime.js +1 -1
package/dist/{chunk-BKF3A357.js → chunk-34O5BY6X.js} +1 -1
package/dist/{chunk-LHFADNWJ.js → chunk-3ROGEU5A.js} +179 -342
package/dist/{chunk-XAMUOSX7.js → chunk-3RV4YKB3.js} +0 -1
package/dist/{chunk-GHJEAP4O.js → chunk-66MNRUCR.js} +1 -1
package/dist/{chunk-EE6PK6XC.js → chunk-AOWSXU2K.js} +1 -1
package/dist/{chunk-GR4I3MN2.js → chunk-EFL34TXF.js} +3 -3
package/dist/{chunk-I5YWVQ5R.js → chunk-FVTMYS6U.js} +1 -1
package/dist/{chunk-STIFILQG.js → chunk-FZHMQFG3.js} +46 -38
package/dist/{chunk-JW47XCRL.js → chunk-G66Z5CWR.js} +30 -72
package/dist/{chunk-RBQN3VSY.js → chunk-HVCPEAQF.js} +83 -1265
package/dist/{chunk-N3KUA7VP.js → chunk-K6YVQODK.js} +4 -1
package/dist/{chunk-WHPZED7X.js → chunk-PNS52FL4.js} +2 -5
package/dist/{chunk-S5ZU5WUU.js → chunk-ZQQQAAKP.js} +2 -2
package/dist/cli.js +20 -14
package/dist/compose-video-QJHKTOQ7.js +13 -0
package/dist/{events-D_1F6gw5.d.ts → events-BBP30j3c.d.ts} +3 -14
package/dist/index.d.ts +2 -2
package/dist/index.js +2 -2
package/dist/{kit-DLeCr3d0.d.ts → kit-DEG3fcaL.d.ts} +1 -1
package/dist/react.d.ts +6 -5
package/dist/react.js +999 -348
package/dist/server.d.ts +3 -3
package/dist/server.js +18 -79
package/dist/{system-prompt-NMYHLAMJ.js → system-prompt-4I6Z5HK3.js} +1 -1
package/dist/template-catalog.js +1 -1
package/dist/templates.d.ts +3 -3
package/dist/templates.js +87 -4
package/dist/test.d.ts +3 -27
package/dist/test.js +3 -3
package/dist/{text-stream-UPGUD2TD.js → text-stream-J6EDDJP4.js} +3 -3
package/dist/{types-Cg0Onj7l.d.ts → types-BV9IqExh.d.ts} +1 -16
package/docs/agent-integration.md +4 -3
package/docs/concepts.md +4 -4
package/docs/custom-templates.md +2 -2
package/docs/getting-started.md +13 -18
package/docs/integrate-nextjs.md +12 -8
package/docs/persistence.md +1 -1
package/docs/prompt-and-input.md +2 -2
package/docs/reference/protocol.md +9 -12
package/docs/reference/provider-adapters.md +5 -5
package/docs/testing.md +1 -1
package/examples/nextjs-quickstart/.env.example +2 -2
package/examples/nextjs-quickstart/README.md +4 -1
package/examples/nextjs-quickstart/package.json +4 -4
package/examples/nextjs-quickstart/src/app/api/video/route.ts +4 -2
package/package.json +8 -8
package/dist/chunk-CR7FE7BW.js +0 -109
package/dist/compose-video-6UQ33DOO.js +0 -13

package/dist/{chunk-RBQN3VSY.js → chunk-HVCPEAQF.js} RENAMED Viewed

@@ -1,4 +1,51 @@
 // src/visual-system/scene-templates/schemas.ts
+function createBackgroundMediaSchemaProperties(options = {}) {
+  const mediaKeyword = {
+    type: "string",
+    title: "Background search keyword",
+    description: "2-4 word English term for Pexels stock-footage search (auto-fills mediaUrl).",
+    ...options.stockMediaKeyword === false ? {} : { format: "stock-media-keyword" },
+    default: ""
+  };
+  return {
+    mediaUrl: {
+      type: "string",
+      title: "Background media",
+      description: "Optional photo or video URL behind this scene. When set, replaces the brand gradient.",
+      format: "uri",
+      default: ""
+    },
+    mediaKeyword,
+    mediaType: {
+      type: "string",
+      title: "Background media type",
+      description: "auto detects photo/video from URL. 'gradient' is a deliberate mode \u2014 atmospheric brand-color scene with no stock footage.",
+      enum: ["auto", "photo", "video", "gradient"],
+      default: "auto"
+    },
+    mediaPoster: {
+      type: "string",
+      title: "Background poster image",
+      description: "Still image URL shown while a video backdrop is decoding its first frame. Auto-filled from Pexels' thumbnail when fillPexelsUrls sets a video mediaUrl. Hides the gradient flash that would otherwise appear in the ~50\u2013400ms gap between a <video> mounting and decoding its first frame.",
+      format: "uri",
+      default: ""
+    },
+    mediaPosition: {
+      type: "string",
+      title: "Background focal position",
+      description: "Controls which part of a photo or video stays visible when cover-cropped. Pick the subject's side or vertical anchor after inspecting the frame.",
+      enum: ["center", "top", "bottom", "left", "right"],
+      default: "center"
+    },
+    mediaTreatment: {
+      type: "string",
+      title: "Background contrast treatment",
+      description: "subtle preserves a visual hero; cinematic adds balanced contrast; text-safe adds a stronger wash for copy-heavy scenes.",
+      enum: ["subtle", "cinematic", "text-safe"],
+      default: "cinematic"
+    }
+  };
+}
 var BUILTIN_TEMPLATE_SCHEMAS = {
   "media": {
     "type": "object",
@@ -9,63 +56,7 @@ var BUILTIN_TEMPLATE_SCHEMAS = {
         "description": "Title text shown on the scene",
         "default": "Make an impact."
       },
-      "mediaUrl": {
-        "type": "string",
-        "title": "Background media",
-        "description": "Optional photo or video URL behind this scene. When set, replaces the brand gradient.",
-        "format": "uri",
-        "default": ""
-      },
-      "mediaKeyword": {
-        "type": "string",
-        "title": "Background search keyword",
-        "description": "2-4 word English term for Pexels stock-footage search (auto-fills mediaUrl).",
-        "format": "stock-media-keyword",
-        "default": ""
-      },
-      "mediaType": {
-        "type": "string",
-        "title": "Background media type",
-        "description": "auto detects photo/video from URL. 'gradient' is a deliberate mode \u2014 atmospheric brand-color scene with no stock footage.",
-        "enum": [
-          "auto",
-          "photo",
-          "video",
-          "gradient"
-        ],
-        "default": "auto"
-      },
-      "mediaPoster": {
-        "type": "string",
-        "title": "Background poster image",
-        "description": "Still image URL shown while a video backdrop is decoding its first frame. Auto-filled from Pexels' thumbnail when fillPexelsUrls sets a video mediaUrl. Hides the gradient flash that would otherwise appear in the ~50\u2013400ms gap between a <video> mounting and decoding its first frame.",
-        "format": "uri",
-        "default": ""
-      },
-      "mediaPosition": {
-        "type": "string",
-        "title": "Background focal position",
-        "description": "Controls which part of a photo or video stays visible when cover-cropped. Pick the subject's side or vertical anchor after inspecting the frame.",
-        "enum": [
-          "center",
-          "top",
-          "bottom",
-          "left",
-          "right"
-        ],
-        "default": "center"
-      },
-      "mediaTreatment": {
-        "type": "string",
-        "title": "Background contrast treatment",
-        "description": "subtle preserves a visual hero; cinematic adds balanced contrast; text-safe adds a stronger wash for copy-heavy scenes.",
-        "enum": [
-          "subtle",
-          "cinematic",
-          "text-safe"
-        ],
-        "default": "cinematic"
-      },
+      ...createBackgroundMediaSchemaProperties(),
       "confetti": {
         "type": "boolean",
         "title": "Confetti",
@@ -243,63 +234,7 @@ var BUILTIN_TEMPLATE_SCHEMAS = {
         "maxLength": 4,
         "default": ""
       },
-      "mediaUrl": {
-        "type": "string",
-        "title": "Background media",
-        "description": "Optional photo or video URL behind this scene. When set, replaces the brand gradient.",
-        "format": "uri",
-        "default": ""
-      },
-      "mediaKeyword": {
-        "type": "string",
-        "title": "Background search keyword",
-        "description": "2-4 word English term for Pexels stock-footage search (auto-fills mediaUrl).",
-        "format": "stock-media-keyword",
-        "default": ""
-      },
-      "mediaType": {
-        "type": "string",
-        "title": "Background media type",
-        "description": "auto detects photo/video from URL. 'gradient' is a deliberate mode \u2014 atmospheric brand-color scene with no stock footage.",
-        "enum": [
-          "auto",
-          "photo",
-          "video",
-          "gradient"
-        ],
-        "default": "auto"
-      },
-      "mediaPoster": {
-        "type": "string",
-        "title": "Background poster image",
-        "description": "Still image URL shown while a video backdrop is decoding its first frame. Auto-filled from Pexels' thumbnail when fillPexelsUrls sets a video mediaUrl. Hides the gradient flash that would otherwise appear in the ~50\u2013400ms gap between a <video> mounting and decoding its first frame.",
-        "format": "uri",
-        "default": ""
-      },
-      "mediaPosition": {
-        "type": "string",
-        "title": "Background focal position",
-        "description": "Controls which part of a photo or video stays visible when cover-cropped. Pick the subject's side or vertical anchor after inspecting the frame.",
-        "enum": [
-          "center",
-          "top",
-          "bottom",
-          "left",
-          "right"
-        ],
-        "default": "center"
-      },
-      "mediaTreatment": {
-        "type": "string",
-        "title": "Background contrast treatment",
-        "description": "subtle preserves a visual hero; cinematic adds balanced contrast; text-safe adds a stronger wash for copy-heavy scenes.",
-        "enum": [
-          "subtle",
-          "cinematic",
-          "text-safe"
-        ],
-        "default": "cinematic"
-      }
+      ...createBackgroundMediaSchemaProperties()
     },
     "required": [
       "texts",
@@ -359,63 +294,7 @@ var BUILTIN_TEMPLATE_SCHEMAS = {
           { "label": "Q4", "value": 91 }
         ]
       },
-      "mediaUrl": {
-        "type": "string",
-        "title": "Background media",
-        "description": "Optional photo or video URL behind this scene. When set, replaces the brand gradient.",
-        "format": "uri",
-        "default": ""
-      },
-      "mediaKeyword": {
-        "type": "string",
-        "title": "Background search keyword",
-        "description": "2-4 word English term for Pexels stock-footage search (auto-fills mediaUrl).",
-        "format": "stock-media-keyword",
-        "default": ""
-      },
-      "mediaType": {
-        "type": "string",
-        "title": "Background media type",
-        "description": "auto detects photo/video from URL. 'gradient' is a deliberate mode \u2014 atmospheric brand-color scene with no stock footage.",
-        "enum": [
-          "auto",
-          "photo",
-          "video",
-          "gradient"
-        ],
-        "default": "auto"
-      },
-      "mediaPoster": {
-        "type": "string",
-        "title": "Background poster image",
-        "description": "Still image URL shown while a video backdrop is decoding its first frame. Auto-filled from Pexels' thumbnail when fillPexelsUrls sets a video mediaUrl. Hides the gradient flash that would otherwise appear in the ~50\u2013400ms gap between a <video> mounting and decoding its first frame.",
-        "format": "uri",
-        "default": ""
-      },
-      "mediaPosition": {
-        "type": "string",
-        "title": "Background focal position",
-        "description": "Controls which part of a photo or video stays visible when cover-cropped. Pick the subject's side or vertical anchor after inspecting the frame.",
-        "enum": [
-          "center",
-          "top",
-          "bottom",
-          "left",
-          "right"
-        ],
-        "default": "center"
-      },
-      "mediaTreatment": {
-        "type": "string",
-        "title": "Background contrast treatment",
-        "description": "subtle preserves a visual hero; cinematic adds balanced contrast; text-safe adds a stronger wash for copy-heavy scenes.",
-        "enum": [
-          "subtle",
-          "cinematic",
-          "text-safe"
-        ],
-        "default": "cinematic"
-      }
+      ...createBackgroundMediaSchemaProperties()
     },
     "required": [
       "texts",
@@ -464,63 +343,7 @@ var BUILTIN_TEMPLATE_SCHEMAS = {
         "maxLength": 3,
         "default": "%"
       },
-      "mediaUrl": {
-        "type": "string",
-        "title": "Background media",
-        "description": "Optional photo or video URL behind this scene. When set, replaces the brand gradient.",
-        "format": "uri",
-        "default": ""
-      },
-      "mediaKeyword": {
-        "type": "string",
-        "title": "Background search keyword",
-        "description": "2-4 word English term for Pexels stock-footage search (auto-fills mediaUrl).",
-        "format": "stock-media-keyword",
-        "default": ""
-      },
-      "mediaType": {
-        "type": "string",
-        "title": "Background media type",
-        "description": "auto detects photo/video from URL. 'gradient' is a deliberate mode \u2014 atmospheric brand-color scene with no stock footage.",
-        "enum": [
-          "auto",
-          "photo",
-          "video",
-          "gradient"
-        ],
-        "default": "auto"
-      },
-      "mediaPoster": {
-        "type": "string",
-        "title": "Background poster image",
-        "description": "Still image URL shown while a video backdrop is decoding its first frame. Auto-filled from Pexels' thumbnail when fillPexelsUrls sets a video mediaUrl. Hides the gradient flash that would otherwise appear in the ~50\u2013400ms gap between a <video> mounting and decoding its first frame.",
-        "format": "uri",
-        "default": ""
-      },
-      "mediaPosition": {
-        "type": "string",
-        "title": "Background focal position",
-        "description": "Controls which part of a photo or video stays visible when cover-cropped. Pick the subject's side or vertical anchor after inspecting the frame.",
-        "enum": [
-          "center",
-          "top",
-          "bottom",
-          "left",
-          "right"
-        ],
-        "default": "center"
-      },
-      "mediaTreatment": {
-        "type": "string",
-        "title": "Background contrast treatment",
-        "description": "subtle preserves a visual hero; cinematic adds balanced contrast; text-safe adds a stronger wash for copy-heavy scenes.",
-        "enum": [
-          "subtle",
-          "cinematic",
-          "text-safe"
-        ],
-        "default": "cinematic"
-      }
+      ...createBackgroundMediaSchemaProperties()
     },
     "required": [
       "texts",
@@ -614,62 +437,7 @@ var BUILTIN_TEMPLATE_SCHEMAS = {
         "description": "Vertical percentage of the product surface for the callout anchor.",
         "default": 35
       },
-      "mediaUrl": {
-        "type": "string",
-        "title": "Background media",
-        "description": "Optional photo or video URL behind this scene. When set, replaces the brand gradient.",
-        "format": "uri",
-        "default": ""
-      },
-      "mediaKeyword": {
-        "type": "string",
-        "title": "Background search keyword",
-        "description": "2-4 word English term for Pexels stock-footage search (auto-fills mediaUrl).",
-        "default": ""
-      },
-      "mediaType": {
-        "type": "string",
-        "title": "Background media type",
-        "description": "auto detects photo/video from URL. 'gradient' is a deliberate mode \u2014 atmospheric brand-color scene with no stock footage.",
-        "enum": [
-          "auto",
-          "photo",
-          "video",
-          "gradient"
-        ],
-        "default": "auto"
-      },
-      "mediaPoster": {
-        "type": "string",
-        "title": "Background poster image",
-        "description": "Still image URL shown while a video backdrop is decoding its first frame. Auto-filled from Pexels' thumbnail when fillPexelsUrls sets a video mediaUrl. Hides the gradient flash that would otherwise appear in the ~50\u2013400ms gap between a <video> mounting and decoding its first frame.",
-        "format": "uri",
-        "default": ""
-      },
-      "mediaPosition": {
-        "type": "string",
-        "title": "Background focal position",
-        "description": "Controls which part of a photo or video stays visible when cover-cropped. Pick the subject's side or vertical anchor after inspecting the frame.",
-        "enum": [
-          "center",
-          "top",
-          "bottom",
-          "left",
-          "right"
-        ],
-        "default": "center"
-      },
-      "mediaTreatment": {
-        "type": "string",
-        "title": "Background contrast treatment",
-        "description": "subtle preserves a visual hero; cinematic adds balanced contrast; text-safe adds a stronger wash for copy-heavy scenes.",
-        "enum": [
-          "subtle",
-          "cinematic",
-          "text-safe"
-        ],
-        "default": "cinematic"
-      }
+      ...createBackgroundMediaSchemaProperties({ stockMediaKeyword: false })
     },
     "required": [
       "texts"
@@ -776,62 +544,7 @@ var BUILTIN_TEMPLATE_SCHEMAS = {
         ],
         "default": ""
       },
-      "mediaUrl": {
-        "type": "string",
-        "title": "Background media",
-        "description": "Optional photo or video URL behind this scene. When set, replaces the brand gradient.",
-        "format": "uri",
-        "default": ""
-      },
-      "mediaKeyword": {
-        "type": "string",
-        "title": "Background search keyword",
-        "description": "2-4 word English term for Pexels stock-footage search (auto-fills mediaUrl).",
-        "default": ""
-      },
-      "mediaType": {
-        "type": "string",
-        "title": "Background media type",
-        "description": "auto detects photo/video from URL. 'gradient' is a deliberate mode \u2014 atmospheric brand-color scene with no stock footage.",
-        "enum": [
-          "auto",
-          "photo",
-          "video",
-          "gradient"
-        ],
-        "default": "auto"
-      },
-      "mediaPoster": {
-        "type": "string",
-        "title": "Background poster image",
-        "description": "Still image URL shown while a video backdrop is decoding its first frame. Auto-filled from Pexels' thumbnail when fillPexelsUrls sets a video mediaUrl. Hides the gradient flash that would otherwise appear in the ~50\u2013400ms gap between a <video> mounting and decoding its first frame.",
-        "format": "uri",
-        "default": ""
-      },
-      "mediaPosition": {
-        "type": "string",
-        "title": "Background focal position",
-        "description": "Controls which part of a photo or video stays visible when cover-cropped. Pick the subject's side or vertical anchor after inspecting the frame.",
-        "enum": [
-          "center",
-          "top",
-          "bottom",
-          "left",
-          "right"
-        ],
-        "default": "center"
-      },
-      "mediaTreatment": {
-        "type": "string",
-        "title": "Background contrast treatment",
-        "description": "subtle preserves a visual hero; cinematic adds balanced contrast; text-safe adds a stronger wash for copy-heavy scenes.",
-        "enum": [
-          "subtle",
-          "cinematic",
-          "text-safe"
-        ],
-        "default": "cinematic"
-      }
+      ...createBackgroundMediaSchemaProperties({ stockMediaKeyword: false })
     },
     "required": [
       "texts"
@@ -862,63 +575,7 @@ var BUILTIN_TEMPLATE_SCHEMAS = {
         "maxLength": 32,
         "default": "app.ts"
       },
-      "mediaUrl": {
-        "type": "string",
-        "title": "Background media",
-        "description": "Optional photo or video URL behind this scene. When set, replaces the brand gradient.",
-        "format": "uri",
-        "default": ""
-      },
-      "mediaKeyword": {
-        "type": "string",
-        "title": "Background search keyword",
-        "description": "2-4 word English term for Pexels stock-footage search (auto-fills mediaUrl).",
-        "format": "stock-media-keyword",
-        "default": ""
-      },
-      "mediaType": {
-        "type": "string",
-        "title": "Background media type",
-        "description": "auto detects photo/video from URL. 'gradient' is a deliberate mode \u2014 atmospheric brand-color scene with no stock footage.",
-        "enum": [
-          "auto",
-          "photo",
-          "video",
-          "gradient"
-        ],
-        "default": "auto"
-      },
-      "mediaPoster": {
-        "type": "string",
-        "title": "Background poster image",
-        "description": "Still image URL shown while a video backdrop is decoding its first frame. Auto-filled from Pexels' thumbnail when fillPexelsUrls sets a video mediaUrl. Hides the gradient flash that would otherwise appear in the ~50\u2013400ms gap between a <video> mounting and decoding its first frame.",
-        "format": "uri",
-        "default": ""
-      },
-      "mediaPosition": {
-        "type": "string",
-        "title": "Background focal position",
-        "description": "Controls which part of a photo or video stays visible when cover-cropped. Pick the subject's side or vertical anchor after inspecting the frame.",
-        "enum": [
-          "center",
-          "top",
-          "bottom",
-          "left",
-          "right"
-        ],
-        "default": "center"
-      },
-      "mediaTreatment": {
-        "type": "string",
-        "title": "Background contrast treatment",
-        "description": "subtle preserves a visual hero; cinematic adds balanced contrast; text-safe adds a stronger wash for copy-heavy scenes.",
-        "enum": [
-          "subtle",
-          "cinematic",
-          "text-safe"
-        ],
-        "default": "cinematic"
-      }
+      ...createBackgroundMediaSchemaProperties()
     },
     "required": [
       "texts",
@@ -974,63 +631,7 @@ var BUILTIN_TEMPLATE_SCHEMAS = {
         "maxLength": 3,
         "default": "$"
       },
-      "mediaUrl": {
-        "type": "string",
-        "title": "Background media",
-        "description": "Optional photo or video URL behind this scene. When set, replaces the brand gradient.",
-        "format": "uri",
-        "default": ""
-      },
-      "mediaKeyword": {
-        "type": "string",
-        "title": "Background search keyword",
-        "description": "2-4 word English term for Pexels stock-footage search (auto-fills mediaUrl).",
-        "format": "stock-media-keyword",
-        "default": ""
-      },
-      "mediaType": {
-        "type": "string",
-        "title": "Background media type",
-        "description": "auto detects photo/video from URL. 'gradient' is a deliberate mode \u2014 atmospheric brand-color scene with no stock footage.",
-        "enum": [
-          "auto",
-          "photo",
-          "video",
-          "gradient"
-        ],
-        "default": "auto"
-      },
-      "mediaPoster": {
-        "type": "string",
-        "title": "Background poster image",
-        "description": "Still image URL shown while a video backdrop is decoding its first frame. Auto-filled from Pexels' thumbnail when fillPexelsUrls sets a video mediaUrl. Hides the gradient flash that would otherwise appear in the ~50\u2013400ms gap between a <video> mounting and decoding its first frame.",
-        "format": "uri",
-        "default": ""
-      },
-      "mediaPosition": {
-        "type": "string",
-        "title": "Background focal position",
-        "description": "Controls which part of a photo or video stays visible when cover-cropped. Pick the subject's side or vertical anchor after inspecting the frame.",
-        "enum": [
-          "center",
-          "top",
-          "bottom",
-          "left",
-          "right"
-        ],
-        "default": "center"
-      },
-      "mediaTreatment": {
-        "type": "string",
-        "title": "Background contrast treatment",
-        "description": "subtle preserves a visual hero; cinematic adds balanced contrast; text-safe adds a stronger wash for copy-heavy scenes.",
-        "enum": [
-          "subtle",
-          "cinematic",
-          "text-safe"
-        ],
-        "default": "cinematic"
-      }
+      ...createBackgroundMediaSchemaProperties()
     },
     "required": [
       "texts",
@@ -1089,63 +690,7 @@ var BUILTIN_TEMPLATE_SCHEMAS = {
         ],
         "default": 0
       },
-      "mediaUrl": {
-        "type": "string",
-        "title": "Background media",
-        "description": "Optional photo or video URL behind this scene. When set, replaces the brand gradient.",
-        "format": "uri",
-        "default": ""
-      },
-      "mediaKeyword": {
-        "type": "string",
-        "title": "Background search keyword",
-        "description": "2-4 word English term for Pexels stock-footage search (auto-fills mediaUrl).",
-        "format": "stock-media-keyword",
-        "default": ""
-      },
-      "mediaType": {
-        "type": "string",
-        "title": "Background media type",
-        "description": "auto detects photo/video from URL. 'gradient' is a deliberate mode \u2014 atmospheric brand-color scene with no stock footage.",
-        "enum": [
-          "auto",
-          "photo",
-          "video",
-          "gradient"
-        ],
-        "default": "auto"
-      },
-      "mediaPoster": {
-        "type": "string",
-        "title": "Background poster image",
-        "description": "Still image URL shown while a video backdrop is decoding its first frame. Auto-filled from Pexels' thumbnail when fillPexelsUrls sets a video mediaUrl. Hides the gradient flash that would otherwise appear in the ~50\u2013400ms gap between a <video> mounting and decoding its first frame.",
-        "format": "uri",
-        "default": ""
-      },
-      "mediaPosition": {
-        "type": "string",
-        "title": "Background focal position",
-        "description": "Controls which part of a photo or video stays visible when cover-cropped. Pick the subject's side or vertical anchor after inspecting the frame.",
-        "enum": [
-          "center",
-          "top",
-          "bottom",
-          "left",
-          "right"
-        ],
-        "default": "center"
-      },
-      "mediaTreatment": {
-        "type": "string",
-        "title": "Background contrast treatment",
-        "description": "subtle preserves a visual hero; cinematic adds balanced contrast; text-safe adds a stronger wash for copy-heavy scenes.",
-        "enum": [
-          "subtle",
-          "cinematic",
-          "text-safe"
-        ],
-        "default": "cinematic"
-      }
+      ...createBackgroundMediaSchemaProperties()
     },
     "required": [
       "authorName",
@@ -1183,77 +728,21 @@ var BUILTIN_TEMPLATE_SCHEMAS = {
         "maxLength": 100,
         "default": "Believe in your dreams, they will lead you."
       },
-      "mediaUrl": {
-        "type": "string",
-        "title": "Background media",
-        "description": "Optional photo or video URL behind this scene. When set, replaces the brand gradient.",
-        "format": "uri",
-        "default": ""
-      },
-      "mediaKeyword": {
-        "type": "string",
-        "title": "Background search keyword",
-        "description": "2-4 word English term for Pexels stock-footage search (auto-fills mediaUrl).",
-        "format": "stock-media-keyword",
-        "default": ""
-      },
-      "mediaType": {
-        "type": "string",
-        "title": "Background media type",
-        "description": "auto detects photo/video from URL. 'gradient' is a deliberate mode \u2014 atmospheric brand-color scene with no stock footage.",
-        "enum": [
-          "auto",
-          "photo",
-          "video",
-          "gradient"
-        ],
-        "default": "auto"
-      },
-      "mediaPoster": {
-        "type": "string",
-        "title": "Background poster image",
-        "description": "Still image URL shown while a video backdrop is decoding its first frame. Auto-filled from Pexels' thumbnail when fillPexelsUrls sets a video mediaUrl. Hides the gradient flash that would otherwise appear in the ~50\u2013400ms gap between a <video> mounting and decoding its first frame.",
-        "format": "uri",
-        "default": ""
-      },
-      "mediaPosition": {
-        "type": "string",
-        "title": "Background focal position",
-        "description": "Controls which part of a photo or video stays visible when cover-cropped. Pick the subject's side or vertical anchor after inspecting the frame.",
-        "enum": [
-          "center",
-          "top",
-          "bottom",
-          "left",
-          "right"
-        ],
-        "default": "center"
-      },
-      "mediaTreatment": {
-        "type": "string",
-        "title": "Background contrast treatment",
-        "description": "subtle preserves a visual hero; cinematic adds balanced contrast; text-safe adds a stronger wash for copy-heavy scenes.",
-        "enum": [
-          "subtle",
-          "cinematic",
-          "text-safe"
-        ],
-        "default": "cinematic"
-      }
-    },
-    "required": [
-      "appName",
-      "message"
-    ],
-    "additionalProperties": false,
-    "x-vanillasky": {
-      "allowsStockMedia": true
-    }
-  },
-  "chatMessenger": {
-    "type": "object",
-    "properties": {
-      "msg1": {
+      ...createBackgroundMediaSchemaProperties()
+    },
+    "required": [
+      "appName",
+      "message"
+    ],
+    "additionalProperties": false,
+    "x-vanillasky": {
+      "allowsStockMedia": true
+    }
+  },
+  "chatMessenger": {
+    "type": "object",
+    "properties": {
+      "msg1": {
         "type": "string",
         "title": "Message 1 (received)",
         "description": "First message \u2014 left/received by default. Append |in or |out to override side. Aim for 3-4 messages total; use 5 with date chips only for a real time gap in a 10s+ scene.",
@@ -1421,63 +910,7 @@ var BUILTIN_TEMPLATE_SCHEMAS = {
         "maxLength": 16,
         "default": "\u{1F389}"
       },
-      "mediaUrl": {
-        "type": "string",
-        "title": "Background media",
-        "description": "Optional photo or video URL behind this scene. When set, replaces the brand gradient.",
-        "format": "uri",
-        "default": ""
-      },
-      "mediaKeyword": {
-        "type": "string",
-        "title": "Background search keyword",
-        "description": "2-4 word English term for Pexels stock-footage search (auto-fills mediaUrl).",
-        "format": "stock-media-keyword",
-        "default": ""
-      },
-      "mediaType": {
-        "type": "string",
-        "title": "Background media type",
-        "description": "auto detects photo/video from URL. 'gradient' is a deliberate mode \u2014 atmospheric brand-color scene with no stock footage.",
-        "enum": [
-          "auto",
-          "photo",
-          "video",
-          "gradient"
-        ],
-        "default": "auto"
-      },
-      "mediaPoster": {
-        "type": "string",
-        "title": "Background poster image",
-        "description": "Still image URL shown while a video backdrop is decoding its first frame. Auto-filled from Pexels' thumbnail when fillPexelsUrls sets a video mediaUrl. Hides the gradient flash that would otherwise appear in the ~50\u2013400ms gap between a <video> mounting and decoding its first frame.",
-        "format": "uri",
-        "default": ""
-      },
-      "mediaPosition": {
-        "type": "string",
-        "title": "Background focal position",
-        "description": "Controls which part of a photo or video stays visible when cover-cropped. Pick the subject's side or vertical anchor after inspecting the frame.",
-        "enum": [
-          "center",
-          "top",
-          "bottom",
-          "left",
-          "right"
-        ],
-        "default": "center"
-      },
-      "mediaTreatment": {
-        "type": "string",
-        "title": "Background contrast treatment",
-        "description": "subtle preserves a visual hero; cinematic adds balanced contrast; text-safe adds a stronger wash for copy-heavy scenes.",
-        "enum": [
-          "subtle",
-          "cinematic",
-          "text-safe"
-        ],
-        "default": "cinematic"
-      }
+      ...createBackgroundMediaSchemaProperties()
     },
     "required": [
       "label",
@@ -1570,63 +1003,7 @@ var BUILTIN_TEMPLATE_SCHEMAS = {
         ],
         "default": ""
       },
-      "mediaUrl": {
-        "type": "string",
-        "title": "Background media",
-        "description": "Optional photo or video URL behind this scene. When set, replaces the brand gradient.",
-        "format": "uri",
-        "default": ""
-      },
-      "mediaKeyword": {
-        "type": "string",
-        "title": "Background search keyword",
-        "description": "2-4 word English term for Pexels stock-footage search (auto-fills mediaUrl).",
-        "format": "stock-media-keyword",
-        "default": ""
-      },
-      "mediaType": {
-        "type": "string",
-        "title": "Background media type",
-        "description": "auto detects photo/video from URL. 'gradient' is a deliberate mode \u2014 atmospheric brand-color scene with no stock footage.",
-        "enum": [
-          "auto",
-          "photo",
-          "video",
-          "gradient"
-        ],
-        "default": "auto"
-      },
-      "mediaPoster": {
-        "type": "string",
-        "title": "Background poster image",
-        "description": "Still image URL shown while a video backdrop is decoding its first frame. Auto-filled from Pexels' thumbnail when fillPexelsUrls sets a video mediaUrl. Hides the gradient flash that would otherwise appear in the ~50\u2013400ms gap between a <video> mounting and decoding its first frame.",
-        "format": "uri",
-        "default": ""
-      },
-      "mediaPosition": {
-        "type": "string",
-        "title": "Background focal position",
-        "description": "Controls which part of a photo or video stays visible when cover-cropped. Pick the subject's side or vertical anchor after inspecting the frame.",
-        "enum": [
-          "center",
-          "top",
-          "bottom",
-          "left",
-          "right"
-        ],
-        "default": "center"
-      },
-      "mediaTreatment": {
-        "type": "string",
-        "title": "Background contrast treatment",
-        "description": "subtle preserves a visual hero; cinematic adds balanced contrast; text-safe adds a stronger wash for copy-heavy scenes.",
-        "enum": [
-          "subtle",
-          "cinematic",
-          "text-safe"
-        ],
-        "default": "cinematic"
-      }
+      ...createBackgroundMediaSchemaProperties()
     },
     "required": [
       "review1Title",
@@ -1663,63 +1040,7 @@ var BUILTIN_TEMPLATE_SCHEMAS = {
         ],
         "default": ""
       },
-      "mediaUrl": {
-        "type": "string",
-        "title": "Background media",
-        "description": "Optional photo or video URL behind this scene. When set, replaces the brand gradient.",
-        "format": "uri",
-        "default": ""
-      },
-      "mediaKeyword": {
-        "type": "string",
-        "title": "Background search keyword",
-        "description": "2-4 word English term for Pexels stock-footage search (auto-fills mediaUrl).",
-        "format": "stock-media-keyword",
-        "default": ""
-      },
-      "mediaType": {
-        "type": "string",
-        "title": "Background media type",
-        "description": "auto detects photo/video from URL. 'gradient' is a deliberate mode \u2014 atmospheric brand-color scene with no stock footage.",
-        "enum": [
-          "auto",
-          "photo",
-          "video",
-          "gradient"
-        ],
-        "default": "auto"
-      },
-      "mediaPoster": {
-        "type": "string",
-        "title": "Background poster image",
-        "description": "Still image URL shown while a video backdrop is decoding its first frame. Auto-filled from Pexels' thumbnail when fillPexelsUrls sets a video mediaUrl. Hides the gradient flash that would otherwise appear in the ~50\u2013400ms gap between a <video> mounting and decoding its first frame.",
-        "format": "uri",
-        "default": ""
-      },
-      "mediaPosition": {
-        "type": "string",
-        "title": "Background focal position",
-        "description": "Controls which part of a photo or video stays visible when cover-cropped. Pick the subject's side or vertical anchor after inspecting the frame.",
-        "enum": [
-          "center",
-          "top",
-          "bottom",
-          "left",
-          "right"
-        ],
-        "default": "center"
-      },
-      "mediaTreatment": {
-        "type": "string",
-        "title": "Background contrast treatment",
-        "description": "subtle preserves a visual hero; cinematic adds balanced contrast; text-safe adds a stronger wash for copy-heavy scenes.",
-        "enum": [
-          "subtle",
-          "cinematic",
-          "text-safe"
-        ],
-        "default": "cinematic"
-      }
+      ...createBackgroundMediaSchemaProperties()
     },
     "required": [
       "quote",
@@ -1762,63 +1083,7 @@ var BUILTIN_TEMPLATE_SCHEMAS = {
         "maxLength": 12,
         "default": "Accept"
       },
-      "mediaUrl": {
-        "type": "string",
-        "title": "Background media",
-        "description": "Optional photo or video URL behind this scene. When set, replaces the brand gradient.",
-        "format": "uri",
-        "default": ""
-      },
-      "mediaKeyword": {
-        "type": "string",
-        "title": "Background search keyword",
-        "description": "2-4 word English term for Pexels stock-footage search (auto-fills mediaUrl).",
-        "format": "stock-media-keyword",
-        "default": ""
-      },
-      "mediaType": {
-        "type": "string",
-        "title": "Background media type",
-        "description": "auto detects photo/video from URL. 'gradient' is a deliberate mode \u2014 atmospheric brand-color scene with no stock footage.",
-        "enum": [
-          "auto",
-          "photo",
-          "video",
-          "gradient"
-        ],
-        "default": "auto"
-      },
-      "mediaPoster": {
-        "type": "string",
-        "title": "Background poster image",
-        "description": "Still image URL shown while a video backdrop is decoding its first frame. Auto-filled from Pexels' thumbnail when fillPexelsUrls sets a video mediaUrl. Hides the gradient flash that would otherwise appear in the ~50\u2013400ms gap between a <video> mounting and decoding its first frame.",
-        "format": "uri",
-        "default": ""
-      },
-      "mediaPosition": {
-        "type": "string",
-        "title": "Background focal position",
-        "description": "Controls which part of a photo or video stays visible when cover-cropped. Pick the subject's side or vertical anchor after inspecting the frame.",
-        "enum": [
-          "center",
-          "top",
-          "bottom",
-          "left",
-          "right"
-        ],
-        "default": "center"
-      },
-      "mediaTreatment": {
-        "type": "string",
-        "title": "Background contrast treatment",
-        "description": "subtle preserves a visual hero; cinematic adds balanced contrast; text-safe adds a stronger wash for copy-heavy scenes.",
-        "enum": [
-          "subtle",
-          "cinematic",
-          "text-safe"
-        ],
-        "default": "cinematic"
-      }
+      ...createBackgroundMediaSchemaProperties()
     },
     "required": [
       "callerName"
@@ -1837,63 +1102,7 @@ var BUILTIN_TEMPLATE_SCHEMAS = {
         "description": "The brand-voiced message rendered as a single iMessage-style outgoing bubble (right side, cream) over the media background. 4-12 words reads best \u2014 short messages produce a tight bubble; longer ones wrap inside the 75% width cap. Examples: 'We built this for you.', 'Thanks for being here.', 'See what's new this week.'",
         "default": "We built this for you."
       },
-      "mediaUrl": {
-        "type": "string",
-        "title": "Background media",
-        "description": "Optional photo or video URL behind this scene. When set, replaces the brand gradient.",
-        "format": "uri",
-        "default": ""
-      },
-      "mediaKeyword": {
-        "type": "string",
-        "title": "Background search keyword",
-        "description": "2-4 word English term for Pexels stock-footage search (auto-fills mediaUrl).",
-        "format": "stock-media-keyword",
-        "default": ""
-      },
-      "mediaType": {
-        "type": "string",
-        "title": "Background media type",
-        "description": "auto detects photo/video from URL. 'gradient' is a deliberate mode \u2014 atmospheric brand-color scene with no stock footage.",
-        "enum": [
-          "auto",
-          "photo",
-          "video",
-          "gradient"
-        ],
-        "default": "auto"
-      },
-      "mediaPoster": {
-        "type": "string",
-        "title": "Background poster image",
-        "description": "Still image URL shown while a video backdrop is decoding its first frame. Auto-filled from Pexels' thumbnail when fillPexelsUrls sets a video mediaUrl. Hides the gradient flash that would otherwise appear in the ~50\u2013400ms gap between a <video> mounting and decoding its first frame.",
-        "format": "uri",
-        "default": ""
-      },
-      "mediaPosition": {
-        "type": "string",
-        "title": "Background focal position",
-        "description": "Controls which part of a photo or video stays visible when cover-cropped. Pick the subject's side or vertical anchor after inspecting the frame.",
-        "enum": [
-          "center",
-          "top",
-          "bottom",
-          "left",
-          "right"
-        ],
-        "default": "center"
-      },
-      "mediaTreatment": {
-        "type": "string",
-        "title": "Background contrast treatment",
-        "description": "subtle preserves a visual hero; cinematic adds balanced contrast; text-safe adds a stronger wash for copy-heavy scenes.",
-        "enum": [
-          "subtle",
-          "cinematic",
-          "text-safe"
-        ],
-        "default": "cinematic"
-      }
+      ...createBackgroundMediaSchemaProperties()
     },
     "required": [
       "message"
@@ -1914,63 +1123,7 @@ var BUILTIN_TEMPLATE_SCHEMAS = {
         "maxLength": 40,
         "default": "Make a launch video for our app"
       },
-      "mediaUrl": {
-        "type": "string",
-        "title": "Background media",
-        "description": "Optional photo or video URL behind this scene. When set, replaces the brand gradient.",
-        "format": "uri",
-        "default": ""
-      },
-      "mediaKeyword": {
-        "type": "string",
-        "title": "Background search keyword",
-        "description": "2-4 word English term for Pexels stock-footage search (auto-fills mediaUrl).",
-        "format": "stock-media-keyword",
-        "default": ""
-      },
-      "mediaType": {
-        "type": "string",
-        "title": "Background media type",
-        "description": "auto detects photo/video from URL. 'gradient' is a deliberate mode \u2014 atmospheric brand-color scene with no stock footage.",
-        "enum": [
-          "auto",
-          "photo",
-          "video",
-          "gradient"
-        ],
-        "default": "auto"
-      },
-      "mediaPoster": {
-        "type": "string",
-        "title": "Background poster image",
-        "description": "Still image URL shown while a video backdrop is decoding its first frame. Auto-filled from Pexels' thumbnail when fillPexelsUrls sets a video mediaUrl. Hides the gradient flash that would otherwise appear in the ~50\u2013400ms gap between a <video> mounting and decoding its first frame.",
-        "format": "uri",
-        "default": ""
-      },
-      "mediaPosition": {
-        "type": "string",
-        "title": "Background focal position",
-        "description": "Controls which part of a photo or video stays visible when cover-cropped. Pick the subject's side or vertical anchor after inspecting the frame.",
-        "enum": [
-          "center",
-          "top",
-          "bottom",
-          "left",
-          "right"
-        ],
-        "default": "center"
-      },
-      "mediaTreatment": {
-        "type": "string",
-        "title": "Background contrast treatment",
-        "description": "subtle preserves a visual hero; cinematic adds balanced contrast; text-safe adds a stronger wash for copy-heavy scenes.",
-        "enum": [
-          "subtle",
-          "cinematic",
-          "text-safe"
-        ],
-        "default": "cinematic"
-      }
+      ...createBackgroundMediaSchemaProperties()
     },
     "required": [
       "promptText"
@@ -2129,63 +1282,7 @@ var BUILTIN_TEMPLATE_SCHEMAS = {
         "maxLength": 24,
         "default": "Latency"
       },
-      "mediaUrl": {
-        "type": "string",
-        "title": "Background media",
-        "description": "Optional photo or video URL behind this scene. When set, replaces the brand gradient.",
-        "format": "uri",
-        "default": ""
-      },
-      "mediaKeyword": {
-        "type": "string",
-        "title": "Background search keyword",
-        "description": "2-4 word English term for Pexels stock-footage search (auto-fills mediaUrl).",
-        "format": "stock-media-keyword",
-        "default": ""
-      },
-      "mediaType": {
-        "type": "string",
-        "title": "Background media type",
-        "description": "auto detects photo/video from URL. 'gradient' is a deliberate mode \u2014 atmospheric brand-color scene with no stock footage.",
-        "enum": [
-          "auto",
-          "photo",
-          "video",
-          "gradient"
-        ],
-        "default": "auto"
-      },
-      "mediaPoster": {
-        "type": "string",
-        "title": "Background poster image",
-        "description": "Still image URL shown while a video backdrop is decoding its first frame. Auto-filled from Pexels' thumbnail when fillPexelsUrls sets a video mediaUrl. Hides the gradient flash that would otherwise appear in the ~50\u2013400ms gap between a <video> mounting and decoding its first frame.",
-        "format": "uri",
-        "default": ""
-      },
-      "mediaPosition": {
-        "type": "string",
-        "title": "Background focal position",
-        "description": "Controls which part of a photo or video stays visible when cover-cropped. Pick the subject's side or vertical anchor after inspecting the frame.",
-        "enum": [
-          "center",
-          "top",
-          "bottom",
-          "left",
-          "right"
-        ],
-        "default": "center"
-      },
-      "mediaTreatment": {
-        "type": "string",
-        "title": "Background contrast treatment",
-        "description": "subtle preserves a visual hero; cinematic adds balanced contrast; text-safe adds a stronger wash for copy-heavy scenes.",
-        "enum": [
-          "subtle",
-          "cinematic",
-          "text-safe"
-        ],
-        "default": "cinematic"
-      }
+      ...createBackgroundMediaSchemaProperties()
     },
     "required": [
       "texts",
@@ -2231,63 +1328,7 @@ var BUILTIN_TEMPLATE_SCHEMAS = {
         "description": "The solution statement \u2014 your value prop in 1 sentence",
         "default": "AI that summarizes in seconds"
       },
-      "mediaUrl": {
-        "type": "string",
-        "title": "Background media",
-        "description": "Optional photo or video URL behind this scene. When set, replaces the brand gradient.",
-        "format": "uri",
-        "default": ""
-      },
-      "mediaKeyword": {
-        "type": "string",
-        "title": "Background search keyword",
-        "description": "2-4 word English term for Pexels stock-footage search (auto-fills mediaUrl).",
-        "format": "stock-media-keyword",
-        "default": ""
-      },
-      "mediaType": {
-        "type": "string",
-        "title": "Background media type",
-        "description": "auto detects photo/video from URL. 'gradient' is a deliberate mode \u2014 atmospheric brand-color scene with no stock footage.",
-        "enum": [
-          "auto",
-          "photo",
-          "video",
-          "gradient"
-        ],
-        "default": "auto"
-      },
-      "mediaPoster": {
-        "type": "string",
-        "title": "Background poster image",
-        "description": "Still image URL shown while a video backdrop is decoding its first frame. Auto-filled from Pexels' thumbnail when fillPexelsUrls sets a video mediaUrl. Hides the gradient flash that would otherwise appear in the ~50\u2013400ms gap between a <video> mounting and decoding its first frame.",
-        "format": "uri",
-        "default": ""
-      },
-      "mediaPosition": {
-        "type": "string",
-        "title": "Background focal position",
-        "description": "Controls which part of a photo or video stays visible when cover-cropped. Pick the subject's side or vertical anchor after inspecting the frame.",
-        "enum": [
-          "center",
-          "top",
-          "bottom",
-          "left",
-          "right"
-        ],
-        "default": "center"
-      },
-      "mediaTreatment": {
-        "type": "string",
-        "title": "Background contrast treatment",
-        "description": "subtle preserves a visual hero; cinematic adds balanced contrast; text-safe adds a stronger wash for copy-heavy scenes.",
-        "enum": [
-          "subtle",
-          "cinematic",
-          "text-safe"
-        ],
-        "default": "cinematic"
-      }
+      ...createBackgroundMediaSchemaProperties()
     },
     "required": [
       "problemText",
@@ -2339,63 +1380,7 @@ var BUILTIN_TEMPLATE_SCHEMAS = {
         "maxItems": 3,
         "default": []
       },
-      "mediaUrl": {
-        "type": "string",
-        "title": "Background media",
-        "description": "Optional photo or video URL behind this scene. When set, replaces the brand gradient.",
-        "format": "uri",
-        "default": ""
-      },
-      "mediaKeyword": {
-        "type": "string",
-        "title": "Background search keyword",
-        "description": "2-4 word English term for Pexels stock-footage search (auto-fills mediaUrl).",
-        "format": "stock-media-keyword",
-        "default": ""
-      },
-      "mediaType": {
-        "type": "string",
-        "title": "Background media type",
-        "description": "auto detects photo/video from URL. 'gradient' is a deliberate mode \u2014 atmospheric brand-color scene with no stock footage.",
-        "enum": [
-          "auto",
-          "photo",
-          "video",
-          "gradient"
-        ],
-        "default": "auto"
-      },
-      "mediaPoster": {
-        "type": "string",
-        "title": "Background poster image",
-        "description": "Still image URL shown while a video backdrop is decoding its first frame. Auto-filled from Pexels' thumbnail when fillPexelsUrls sets a video mediaUrl. Hides the gradient flash that would otherwise appear in the ~50\u2013400ms gap between a <video> mounting and decoding its first frame.",
-        "format": "uri",
-        "default": ""
-      },
-      "mediaPosition": {
-        "type": "string",
-        "title": "Background focal position",
-        "description": "Controls which part of a photo or video stays visible when cover-cropped. Pick the subject's side or vertical anchor after inspecting the frame.",
-        "enum": [
-          "center",
-          "top",
-          "bottom",
-          "left",
-          "right"
-        ],
-        "default": "center"
-      },
-      "mediaTreatment": {
-        "type": "string",
-        "title": "Background contrast treatment",
-        "description": "subtle preserves a visual hero; cinematic adds balanced contrast; text-safe adds a stronger wash for copy-heavy scenes.",
-        "enum": [
-          "subtle",
-          "cinematic",
-          "text-safe"
-        ],
-        "default": "cinematic"
-      }
+      ...createBackgroundMediaSchemaProperties()
     },
     "required": [
       "texts",
@@ -2447,63 +1432,7 @@ var BUILTIN_TEMPLATE_SCHEMAS = {
         "maxItems": 3,
         "default": []
       },
-      "mediaUrl": {
-        "type": "string",
-        "title": "Background media",
-        "description": "Optional photo or video URL behind this scene. When set, replaces the brand gradient.",
-        "format": "uri",
-        "default": ""
-      },
-      "mediaKeyword": {
-        "type": "string",
-        "title": "Background search keyword",
-        "description": "2-4 word English term for Pexels stock-footage search (auto-fills mediaUrl).",
-        "format": "stock-media-keyword",
-        "default": ""
-      },
-      "mediaType": {
-        "type": "string",
-        "title": "Background media type",
-        "description": "auto detects photo/video from URL. 'gradient' is a deliberate mode \u2014 atmospheric brand-color scene with no stock footage.",
-        "enum": [
-          "auto",
-          "photo",
-          "video",
-          "gradient"
-        ],
-        "default": "auto"
-      },
-      "mediaPoster": {
-        "type": "string",
-        "title": "Background poster image",
-        "description": "Still image URL shown while a video backdrop is decoding its first frame. Auto-filled from Pexels' thumbnail when fillPexelsUrls sets a video mediaUrl. Hides the gradient flash that would otherwise appear in the ~50\u2013400ms gap between a <video> mounting and decoding its first frame.",
-        "format": "uri",
-        "default": ""
-      },
-      "mediaPosition": {
-        "type": "string",
-        "title": "Background focal position",
-        "description": "Controls which part of a photo or video stays visible when cover-cropped. Pick the subject's side or vertical anchor after inspecting the frame.",
-        "enum": [
-          "center",
-          "top",
-          "bottom",
-          "left",
-          "right"
-        ],
-        "default": "center"
-      },
-      "mediaTreatment": {
-        "type": "string",
-        "title": "Background contrast treatment",
-        "description": "subtle preserves a visual hero; cinematic adds balanced contrast; text-safe adds a stronger wash for copy-heavy scenes.",
-        "enum": [
-          "subtle",
-          "cinematic",
-          "text-safe"
-        ],
-        "default": "cinematic"
-      }
+      ...createBackgroundMediaSchemaProperties()
     },
     "required": [
       "texts",
@@ -2532,62 +1461,7 @@ var BUILTIN_TEMPLATE_SCHEMAS = {
         "description": "Optional action line shown above the URL. Keep it to four words.",
         "default": ""
       },
-      "mediaUrl": {
-        "type": "string",
-        "title": "Background media",
-        "description": "Optional photo or video URL behind this scene. When set, replaces the brand gradient.",
-        "format": "uri",
-        "default": ""
-      },
-      "mediaKeyword": {
-        "type": "string",
-        "title": "Background search keyword",
-        "description": "2-4 word English term for Pexels stock-footage search (auto-fills mediaUrl).",
-        "default": ""
-      },
-      "mediaType": {
-        "type": "string",
-        "title": "Background media type",
-        "description": "auto detects photo/video from URL. 'gradient' is a deliberate mode \u2014 atmospheric brand-color scene with no stock footage.",
-        "enum": [
-          "auto",
-          "photo",
-          "video",
-          "gradient"
-        ],
-        "default": "auto"
-      },
-      "mediaPoster": {
-        "type": "string",
-        "title": "Background poster image",
-        "description": "Still image URL shown while a video backdrop is decoding its first frame. Auto-filled from Pexels' thumbnail when fillPexelsUrls sets a video mediaUrl. Hides the gradient flash that would otherwise appear in the ~50\u2013400ms gap between a <video> mounting and decoding its first frame.",
-        "format": "uri",
-        "default": ""
-      },
-      "mediaPosition": {
-        "type": "string",
-        "title": "Background focal position",
-        "description": "Controls which part of a photo or video stays visible when cover-cropped. Pick the subject's side or vertical anchor after inspecting the frame.",
-        "enum": [
-          "center",
-          "top",
-          "bottom",
-          "left",
-          "right"
-        ],
-        "default": "center"
-      },
-      "mediaTreatment": {
-        "type": "string",
-        "title": "Background contrast treatment",
-        "description": "subtle preserves a visual hero; cinematic adds balanced contrast; text-safe adds a stronger wash for copy-heavy scenes.",
-        "enum": [
-          "subtle",
-          "cinematic",
-          "text-safe"
-        ],
-        "default": "cinematic"
-      }
+      ...createBackgroundMediaSchemaProperties({ stockMediaKeyword: false })
     },
     "additionalProperties": false,
     "x-vanillasky": {
@@ -2620,63 +1494,7 @@ var BUILTIN_TEMPLATE_SCHEMAS = {
         "description": "Optional action line shown above the URL. Keep it to four words.",
         "default": ""
       },
-      "mediaUrl": {
-        "type": "string",
-        "title": "Background media",
-        "description": "Optional photo or video URL behind this scene. When set, replaces the brand gradient.",
-        "format": "uri",
-        "default": ""
-      },
-      "mediaKeyword": {
-        "type": "string",
-        "title": "Background search keyword",
-        "description": "2-4 word English term for Pexels stock-footage search (auto-fills mediaUrl).",
-        "format": "stock-media-keyword",
-        "default": ""
-      },
-      "mediaType": {
-        "type": "string",
-        "title": "Background media type",
-        "description": "auto detects photo/video from URL. 'gradient' is a deliberate mode \u2014 atmospheric brand-color scene with no stock footage.",
-        "enum": [
-          "auto",
-          "photo",
-          "video",
-          "gradient"
-        ],
-        "default": "auto"
-      },
-      "mediaPoster": {
-        "type": "string",
-        "title": "Background poster image",
-        "description": "Still image URL shown while a video backdrop is decoding its first frame. Auto-filled from Pexels' thumbnail when fillPexelsUrls sets a video mediaUrl. Hides the gradient flash that would otherwise appear in the ~50\u2013400ms gap between a <video> mounting and decoding its first frame.",
-        "format": "uri",
-        "default": ""
-      },
-      "mediaPosition": {
-        "type": "string",
-        "title": "Background focal position",
-        "description": "Controls which part of a photo or video stays visible when cover-cropped. Pick the subject's side or vertical anchor after inspecting the frame.",
-        "enum": [
-          "center",
-          "top",
-          "bottom",
-          "left",
-          "right"
-        ],
-        "default": "center"
-      },
-      "mediaTreatment": {
-        "type": "string",
-        "title": "Background contrast treatment",
-        "description": "subtle preserves a visual hero; cinematic adds balanced contrast; text-safe adds a stronger wash for copy-heavy scenes.",
-        "enum": [
-          "subtle",
-          "cinematic",
-          "text-safe"
-        ],
-        "default": "cinematic"
-      }
+      ...createBackgroundMediaSchemaProperties()
     },
     "required": [
       "headline"