@syntrologie/adapt-content 2.4.1 → 2.5.1

package/dist/editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../src/editor.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAuBH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AA4IhD,wBAAgB,aAAa,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,gBAAgB,2CA6iB3E;AAED;;GAEG;AACH,eAAO,MAAM,MAAM;;;;;;;CAOlB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;CAAe,CAAC;AAExC,eAAe,aAAa,CAAC"}
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../src/editor.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAuBH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAkLhD,wBAAgB,aAAa,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,gBAAgB,2CAmkB3E;AAED;;GAEG;AACH,eAAO,MAAM,MAAM;;;;;;;CAOlB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;CAAe,CAAC;AAExC,eAAe,aAAa,CAAC"}

package/dist/editor.js

@@ -11,6 +11,42 @@ import { FileCode, Minus, Palette, Plus, Tag, Type } from 'lucide-react';
 import { useCallback, useEffect, useRef, useState } from 'react';
 import { AnchorPicker } from './components/AnchorPicker';
 import { summarizeContentChange } from './summarize';
+// ============================================================================
+// Anchor Helpers
+// ============================================================================
+/** Extract the CSS selector string from an anchorId (object or legacy string). */
+function resolveAnchorSelector(anchorId) {
+    if (!anchorId)
+        return '';
+    if (typeof anchorId === 'string')
+        return anchorId;
+    if (typeof anchorId === 'object' && 'selector' in anchorId) {
+        return anchorId.selector;
+    }
+    return '';
+}
+/** Extract the target route from an AnchorId object, ignoring wildcard '**'. */
+function resolveAnchorRoute(anchorId) {
+    if (!anchorId || typeof anchorId !== 'object')
+        return null;
+    const route = anchorId.route;
+    if (typeof route === 'string' && route !== '**')
+        return route;
+    if (Array.isArray(route)) {
+        const first = route.find((r) => typeof r === 'string' && r !== '**');
+        return first ?? null;
+    }
+    return null;
+}
+/** Save a pending highlight selector to sessionStorage (inlined to avoid cross-package import). */
+function savePendingHighlight(selector) {
+    try {
+        sessionStorage.setItem('syntro:editor:pending-highlight', selector);
+    }
+    catch {
+        // Silently ignore
+    }
+}
 function itemKey(section, index) {
     return `${section}:${index}`;
 }
@@ -50,7 +86,8 @@ function flattenItems(config) {
                 section,
                 index: i,
                 summary: summarizeContentChange(section, rec),
-                anchorId: rec.anchorId || '',
+                anchorId: resolveAnchorSelector(rec.anchorId),
+                rawAnchorId: rec.anchorId,
             });
         });
     }
@@ -220,6 +257,25 @@ export function ContentEditor({ config, onChange, editor }) {
         }
         editor.publish();
     }, [dismissedKeys, typedConfig, onChange, editor]);
+    const handleBadgeClick = useCallback(async (item) => {
+        const detection = detectionMap.get(item.key);
+        if (detection?.found && item.anchorId) {
+            editor.highlightElement(item.anchorId);
+        }
+        else {
+            const route = resolveAnchorRoute(item.rawAnchorId);
+            if (route) {
+                if (item.anchorId)
+                    savePendingHighlight(item.anchorId);
+                await editor.navigateTo(route);
+                if (item.anchorId)
+                    editor.highlightElement(item.anchorId);
+            }
+            else if (item.anchorId) {
+                editor.highlightElement(item.anchorId);
+            }
+        }
+    }, [editor, detectionMap]);
     const handleCardHover = useCallback((item) => {
         setHoveredKey(item.key);
         if (item.anchorId) {
@@ -284,7 +340,7 @@ export function ContentEditor({ config, onChange, editor }) {
         const item = arr[index];
         if (!item)
             return null;
-        const anchorId = item.anchorId || '';
+        const anchorId = resolveAnchorSelector(item.anchorId);
         switch (section) {
             case 'textReplacements':
                 return (_jsxs("div", { className: "se-py-1", children: [_jsx("div", { className: "se-text-sm se-font-mono se-text-text-secondary se-py-1 se-px-2 se-bg-slate-grey-3 se-rounded-lg se-mb-3", children: anchorId }), _jsx(EditorTextarea, { label: "Text", value: item.text || '', onChange: (e) => handleFieldChange(section, index, 'text', e.target.value) })] }));
@@ -338,7 +394,7 @@ export function ContentEditor({ config, onChange, editor }) {
                 /* ---- List mode ---- */
                 _jsxs(_Fragment, { children: [_jsx("button", { type: "button", onClick: handleStartCreate, className: "se-w-full se-h-10 se-px-4 se-py-2 se-rounded-md se-border se-border-dashed se-border-btn-primary/30 se-bg-btn-primary/5 se-text-btn-primary se-text-sm se-font-medium se-cursor-pointer se-flex se-items-center se-justify-center se-gap-2 se-mb-3", children: "+ Add Text Change" }), allItems.length === 0 && (_jsx(EmptyState, { message: "No content changes configured. Click above to add one." })), activeItems.length > 0 && (_jsxs(_Fragment, { children: [_jsx(GroupHeader, { label: "CONTENT", count: activeItems.length }), activeItems.map((item) => {
                                     const detection = detectionMap.get(item.key);
-                                    return (_jsxs(EditorCard, { itemKey: item.key, onClick: () => handleCardClick(item), className: "se-flex se-items-center se-gap-2", onMouseEnter: () => handleCardHover(item), onMouseLeave: handleCardLeave, children: [_jsx(DetectionBadge, { found: detection?.found ?? false }), _jsx("span", { className: "se-shrink-0 se-flex se-items-center -se-ml-1", children: _jsx(SectionIcon, { section: item.section }) }), _jsx("span", { className: "se-flex-1 se-overflow-hidden se-text-ellipsis se-whitespace-nowrap", children: item.summary }), _jsx("button", { type: "button", className: "se-py-0.5 se-px-1.5 se-rounded se-border-none se-bg-transparent se-text-slate-grey-7 se-text-sm se-cursor-pointer se-shrink-0 se-leading-none", onClick: (e) => {
+                                    return (_jsxs(EditorCard, { itemKey: item.key, onClick: () => handleCardClick(item), className: "se-flex se-items-center se-gap-2", onMouseEnter: () => handleCardHover(item), onMouseLeave: handleCardLeave, children: [_jsx(DetectionBadge, { found: detection?.found ?? false, onClick: () => handleBadgeClick(item) }), _jsx("span", { className: "se-shrink-0 se-flex se-items-center -se-ml-1", children: _jsx(SectionIcon, { section: item.section }) }), _jsx("span", { className: "se-flex-1 se-overflow-hidden se-text-ellipsis se-whitespace-nowrap", children: item.summary }), _jsx("button", { type: "button", className: "se-py-0.5 se-px-1.5 se-rounded se-border-none se-bg-transparent se-text-slate-grey-7 se-text-sm se-cursor-pointer se-shrink-0 se-leading-none", onClick: (e) => {
                                                     e.stopPropagation();
                                                     handleDismiss(item.key);
                                                 }, title: "Dismiss this change", children: "\u00D7" })] }, item.key));

package/dist/runtime.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"runtime.d.ts","sourceRoot":"","sources":["../src/runtime.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,KAAK,EACV,cAAc,EACd,cAAc,EAEd,gBAAgB,EAChB,iBAAiB,EACjB,aAAa,EACb,cAAc,EACd,aAAa,EACd,MAAM,SAAS,CAAC;AAMjB;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,cAAc,CAAC,gBAAgB,CA4F9D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,cAAc,CAAC,aAAa,CA+BxD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,cAAc,CAAC,aAAa,CAwDxD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,cAAc,CAAC,cAAc,CA8B1D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,cAAc,CAAC,iBAAiB,CA8BhE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,cAAc,CAAC,cAAc,CA+C1D,CAAC;AAMF;;;GAGG;AACH,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;EAOZ,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;CAMnB,CAAC"}
+{"version":3,"file":"runtime.d.ts","sourceRoot":"","sources":["../src/runtime.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,KAAK,EACV,cAAc,EACd,cAAc,EAEd,gBAAgB,EAChB,iBAAiB,EACjB,aAAa,EACb,cAAc,EACd,aAAa,EACd,MAAM,SAAS,CAAC;AAMjB;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,cAAc,CAAC,gBAAgB,CA+H9D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,cAAc,CAAC,aAAa,CAmCxD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,cAAc,CAAC,aAAa,CA4DxD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,cAAc,CAAC,cAAc,CAkC1D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,cAAc,CAAC,iBAAiB,CAkChE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,cAAc,CAAC,cAAc,CAmD1D,CAAC;AAMF;;;GAGG;AACH,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;EAOZ,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;CAMnB,CAAC"}

package/dist/runtime.js

@@ -13,15 +13,33 @@ import { sanitizeHtml } from './sanitizer';
  * Execute an insertHtml action
  */
 export const executeInsertHtml = async (action, context) => {
-    const anchorEl = context.resolveAnchor(action.anchorId);
+    let anchorEl = context.resolveAnchor(action.anchorId);
+    if (!anchorEl && context.waitForAnchor) {
+        anchorEl = await context.waitForAnchor(action.anchorId, 3000);
+    }
     if (!anchorEl) {
-        throw new Error(`Anchor not found: ${action.anchorId}`);
+        console.warn(`[adaptive-content] Anchor not found after waiting: ${action.anchorId.selector}`);
+        return { cleanup: () => { } };
     }
     // Sanitize HTML content using context utility
     const sanitizedHtml = sanitizeHtml(action.html);
+    // Dedup: if a container for this action already exists, remove it first.
+    // Uses the action label as a stable identifier across re-applications.
+    // Check both inside the anchor (prepend/append) and in the parent (before/after).
+    const dedupAttr = 'data-syntro-insert-label';
+    const label = action.label;
+    if (label) {
+        const escapedLabel = CSS.escape(label);
+        const searchRoot = anchorEl.parentElement ?? anchorEl;
+        const existing = searchRoot.querySelector(`[${dedupAttr}="${escapedLabel}"]`);
+        if (existing)
+            existing.remove();
+    }
     // Create container for inserted content
     const container = document.createElement('div');
     container.setAttribute('data-syntro-action-id', context.generateId());
+    if (label)
+        container.setAttribute(dedupAttr, label);
     container.innerHTML = sanitizedHtml;
     // Keep track of original state for replace position
     let originalContent = null;
@@ -43,6 +61,20 @@ export const executeInsertHtml = async (action, context) => {
             anchorEl.replaceWith(container);
             break;
     }
+    // Deep-link click handler — opens canvas + publishes deep-link event
+    let deepLinkHandler = null;
+    if (action.deepLink) {
+        const { tileId, itemId } = action.deepLink;
+        deepLinkHandler = () => {
+            const handle = window.SynOS?.handle;
+            if (handle) {
+                handle.open();
+                handle.runtime?.events?.publish('notification.deep_link', { tileId, itemId });
+            }
+        };
+        container.style.cursor = 'pointer';
+        container.addEventListener('click', deepLinkHandler);
+    }
     context.publishEvent('action.applied', {
         id: context.generateId(),
         kind: 'content:insertHtml',
@@ -73,6 +105,9 @@ export const executeInsertHtml = async (action, context) => {
     const guardCleanup = guardAgainstReconciliation(container, anchorEl, reinsertFn);
     return {
         cleanup: () => {
+            if (deepLinkHandler) {
+                container.removeEventListener('click', deepLinkHandler);
+            }
             guardCleanup();
             if (action.position === 'replace' && originalContent !== null) {
                 // Restore original element
@@ -99,9 +134,13 @@ export const executeInsertHtml = async (action, context) => {
  * Execute a setText action
  */
 export const executeSetText = async (action, context) => {
-    const anchorEl = context.resolveAnchor(action.anchorId);
+    let anchorEl = context.resolveAnchor(action.anchorId);
+    if (!anchorEl && context.waitForAnchor) {
+        anchorEl = await context.waitForAnchor(action.anchorId, 3000);
+    }
     if (!anchorEl) {
-        throw new Error(`Anchor not found: ${action.anchorId}`);
+        console.warn(`[adaptive-content] Anchor not found after waiting: ${action.anchorId.selector}`);
+        return { cleanup: () => { } };
     }
     // Snapshot original text
     const originalText = anchorEl.textContent ?? '';
@@ -127,9 +166,13 @@ export const executeSetText = async (action, context) => {
  * Execute a setAttr action
  */
 export const executeSetAttr = async (action, context) => {
-    const anchorEl = context.resolveAnchor(action.anchorId);
+    let anchorEl = context.resolveAnchor(action.anchorId);
+    if (!anchorEl && context.waitForAnchor) {
+        anchorEl = await context.waitForAnchor(action.anchorId, 3000);
+    }
     if (!anchorEl) {
-        throw new Error(`Anchor not found: ${action.anchorId}`);
+        console.warn(`[adaptive-content] Anchor not found after waiting: ${action.anchorId.selector}`);
+        return { cleanup: () => { } };
     }
     // Block dangerous attributes (case-insensitive)
     const lowerAttr = action.attr.toLowerCase();
@@ -177,9 +220,13 @@ export const executeSetAttr = async (action, context) => {
  * Execute an addClass action
  */
 export const executeAddClass = async (action, context) => {
-    const anchorEl = context.resolveAnchor(action.anchorId);
+    let anchorEl = context.resolveAnchor(action.anchorId);
+    if (!anchorEl && context.waitForAnchor) {
+        anchorEl = await context.waitForAnchor(action.anchorId, 3000);
+    }
     if (!anchorEl) {
-        throw new Error(`Anchor not found: ${action.anchorId}`);
+        console.warn(`[adaptive-content] Anchor not found after waiting: ${action.anchorId.selector}`);
+        return { cleanup: () => { } };
     }
     // Check if class was already present
     const hadClass = anchorEl.classList.contains(action.className);
@@ -204,9 +251,13 @@ export const executeAddClass = async (action, context) => {
  * Execute a removeClass action
  */
 export const executeRemoveClass = async (action, context) => {
-    const anchorEl = context.resolveAnchor(action.anchorId);
+    let anchorEl = context.resolveAnchor(action.anchorId);
+    if (!anchorEl && context.waitForAnchor) {
+        anchorEl = await context.waitForAnchor(action.anchorId, 3000);
+    }
     if (!anchorEl) {
-        throw new Error(`Anchor not found: ${action.anchorId}`);
+        console.warn(`[adaptive-content] Anchor not found after waiting: ${action.anchorId.selector}`);
+        return { cleanup: () => { } };
     }
     // Check if class was present
     const hadClass = anchorEl.classList.contains(action.className);
@@ -231,9 +282,13 @@ export const executeRemoveClass = async (action, context) => {
  * Execute a setStyle action
  */
 export const executeSetStyle = async (action, context) => {
-    const anchorEl = context.resolveAnchor(action.anchorId);
+    let anchorEl = context.resolveAnchor(action.anchorId);
+    if (!anchorEl && context.waitForAnchor) {
+        anchorEl = await context.waitForAnchor(action.anchorId, 3000);
+    }
     if (!anchorEl) {
-        throw new Error(`Anchor not found: ${action.anchorId}`);
+        console.warn(`[adaptive-content] Anchor not found after waiting: ${action.anchorId.selector}`);
+        return { cleanup: () => { } };
     }
     // Snapshot original styles
     const originalStyles = new Map();

package/dist/summarize.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"summarize.d.ts","sourceRoot":"","sources":["../src/summarize.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAI9C;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAwBzD;AAYD;;GAEG;AACH,wBAAgB,sBAAsB,CACpC,IAAI,EAAE,MAAM,aAAa,EACzB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAC5B,MAAM,CAiCR"}
+{"version":3,"file":"summarize.d.ts","sourceRoot":"","sources":["../src/summarize.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAc9C;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAwBzD;AAYD;;GAEG;AACH,wBAAgB,sBAAsB,CACpC,IAAI,EAAE,MAAM,aAAa,EACzB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAC5B,MAAM,CAiCR"}

package/dist/summarize.js

@@ -4,6 +4,17 @@
  * 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 or legacy string). */
+function resolveAnchorSelector(anchorId) {
+    if (!anchorId)
+        return '';
+    if (typeof anchorId === 'string')
+        return anchorId;
+    if (typeof anchorId === 'object' && 'selector' in anchorId) {
+        return anchorId.selector;
+    }
+    return '';
+}
 /**
  * Convert a CSS selector into a human-friendly element description.
  */
@@ -44,7 +55,7 @@ function truncateQuoted(text, max) {
  * Generate a human-readable one-liner for a content config change.
  */
 export function summarizeContentChange(type, item) {
-    const desc = describeSelector(item.anchorId || '');
+    const desc = describeSelector(resolveAnchorSelector(item.anchorId));
     switch (type) {
         case 'textReplacements': {
             const text = item.text || '';

package/dist/types.d.ts

@@ -4,75 +4,42 @@
  * Minimal type definitions for building this app independently.
  * These match the types exported from @syntrologie/runtime-sdk/types.
  */
-export interface EditorPanelProps {
-    config: Record<string, unknown>;
-    onChange: (config: Record<string, unknown>) => void;
-    editor: {
-        setDirty: (dirty: boolean) => void;
-        navigateHome: () => Promise<boolean>;
-        save: () => Promise<void>;
-        publish: (captureScreenshot?: boolean) => Promise<void>;
-        /** Navigate the target page to a different route (preserves editor params). */
-        navigateTo: (route: string) => Promise<void>;
-        /** Show a persistent blue highlight on the element matching this selector. */
-        highlightElement: (selector: string) => void;
-        /** Remove the persistent element highlight. */
-        clearHighlight: () => void;
-        /** Get the current page route (pathname). */
-        getCurrentRoute: () => string;
-        /** Push a temporary config to the live page preview without saving to state. */
-        previewConfig: (config: Record<string, unknown>) => void;
-        /** Global before/after preview mode set by the panel's toggle. */
-        previewMode?: 'before' | 'after';
-        /** Flat action index to open in edit mode (from accordion navigation). */
-        initialEditKey?: string;
-        /** Open the editor in create mode. */
-        initialCreate?: boolean;
-        /** Clear the initial navigation state (call after consuming). */
-        clearInitialState?: () => void;
-        /** Get dismissed keys persisted in navigation context. */
-        getDismissedKeys?: () => Set<string>;
-        /** Sync dismissed keys back to navigation context. */
-        setDismissedKeys?: (keys: Set<string>) => void;
-        /** Register a back handler shown in the panel header. Pass null to clear. */
-        setBackHandler?: (handler: (() => void) | null) => void;
-    };
-    platformClient?: unknown;
-}
-export type InsertPosition = 'before' | 'after' | 'prepend' | 'append' | 'replace';
+import type { AnchorId, DeepLink, EditorPanelProps, InsertPosition } from '@syntrologie/sdk-contracts';
+export type { EditorPanelProps, InsertPosition };
 interface BaseAction {
     label?: string;
 }
 export interface InsertHtmlAction extends BaseAction {
     kind: 'content:insertHtml';
-    anchorId: string;
+    anchorId: AnchorId;
     html: string;
     position: InsertPosition;
+    deepLink?: DeepLink;
 }
 export interface SetTextAction extends BaseAction {
     kind: 'content:setText';
-    anchorId: string;
+    anchorId: AnchorId;
     text: string;
 }
 export interface SetAttrAction extends BaseAction {
     kind: 'content:setAttr';
-    anchorId: string;
+    anchorId: AnchorId;
     attr: string;
     value: string;
 }
 export interface AddClassAction extends BaseAction {
     kind: 'content:addClass';
-    anchorId: string;
+    anchorId: AnchorId;
     className: string;
 }
 export interface RemoveClassAction extends BaseAction {
     kind: 'content:removeClass';
-    anchorId: string;
+    anchorId: AnchorId;
     className: string;
 }
 export interface SetStyleAction extends BaseAction {
     kind: 'content:setStyle';
-    anchorId: string;
+    anchorId: AnchorId;
     styles: Record<string, string>;
 }
 export type { ActionExecutor, ExecutorCleanup, ExecutorContext, ExecutorResult, ExecutorUpdate, } from '@syntrologie/sdk-contracts';

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EACV,QAAQ,EACR,QAAQ,EACR,gBAAgB,EAChB,cAAc,EACf,MAAM,4BAA4B,CAAC;AAEpC,YAAY,EAAE,gBAAgB,EAAE,cAAc,EAAE,CAAC;AAMjD,UAAU,UAAU;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,gBAAiB,SAAQ,UAAU;IAClD,IAAI,EAAE,oBAAoB,CAAC;IAC3B,QAAQ,EAAE,QAAQ,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,cAAc,CAAC;IACzB,QAAQ,CAAC,EAAE,QAAQ,CAAC;CACrB;AAED,MAAM,WAAW,aAAc,SAAQ,UAAU;IAC/C,IAAI,EAAE,iBAAiB,CAAC;IACxB,QAAQ,EAAE,QAAQ,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,aAAc,SAAQ,UAAU;IAC/C,IAAI,EAAE,iBAAiB,CAAC;IACxB,QAAQ,EAAE,QAAQ,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,cAAe,SAAQ,UAAU;IAChD,IAAI,EAAE,kBAAkB,CAAC;IACzB,QAAQ,EAAE,QAAQ,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,iBAAkB,SAAQ,UAAU;IACnD,IAAI,EAAE,qBAAqB,CAAC;IAC5B,QAAQ,EAAE,QAAQ,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,cAAe,SAAQ,UAAU;IAChD,IAAI,EAAE,kBAAkB,CAAC;IACzB,QAAQ,EAAE,QAAQ,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAChC;AAMD,YAAY,EACV,cAAc,EACd,eAAe,EACf,eAAe,EACf,cAAc,EACd,cAAc,GACf,MAAM,4BAA4B,CAAC"}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=AnchorPicker.test.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AnchorPicker.test.d.ts","sourceRoot":"","sources":["../../src/__tests__/AnchorPicker.test.tsx"],"names":[],"mappings":""}

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

@@ -0,0 +1,224 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { act, render } from '@testing-library/react';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { AnchorPicker } from '../components/AnchorPicker';
+// Mock ResizeObserver for jsdom
+vi.stubGlobal('ResizeObserver', class {
+    observe() { }
+    unobserve() { }
+    disconnect() { }
+});
+// Mock selectorGenerator utilities
+vi.mock('../utils/selectorGenerator', () => ({
+    generateSelector: vi.fn((el) => `mock-selector-${el.tagName.toLowerCase()}`),
+    validateSelector: vi.fn(() => true),
+    getElementDescription: vi.fn((el) => `mock-desc-${el.tagName.toLowerCase()}`),
+}));
+import { generateSelector, getElementDescription, validateSelector, } from '../utils/selectorGenerator';
+describe('AnchorPicker', () => {
+    let mockElementAtPoint;
+    beforeEach(() => {
+        mockElementAtPoint = document.createElement('div');
+        mockElementAtPoint.textContent = 'Target Element';
+        document.body.appendChild(mockElementAtPoint);
+        vi.spyOn(mockElementAtPoint, 'getBoundingClientRect').mockReturnValue({
+            top: 100,
+            left: 200,
+            width: 300,
+            height: 150,
+            bottom: 250,
+            right: 500,
+            x: 200,
+            y: 100,
+            toJSON: () => ({}),
+        });
+        vi.mocked(generateSelector).mockClear();
+        vi.mocked(validateSelector).mockClear();
+        vi.mocked(getElementDescription).mockClear();
+        vi.mocked(generateSelector).mockImplementation((el) => `mock-selector-${el.tagName.toLowerCase()}`);
+        vi.mocked(validateSelector).mockReturnValue(true);
+        vi.mocked(getElementDescription).mockImplementation((el) => `mock-desc-${el.tagName.toLowerCase()}`);
+        // Stub elementFromPoint on document (jsdom does not define it)
+        if (!document.elementFromPoint) {
+            document.elementFromPoint = vi.fn(() => null);
+        }
+        else {
+            vi.spyOn(document, 'elementFromPoint').mockReturnValue(null);
+        }
+    });
+    afterEach(() => {
+        if (mockElementAtPoint.parentNode) {
+            mockElementAtPoint.remove();
+        }
+        vi.restoreAllMocks();
+    });
+    it('renders nothing when isActive is false', () => {
+        render(_jsx(AnchorPicker, { isActive: false, onPick: vi.fn(), onCancel: vi.fn() }));
+        const picker = document.body.querySelector('[data-syntro-anchor-picker]');
+        expect(picker).toBeNull();
+    });
+    it('renders overlay portal to document.body when active', () => {
+        const { unmount } = render(_jsx(AnchorPicker, { isActive: true, onPick: vi.fn(), onCancel: vi.fn() }));
+        const picker = document.body.querySelector('[data-syntro-anchor-picker]');
+        expect(picker).toBeTruthy();
+        unmount();
+    });
+    it('sets crosshair cursor on overlay', () => {
+        const { unmount } = render(_jsx(AnchorPicker, { isActive: true, onPick: vi.fn(), onCancel: vi.fn() }));
+        const picker = document.body.querySelector('[data-syntro-anchor-picker]');
+        expect(picker.style.cursor).toBe('crosshair');
+        unmount();
+    });
+    it('sets highest z-index on overlay', () => {
+        const { unmount } = render(_jsx(AnchorPicker, { isActive: true, onPick: vi.fn(), onCancel: vi.fn() }));
+        const picker = document.body.querySelector('[data-syntro-anchor-picker]');
+        expect(picker.style.zIndex).toBe('2147483644');
+        unmount();
+    });
+    it('calls onCancel when Escape key is pressed', () => {
+        const onCancel = vi.fn();
+        const { unmount } = render(_jsx(AnchorPicker, { isActive: true, onPick: vi.fn(), onCancel: onCancel }));
+        act(() => {
+            document.dispatchEvent(new KeyboardEvent('keydown', { key: 'Escape', bubbles: true }));
+        });
+        expect(onCancel).toHaveBeenCalledTimes(1);
+        unmount();
+    });
+    it('does not call onCancel for non-Escape keys', () => {
+        const onCancel = vi.fn();
+        const { unmount } = render(_jsx(AnchorPicker, { isActive: true, onPick: vi.fn(), onCancel: onCancel }));
+        act(() => {
+            document.dispatchEvent(new KeyboardEvent('keydown', { key: 'Enter', bubbles: true }));
+        });
+        expect(onCancel).not.toHaveBeenCalled();
+        unmount();
+    });
+    it('highlights element on mousemove via elementFromPoint', () => {
+        document.elementFromPoint.mockReturnValue(mockElementAtPoint);
+        const { unmount } = render(_jsx(AnchorPicker, { isActive: true, onPick: vi.fn(), onCancel: vi.fn() }));
+        act(() => {
+            document.dispatchEvent(new MouseEvent('mousemove', { clientX: 250, clientY: 150, bubbles: true }));
+        });
+        // generateSelector should have been called with the element
+        expect(generateSelector).toHaveBeenCalledWith(mockElementAtPoint);
+        unmount();
+    });
+    it('clears hover state when elementFromPoint returns null', () => {
+        document.elementFromPoint.mockReturnValue(null);
+        const { unmount } = render(_jsx(AnchorPicker, { isActive: true, onPick: vi.fn(), onCancel: vi.fn() }));
+        act(() => {
+            document.dispatchEvent(new MouseEvent('mousemove', { clientX: 250, clientY: 150, bubbles: true }));
+        });
+        // No highlight should be shown (just the overlay container + the semi-transparent bg div)
+        const picker = document.body.querySelector('[data-syntro-anchor-picker]');
+        expect(picker.children.length).toBe(1);
+        unmount();
+    });
+    it('excludes editor panel elements from picking', () => {
+        const editorPanel = document.createElement('div');
+        editorPanel.setAttribute('data-syntro-editor-panel', '');
+        const innerEl = document.createElement('span');
+        editorPanel.appendChild(innerEl);
+        document.body.appendChild(editorPanel);
+        document.elementFromPoint.mockReturnValue(innerEl);
+        const { unmount } = render(_jsx(AnchorPicker, { isActive: true, onPick: vi.fn(), onCancel: vi.fn() }));
+        act(() => {
+            document.dispatchEvent(new MouseEvent('mousemove', { clientX: 100, clientY: 100, bubbles: true }));
+        });
+        // Should not call generateSelector for excluded elements
+        expect(generateSelector).not.toHaveBeenCalled();
+        editorPanel.remove();
+        unmount();
+    });
+    it('excludes HTML, BODY, HEAD elements from picking', () => {
+        document.elementFromPoint.mockReturnValue(document.body);
+        const { unmount } = render(_jsx(AnchorPicker, { isActive: true, onPick: vi.fn(), onCancel: vi.fn() }));
+        act(() => {
+            document.dispatchEvent(new MouseEvent('mousemove', { clientX: 100, clientY: 100, bubbles: true }));
+        });
+        expect(generateSelector).not.toHaveBeenCalled();
+        unmount();
+    });
+    it('calls onPick with valid selector on click after hover', () => {
+        const onPick = vi.fn();
+        document.elementFromPoint.mockReturnValue(mockElementAtPoint);
+        const { unmount } = render(_jsx(AnchorPicker, { isActive: true, onPick: onPick, onCancel: vi.fn() }));
+        // First hover to set the hovered element
+        act(() => {
+            document.dispatchEvent(new MouseEvent('mousemove', { clientX: 250, clientY: 150, bubbles: true }));
+        });
+        // Then click
+        act(() => {
+            document.dispatchEvent(new MouseEvent('click', { clientX: 250, clientY: 150, bubbles: true }));
+        });
+        expect(onPick).toHaveBeenCalledTimes(1);
+        expect(onPick).toHaveBeenCalledWith({
+            element: mockElementAtPoint,
+            selector: 'mock-selector-div',
+            description: 'mock-desc-div',
+        });
+        unmount();
+    });
+    it('regenerates selector when validation fails on click', () => {
+        const onPick = vi.fn();
+        document.elementFromPoint.mockReturnValue(mockElementAtPoint);
+        vi.mocked(validateSelector).mockReturnValue(false);
+        vi.mocked(generateSelector).mockReturnValue('regenerated-selector');
+        const { unmount } = render(_jsx(AnchorPicker, { isActive: true, onPick: onPick, onCancel: vi.fn() }));
+        // Hover to set element
+        act(() => {
+            document.dispatchEvent(new MouseEvent('mousemove', { clientX: 250, clientY: 150, bubbles: true }));
+        });
+        // Click
+        act(() => {
+            document.dispatchEvent(new MouseEvent('click', { clientX: 250, clientY: 150, bubbles: true }));
+        });
+        expect(onPick).toHaveBeenCalledWith(expect.objectContaining({
+            selector: 'regenerated-selector',
+        }));
+        unmount();
+    });
+    it('does not call onPick when no element is hovered on click', () => {
+        const onPick = vi.fn();
+        document.elementFromPoint.mockReturnValue(null);
+        const { unmount } = render(_jsx(AnchorPicker, { isActive: true, onPick: onPick, onCancel: vi.fn() }));
+        act(() => {
+            document.dispatchEvent(new MouseEvent('click', { clientX: 250, clientY: 150, bubbles: true }));
+        });
+        expect(onPick).not.toHaveBeenCalled();
+        unmount();
+    });
+    it('removes event listeners when deactivated', () => {
+        const onCancel = vi.fn();
+        const { rerender, unmount } = render(_jsx(AnchorPicker, { isActive: true, onPick: vi.fn(), onCancel: onCancel }));
+        // Deactivate
+        rerender(_jsx(AnchorPicker, { isActive: false, onPick: vi.fn(), onCancel: onCancel }));
+        // Escape should not trigger onCancel after deactivation
+        act(() => {
+            document.dispatchEvent(new KeyboardEvent('keydown', { key: 'Escape', bubbles: true }));
+        });
+        expect(onCancel).not.toHaveBeenCalled();
+        unmount();
+    });
+    it('temporarily disables pointer events on overlay during mousemove detection', () => {
+        const overlayPointerEvents = [];
+        document.elementFromPoint.mockImplementation(() => {
+            // Capture overlay pointer events state during elementFromPoint call
+            const overlay = document.body.querySelector('[data-syntro-anchor-picker]');
+            if (overlay) {
+                overlayPointerEvents.push(overlay.style.pointerEvents);
+            }
+            return mockElementAtPoint;
+        });
+        const { unmount } = render(_jsx(AnchorPicker, { isActive: true, onPick: vi.fn(), onCancel: vi.fn() }));
+        act(() => {
+            document.dispatchEvent(new MouseEvent('mousemove', { clientX: 250, clientY: 150, bubbles: true }));
+        });
+        // During elementFromPoint, overlay pointerEvents should be 'none'
+        expect(overlayPointerEvents).toContain('none');
+        // After the call, it should be restored to 'auto'
+        const overlay = document.body.querySelector('[data-syntro-anchor-picker]');
+        expect(overlay.style.pointerEvents).toBe('auto');
+        unmount();
+    });
+});