morph-embed 0.2.0 → 0.2.1

package/dist/morph-embed.esm.mjs

@@ -1,4 +1,4 @@
-/*! Morph Embed SDK v0.2.0 — https://usemorph.xyz — MIT */
+/*! Morph Embed SDK v0.2.1 — https://usemorph.xyz — MIT */
 const g = typeof window !== "undefined" ? window : globalThis;
 
 /* ---- shared/dsl.js ---- */
@@ -2270,7 +2270,9 @@ const g = typeof window !== "undefined" ? window : globalThis;
   function aimActive(on) { if (els && els.aim) els.aim.classList.toggle('on', !!on); }
 
   window.Morph.bar = {
-    mount(h) { handlers = h || {}; if (!host) build(); },
+    // No onPick handler -> no picker in this embedding: hide the ⌖ button so
+    // users never see a dead control (the extension always passes onPick).
+    mount(h) { handlers = h || {}; if (!host) build(); if (els && els.aim) els.aim.style.display = handlers.onPick ? '' : 'none'; },
     show, hide, toggle,
     setStatus, clearStatus, setBusy, showActions,
     isVisible: () => visible,
@@ -2290,6 +2292,152 @@ const g = typeof window !== "undefined" ? window : globalThis;
 })();
 
 
+/* ---- extension/src/picker.js ---- */
+/*
+ * Element picker — lets the user click a specific element on the page so the next
+ * reshape is scoped to it (and its descendants) instead of the model guessing
+ * selectors across the whole page.
+ *
+ *   start(onPick, onCancel) : enter pick mode (hover highlights, click selects, Esc cancels)
+ *   stop()                  : leave pick mode
+ *   selectorFor(el, doc)    : PURE — a stable-ish unique CSS selector for el
+ *   describe(el)            : PURE — a short human label for el
+ *
+ * Attaches to window.Morph.picker. Pure helpers are CJS-exported for tests.
+ */
+(function () {
+  'use strict';
+  window.Morph = window.Morph || {};
+
+  // Prefer the spec-correct native CSS.escape (all modern browsers have it). Fall
+  // back (e.g. jsdom / very old engines) to a regex that backslash-escapes any
+  // non-identifier char AND escapes a leading digit per the CSS spec — otherwise
+  // an id like "2col" yields the INVALID selector "#2col", which throws at
+  // querySelectorAll and forces a weaker, possibly non-unique path.
+  function cssEscape(s) {
+    s = String(s);
+    if (typeof window !== 'undefined' && window.CSS && typeof window.CSS.escape === 'function') {
+      return window.CSS.escape(s);
+    }
+    return s.replace(/[^a-zA-Z0-9_-]/g, (c) => '\\' + c).replace(/^([0-9])/, (m, d) => '\\3' + d + ' ');
+  }
+
+  // A reasonably-unique selector: prefer a unique #id (anchoring the path there if
+  // an ancestor has one), else a short `>`-path with :nth-of-type disambiguation.
+  function selectorFor(el, doc) {
+    doc = doc || (el && el.ownerDocument) || (typeof document !== 'undefined' ? document : null);
+    if (!el || el.nodeType !== 1 || !doc) return '';
+    if (el.id) {
+      const sel = '#' + cssEscape(el.id);
+      try { if (doc.querySelectorAll(sel).length === 1) return sel; } catch (_) { /* keep going */ }
+    }
+    const parts = [];
+    let node = el;
+    let depth = 0;
+    while (node && node.nodeType === 1 && node !== doc.body && node !== doc.documentElement && depth < 6) {
+      if (node.id) {
+        const idSel = '#' + cssEscape(node.id);
+        let unique = false;
+        try { unique = doc.querySelectorAll(idSel).length === 1; } catch (_) { unique = false; }
+        if (unique) { parts.unshift(idSel); return parts.join(' > '); }
+      }
+      let part = node.tagName.toLowerCase();
+      const parent = node.parentNode;
+      if (parent && parent.children) {
+        const sameTag = Array.prototype.filter.call(parent.children, (c) => c.tagName === node.tagName);
+        if (sameTag.length > 1) part += ':nth-of-type(' + (sameTag.indexOf(node) + 1) + ')';
+      }
+      parts.unshift(part);
+      node = node.parentNode;
+      depth++;
+    }
+    return parts.join(' > ');
+  }
+
+  function describe(el) {
+    if (!el || el.nodeType !== 1) return 'element';
+    let s = el.tagName.toLowerCase();
+    if (el.id) s += '#' + el.id;
+    else if (el.classList && el.classList.length) s += '.' + el.classList[0];
+    const text = (el.textContent || '').replace(/\s+/g, ' ').trim().slice(0, 24);
+    if (text) s += ' “' + text + '”';
+    return s;
+  }
+
+  // --- interactive pick mode (needs a live DOM) -----------------------------
+  let active = false, overlay = null, current = null, pickCb = null, cancelCb = null;
+
+  function ensureOverlay() {
+    if (overlay) return overlay;
+    overlay = document.createElement('div');
+    overlay.setAttribute('data-morph-pick-overlay', '1');
+    const s = overlay.style;
+    s.position = 'fixed'; s.zIndex = '2147483646'; s.pointerEvents = 'none';
+    s.border = '2px solid #ffffff'; s.boxShadow = '0 0 0 1px #000, 0 0 0 4px rgba(255,255,255,0.25)';
+    s.background = 'rgba(255,255,255,0.06)'; s.borderRadius = '2px'; s.display = 'none';
+    s.transition = 'left .04s linear, top .04s linear, width .04s linear, height .04s linear';
+    return overlay;
+  }
+
+  // Never let the picker target Morph's own UI (the bar host or this overlay).
+  function isOurs(el) {
+    try { return !!(el && el.closest && el.closest('#morph-host-root, [data-morph-pick-overlay]')); }
+    catch (_) { return false; }
+  }
+
+  function moveOverlay(el) {
+    const r = el.getBoundingClientRect();
+    const s = overlay.style;
+    s.display = 'block';
+    s.left = r.left + 'px'; s.top = r.top + 'px'; s.width = r.width + 'px'; s.height = r.height + 'px';
+  }
+
+  function onMove(e) {
+    const el = e.target;
+    if (!el || isOurs(el)) { overlay.style.display = 'none'; current = null; return; }
+    current = el;
+    try { moveOverlay(el); } catch (_) { /* never break the page */ }
+  }
+  function onClick(e) {
+    if (isOurs(e.target)) return;          // let our own UI receive clicks
+    e.preventDefault(); e.stopPropagation();
+    finish(current || e.target);
+  }
+  function onKey(e) { if (e.key === 'Escape') { e.preventDefault(); cancel(); } }
+
+  function teardown() {
+    active = false; current = null;
+    try {
+      document.removeEventListener('mousemove', onMove, true);
+      document.removeEventListener('click', onClick, true);
+      document.removeEventListener('keydown', onKey, true);
+      if (document.documentElement) document.documentElement.style.cursor = '';
+      if (overlay) overlay.style.display = 'none';
+    } catch (_) { /* noop */ }
+  }
+  function finish(el) { const cb = pickCb; teardown(); if (cb) { try { cb(el); } catch (_) {} } }
+  function cancel() { const cb = cancelCb; teardown(); if (cb) { try { cb(); } catch (_) {} } }
+
+  function start(onPick, onCancel) {
+    if (active) return;
+    active = true; pickCb = onPick; cancelCb = onCancel;
+    try {
+      ensureOverlay();
+      (document.body || document.documentElement).appendChild(overlay);
+      document.addEventListener('mousemove', onMove, true);
+      document.addEventListener('click', onClick, true);
+      document.addEventListener('keydown', onKey, true);
+      if (document.documentElement) document.documentElement.style.cursor = 'crosshair';
+    } catch (_) { teardown(); }
+  }
+  function stop() { teardown(); }
+  function isActive() { return active; }
+
+  window.Morph.picker = { start, stop, isActive, selectorFor, describe };
+  if (typeof module !== 'undefined' && module.exports) module.exports = { selectorFor, describe };
+})();
+
+
 /* ---- sdk/src/ui.js ---- */
 /*
  * Morph SDK — UI layer: launcher + edits panel + undo toast, isolated in a
@@ -2667,6 +2815,7 @@ const g = typeof window !== "undefined" ? window : globalThis;
     const store = deps.store;
     const bar = deps.bar;
     const ui = deps.ui || null;
+    const picker = deps.picker || null;
     const extractContext = deps.extractContext;
     const fetchFn = deps.fetchFn;
     const stageDelays = deps.stageDelays || STAGE_DELAYS;
@@ -2700,10 +2849,68 @@ const g = typeof window !== "undefined" ? window : globalThis;
       }
       backend = (typeof config.backend === 'string' && config.backend)
         ? config.backend.replace(/\/$/, '') : DEFAULT_BACKEND;
-      bar.mount({ onSubmit, onUndo });
+      // onPick only when a picker exists — the bar hides the ⌖ button when
+      // no handler is passed, so users never see a dead control.
+      const handlers = { onSubmit, onUndo, onHide };
+      if (picker) handlers.onPick = onPick;
+      bar.mount(handlers);
       return api;
     }
 
+    // ---- element targeting (mirrors extension/src/content.js) --------------
+    let activeTarget = null; // { selector, label } while the user has a pick
+
+    function escapeHtml(s) {
+      return String(s).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
+    }
+    function outlineTarget(el) {
+      try {
+        if (!win.document.getElementById('morph-sdk-target-style')) {
+          const st = win.document.createElement('style');
+          st.id = 'morph-sdk-target-style';
+          st.textContent = '[data-morph-targeted="1"]{outline:2px solid #4c8dff !important;outline-offset:2px !important;}';
+          win.document.documentElement.appendChild(st);
+        }
+        el.setAttribute('data-morph-targeted', '1');
+      } catch (_) { /* cosmetic only */ }
+    }
+    function clearTargetState() {
+      activeTarget = null;
+      try {
+        const el = win.document.querySelector('[data-morph-targeted="1"]');
+        if (el) el.removeAttribute('data-morph-targeted');
+      } catch (_) { /* noop */ }
+      try { bar.clearTarget(); } catch (_) { /* bar optional */ }
+    }
+    function targetHtml() {
+      try {
+        const el = activeTarget && win.document.querySelector(activeTarget.selector);
+        return el ? String(el.outerHTML).slice(0, 4000) : '';
+      } catch (_) { return ''; }
+    }
+    function onPick() {
+      if (!picker || !picker.start) return;
+      try { bar.setStatus('Click any element on the page to target it — Esc to cancel.', ''); } catch (_) { /* noop */ }
+      picker.start((el) => {
+        try {
+          const selector = picker.selectorFor(el, win.document);
+          if (!selector) { bar.setStatus('Couldn’t target that element — try another.', 'err'); return; }
+          activeTarget = { selector, label: picker.describe(el) };
+          outlineTarget(el);
+          bar.setTarget({ label: activeTarget.label, onClear: clearTargetState });
+          bar.setStatus('Targeting <b>' + escapeHtml(activeTarget.label) + '</b>. Now type how to change it.', 'ok');
+          if (bar.focusInput) bar.focusInput();
+        } catch (_) { /* never break the page */ }
+      }, () => {
+        try { bar.aimActive(false); bar.setStatus('Pick cancelled.', ''); } catch (_) { /* noop */ }
+      });
+    }
+    // Closing the bar ends targeting: cancel any in-progress pick, drop the chip.
+    function onHide() {
+      try { if (picker && picker.stop) picker.stop(); } catch (_) { /* noop */ }
+      clearTargetState();
+    }
+
     // Confirm gate for actions. window.confirm is trusted browser chrome the
     // page can't spoof; a bar-styled dialog can replace it later.
     function confirmFn(name, description) {
@@ -2798,6 +3005,7 @@ const g = typeof window !== "undefined" ? window : globalThis;
       let resp;
       try {
         const body = { prompt, context, url: win.location.href };
+        if (activeTarget) body.target = { selector: activeTarget.selector, html: targetHtml() };
         if (registry.hasSources() || registry.hasActions()) body.manifests = registry.manifests();
         const r = await fetchFn(backend + '/api/transform', {
           method: 'POST',
@@ -2966,7 +3174,8 @@ const g = typeof window !== "undefined" ? window : globalThis;
       });
       const embed = createEmbed({
         config, win: window, DSL: window.MorphDSL, registry, store,
-        bar: window.Morph.bar, ui, extractContext: window.Morph.extractContext,
+        bar: window.Morph.bar, ui, picker: window.Morph.picker,
+        extractContext: window.Morph.extractContext,
         fetchFn: doFetch, compose: window.MorphStorage.composeEdits,
       });
       embed.init();

package/dist/morph-embed.js

@@ -1,4 +1,4 @@
-/*! Morph Embed SDK v0.2.0 — https://usemorph.xyz — MIT */
+/*! Morph Embed SDK v0.2.1 — https://usemorph.xyz — MIT */
 
 /* ---- shared/dsl.js ---- */
 /*
@@ -2269,7 +2269,9 @@
   function aimActive(on) { if (els && els.aim) els.aim.classList.toggle('on', !!on); }
 
   window.Morph.bar = {
-    mount(h) { handlers = h || {}; if (!host) build(); },
+    // No onPick handler -> no picker in this embedding: hide the ⌖ button so
+    // users never see a dead control (the extension always passes onPick).
+    mount(h) { handlers = h || {}; if (!host) build(); if (els && els.aim) els.aim.style.display = handlers.onPick ? '' : 'none'; },
     show, hide, toggle,
     setStatus, clearStatus, setBusy, showActions,
     isVisible: () => visible,
@@ -2289,6 +2291,152 @@
 })();
 
 
+/* ---- extension/src/picker.js ---- */
+/*
+ * Element picker — lets the user click a specific element on the page so the next
+ * reshape is scoped to it (and its descendants) instead of the model guessing
+ * selectors across the whole page.
+ *
+ *   start(onPick, onCancel) : enter pick mode (hover highlights, click selects, Esc cancels)
+ *   stop()                  : leave pick mode
+ *   selectorFor(el, doc)    : PURE — a stable-ish unique CSS selector for el
+ *   describe(el)            : PURE — a short human label for el
+ *
+ * Attaches to window.Morph.picker. Pure helpers are CJS-exported for tests.
+ */
+(function () {
+  'use strict';
+  window.Morph = window.Morph || {};
+
+  // Prefer the spec-correct native CSS.escape (all modern browsers have it). Fall
+  // back (e.g. jsdom / very old engines) to a regex that backslash-escapes any
+  // non-identifier char AND escapes a leading digit per the CSS spec — otherwise
+  // an id like "2col" yields the INVALID selector "#2col", which throws at
+  // querySelectorAll and forces a weaker, possibly non-unique path.
+  function cssEscape(s) {
+    s = String(s);
+    if (typeof window !== 'undefined' && window.CSS && typeof window.CSS.escape === 'function') {
+      return window.CSS.escape(s);
+    }
+    return s.replace(/[^a-zA-Z0-9_-]/g, (c) => '\\' + c).replace(/^([0-9])/, (m, d) => '\\3' + d + ' ');
+  }
+
+  // A reasonably-unique selector: prefer a unique #id (anchoring the path there if
+  // an ancestor has one), else a short `>`-path with :nth-of-type disambiguation.
+  function selectorFor(el, doc) {
+    doc = doc || (el && el.ownerDocument) || (typeof document !== 'undefined' ? document : null);
+    if (!el || el.nodeType !== 1 || !doc) return '';
+    if (el.id) {
+      const sel = '#' + cssEscape(el.id);
+      try { if (doc.querySelectorAll(sel).length === 1) return sel; } catch (_) { /* keep going */ }
+    }
+    const parts = [];
+    let node = el;
+    let depth = 0;
+    while (node && node.nodeType === 1 && node !== doc.body && node !== doc.documentElement && depth < 6) {
+      if (node.id) {
+        const idSel = '#' + cssEscape(node.id);
+        let unique = false;
+        try { unique = doc.querySelectorAll(idSel).length === 1; } catch (_) { unique = false; }
+        if (unique) { parts.unshift(idSel); return parts.join(' > '); }
+      }
+      let part = node.tagName.toLowerCase();
+      const parent = node.parentNode;
+      if (parent && parent.children) {
+        const sameTag = Array.prototype.filter.call(parent.children, (c) => c.tagName === node.tagName);
+        if (sameTag.length > 1) part += ':nth-of-type(' + (sameTag.indexOf(node) + 1) + ')';
+      }
+      parts.unshift(part);
+      node = node.parentNode;
+      depth++;
+    }
+    return parts.join(' > ');
+  }
+
+  function describe(el) {
+    if (!el || el.nodeType !== 1) return 'element';
+    let s = el.tagName.toLowerCase();
+    if (el.id) s += '#' + el.id;
+    else if (el.classList && el.classList.length) s += '.' + el.classList[0];
+    const text = (el.textContent || '').replace(/\s+/g, ' ').trim().slice(0, 24);
+    if (text) s += ' “' + text + '”';
+    return s;
+  }
+
+  // --- interactive pick mode (needs a live DOM) -----------------------------
+  let active = false, overlay = null, current = null, pickCb = null, cancelCb = null;
+
+  function ensureOverlay() {
+    if (overlay) return overlay;
+    overlay = document.createElement('div');
+    overlay.setAttribute('data-morph-pick-overlay', '1');
+    const s = overlay.style;
+    s.position = 'fixed'; s.zIndex = '2147483646'; s.pointerEvents = 'none';
+    s.border = '2px solid #ffffff'; s.boxShadow = '0 0 0 1px #000, 0 0 0 4px rgba(255,255,255,0.25)';
+    s.background = 'rgba(255,255,255,0.06)'; s.borderRadius = '2px'; s.display = 'none';
+    s.transition = 'left .04s linear, top .04s linear, width .04s linear, height .04s linear';
+    return overlay;
+  }
+
+  // Never let the picker target Morph's own UI (the bar host or this overlay).
+  function isOurs(el) {
+    try { return !!(el && el.closest && el.closest('#morph-host-root, [data-morph-pick-overlay]')); }
+    catch (_) { return false; }
+  }
+
+  function moveOverlay(el) {
+    const r = el.getBoundingClientRect();
+    const s = overlay.style;
+    s.display = 'block';
+    s.left = r.left + 'px'; s.top = r.top + 'px'; s.width = r.width + 'px'; s.height = r.height + 'px';
+  }
+
+  function onMove(e) {
+    const el = e.target;
+    if (!el || isOurs(el)) { overlay.style.display = 'none'; current = null; return; }
+    current = el;
+    try { moveOverlay(el); } catch (_) { /* never break the page */ }
+  }
+  function onClick(e) {
+    if (isOurs(e.target)) return;          // let our own UI receive clicks
+    e.preventDefault(); e.stopPropagation();
+    finish(current || e.target);
+  }
+  function onKey(e) { if (e.key === 'Escape') { e.preventDefault(); cancel(); } }
+
+  function teardown() {
+    active = false; current = null;
+    try {
+      document.removeEventListener('mousemove', onMove, true);
+      document.removeEventListener('click', onClick, true);
+      document.removeEventListener('keydown', onKey, true);
+      if (document.documentElement) document.documentElement.style.cursor = '';
+      if (overlay) overlay.style.display = 'none';
+    } catch (_) { /* noop */ }
+  }
+  function finish(el) { const cb = pickCb; teardown(); if (cb) { try { cb(el); } catch (_) {} } }
+  function cancel() { const cb = cancelCb; teardown(); if (cb) { try { cb(); } catch (_) {} } }
+
+  function start(onPick, onCancel) {
+    if (active) return;
+    active = true; pickCb = onPick; cancelCb = onCancel;
+    try {
+      ensureOverlay();
+      (document.body || document.documentElement).appendChild(overlay);
+      document.addEventListener('mousemove', onMove, true);
+      document.addEventListener('click', onClick, true);
+      document.addEventListener('keydown', onKey, true);
+      if (document.documentElement) document.documentElement.style.cursor = 'crosshair';
+    } catch (_) { teardown(); }
+  }
+  function stop() { teardown(); }
+  function isActive() { return active; }
+
+  window.Morph.picker = { start, stop, isActive, selectorFor, describe };
+  if (typeof module !== 'undefined' && module.exports) module.exports = { selectorFor, describe };
+})();
+
+
 /* ---- sdk/src/ui.js ---- */
 /*
  * Morph SDK — UI layer: launcher + edits panel + undo toast, isolated in a
@@ -2666,6 +2814,7 @@
     const store = deps.store;
     const bar = deps.bar;
     const ui = deps.ui || null;
+    const picker = deps.picker || null;
     const extractContext = deps.extractContext;
     const fetchFn = deps.fetchFn;
     const stageDelays = deps.stageDelays || STAGE_DELAYS;
@@ -2699,10 +2848,68 @@
       }
       backend = (typeof config.backend === 'string' && config.backend)
         ? config.backend.replace(/\/$/, '') : DEFAULT_BACKEND;
-      bar.mount({ onSubmit, onUndo });
+      // onPick only when a picker exists — the bar hides the ⌖ button when
+      // no handler is passed, so users never see a dead control.
+      const handlers = { onSubmit, onUndo, onHide };
+      if (picker) handlers.onPick = onPick;
+      bar.mount(handlers);
       return api;
     }
 
+    // ---- element targeting (mirrors extension/src/content.js) --------------
+    let activeTarget = null; // { selector, label } while the user has a pick
+
+    function escapeHtml(s) {
+      return String(s).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
+    }
+    function outlineTarget(el) {
+      try {
+        if (!win.document.getElementById('morph-sdk-target-style')) {
+          const st = win.document.createElement('style');
+          st.id = 'morph-sdk-target-style';
+          st.textContent = '[data-morph-targeted="1"]{outline:2px solid #4c8dff !important;outline-offset:2px !important;}';
+          win.document.documentElement.appendChild(st);
+        }
+        el.setAttribute('data-morph-targeted', '1');
+      } catch (_) { /* cosmetic only */ }
+    }
+    function clearTargetState() {
+      activeTarget = null;
+      try {
+        const el = win.document.querySelector('[data-morph-targeted="1"]');
+        if (el) el.removeAttribute('data-morph-targeted');
+      } catch (_) { /* noop */ }
+      try { bar.clearTarget(); } catch (_) { /* bar optional */ }
+    }
+    function targetHtml() {
+      try {
+        const el = activeTarget && win.document.querySelector(activeTarget.selector);
+        return el ? String(el.outerHTML).slice(0, 4000) : '';
+      } catch (_) { return ''; }
+    }
+    function onPick() {
+      if (!picker || !picker.start) return;
+      try { bar.setStatus('Click any element on the page to target it — Esc to cancel.', ''); } catch (_) { /* noop */ }
+      picker.start((el) => {
+        try {
+          const selector = picker.selectorFor(el, win.document);
+          if (!selector) { bar.setStatus('Couldn’t target that element — try another.', 'err'); return; }
+          activeTarget = { selector, label: picker.describe(el) };
+          outlineTarget(el);
+          bar.setTarget({ label: activeTarget.label, onClear: clearTargetState });
+          bar.setStatus('Targeting <b>' + escapeHtml(activeTarget.label) + '</b>. Now type how to change it.', 'ok');
+          if (bar.focusInput) bar.focusInput();
+        } catch (_) { /* never break the page */ }
+      }, () => {
+        try { bar.aimActive(false); bar.setStatus('Pick cancelled.', ''); } catch (_) { /* noop */ }
+      });
+    }
+    // Closing the bar ends targeting: cancel any in-progress pick, drop the chip.
+    function onHide() {
+      try { if (picker && picker.stop) picker.stop(); } catch (_) { /* noop */ }
+      clearTargetState();
+    }
+
     // Confirm gate for actions. window.confirm is trusted browser chrome the
     // page can't spoof; a bar-styled dialog can replace it later.
     function confirmFn(name, description) {
@@ -2797,6 +3004,7 @@
       let resp;
       try {
         const body = { prompt, context, url: win.location.href };
+        if (activeTarget) body.target = { selector: activeTarget.selector, html: targetHtml() };
         if (registry.hasSources() || registry.hasActions()) body.manifests = registry.manifests();
         const r = await fetchFn(backend + '/api/transform', {
           method: 'POST',
@@ -2965,7 +3173,8 @@
       });
       const embed = createEmbed({
         config, win: window, DSL: window.MorphDSL, registry, store,
-        bar: window.Morph.bar, ui, extractContext: window.Morph.extractContext,
+        bar: window.Morph.bar, ui, picker: window.Morph.picker,
+        extractContext: window.Morph.extractContext,
         fetchFn: doFetch, compose: window.MorphStorage.composeEdits,
       });
       embed.init();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "morph-embed",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "description": "Embed a prompt bar in your product so users can generate the features you haven't built — real-data widgets, layout reshapes, and confirm-gated actions. Declarative-DSL security model; your data never leaves the page.",
   "license": "MIT",
   "main": "dist/morph-embed.esm.mjs",