netra-artifacts 0.1.0-alpha.0

package/dist-cjs/iframe/HtmlArtifactModal.js.map

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

package/dist-cjs/iframe/HtmlArtifactPreview.js

@@ -0,0 +1,250 @@
+"use strict";
+"use client";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HtmlArtifactPreview = HtmlArtifactPreview;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const styles_js_1 = require("./styles.js");
+const assembleDocument_js_1 = require("../stream/assembleDocument.js");
+const defaults_js_1 = require("../constants/defaults.js");
+const mergeConfig_js_1 = require("../utils/mergeConfig.js");
+const iframeSrcDoc_js_1 = require("./iframeSrcDoc.js");
+const iframeSizing_js_1 = require("./iframeSizing.js");
+function HtmlArtifactPreview(props) {
+    (0, styles_js_1.useArtifactStyles)();
+    const { html, streaming = false, errored = false, title, options, theme, bare = false } = props;
+    const opts = React.useMemo(() => (0, mergeConfig_js_1.mergeConfig)(defaults_js_1.DEFAULT_PREVIEW_OPTIONS, options), [options]);
+    const { ref: iframeRef, height, onLoad, measure } = (0, iframeSizing_js_1.useIframeAutoSize)({
+        enabled: opts.autoResize,
+        minHeight: opts.minHeight,
+        maxHeight: opts.maxHeight,
+    });
+    const [srcDoc, setSrcDoc] = React.useState("");
+    // Tracks the last document we rendered and whether the iframe has loaded once.
+    // Lets us update the *live* document in place while streaming instead of
+    // reassigning `srcDoc` (which fully reloads the frame and flashes blank).
+    const lastDocRef = React.useRef("");
+    const loadedRef = React.useRef(false);
+    // One persistent parser for the whole stream: each frame feeds only the new
+    // tail (O(n) total) instead of re-parsing the full accumulated HTML (O(n²)).
+    const projectorRef = React.useRef(null);
+    // Latest inputs, read by the throttled flush without re-subscribing it.
+    const stateRef = React.useRef({ html, streaming, opts });
+    React.useLayoutEffect(() => {
+        stateRef.current = { html, streaming, opts };
+    }, [html, streaming, opts]);
+    // Throttle bookkeeping: coalesce bursts of tokens into frame-aligned paints.
+    const schedRef = React.useRef({ raf: null, timer: null, last: 0 });
+    const handleLoad = React.useCallback(() => {
+        loadedRef.current = true;
+        onLoad();
+    }, [onLoad]);
+    // Commit a built document to the frame: patch the live DOM in place once the
+    // frame has loaded (no reload, no flash), else seed it via `srcDoc`.
+    const paint = React.useCallback((doc) => {
+        if (doc === lastDocRef.current)
+            return;
+        lastDocRef.current = doc;
+        const iframe = iframeRef.current;
+        if (loadedRef.current && iframe?.contentDocument) {
+            try {
+                patchIframeDocument(iframe.contentDocument, doc);
+                measure();
+                return;
+            }
+            catch {
+                // Fall back to a full reload if in-place patching isn't possible.
+            }
+        }
+        setSrcDoc(doc);
+    }, [iframeRef, measure]);
+    // Build + paint from the newest inputs. Cheap parse work runs every call so
+    // the projector stays in sync; the expensive sanitize+DOM write is gated by
+    // the scheduler. Skipped frames are safe — the projector catches up the tail.
+    const flush = React.useCallback(() => {
+        schedRef.current.last = now();
+        const { html, streaming, opts } = stateRef.current;
+        if (!html)
+            return;
+        let finalHtml = html;
+        if (streaming) {
+            const projector = projectorRef.current ?? (projectorRef.current = new assembleDocument_js_1.StreamingHtmlProjector());
+            const assembled = projector.update(html);
+            if (!assembled.renderable)
+                return;
+            finalHtml = assembled.html;
+        }
+        const doc = (0, iframeSrcDoc_js_1.buildSrcDoc)(finalHtml, {
+            sanitize: opts.sanitize,
+            seamless: true,
+            camouflage: bare,
+            theme,
+            sanitizeOptions: opts,
+        });
+        paint(doc);
+    }, [paint, theme, bare]);
+    // Schedule a flush, throttled to at most once per `debounceMs` and aligned to
+    // an animation frame so rapid SSE deltas don't trigger a render storm.
+    const schedule = React.useCallback(() => {
+        const sched = schedRef.current;
+        if (sched.raf != null || sched.timer != null)
+            return; // already pending
+        const interval = stateRef.current.opts.debounceMs ?? 0;
+        const wait = Math.max(0, interval - (now() - sched.last));
+        const fire = () => {
+            sched.timer = null;
+            if (typeof requestAnimationFrame !== "undefined") {
+                sched.raf = requestAnimationFrame(() => {
+                    sched.raf = null;
+                    flush();
+                });
+            }
+            else {
+                flush();
+            }
+        };
+        if (wait <= 0)
+            fire();
+        else
+            sched.timer = setTimeout(fire, wait);
+    }, [flush]);
+    React.useEffect(() => {
+        if (!html) {
+            lastDocRef.current = "";
+            loadedRef.current = false;
+            projectorRef.current?.reset();
+            cancelScheduled(schedRef.current);
+            return;
+        }
+        if (!streaming) {
+            // Authoritative final document: paint immediately, skip the throttle.
+            cancelScheduled(schedRef.current);
+            flush();
+            return;
+        }
+        schedule();
+    }, [html, streaming, opts, flush, schedule]);
+    // Cancel any pending paint on unmount.
+    React.useEffect(() => () => cancelScheduled(schedRef.current), []);
+    const sandbox = React.useMemo(() => (0, iframeSrcDoc_js_1.resolveSandbox)(opts), [opts]);
+    // In bare/seamless mode the host surface shows through: no background, no
+    // skeleton box, no progress bar — just the transparent artifact inline.
+    const showSkeleton = !html && !errored && !bare;
+    const minHeight = bare ? 0 : opts.minHeight;
+    const iframeSrcDoc = html ? srcDoc : "";
+    return ((0, jsx_runtime_1.jsxs)("div", { style: {
+            position: "relative",
+            width: "100%",
+            background: bare ? "transparent" : "var(--aha-bg)",
+            minHeight,
+            maxHeight: opts.autoResize ? undefined : opts.maxHeight,
+            overflow: opts.autoResize ? "hidden" : "auto",
+            transition: "height 0.15s ease-out",
+            height: opts.autoResize ? height : undefined,
+        }, children: [streaming && !bare && (0, jsx_runtime_1.jsx)("div", { className: "aha-progress", "aria-hidden": true }), (0, jsx_runtime_1.jsx)("iframe", { ref: iframeRef, srcDoc: iframeSrcDoc, title: title || "Artifact preview", sandbox: sandbox, onLoad: handleLoad, allowTransparency: true, scrolling: opts.autoResize ? "no" : "auto", style: {
+                    display: "block",
+                    width: "100%",
+                    height: opts.autoResize ? height : "100%",
+                    minHeight,
+                    border: "none",
+                    background: "transparent",
+                    // In camouflage, stop the browser compositing a light/dark canvas
+                    // behind the transparent document, so the host surface shows through.
+                    colorScheme: bare ? "normal" : undefined,
+                    pointerEvents: streaming && !iframeSrcDoc ? "none" : "auto",
+                    opacity: showSkeleton ? 0 : 1,
+                    transition: "opacity 0.2s ease",
+                } }), showSkeleton && ((0, jsx_runtime_1.jsxs)("div", { className: "aha-skel", style: { minHeight: opts.minHeight }, children: [(0, jsx_runtime_1.jsx)("div", { className: "row" }), (0, jsx_runtime_1.jsx)("div", { className: "row" }), (0, jsx_runtime_1.jsx)("div", { className: "row" }), (0, jsx_runtime_1.jsx)("div", { className: "row" }), (0, jsx_runtime_1.jsx)("div", { className: "row" }), (0, jsx_runtime_1.jsx)("div", { className: "row" })] })), errored && ((0, jsx_runtime_1.jsx)("div", { className: "aha-overlay", style: {
+                    position: html ? "absolute" : "relative",
+                    inset: html ? 0 : undefined,
+                    minHeight: html ? undefined : opts.minHeight,
+                }, children: (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { style: { fontWeight: 600, color: "var(--aha-fg)", marginBottom: 4 }, children: "Preview unavailable" }), html ? "Showing the last valid snapshot." : "The artifact could not be rendered."] }) }))] }));
+}
+/** Monotonic-ish clock; falls back to Date.now where performance is absent. */
+function now() {
+    return typeof performance !== "undefined" ? performance.now() : Date.now();
+}
+/** Cancel any pending rAF/timeout held in the scheduler record. */
+function cancelScheduled(sched) {
+    if (sched.raf != null && typeof cancelAnimationFrame !== "undefined") {
+        cancelAnimationFrame(sched.raf);
+    }
+    if (sched.timer != null)
+        clearTimeout(sched.timer);
+    sched.raf = null;
+    sched.timer = null;
+}
+/**
+ * Apply an already-built, sanitized full document into a live same-origin iframe
+ * without reloading it. We replace the `<head>` styles and `<body>` contents in
+ * place; the `<body>` node itself persists, so the auto-size ResizeObserver keeps
+ * firing and the frame never flashes blank. Parsing happens in the parent via
+ * `DOMParser`, which never executes scripts.
+ */
+function patchIframeDocument(target, fullDoc) {
+    if (typeof DOMParser === "undefined" || !target.body) {
+        throw new Error("in-place patch unavailable");
+    }
+    const parsed = new DOMParser().parseFromString(fullDoc, "text/html");
+    if (!parsed.body)
+        throw new Error("no body in parsed document");
+    if (target.head && parsed.head && target.head.innerHTML !== parsed.head.innerHTML) {
+        target.head.innerHTML = parsed.head.innerHTML;
+    }
+    // Mirror root/body attributes. Camouflage puts transparent background and CSS
+    // variables on <html style="...">, so missing this makes the live preview
+    // diverge from PDF/static renders.
+    mirrorAttributes(target.documentElement, parsed.documentElement);
+    mirrorAttributes(target.body, parsed.body);
+    if (target.body.innerHTML !== parsed.body.innerHTML) {
+        target.body.innerHTML = parsed.body.innerHTML;
+    }
+}
+function mirrorAttributes(target, source) {
+    const sourceNames = new Set();
+    for (const attr of Array.from(source.attributes)) {
+        sourceNames.add(attr.name);
+        if (target.getAttribute(attr.name) !== attr.value) {
+            target.setAttribute(attr.name, attr.value);
+        }
+    }
+    for (const attr of Array.from(target.attributes)) {
+        if (!sourceNames.has(attr.name)) {
+            target.removeAttribute(attr.name);
+        }
+    }
+}
+//# sourceMappingURL=HtmlArtifactPreview.js.map

package/dist-cjs/iframe/HtmlArtifactPreview.js.map

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

package/dist-cjs/iframe/HtmlArtifactToolbar.js

@@ -0,0 +1,17 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HtmlArtifactToolbar = HtmlArtifactToolbar;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Icon = {
+    copy: ((0, jsx_runtime_1.jsxs)("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [(0, jsx_runtime_1.jsx)("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2.5" }), (0, jsx_runtime_1.jsx)("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })] })),
+    check: ((0, jsx_runtime_1.jsx)("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.6", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: (0, jsx_runtime_1.jsx)("polyline", { points: "20 6 9 17 4 12" }) })),
+    download: ((0, jsx_runtime_1.jsxs)("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [(0, jsx_runtime_1.jsx)("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }), (0, jsx_runtime_1.jsx)("polyline", { points: "7 10 12 15 17 10" }), (0, jsx_runtime_1.jsx)("line", { x1: "12", y1: "15", x2: "12", y2: "3" })] })),
+    expand: ((0, jsx_runtime_1.jsxs)("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [(0, jsx_runtime_1.jsx)("polyline", { points: "15 3 21 3 21 9" }), (0, jsx_runtime_1.jsx)("polyline", { points: "9 21 3 21 3 15" }), (0, jsx_runtime_1.jsx)("line", { x1: "21", y1: "3", x2: "14", y2: "10" }), (0, jsx_runtime_1.jsx)("line", { x1: "3", y1: "21", x2: "10", y2: "14" })] })),
+    pdf: ((0, jsx_runtime_1.jsxs)("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [(0, jsx_runtime_1.jsx)("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }), (0, jsx_runtime_1.jsx)("polyline", { points: "14 2 14 8 20 8" }), (0, jsx_runtime_1.jsx)("path", { d: "M9 15h1.2a1.3 1.3 0 0 0 0-2.6H9V18" }), (0, jsx_runtime_1.jsx)("path", { d: "M15.5 12.4H14V18" }), (0, jsx_runtime_1.jsx)("path", { d: "M14 15.4h1.3" })] })),
+};
+function HtmlArtifactToolbar(props) {
+    const { title, tab, onTabChange, allowCopy = true, allowDownload = true, allowPdf = true, allowFullscreen = true, copied = false, onCopy, onDownload, onDownloadPdf, onFullscreen, streaming = false, showDots = true, } = props;
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "aha-toolbar", children: [showDots && ((0, jsx_runtime_1.jsxs)("span", { className: "aha-dots", "aria-hidden": true, children: [(0, jsx_runtime_1.jsx)("span", { className: "aha-dot", style: { background: "#ff5f57" } }), (0, jsx_runtime_1.jsx)("span", { className: "aha-dot", style: { background: "#febc2e" } }), (0, jsx_runtime_1.jsx)("span", { className: "aha-dot", style: { background: "#28c840" } })] })), streaming && (0, jsx_runtime_1.jsx)("span", { className: "aha-stream-dot", "aria-label": "streaming" }), (0, jsx_runtime_1.jsx)("span", { className: "aha-title", title: title, children: title }), (0, jsx_runtime_1.jsx)("div", { style: { flex: 1 } }), (0, jsx_runtime_1.jsxs)("div", { className: "aha-seg", role: "tablist", "aria-label": "Artifact view", children: [(0, jsx_runtime_1.jsx)("button", { type: "button", role: "tab", "aria-selected": tab === "preview", "data-active": tab === "preview", onClick: () => onTabChange("preview"), children: "Preview" }), (0, jsx_runtime_1.jsx)("button", { type: "button", role: "tab", "aria-selected": tab === "code", "data-active": tab === "code", onClick: () => onTabChange("code"), children: "Code" })] }), allowCopy && ((0, jsx_runtime_1.jsx)("button", { type: "button", className: "aha-iconbtn", onClick: onCopy, title: "Copy HTML", "aria-label": "Copy HTML", children: copied ? Icon.check : Icon.copy })), allowDownload && ((0, jsx_runtime_1.jsx)("button", { type: "button", className: "aha-iconbtn", onClick: onDownload, title: "Download HTML", "aria-label": "Download HTML", children: Icon.download })), allowPdf && ((0, jsx_runtime_1.jsx)("button", { type: "button", className: "aha-iconbtn", onClick: onDownloadPdf, title: "Download PDF", "aria-label": "Download PDF", children: Icon.pdf })), allowFullscreen && ((0, jsx_runtime_1.jsx)("button", { type: "button", className: "aha-iconbtn", onClick: onFullscreen, title: "Fullscreen", "aria-label": "Open fullscreen", children: Icon.expand }))] }));
+}
+//# sourceMappingURL=HtmlArtifactToolbar.js.map

package/dist-cjs/iframe/HtmlArtifactToolbar.js.map

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

package/dist-cjs/iframe/iframeSizing.js

@@ -0,0 +1,77 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useIframeAutoSize = useIframeAutoSize;
+const react_1 = require("react");
+/**
+ * Auto-size an iframe to its full content height so the artifact never shows an
+ * inner scrollbar — the page provides the single scroll. This requires reading
+ * the framed document, which works when the sandbox includes `allow-same-origin`
+ * (the default here). No scripts run inside the frame, so this stays safe.
+ *
+ * Measurement is resilient: it re-measures on load, on every content reflow
+ * (ResizeObserver), and after web fonts finish loading (which changes height).
+ * If the document is cross-origin/opaque it falls back to `minHeight`.
+ */
+function useIframeAutoSize(options = {}) {
+    const { enabled = true, minHeight = 420, maxHeight = 900 } = options;
+    const ref = (0, react_1.useRef)(null);
+    const observerRef = (0, react_1.useRef)(null);
+    const [height, setHeight] = (0, react_1.useState)(minHeight);
+    const measure = (0, react_1.useCallback)(() => {
+        if (!enabled)
+            return;
+        const iframe = ref.current;
+        if (!iframe)
+            return;
+        try {
+            const doc = iframe.contentDocument;
+            const body = doc?.body;
+            const root = doc?.documentElement;
+            if (!body || !root)
+                return; // opaque origin — keep min height
+            const measured = Math.max(body.scrollHeight, body.offsetHeight, root.scrollHeight, Math.ceil(root.getBoundingClientRect().height));
+            if (!measured)
+                return;
+            const clamped = Math.min(Math.max(measured, minHeight), maxHeight);
+            setHeight((prev) => (Math.abs(prev - clamped) > 1 ? clamped : prev));
+        }
+        catch {
+            // Cross-origin / sandboxed without same-origin — leave at min height.
+        }
+    }, [enabled, minHeight, maxHeight]);
+    const onLoad = (0, react_1.useCallback)(() => {
+        const iframe = ref.current;
+        measure();
+        // Track reflow inside the frame (content streaming in, font swaps, etc.).
+        try {
+            const doc = iframe?.contentDocument;
+            const root = doc?.documentElement;
+            observerRef.current?.disconnect();
+            if (root && typeof ResizeObserver !== "undefined") {
+                const ro = new ResizeObserver(() => measure());
+                ro.observe(root);
+                if (doc?.body)
+                    ro.observe(doc.body);
+                observerRef.current = ro;
+            }
+            // Re-measure once web fonts have loaded (height usually grows).
+            const fonts = doc?.fonts;
+            fonts?.ready?.then(() => measure()).catch(() => { });
+        }
+        catch {
+            /* opaque origin */
+        }
+        // A couple of delayed passes catch late layout (images, slow fonts).
+        const t1 = setTimeout(measure, 60);
+        const t2 = setTimeout(measure, 240);
+        return () => {
+            clearTimeout(t1);
+            clearTimeout(t2);
+        };
+    }, [measure]);
+    (0, react_1.useEffect)(() => {
+        return () => observerRef.current?.disconnect();
+    }, []);
+    return { ref, height, onLoad, measure };
+}
+//# sourceMappingURL=iframeSizing.js.map

package/dist-cjs/iframe/iframeSizing.js.map

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

package/dist-cjs/iframe/iframeSrcDoc.js

@@ -0,0 +1,241 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.themeToCss = themeToCss;
+exports.buildSrcDoc = buildSrcDoc;
+exports.resolveSandbox = resolveSandbox;
+const sanitizeHtml_js_1 = require("../sanitizer/sanitizeHtml.js");
+const artifactEnvelope_js_1 = require("../artifacts/artifactEnvelope.js");
+const sandbox_js_1 = require("../constants/sandbox.js");
+/**
+ * Minimal reset injected for the framed (pure artifact) path: margin/box-sizing
+ * only. It must NOT force a background — a standalone artifact owns its own
+ * background (often set inline on <html>/<body>), and an !important transparent
+ * rule here would override it and reveal the card surface (a white sheet in
+ * light mode). Camouflage transparency is handled separately by
+ * {@link inlineCamouflageHtml}.
+ */
+const SEAMLESS_BASE = `<style>html,body{margin:0;padding:0;}*{box-sizing:border-box;}</style>`;
+const LIGHT_COLOR = /(?:#fff(?:fff)?\b|#f[0-9a-f]{2}f[0-9a-f]{2}f[0-9a-f]{2}\b|#(?:f8fafc|f9fafb|f8f9fa|f5f5f5|f4f4f5|f3f4f6|f1f5f9|fafafa|fcfcfd|fdfdfd)\b|white\b|rgba?\(\s*(?:23[0-9]|24[0-9]|25[0-5])\s*,\s*(?:23[0-9]|24[0-9]|25[0-5])\s*,\s*(?:23[0-9]|24[0-9]|25[0-5])(?:\s*,\s*(?:0?\.[5-9]\d*|1(?:\.0+)?))?\s*\)|hsla?\(\s*(?:0|[12]?\d{1,2}|3[0-5]\d|360)\s*,\s*(?:0|[1-9]\d?|100)%\s*,\s*(?:8[8-9]|9\d|100)%[^)]*\))/i;
+const LIGHT_GRADIENT = /(?:linear|radial|conic)-gradient\([^;}]*(?:#fff(?:fff)?\b|white\b|rgba?\(\s*255\s*,\s*255\s*,\s*255)[^;}]*\)/i;
+/**
+ * Render a host {@link ArtifactTheme} into a `<style>` block exposing its values
+ * as CSS custom properties inside the iframe, plus sensible base color/font so
+ * artifacts inherit the host look. Background is intentionally left transparent
+ * (the host surface shows through — essential for seamless mode).
+ */
+function themeToCss(theme) {
+    const vars = [];
+    const push = (name, value) => {
+        if (value)
+            vars.push(`${name}:${value}`);
+    };
+    push("--background", theme.background);
+    push("--foreground", theme.foreground);
+    push("--primary", theme.primary);
+    push("--accent", theme.accent);
+    push("--muted", theme.muted);
+    push("--border", theme.border);
+    push("--surface", theme.surface);
+    push("--radius", theme.radius);
+    push("--font", theme.fontFamily);
+    const root = vars.length ? `:root{${vars.join(";")}}` : "";
+    const base = [];
+    if (theme.foreground)
+        base.push("color:var(--foreground)");
+    if (theme.fontFamily)
+        base.push("font-family:var(--font)");
+    const baseRule = base.length ? `html,body{${base.join(";")}}` : "";
+    if (!root && !baseRule)
+        return "";
+    return `<style>${root}${baseRule}</style>`;
+}
+/** True if the string already looks like a full HTML document. */
+function isFullDocument(html) {
+    return /<html[\s>]/i.test(html) || /<!DOCTYPE/i.test(html);
+}
+function injectIntoHead(doc, injection) {
+    if (/<\/head\s*>/i.test(doc)) {
+        return doc.replace(/<\/head\s*>/i, `${injection}</head>`);
+    }
+    if (/<head[^>]*>/i.test(doc)) {
+        return doc.replace(/<head([^>]*)>/i, `<head$1>${injection}`);
+    }
+    if (/<html[^>]*>/i.test(doc)) {
+        return doc.replace(/<html([^>]*)>/i, `<html$1><head>${injection}</head>`);
+    }
+    return injection + doc;
+}
+function themeToInlineVars(theme) {
+    if (!theme)
+        return "";
+    const vars = [];
+    const push = (name, value) => {
+        if (value)
+            vars.push(`${name}:${value}`);
+    };
+    push("--background", theme.background);
+    push("--foreground", theme.foreground);
+    push("--primary", theme.primary);
+    push("--accent", theme.accent);
+    push("--muted", theme.muted);
+    push("--border", theme.border);
+    push("--surface", theme.surface);
+    push("--radius", theme.radius);
+    push("--font", theme.fontFamily);
+    return vars.join(";");
+}
+function normalizeCamouflageHtml(html) {
+    return html
+        .replace(/<style\b([^>]*)>([\s\S]*?)<\/style>/gi, (_tag, attrs, css) => {
+        return `<style${attrs}>${normalizeCamouflageCss(css)}</style>`;
+    })
+        .replace(/\sstyle\s*=\s*(["'])([\s\S]*?)\1/gi, (_attr, quote, css) => {
+        const normalized = normalizeInlineCamouflageStyle(css);
+        return normalized ? ` style=${quote}${normalized}${quote}` : "";
+    });
+}
+const CAMOUFLAGE_TAGS = /<(html|body|main|section|article|aside|header|footer|nav|form|div)\b([^>]*)>/gi;
+function appendInlineStyle(attrs, style) {
+    if (!style)
+        return attrs;
+    const styleAttr = attrs.match(/\sstyle\s*=\s*(["'])([\s\S]*?)\1/i);
+    if (!styleAttr)
+        return `${attrs} style="${style}"`;
+    const quote = styleAttr[1] ?? `"`;
+    const existing = styleAttr[2]?.trim();
+    const merged = existing ? `${existing};${style}` : style;
+    return attrs.replace(/\sstyle\s*=\s*(["'])([\s\S]*?)\1/i, ` style=${quote}${merged}${quote}`);
+}
+function inlineCamouflageHtml(html, theme) {
+    const themeVars = themeToInlineVars(theme);
+    const rootStyle = [
+        themeVars,
+        "margin:0!important",
+        "padding:0!important",
+        "background:transparent!important",
+        "background-color:transparent!important",
+        "background-image:none!important",
+        "color-scheme:normal!important",
+        "box-sizing:border-box",
+        "color:var(--foreground,#f4f4f8)!important",
+        theme?.fontFamily ? "font-family:var(--font)!important" : "",
+    ]
+        .filter(Boolean)
+        .join(";");
+    const bodyStyle = [
+        "margin:0!important",
+        "padding:0!important",
+        "background:transparent!important",
+        "background-color:transparent!important",
+        "background-image:none!important",
+        "box-sizing:border-box",
+        "color:var(--foreground,#f4f4f8)!important",
+        theme?.fontFamily ? "font-family:var(--font)!important" : "",
+    ]
+        .filter(Boolean)
+        .join(";");
+    const blockStyle = [
+        "background-color:transparent!important",
+        "background-image:none!important",
+        "box-sizing:border-box",
+        "color:var(--foreground,#f4f4f8)!important",
+        "border-color:var(--border,rgba(255,255,255,0.12))!important",
+    ].join(";");
+    return html.replace(CAMOUFLAGE_TAGS, (tag, name, attrs) => {
+        const lowerName = name.toLowerCase();
+        if (lowerName === "html")
+            return `<${name}${appendInlineStyle(attrs, rootStyle)}>`;
+        if (lowerName === "body")
+            return `<${name}${appendInlineStyle(attrs, bodyStyle)}>`;
+        return `<${name}${appendInlineStyle(attrs, blockStyle)}>`;
+    });
+}
+function normalizeInlineCamouflageStyle(style) {
+    return style
+        .split(";")
+        .map((declaration) => normalizeCamouflageDeclaration(declaration))
+        .filter(Boolean)
+        .join(";");
+}
+function normalizeCamouflageCss(css) {
+    return css
+        .replace(/([^{}]+)\{([^{}]*)\}/g, (rule, selector, body) => {
+        const normalizedBody = body
+            .split(";")
+            .map((declaration) => normalizeCamouflageDeclaration(declaration, /\b(html|body)\b/i.test(selector)))
+            .filter(Boolean)
+            .join(";");
+        return normalizedBody ? `${selector}{${normalizedBody}}` : rule;
+    });
+}
+function normalizeCamouflageDeclaration(declaration, forceTransparent = false) {
+    const trimmed = declaration.trim();
+    if (!trimmed)
+        return "";
+    const match = trimmed.match(/^(-?[\w-]+)\s*:\s*([\s\S]+)$/);
+    if (!match)
+        return trimmed;
+    const property = match[1]?.toLowerCase() ?? "";
+    const value = match[2] ?? "";
+    const important = /!important/i.test(value) ? " !important" : "";
+    const cleanValue = value.replace(/!important/gi, "").trim();
+    if (property === "background-image" && (forceTransparent || LIGHT_GRADIENT.test(cleanValue) || LIGHT_COLOR.test(cleanValue))) {
+        return `${property}:none${important}`;
+    }
+    if (property.startsWith("--") && LIGHT_COLOR.test(cleanValue)) {
+        return `${property}:transparent`;
+    }
+    if (property === "background" || property === "background-color") {
+        if (forceTransparent)
+            return `${property}:transparent${important}`;
+        if (LIGHT_COLOR.test(cleanValue) || LIGHT_GRADIENT.test(cleanValue)) {
+            return `${property}:transparent${important}`;
+        }
+    }
+    if (property === "color" && LIGHT_COLOR.test(cleanValue)) {
+        return `${property}:var(--foreground,#f4f4f8)${important}`;
+    }
+    return trimmed;
+}
+/**
+ * Produce the final `srcDoc` string for the preview iframe: sanitized (by
+ * default), wrapped into a complete document if needed, with seamless base
+ * styles and `<base target="_blank">` so any links open in a new tab.
+ */
+function buildSrcDoc(rawHtml, options = {}) {
+    const { sanitize = true, seamless = true, camouflage = false, theme, sanitizeOptions } = options;
+    let html = (0, artifactEnvelope_js_1.cleanArtifactHtml)(rawHtml ?? "");
+    if (sanitize) {
+        html = (0, sanitizeHtml_js_1.sanitizeHtml)(html, { ...sanitizeOptions, allowScripts: false }).html;
+    }
+    if (camouflage) {
+        html = normalizeCamouflageHtml(html);
+    }
+    const themeStyles = theme && !camouflage ? themeToCss(theme) : "";
+    const injection = `<base target="_blank" />${seamless && !camouflage ? SEAMLESS_BASE : ""}${themeStyles}`;
+    let doc;
+    if (isFullDocument(html)) {
+        doc = injectIntoHead(html, injection);
+    }
+    else {
+        doc = `<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" />${injection}</head><body>${html}</body></html>`;
+    }
+    return camouflage ? inlineCamouflageHtml(doc, theme) : doc;
+}
+/**
+ * Resolve the sandbox attribute. An explicit `sandbox` wins; otherwise we build
+ * a minimal token set from the flags. Forbidden tokens (notably `allow-scripts`)
+ * are stripped no matter what.
+ */
+function resolveSandbox(options) {
+    const explicit = options.sandbox;
+    if (explicit !== undefined) {
+        return explicit
+            .split(/\s+/)
+            .filter(Boolean)
+            .filter((t) => !sandbox_js_1.FORBIDDEN_SANDBOX_TOKENS.includes(t))
+            .join(" ");
+    }
+    return options.allowForms === false ? "" : sandbox_js_1.DEFAULT_SANDBOX;
+}
+//# sourceMappingURL=iframeSrcDoc.js.map