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

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

@@ -1,32 +0,0 @@
-/**
- * ElementHighlight — Shared overlay highlight for DOM elements.
- *
- * Tracks element position via useElementRect (scroll/resize-aware).
- * Renders via createPortal to document.body with position: fixed.
- *
- * EXCEPTION: This component MUST stay on document.body (not in shadow root).
- * It tracks and highlights host page elements, and needs same-tree visual
- * stacking context. Uses inline styles exclusively (no CSS leaking concerns).
- *
- * Replaces: InspectHighlight, HighlightOverlay, DiscoveryHighlightOverlay,
- * ReviewHighlightOverlay.
- */
-import type React from 'react';
-export interface ElementHighlightProps {
-    element: HTMLElement;
-    color: string;
-    bgColor?: string;
-    borderStyle?: 'solid' | 'dashed';
-    borderWidth?: number;
-    label?: string;
-    labelIcon?: React.ReactNode;
-    showRemove?: boolean;
-    onRemove?: () => void;
-    onClick?: () => void;
-    zIndex?: number;
-    padding?: number;
-    showDimensions?: boolean;
-    className?: string;
-}
-export declare function ElementHighlight({ element, color, bgColor, borderStyle, borderWidth, label, labelIcon, showRemove, onRemove, onClick, zIndex, padding, showDimensions, className, }: ElementHighlightProps): React.ReactPortal | null;
-//# sourceMappingURL=ElementHighlight.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ElementHighlight.d.ts","sourceRoot":"","sources":["../../src/components/ElementHighlight.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,qBAAqB;IACpC,OAAO,EAAE,WAAW,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,KAAK,EACL,OAAuB,EACvB,WAAqB,EACrB,WAAe,EACf,KAAK,EACL,SAAS,EACT,UAAU,EACV,QAAQ,EACR,OAAO,EACP,MAAmB,EACnB,OAAW,EACX,cAAc,EACd,SAAS,GACV,EAAE,qBAAqB,4BA4HvB"}

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

@@ -1,85 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { createPortal } from 'react-dom';
-import { useElementRect } from '../hooks/useElementRect';
-export function ElementHighlight({ element, color, bgColor = 'transparent', borderStyle = 'solid', borderWidth = 2, label, labelIcon, showRemove, onRemove, onClick, zIndex = 2147483644, padding = 2, showDimensions, className, }) {
-    const rect = useElementRect(element);
-    if (!rect)
-        return null;
-    // Build dimensions label from element metadata
-    const dimensionsLabel = showDimensions
-        ? (() => {
-            const tag = element.tagName.toLowerCase();
-            const id = element.id ? `#${element.id}` : '';
-            const cls = element.className && typeof element.className === 'string'
-                ? `.${element.className.split(' ').filter(Boolean).slice(0, 2).join('.')}`
-                : '';
-            return `${tag}${id}${cls} \u2014 ${Math.round(rect.width)}\u00d7${Math.round(rect.height)}`;
-        })()
-        : null;
-    const displayLabel = label || dimensionsLabel;
-    return createPortal(
-    // biome-ignore lint/a11y/noStaticElementInteractions: overlay highlight element is conditionally interactive based on onClick prop
-    _jsx("div", { "data-syntro-highlight": true, "data-syntro-editor-ui": "highlight", className: className, role: onClick ? 'button' : undefined, tabIndex: onClick ? 0 : undefined, onClick: onClick
-            ? (e) => {
-                e.stopPropagation();
-                e.preventDefault();
-                onClick();
-            }
-            : undefined, onKeyDown: onClick
-            ? (e) => {
-                if (e.key === 'Enter' || e.key === ' ') {
-                    e.stopPropagation();
-                    e.preventDefault();
-                    onClick();
-                }
-            }
-            : undefined, style: {
-            position: 'fixed',
-            top: rect.top - padding,
-            left: rect.left - padding,
-            width: rect.width + padding * 2,
-            height: rect.height + padding * 2,
-            border: `${borderWidth}px ${borderStyle} ${color}`,
-            backgroundColor: bgColor,
-            borderRadius: '4px',
-            zIndex,
-            pointerEvents: onClick || onRemove ? 'auto' : 'none',
-            cursor: onClick ? 'pointer' : 'default',
-            transition: 'all 0.05s ease-out',
-            boxSizing: 'border-box',
-        }, children: displayLabel && (_jsxs("div", { "data-syntro-highlight-label": true, "data-syntro-editor-ui": "highlight-label", className: "se-text-xs", style: {
-                position: 'absolute',
-                top: '-22px',
-                left: 0,
-                background: showDimensions
-                    ? `${color.replace(')', ',0.85)').replace('rgb(', 'rgba(')}`
-                    : color,
-                color: '#fff',
-                fontWeight: 600,
-                fontFamily: showDimensions ? 'monospace' : 'inherit',
-                padding: '1px 6px',
-                borderRadius: '4px',
-                whiteSpace: 'nowrap',
-                display: 'flex',
-                alignItems: 'center',
-                gap: '6px',
-                pointerEvents: 'auto',
-            }, children: [labelIcon, displayLabel, showRemove && onRemove && (_jsx("button", { type: "button", className: "se-text-xs", "data-syntro-highlight-remove": true, "data-syntro-editor-ui": "highlight-remove", onClick: (e) => {
-                        e.stopPropagation();
-                        e.preventDefault();
-                        onRemove();
-                    }, style: {
-                        background: 'rgba(0,0,0,0.4)',
-                        border: 'none',
-                        color: '#fff',
-                        borderRadius: '50%',
-                        width: '16px',
-                        height: '16px',
-                        cursor: 'pointer',
-                        display: 'flex',
-                        alignItems: 'center',
-                        justifyContent: 'center',
-                        padding: 0,
-                        lineHeight: 1,
-                    }, children: "\u00D7" }))] })) }), document.body);
-}

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

@@ -1,6 +0,0 @@
-interface EmptyStateProps {
-    message: string;
-}
-export declare function EmptyState({ message }: EmptyStateProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=EmptyState.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../src/components/EmptyState.tsx"],"names":[],"mappings":"AAAA,UAAU,eAAe;IACvB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,EAAE,eAAe,2CAMtD"}

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

@@ -1,4 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export function EmptyState({ message }) {
-    return (_jsx("div", { className: "se-text-center se-py-8 se-px-4 se-text-text-secondary se-text-sm", children: message }));
-}

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

@@ -1,8 +0,0 @@
-interface GroupHeaderProps {
-    label: string;
-    count: number;
-    className?: string;
-}
-export declare function GroupHeader({ label, count, className }: GroupHeaderProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=GroupHeader.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"GroupHeader.d.ts","sourceRoot":"","sources":["../../src/components/GroupHeader.tsx"],"names":[],"mappings":"AAEA,UAAU,gBAAgB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,gBAAgB,2CAcxE"}

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

@@ -1,5 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from '../cn';
-export function GroupHeader({ label, count, className }) {
-    return (_jsxs("div", { className: cn('se-text-xs se-font-bold se-text-text-primary se-uppercase se-tracking-wide se-py-1 se-pb-2 se-flex se-items-center se-justify-between', className), children: [_jsx("span", { children: label }), _jsx("span", { className: "se-text-xs se-text-text-secondary se-bg-badge-slate-bg se-px-1.5 se-py-0.5 se-rounded-lg", children: count })] }));
-}

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

@@ -1,12 +0,0 @@
-/**
- * TriggerJourney — compact horizontal node graph for triggerWhen conditions.
- *
- * Displays each condition as a small circle node connected by lines.
- * Nodes light up green as conditions are met.
- */
-import type { TriggerWhenStatus } from './ConditionStatusLine';
-export interface TriggerJourneyProps {
-    status: TriggerWhenStatus | null;
-}
-export declare function TriggerJourney({ status }: TriggerJourneyProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=TriggerJourney.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TriggerJourney.d.ts","sourceRoot":"","sources":["../../src/components/TriggerJourney.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,KAAK,EAAmB,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAEhF,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,iBAAiB,GAAG,IAAI,CAAC;CAClC;AA4FD,wBAAgB,cAAc,CAAC,EAAE,MAAM,EAAE,EAAE,mBAAmB,2CA+B7D"}

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

@@ -1,40 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * TriggerJourney — compact horizontal node graph for triggerWhen conditions.
- *
- * Displays each condition as a small circle node connected by lines.
- * Nodes light up green as conditions are met.
- */
-import { Check } from 'lucide-react';
-import { cn } from '../cn';
-/* ------------------------------------------------------------------ */
-/*  Internal: small progress bar for event_count nodes                */
-/* ------------------------------------------------------------------ */
-function ProgressBar({ current, target }) {
-    const pct = Math.min(100, Math.round((current / Math.max(target, 1)) * 100));
-    return (_jsxs("div", { className: "se-flex se-items-center se-gap-0.5", children: [_jsx("span", { className: "se-inline-block se-w-8 se-h-1 se-rounded-full se-bg-white/20", 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}%` } }) }), _jsxs("span", { className: "se-text-[11px] se-font-medium se-text-text-secondary", children: [current, "/", target] })] }));
-}
-/* ------------------------------------------------------------------ */
-/*  Internal: single journey node with label + optional connection    */
-/* ------------------------------------------------------------------ */
-function JourneyNode({ cs, isLast }) {
-    const hasProgress = !!cs.formatted.progress;
-    const inProgress = !cs.passed && hasProgress && cs.formatted.progress.current > 0;
-    return (_jsxs("div", { className: "se-flex se-items-center se-gap-0", children: [_jsxs("div", { className: "se-flex se-flex-col se-items-center se-min-w-0", children: [_jsx("div", { "data-journey-node": true, "data-passed": cs.passed ? 'true' : 'false', className: cn('se-w-4 se-h-4 se-rounded-full se-border-2 se-flex se-items-center se-justify-center se-shrink-0', cs.passed
-                            ? 'se-bg-green-4 se-border-green-4'
-                            : inProgress
-                                ? 'se-bg-blue-4 se-border-blue-4'
-                                : 'se-bg-transparent se-border-white/30'), children: cs.passed && _jsx(Check, { className: "se-w-2.5 se-h-2.5 se-text-white" }) }), _jsx("span", { className: "se-text-[11px] se-font-medium se-text-text-secondary se-truncate se-max-w-[60px] se-text-center se-mt-0.5", title: cs.formatted.instruction, children: cs.formatted.shortLabel }), hasProgress && (_jsx(ProgressBar, { current: cs.formatted.progress.current, target: cs.formatted.progress.target }))] }), !isLast && (_jsx("div", { "data-journey-line": true, className: cn('se-h-0.5 se-w-4 se-self-start se-mt-2 se-shrink-0', cs.passed ? 'se-bg-green-4' : 'se-bg-white/20') }))] }));
-}
-/* ------------------------------------------------------------------ */
-/*  Main component                                                    */
-/* ------------------------------------------------------------------ */
-export function TriggerJourney({ status }) {
-    if (!status || status.conditions.length === 0) {
-        return (_jsx("div", { className: "se-mt-1 se-text-[12px] se-font-medium se-text-text-secondary se-italic", children: "Always Present" }));
-    }
-    const { conditions } = status;
-    const allPassed = conditions.every((c) => c.passed);
-    const isMulti = conditions.length > 1;
-    return (_jsxs("div", { className: "se-mt-1", children: [_jsx("div", { className: "se-flex se-items-start", children: conditions.map((cs, i) => (_jsx(JourneyNode, { cs: cs, isLast: i === conditions.length - 1 }, i))) }), allPassed && isMulti && (_jsxs("div", { className: "se-flex se-items-center se-gap-1 se-mt-1 se-text-[12px] se-text-green-4", children: [_jsx(Check, { className: "se-w-3 se-h-3" }), _jsx("span", { children: "All conditions met" })] }))] }));
-}

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

@@ -1,26 +0,0 @@
-/**
- * Format a triggerWhen condition into a human-readable label.
- * Pure function — no runtime dependency.
- */
-interface ConditionLike {
-    type: string;
-    [key: string]: unknown;
-}
-export interface ConditionProgress {
-    current: number;
-    target: number;
-    operator: string;
-}
-export interface FormattedCondition {
-    label: string;
-    instruction: string;
-    shortLabel: string;
-    progress?: ConditionProgress;
-}
-/**
- * Convert a Condition object into a human-readable label.
- * For event_count conditions, also returns progress data.
- */
-export declare function formatConditionLabel(condition: ConditionLike, accumulatorCount?: number): FormattedCondition;
-export {};
-//# sourceMappingURL=formatConditionLabel.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"formatConditionLabel.d.ts","sourceRoot":"","sources":["../src/formatConditionLabel.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,UAAU,aAAa;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAgDD,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,iBAAiB,CAAC;CAC9B;AAMD;;;GAGG;AACH,wBAAgB,oBAAoB,CAClC,SAAS,EAAE,aAAa,EACxB,gBAAgB,CAAC,EAAE,MAAM,GACxB,kBAAkB,CAoKpB"}

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

@@ -1,202 +0,0 @@
-/**
- * Format a triggerWhen condition into a human-readable label.
- * Pure function — no runtime dependency.
- */
-/**
- * Format match criteria as a parenthetical string.
- * { tagName: 'a' } → '(tagName: a)'
- */
-function _formatMatch(match) {
-    if (!match || Object.keys(match).length === 0)
-        return '';
-    const parts = Object.entries(match).map(([k, v]) => `${k}: ${v}`);
-    return ` (${parts.join(', ')})`;
-}
-/**
- * Format an operator for display.
- */
-function formatOperator(op) {
-    switch (op) {
-        case 'gte':
-            return '\u2265'; // ≥
-        case 'lte':
-            return '\u2264'; // ≤
-        case 'gt':
-            return '>';
-        case 'lt':
-            return '<';
-        case 'eq':
-            return '=';
-        default:
-            return op;
-    }
-}
-/**
- * Convert a hyphenated or underscored key into human-readable lowercase text.
- * e.g. "fine-arts-page-views" → "fine arts page views"
- */
-function humanizeKey(key) {
-    return key.replace(/[-_]/g, ' ').toLowerCase();
-}
-/**
- * Strip trailing wildcard segments from a URL path.
- * e.g. "/fine-arts/**" → "/fine-arts/"
- */
-function cleanUrl(url) {
-    return url.replace(/\/?\*+$/, '/').replace(/\/\/$/, '/');
-}
-// Pre-compiled regexes for event_count classification
-const PAGE_VIEW_RE = /page.?view/i;
-const CLICK_RE = /click/i;
-/**
- * Convert a Condition object into a human-readable label.
- * For event_count conditions, also returns progress data.
- */
-export function formatConditionLabel(condition, accumulatorCount) {
-    switch (condition.type) {
-        case 'event_count': {
-            const key = condition.key;
-            const op = condition.operator;
-            const target = condition.count;
-            const current = accumulatorCount ?? 0;
-            const humanized = humanizeKey(key);
-            let instruction;
-            let shortLabel;
-            if (PAGE_VIEW_RE.test(humanized)) {
-                // Extract the topic by removing "page view(s)" from the humanized key
-                const topic = humanized.replace(/\s*page\s*views?\s*/i, '').trim();
-                instruction = topic
-                    ? `View ${topic} pages ${target}+ times`
-                    : `View pages ${target}+ times`;
-                shortLabel = `View ${target}+ times`;
-            }
-            else if (CLICK_RE.test(humanized)) {
-                const topic = humanized.replace(/\s*clicks?\s*/i, '').trim();
-                instruction = topic ? `Click ${topic} ${target}+ times` : `Click ${target}+ times`;
-                shortLabel = `${target}+ clicks`;
-            }
-            else {
-                // Generic event
-                const lastWord = humanized
-                    .trim()
-                    .split(' ')
-                    .filter((w) => w)
-                    .pop() || 'events';
-                instruction = `Reach ${target}+ ${humanized} events`;
-                shortLabel = `${target}+ ${lastWord}s`;
-            }
-            return {
-                label: `${key} ${formatOperator(op)} ${target}`,
-                instruction,
-                shortLabel,
-                progress: { current, target, operator: op },
-            };
-        }
-        case 'page_url': {
-            const url = condition.url;
-            const cleaned = cleanUrl(url);
-            const hasWildcard = url !== cleaned;
-            const instruction = hasWildcard ? `Visit a ${cleaned} page` : `Visit ${cleaned}`;
-            return {
-                label: `${url}`,
-                instruction,
-                shortLabel: cleaned,
-            };
-        }
-        case 'anchor_visible': {
-            const rawAnchor = condition.anchorId;
-            const anchorId = typeof rawAnchor === 'string'
-                ? rawAnchor
-                : (rawAnchor?.selector ?? '');
-            const state = condition.state;
-            return {
-                label: `${anchorId} (${state})`,
-                instruction: `Scroll until ${anchorId} is ${state}`,
-                shortLabel: `${anchorId}`,
-            };
-        }
-        case 'event_occurred': {
-            const eventName = condition.eventName;
-            return {
-                label: `${eventName}`,
-                instruction: `Trigger a ${eventName} event`,
-                shortLabel: `${eventName}`,
-            };
-        }
-        case 'state_equals': {
-            const key = condition.key;
-            const val = condition.value === undefined ? 'undefined' : JSON.stringify(condition.value);
-            return {
-                label: `${key} = ${val}`,
-                instruction: `${key} equals ${val}`,
-                shortLabel: `${key}`,
-            };
-        }
-        case 'viewport': {
-            const parts = [];
-            if (condition.minWidth !== undefined)
-                parts.push(`w ${formatOperator('gte')} ${condition.minWidth}px`);
-            if (condition.maxWidth !== undefined)
-                parts.push(`w ${formatOperator('lte')} ${condition.maxWidth}px`);
-            if (condition.minHeight !== undefined)
-                parts.push(`h ${formatOperator('gte')} ${condition.minHeight}px`);
-            if (condition.maxHeight !== undefined)
-                parts.push(`h ${formatOperator('lte')} ${condition.maxHeight}px`);
-            const label = parts.join(', ') || 'any viewport';
-            const instruction = parts.length > 0 ? `Use a viewport ${parts.join(' and ')}` : 'Use a viewport of any size';
-            const shortLabel = parts.length > 0 ? parts[0] : 'Any size';
-            return { label, instruction, shortLabel };
-        }
-        case 'session_metric': {
-            const key = condition.key;
-            const op = condition.operator;
-            const threshold = condition.threshold;
-            return {
-                label: `${key} ${formatOperator(op)} ${threshold}`,
-                instruction: `${key} reaches ${threshold}+`,
-                shortLabel: `${key} ${threshold}+`,
-            };
-        }
-        case 'dismissed': {
-            const inverted = condition.inverted;
-            const key = condition.key;
-            const target = key || 'this';
-            return {
-                label: inverted ? 'not dismissed' : 'dismissed',
-                instruction: inverted ? `Do not dismiss ${target}` : `Dismiss ${target}`,
-                shortLabel: inverted ? 'Not dismissed' : 'Dismissed',
-            };
-        }
-        case 'cooldown_active': {
-            const inverted = condition.inverted;
-            return {
-                label: inverted ? 'cooldown inactive' : 'cooldown active',
-                instruction: inverted ? 'Wait for cooldown to expire' : 'Cooldown is active',
-                shortLabel: inverted ? 'Cooldown done' : 'Cooldown active',
-            };
-        }
-        case 'frequency_limit': {
-            const inverted = condition.inverted;
-            const limit = condition.limit;
-            return {
-                label: `shown ${formatOperator(inverted ? 'lt' : 'gte')} ${limit} times`,
-                instruction: inverted ? `Shown fewer than ${limit} times` : `Shown ${limit}+ times`,
-                shortLabel: inverted ? `< ${limit} views` : `${limit}+ views`,
-            };
-        }
-        case 'route': {
-            const routeId = condition.routeId;
-            return {
-                label: `${routeId}`,
-                instruction: `Navigate to ${routeId} route`,
-                shortLabel: `${routeId}`,
-            };
-        }
-        default:
-            return {
-                label: `${condition.type}`,
-                instruction: `${condition.type}`,
-                shortLabel: `${condition.type}`,
-            };
-    }
-}

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

@@ -1,8 +0,0 @@
-/**
- * Returns a live DOMRect for an element, updating on scroll, resize,
- * and element size changes.
- *
- * Uses requestAnimationFrame to batch updates and avoid layout thrashing.
- */
-export declare function useElementRect(element: HTMLElement | null): DOMRect | null;
-//# sourceMappingURL=useElementRect.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useElementRect.d.ts","sourceRoot":"","sources":["../../src/hooks/useElementRect.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,GAAG,OAAO,GAAG,IAAI,CA6C1E"}

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

@@ -1,46 +0,0 @@
-import { useCallback, useEffect, useState } from 'react';
-/**
- * Returns a live DOMRect for an element, updating on scroll, resize,
- * and element size changes.
- *
- * Uses requestAnimationFrame to batch updates and avoid layout thrashing.
- */
-export function useElementRect(element) {
-    const [rect, setRect] = useState(null);
-    const update = useCallback(() => {
-        if (element) {
-            setRect(element.getBoundingClientRect());
-        }
-    }, [element]);
-    useEffect(() => {
-        if (!element) {
-            setRect(null);
-            return;
-        }
-        // Initial measurement
-        setRect(element.getBoundingClientRect());
-        let rafId = null;
-        const scheduleUpdate = () => {
-            if (rafId != null)
-                return;
-            rafId = requestAnimationFrame(() => {
-                rafId = null;
-                update();
-            });
-        };
-        // Scroll (capture phase catches nested scroll containers)
-        window.addEventListener('scroll', scheduleUpdate, true);
-        window.addEventListener('resize', scheduleUpdate);
-        // Observe element size changes
-        const ro = new ResizeObserver(scheduleUpdate);
-        ro.observe(element);
-        return () => {
-            window.removeEventListener('scroll', scheduleUpdate, true);
-            window.removeEventListener('resize', scheduleUpdate);
-            ro.disconnect();
-            if (rafId != null)
-                cancelAnimationFrame(rafId);
-        };
-    }, [element, update]);
-    return rect;
-}

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

@@ -1,24 +0,0 @@
-import type { TriggerWhenStatus } from '../components/ConditionStatusLine';
-/**
- * Minimal type for a triggerWhen action item.
- * Works with both FAQQuestionAction and NavTipAction.
- */
-export interface TriggerWhenItem {
-    id: string;
-    triggerWhen?: {
-        type: string;
-        rules?: Array<{
-            conditions: Array<Record<string, unknown>>;
-            value: unknown;
-        }>;
-        default?: unknown;
-    } | null;
-}
-/**
- * Hook: live triggerWhen evaluation for a list of action items.
- *
- * @param items Array of items with id + optional triggerWhen
- * @returns Map from item id → TriggerWhenStatus (null for items without triggerWhen)
- */
-export declare function useTriggerWhenStatus(items: TriggerWhenItem[]): Map<string, TriggerWhenStatus | null>;
-//# sourceMappingURL=useTriggerWhenStatus.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useTriggerWhenStatus.d.ts","sourceRoot":"","sources":["../../src/hooks/useTriggerWhenStatus.ts"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAmB,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAG5F;;;GAGG;AACH,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,CAAC,EAAE;QACZ,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,CAAC,EAAE,KAAK,CAAC;YACZ,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;YAC3C,KAAK,EAAE,OAAO,CAAC;SAChB,CAAC,CAAC;QACH,OAAO,CAAC,EAAE,OAAO,CAAC;KACnB,GAAG,IAAI,CAAC;CACV;AAqED;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,eAAe,EAAE,GACvB,GAAG,CAAC,MAAM,EAAE,iBAAiB,GAAG,IAAI,CAAC,CA0CvC"}

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

@@ -1,86 +0,0 @@
-/**
- * useTriggerWhenStatus — live triggerWhen evaluation for editor diagnostics.
- *
- * Delegates condition evaluation to the runtime's evaluateSync() method,
- * eliminating duplicated logic. Subscribes to the EventAccumulator for
- * reactive updates.
- *
- * NOTE: This hook accesses `window.SynOS.handle.runtime` directly
- * because EditorPanelProps doesn't expose runtime. This is safe —
- * the editor only runs after runtime bootstrap.
- */
-import { useCallback, useEffect, useRef, useState } from 'react';
-import { formatConditionLabel } from '../formatConditionLabel';
-/**
- * Build a RuntimeLike from the real SynOS.handle.runtime.
- */
-function getRuntime() {
-    const rt = window.SynOS?.handle?.runtime;
-    if (!rt?.evaluateSync)
-        return null;
-    return {
-        evaluateSync: rt.evaluateSync.bind(rt),
-        accumulator: rt.accumulator,
-    };
-}
-/**
- * Evaluate all conditions in a triggerWhen RuleStrategy via the runtime engine.
- */
-function evaluateTriggerWhen(triggerWhen, runtime) {
-    if (triggerWhen.type !== 'rules' || !triggerWhen.rules?.length) {
-        return { visible: !!triggerWhen.default, isFallback: true, conditions: [] };
-    }
-    const result = runtime.evaluateSync(triggerWhen);
-    const conditions = (result.matchInfo?.evaluatedConditions ?? []).map(({ condition, result: passed }) => {
-        // Get live accumulator count for event_count progress display
-        const accCount = condition.type === 'event_count' && runtime.accumulator
-            ? runtime.accumulator.getCount(condition.key, condition.withinMs)
-            : undefined;
-        const formatted = formatConditionLabel(condition, accCount);
-        return { type: condition.type, passed, formatted };
-    });
-    return { visible: result.value, isFallback: result.isFallback, conditions };
-}
-/**
- * Hook: live triggerWhen evaluation for a list of action items.
- *
- * @param items Array of items with id + optional triggerWhen
- * @returns Map from item id → TriggerWhenStatus (null for items without triggerWhen)
- */
-export function useTriggerWhenStatus(items) {
-    const [statuses, setStatuses] = useState(new Map());
-    const itemsRef = useRef(items);
-    itemsRef.current = items;
-    const evaluate = useCallback(() => {
-        const runtime = getRuntime();
-        if (!runtime)
-            return;
-        const map = new Map();
-        for (const item of itemsRef.current) {
-            if (!item.triggerWhen) {
-                map.set(item.id, null);
-            }
-            else {
-                map.set(item.id, evaluateTriggerWhen(item.triggerWhen, runtime));
-            }
-        }
-        setStatuses(map);
-    }, []);
-    useEffect(() => {
-        // Initial evaluation
-        evaluate();
-        // Subscribe to accumulator changes for reactive event_count updates
-        const runtime = getRuntime();
-        const unsubs = [];
-        if (runtime?.accumulator) {
-            unsubs.push(runtime.accumulator.subscribe(evaluate));
-        }
-        // Poll every 2s for non-accumulator conditions (page_url, viewport, etc.)
-        const interval = setInterval(evaluate, 2000);
-        return () => {
-            unsubs.forEach((u) => u());
-            clearInterval(interval);
-        };
-    }, [evaluate]);
-    return statuses;
-}