@syntrologie/adapt-content 2.8.0-canary.31 → 2.8.0-canary.310

package/dist/reconciliation-guard.js

@@ -1,80 +0,0 @@
-/**
- * Reconciliation Guard - MutationObserver defense against React DOM removal.
- *
- * When the Syntrologie SDK inserts DOM nodes into a React-managed subtree
- * (via content:insertHtml), React's reconciliation will silently remove them
- * on the next render because they don't exist in React's virtual DOM.
- *
- * This guard watches for the removal of our inserted container and re-inserts
- * it using a debounced retry mechanism with a maximum retry count to prevent
- * infinite loops (e.g., in React StrictMode which double-invokes effects).
- */
-/**
- * Watch for a container element being removed from the DOM by an external
- * framework (React, Vue, etc.) and call `reinsertFn` to re-insert it.
- *
- * @param container  The element we inserted (has data-syntro-action-id)
- * @param anchor     The anchor element our container is positioned relative to
- * @param reinsertFn Called when the container is removed — should re-insert it
- * @param opts       Configuration for retry limits and debounce timing
- * @returns          Cleanup function that disconnects the observer
- */
-export function guardAgainstReconciliation(container, anchor, reinsertFn, opts) {
-    const maxRetries = opts?.maxRetries ?? 3;
-    const debounceMs = opts?.debounceMs ?? 50;
-    // Find the nearest parent to observe. Prefer container's parent, then anchor's.
-    const observeTarget = container.parentElement ?? anchor.parentElement;
-    if (!observeTarget)
-        return () => { };
-    let retries = 0;
-    let debounceTimer = null;
-    let disconnected = false;
-    const observer = new MutationObserver((mutations) => {
-        if (disconnected)
-            return;
-        for (const mutation of mutations) {
-            for (const removed of mutation.removedNodes) {
-                // Check if the removed node is our container
-                if (removed !== container)
-                    continue;
-                if (retries >= maxRetries) {
-                    observer.disconnect();
-                    disconnected = true;
-                    return;
-                }
-                // Debounce to coalesce rapid React re-renders
-                if (debounceTimer)
-                    clearTimeout(debounceTimer);
-                debounceTimer = setTimeout(() => {
-                    if (disconnected)
-                        return;
-                    // If the anchor has been removed from the DOM (SPA navigation),
-                    // the page has been torn down — stop fighting React's reconciler.
-                    // Re-inserting into a dying subtree triggers removeChild crashes.
-                    if (!anchor.isConnected) {
-                        observer.disconnect();
-                        disconnected = true;
-                        return;
-                    }
-                    retries++;
-                    try {
-                        reinsertFn();
-                    }
-                    catch {
-                        // Re-insertion failed — stop trying
-                        observer.disconnect();
-                        disconnected = true;
-                    }
-                }, debounceMs);
-                return; // Found our container, no need to check further
-            }
-        }
-    });
-    observer.observe(observeTarget, { childList: true, subtree: true });
-    return () => {
-        disconnected = true;
-        observer.disconnect();
-        if (debounceTimer)
-            clearTimeout(debounceTimer);
-    };
-}

package/dist/sanitizer.js

@@ -1,95 +0,0 @@
-/**
- * HTML Sanitizer
- *
- * Sanitizes HTML to prevent XSS attacks.
- * Uses native Sanitizer API when available, falls back to whitelist approach.
- */
-const ALLOWED_TAGS = new Set([
-    'b',
-    'strong',
-    'i',
-    'em',
-    'u',
-    'span',
-    'div',
-    'p',
-    'br',
-    'ul',
-    'ol',
-    'li',
-    'code',
-    'pre',
-    'small',
-    'sup',
-    'sub',
-    'a',
-    'button',
-    // SVG elements (for inline Lucide icons in config HTML)
-    'svg',
-    'path',
-    'circle',
-    'line',
-    'polyline',
-    'polygon',
-    'rect',
-    'g',
-]);
-export function sanitizeHtml(html) {
-    // Try native Sanitizer API first
-    const hasNative = typeof window.Sanitizer === 'function';
-    if (hasNative) {
-        try {
-            const s = new window.Sanitizer({});
-            const frag = s.sanitizeToFragment(html);
-            const div = document.createElement('div');
-            div.append(frag);
-            return div.innerHTML;
-        }
-        catch {
-            // Fall through to manual sanitizer
-        }
-    }
-    // Conservative fallback sanitizer
-    const tpl = document.createElement('template');
-    tpl.innerHTML = html;
-    const root = tpl.content;
-    const walker = document.createTreeWalker(root, NodeFilter.SHOW_ELEMENT, null);
-    const toRemove = [];
-    while (walker.nextNode()) {
-        const el = walker.currentNode;
-        const tag = el.tagName.toLowerCase();
-        if (!ALLOWED_TAGS.has(tag)) {
-            toRemove.push(el);
-            continue;
-        }
-        // Remove dangerous attributes
-        for (const attr of Array.from(el.attributes)) {
-            const name = attr.name.toLowerCase();
-            const value = attr.value.trim().toLowerCase();
-            const isEvent = name.startsWith('on');
-            const isUrlAttr = name === 'href' || name === 'src' || name === 'formaction';
-            const isDangerousUrl = isUrlAttr &&
-                (value.startsWith('javascript:') ||
-                    value.startsWith('vbscript:') ||
-                    value.startsWith('data:text/html'));
-            if (isEvent || isDangerousUrl) {
-                el.removeAttribute(attr.name);
-            }
-        }
-    }
-    // Strip SVG elements that contained script children (XSS vector)
-    const svgs = Array.from(root.querySelectorAll('svg'));
-    for (const svg of svgs) {
-        if (toRemove.some((el) => svg.contains(el) && el.tagName.toLowerCase() === 'script')) {
-            toRemove.push(svg);
-        }
-    }
-    // Remove disallowed elements but keep their children
-    for (const el of toRemove) {
-        while (el.firstChild) {
-            el.parentNode?.insertBefore(el.firstChild, el);
-        }
-        el.remove();
-    }
-    return tpl.innerHTML;
-}

package/dist/summarize.js

@@ -1,88 +0,0 @@
-/**
- * Human-readable summary generation for content config changes.
- *
- * Pure functions — no DOM access, just string formatting from config data.
- */
-const MAX_TEXT_LEN = 40;
-/** Extract the CSS selector string from an anchorId object. */
-function resolveAnchorSelector(anchorId) {
-    if (!anchorId)
-        return '';
-    if (typeof anchorId === 'string')
-        return anchorId;
-    if (typeof anchorId === 'object')
-        return anchorId.selector ?? '';
-    return '';
-}
-/**
- * Convert a CSS selector into a human-friendly element description.
- */
-export function describeSelector(selector) {
-    if (!selector)
-        return '(no target)';
-    // ID selector: strip # and common prefixes
-    if (selector.startsWith('#')) {
-        let name = selector.slice(1);
-        const prefixes = ['hero-', 'main-', 'page-', 'app-', 'section-'];
-        for (const prefix of prefixes) {
-            if (name.startsWith(prefix)) {
-                name = name.slice(prefix.length);
-                break;
-            }
-        }
-        return truncate(name, 50);
-    }
-    // data-testid selector
-    const testIdMatch = selector.match(/\[data-testid="([^"]+)"\]/);
-    if (testIdMatch) {
-        return `${testIdMatch[1]} element`;
-    }
-    // Class selector or complex selector: keep as-is
-    return truncate(selector, 50);
-}
-function truncate(text, max) {
-    if (text.length <= max)
-        return text;
-    return `${text.slice(0, max)}...`;
-}
-function truncateQuoted(text, max) {
-    if (text.length <= max)
-        return `"${text}"`;
-    return `"${text.slice(0, max)}..."`;
-}
-/**
- * Generate a human-readable one-liner for a content config change.
- */
-export function summarizeContentChange(type, item) {
-    const desc = describeSelector(resolveAnchorSelector(item.anchorId));
-    switch (type) {
-        case 'textReplacements': {
-            const text = item.text || '';
-            return `Change ${desc} to ${truncateQuoted(text, MAX_TEXT_LEN)}`;
-        }
-        case 'attributeChanges': {
-            const attr = item.attr || '';
-            const value = item.value || '';
-            return `Set ${desc} ${attr} to ${truncateQuoted(value, MAX_TEXT_LEN)}`;
-        }
-        case 'styleChanges': {
-            const styles = item.styles || {};
-            const count = Object.keys(styles).length;
-            return `Restyle ${desc} (${count} ${count === 1 ? 'property' : 'properties'})`;
-        }
-        case 'htmlInsertions': {
-            const position = item.position || 'append';
-            return `Insert HTML ${position} ${desc}`;
-        }
-        case 'classAdditions': {
-            const className = item.className || '';
-            return `Add class "${className}" to ${desc}`;
-        }
-        case 'classRemovals': {
-            const className = item.className || '';
-            return `Remove class "${className}" from ${desc}`;
-        }
-        default:
-            return `Unknown change on ${desc}`;
-    }
-}

package/dist/types.js

@@ -1,7 +0,0 @@
-/**
- * Types from @syntrologie/runtime-sdk
- *
- * Minimal type definitions for building this app independently.
- * These match the types exported from @syntrologie/runtime-sdk/types.
- */
-export {};

package/dist/utils/selectorGenerator.d.ts

@@ -1,6 +0,0 @@
-/**
- * Re-export selector utilities from shared-editor-ui.
- */
-export type { SelectorOptions } from '@syntrologie/shared-editor-ui';
-export { generateSelector, getElementDescription, validateSelector, } from '@syntrologie/shared-editor-ui';
-//# sourceMappingURL=selectorGenerator.d.ts.map

package/dist/utils/selectorGenerator.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"selectorGenerator.d.ts","sourceRoot":"","sources":["../../src/utils/selectorGenerator.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,YAAY,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EACL,gBAAgB,EAChB,qBAAqB,EACrB,gBAAgB,GACjB,MAAM,+BAA+B,CAAC"}

package/dist/utils/selectorGenerator.js

@@ -1,4 +0,0 @@
-/**
- * Re-export selector utilities from shared-editor-ui.
- */
-export { generateSelector, getElementDescription, validateSelector, } from '@syntrologie/shared-editor-ui';

package/node_modules/@syntrologie/shared-editor-ui/dist/cn.d.ts

@@ -1,2 +0,0 @@
-export declare function cn(...classes: (string | false | null | undefined)[]): string;
-//# sourceMappingURL=cn.d.ts.map

package/node_modules/@syntrologie/shared-editor-ui/dist/cn.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"cn.d.ts","sourceRoot":"","sources":["../src/cn.ts"],"names":[],"mappings":"AAAA,wBAAgB,EAAE,CAAC,GAAG,OAAO,EAAE,CAAC,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC,EAAE,GAAG,MAAM,CAE5E"}

package/node_modules/@syntrologie/shared-editor-ui/dist/cn.js

@@ -1,3 +0,0 @@
-export function cn(...classes) {
-    return classes.filter(Boolean).join(' ');
-}

package/node_modules/@syntrologie/shared-editor-ui/dist/components/AnchorPicker.d.ts

@@ -1,34 +0,0 @@
-/**
- * AnchorPicker — Shared Element Picker Overlay
- *
- * Full-page overlay that lets the user hover and click to select a DOM element.
- * Returns the element, its CSS selector, and a human-readable description.
- *
- * Renders via createPortal to document.body. Uses inline styles (not Tailwind)
- * because it lives outside the editor's style scope.
- *
- * EXCEPTION: This component MUST stay on document.body (not in shadow root).
- * It uses document.elementFromPoint() to detect host page elements under the
- * cursor. If placed inside a shadow root, the overlay would block detection
- * of underlying host elements.
- *
- * Instructions / cancel UI should be rendered by the consumer in their own
- * panel — this component only provides the page overlay.
- */
-export interface PickedElement {
-    element: Element;
-    selector: string;
-    description: string;
-}
-export interface AnchorPickerProps {
-    isActive: boolean;
-    onPick: (picked: PickedElement) => void;
-    onCancel: () => void;
-    /** When true, clicks pass through to the page (no preventDefault/stopPropagation).
-     *  The consumer is responsible for capturing the pick via EventBus or other means.
-     *  Hover highlighting still works for visual feedback. */
-    passthroughClicks?: boolean;
-    excludeSelector?: string;
-}
-export declare function AnchorPicker({ isActive, onPick, onCancel, passthroughClicks, excludeSelector, }: AnchorPickerProps): import("react").ReactPortal | null;
-//# sourceMappingURL=AnchorPicker.d.ts.map

package/node_modules/@syntrologie/shared-editor-ui/dist/components/AnchorPicker.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AnchorPicker.d.ts","sourceRoot":"","sources":["../../src/components/AnchorPicker.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAWH,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,IAAI,CAAC;IACxC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB;;8DAE0D;IAC1D,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAKD,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,iBAAyB,EACzB,eAAuJ,GACxJ,EAAE,iBAAiB,sCAwMnB"}

package/node_modules/@syntrologie/shared-editor-ui/dist/components/AnchorPicker.js

@@ -1,158 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * AnchorPicker — Shared Element Picker Overlay
- *
- * Full-page overlay that lets the user hover and click to select a DOM element.
- * Returns the element, its CSS selector, and a human-readable description.
- *
- * Renders via createPortal to document.body. Uses inline styles (not Tailwind)
- * because it lives outside the editor's style scope.
- *
- * EXCEPTION: This component MUST stay on document.body (not in shadow root).
- * It uses document.elementFromPoint() to detect host page elements under the
- * cursor. If placed inside a shadow root, the overlay would block detection
- * of underlying host elements.
- *
- * Instructions / cancel UI should be rendered by the consumer in their own
- * panel — this component only provides the page overlay.
- */
-import { useCallback, useEffect, useRef, useState } from 'react';
-import { createPortal } from 'react-dom';
-import { generateSelector, getElementDescription, validateSelector, } from '../utils/selectorGenerator';
-const HIGHLIGHT_COLOR = '#3b82f6';
-const HIGHLIGHT_BG = 'rgba(59, 130, 246, 0.1)';
-export function AnchorPicker({ isActive, onPick, onCancel, passthroughClicks = false, excludeSelector = '[data-syntro-editor-panel], [data-shadow-canvas-id], .syntro-tooltip, .syntro-modal, .syntro-highlight, [data-syntro-anchor-picker]', }) {
-    const [hoveredElement, setHoveredElement] = useState(null);
-    const [hoveredSelector, setHoveredSelector] = useState('');
-    const overlayRef = useRef(null);
-    const handleMouseMove = useCallback((e) => {
-        const overlay = overlayRef.current;
-        if (overlay) {
-            overlay.style.pointerEvents = 'none';
-        }
-        const elementAtPoint = document.elementFromPoint(e.clientX, e.clientY);
-        if (overlay) {
-            overlay.style.pointerEvents = 'auto';
-        }
-        if (!elementAtPoint) {
-            setHoveredElement(null);
-            setHoveredSelector('');
-            return;
-        }
-        if (excludeSelector && elementAtPoint.closest(excludeSelector)) {
-            setHoveredElement(null);
-            setHoveredSelector('');
-            return;
-        }
-        if (['HTML', 'BODY', 'HEAD'].includes(elementAtPoint.tagName)) {
-            setHoveredElement(null);
-            setHoveredSelector('');
-            return;
-        }
-        setHoveredElement(elementAtPoint);
-        const selector = generateSelector(elementAtPoint);
-        setHoveredSelector(selector);
-    }, [excludeSelector]);
-    const handleClick = useCallback((e) => {
-        if (passthroughClicks)
-            return; // Let click propagate to PostHog
-        e.preventDefault();
-        e.stopPropagation();
-        if (hoveredElement && hoveredSelector) {
-            if (validateSelector(hoveredSelector, hoveredElement)) {
-                onPick({
-                    element: hoveredElement,
-                    selector: hoveredSelector,
-                    description: getElementDescription(hoveredElement),
-                });
-            }
-            else {
-                const newSelector = generateSelector(hoveredElement);
-                onPick({
-                    element: hoveredElement,
-                    selector: newSelector,
-                    description: getElementDescription(hoveredElement),
-                });
-            }
-        }
-    }, [passthroughClicks, hoveredElement, hoveredSelector, onPick]);
-    const handleKeyDown = useCallback((e) => {
-        if (e.key === 'Escape') {
-            e.preventDefault();
-            onCancel();
-        }
-    }, [onCancel]);
-    useEffect(() => {
-        if (!isActive)
-            return;
-        document.addEventListener('mousemove', handleMouseMove, true);
-        // In passthrough mode, don't register click handler — let clicks reach PostHog
-        if (!passthroughClicks) {
-            document.addEventListener('click', handleClick, true);
-        }
-        document.addEventListener('keydown', handleKeyDown, true);
-        return () => {
-            document.removeEventListener('mousemove', handleMouseMove, true);
-            if (!passthroughClicks) {
-                document.removeEventListener('click', handleClick, true);
-            }
-            document.removeEventListener('keydown', handleKeyDown, true);
-        };
-    }, [isActive, passthroughClicks, handleMouseMove, handleClick, handleKeyDown]);
-    if (!isActive)
-        return null;
-    const rect = hoveredElement?.getBoundingClientRect();
-    return createPortal(_jsxs("div", { ref: overlayRef, "data-syntro-anchor-picker": true, style: {
-            position: 'fixed',
-            inset: 0,
-            cursor: 'crosshair',
-            zIndex: 2147483644,
-            pointerEvents: passthroughClicks ? 'none' : undefined,
-        }, children: [_jsx("div", { style: {
-                    position: 'absolute',
-                    inset: 0,
-                    background: 'rgba(0, 0, 0, 0.08)',
-                    pointerEvents: 'none',
-                } }), hoveredElement && rect && (_jsx("div", { style: {
-                    position: 'fixed',
-                    left: rect.left - 2,
-                    top: rect.top - 2,
-                    width: rect.width + 4,
-                    height: rect.height + 4,
-                    border: `2px solid ${HIGHLIGHT_COLOR}`,
-                    backgroundColor: HIGHLIGHT_BG,
-                    borderRadius: '4px',
-                    boxShadow: '0 0 0 9999px rgba(0, 0, 0, 0.2)',
-                    pointerEvents: 'none',
-                    transition: 'all 0.1s ease-out',
-                } })), hoveredElement && rect && (_jsxs("div", { className: "se-text-xs", style: {
-                    position: 'fixed',
-                    left: Math.max(8, Math.min(rect.left, window.innerWidth - 320)),
-                    top: Math.max(8, rect.top - 68),
-                    backgroundColor: '#1e293b',
-                    color: '#e2e8f0',
-                    padding: '8px 12px',
-                    borderRadius: '6px',
-                    boxShadow: '0 4px 12px rgba(0, 0, 0, 0.3)',
-                    zIndex: 1,
-                    fontFamily: 'monospace',
-                    maxWidth: '300px',
-                    pointerEvents: 'none',
-                }, children: [_jsx("div", { className: "se-text-xs", style: {
-                            textTransform: 'uppercase',
-                            letterSpacing: '0.05em',
-                            marginBottom: '4px',
-                            color: '#94a3b8',
-                        }, children: "Click to select" }), _jsx("div", { style: {
-                            color: '#38bdf8',
-                            overflow: 'hidden',
-                            textOverflow: 'ellipsis',
-                            whiteSpace: 'nowrap',
-                        }, children: hoveredSelector }), _jsx("div", { style: {
-                            marginTop: '4px',
-                            color: '#cbd5e1',
-                            overflow: 'hidden',
-                            textOverflow: 'ellipsis',
-                            whiteSpace: 'nowrap',
-                        }, children: getElementDescription(hoveredElement) })] }))] }), document.body);
-}

package/node_modules/@syntrologie/shared-editor-ui/dist/components/BeforeAfterToggle.d.ts

@@ -1,7 +0,0 @@
-interface BeforeAfterToggleProps {
-    mode: 'before' | 'after';
-    onToggle: (mode: 'before' | 'after') => void;
-}
-export declare function BeforeAfterToggle({ mode, onToggle }: BeforeAfterToggleProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=BeforeAfterToggle.d.ts.map

package/node_modules/@syntrologie/shared-editor-ui/dist/components/BeforeAfterToggle.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BeforeAfterToggle.d.ts","sourceRoot":"","sources":["../../src/components/BeforeAfterToggle.tsx"],"names":[],"mappings":"AAEA,UAAU,sBAAsB;IAC9B,IAAI,EAAE,QAAQ,GAAG,OAAO,CAAC;IACzB,QAAQ,EAAE,CAAC,IAAI,EAAE,QAAQ,GAAG,OAAO,KAAK,IAAI,CAAC;CAC9C;AAED,wBAAgB,iBAAiB,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,sBAAsB,2CA6B3E"}

package/node_modules/@syntrologie/shared-editor-ui/dist/components/BeforeAfterToggle.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from '../cn';
-export function BeforeAfterToggle({ mode, onToggle }) {
-    return (_jsxs("div", { className: "se-flex se-mb-3 se-rounded-lg se-overflow-hidden se-border se-border-border-primary", children: [_jsx("button", { type: "button", onClick: () => onToggle('before'), className: cn('se-flex-1 se-py-1.5 se-px-3 se-border-none se-text-sm se-font-semibold se-cursor-pointer focus-visible:se-shadow-focus-primary focus-visible:se-outline-none', mode === 'before'
-                    ? 'se-bg-blue-5/30 se-text-blue-5'
-                    : 'se-bg-transparent se-text-text-secondary'), children: "Before" }), _jsx("button", { type: "button", onClick: () => onToggle('after'), className: cn('se-flex-1 se-py-1.5 se-px-3 se-border-none se-border-l se-border-border-primary se-text-sm se-font-semibold se-cursor-pointer focus-visible:se-shadow-focus-primary focus-visible:se-outline-none', mode === 'after'
-                    ? 'se-bg-blue-5/30 se-text-blue-5'
-                    : 'se-bg-transparent se-text-text-secondary'), children: "After" })] }));
-}

package/node_modules/@syntrologie/shared-editor-ui/dist/components/ConditionStatusLine.d.ts

@@ -1,23 +0,0 @@
-/**
- * ConditionStatusLine — inline triggerWhen diagnostic on EditorCard.
- *
- * Shows a compact one-line status for items with triggerWhen conditions.
- * Click to expand per-condition detail.
- */
-import type { FormattedCondition } from '../formatConditionLabel';
-export interface ConditionStatus {
-    type: string;
-    passed: boolean;
-    formatted: FormattedCondition;
-}
-export interface TriggerWhenStatus {
-    visible: boolean;
-    isFallback: boolean;
-    conditions: ConditionStatus[];
-}
-interface ConditionStatusLineProps {
-    status: TriggerWhenStatus | null;
-}
-export declare function ConditionStatusLine({ status }: ConditionStatusLineProps): import("react/jsx-runtime").JSX.Element | null;
-export {};
-//# sourceMappingURL=ConditionStatusLine.d.ts.map

package/node_modules/@syntrologie/shared-editor-ui/dist/components/ConditionStatusLine.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ConditionStatusLine.d.ts","sourceRoot":"","sources":["../../src/components/ConditionStatusLine.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAKH,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAElE,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,kBAAkB,CAAC;CAC/B;AAED,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,eAAe,EAAE,CAAC;CAC/B;AAED,UAAU,wBAAwB;IAChC,MAAM,EAAE,iBAAiB,GAAG,IAAI,CAAC;CAClC;AA6CD,wBAAgB,mBAAmB,CAAC,EAAE,MAAM,EAAE,EAAE,wBAAwB,kDAiEvE"}

package/node_modules/@syntrologie/shared-editor-ui/dist/components/ConditionStatusLine.js

@@ -1,40 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-/**
- * ConditionStatusLine — inline triggerWhen diagnostic on EditorCard.
- *
- * Shows a compact one-line status for items with triggerWhen conditions.
- * Click to expand per-condition detail.
- */
-import { Check, Clock, X } from 'lucide-react';
-import { useState } from 'react';
-import { cn } from '../cn';
-function ProgressBar({ current, target }) {
-    const pct = Math.min(100, Math.round((current / Math.max(target, 1)) * 100));
-    return (_jsx("span", { className: "se-inline-block se-w-12 se-h-1.5 se-rounded-full se-bg-white/20 se-align-middle se-ml-1", title: `${current}/${target} (${pct}%)`, children: _jsx("span", { className: cn('se-block se-h-full se-rounded-full se-transition-all', pct >= 100 ? 'se-bg-green-4' : 'se-bg-blue-4'), style: { width: `${pct}%` } }) }));
-}
-function ConditionRow({ cs }) {
-    return (_jsxs("div", { className: "se-flex se-items-center se-gap-1 se-pl-3 se-text-[12px] se-font-medium se-text-text-secondary", children: [cs.passed ? (_jsx(Check, { className: "se-w-3 se-h-3 se-text-green-4" })) : (_jsx(X, { className: "se-w-3 se-h-3 se-text-red-4" })), _jsxs("span", { children: [cs.type, ":"] }), _jsx("span", { className: "se-text-text-secondary", children: cs.formatted.label }), cs.formatted.progress && (_jsxs(_Fragment, { children: [_jsx(ProgressBar, { current: cs.formatted.progress.current, target: cs.formatted.progress.target }), _jsxs("span", { className: "se-text-text-secondary se-ml-0.5", children: [cs.formatted.progress.current, "/", cs.formatted.progress.target] })] }))] }));
-}
-export function ConditionStatusLine({ status }) {
-    const [expanded, setExpanded] = useState(false);
-    if (!status)
-        return null;
-    const { visible, conditions } = status;
-    const passedCount = conditions.filter((c) => c.passed).length;
-    const totalCount = conditions.length;
-    // Icon: visible = green check, hidden = clock
-    const StatusIcon = visible ? Check : Clock;
-    const iconColor = visible ? 'se-text-green-4' : 'se-text-yellow-5';
-    // Single condition: show inline detail
-    // Multi condition: show summary, click to expand
-    const isSingle = totalCount === 1;
-    if (isSingle) {
-        const cs = conditions[0];
-        return (_jsxs("div", { className: "se-text-[12px] se-font-medium se-text-text-secondary se-mt-0.5 se-flex se-items-center se-gap-1", children: [_jsx(StatusIcon, { className: cn('se-w-3 se-h-3', iconColor) }), _jsxs("span", { children: [cs.type, ":"] }), _jsx("span", { className: "se-text-text-secondary", children: cs.formatted.label }), cs.formatted.progress && (_jsxs(_Fragment, { children: [_jsx(ProgressBar, { current: cs.formatted.progress.current, target: cs.formatted.progress.target }), _jsxs("span", { className: "se-text-text-secondary se-ml-0.5", children: [cs.formatted.progress.current, "/", cs.formatted.progress.target] })] }))] }));
-    }
-    // Multi-condition: summary line + expandable detail
-    return (_jsxs("div", { className: "se-mt-0.5", children: [_jsxs("button", { type: "button", className: "se-flex se-items-center se-gap-1 se-text-[12px] se-font-medium se-text-text-secondary se-bg-transparent se-border-none se-cursor-pointer se-p-0 hover:se-text-text-primary", onClick: (e) => {
-                    e.stopPropagation();
-                    setExpanded(!expanded);
-                }, children: [_jsx(StatusIcon, { className: cn('se-w-3 se-h-3', iconColor) }), _jsxs("span", { children: [passedCount, " of ", totalCount, " conditions met"] }), _jsx("span", { className: "se-text-[11px] se-ml-0.5", children: expanded ? '\u25b2' : '\u25bc' })] }), expanded && (_jsx("div", { className: "se-mt-0.5 se-space-y-0.5", children: conditions.map((cs, i) => (_jsx(ConditionRow, { cs: cs }, i))) }))] }));
-}

package/node_modules/@syntrologie/shared-editor-ui/dist/components/DetectionBadge.d.ts

@@ -1,7 +0,0 @@
-interface DetectionBadgeProps {
-    found: boolean;
-    onClick?: (e: React.MouseEvent) => void;
-}
-export declare function DetectionBadge({ found, onClick }: DetectionBadgeProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=DetectionBadge.d.ts.map

package/node_modules/@syntrologie/shared-editor-ui/dist/components/DetectionBadge.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DetectionBadge.d.ts","sourceRoot":"","sources":["../../src/components/DetectionBadge.tsx"],"names":[],"mappings":"AAEA,UAAU,mBAAmB;IAC3B,KAAK,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CACzC;AAED,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,mBAAmB,2CA6CrE"}

package/node_modules/@syntrologie/shared-editor-ui/dist/components/DetectionBadge.js

@@ -1,22 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from '../cn';
-export function DetectionBadge({ found, onClick }) {
-    const title = onClick
-        ? found
-            ? 'Click to scroll to element'
-            : 'Click to navigate to page'
-        : found
-            ? 'Found on this page'
-            : 'Not found on this page';
-    const textColor = found ? 'se-text-green-4' : 'se-text-text-tertiary';
-    const dotColor = found ? 'se-bg-green-4' : 'se-bg-text-tertiary';
-    const classes = cn('se-inline-flex se-items-center se-gap-1 se-text-xs se-font-medium se-shrink-0', textColor, onClick && 'se-cursor-pointer hover:se-opacity-80');
-    const dot = (_jsx("span", { "data-indicator": "", className: cn('se-w-1.5 se-h-1.5 se-rounded-full', dotColor) }));
-    if (onClick) {
-        return (_jsxs("button", { type: "button", className: cn(classes, 'se-border-none se-bg-transparent se-p-0'), title: title, onClick: (e) => {
-                e.stopPropagation();
-                onClick(e);
-            }, children: [dot, "GoTo"] }));
-    }
-    return (_jsxs("span", { className: classes, title: title, children: [dot, "GoTo"] }));
-}

package/node_modules/@syntrologie/shared-editor-ui/dist/components/DismissedSection.d.ts

@@ -1,8 +0,0 @@
-import type React from 'react';
-interface DismissedSectionProps {
-    count: number;
-    children: React.ReactNode;
-}
-export declare function DismissedSection({ count, children }: DismissedSectionProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=DismissedSection.d.ts.map

package/node_modules/@syntrologie/shared-editor-ui/dist/components/DismissedSection.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DismissedSection.d.ts","sourceRoot":"","sources":["../../src/components/DismissedSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,UAAU,qBAAqB;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,gBAAgB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,qBAAqB,2CAqB1E"}