@syntrologie/adapt-content 0.0.0-semantically-released → 1.0.0

package/dist/cdn.d.ts

@@ -0,0 +1,35 @@
+/**
+ * CDN Entry Point for Adaptive Content
+ *
+ * This module is bundled for CDN delivery and self-registers with the global
+ * SynOS app registry when loaded dynamically via the AppLoader.
+ */
+/**
+ * App manifest for registry registration.
+ * Follows the AppManifest interface expected by AppLoader/AppRegistry.
+ */
+export declare const manifest: {
+    id: string;
+    version: string;
+    name: string;
+    description: string;
+    runtime: {
+        actions: {
+            kind: "content:insertHtml" | "content:setText" | "content:setAttr" | "content:addClass" | "content:removeClass" | "content:setStyle";
+            executor: import("./types").ActionExecutor<import("./types").InsertHtmlAction> | import("./types").ActionExecutor<import("./types").SetTextAction> | import("./types").ActionExecutor<import("./types").SetAttrAction> | import("./types").ActionExecutor<import("./types").AddClassAction> | import("./types").ActionExecutor<import("./types").RemoveClassAction> | import("./types").ActionExecutor<import("./types").SetStyleAction>;
+        }[];
+    };
+    editor: {
+        panel: {
+            title: string;
+            icon: string;
+            description: string;
+        };
+        component: typeof import("./editor").ContentEditor;
+    };
+    metadata: {
+        isBuiltIn: boolean;
+    };
+};
+export default manifest;
+//# sourceMappingURL=cdn.d.ts.map

package/dist/cdn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cdn.d.ts","sourceRoot":"","sources":["../src/cdn.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAKH;;;GAGG;AACH,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;CAepB,CAAC;AAaF,eAAe,QAAQ,CAAC"}

package/dist/cdn.js

@@ -0,0 +1,39 @@
+/**
+ * CDN Entry Point for Adaptive Content
+ *
+ * This module is bundled for CDN delivery and self-registers with the global
+ * SynOS app registry when loaded dynamically via the AppLoader.
+ */
+import { editor } from './editor';
+import { executors, runtime } from './runtime';
+/**
+ * App manifest for registry registration.
+ * Follows the AppManifest interface expected by AppLoader/AppRegistry.
+ */
+export const manifest = {
+    id: runtime.id,
+    version: runtime.version,
+    name: runtime.name,
+    description: runtime.description,
+    runtime: {
+        actions: executors.map(({ kind, executor }) => ({
+            kind,
+            executor,
+        })),
+    },
+    editor,
+    metadata: {
+        isBuiltIn: true,
+    },
+};
+/**
+ * Self-register with global registry if available.
+ * This happens when loaded via script tag (UMD).
+ */
+if (typeof window !== 'undefined') {
+    const registry = window.SynOS?.appRegistry;
+    if (registry && typeof registry.register === 'function') {
+        registry.register(manifest);
+    }
+}
+export default manifest;

package/dist/editor.d.ts

@@ -1,13 +1,12 @@
 /**
- * Adaptive Content - Editor Module
+ * Adaptive Content - Editor Component
  *
- * Editor panel for configuring content modifications.
+ * Review & tweak editor for AI-generated content modifications.
+ * Displays a scannable list of one-liner change summaries.
+ * Clicking a card navigates to the element and shows a floating edit panel.
  */
 import type { EditorPanelProps } from './types';
-/**
- * Content editor panel component.
- */
-export declare function ContentEditor({ config: _config, onChange: _onChange, editor: _editor, }: EditorPanelProps): import("react/jsx-runtime").JSX.Element;
+export declare function ContentEditor({ config, onChange, editor }: EditorPanelProps): import("react/jsx-runtime").JSX.Element;
 /**
  * Editor module configuration.
  */
@@ -19,4 +18,10 @@ export declare const editor: {
     };
     component: typeof ContentEditor;
 };
+export declare const editorPanel: {
+    title: string;
+    icon: string;
+    description: string;
+};
+export default ContentEditor;
 //# sourceMappingURL=editor.d.ts.map

package/dist/editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../src/editor.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD;;GAEG;AACH,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EAAE,OAAO,EACf,QAAQ,EAAE,SAAS,EACnB,MAAM,EAAE,OAAO,GAChB,EAAE,gBAAgB,2CAOlB;AAED;;GAEG;AACH,eAAO,MAAM,MAAM;;;;;;;CAOlB,CAAC"}
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../src/editor.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAMH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAqXhD,wBAAgB,aAAa,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,gBAAgB,2CAsa3E;AAED;;GAEG;AACH,eAAO,MAAM,MAAM;;;;;;;CAOlB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;CAAe,CAAC;AAExC,eAAe,aAAa,CAAC"}

package/dist/editor.js

@@ -1,9 +1,510 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 /**
- * Content editor panel component.
+ * Adaptive Content - Editor Component
+ *
+ * Review & tweak editor for AI-generated content modifications.
+ * Displays a scannable list of one-liner change summaries.
+ * Clicking a card navigates to the element and shows a floating edit panel.
  */
-export function ContentEditor({ config: _config, onChange: _onChange, editor: _editor, }) {
-    return (_jsxs("div", { className: "syntro-content-editor", children: [_jsx("p", { children: "Content editor coming soon..." }), _jsx("p", { children: "Configure text replacements, attribute changes, and style modifications." })] }));
+import { useState, useCallback, useEffect, useRef } from 'react';
+import { summarizeContentChange } from './summarize';
+function itemKey(section, index) {
+    return `${section}:${index}`;
+}
+function parseItemKey(key) {
+    const [section, indexStr] = key.split(':');
+    return { section: section, index: Number(indexStr) };
+}
+// ============================================================================
+// Section Config
+// ============================================================================
+const SECTION_ICONS = {
+    textReplacements: '\u{1f4dd}',
+    attributeChanges: '\u{1f3f7}\u{fe0f}',
+    styleChanges: '\u{1f3a8}',
+    htmlInsertions: '\u{1f4c4}',
+    classAdditions: '\u{2795}',
+    classRemovals: '\u{2796}',
+};
+// ============================================================================
+// Styles
+// ============================================================================
+const styles = {
+    container: {
+        display: 'flex',
+        flexDirection: 'column',
+        height: '100%',
+        fontFamily: 'system-ui, -apple-system, sans-serif',
+    },
+    header: {
+        padding: '16px',
+        borderBottom: '1px solid #334155',
+        display: 'flex',
+        alignItems: 'center',
+        gap: '12px',
+    },
+    backButton: {
+        padding: '6px 12px',
+        borderRadius: '6px',
+        border: 'none',
+        backgroundColor: 'rgba(255,255,255,0.05)',
+        color: '#94a3b8',
+        fontSize: '13px',
+        cursor: 'pointer',
+    },
+    title: {
+        margin: 0,
+        fontSize: '15px',
+        fontWeight: 600,
+        color: '#f8fafc',
+    },
+    subtitle: {
+        margin: '2px 0 0 0',
+        fontSize: '11px',
+        color: '#64748b',
+    },
+    body: {
+        flex: 1,
+        overflow: 'auto',
+        padding: '16px',
+    },
+    groupHeader: {
+        fontSize: '11px',
+        fontWeight: 700,
+        color: '#64748b',
+        textTransform: 'uppercase',
+        letterSpacing: '0.06em',
+        padding: '4px 0 8px 0',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+    },
+    groupCount: {
+        fontSize: '10px',
+        color: '#475569',
+        backgroundColor: 'rgba(255,255,255,0.06)',
+        padding: '2px 6px',
+        borderRadius: '8px',
+    },
+    card: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: '8px',
+        padding: '8px 10px',
+        borderRadius: '6px',
+        border: '1px solid rgba(255,255,255,0.06)',
+        background: 'rgba(255,255,255,0.02)',
+        marginBottom: '4px',
+        cursor: 'pointer',
+        fontSize: '13px',
+        color: '#e2e8f0',
+    },
+    cardIcon: {
+        fontSize: '13px',
+        flexShrink: 0,
+    },
+    cardText: {
+        flex: 1,
+        overflow: 'hidden',
+        textOverflow: 'ellipsis',
+        whiteSpace: 'nowrap',
+    },
+    dismissButton: {
+        padding: '2px 6px',
+        borderRadius: '4px',
+        border: 'none',
+        background: 'transparent',
+        color: '#64748b',
+        fontSize: '14px',
+        cursor: 'pointer',
+        flexShrink: 0,
+        lineHeight: 1,
+    },
+    dismissedSection: {
+        marginTop: '16px',
+        cursor: 'pointer',
+        userSelect: 'none',
+    },
+    dismissedHeader: {
+        fontSize: '11px',
+        fontWeight: 600,
+        color: '#475569',
+        display: 'flex',
+        alignItems: 'center',
+        gap: '6px',
+    },
+    dismissedCard: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: '8px',
+        padding: '6px 10px',
+        borderRadius: '6px',
+        border: '1px solid rgba(255,255,255,0.03)',
+        background: 'transparent',
+        marginBottom: '3px',
+        cursor: 'pointer',
+        fontSize: '12px',
+        color: '#475569',
+        opacity: 0.6,
+    },
+    emptyState: {
+        textAlign: 'center',
+        padding: '32px 16px',
+        color: '#64748b',
+        fontSize: '13px',
+    },
+    footer: {
+        padding: '12px 16px',
+        borderTop: '1px solid #334155',
+        display: 'flex',
+        gap: '8px',
+    },
+    saveButton: {
+        flex: 1,
+        padding: '10px',
+        borderRadius: '8px',
+        border: 'none',
+        background: 'rgba(59, 130, 246, 0.15)',
+        color: '#3b82f6',
+        fontSize: '13px',
+        fontWeight: 600,
+        cursor: 'pointer',
+    },
+    publishButton: {
+        flex: 1,
+        padding: '10px',
+        borderRadius: '8px',
+        border: 'none',
+        background: '#22c55e',
+        color: 'white',
+        fontSize: '13px',
+        fontWeight: 600,
+        cursor: 'pointer',
+    },
+    // Edit form styles
+    editForm: {
+        padding: '4px 0',
+    },
+    editHeader: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: '8px',
+        marginBottom: '12px',
+        fontSize: '13px',
+        fontWeight: 600,
+        color: '#e2e8f0',
+    },
+    editTarget: {
+        fontSize: '11px',
+        fontFamily: 'monospace',
+        color: '#94a3b8',
+        padding: '4px 8px',
+        background: 'rgba(255,255,255,0.04)',
+        borderRadius: '4px',
+        marginBottom: '12px',
+    },
+    editLabel: {
+        fontSize: '11px',
+        fontWeight: 600,
+        color: '#64748b',
+        marginBottom: '4px',
+        display: 'block',
+    },
+    editInput: {
+        width: '100%',
+        padding: '6px 8px',
+        borderRadius: '4px',
+        border: '1px solid rgba(255,255,255,0.1)',
+        background: 'rgba(255,255,255,0.04)',
+        color: '#e2e8f0',
+        fontSize: '12px',
+        fontFamily: 'inherit',
+        marginBottom: '8px',
+        boxSizing: 'border-box',
+    },
+    editTextarea: {
+        width: '100%',
+        padding: '6px 8px',
+        borderRadius: '4px',
+        border: '1px solid rgba(255,255,255,0.1)',
+        background: 'rgba(255,255,255,0.04)',
+        color: '#e2e8f0',
+        fontSize: '12px',
+        fontFamily: 'inherit',
+        marginBottom: '8px',
+        resize: 'vertical',
+        minHeight: '60px',
+        boxSizing: 'border-box',
+    },
+    editSelect: {
+        width: '100%',
+        padding: '6px 8px',
+        borderRadius: '4px',
+        border: '1px solid rgba(255,255,255,0.1)',
+        background: 'rgba(255,255,255,0.04)',
+        color: '#e2e8f0',
+        fontSize: '12px',
+        marginBottom: '8px',
+    },
+};
+// ============================================================================
+// Helpers
+// ============================================================================
+/** Build a flat list of all items across all section types. */
+function flattenItems(config) {
+    const items = [];
+    const sections = Object.keys(SECTION_ICONS);
+    for (const section of sections) {
+        const arr = config[section] || [];
+        arr.forEach((item, i) => {
+            const rec = item;
+            items.push({
+                key: itemKey(section, i),
+                section,
+                index: i,
+                icon: SECTION_ICONS[section],
+                summary: summarizeContentChange(section, rec),
+                anchorId: rec.anchorId || '',
+            });
+        });
+    }
+    return items;
+}
+/** Remove items by key set from a config, returning a new config. */
+function filterConfig(config, dismissedKeys) {
+    const result = { ...config };
+    const sections = Object.keys(SECTION_ICONS);
+    for (const section of sections) {
+        const arr = config[section] || [];
+        const filtered = arr.filter((_, i) => !dismissedKeys.has(itemKey(section, i)));
+        if (filtered.length > 0 || config[section] !== undefined) {
+            result[section] = filtered;
+        }
+    }
+    return result;
+}
+function useAnchorDetection(items) {
+    const [detectionMap, setDetectionMap] = useState(new Map());
+    const itemsRef = useRef(items);
+    itemsRef.current = items;
+    useEffect(() => {
+        const runDetection = () => {
+            const map = new Map();
+            for (const item of itemsRef.current) {
+                if (!item.anchorId) {
+                    map.set(item.key, { found: false, element: null });
+                    continue;
+                }
+                try {
+                    const el = document.querySelector(item.anchorId);
+                    map.set(item.key, { found: el !== null, element: el });
+                }
+                catch {
+                    map.set(item.key, { found: false, element: null });
+                }
+            }
+            setDetectionMap(map);
+        };
+        runDetection();
+        const interval = setInterval(runDetection, 2000);
+        return () => clearInterval(interval);
+    }, []);
+    return detectionMap;
+}
+function DetectionBadge({ found }) {
+    return (_jsx("span", { style: {
+            width: '8px',
+            height: '8px',
+            borderRadius: '50%',
+            backgroundColor: found ? '#22c55e' : '#475569',
+            flexShrink: 0,
+            display: 'inline-block',
+        }, title: found ? 'Found on this page' : 'Not found on this page' }));
+}
+// ============================================================================
+// ContentEditor Component
+// ============================================================================
+export function ContentEditor({ config, onChange, editor }) {
+    const typedConfig = config;
+    const [dismissedKeys, setDismissedKeys] = useState(new Set());
+    const [dismissedOpen, setDismissedOpen] = useState(false);
+    const [editingKey, setEditingKey] = useState(null);
+    const [previewMode, setPreviewMode] = useState('after');
+    // Consume initialEditKey from accordion navigation on mount
+    const initialConsumed = useRef(false);
+    useEffect(() => {
+        if (editor.initialEditKey != null && !initialConsumed.current) {
+            initialConsumed.current = true;
+            // Map flat action index to internal section:index key.
+            // The flat index refers to the position within this app's actions only
+            // (after actionsToAppConfig transformation), so we walk sections in order.
+            const allFlat = flattenItems(typedConfig);
+            const targetIdx = Number(editor.initialEditKey);
+            if (targetIdx >= 0 && targetIdx < allFlat.length) {
+                const target = allFlat[targetIdx];
+                setEditingKey(target.key);
+                if (target.anchorId) {
+                    editor.highlightElement(target.anchorId);
+                }
+            }
+            editor.clearInitialState?.();
+        }
+        else if (editor.initialCreate && !initialConsumed.current) {
+            initialConsumed.current = true;
+            editor.clearInitialState?.();
+        }
+    }, [editor, typedConfig]);
+    const allItems = flattenItems(typedConfig);
+    const activeItems = allItems.filter((item) => !dismissedKeys.has(item.key));
+    const dismissedItems = allItems.filter((item) => dismissedKeys.has(item.key));
+    const totalChanges = activeItems.length;
+    const [_hoveredKey, setHoveredKey] = useState(null);
+    const detectionMap = useAnchorDetection(allItems);
+    const foundCount = activeItems.filter((item) => detectionMap.get(item.key)?.found).length;
+    const handleDismiss = useCallback((key) => {
+        setDismissedKeys((prev) => {
+            const next = new Set(prev);
+            next.add(key);
+            return next;
+        });
+        if (editingKey === key)
+            setEditingKey(null);
+    }, [editingKey]);
+    const handleRestore = useCallback((key) => {
+        setDismissedKeys((prev) => {
+            const next = new Set(prev);
+            next.delete(key);
+            return next;
+        });
+    }, []);
+    const handleCardClick = useCallback((item) => {
+        if (item.anchorId) {
+            editor.highlightElement(item.anchorId);
+        }
+        setEditingKey(item.key);
+    }, [editor]);
+    const handleBackToList = useCallback(() => {
+        setEditingKey(null);
+        setPreviewMode('after');
+        editor.previewConfig(config);
+        editor.clearHighlight();
+    }, [editor, config]);
+    const handleBeforeAfter = useCallback((mode) => {
+        setPreviewMode(mode);
+        if (mode === 'before') {
+            const filtered = filterConfig(typedConfig, new Set([editingKey]));
+            editor.previewConfig(filtered);
+        }
+        else {
+            editor.previewConfig(config);
+        }
+    }, [typedConfig, editingKey, editor, config]);
+    const handleFieldChange = useCallback((section, index, field, value) => {
+        const arr = (typedConfig[section] || []).slice();
+        const item = { ...arr[index] };
+        item[field] = value;
+        arr[index] = item;
+        const updated = { ...typedConfig, [section]: arr };
+        onChange(updated);
+        editor.setDirty(true);
+    }, [typedConfig, onChange, editor]);
+    const handlePublish = useCallback(() => {
+        // Filter dismissed items before publishing
+        if (dismissedKeys.size > 0) {
+            const filtered = filterConfig(typedConfig, dismissedKeys);
+            onChange(filtered);
+        }
+        editor.publish();
+    }, [dismissedKeys, typedConfig, onChange, editor]);
+    const handleCardHover = useCallback((item) => {
+        setHoveredKey(item.key);
+        if (item.anchorId) {
+            editor.highlightElement(item.anchorId);
+        }
+    }, [editor]);
+    const handleCardLeave = useCallback(() => {
+        setHoveredKey(null);
+        editor.clearHighlight();
+    }, [editor]);
+    // ---- Edit form renderers per section type ----
+    const renderEditFields = (section, index) => {
+        const arr = typedConfig[section] || [];
+        const item = arr[index];
+        if (!item)
+            return null;
+        const anchorId = item.anchorId || '';
+        switch (section) {
+            case 'textReplacements':
+                return (_jsxs("div", { style: styles.editForm, children: [_jsx("div", { style: styles.editTarget, children: anchorId }), _jsx("label", { style: styles.editLabel, children: "Text" }), _jsx("textarea", { style: styles.editTextarea, value: item.text || '', onChange: (e) => handleFieldChange(section, index, 'text', e.target.value) })] }));
+            case 'attributeChanges':
+                return (_jsxs("div", { style: styles.editForm, children: [_jsx("div", { style: styles.editTarget, children: anchorId }), _jsx("label", { style: styles.editLabel, children: "Attribute" }), _jsx("input", { style: styles.editInput, value: item.attr || '', onChange: (e) => handleFieldChange(section, index, 'attr', e.target.value) }), _jsx("label", { style: styles.editLabel, children: "Value" }), _jsx("input", { style: styles.editInput, value: item.value || '', onChange: (e) => handleFieldChange(section, index, 'value', e.target.value) })] }));
+            case 'styleChanges': {
+                const styleObj = item.styles || {};
+                return (_jsxs("div", { style: styles.editForm, children: [_jsx("div", { style: styles.editTarget, children: anchorId }), _jsx("label", { style: styles.editLabel, children: "Styles" }), Object.entries(styleObj).map(([prop, val]) => (_jsxs("div", { style: { display: 'flex', gap: '4px', marginBottom: '4px' }, children: [_jsx("input", { style: { ...styles.editInput, flex: 1, marginBottom: 0 }, value: prop, readOnly: true }), _jsx("input", { style: { ...styles.editInput, flex: 1, marginBottom: 0 }, value: val, onChange: (e) => {
+                                        const newStyles = { ...styleObj, [prop]: e.target.value };
+                                        handleFieldChange(section, index, 'styles', newStyles);
+                                    } })] }, prop)))] }));
+            }
+            case 'htmlInsertions':
+                return (_jsxs("div", { style: styles.editForm, children: [_jsx("div", { style: styles.editTarget, children: anchorId }), _jsx("label", { style: styles.editLabel, children: "Position" }), _jsxs("select", { style: styles.editSelect, value: item.position || 'after', onChange: (e) => handleFieldChange(section, index, 'position', e.target.value), children: [_jsx("option", { value: "before", children: "Before" }), _jsx("option", { value: "after", children: "After" }), _jsx("option", { value: "prepend", children: "Prepend" }), _jsx("option", { value: "append", children: "Append" }), _jsx("option", { value: "replace", children: "Replace" })] }), _jsx("label", { style: styles.editLabel, children: "HTML" }), _jsx("textarea", { style: { ...styles.editTextarea, fontFamily: 'monospace' }, value: item.html || '', onChange: (e) => handleFieldChange(section, index, 'html', e.target.value) })] }));
+            case 'classAdditions':
+            case 'classRemovals':
+                return (_jsxs("div", { style: styles.editForm, children: [_jsx("div", { style: styles.editTarget, children: anchorId }), _jsx("label", { style: styles.editLabel, children: "Class Name" }), _jsx("input", { style: styles.editInput, value: item.className || '', onChange: (e) => handleFieldChange(section, index, 'className', e.target.value) })] }));
+            default:
+                return null;
+        }
+    };
+    return (_jsxs("div", { style: styles.container, children: [_jsxs("div", { style: styles.header, children: [_jsx("button", { onClick: () => (editingKey !== null ? handleBackToList() : editor.navigateHome()), style: styles.backButton, children: "\u2190 Back" }), _jsxs("div", { children: [_jsx("h2", { style: styles.title, children: "Review Changes" }), _jsxs("p", { style: styles.subtitle, children: [totalChanges, " change", totalChanges !== 1 ? 's' : '', totalChanges > 0 && ` (${foundCount} found on this page)`] })] })] }), _jsx("div", { style: styles.body, children: editingKey !== null ? (
+                /* ---- Edit mode ---- */
+                (() => {
+                    const ref = parseItemKey(editingKey);
+                    const editItem = allItems.find((it) => it.key === editingKey);
+                    return (_jsxs(_Fragment, { children: [_jsxs("div", { style: styles.editHeader, children: [_jsx("span", { children: editItem?.icon }), _jsx("span", { children: editItem?.summary })] }), _jsxs("div", { style: {
+                                    display: 'flex',
+                                    gap: '0',
+                                    marginBottom: '12px',
+                                    borderRadius: '6px',
+                                    overflow: 'hidden',
+                                    border: '1px solid rgba(255,255,255,0.1)',
+                                }, children: [_jsx("button", { onClick: () => handleBeforeAfter('before'), style: {
+                                            flex: 1,
+                                            padding: '6px 12px',
+                                            border: 'none',
+                                            fontSize: '12px',
+                                            fontWeight: 600,
+                                            cursor: 'pointer',
+                                            background: previewMode === 'before' ? 'rgba(59,130,246,0.2)' : 'transparent',
+                                            color: previewMode === 'before' ? '#3b82f6' : '#64748b',
+                                        }, children: "Before" }), _jsx("button", { onClick: () => handleBeforeAfter('after'), style: {
+                                            flex: 1,
+                                            padding: '6px 12px',
+                                            border: 'none',
+                                            borderLeft: '1px solid rgba(255,255,255,0.1)',
+                                            fontSize: '12px',
+                                            fontWeight: 600,
+                                            cursor: 'pointer',
+                                            background: previewMode === 'after' ? 'rgba(59,130,246,0.2)' : 'transparent',
+                                            color: previewMode === 'after' ? '#3b82f6' : '#64748b',
+                                        }, children: "After" })] }), renderEditFields(ref.section, ref.index)] }));
+                })()) : (
+                /* ---- List mode ---- */
+                _jsxs(_Fragment, { children: [allItems.length === 0 && (_jsx("div", { style: styles.emptyState, children: "No content changes configured." })), activeItems.length > 0 && (_jsxs(_Fragment, { children: [_jsxs("div", { style: styles.groupHeader, children: [_jsx("span", { children: "CONTENT" }), _jsx("span", { style: styles.groupCount, children: activeItems.length })] }), activeItems.map((item) => {
+                                    const detection = detectionMap.get(item.key);
+                                    return (_jsxs("div", { style: styles.card, "data-item-key": item.key, onMouseEnter: () => handleCardHover(item), onMouseLeave: handleCardLeave, children: [_jsx(DetectionBadge, { found: detection?.found ?? false }), _jsx("span", { style: styles.cardIcon, onClick: (e) => {
+                                                    e.stopPropagation();
+                                                    handleCardClick(item);
+                                                }, children: item.icon }), _jsx("span", { style: styles.cardText, onClick: () => handleCardClick(item), children: item.summary }), _jsx("button", { style: styles.dismissButton, onClick: (e) => {
+                                                    e.stopPropagation();
+                                                    handleDismiss(item.key);
+                                                }, title: "Dismiss this change", children: "\u00D7" })] }, item.key));
+                                })] })), dismissedItems.length > 0 && (_jsxs("div", { style: styles.dismissedSection, children: [_jsxs("div", { style: { ...styles.dismissedHeader, cursor: 'pointer' }, onClick: () => setDismissedOpen(!dismissedOpen), children: [_jsx("span", { children: dismissedOpen ? '\u25be' : '\u25b8' }), _jsxs("span", { children: ["Dismissed (", dismissedItems.length, ")"] })] }), dismissedOpen && (_jsx("div", { style: { marginTop: '6px' }, children: dismissedItems.map((item) => (_jsxs("div", { style: styles.dismissedCard, children: [_jsx("span", { style: styles.cardIcon, children: item.icon }), _jsx("span", { style: { ...styles.cardText, textDecoration: 'line-through' }, children: item.summary }), _jsx("button", { style: {
+                                                    ...styles.dismissButton,
+                                                    color: '#3b82f6',
+                                                    fontSize: '11px',
+                                                }, onClick: (e) => {
+                                                    e.stopPropagation();
+                                                    handleRestore(item.key);
+                                                }, children: "Restore" })] }, item.key))) }))] }))] })) }), _jsxs("div", { style: styles.footer, children: [_jsx("button", { onClick: () => editor.save(), style: styles.saveButton, children: "Save Draft" }), _jsx("button", { onClick: handlePublish, style: styles.publishButton, children: "Publish" })] })] }));
 }
 /**
  * Editor module configuration.
@@ -11,8 +512,10 @@ export function ContentEditor({ config: _config, onChange: _onChange, editor: _e
 export const editor = {
     panel: {
         title: 'Content',
-        icon: '📝',
+        icon: '\u{1f4dd}',
         description: 'Text and attribute modifications',
     },
     component: ContentEditor,
 };
+export const editorPanel = editor.panel;
+export default ContentEditor;

package/dist/runtime.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"runtime.d.ts","sourceRoot":"","sources":["../src/runtime.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EACV,gBAAgB,EAChB,aAAa,EACb,aAAa,EACb,cAAc,EACd,iBAAiB,EACjB,cAAc,EAEd,cAAc,EACf,MAAM,SAAS,CAAC;AAOjB;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,cAAc,CAAC,gBAAgB,CAmE9D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,cAAc,CAAC,aAAa,CA+BxD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,cAAc,CAAC,aAAa,CA2CxD,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;AAGH,OAAO,KAAK,EACV,gBAAgB,EAChB,aAAa,EACb,aAAa,EACb,cAAc,EACd,iBAAiB,EACjB,cAAc,EAEd,cAAc,EACf,MAAM,SAAS,CAAC;AAMjB;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,cAAc,CAAC,gBAAgB,CAmE9D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,cAAc,CAAC,aAAa,CA+BxD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,cAAc,CAAC,aAAa,CA2CxD,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"}

package/dist/schema.d.ts

@@ -12,127 +12,157 @@ export declare const configSchema: z.ZodObject<{
     /** Text replacements */
     textReplacements: z.ZodOptional<z.ZodArray<z.ZodObject<{
         anchorId: z.ZodString;
+        summary: z.ZodString;
         text: z.ZodString;
     }, "strip", z.ZodTypeAny, {
         anchorId: string;
+        summary: string;
         text: string;
     }, {
         anchorId: string;
+        summary: string;
         text: string;
     }>, "many">>;
     /** Attribute modifications */
     attributeChanges: z.ZodOptional<z.ZodArray<z.ZodObject<{
         anchorId: z.ZodString;
+        summary: z.ZodString;
         attr: z.ZodString;
         value: z.ZodString;
     }, "strip", z.ZodTypeAny, {
+        value: string;
         anchorId: string;
+        summary: string;
         attr: string;
-        value: string;
     }, {
+        value: string;
         anchorId: string;
+        summary: string;
         attr: string;
-        value: string;
     }>, "many">>;
     /** Style modifications */
     styleChanges: z.ZodOptional<z.ZodArray<z.ZodObject<{
         anchorId: z.ZodString;
+        summary: z.ZodString;
         styles: z.ZodRecord<z.ZodString, z.ZodString>;
     }, "strip", z.ZodTypeAny, {
         anchorId: string;
+        summary: string;
         styles: Record<string, string>;
     }, {
         anchorId: string;
+        summary: string;
         styles: Record<string, string>;
     }>, "many">>;
     /** HTML insertions */
     htmlInsertions: z.ZodOptional<z.ZodArray<z.ZodObject<{
         anchorId: z.ZodString;
+        summary: z.ZodString;
         html: z.ZodString;
         position: z.ZodEnum<["before", "after", "prepend", "append", "replace"]>;
     }, "strip", z.ZodTypeAny, {
         anchorId: string;
+        summary: string;
         html: string;
         position: "before" | "after" | "prepend" | "append" | "replace";
     }, {
         anchorId: string;
+        summary: string;
         html: string;
         position: "before" | "after" | "prepend" | "append" | "replace";
     }>, "many">>;
     /** Class additions */
     classAdditions: z.ZodOptional<z.ZodArray<z.ZodObject<{
         anchorId: z.ZodString;
+        summary: z.ZodString;
         className: z.ZodString;
     }, "strip", z.ZodTypeAny, {
         anchorId: string;
+        summary: string;
         className: string;
     }, {
         anchorId: string;
+        summary: string;
         className: string;
     }>, "many">>;
     /** Class removals */
     classRemovals: z.ZodOptional<z.ZodArray<z.ZodObject<{
         anchorId: z.ZodString;
+        summary: z.ZodString;
         className: z.ZodString;
     }, "strip", z.ZodTypeAny, {
         anchorId: string;
+        summary: string;
         className: string;
     }, {
         anchorId: string;
+        summary: string;
         className: string;
     }>, "many">>;
 }, "strip", z.ZodTypeAny, {
     textReplacements?: {
         anchorId: string;
+        summary: string;
         text: string;
     }[] | undefined;
     attributeChanges?: {
+        value: string;
         anchorId: string;
+        summary: string;
         attr: string;
-        value: string;
     }[] | undefined;
     styleChanges?: {
         anchorId: string;
+        summary: string;
         styles: Record<string, string>;
     }[] | undefined;
     htmlInsertions?: {
         anchorId: string;
+        summary: string;
         html: string;
         position: "before" | "after" | "prepend" | "append" | "replace";
     }[] | undefined;
     classAdditions?: {
         anchorId: string;
+        summary: string;
         className: string;
     }[] | undefined;
     classRemovals?: {
         anchorId: string;
+        summary: string;
         className: string;
     }[] | undefined;
 }, {
     textReplacements?: {
         anchorId: string;
+        summary: string;
         text: string;
     }[] | undefined;
     attributeChanges?: {
+        value: string;
         anchorId: string;
+        summary: string;
         attr: string;
-        value: string;
     }[] | undefined;
     styleChanges?: {
         anchorId: string;
+        summary: string;
         styles: Record<string, string>;
     }[] | undefined;
     htmlInsertions?: {
         anchorId: string;
+        summary: string;
         html: string;
         position: "before" | "after" | "prepend" | "append" | "replace";
     }[] | undefined;
     classAdditions?: {
         anchorId: string;
+        summary: string;
         className: string;
     }[] | undefined;
     classRemovals?: {
         anchorId: string;
+        summary: string;
         className: string;
     }[] | undefined;
 }>;

package/dist/schema.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../src/schema.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB;;;GAGG;AACH,eAAO,MAAM,YAAY;IACvB,wBAAwB;;;;;;;;;;;IAUxB,8BAA8B;;;;;;;;;;;;;;IAW9B,0BAA0B;;;;;;;;;;;IAU1B,sBAAsB;;;;;;;;;;;;;;IAWtB,sBAAsB;;;;;;;;;;;IAUtB,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EASrB,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,YAAY,CAAC,CAAC"}
+{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../src/schema.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB;;;GAGG;AACH,eAAO,MAAM,YAAY;IACvB,wBAAwB;;;;;;;;;;;;;;IAWxB,8BAA8B;;;;;;;;;;;;;;;;;IAY9B,0BAA0B;;;;;;;;;;;;;;IAW1B,sBAAsB;;;;;;;;;;;;;;;;;IAYtB,sBAAsB;;;;;;;;;;;;;;IAWtB,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAUrB,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,YAAY,CAAC,CAAC"}

package/dist/schema.js

@@ -13,6 +13,7 @@ export const configSchema = z.object({
     textReplacements: z
         .array(z.object({
         anchorId: z.string(),
+        summary: z.string(),
         text: z.string(),
     }))
         .optional(),
@@ -20,6 +21,7 @@ export const configSchema = z.object({
     attributeChanges: z
         .array(z.object({
         anchorId: z.string(),
+        summary: z.string(),
         attr: z.string(),
         value: z.string(),
     }))
@@ -28,6 +30,7 @@ export const configSchema = z.object({
     styleChanges: z
         .array(z.object({
         anchorId: z.string(),
+        summary: z.string(),
         styles: z.record(z.string()),
     }))
         .optional(),
@@ -35,6 +38,7 @@ export const configSchema = z.object({
     htmlInsertions: z
         .array(z.object({
         anchorId: z.string(),
+        summary: z.string(),
         html: z.string(),
         position: z.enum(['before', 'after', 'prepend', 'append', 'replace']),
     }))
@@ -43,6 +47,7 @@ export const configSchema = z.object({
     classAdditions: z
         .array(z.object({
         anchorId: z.string(),
+        summary: z.string(),
         className: z.string(),
     }))
         .optional(),
@@ -50,6 +55,7 @@ export const configSchema = z.object({
     classRemovals: z
         .array(z.object({
         anchorId: z.string(),
+        summary: z.string(),
         className: z.string(),
     }))
         .optional(),

package/dist/summarize.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Human-readable summary generation for content config changes.
+ *
+ * Pure functions — no DOM access, just string formatting from config data.
+ */
+import type { ContentConfig } from './schema';
+/**
+ * Convert a CSS selector into a human-friendly element description.
+ */
+export declare function describeSelector(selector: string): string;
+/**
+ * Generate a human-readable one-liner for a content config change.
+ */
+export declare function summarizeContentChange(type: keyof ContentConfig, item: Record<string, unknown>): string;
+//# sourceMappingURL=summarize.d.ts.map

package/dist/summarize.d.ts.map

@@ -0,0 +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"}

package/dist/summarize.js

@@ -0,0 +1,78 @@
+/**
+ * Human-readable summary generation for content config changes.
+ *
+ * Pure functions — no DOM access, just string formatting from config data.
+ */
+const MAX_TEXT_LEN = 40;
+/**
+ * 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(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.d.ts

@@ -12,6 +12,22 @@ export interface EditorPanelProps {
         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;
+        /** 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;
     };
     platformClient?: unknown;
 }

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAQH,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IACpD,MAAM,EAAE;QACN,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;QACnC,YAAY,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;QACrC,IAAI,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;QAC1B,OAAO,EAAE,CAAC,iBAAiB,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;KACzD,CAAC;IACF,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAMD,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEnF,UAAU,UAAU;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,gBAAiB,SAAQ,UAAU;IAClD,IAAI,EAAE,oBAAoB,CAAC;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,cAAc,CAAC;CAC1B;AAED,MAAM,WAAW,aAAc,SAAQ,UAAU;IAC/C,IAAI,EAAE,iBAAiB,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,aAAc,SAAQ,UAAU;IAC/C,IAAI,EAAE,iBAAiB,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,cAAe,SAAQ,UAAU;IAChD,IAAI,EAAE,kBAAkB,CAAC;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,iBAAkB,SAAQ,UAAU;IACnD,IAAI,EAAE,qBAAqB,CAAC;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,cAAe,SAAQ,UAAU;IAChD,IAAI,EAAE,kBAAkB,CAAC;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAChC;AAMD,MAAM,MAAM,eAAe,GAAG,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;AACzD,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;AAExF,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,eAAe,CAAC;IACzB,QAAQ,CAAC,EAAE,cAAc,CAAC;CAC3B;AAED,MAAM,WAAW,eAAe;IAC9B,WAAW,EAAE,WAAW,CAAC;IACzB,aAAa,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,WAAW,GAAG,IAAI,CAAC;IACxD,UAAU,EAAE,MAAM,MAAM,CAAC;IACzB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IACtE,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,MAAM,cAAc,CAAC,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,eAAe,KAAK,OAAO,CAAC,cAAc,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@syntrologie/adapt-content",
-  "version": "0.0.0-semantically-released",
+  "version": "1.0.0",
   "description": "Adaptive Content app - DOM manipulation actions for text, attributes, and styles",
   "license": "Proprietary",
   "private": false,
@@ -33,7 +33,9 @@
   ],
   "scripts": {
     "build": "tsc",
-    "clean": "rm -rf dist"
+    "clean": "rm -rf dist",
+    "test": "vitest run",
+    "test:watch": "vitest"
   },
   "peerDependencies": {
     "@syntrologie/runtime-sdk": "^2.0.0",
@@ -42,9 +44,15 @@
     "zod": "^3.0.0"
   },
   "devDependencies": {
-    "@floating-ui/dom": "^1.6.0",
-    "@types/react": "^18.0.0",
-    "typescript": "^5.0.0",
-    "zod": "^3.25.0"
+    "@floating-ui/dom": "^1.7.5",
+    "@testing-library/react": "^16.3.2",
+    "@types/react": "^19.1.0",
+    "@types/react-dom": "^19.2.3",
+    "jsdom": "^25.0.1",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
+    "typescript": "^5.7.3",
+    "vitest": "^2.1.9",
+    "zod": "^3.25.76"
   }
 }