@deneb-ui/cli 2.0.49 → 2.0.51

package/src/arc/planner.cjs

@@ -9,7 +9,7 @@ const { appendStyleBindTransforms } = require('./style-candidates.cjs');
 function recipeBoost(candidate, recipe) {
   if (!recipe) return 0;
   let boost = 0;
-  if (recipe.actionRules?.splitActionAndLabel && candidate.operation === 'split-action-contract') boost += 0.03;
+  if (recipe.actionRules?.splitActionAndLabel && (candidate.operation === 'split-action-contract' || candidate.operation === 'form-submit-action')) boost += 0.03;
   const keywords = recipe.signatures?.keywords || [];
   const hay = `${candidate.tag} ${candidate.value || ''} ${candidate.label || ''} ${candidate.file || ''}`.toLowerCase();
   if (keywords.some((kw) => hay.includes(String(kw).toLowerCase()))) boost += 0.02;
@@ -66,8 +66,8 @@ function planTransformations({ profile, analyses, recipe }) {
       }
 
       const extra = { ...(candidate.extra || {}) };
-      if (candidate.operation === 'split-action-contract') {
-        extra.action = extra.action || classifyHref(candidate.value);
+      if (candidate.operation === 'split-action-contract' || candidate.operation === 'form-submit-action') {
+        extra.action = extra.action || (candidate.operation === 'form-submit-action' ? 'form-submit' : classifyHref(candidate.value));
         extra.paired = true;
       }
 
@@ -107,7 +107,7 @@ function planTransformations({ profile, analyses, recipe }) {
         continue;
       }
 
-      if (candidate.operation === 'split-action-contract') {
+      if (candidate.operation === 'split-action-contract' || candidate.operation === 'form-submit-action') {
         const urlName = inferFieldName('url', candidate.tag, candidate.label, extra);
         const labelName = inferFieldName('label', candidate.tag, candidate.label, { ...extra, paired: true });
         const actionSection = sectionForAction(scope, section, extra);
@@ -117,6 +117,9 @@ function planTransformations({ profile, analyses, recipe }) {
         transform.labelField = uniquePath(usedPaths, sibling.join('.'));
         transform.fieldType = 'url';
         transform.labelFieldType = 'text';
+        if (candidate.operation === 'form-submit-action') {
+          transform.formContext = true;
+        }
       } else if (candidate.operation === 'extract-url') {
         transform.field = buildFieldPath({
           scope,
@@ -177,8 +180,16 @@ function planTransformations({ profile, analyses, recipe }) {
         }));
         transform.items = candidate.value.map((item) => item.value);
         transform.itemParam = extra.itemParam;
-        transform.indexParam = extra.indexParam;
-        if (!transform.itemFields.length || !extra.objectItems) transform.decision = 'skip';
+        if (!transform.itemFields.length && extra.objectItems && candidate.value?.length > 0) {
+          const sample = candidate.value[0]?.value || {};
+          transform.itemFields = Object.keys(sample)
+            .filter((k) => typeof sample[k] === 'string' || typeof sample[k] === 'number')
+            .map((k) => ({
+              key: k,
+              type: typeof sample[k] === 'number' ? 'number' : /image|photo|avatar/i.test(k) ? 'image' : /url|link/i.test(k) ? 'url' : 'text',
+            }));
+        }
+        if (!transform.itemFields.length || !extra.objectItems || extra.hasComponentRef) transform.decision = 'skip';
       } else {
         transform.field = buildFieldPath({
           scope,
@@ -230,7 +241,7 @@ function sectionForAction(scope, section, extra) {
   if (scope === 'common' && (extra.social || ['instagram', 'facebook', 'twitter', 'tiktok', 'youtube', 'linkedin'].includes(extra.action))) {
     return 'footer';
   }
-  if (['whatsapp', 'phone', 'email', 'directions', 'location'].includes(extra.action)) {
+  if (['whatsapp', 'phone', 'email', 'directions', 'location', 'form-submit'].includes(extra.action)) {
     return section || 'contact';
   }
   if (extra.action === 'shop') {

package/src/arc/printer.cjs

@@ -202,6 +202,22 @@ function printAiSummary(adapted, skipped, totalTokens) {
   console.log(`\n  ${C.cyan}⚡${C.reset} AI Agent Summary: ${C.green}${adapted} adapted${C.reset}, ${C.yellow}${skipped} skipped${C.reset}, ~${totalTokens.toLocaleString()} tokens used`);
 }
 
+function printAiEvaluatorStart() {
+  console.log(`\n  ${C.cyan}⚡${C.reset} ${C.bold}AI Evaluator:${C.reset} Running pre-flight runtime integrity audit...`);
+}
+
+function printAiEvaluatorPass(message) {
+  console.log(`    ${C.green}✓${C.reset} ${message}`);
+}
+
+function printAiEvaluatorHealed(message) {
+  console.log(`    ${C.cyan}🔧${C.reset} ${C.bold}Auto-healed:${C.reset} ${message}`);
+}
+
+function printAiEvaluatorIssue(message) {
+  console.log(`    ${C.yellow}⚠${C.reset} ${message}`);
+}
+
 module.exports = {
   printBanner,
   printProfile,
@@ -223,6 +239,10 @@ module.exports = {
   printAiSkipped,
   printAiPr,
   printAiSummary,
+  printAiEvaluatorStart,
+  printAiEvaluatorPass,
+  printAiEvaluatorHealed,
+  printAiEvaluatorIssue,
   ok,
   warn,
   info,

package/src/arc/semantic.cjs

@@ -23,6 +23,8 @@ const {
   TEXT_TAGS,
   ACTION_TAGS,
   IMAGE_TAGS,
+  FORM_INPUT_TAGS,
+  FORM_CONTAINER_TAGS,
   DECORATIVE_TAGS,
 } = require('./adapters.cjs');
 const { shortHash } = require('./fs-utils.cjs');
@@ -49,35 +51,53 @@ function isStaticSkipText(text) {
   return false;
 }
 
+function unwrapTypeCasts(node) {
+  let curr = node;
+  while (
+    curr &&
+    (curr.type === 'TSAsExpression' ||
+      curr.type === 'TSTypeAssertion' ||
+      curr.type === 'TypeCastExpression' ||
+      curr.type === 'TSNonNullExpression')
+  ) {
+    curr = curr.expression;
+  }
+  return curr;
+}
+
 function collectStringBindings(ast) {
   const bindings = new Map();
   recast.types.visit(ast, {
     visitVariableDeclarator(pathNode) {
       const node = pathNode.node;
       if (node.id && node.id.type === 'Identifier' && node.init) {
-        if (node.init.type === 'StringLiteral' || node.init.type === 'Literal' && typeof node.init.value === 'string') {
-          bindings.set(node.id.name, String(node.init.value));
+        const init = unwrapTypeCasts(node.init);
+        if (init.type === 'StringLiteral' || (init.type === 'Literal' && typeof init.value === 'string')) {
+          bindings.set(node.id.name, String(init.value));
         }
-        if (node.init.type === 'ArrayExpression') {
+        if (init.type === 'ArrayExpression') {
           const items = [];
-          let allLiteral = true;
-          for (const el of node.init.elements || []) {
+          for (const el of init.elements || []) {
             if (!el) continue;
-            if (el.type === 'StringLiteral' || (el.type === 'Literal' && typeof el.value === 'string')) {
-              items.push({ type: 'string', value: String(el.value) });
-            } else if (el.type === 'ObjectExpression') {
-              const obj = objectLiteralToPlain(el);
-              if (obj) items.push({ type: 'object', value: obj });
-              else allLiteral = false;
-            } else {
-              allLiteral = false;
+            const inner = unwrapTypeCasts(el);
+            if (inner.type === 'StringLiteral' || (inner.type === 'Literal' && typeof inner.value === 'string')) {
+              items.push({ type: 'string', value: String(inner.value) });
+            } else if (inner.type === 'ObjectExpression') {
+              const obj = objectLiteralToPlain(inner);
+              if (obj && Object.keys(obj).length > 0) {
+                items.push({ type: 'object', value: obj });
+              }
             }
           }
-          if (allLiteral && items.length) bindings.set(node.id.name, { kind: 'array', items });
+          if (items.length > 0) {
+            bindings.set(node.id.name, { kind: 'array', items });
+          }
         }
-        if (node.init.type === 'ObjectExpression') {
-          const obj = objectLiteralToPlain(node.init);
-          if (obj) bindings.set(node.id.name, { kind: 'object', value: obj });
+        if (init.type === 'ObjectExpression') {
+          const obj = objectLiteralToPlain(init);
+          if (obj && Object.keys(obj).length > 0) {
+            bindings.set(node.id.name, { kind: 'object', value: obj });
+          }
         }
       }
       this.traverse(pathNode);
@@ -90,18 +110,57 @@ function objectLiteralToPlain(node) {
   if (!node || node.type !== 'ObjectExpression') return null;
   const out = {};
   for (const prop of node.properties || []) {
-    if (prop.type !== 'ObjectProperty' && prop.type !== 'Property') return null;
+    if (prop.type !== 'ObjectProperty' && prop.type !== 'Property') continue;
     const key = prop.key && (prop.key.name || prop.key.value);
-    if (!key || prop.computed) return null;
-    const val = prop.value;
+    if (!key || prop.computed) continue;
+    const val = unwrapTypeCasts(prop.value);
+    if (!val) continue;
+
     if (val.type === 'StringLiteral' || (val.type === 'Literal' && typeof val.value === 'string')) {
       out[key] = String(val.value);
     } else if (val.type === 'NumericLiteral' || (val.type === 'Literal' && typeof val.value === 'number')) {
       out[key] = val.value;
     } else if (val.type === 'BooleanLiteral' || (val.type === 'Literal' && typeof val.value === 'boolean')) {
       out[key] = val.value;
-    } else {
-      return null;
+    } else if (val.type === 'NullLiteral' || (val.type === 'Literal' && val.value === null)) {
+      out[key] = null;
+    } else if (val.type === 'TemplateLiteral' && (!val.expressions || val.expressions.length === 0)) {
+      out[key] = val.quasis?.map((q) => q.value?.cooked || q.value?.raw || '').join('') || '';
+    } else if (val.type === 'Identifier') {
+      if (/^[A-Z]/.test(val.name)) {
+        // Component references (e.g. icon: Truck, Icon: ShieldCheck) are not merchant content
+        return null;
+      }
+      out[key] = val.name;
+    } else if (val.type === 'UnaryExpression' && val.argument) {
+      if (val.operator === '-' && (val.argument.type === 'NumericLiteral' || typeof val.argument.value === 'number')) {
+        out[key] = -val.argument.value;
+      } else if (val.operator === '!' && (val.argument.type === 'BooleanLiteral' || typeof val.argument.value === 'boolean')) {
+        out[key] = !val.argument.value;
+      }
+    } else if (val.type === 'ArrayExpression') {
+      const arr = [];
+      for (const el of val.elements || []) {
+        if (!el) continue;
+        const inner = unwrapTypeCasts(el);
+        if (!inner) continue;
+        if (inner.type === 'StringLiteral' || (inner.type === 'Literal' && typeof inner.value === 'string')) {
+          arr.push(String(inner.value));
+        } else if (inner.type === 'NumericLiteral' || (inner.type === 'Literal' && typeof inner.value === 'number')) {
+          arr.push(inner.value);
+        } else if (inner.type === 'BooleanLiteral' || (inner.type === 'Literal' && typeof inner.value === 'boolean')) {
+          arr.push(inner.value);
+        } else if (inner.type === 'ObjectExpression') {
+          const nestedObj = objectLiteralToPlain(inner);
+          if (nestedObj) arr.push(nestedObj);
+        } else if (inner.type === 'Identifier') {
+          arr.push(inner.name);
+        }
+      }
+      out[key] = arr;
+    } else if (val.type === 'ObjectExpression') {
+      const nestedObj = objectLiteralToPlain(val);
+      if (nestedObj) out[key] = nestedObj;
     }
   }
   return out;
@@ -262,16 +321,47 @@ function collectItemFieldUsage(callback, itemParam) {
     usage.set(property, role);
   }
 
-  function memberProperty(expr) {
-    if (!expr || expr.type !== 'MemberExpression' || expr.computed) return null;
-    if (expr.object?.type !== 'Identifier' || expr.object.name !== itemParam) return null;
-    return expr.property?.name || null;
+  function findItemMemberProperties(expr) {
+    const props = [];
+    if (!expr) return props;
+    if (expr.type === 'MemberExpression' && !expr.computed) {
+      if (expr.object?.type === 'Identifier' && expr.object.name === itemParam) {
+        if (expr.property?.name) props.push(expr.property.name);
+      } else if (expr.object?.type === 'MemberExpression') {
+        const sub = findItemMemberProperties(expr.object);
+        if (sub.length > 0 && expr.property?.name) {
+          props.push(expr.property.name);
+        }
+      }
+    } else if (expr.type === 'LogicalExpression' || expr.type === 'BinaryExpression') {
+      props.push(...findItemMemberProperties(expr.left));
+      props.push(...findItemMemberProperties(expr.right));
+    } else if (expr.type === 'ConditionalExpression') {
+      props.push(...findItemMemberProperties(expr.test));
+      props.push(...findItemMemberProperties(expr.consequent));
+      props.push(...findItemMemberProperties(expr.alternate));
+    } else if (expr.type === 'TemplateLiteral') {
+      for (const sub of expr.expressions || []) {
+        props.push(...findItemMemberProperties(sub));
+      }
+    }
+    return props;
   }
 
+  let usesItemAsComponent = false;
   recast.types.visit(callback, {
+    visitJSXOpeningElement(pathNode) {
+      const name = pathNode.node.name;
+      if (name?.type === 'JSXMemberExpression') {
+        if (name.object?.type === 'Identifier' && name.object.name === itemParam) {
+          usesItemAsComponent = true;
+        }
+      }
+      this.traverse(pathNode);
+    },
     visitJSXExpressionContainer(pathNode) {
-      const property = memberProperty(pathNode.node.expression);
-      if (property) {
+      const properties = findItemMemberProperties(pathNode.node.expression);
+      for (const property of properties) {
         const parent = pathNode.parent?.node || pathNode.parent?.value;
         if (parent?.type === 'JSXAttribute') {
           const attribute = parent.name?.name;
@@ -290,7 +380,7 @@ function collectItemFieldUsage(callback, itemParam) {
     },
   });
 
-  return usage;
+  return { usage, usesItemAsComponent };
 }
 
 function classNameOf(node) {
@@ -304,7 +394,7 @@ function confidenceFor(kind, extras = {}) {
   if (extras.icon) return 0.1;
   if (kind === 'url' && extras.action === 'whatsapp') return 0.96;
   if (kind === 'url' && extras.social) return 0.93;
-  if (kind === 'split-action-contract') return 0.94;
+  if (kind === 'split-action-contract' || kind === 'form-submit-action') return 0.94;
   if (kind === 'text' && HEADING_TAGS.has(extras.tag)) return 0.95;
   if (kind === 'text' && extras.tag === 'p') return 0.9;
   if (kind === 'image') return 0.88;
@@ -474,14 +564,47 @@ function analyzeFile({ code, relativeFile, profile, graph, ownerScope, component
         });
       }
 
+      const insideForm = parents.some((p) => FORM_CONTAINER_TAGS.has(p));
+
       const actionableHref = href || (name === 'Button' ? getJsxAttributeLiteral(node, 'href') : null);
       const innerText = textInfo.dynamic ? '' : textInfo.text;
       const typeAttr = getJsxAttributeLiteral(node, 'type');
       const isSubmit = typeAttr === 'submit';
 
-      // Check for action intent via classifyActionIntent (covers WhatsApp, Call/Phone, Directions, Location, Shop, Email)
-      const actionIntent = !isSubmit && !apiOwned ? classifyActionIntent(innerText, actionableHref) : null;
-      const isAction = (Boolean(actionableHref) || Boolean(actionIntent)) && (ACTION_TAGS.has(name) || isLikelyCtaClass(className));
+      // Check for action intent via classifyActionIntent (covers Form Submit, WhatsApp, Call/Phone, Directions, Location, Shop, Email)
+      const actionIntent = !apiOwned ? classifyActionIntent(innerText, actionableHref) : null;
+
+      const isFormSubmit =
+        !apiOwned &&
+        (ACTION_TAGS.has(name) || isLikelyCtaClass(className)) &&
+        (isSubmit ||
+          (insideForm && (actionIntent?.action === 'form-submit' || (innerText && !actionableHref))) ||
+          actionIntent?.action === 'form-submit');
+
+      if (isFormSubmit && innerText && !textInfo.dynamic) {
+        usedLocs.add(loc);
+        const resolvedHref = actionableHref || (actionIntent ? actionIntent.defaultUrl : 'https://wa.me/1234567890');
+        candidates.push({
+          ...baseMeta,
+          kind: 'form-submit-action',
+          operation: 'form-submit-action',
+          value: resolvedHref,
+          label: innerText,
+          extra: {
+            action: 'form-submit',
+            external: true,
+            insideForm,
+            isSubmit,
+          },
+          confidence: confidenceFor('form-submit-action'),
+          reason: 'form-submit-whatsapp-dispatch',
+          fingerprint: fingerprintCandidate({ tag: name, kind: 'form-submit-action', action: 'form-submit' }),
+        });
+        this.traverse(pathNode);
+        return;
+      }
+
+      const isAction = !isSubmit && (Boolean(actionableHref) || Boolean(actionIntent)) && (ACTION_TAGS.has(name) || isLikelyCtaClass(className));
 
       if (isAction && (actionableHref || actionIntent)) {
         const action = actionIntent ? actionIntent.action : classifyHref(actionableHref);
@@ -592,13 +715,14 @@ function analyzeFile({ code, relativeFile, profile, graph, ownerScope, component
         bindings.get(mapInfo.objectName)?.kind === 'array'
       ) {
         const arr = bindings.get(mapInfo.objectName);
-        const itemUsage = collectItemFieldUsage(mapInfo.callback, mapInfo.itemParam);
+        const { usage: itemUsage, usesItemAsComponent } = collectItemFieldUsage(mapInfo.callback, mapInfo.itemParam);
         const objectItems = arr.items.every((item) => item.type === 'object');
         const boundProperties = [...itemUsage.keys()];
         const convertible =
+          !usesItemAsComponent &&
           objectItems &&
           boundProperties.length > 0 &&
-          arr.items.every((item) => boundProperties.every((key) => key in item.value));
+          arr.items.some((item) => boundProperties.some((key) => key in item.value));
 
         candidates.push({
           ...baseMeta,
@@ -612,11 +736,18 @@ function analyzeFile({ code, relativeFile, profile, graph, ownerScope, component
             indexParam: mapInfo.indexParam,
             itemFields: [...itemUsage.entries()].map(([key, role]) => ({ key, role })),
             objectItems,
+            hasComponentRef: usesItemAsComponent,
           },
           confidence: convertible
             ? confidenceFor('collection', { staticCollection: true })
-            : 0.3,
-          reason: convertible ? 'static-array-map' : 'collection-shape-not-uniform',
+            : usesItemAsComponent
+              ? 0.2
+              : 0.82,
+          reason: usesItemAsComponent
+            ? 'collection-holds-component-ref'
+            : convertible
+              ? 'static-array-map'
+              : 'collection-shape-partial',
           fingerprint: fingerprintCandidate({ tag: name, kind: 'collection', size: arr.items.length }),
         });
       }

package/src/arc/style-candidates.cjs

@@ -5,6 +5,7 @@ const BUTTON_TAGS = new Set(['button', 'Button', 'CTAButton']);
 
 function inferStyleKind(transform) {
   if (transform.operation === 'collection-conversion') return 'grid';
+  if (transform.operation === 'form-submit-action') return 'button';
   if (transform.operation === 'split-action-contract') return 'text';
   if (BUTTON_TAGS.has(transform.tag) && transform.operation === 'extract-text') return 'button';
   if (TEXT_OPS.has(transform.operation)) return 'text';
@@ -14,7 +15,7 @@ function inferStyleKind(transform) {
 function stylePathFor(transform, kind) {
   if (kind === 'grid' && transform.listField) return `${transform.listField}.grid`;
   if (kind === 'card' && transform.listField) return `${transform.listField}[*].card`;
-  if (transform.operation === 'split-action-contract') return transform.labelField;
+  if (transform.operation === 'split-action-contract' || transform.operation === 'form-submit-action') return transform.labelField;
   return transform.field || transform.labelField || null;
 }
 

package/src/arc/transformer.cjs

@@ -24,6 +24,7 @@ const {
   b,
 } = require('./ast.cjs');
 const { toPosix } = require('./fs-utils.cjs');
+const { BROAD_CONTENT_CONTAINERS } = require('./fivora-contract.cjs');
 
 function findElementByLoc(ast, loc) {
   let found = null;
@@ -151,6 +152,27 @@ function wrapHiddenUrlSibling(pathNode, urlField, fallback) {
 
 function applyTransformToElement(pathNode, transform) {
   const node = pathNode.node;
+  if (transform.operation === 'form-submit-action') {
+    const tagName = getJsxName(node);
+    if (!hasJsxAttribute(node, 'type') && tagName === 'button') {
+      node.openingElement.attributes.push(
+        b.jsxAttribute(b.jsxIdentifier('type'), b.stringLiteral('submit'))
+      );
+    }
+    if (!hasJsxAttribute(node, 'data-preview-static')) {
+      node.openingElement.attributes.push(
+        b.jsxAttribute(b.jsxIdentifier('data-preview-static'), b.stringLiteral('action-button'))
+      );
+    }
+    if (hasJsxAttribute(node, 'data-preview-field-path')) {
+      node.openingElement.attributes = node.openingElement.attributes.filter(
+        (attr) => !(attr.type === 'JSXAttribute' && attr.name && attr.name.name === 'data-preview-field-path')
+      );
+    }
+    splitActionChildren(node, transform.labelField, transform.labelFallback || '');
+    wrapHiddenUrlSibling(pathNode, transform.urlField, transform.fallback);
+    return;
+  }
   if (transform.operation === 'split-action-contract') {
     const tagName = getJsxName(node);
     if (tagName === 'button') {
@@ -222,6 +244,11 @@ function applyTransformToElement(pathNode, transform) {
     return;
   }
   if (transform.operation === 'extract-text') {
+    const tagName = getJsxName(node);
+    if (BROAD_CONTENT_CONTAINERS.has(tagName)) {
+      wrapLiteralTextChildren(node, transform.field, transform.fallback);
+      return;
+    }
     ensurePreviewPath(node, transform.field);
     ensureStyleAttrs(node, transform.field, inferButtonKind(transform.tag));
     replaceTextChildren(node, transform.field, transform.fallback, transform.fieldType || 'text');
@@ -619,6 +646,7 @@ function applyFilePlan(filePlan, profile) {
 
   const supported = new Set([
     'split-action-contract',
+    'form-submit-action',
     'extract-url',
     'extract-image',
     'extract-alt',
@@ -851,7 +879,7 @@ function instrumentLayoutSource(code, siteDataImport, providerImport = '@deneb-u
     ensureDefaultImport(ast, siteDataImport, jsonIdent);
   }
 
-  const hasProvider = /SiteDataProvider|DenebDataProvider/.test(code);
+  const hasProvider = /SiteDataProvider|DenebDataProvider|<Providers\b/.test(code);
   let wrapped = hasProvider;
 
   if (!hasProvider) {