@se-studio/core-ui 1.19.10 → 1.21.0

package/dist/showcase/components/ShowcasePage.js

@@ -4,7 +4,7 @@ import { AllViewPanel } from './AllViewPanel';
 import { ControlsWrapper } from './ControlsWrapper';
 import { PreviewPanel } from './PreviewPanel';
 import { TopBar } from './TopBar';
-export const ShowcasePage = ({ searchParams, rendererConfig, componentFieldsMap, collectionFieldsMap, colorOptions, foregroundColors, basePath, defaultState, excludedComponents = [], excludedCollections = [], componentMockMap = {}, collectionMockMap = {}, }) => {
+export const ShowcasePage = ({ searchParams, rendererConfig, componentFieldsMap, collectionFieldsMap, colorOptions, foregroundColors, basePath, defaultState, excludedComponents = [], excludedCollections = [], componentMockMap = {}, collectionMockMap = {}, componentShowcaseLayoutMap = {}, collectionShowcaseLayoutMap = {}, }) => {
     const componentTypes = Object.keys(rendererConfig.componentMap)
         .filter((type) => !excludedComponents.includes(type))
         .sort();
@@ -16,10 +16,16 @@ export const ShowcasePage = ({ searchParams, rendererConfig, componentFieldsMap,
     const view = (searchParams.view || 'single');
     const isClean = searchParams.clean === 'true' ||
         (Array.isArray(searchParams.clean) && searchParams.clean[0] === 'true');
+    const controlsOpen = searchParams.controls === 'true' ||
+        (Array.isArray(searchParams.controls) && searchParams.controls[0] === 'true');
+    const debug = searchParams.debug === 'true' ||
+        searchParams.debug === '1' ||
+        (Array.isArray(searchParams.debug) &&
+            (searchParams.debug[0] === 'true' || searchParams.debug[0] === '1'));
     const mockDefaults = isClean
         ? defaultState
         : getMergedShowcaseDefaultState(defaultState, type, mode, componentMockMap, collectionMockMap);
     const controls = parseShowcaseControls(searchParams, mockDefaults);
-    return (_jsxs("div", { className: "flex flex-col h-screen bg-[#ffffff] overflow-hidden", children: [_jsx(TopBar, { componentTypes: componentTypes, collectionTypes: collectionTypes, selectedType: type, mode: mode, view: view }), _jsx("div", { className: "flex-1 flex overflow-hidden relative", children: view === 'all' ? (_jsx(AllViewPanel, { mode: mode, basePath: basePath })) : (_jsxs(_Fragment, { children: [_jsx(PreviewPanel, { type: type, mode: mode, controls: controls, mockDefaults: mockDefaults, basePath: basePath, clean: isClean }), _jsx(ControlsWrapper, { initialState: controls, type: type, mode: mode, colorOptions: colorOptions, foregroundColors: foregroundColors, componentFieldsMap: componentFieldsMap, collectionFieldsMap: collectionFieldsMap })] })) })] }));
+    return (_jsxs("div", { className: "flex flex-col h-screen bg-[#ffffff] overflow-hidden", children: [_jsx(TopBar, { componentTypes: componentTypes, collectionTypes: collectionTypes, selectedType: type, mode: mode, view: view }), _jsx("div", { className: "flex-1 flex overflow-hidden relative", children: view === 'all' ? (_jsx(AllViewPanel, { mode: mode, basePath: basePath })) : (_jsxs(_Fragment, { children: [_jsx(PreviewPanel, { type: type, mode: mode, controls: controls, mockDefaults: mockDefaults, basePath: basePath, clean: isClean, componentShowcaseLayoutMap: componentShowcaseLayoutMap, collectionShowcaseLayoutMap: collectionShowcaseLayoutMap, debug: debug }), _jsx(ControlsWrapper, { initialState: controls, type: type, mode: mode, colorOptions: colorOptions, foregroundColors: foregroundColors, componentFieldsMap: componentFieldsMap, collectionFieldsMap: collectionFieldsMap, initialOpen: controlsOpen })] })) })] }));
 };
 //# sourceMappingURL=ShowcasePage.js.map

package/dist/showcase/components/ShowcasePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ShowcasePage.js","sourceRoot":"","sources":["../../../src/showcase/components/ShowcasePage.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,6BAA6B,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAEtF,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAqB,MAAM,EAAE,MAAM,UAAU,CAAC;AAiBrD,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,YAAY,EACZ,cAAc,EACd,kBAAkB,EAClB,mBAAmB,EACnB,YAAY,EACZ,gBAAgB,EAChB,QAAQ,EACR,YAAY,EACZ,kBAAkB,GAAG,EAAE,EACvB,mBAAmB,GAAG,EAAE,EACxB,gBAAgB,GAAG,EAAE,EACrB,iBAAiB,GAAG,EAAE,GACJ,EAAE,EAAE;IACtB,MAAM,cAAc,GAAG,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC,YAAY,CAAC;SAC5D,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,kBAAkB,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;SACpD,IAAI,EAAE,CAAC;IACV,MAAM,eAAe,GAAG,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC,aAAa,CAAC;SAC9D,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,mBAAmB,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;SACrD,IAAI,EAAE,CAAC;IAEV,MAAM,IAAI,GAAI,YAAY,CAAC,IAAe,IAAI,cAAc,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;IACtE,MAAM,IAAI,GAAI,YAAY,CAAC,IAAmC,IAAI,WAAW,CAAC;IAC9E,MAAM,IAAI,GAAG,CAAE,YAAY,CAAC,IAAe,IAAI,QAAQ,CAAiB,CAAC;IAEzE,MAAM,OAAO,GACX,YAAY,CAAC,KAAK,KAAK,MAAM;QAC7B,CAAC,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,KAAK,CAAC,IAAI,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,MAAM,CAAC,CAAC;IAC1E,MAAM,YAAY,GAAG,OAAO;QAC1B,CAAC,CAAC,YAAY;QACd,CAAC,CAAC,6BAA6B,CAAC,YAAY,EAAE,IAAI,EAAE,IAAI,EAAE,gBAAgB,EAAE,iBAAiB,CAAC,CAAC;IACjG,MAAM,QAAQ,GAAG,qBAAqB,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;IAEnE,OAAO,CACL,eAAK,SAAS,EAAC,qDAAqD,aAClE,KAAC,MAAM,IACL,cAAc,EAAE,cAAc,EAC9B,eAAe,EAAE,eAAe,EAChC,YAAY,EAAE,IAAI,EAClB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,GACV,EAEF,cAAK,SAAS,EAAC,sCAAsC,YAClD,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,CAChB,KAAC,YAAY,IAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,GAAI,CACjD,CAAC,CAAC,CAAC,CACF,8BACE,KAAC,YAAY,IACX,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,OAAO,GACd,EACF,KAAC,eAAe,IACd,YAAY,EAAE,QAAQ,EACtB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,gBAAgB,EAAE,gBAAgB,EAClC,kBAAkB,EAAE,kBAAkB,EACtC,mBAAmB,EAAE,mBAAmB,GACxC,IACD,CACJ,GACG,IACF,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"ShowcasePage.js","sourceRoot":"","sources":["../../../src/showcase/components/ShowcasePage.tsx"],"names":[],"mappings":"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"}

package/dist/showcase/components/ShowcaseRenderPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ShowcaseRenderPage.d.ts","sourceRoot":"","sources":["../../../src/showcase/components/ShowcaseRenderPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AACjE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAQtD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAKrD,UAAU,uBAAuB;IAC/B,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,CAAC,CAAC;IAC5D,cAAc,EAAE,iBAAiB,CAAC;IAClC,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC;IAChD,mBAAmB,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC;IACjD,uBAAuB,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC;IACrD,YAAY,EAAE,oBAAoB,CAAC;IACnC,cAAc,CAAC,EAAE,eAAe,CAAC;IACjC,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IAC5C,iBAAiB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IAC7C,qBAAqB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,GAAG,QAAQ,EAAE,CAAC,CAAC;IAC9D,kGAAkG;IAClG,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAQD,eAAO,MAAM,kBAAkB,GAAI,yMAYhC,uBAAuB,gCAsEzB,CAAC"}
+{"version":3,"file":"ShowcaseRenderPage.d.ts","sourceRoot":"","sources":["../../../src/showcase/components/ShowcaseRenderPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AACjE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAQtD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAMrD,UAAU,uBAAuB;IAC/B,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,CAAC,CAAC;IAC5D,cAAc,EAAE,iBAAiB,CAAC;IAClC,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC;IAChD,mBAAmB,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC;IACjD,uBAAuB,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC;IACrD,YAAY,EAAE,oBAAoB,CAAC;IACnC,cAAc,CAAC,EAAE,eAAe,CAAC;IACjC,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IAC5C,iBAAiB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IAC7C,qBAAqB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,GAAG,QAAQ,EAAE,CAAC,CAAC;IAC9D,kGAAkG;IAClG,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAQD,eAAO,MAAM,kBAAkB,GAAI,yMAYhC,uBAAuB,gCA6EzB,CAAC"}

package/dist/showcase/components/ShowcaseRenderPage.js

@@ -1,10 +1,11 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { CmsCollection } from '../../components/CmsCollection';
 import { CmsComponent } from '../../components/CmsComponent';
 import { createMockShowcaseData, getMergedShowcaseDefaultState, parseShowcaseControls, } from '../mockFactory';
 import { SHOWCASE_CONTROL_KEYS } from '../types';
 import { IframeHeightReporter } from './IframeHeightReporter';
 import { ShowcaseAnimationRoot } from './ShowcaseAnimationRoot';
+import { ShowcaseViewportGuard } from './ShowcaseViewportGuard';
 const DEFAULT_MOCK_CONTEXT = {
     current: { type: 'Page', id: 'mock-page' },
     pageContext: {},
@@ -31,14 +32,14 @@ export const ShowcaseRenderPage = ({ searchParams, rendererConfig, componentFiel
     if (!mockData) {
         return _jsx("div", { className: "p-4 text-red-500 text-sm", children: "No component selected" });
     }
-    return (_jsxs(ShowcaseAnimationRoot, { children: [mode === 'component' ? (_jsx(CmsComponent
-            // biome-ignore lint/suspicious/noExplicitAny: Any is allowed
-            , { 
+    return (_jsxs(ShowcaseAnimationRoot, { children: [_jsx("div", { id: "showcase-measure-root", className: "showcase-render", children: mode === 'component' ? (_jsx(CmsComponent
                 // biome-ignore lint/suspicious/noExplicitAny: Any is allowed
-                information: mockData, rendererConfig: rendererConfig, contentContext: contentContext })) : (_jsx(CmsCollection
-            // biome-ignore lint/suspicious/noExplicitAny: Any is allowed
-            , { 
+                , { 
+                    // biome-ignore lint/suspicious/noExplicitAny: Any is allowed
+                    information: mockData, rendererConfig: rendererConfig, contentContext: contentContext })) : (_jsx(CmsCollection
                 // biome-ignore lint/suspicious/noExplicitAny: Any is allowed
-                information: mockData, rendererConfig: rendererConfig, contentContext: contentContext })), !isEmbedded && _jsx(IframeHeightReporter, {})] }));
+                , { 
+                    // biome-ignore lint/suspicious/noExplicitAny: Any is allowed
+                    information: mockData, rendererConfig: rendererConfig, contentContext: contentContext })) }), !isEmbedded && (_jsxs(_Fragment, { children: [_jsx(ShowcaseViewportGuard, {}), _jsx(IframeHeightReporter, {})] }))] }));
 };
 //# sourceMappingURL=ShowcaseRenderPage.js.map

package/dist/showcase/components/ShowcaseRenderPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ShowcaseRenderPage.js","sourceRoot":"","sources":["../../../src/showcase/components/ShowcaseRenderPage.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ShowcaseRenderPage.js","sourceRoot":"","sources":["../../../src/showcase/components/ShowcaseRenderPage.tsx"],"names":[],"mappings":"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"}

package/dist/showcase/components/ShowcaseViewportGuard.d.ts

@@ -0,0 +1,14 @@
+/** Max height for viewport-unit heroes inside the showcase iframe (px). */
+export declare const SHOWCASE_VIEWPORT_MAX_PX = 720;
+/**
+ * Caps elements that use viewport height units so showcase iframes cannot
+ * grow unboundedly (svh feedback loop with height reporter).
+ * Production pages are unaffected — this only mounts inside showcase render routes.
+ *
+ * Prefer registration `showcaseLayout` + in-component `isCmsShowcase()` compact
+ * layouts; this is a safety net for residual *svh CSS.
+ */
+export declare function ShowcaseViewportGuard({ maxPx }: {
+    maxPx?: number;
+}): null;
+//# sourceMappingURL=ShowcaseViewportGuard.d.ts.map

package/dist/showcase/components/ShowcaseViewportGuard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShowcaseViewportGuard.d.ts","sourceRoot":"","sources":["../../../src/showcase/components/ShowcaseViewportGuard.tsx"],"names":[],"mappings":"AAIA,2EAA2E;AAC3E,eAAO,MAAM,wBAAwB,MAAM,CAAC;AAM5C;;;;;;;GAOG;AACH,wBAAgB,qBAAqB,CAAC,EAAE,KAAgC,EAAE,EAAE;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,QAsE7F"}

package/dist/showcase/components/ShowcaseViewportGuard.js

@@ -0,0 +1,77 @@
+'use client';
+import { useEffect } from 'react';
+/** Max height for viewport-unit heroes inside the showcase iframe (px). */
+export const SHOWCASE_VIEWPORT_MAX_PX = 720;
+const VIEWPORT_CLASS_RE = /(?:min-h|h)-(?:screen|svh|dvh|lvh|\[(?:\d+(?:\.\d+)?(?:vh|svh|dvh|lvh)|[^[\]]*(?:vh|svh|dvh|lvh)[^[\]]*)\])/;
+const VIEWPORT_STYLE_RE = /(?:\d+(?:\.\d+)?)?(?:vh|svh|dvh|lvh)|100vh|100svh|200svh/;
+/**
+ * Caps elements that use viewport height units so showcase iframes cannot
+ * grow unboundedly (svh feedback loop with height reporter).
+ * Production pages are unaffected — this only mounts inside showcase render routes.
+ *
+ * Prefer registration `showcaseLayout` + in-component `isCmsShowcase()` compact
+ * layouts; this is a safety net for residual *svh CSS.
+ */
+export function ShowcaseViewportGuard({ maxPx = SHOWCASE_VIEWPORT_MAX_PX }) {
+    useEffect(() => {
+        document.documentElement.classList.add('showcase-iframe');
+        let raf = 0;
+        let scheduled = false;
+        const capElement = (el) => {
+            const style = el.getAttribute('style') || '';
+            const className = el.className?.toString?.() || '';
+            const styleMatch = VIEWPORT_STYLE_RE.test(style);
+            const classMatch = VIEWPORT_CLASS_RE.test(className);
+            if (!(styleMatch || classMatch)) {
+                return;
+            }
+            // Prefer max-height so flex/sticky layouts still paint content.
+            el.style.maxHeight = `${maxPx}px`;
+            if (styleMatch && /height\s*:/.test(style)) {
+                // Collapse scroll-sentinel budgets (e.g. calc(100svh + 60svh)).
+                el.style.height = `${maxPx}px`;
+            }
+            if (classMatch && !styleMatch) {
+                el.style.minHeight = '0';
+                if (/(?:^|\s)(?:min-h|h)-(?:screen|svh|dvh)/.test(className) ||
+                    className.includes('70vh') ||
+                    className.includes('70svh') ||
+                    className.includes('100svh')) {
+                    el.style.height = `${maxPx}px`;
+                }
+            }
+        };
+        const scan = () => {
+            scheduled = false;
+            const all = document.body?.querySelectorAll('*') ?? [];
+            for (const node of all) {
+                if (node instanceof HTMLElement) {
+                    capElement(node);
+                }
+            }
+        };
+        const scheduleScan = () => {
+            if (scheduled)
+                return;
+            scheduled = true;
+            raf = window.requestAnimationFrame(scan);
+        };
+        scan();
+        const observer = new MutationObserver(scheduleScan);
+        if (document.body) {
+            observer.observe(document.body, {
+                childList: true,
+                subtree: true,
+                attributes: true,
+                attributeFilter: ['class', 'style'],
+            });
+        }
+        return () => {
+            window.cancelAnimationFrame(raf);
+            observer.disconnect();
+            document.documentElement.classList.remove('showcase-iframe');
+        };
+    }, [maxPx]);
+    return null;
+}
+//# sourceMappingURL=ShowcaseViewportGuard.js.map

package/dist/showcase/components/ShowcaseViewportGuard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShowcaseViewportGuard.js","sourceRoot":"","sources":["../../../src/showcase/components/ShowcaseViewportGuard.tsx"],"names":[],"mappings":"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"}

package/dist/showcase/controlFieldSupport.d.ts

@@ -0,0 +1,12 @@
+import type { ShowcaseControlState } from './types';
+/**
+ * Maps showcase control keys to CMS usedFields names.
+ * Controls use synthetic keys like `showVisual`; registrations list `visual`.
+ */
+export declare const CONTROL_TO_CMS_FIELDS: Record<keyof ShowcaseControlState, readonly string[]>;
+/**
+ * Whether a showcase control is supported for the given CMS type's usedFields.
+ * Falls back to supported when the type has no fields map entry.
+ */
+export declare function isControlFieldSupported(field: keyof ShowcaseControlState, usedFields: Set<string> | undefined): boolean;
+//# sourceMappingURL=controlFieldSupport.d.ts.map

package/dist/showcase/controlFieldSupport.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"controlFieldSupport.d.ts","sourceRoot":"","sources":["../../src/showcase/controlFieldSupport.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAEpD;;;GAGG;AACH,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,MAAM,oBAAoB,EAAE,SAAS,MAAM,EAAE,CAevF,CAAC;AAEF;;;GAGG;AACH,wBAAgB,uBAAuB,CACrC,KAAK,EAAE,MAAM,oBAAoB,EACjC,UAAU,EAAE,GAAG,CAAC,MAAM,CAAC,GAAG,SAAS,GAClC,OAAO,CAST"}

package/dist/showcase/controlFieldSupport.js

@@ -0,0 +1,35 @@
+/**
+ * Maps showcase control keys to CMS usedFields names.
+ * Controls use synthetic keys like `showVisual`; registrations list `visual`.
+ */
+export const CONTROL_TO_CMS_FIELDS = {
+    showHeading: ['heading'],
+    heading: ['heading'],
+    preHeading: ['preHeading'],
+    postHeading: ['postHeading'],
+    body: ['body'],
+    additionalCopy: ['additionalCopy'],
+    showVisual: ['visual', 'backgroundVisual'],
+    showMobileVisual: ['visual', 'backgroundVisual', 'mobileVisual'],
+    backgroundColour: ['backgroundColour'],
+    textColour: ['textColour'],
+    textSize: ['textSize'],
+    showLinks: ['links'],
+    numberOfLinks: ['links'],
+    cmsLabel: ['cmsLabel'],
+};
+/**
+ * Whether a showcase control is supported for the given CMS type's usedFields.
+ * Falls back to supported when the type has no fields map entry.
+ */
+export function isControlFieldSupported(field, usedFields) {
+    if (!usedFields) {
+        return true;
+    }
+    const cmsFields = CONTROL_TO_CMS_FIELDS[field];
+    if (!cmsFields || cmsFields.length === 0) {
+        return usedFields.has(field);
+    }
+    return cmsFields.some((name) => usedFields.has(name));
+}
+//# sourceMappingURL=controlFieldSupport.js.map

package/dist/showcase/controlFieldSupport.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"controlFieldSupport.js","sourceRoot":"","sources":["../../src/showcase/controlFieldSupport.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAA0D;IAC1F,WAAW,EAAE,CAAC,SAAS,CAAC;IACxB,OAAO,EAAE,CAAC,SAAS,CAAC;IACpB,UAAU,EAAE,CAAC,YAAY,CAAC;IAC1B,WAAW,EAAE,CAAC,aAAa,CAAC;IAC5B,IAAI,EAAE,CAAC,MAAM,CAAC;IACd,cAAc,EAAE,CAAC,gBAAgB,CAAC;IAClC,UAAU,EAAE,CAAC,QAAQ,EAAE,kBAAkB,CAAC;IAC1C,gBAAgB,EAAE,CAAC,QAAQ,EAAE,kBAAkB,EAAE,cAAc,CAAC;IAChE,gBAAgB,EAAE,CAAC,kBAAkB,CAAC;IACtC,UAAU,EAAE,CAAC,YAAY,CAAC;IAC1B,QAAQ,EAAE,CAAC,UAAU,CAAC;IACtB,SAAS,EAAE,CAAC,OAAO,CAAC;IACpB,aAAa,EAAE,CAAC,OAAO,CAAC;IACxB,QAAQ,EAAE,CAAC,UAAU,CAAC;CACvB,CAAC;AAEF;;;GAGG;AACH,MAAM,UAAU,uBAAuB,CACrC,KAAiC,EACjC,UAAmC;IAEnC,IAAI,CAAC,UAAU,EAAE,CAAC;QAChB,OAAO,IAAI,CAAC;IACd,CAAC;IACD,MAAM,SAAS,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;IAC/C,IAAI,CAAC,SAAS,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACzC,OAAO,UAAU,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC;IACD,OAAO,SAAS,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC;AACxD,CAAC"}

package/dist/showcase/index.d.ts

@@ -1,14 +1,20 @@
 export { AllViewPanel } from './components/AllViewPanel';
 export { Controls } from './components/Controls';
 export { ControlsWrapper } from './components/ControlsWrapper';
+export { IframeHeightReporter } from './components/IframeHeightReporter';
 export { PreviewPanel } from './components/PreviewPanel';
-export { ScaledIframe } from './components/ScaledIframe';
+export { ScaledIframe, SHOWCASE_SINGLE_IFRAME_MAX_HEIGHT, } from './components/ScaledIframe';
 export { ShowcaseAllRenderPage } from './components/ShowcaseAllRenderPage';
 export { ShowcaseAnimationRoot } from './components/ShowcaseAnimationRoot';
 export { ShowcasePage } from './components/ShowcasePage';
 export { ShowcaseRenderPage } from './components/ShowcaseRenderPage';
+export { SHOWCASE_VIEWPORT_MAX_PX, ShowcaseViewportGuard, } from './components/ShowcaseViewportGuard';
 export { type ShowcaseView, TopBar } from './components/TopBar';
+export * from './controlFieldSupport';
+export { isCmsShowcase, SHOWCASE_ANALYTICS_SLUG_PREFIX, } from './isCmsShowcase';
 export * from './mergeShowcaseMocks';
 export * from './mockFactory';
+export { resolveShowcaseLayout, SHOWCASE_LAYOUT_FIXED_HEIGHT, type ShowcaseLayoutMode, } from './showcaseLayout';
+export { articlesFromShowcaseContents, peopleFromShowcaseContents, visualFromShowcaseMockDims, } from './showcaseRelatedContent';
 export * from './types';
 //# sourceMappingURL=index.d.ts.map

package/dist/showcase/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/showcase/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAChE,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/showcase/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACzE,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EACL,YAAY,EACZ,iCAAiC,GAClC,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACrE,OAAO,EACL,wBAAwB,EACxB,qBAAqB,GACtB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAChE,cAAc,uBAAuB,CAAC;AACtC,OAAO,EACL,aAAa,EACb,8BAA8B,GAC/B,MAAM,iBAAiB,CAAC;AACzB,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,OAAO,EACL,qBAAqB,EACrB,4BAA4B,EAC5B,KAAK,kBAAkB,GACxB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EACL,4BAA4B,EAC5B,0BAA0B,EAC1B,0BAA0B,GAC3B,MAAM,0BAA0B,CAAC;AAClC,cAAc,SAAS,CAAC"}

package/dist/showcase/index.js

@@ -1,14 +1,20 @@
 export { AllViewPanel } from './components/AllViewPanel';
 export { Controls } from './components/Controls';
 export { ControlsWrapper } from './components/ControlsWrapper';
+export { IframeHeightReporter } from './components/IframeHeightReporter';
 export { PreviewPanel } from './components/PreviewPanel';
-export { ScaledIframe } from './components/ScaledIframe';
+export { ScaledIframe, SHOWCASE_SINGLE_IFRAME_MAX_HEIGHT, } from './components/ScaledIframe';
 export { ShowcaseAllRenderPage } from './components/ShowcaseAllRenderPage';
 export { ShowcaseAnimationRoot } from './components/ShowcaseAnimationRoot';
 export { ShowcasePage } from './components/ShowcasePage';
 export { ShowcaseRenderPage } from './components/ShowcaseRenderPage';
+export { SHOWCASE_VIEWPORT_MAX_PX, ShowcaseViewportGuard, } from './components/ShowcaseViewportGuard';
 export { TopBar } from './components/TopBar';
+export * from './controlFieldSupport';
+export { isCmsShowcase, SHOWCASE_ANALYTICS_SLUG_PREFIX, } from './isCmsShowcase';
 export * from './mergeShowcaseMocks';
 export * from './mockFactory';
+export { resolveShowcaseLayout, SHOWCASE_LAYOUT_FIXED_HEIGHT, } from './showcaseLayout';
+export { articlesFromShowcaseContents, peopleFromShowcaseContents, visualFromShowcaseMockDims, } from './showcaseRelatedContent';
 export * from './types';
 //# sourceMappingURL=index.js.map

package/dist/showcase/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/showcase/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAqB,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAChE,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/showcase/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACzE,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EACL,YAAY,EACZ,iCAAiC,GAClC,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACrE,OAAO,EACL,wBAAwB,EACxB,qBAAqB,GACtB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAqB,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAChE,cAAc,uBAAuB,CAAC;AACtC,OAAO,EACL,aAAa,EACb,8BAA8B,GAC/B,MAAM,iBAAiB,CAAC;AACzB,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,OAAO,EACL,qBAAqB,EACrB,4BAA4B,GAE7B,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EACL,4BAA4B,EAC5B,0BAA0B,EAC1B,0BAA0B,GAC3B,MAAM,0BAA0B,CAAC;AAClC,cAAc,SAAS,CAAC"}

package/dist/showcase/isCmsShowcase.d.ts

@@ -0,0 +1,10 @@
+import type { IContentContext } from '@se-studio/core-data-types';
+/** Analytics slug prefix set by ShowcaseRenderPage / ShowcaseAllRenderPage. */
+export declare const SHOWCASE_ANALYTICS_SLUG_PREFIX = "cms-showcase";
+/**
+ * True when rendering inside CMS showcase iframes (`/cms/showcase/render` etc.).
+ * Use this to swap viewport/scroll-theatre layouts for compact static previews
+ * without affecting production marketing pages.
+ */
+export declare function isCmsShowcase(contentContext?: IContentContext | null): boolean;
+//# sourceMappingURL=isCmsShowcase.d.ts.map

package/dist/showcase/isCmsShowcase.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"isCmsShowcase.d.ts","sourceRoot":"","sources":["../../src/showcase/isCmsShowcase.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAElE,+EAA+E;AAC/E,eAAO,MAAM,8BAA8B,iBAAiB,CAAC;AAE7D;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,cAAc,CAAC,EAAE,eAAe,GAAG,IAAI,GAAG,OAAO,CAG9E"}

package/dist/showcase/isCmsShowcase.js

@@ -0,0 +1,12 @@
+/** Analytics slug prefix set by ShowcaseRenderPage / ShowcaseAllRenderPage. */
+export const SHOWCASE_ANALYTICS_SLUG_PREFIX = 'cms-showcase';
+/**
+ * True when rendering inside CMS showcase iframes (`/cms/showcase/render` etc.).
+ * Use this to swap viewport/scroll-theatre layouts for compact static previews
+ * without affecting production marketing pages.
+ */
+export function isCmsShowcase(contentContext) {
+    const slug = contentContext?.analyticsContext?.slug;
+    return typeof slug === 'string' && slug.startsWith(SHOWCASE_ANALYTICS_SLUG_PREFIX);
+}
+//# sourceMappingURL=isCmsShowcase.js.map

package/dist/showcase/isCmsShowcase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isCmsShowcase.js","sourceRoot":"","sources":["../../src/showcase/isCmsShowcase.ts"],"names":[],"mappings":"AAEA,+EAA+E;AAC/E,MAAM,CAAC,MAAM,8BAA8B,GAAG,cAAc,CAAC;AAE7D;;;;GAIG;AACH,MAAM,UAAU,aAAa,CAAC,cAAuC;IACnE,MAAM,IAAI,GAAG,cAAc,EAAE,gBAAgB,EAAE,IAAI,CAAC;IACpD,OAAO,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC;AACrF,CAAC"}

package/dist/showcase/mockFactory.d.ts

@@ -10,9 +10,12 @@ import type { ShowcaseControlState } from './types';
  * - Bullet lists (- item or * item)
  */
 export declare function createRichTextFromMarkdown(text: string): IContentfulRichText;
+/** True when a mock URL is a video page (must not become next/image Picture src). */
+export declare function isExternalVideoPageUrl(url: string | undefined | null): boolean;
 /**
  * Creates a valid Visual object.
  * - When `lottieUrl` is provided the visual wraps an IAnimation.
+ * - When `url` is a Vimeo/YouTube page, wraps an External video (not Picture).
  * - When `url` is provided it is used as the image src.
  * - Otherwise a placehold.co placeholder is generated from the dimensions.
  */

package/dist/showcase/mockFactory.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mockFactory.d.ts","sourceRoot":"","sources":["../../src/showcase/mockFactory.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EACV,qBAAqB,EACrB,oBAAoB,EACpB,mBAAmB,EACpB,MAAM,gCAAgC,CAAC;AACxC,OAAO,KAAK,EAIV,aAAa,EAEb,iBAAiB,EACjB,OAAO,EACR,MAAM,4BAA4B,CAAC;AACpC,OAAO,KAAK,EAAE,QAAQ,EAA0B,MAAM,oBAAoB,CAAC;AAE3E,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAgCpD;;;;;;GAMG;AACH,wBAAgB,0BAA0B,CAAC,IAAI,EAAE,MAAM,GAAG,mBAAmB,CAmF5E;AAED;;;;;GAKG;AACH,wBAAgB,YAAY,CAC1B,EAAE,EAAE,MAAM,EACV,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,GAAG,CAAC,EAAE,MAAM,EACZ,SAAS,CAAC,EAAE,MAAM,EAClB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,GAC3B,OAAO,CA+BT;AAED;;;GAGG;AACH,wBAAgB,sBAAsB,CACpC,UAAU,EAAE,OAAO,EACnB,UAAU,EAAE,OAAO,EACnB,KAAK,SAAM,EACX,MAAM,SAAM,EACZ,GAAG,CAAC,EAAE,MAAM,EACZ,SAAS,CAAC,EAAE,MAAM,EAClB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,GAC3B,iBAAiB,GAAG,SAAS,CA8B/B;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,aAAa,EAAE,CAc1D;AAoHD,wBAAgB,qBAAqB,CAAC,MAAM,GAAG,MAAM,EAAE,SAAS,GAAG,MAAM,EACvE,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,CAAC,EAC3D,YAAY,EAAE,oBAAoB,CAAC,MAAM,EAAE,SAAS,CAAC,GACpD,oBAAoB,CAAC,MAAM,EAAE,SAAS,CAAC,CAwCzC;AAED;;;GAGG;AACH,wBAAgB,6BAA6B,CAC3C,YAAY,EAAE,oBAAoB,EAClC,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,WAAW,GAAG,YAAY,EAChC,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,EAC1C,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,GAC1C,oBAAoB,CAkBtB;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CACnC,cAAc,EAAE,MAAM,EACtB,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,oBAAoB,EAC9B,uBAAuB,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC,EACpD,YAAY,CAAC,EAAE,QAAQ,GACtB,oBAAoB,GAAG,OAAO,CAkKhC;AAED;;;GAGG;AACH,wBAAgB,sBAAsB,CACpC,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,WAAW,GAAG,YAAY,EAChC,QAAQ,EAAE,oBAAoB,EAC9B,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC,EAC/C,mBAAmB,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC,EAChD,uBAAuB,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC,EACpD,gBAAgB,GAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAM,EAC/C,iBAAiB,GAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAM,EAChD,qBAAqB,GAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,GAAG,QAAQ,EAAE,CAAM,EACjE,mBAAmB,GAAE,WAAW,CAAC,MAAM,CAAa,GACnD,oBAAoB,GAAG,qBAAqB,CAsM9C"}
+{"version":3,"file":"mockFactory.d.ts","sourceRoot":"","sources":["../../src/showcase/mockFactory.ts"],"names":[],"mappings":"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"}

package/dist/showcase/mockFactory.js

@@ -109,25 +109,121 @@ export function createRichTextFromMarkdown(text) {
         json: document,
     };
 }
+/** True when a mock URL is a video page (must not become next/image Picture src). */
+export function isExternalVideoPageUrl(url) {
+    if (!url)
+        return false;
+    try {
+        const host = new URL(url).hostname.replace(/^www\./, '');
+        return (host === 'vimeo.com' ||
+            host === 'player.vimeo.com' ||
+            host === 'youtu.be' ||
+            host === 'youtube.com' ||
+            host === 'youtube-nocookie.com' ||
+            host.endsWith('.youtube.com') ||
+            host.endsWith('.youtube-nocookie.com'));
+    }
+    catch {
+        return false;
+    }
+}
+function buildExternalVideoEmbedHtml(url) {
+    const width = 1280;
+    const height = 720;
+    try {
+        const u = new URL(url);
+        const host = u.hostname.replace(/^www\./, '');
+        if (host === 'vimeo.com' || host === 'player.vimeo.com') {
+            const id = u.pathname.split('/').filter(Boolean).pop() ?? '';
+            const src = `https://player.vimeo.com/video/${id}`;
+            return {
+                width,
+                height,
+                html: `<iframe src="${src}" width="${width}" height="${height}" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen title="Showcase video"></iframe>`,
+            };
+        }
+        if (host === 'youtu.be') {
+            const id = u.pathname.replace(/^\//, '');
+            const src = `https://www.youtube.com/embed/${id}`;
+            return {
+                width,
+                height,
+                html: `<iframe src="${src}" width="${width}" height="${height}" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen title="Showcase video"></iframe>`,
+            };
+        }
+        if (host === 'youtube.com' ||
+            host.endsWith('.youtube.com') ||
+            host.endsWith('.youtube-nocookie.com')) {
+            const id = u.searchParams.get('v') ?? u.pathname.split('/').filter(Boolean).pop() ?? '';
+            const src = `https://www.youtube.com/embed/${id}`;
+            return {
+                width,
+                height,
+                html: `<iframe src="${src}" width="${width}" height="${height}" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen title="Showcase video"></iframe>`,
+            };
+        }
+    }
+    catch {
+        // fall through
+    }
+    return {
+        width,
+        height,
+        html: `<iframe src="${url}" width="${width}" height="${height}" frameborder="0" allowfullscreen title="Showcase video"></iframe>`,
+    };
+}
 /**
  * Creates a valid Visual object.
  * - When `lottieUrl` is provided the visual wraps an IAnimation.
+ * - When `url` is a Vimeo/YouTube page, wraps an External video (not Picture).
  * - When `url` is provided it is used as the image src.
  * - Otherwise a placehold.co placeholder is generated from the dimensions.
  */
 export function createVisual(id, width, height, url, lottieUrl, widthPercent) {
     if (lottieUrl) {
+        const format = lottieUrl.toLowerCase().endsWith('.lottie') ? 'dotlottie' : 'lottie-json';
         const animation = {
             type: 'Animation',
             id: `animation-${id}`,
             name: 'Sample Animation',
+            format,
             animationSrc: lottieUrl,
             loop: true,
             autoPlay: true,
             ...(widthPercent != null && { widthPercent }),
+            ...(width > 0 && height > 0
+                ? {
+                    optimised: {
+                        width,
+                        height,
+                        data: `<svg width="${width}" height="${height}" viewBox="0 0 ${width} ${height}" xmlns="http://www.w3.org/2000/svg"></svg>`,
+                    },
+                }
+                : {}),
         };
         return { type: 'Visual', id: `visual-${id}`, animation };
     }
+    if (url && isExternalVideoPageUrl(url)) {
+        const embed = buildExternalVideoEmbedHtml(url);
+        return {
+            type: 'Visual',
+            id: `visual-${id}`,
+            video: {
+                type: 'External video',
+                id: `video-${id}`,
+                name: 'Sample external video',
+                external: url,
+                width: embed.width,
+                height: embed.height,
+                embed: {
+                    html: embed.html,
+                    width: embed.width,
+                    height: embed.height,
+                },
+                ...(widthPercent != null && { widthPercent }),
+            },
+        };
+    }
     return {
         type: 'Visual',
         id: `visual-${id}`,
@@ -165,6 +261,14 @@ export function createResponsiveVisual(showVisual, showMobile, width = 800, heig
             hideMobileVisual: !showMobile,
         };
     }
+    // External video pages: single video visual (no mobile duplicate needed for showcase).
+    if (url && isExternalVideoPageUrl(url)) {
+        return {
+            visual: createVisual('desktop', width, height, url, undefined, widthPercent),
+            hideVisual: false,
+            hideMobileVisual: true,
+        };
+    }
     // Calculate mobile dimensions maintaining roughly the same aspect ratio, but max width 400
     const aspectRatio = height > 0 ? width / height : 4 / 3;
     const mobileWidth = 400;
@@ -408,16 +512,18 @@ export function createMockCardContent(collectionType, index, controls, collectio
             // We can't automatically know if custom fields are rich text or not without schema.
             return [key, val];
         })),
-        // Curated: only create a visual when mock data explicitly includes visual dimensions.
-        // Generic: respect the showVisual control to generate a placeholder.
-        visual: isCurated
-            ? visualDims
-                ? createResponsiveVisual(true, true, visualDims.width, visualDims.height, visualDims.url, visualDims.lottieUrl, visualDims.widthPercent)
-                : undefined
-            : createResponsiveVisual(controls.showVisual, controls.showMobileVisual, visualDims?.width, visualDims?.height, visualDims?.url, visualDims?.lottieUrl, visualDims?.widthPercent),
-        // Curated: no placeholder icon (mock is authoritative — no synthetic assets).
-        // Generic: generate a placeholder icon when no real visual data is present.
-        icon: isCurated ? undefined : visualDims ? undefined : createVisual(`icon-${index}`, 64, 64),
+        // Prefer curated visual dims; otherwise placeholder when showVisual (default).
+        visual: (() => {
+            if (visualDims) {
+                return createResponsiveVisual(true, true, visualDims.width, visualDims.height, visualDims.url, visualDims.lottieUrl, visualDims.widthPercent);
+            }
+            if (!controls.showVisual && isCurated) {
+                return undefined;
+            }
+            return createResponsiveVisual(isCurated ? true : controls.showVisual, controls.showMobileVisual);
+        })(),
+        // Placeholder icon when no real visual dims (filtered out if unused).
+        icon: visualDims ? undefined : createVisual(`icon-${index}`, 64, 64),
         // Curated: use the mock's colors (null = component picks its own default).
         // Generic: use the showcase control colors.
         backgroundColour: isCurated
@@ -502,18 +608,22 @@ export function createMockShowcaseData(type, mode, controls, componentFieldsMap,
                 : controls.postHeading || null,
         body: providedControlKeys.has('body')
             ? toRichText(controls.body)
-            : isCurated
-                ? isMockRichText(mockFields['body'])
-                    ? mockFields['body']
-                    : null
-                : toRichText(controls.body),
+            : isMockRichText(mockFields['body'])
+                ? mockFields['body']
+                : typeof mockFields['body'] === 'string'
+                    ? toRichText(mockFields['body'])
+                    : isCurated
+                        ? null
+                        : toRichText(controls.body),
         additionalCopy: providedControlKeys.has('additionalCopy')
             ? toRichText(controls.additionalCopy)
-            : isCurated
-                ? isMockRichText(mockFields['additionalCopy'])
-                    ? mockFields['additionalCopy']
-                    : null
-                : toRichText(controls.additionalCopy),
+            : isMockRichText(mockFields['additionalCopy'])
+                ? mockFields['additionalCopy']
+                : typeof mockFields['additionalCopy'] === 'string'
+                    ? toRichText(mockFields['additionalCopy'])
+                    : isCurated
+                        ? null
+                        : toRichText(controls.additionalCopy),
         // Spread other mock fields that are NOT standard controls
         // (Standard controls like heading/body are passed via `controls` object,
         // so we don't need to spread them again, but we do need custom fields)
@@ -533,13 +643,20 @@ export function createMockShowcaseData(type, mode, controls, componentFieldsMap,
         otherMedia: isMockOtherMediaArray(mockFields['otherMedia'])
             ? mockOtherMediaToVisuals(mockFields['otherMedia'])
             : undefined,
-        visual: providedControlKeys.has('showVisual')
-            ? createResponsiveVisual(controls.showVisual, controls.showMobileVisual, visualDims?.width, visualDims?.height, visualDims?.url, visualDims?.lottieUrl, visualDims?.widthPercent)
-            : isCurated
-                ? visualDims
-                    ? createResponsiveVisual(true, true, visualDims.width, visualDims.height, visualDims.url, visualDims.lottieUrl, visualDims.widthPercent)
-                    : undefined
-                : createResponsiveVisual(controls.showVisual, controls.showMobileVisual, visualDims?.width, visualDims?.height, visualDims?.url, visualDims?.lottieUrl, visualDims?.widthPercent),
+        // Prefer curated visual dimensions/URL when present. Otherwise generate a
+        // placehold.co placeholder when showVisual is true (default). usedFields
+        // filter drops `visual` when the type does not use it.
+        visual: (() => {
+            const show = providedControlKeys.has('showVisual')
+                ? controls.showVisual
+                : visualDims
+                    ? true
+                    : controls.showVisual;
+            if (!show) {
+                return undefined;
+            }
+            return createResponsiveVisual(true, controls.showMobileVisual || Boolean(visualDims?.url), visualDims?.width, visualDims?.height, visualDims?.url, visualDims?.lottieUrl, visualDims?.widthPercent);
+        })(),
         backgroundColour: providedControlKeys.has('backgroundColour')
             ? controls.backgroundColour
             : isCurated