@archie/devtools 0.0.42 → 0.0.44

package/dist/{chunk-O3UMTM4N.mjs → chunk-P5XMHBFS.mjs}

@@ -183,6 +183,146 @@ function babelPluginEditorMeta({ types: t }, opts = {}) {
     if (!t.isJSXText(only)) return "__dynamic__";
     return only.value.trim();
   }
+  function literalInitText(init) {
+    if (t.isStringLiteral(init)) return init.value;
+    if (t.isTemplateLiteral(init) && init.expressions.length === 0) {
+      const [quasi] = init.quasis;
+      if (!quasi) return null;
+      return quasi.value.cooked ?? quasi.value.raw;
+    }
+    return null;
+  }
+  function describeLocalConstSource(name, binding) {
+    const declarator = binding.path;
+    if (!declarator.isVariableDeclarator()) return null;
+    const declaration = declarator.parentPath;
+    if (!declaration?.isVariableDeclaration()) return null;
+    if (declaration.node.kind !== "const" && declaration.node.kind !== "let") return null;
+    const init = declarator.node.init;
+    if (!init) return null;
+    const literal = literalInitText(init);
+    if (literal === null) return null;
+    const loc = init.loc?.start;
+    if (!loc) return null;
+    return {
+      kind: "local-const",
+      name,
+      // The init lives in the SAME file being transformed by construction —
+      // `scope.getBinding` never crosses a file boundary — so the caller's
+      // own `file` (computed once per visited node) is correct here too.
+      file: currentFile,
+      line: loc.line,
+      col: loc.column + 1,
+      literal,
+      // FE MINOR-5: how many places in the FILE read this const — every
+      // reference, not only the one this call is describing. `refs > 1`
+      // means one initializer feeds more than one rendered element, so a
+      // consumer must warn/refuse rather than treat a rewrite as scoped to
+      // just this usage (see `PropSource`'s docstring for the full contract).
+      refs: binding.referencePaths.length
+    };
+  }
+  function resolvableSameFileBinding(name, scope) {
+    const binding = scope.getBinding(name);
+    if (!binding) return null;
+    if (!binding.constant) return null;
+    const bp = binding.path;
+    if (bp.isImportSpecifier() || bp.isImportDefaultSpecifier() || bp.isImportNamespaceSpecifier()) {
+      return null;
+    }
+    return binding;
+  }
+  function memberChain(expr) {
+    const path2 = [];
+    let current = expr;
+    while (t.isMemberExpression(current)) {
+      if (current.computed) return null;
+      if (!t.isIdentifier(current.property)) return null;
+      path2.unshift(current.property.name);
+      current = current.object;
+    }
+    if (!t.isIdentifier(current)) return null;
+    return { root: current.name, path: path2 };
+  }
+  let currentFile = "";
+  function describeSource(expr, scope) {
+    if (t.isIdentifier(expr)) {
+      const binding = resolvableSameFileBinding(expr.name, scope);
+      if (!binding) return { kind: "other" };
+      const local = describeLocalConstSource(expr.name, binding);
+      if (local) return local;
+      return { kind: "identifier", name: expr.name };
+    }
+    if (t.isMemberExpression(expr) && !expr.computed) {
+      const chain = memberChain(expr);
+      if (chain && resolvableSameFileBinding(chain.root, scope)) {
+        return { kind: "member", root: chain.root, path: chain.path };
+      }
+    }
+    return { kind: "other" };
+  }
+  function isStaticPropsLiteral(expr) {
+    return t.isStringLiteral(expr) || t.isNumericLiteral(expr) || t.isBooleanLiteral(expr) || t.isNullLiteral(expr);
+  }
+  function describeChildrenSource(opening) {
+    const elementPath = opening.parentPath;
+    if (!elementPath || !elementPath.isJSXElement()) return null;
+    const children = elementPath.node.children;
+    if (children.length !== 1) return null;
+    const [only] = children;
+    if (!t.isJSXExpressionContainer(only)) return null;
+    if (t.isJSXEmptyExpression(only.expression)) return null;
+    return describeSource(only.expression, opening.scope);
+  }
+  function collectPropSources(attrs, scope) {
+    const entries = [];
+    for (const attr of attrs) {
+      if (!t.isJSXAttribute(attr)) continue;
+      const name = t.isJSXIdentifier(attr.name) ? attr.name.name : `${attr.name.namespace.name}:${attr.name.name.name}`;
+      if (NON_BINDING_ATTRS.has(name)) continue;
+      const value = attr.value;
+      if (!t.isJSXExpressionContainer(value)) continue;
+      const expression = value.expression;
+      if (t.isJSXEmptyExpression(expression)) continue;
+      if (isStaticPropsLiteral(expression)) continue;
+      entries.push([name, describeSource(expression, scope)]);
+    }
+    return entries;
+  }
+  function propSourceToAst(source) {
+    switch (source.kind) {
+      case "identifier":
+        return t.objectExpression([
+          t.objectProperty(t.identifier("kind"), t.stringLiteral("identifier")),
+          t.objectProperty(t.identifier("name"), t.stringLiteral(source.name))
+        ]);
+      case "local-const":
+        return t.objectExpression([
+          t.objectProperty(t.identifier("kind"), t.stringLiteral("local-const")),
+          t.objectProperty(t.identifier("name"), t.stringLiteral(source.name)),
+          t.objectProperty(t.identifier("file"), t.stringLiteral(source.file)),
+          t.objectProperty(t.identifier("line"), t.numericLiteral(source.line)),
+          t.objectProperty(t.identifier("col"), t.numericLiteral(source.col)),
+          t.objectProperty(
+            t.identifier("literal"),
+            source.literal === null ? t.nullLiteral() : t.stringLiteral(source.literal)
+          ),
+          t.objectProperty(t.identifier("refs"), t.numericLiteral(source.refs))
+        ]);
+      case "member":
+        return t.objectExpression([
+          t.objectProperty(t.identifier("kind"), t.stringLiteral("member")),
+          t.objectProperty(t.identifier("root"), t.stringLiteral(source.root)),
+          t.objectProperty(
+            t.identifier("path"),
+            t.arrayExpression(source.path.map((segment) => t.stringLiteral(segment)))
+          )
+        ]);
+      case "other":
+      default:
+        return t.objectExpression([t.objectProperty(t.identifier("kind"), t.stringLiteral("other"))]);
+    }
+  }
   function isMetaStripSpreadExpression(arg) {
     if (!t.isCallExpression(arg)) return false;
     if (!t.isArrowFunctionExpression(arg.callee)) return false;
@@ -574,6 +714,7 @@ function babelPluginEditorMeta({ types: t }, opts = {}) {
         if (!loc) return;
         const root = state.file.opts.root ?? "";
         const file = root ? nodePath.relative(root, filename) : filename;
+        currentFile = file;
         const line = loc.line;
         const col = loc.column + 1;
         const componentName = getJSXTagName(path2.node);
@@ -657,6 +798,12 @@ function babelPluginEditorMeta({ types: t }, opts = {}) {
               childrenText === null ? t.nullLiteral() : t.stringLiteral(childrenText)
             )
           );
+          const childrenSource = describeChildrenSource(path2);
+          if (childrenSource) {
+            metaObj.properties.push(
+              t.objectProperty(t.identifier("childrenSource"), propSourceToAst(childrenSource))
+            );
+          }
         }
         if (bindings.length > 0) {
           metaObj.properties.push(
@@ -669,6 +816,19 @@ function babelPluginEditorMeta({ types: t }, opts = {}) {
             )
           );
         }
+        const propSourceEntries = collectPropSources(path2.node.attributes, path2.scope);
+        if (propSourceEntries.length > 0) {
+          metaObj.properties.push(
+            t.objectProperty(
+              t.identifier("propSources"),
+              t.objectExpression(
+                propSourceEntries.map(
+                  ([name, source]) => t.objectProperty(t.stringLiteral(name), propSourceToAst(source))
+                )
+              )
+            )
+          );
+        }
         if (isHostElement && includeHostSourceRef) {
           path2.node.attributes.push(
             t.jsxAttribute(

package/dist/client/client.js

@@ -5259,8 +5259,10 @@ function ensureUniqueNodeId(base, used) {
   while (used.has(`${base}::${idx}`)) idx += 1;
   return `${base}::${idx}`;
 }
+var INSERT_NODE_ID_PREFIX = "insert:";
 function resolveStableNodeId(el, used) {
   const persisted = el.getAttribute(DND_NODE_ID_ATTR);
+  if (persisted && persisted.startsWith(INSERT_NODE_ID_PREFIX)) return persisted;
   if (persisted && !used.has(persisted)) return persisted;
   const projected = projectUsageMeta(el);
   if (projected) return ensureUniqueNodeId(projected.nodeId, used);
@@ -5331,7 +5333,7 @@ function isFlexOrGridParent(el) {
   const d = getComputedStyle(el).display;
   return d === "flex" || d === "grid" || d === "inline-flex" || d === "inline-grid";
 }
-function scanElements(root, depth = 0, usedNodeIds = /* @__PURE__ */ new Set(), seenResolvedHosts = /* @__PURE__ */ new WeakSet()) {
+function scanElements(root, depth = 0, usedNodeIds = /* @__PURE__ */ new Set(), seenResolvedHosts = /* @__PURE__ */ new WeakSet(), resolvedUnreported = /* @__PURE__ */ new Set()) {
   if (depth > MAX_DEPTH) return [];
   const results = [];
   for (const child of Array.from(root.children)) {
@@ -5356,7 +5358,9 @@ function scanElements(root, depth = 0, usedNodeIds = /* @__PURE__ */ new Set(),
           const nodeId2 = resolveStableNodeId(el, usedNodeIds);
           usedNodeIds.add(nodeId2);
           el.setAttribute(DND_NODE_ID_ATTR, nodeId2);
-          if (!isZeroRect) {
+          if (isZeroRect) {
+            resolvedUnreported.add(el);
+          } else {
             seenResolvedHosts.add(el);
             const surfaceMeta2 = el instanceof HTMLElement ? getDirectEditorMeta(el) ?? void 0 : void 0;
             const identityMeta3 = projectUsageMeta(el) ?? surfaceMeta2;
@@ -5380,7 +5384,7 @@ function scanElements(root, depth = 0, usedNodeIds = /* @__PURE__ */ new Set(),
             });
           }
         }
-        if (!isSvgRoot) results.push(...scanElements(el, depth + 1, usedNodeIds, seenResolvedHosts));
+        if (!isSvgRoot) results.push(...scanElements(el, depth + 1, usedNodeIds, seenResolvedHosts, resolvedUnreported));
         continue;
       }
       if (isSvgRoot && isInspectorEligible(el) === null) {
@@ -5389,7 +5393,7 @@ function scanElements(root, depth = 0, usedNodeIds = /* @__PURE__ */ new Set(),
       const eligibilitySource = isInspectorEligible(el);
       const inferredEligibility = eligibilitySource ?? inferEligibilityFromSortableParent(el) ?? (projectUsageMeta(el) ? "projected-usage" : null);
       if (inferredEligibility === null) {
-        const childResults = scanElements(el, depth + 1, usedNodeIds, seenResolvedHosts);
+        const childResults = scanElements(el, depth + 1, usedNodeIds, seenResolvedHosts, resolvedUnreported);
         results.push(...childResults);
         if (isFlexOrGridParent(el) && !seenResolvedHosts.has(el) && childResults.some((r) => r.draggable && r.element.parentElement === el)) {
           const nodeId2 = resolveStableNodeId(el, usedNodeIds);
@@ -5417,13 +5421,13 @@ function scanElements(root, depth = 0, usedNodeIds = /* @__PURE__ */ new Set(),
       const dragSurface = resolveDragSurface(el);
       const hostEl = dragSurface.host;
       if (!hostEl) {
-        if (!isSvgRoot) results.push(...scanElements(el, depth + 1, usedNodeIds, seenResolvedHosts));
+        if (!isSvgRoot) results.push(...scanElements(el, depth + 1, usedNodeIds, seenResolvedHosts, resolvedUnreported));
         continue;
       }
       const hostRect = hostEl.getBoundingClientRect();
       const nodeId = resolveStableNodeId(hostEl, usedNodeIds);
       if (seenResolvedHosts.has(hostEl)) {
-        if (!isSvgRoot) results.push(...scanElements(el, depth + 1, usedNodeIds, seenResolvedHosts));
+        if (!isSvgRoot) results.push(...scanElements(el, depth + 1, usedNodeIds, seenResolvedHosts, resolvedUnreported));
         continue;
       }
       seenResolvedHosts.add(hostEl);
@@ -5453,9 +5457,9 @@ function scanElements(root, depth = 0, usedNodeIds = /* @__PURE__ */ new Set(),
         identityOrigin: templateFrameLabel(identityMeta2),
         editorMeta: surfaceMeta
       });
-      if (!isSvgRoot) results.push(...scanElements(el, depth + 1, usedNodeIds, seenResolvedHosts));
+      if (!isSvgRoot) results.push(...scanElements(el, depth + 1, usedNodeIds, seenResolvedHosts, resolvedUnreported));
     } else {
-      if (!isSvgRoot) results.push(...scanElements(el, depth + 1, usedNodeIds, seenResolvedHosts));
+      if (!isSvgRoot) results.push(...scanElements(el, depth + 1, usedNodeIds, seenResolvedHosts, resolvedUnreported));
     }
   }
   return results;
@@ -5511,8 +5515,10 @@ function useElementScanner(enabled) {
       if (pausedRef.current) return;
       const root = document.getElementById("root") ?? document.body;
       const usedNodeIds = /* @__PURE__ */ new Set();
-      const scanned = scanElements(root, 0, usedNodeIds);
+      const resolvedUnreported = /* @__PURE__ */ new Set();
+      const scanned = scanElements(root, 0, usedNodeIds, void 0, resolvedUnreported);
       const seenEls = new Set(scanned.map((s) => s.element));
+      for (const el of resolvedUnreported) seenEls.add(el);
       for (const el of Array.from(document.querySelectorAll("[data-dnd-moved]"))) {
         if (seenEls.has(el)) continue;
         const entry = buildMovedElementEntry(el, usedNodeIds);
@@ -5752,7 +5758,7 @@ function ElementHighlight({
               "data-outline-for": el.nodeId,
               "data-design-mode-ui": true,
               style: getOutlineStyle(rect, isSelected, inspectorTheme),
-              children: isSelected && HANDLES.map((dir) => {
+              children: isSelected && el.draggable && HANDLES.map((dir) => {
                 const pos = handlePosition(dir);
                 return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
                   "div",
@@ -8519,7 +8525,9 @@ function useResizeSession({
 }) {
   const handleResizeHandlePointerDown = (0, import_react14.useCallback)((e, nodeId, dir) => {
     if (refs.resizeSessionRef.current) return;
-    const selectedEl = refs.nodeMapRef.current.get(nodeId)?.element ?? document.querySelector(`[data-dnd-node-id="${nodeId}"]`);
+    const scanned = refs.nodeMapRef.current.get(nodeId);
+    if (scanned && scanned.draggable === false) return;
+    const selectedEl = scanned?.element ?? document.querySelector(`[data-dnd-node-id="${nodeId}"]`);
     if (!selectedEl) return;
     e.preventDefault();
     e.stopPropagation();

package/dist/client/client.mjs

@@ -5224,8 +5224,10 @@ function ensureUniqueNodeId(base, used) {
   while (used.has(`${base}::${idx}`)) idx += 1;
   return `${base}::${idx}`;
 }
+var INSERT_NODE_ID_PREFIX = "insert:";
 function resolveStableNodeId(el, used) {
   const persisted = el.getAttribute(DND_NODE_ID_ATTR);
+  if (persisted && persisted.startsWith(INSERT_NODE_ID_PREFIX)) return persisted;
   if (persisted && !used.has(persisted)) return persisted;
   const projected = projectUsageMeta(el);
   if (projected) return ensureUniqueNodeId(projected.nodeId, used);
@@ -5296,7 +5298,7 @@ function isFlexOrGridParent(el) {
   const d = getComputedStyle(el).display;
   return d === "flex" || d === "grid" || d === "inline-flex" || d === "inline-grid";
 }
-function scanElements(root, depth = 0, usedNodeIds = /* @__PURE__ */ new Set(), seenResolvedHosts = /* @__PURE__ */ new WeakSet()) {
+function scanElements(root, depth = 0, usedNodeIds = /* @__PURE__ */ new Set(), seenResolvedHosts = /* @__PURE__ */ new WeakSet(), resolvedUnreported = /* @__PURE__ */ new Set()) {
   if (depth > MAX_DEPTH) return [];
   const results = [];
   for (const child of Array.from(root.children)) {
@@ -5321,7 +5323,9 @@ function scanElements(root, depth = 0, usedNodeIds = /* @__PURE__ */ new Set(),
           const nodeId2 = resolveStableNodeId(el, usedNodeIds);
           usedNodeIds.add(nodeId2);
           el.setAttribute(DND_NODE_ID_ATTR, nodeId2);
-          if (!isZeroRect) {
+          if (isZeroRect) {
+            resolvedUnreported.add(el);
+          } else {
             seenResolvedHosts.add(el);
             const surfaceMeta2 = el instanceof HTMLElement ? getDirectEditorMeta(el) ?? void 0 : void 0;
             const identityMeta3 = projectUsageMeta(el) ?? surfaceMeta2;
@@ -5345,7 +5349,7 @@ function scanElements(root, depth = 0, usedNodeIds = /* @__PURE__ */ new Set(),
             });
           }
         }
-        if (!isSvgRoot) results.push(...scanElements(el, depth + 1, usedNodeIds, seenResolvedHosts));
+        if (!isSvgRoot) results.push(...scanElements(el, depth + 1, usedNodeIds, seenResolvedHosts, resolvedUnreported));
         continue;
       }
       if (isSvgRoot && isInspectorEligible(el) === null) {
@@ -5354,7 +5358,7 @@ function scanElements(root, depth = 0, usedNodeIds = /* @__PURE__ */ new Set(),
       const eligibilitySource = isInspectorEligible(el);
       const inferredEligibility = eligibilitySource ?? inferEligibilityFromSortableParent(el) ?? (projectUsageMeta(el) ? "projected-usage" : null);
       if (inferredEligibility === null) {
-        const childResults = scanElements(el, depth + 1, usedNodeIds, seenResolvedHosts);
+        const childResults = scanElements(el, depth + 1, usedNodeIds, seenResolvedHosts, resolvedUnreported);
         results.push(...childResults);
         if (isFlexOrGridParent(el) && !seenResolvedHosts.has(el) && childResults.some((r) => r.draggable && r.element.parentElement === el)) {
           const nodeId2 = resolveStableNodeId(el, usedNodeIds);
@@ -5382,13 +5386,13 @@ function scanElements(root, depth = 0, usedNodeIds = /* @__PURE__ */ new Set(),
       const dragSurface = resolveDragSurface(el);
       const hostEl = dragSurface.host;
       if (!hostEl) {
-        if (!isSvgRoot) results.push(...scanElements(el, depth + 1, usedNodeIds, seenResolvedHosts));
+        if (!isSvgRoot) results.push(...scanElements(el, depth + 1, usedNodeIds, seenResolvedHosts, resolvedUnreported));
         continue;
       }
       const hostRect = hostEl.getBoundingClientRect();
       const nodeId = resolveStableNodeId(hostEl, usedNodeIds);
       if (seenResolvedHosts.has(hostEl)) {
-        if (!isSvgRoot) results.push(...scanElements(el, depth + 1, usedNodeIds, seenResolvedHosts));
+        if (!isSvgRoot) results.push(...scanElements(el, depth + 1, usedNodeIds, seenResolvedHosts, resolvedUnreported));
         continue;
       }
       seenResolvedHosts.add(hostEl);
@@ -5418,9 +5422,9 @@ function scanElements(root, depth = 0, usedNodeIds = /* @__PURE__ */ new Set(),
         identityOrigin: templateFrameLabel(identityMeta2),
         editorMeta: surfaceMeta
       });
-      if (!isSvgRoot) results.push(...scanElements(el, depth + 1, usedNodeIds, seenResolvedHosts));
+      if (!isSvgRoot) results.push(...scanElements(el, depth + 1, usedNodeIds, seenResolvedHosts, resolvedUnreported));
     } else {
-      if (!isSvgRoot) results.push(...scanElements(el, depth + 1, usedNodeIds, seenResolvedHosts));
+      if (!isSvgRoot) results.push(...scanElements(el, depth + 1, usedNodeIds, seenResolvedHosts, resolvedUnreported));
     }
   }
   return results;
@@ -5476,8 +5480,10 @@ function useElementScanner(enabled) {
       if (pausedRef.current) return;
       const root = document.getElementById("root") ?? document.body;
       const usedNodeIds = /* @__PURE__ */ new Set();
-      const scanned = scanElements(root, 0, usedNodeIds);
+      const resolvedUnreported = /* @__PURE__ */ new Set();
+      const scanned = scanElements(root, 0, usedNodeIds, void 0, resolvedUnreported);
       const seenEls = new Set(scanned.map((s) => s.element));
+      for (const el of resolvedUnreported) seenEls.add(el);
       for (const el of Array.from(document.querySelectorAll("[data-dnd-moved]"))) {
         if (seenEls.has(el)) continue;
         const entry = buildMovedElementEntry(el, usedNodeIds);
@@ -5717,7 +5723,7 @@ function ElementHighlight({
               "data-outline-for": el.nodeId,
               "data-design-mode-ui": true,
               style: getOutlineStyle(rect, isSelected, inspectorTheme),
-              children: isSelected && HANDLES.map((dir) => {
+              children: isSelected && el.draggable && HANDLES.map((dir) => {
                 const pos = handlePosition(dir);
                 return /* @__PURE__ */ jsx2(
                   "div",
@@ -8484,7 +8490,9 @@ function useResizeSession({
 }) {
   const handleResizeHandlePointerDown = useCallback7((e, nodeId, dir) => {
     if (refs.resizeSessionRef.current) return;
-    const selectedEl = refs.nodeMapRef.current.get(nodeId)?.element ?? document.querySelector(`[data-dnd-node-id="${nodeId}"]`);
+    const scanned = refs.nodeMapRef.current.get(nodeId);
+    if (scanned && scanned.draggable === false) return;
+    const selectedEl = scanned?.element ?? document.querySelector(`[data-dnd-node-id="${nodeId}"]`);
     if (!selectedEl) return;
     e.preventDefault();
     e.stopPropagation();

package/dist/collection-binding.mjs

@@ -1,6 +1,6 @@
 import {
   meaningfulChildren
-} from "./chunk-O3UMTM4N.mjs";
+} from "./chunk-P5XMHBFS.mjs";
 
 // src/babel-plugin-collection-binding.ts
 import { VISITOR_KEYS } from "@babel/types";

package/dist/index.d.mts

@@ -13,6 +13,9 @@ import { types, PluginObj } from '@babel/core';
  *   + (ARCH-883 F1) slot, propBindings, propOwner
  *   + (ARCH-883-KOI) origin
  *   + (ARCH-1444) childrenText — non-host elements only
+ *   + (ARCH-1450) childrenSource, propSources — same-file identifier tracing
+ *     for values `propBindings` cannot reach (no destructured-prop component
+ *     in scope, or a value that never touches a prop at all)
  *
  * At runtime the Fiber bridge reads `memoizedProps.__editorMeta` to resolve
  * element identity without any DOM attributes.
@@ -216,6 +219,134 @@ interface PropBinding {
      */
     kind: 'direct' | 'derived' | 'formatted';
 }
+/**
+ * ARCH-1450 — where a rendered EXPRESSION traces to in the SAME file, for the
+ * one case `propBindings` structurally cannot answer: a value that never
+ * touches a component prop at all.
+ *
+ * `propBindings`/`propOwner` trace an expression to a PROP of the enclosing
+ * (module-level, destructured) component — that machinery is silent whenever
+ * there is no such component (a screen's `export default function X()` with
+ * no destructured params) or whenever the expression bottoms out in a plain
+ * local rather than a prop (`const title = "Contenido"; … <Section
+ * title={title}>`). In both cases `collectPropBindings` returns `{bindings:
+ * [], owner: null}` and the identifier name never crosses the postMessage
+ * boundary in any form — the FE's `usage-prop-resolver` has nothing to walk.
+ * `childrenSource`/`propSources` close exactly that gap, independently of
+ * whether a `PropBinding` was also emitted for the same target: the two
+ * fields answer different questions ("is this a prop, and is it a safe
+ * rewrite" vs "what source-level thing does this identifier name") and a
+ * consumer may need either, or both, depending on what it already knows.
+ *
+ * THE FOUR ANSWERS:
+ *
+ *   `identifier`   — the expression is a bare identifier whose binding
+ *                    resolves (constant, same file, not an import) but is
+ *                    not a literal-init local — a destructured prop used
+ *                    directly, a plain function parameter, or a local
+ *                    `const`/`let` whose initializer is not itself a plain
+ *                    string. `name` is the LOCAL identifier as written at
+ *                    this usage — NOT necessarily the prop name `propBindings`
+ *                    would report for a renamed destructure
+ *                    (`{ headline: h }` reports `h` here, `headline` there).
+ *                    Consumers that need the true prop name still read
+ *                    `propBindings`; this field only says "this traces to a
+ *                    resolvable local named X", which is enough to tell a
+ *                    prop/parameter apart from a dead end.
+ *   `local-const`  — the identifier resolves to a `const`/`let` declared in
+ *                    THIS SAME FILE (by construction — scope resolution never
+ *                    crosses a file boundary) whose initializer is a
+ *                    `StringLiteral` or a `TemplateLiteral` with NO
+ *                    interpolations. `literal` is that string — the exact
+ *                    text a consumer would show/replace. `file`/`line`/`col`
+ *                    point at the INITIALIZER, not the identifier's usage —
+ *                    that is where a rewrite must land: replacing the
+ *                    identifier's occurrence would rename a variable, not
+ *                    change what it renders wherever else it is used.
+ *                    `refs` (FE MINOR-5) is `binding.referencePaths.length` —
+ *                    how many places in the file READ this const, counting
+ *                    every usage, not only the one this `PropSource` sits on.
+ *                    `refs > 1` means the SAME initializer feeds more than
+ *                    one rendered element (`const title = "X"; <A
+ *                    title={title}/><B title={title}/>` — both usages report
+ *                    `refs: 2`): rewriting the initializer changes what BOTH
+ *                    elements show, so a consumer must warn or refuse rather
+ *                    than treat the write as scoped to the one element the
+ *                    edit was made on. `refs === 1` is the only shape safe to
+ *                    treat as a single-target rewrite.
+ *   `member`       — a non-computed member-expression chain
+ *                    (`props.title`, `item.address.city`) whose ROOT resolves
+ *                    the same way `identifier`'s binding does (constant, same
+ *                    file, not an import). `root` is the base identifier;
+ *                    `path` is the property chain beyond it, in order
+ *                    (`['address', 'city']` for `item.address.city`).
+ *   `other`        — the honest gap marker, same role `formatted` plays for
+ *                    `PropBinding.kind` and `'__dynamic__'` plays for
+ *                    `childrenText`: an expression the plugin looked at and
+ *                    declined to trace — a computed member (`obj[key]`), a
+ *                    call, a template WITH interpolations, a conditional, an
+ *                    identifier with no binding (a free/global read), a
+ *                    binding that IS reassigned somewhere in the file, or one
+ *                    that comes from an `import`. NEVER inferred past any of
+ *                    those — a wrong trace is strictly worse than an honest
+ *                    gap.
+ *
+ * SCOPE — deliberately NARROW, unlike `childrenText`/`origin`: both fields
+ * are OMITTED (not stamped `other`) whenever there is nothing to say, the
+ * same convention `propBindings`/`propOwner`/`slot` already use ("emitted
+ * only when it carries information"). `childrenSource` is only computed when
+ * the element's children are EXACTLY one `JSXExpressionContainer` (the case
+ * that makes `childrenText === '__dynamic__'` for the single most common
+ * reason — `<h1>{title}</h1>` — and therefore the case where a source trace
+ * is actually useful); self-closing elements, plain-text children and
+ * mixed/multi children never get it. `propSources` only carries entries for
+ * attributes whose value is a `JSXExpressionContainer` wrapping something
+ * OTHER than a literal `extractStaticProps` already captures exactly
+ * (`staticProps` already has the true value for `title={"Static"}`; adding a
+ * `propSources.title: {kind:'other'}` next to it would look like a gap where
+ * there is none). Both fields are ABSENT — not `null`/`{}` — on every bundle
+ * built before ARCH-1450, the same absence-means-"cannot answer" law every
+ * other additive field in this file states.
+ *
+ * Emitted for BOTH host and non-host elements for `propSources` (attribute
+ * resolution does not depend on the element being a component usage — a host
+ * `<div title={title}>` traces exactly the same way `staticProps` treats host
+ * and component attributes identically). `childrenSource` follows
+ * `childrenText`'s own host exemption: a host element's children are the
+ * screen's own literal JSX, not a component usage, so there is no target for
+ * an editor-driven rewrite to route through in the first place.
+ *
+ * CROSS-REPO CONTRACT (ARCH-1450 CR MINOR-1): `usage-prop-resolver.ts`
+ * (archie-app) is the only consumer, and the two repos share no fixture of
+ * their own — a rename here (e.g. `literal` -> `value`) would leave both
+ * suites green while every real generated project broke. The published
+ * package ships `fixtures/prop-source.fixture.json` (see `files` in
+ * `package.json`) specifically so archie-app's tests can assert against the
+ * REAL emitted shape instead of a hand-typed copy of it. That file is
+ * GENERATED, never hand-edited — see `src/prop-source-fixture.generate.test.ts`,
+ * which regenerates it from the live plugin and fails loud the moment the
+ * committed copy drifts. Regenerate with `UPDATE_FIXTURES=1 npx vitest run
+ * src/prop-source-fixture.generate.test.ts`, review the diff, and bump
+ * archie-app's copy in the same change.
+ */
+type PropSource = {
+    kind: 'identifier';
+    name: string;
+} | {
+    kind: 'local-const';
+    name: string;
+    file: string;
+    line: number;
+    col: number;
+    literal: string | null;
+    refs: number;
+} | {
+    kind: 'member';
+    root: string;
+    path: string[];
+} | {
+    kind: 'other';
+};
 /** Metadata injected into every JSX element by babel-plugin-editor-meta. */
 interface EditorMeta {
     /** Stable identifier: "file:line:col:componentName" */
@@ -398,6 +529,30 @@ interface EditorMeta {
      * not the usage's, and routing those would write the wrong prop. Mismatch = gap.
      */
     propOwner?: string | null;
+    /**
+     * ARCH-1450 — source trace for this element's SOLE children expression
+     * (`<h1>{title}</h1>`), independently of whether `propBindings` also has a
+     * `target: 'children'` entry for the same node. See `PropSource`'s own
+     * docstring for the full contract (the four kinds, the narrow emission
+     * scope, why it exists alongside `propBindings`).
+     *
+     * Absent when the element is self-closing, has plain-text children, has
+     * more than one child, or is a HOST element — see `PropSource`'s docstring.
+     * Absent on every bundle built before ARCH-1450.
+     */
+    childrenSource?: PropSource;
+    /**
+     * ARCH-1450 — source trace for each ATTRIBUTE whose value is a
+     * `JSXExpressionContainer`, keyed by the attribute name (never `attr:`
+     * prefixed — this is not `PropBinding.target`). See `PropSource`'s own
+     * docstring for the full contract.
+     *
+     * Emitted only when non-empty — read it as `meta.propSources ?? {}`. An
+     * attribute whose expression is a literal already exact in `staticProps`
+     * never gets an entry here (nothing to trace beyond what `staticProps`
+     * already says). Absent on every bundle built before ARCH-1450.
+     */
+    propSources?: Record<string, PropSource>;
 }
 
 interface ArchieDevToolsOptions {

package/dist/index.d.ts

@@ -13,6 +13,9 @@ import { types, PluginObj } from '@babel/core';
  *   + (ARCH-883 F1) slot, propBindings, propOwner
  *   + (ARCH-883-KOI) origin
  *   + (ARCH-1444) childrenText — non-host elements only
+ *   + (ARCH-1450) childrenSource, propSources — same-file identifier tracing
+ *     for values `propBindings` cannot reach (no destructured-prop component
+ *     in scope, or a value that never touches a prop at all)
  *
  * At runtime the Fiber bridge reads `memoizedProps.__editorMeta` to resolve
  * element identity without any DOM attributes.
@@ -216,6 +219,134 @@ interface PropBinding {
      */
     kind: 'direct' | 'derived' | 'formatted';
 }
+/**
+ * ARCH-1450 — where a rendered EXPRESSION traces to in the SAME file, for the
+ * one case `propBindings` structurally cannot answer: a value that never
+ * touches a component prop at all.
+ *
+ * `propBindings`/`propOwner` trace an expression to a PROP of the enclosing
+ * (module-level, destructured) component — that machinery is silent whenever
+ * there is no such component (a screen's `export default function X()` with
+ * no destructured params) or whenever the expression bottoms out in a plain
+ * local rather than a prop (`const title = "Contenido"; … <Section
+ * title={title}>`). In both cases `collectPropBindings` returns `{bindings:
+ * [], owner: null}` and the identifier name never crosses the postMessage
+ * boundary in any form — the FE's `usage-prop-resolver` has nothing to walk.
+ * `childrenSource`/`propSources` close exactly that gap, independently of
+ * whether a `PropBinding` was also emitted for the same target: the two
+ * fields answer different questions ("is this a prop, and is it a safe
+ * rewrite" vs "what source-level thing does this identifier name") and a
+ * consumer may need either, or both, depending on what it already knows.
+ *
+ * THE FOUR ANSWERS:
+ *
+ *   `identifier`   — the expression is a bare identifier whose binding
+ *                    resolves (constant, same file, not an import) but is
+ *                    not a literal-init local — a destructured prop used
+ *                    directly, a plain function parameter, or a local
+ *                    `const`/`let` whose initializer is not itself a plain
+ *                    string. `name` is the LOCAL identifier as written at
+ *                    this usage — NOT necessarily the prop name `propBindings`
+ *                    would report for a renamed destructure
+ *                    (`{ headline: h }` reports `h` here, `headline` there).
+ *                    Consumers that need the true prop name still read
+ *                    `propBindings`; this field only says "this traces to a
+ *                    resolvable local named X", which is enough to tell a
+ *                    prop/parameter apart from a dead end.
+ *   `local-const`  — the identifier resolves to a `const`/`let` declared in
+ *                    THIS SAME FILE (by construction — scope resolution never
+ *                    crosses a file boundary) whose initializer is a
+ *                    `StringLiteral` or a `TemplateLiteral` with NO
+ *                    interpolations. `literal` is that string — the exact
+ *                    text a consumer would show/replace. `file`/`line`/`col`
+ *                    point at the INITIALIZER, not the identifier's usage —
+ *                    that is where a rewrite must land: replacing the
+ *                    identifier's occurrence would rename a variable, not
+ *                    change what it renders wherever else it is used.
+ *                    `refs` (FE MINOR-5) is `binding.referencePaths.length` —
+ *                    how many places in the file READ this const, counting
+ *                    every usage, not only the one this `PropSource` sits on.
+ *                    `refs > 1` means the SAME initializer feeds more than
+ *                    one rendered element (`const title = "X"; <A
+ *                    title={title}/><B title={title}/>` — both usages report
+ *                    `refs: 2`): rewriting the initializer changes what BOTH
+ *                    elements show, so a consumer must warn or refuse rather
+ *                    than treat the write as scoped to the one element the
+ *                    edit was made on. `refs === 1` is the only shape safe to
+ *                    treat as a single-target rewrite.
+ *   `member`       — a non-computed member-expression chain
+ *                    (`props.title`, `item.address.city`) whose ROOT resolves
+ *                    the same way `identifier`'s binding does (constant, same
+ *                    file, not an import). `root` is the base identifier;
+ *                    `path` is the property chain beyond it, in order
+ *                    (`['address', 'city']` for `item.address.city`).
+ *   `other`        — the honest gap marker, same role `formatted` plays for
+ *                    `PropBinding.kind` and `'__dynamic__'` plays for
+ *                    `childrenText`: an expression the plugin looked at and
+ *                    declined to trace — a computed member (`obj[key]`), a
+ *                    call, a template WITH interpolations, a conditional, an
+ *                    identifier with no binding (a free/global read), a
+ *                    binding that IS reassigned somewhere in the file, or one
+ *                    that comes from an `import`. NEVER inferred past any of
+ *                    those — a wrong trace is strictly worse than an honest
+ *                    gap.
+ *
+ * SCOPE — deliberately NARROW, unlike `childrenText`/`origin`: both fields
+ * are OMITTED (not stamped `other`) whenever there is nothing to say, the
+ * same convention `propBindings`/`propOwner`/`slot` already use ("emitted
+ * only when it carries information"). `childrenSource` is only computed when
+ * the element's children are EXACTLY one `JSXExpressionContainer` (the case
+ * that makes `childrenText === '__dynamic__'` for the single most common
+ * reason — `<h1>{title}</h1>` — and therefore the case where a source trace
+ * is actually useful); self-closing elements, plain-text children and
+ * mixed/multi children never get it. `propSources` only carries entries for
+ * attributes whose value is a `JSXExpressionContainer` wrapping something
+ * OTHER than a literal `extractStaticProps` already captures exactly
+ * (`staticProps` already has the true value for `title={"Static"}`; adding a
+ * `propSources.title: {kind:'other'}` next to it would look like a gap where
+ * there is none). Both fields are ABSENT — not `null`/`{}` — on every bundle
+ * built before ARCH-1450, the same absence-means-"cannot answer" law every
+ * other additive field in this file states.
+ *
+ * Emitted for BOTH host and non-host elements for `propSources` (attribute
+ * resolution does not depend on the element being a component usage — a host
+ * `<div title={title}>` traces exactly the same way `staticProps` treats host
+ * and component attributes identically). `childrenSource` follows
+ * `childrenText`'s own host exemption: a host element's children are the
+ * screen's own literal JSX, not a component usage, so there is no target for
+ * an editor-driven rewrite to route through in the first place.
+ *
+ * CROSS-REPO CONTRACT (ARCH-1450 CR MINOR-1): `usage-prop-resolver.ts`
+ * (archie-app) is the only consumer, and the two repos share no fixture of
+ * their own — a rename here (e.g. `literal` -> `value`) would leave both
+ * suites green while every real generated project broke. The published
+ * package ships `fixtures/prop-source.fixture.json` (see `files` in
+ * `package.json`) specifically so archie-app's tests can assert against the
+ * REAL emitted shape instead of a hand-typed copy of it. That file is
+ * GENERATED, never hand-edited — see `src/prop-source-fixture.generate.test.ts`,
+ * which regenerates it from the live plugin and fails loud the moment the
+ * committed copy drifts. Regenerate with `UPDATE_FIXTURES=1 npx vitest run
+ * src/prop-source-fixture.generate.test.ts`, review the diff, and bump
+ * archie-app's copy in the same change.
+ */
+type PropSource = {
+    kind: 'identifier';
+    name: string;
+} | {
+    kind: 'local-const';
+    name: string;
+    file: string;
+    line: number;
+    col: number;
+    literal: string | null;
+    refs: number;
+} | {
+    kind: 'member';
+    root: string;
+    path: string[];
+} | {
+    kind: 'other';
+};
 /** Metadata injected into every JSX element by babel-plugin-editor-meta. */
 interface EditorMeta {
     /** Stable identifier: "file:line:col:componentName" */
@@ -398,6 +529,30 @@ interface EditorMeta {
      * not the usage's, and routing those would write the wrong prop. Mismatch = gap.
      */
     propOwner?: string | null;
+    /**
+     * ARCH-1450 — source trace for this element's SOLE children expression
+     * (`<h1>{title}</h1>`), independently of whether `propBindings` also has a
+     * `target: 'children'` entry for the same node. See `PropSource`'s own
+     * docstring for the full contract (the four kinds, the narrow emission
+     * scope, why it exists alongside `propBindings`).
+     *
+     * Absent when the element is self-closing, has plain-text children, has
+     * more than one child, or is a HOST element — see `PropSource`'s docstring.
+     * Absent on every bundle built before ARCH-1450.
+     */
+    childrenSource?: PropSource;
+    /**
+     * ARCH-1450 — source trace for each ATTRIBUTE whose value is a
+     * `JSXExpressionContainer`, keyed by the attribute name (never `attr:`
+     * prefixed — this is not `PropBinding.target`). See `PropSource`'s own
+     * docstring for the full contract.
+     *
+     * Emitted only when non-empty — read it as `meta.propSources ?? {}`. An
+     * attribute whose expression is a literal already exact in `staticProps`
+     * never gets an entry here (nothing to trace beyond what `staticProps`
+     * already says). Absent on every bundle built before ARCH-1450.
+     */
+    propSources?: Record<string, PropSource>;
 }
 
 interface ArchieDevToolsOptions {

package/dist/index.js

@@ -382,6 +382,146 @@ function babelPluginEditorMeta({ types: t }, opts = {}) {
     if (!t.isJSXText(only)) return "__dynamic__";
     return only.value.trim();
   }
+  function literalInitText(init) {
+    if (t.isStringLiteral(init)) return init.value;
+    if (t.isTemplateLiteral(init) && init.expressions.length === 0) {
+      const [quasi] = init.quasis;
+      if (!quasi) return null;
+      return quasi.value.cooked ?? quasi.value.raw;
+    }
+    return null;
+  }
+  function describeLocalConstSource(name, binding) {
+    const declarator = binding.path;
+    if (!declarator.isVariableDeclarator()) return null;
+    const declaration = declarator.parentPath;
+    if (!declaration?.isVariableDeclaration()) return null;
+    if (declaration.node.kind !== "const" && declaration.node.kind !== "let") return null;
+    const init = declarator.node.init;
+    if (!init) return null;
+    const literal = literalInitText(init);
+    if (literal === null) return null;
+    const loc = init.loc?.start;
+    if (!loc) return null;
+    return {
+      kind: "local-const",
+      name,
+      // The init lives in the SAME file being transformed by construction —
+      // `scope.getBinding` never crosses a file boundary — so the caller's
+      // own `file` (computed once per visited node) is correct here too.
+      file: currentFile,
+      line: loc.line,
+      col: loc.column + 1,
+      literal,
+      // FE MINOR-5: how many places in the FILE read this const — every
+      // reference, not only the one this call is describing. `refs > 1`
+      // means one initializer feeds more than one rendered element, so a
+      // consumer must warn/refuse rather than treat a rewrite as scoped to
+      // just this usage (see `PropSource`'s docstring for the full contract).
+      refs: binding.referencePaths.length
+    };
+  }
+  function resolvableSameFileBinding(name, scope) {
+    const binding = scope.getBinding(name);
+    if (!binding) return null;
+    if (!binding.constant) return null;
+    const bp = binding.path;
+    if (bp.isImportSpecifier() || bp.isImportDefaultSpecifier() || bp.isImportNamespaceSpecifier()) {
+      return null;
+    }
+    return binding;
+  }
+  function memberChain(expr) {
+    const path = [];
+    let current = expr;
+    while (t.isMemberExpression(current)) {
+      if (current.computed) return null;
+      if (!t.isIdentifier(current.property)) return null;
+      path.unshift(current.property.name);
+      current = current.object;
+    }
+    if (!t.isIdentifier(current)) return null;
+    return { root: current.name, path };
+  }
+  let currentFile = "";
+  function describeSource(expr, scope) {
+    if (t.isIdentifier(expr)) {
+      const binding = resolvableSameFileBinding(expr.name, scope);
+      if (!binding) return { kind: "other" };
+      const local = describeLocalConstSource(expr.name, binding);
+      if (local) return local;
+      return { kind: "identifier", name: expr.name };
+    }
+    if (t.isMemberExpression(expr) && !expr.computed) {
+      const chain = memberChain(expr);
+      if (chain && resolvableSameFileBinding(chain.root, scope)) {
+        return { kind: "member", root: chain.root, path: chain.path };
+      }
+    }
+    return { kind: "other" };
+  }
+  function isStaticPropsLiteral(expr) {
+    return t.isStringLiteral(expr) || t.isNumericLiteral(expr) || t.isBooleanLiteral(expr) || t.isNullLiteral(expr);
+  }
+  function describeChildrenSource(opening) {
+    const elementPath = opening.parentPath;
+    if (!elementPath || !elementPath.isJSXElement()) return null;
+    const children = elementPath.node.children;
+    if (children.length !== 1) return null;
+    const [only] = children;
+    if (!t.isJSXExpressionContainer(only)) return null;
+    if (t.isJSXEmptyExpression(only.expression)) return null;
+    return describeSource(only.expression, opening.scope);
+  }
+  function collectPropSources(attrs, scope) {
+    const entries = [];
+    for (const attr of attrs) {
+      if (!t.isJSXAttribute(attr)) continue;
+      const name = t.isJSXIdentifier(attr.name) ? attr.name.name : `${attr.name.namespace.name}:${attr.name.name.name}`;
+      if (NON_BINDING_ATTRS.has(name)) continue;
+      const value = attr.value;
+      if (!t.isJSXExpressionContainer(value)) continue;
+      const expression = value.expression;
+      if (t.isJSXEmptyExpression(expression)) continue;
+      if (isStaticPropsLiteral(expression)) continue;
+      entries.push([name, describeSource(expression, scope)]);
+    }
+    return entries;
+  }
+  function propSourceToAst(source) {
+    switch (source.kind) {
+      case "identifier":
+        return t.objectExpression([
+          t.objectProperty(t.identifier("kind"), t.stringLiteral("identifier")),
+          t.objectProperty(t.identifier("name"), t.stringLiteral(source.name))
+        ]);
+      case "local-const":
+        return t.objectExpression([
+          t.objectProperty(t.identifier("kind"), t.stringLiteral("local-const")),
+          t.objectProperty(t.identifier("name"), t.stringLiteral(source.name)),
+          t.objectProperty(t.identifier("file"), t.stringLiteral(source.file)),
+          t.objectProperty(t.identifier("line"), t.numericLiteral(source.line)),
+          t.objectProperty(t.identifier("col"), t.numericLiteral(source.col)),
+          t.objectProperty(
+            t.identifier("literal"),
+            source.literal === null ? t.nullLiteral() : t.stringLiteral(source.literal)
+          ),
+          t.objectProperty(t.identifier("refs"), t.numericLiteral(source.refs))
+        ]);
+      case "member":
+        return t.objectExpression([
+          t.objectProperty(t.identifier("kind"), t.stringLiteral("member")),
+          t.objectProperty(t.identifier("root"), t.stringLiteral(source.root)),
+          t.objectProperty(
+            t.identifier("path"),
+            t.arrayExpression(source.path.map((segment) => t.stringLiteral(segment)))
+          )
+        ]);
+      case "other":
+      default:
+        return t.objectExpression([t.objectProperty(t.identifier("kind"), t.stringLiteral("other"))]);
+    }
+  }
   function isMetaStripSpreadExpression(arg) {
     if (!t.isCallExpression(arg)) return false;
     if (!t.isArrowFunctionExpression(arg.callee)) return false;
@@ -773,6 +913,7 @@ function babelPluginEditorMeta({ types: t }, opts = {}) {
         if (!loc) return;
         const root = state.file.opts.root ?? "";
         const file = root ? nodePath.relative(root, filename) : filename;
+        currentFile = file;
         const line = loc.line;
         const col = loc.column + 1;
         const componentName = getJSXTagName(path.node);
@@ -856,6 +997,12 @@ function babelPluginEditorMeta({ types: t }, opts = {}) {
               childrenText === null ? t.nullLiteral() : t.stringLiteral(childrenText)
             )
           );
+          const childrenSource = describeChildrenSource(path);
+          if (childrenSource) {
+            metaObj.properties.push(
+              t.objectProperty(t.identifier("childrenSource"), propSourceToAst(childrenSource))
+            );
+          }
         }
         if (bindings.length > 0) {
           metaObj.properties.push(
@@ -868,6 +1015,19 @@ function babelPluginEditorMeta({ types: t }, opts = {}) {
             )
           );
         }
+        const propSourceEntries = collectPropSources(path.node.attributes, path.scope);
+        if (propSourceEntries.length > 0) {
+          metaObj.properties.push(
+            t.objectProperty(
+              t.identifier("propSources"),
+              t.objectExpression(
+                propSourceEntries.map(
+                  ([name, source]) => t.objectProperty(t.stringLiteral(name), propSourceToAst(source))
+                )
+              )
+            )
+          );
+        }
         if (isHostElement && includeHostSourceRef) {
           path.node.attributes.push(
             t.jsxAttribute(

package/dist/index.mjs

@@ -1,7 +1,7 @@
 import {
   __dirname,
   babelPluginEditorMeta
-} from "./chunk-O3UMTM4N.mjs";
+} from "./chunk-P5XMHBFS.mjs";
 
 // src/index.ts
 import { readFileSync } from "fs";

package/fixtures/prop-source.fixture.json

@@ -0,0 +1,310 @@
+[
+  {
+    "id": "attr-local-const-string",
+    "description": "const local con init string, sin props desestructuradas — atributo de la USAGE",
+    "code": "export default function Screen() {\n  const title = \"Contenido\";\n  return <Section title={title} />;\n}",
+    "usageComponentName": "Section",
+    "editorMeta": {
+      "nodeId": "src/components.jsx:3:10:Section",
+      "file": "src/components.jsx",
+      "line": 3,
+      "col": 10,
+      "componentName": "Section",
+      "staticProps": {
+        "title": "__dynamic__"
+      },
+      "movable": false,
+      "parentNodeId": null,
+      "childrenText": null,
+      "propSources": {
+        "title": {
+          "kind": "local-const",
+          "name": "title",
+          "file": "src/components.jsx",
+          "line": 2,
+          "col": 17,
+          "literal": "Contenido",
+          "refs": 1
+        }
+      }
+    }
+  },
+  {
+    "id": "attr-local-const-template-no-interp",
+    "description": "const local con init template literal SIN interpolaciones",
+    "code": "export default function Screen() {\n  const title = `Contenido fijo`;\n  return <Section title={title} />;\n}",
+    "usageComponentName": "Section",
+    "editorMeta": {
+      "nodeId": "src/components.jsx:3:10:Section",
+      "file": "src/components.jsx",
+      "line": 3,
+      "col": 10,
+      "componentName": "Section",
+      "staticProps": {
+        "title": "__dynamic__"
+      },
+      "movable": false,
+      "parentNodeId": null,
+      "childrenText": null,
+      "propSources": {
+        "title": {
+          "kind": "local-const",
+          "name": "title",
+          "file": "src/components.jsx",
+          "line": 2,
+          "col": 17,
+          "literal": "Contenido fijo",
+          "refs": 1
+        }
+      }
+    }
+  },
+  {
+    "id": "attr-local-const-refs-2",
+    "description": "FE MINOR-5: el MISMO const alimenta dos elementos — refs:2 en ambas usages",
+    "code": "export default function Screen() {\n  const title = \"Contenido\";\n  return (\n    <div>\n      <Section title={title} />\n      <Aside title={title} />\n    </div>\n  );\n}",
+    "usageComponentName": "Section",
+    "editorMeta": {
+      "nodeId": "src/components.jsx:5:7:Section",
+      "file": "src/components.jsx",
+      "line": 5,
+      "col": 7,
+      "componentName": "Section",
+      "staticProps": {
+        "title": "__dynamic__"
+      },
+      "movable": true,
+      "parentNodeId": "src/components.jsx:4:5:div",
+      "childrenText": null,
+      "propSources": {
+        "title": {
+          "kind": "local-const",
+          "name": "title",
+          "file": "src/components.jsx",
+          "line": 2,
+          "col": 17,
+          "literal": "Contenido",
+          "refs": 2
+        }
+      }
+    }
+  },
+  {
+    "id": "attr-identifier-destructured-prop",
+    "description": "identificador que es una prop desestructurada del componente",
+    "code": "function Screen({ title }) { return <Section title={title} />; }",
+    "usageComponentName": "Section",
+    "editorMeta": {
+      "nodeId": "src/components.jsx:1:37:Section",
+      "file": "src/components.jsx",
+      "line": 1,
+      "col": 37,
+      "componentName": "Section",
+      "staticProps": {
+        "title": "__dynamic__"
+      },
+      "movable": false,
+      "parentNodeId": null,
+      "childrenText": null,
+      "propBindings": [
+        {
+          "target": "attr:title",
+          "prop": "title",
+          "kind": "direct"
+        }
+      ],
+      "propOwner": "Screen",
+      "propSources": {
+        "title": {
+          "kind": "identifier",
+          "name": "title"
+        }
+      }
+    }
+  },
+  {
+    "id": "attr-identifier-plain-param",
+    "description": "identificador que es un parametro NO desestructurado",
+    "code": "function Screen(props) { return <Section title={props} />; }",
+    "usageComponentName": "Section",
+    "editorMeta": {
+      "nodeId": "src/components.jsx:1:33:Section",
+      "file": "src/components.jsx",
+      "line": 1,
+      "col": 33,
+      "componentName": "Section",
+      "staticProps": {
+        "title": "__dynamic__"
+      },
+      "movable": false,
+      "parentNodeId": null,
+      "childrenText": null,
+      "propSources": {
+        "title": {
+          "kind": "identifier",
+          "name": "props"
+        }
+      }
+    }
+  },
+  {
+    "id": "attr-member-props-title",
+    "description": "props.title — parametro plano accedido por propiedad",
+    "code": "function Screen(props) { return <Section title={props.title} />; }",
+    "usageComponentName": "Section",
+    "editorMeta": {
+      "nodeId": "src/components.jsx:1:33:Section",
+      "file": "src/components.jsx",
+      "line": 1,
+      "col": 33,
+      "componentName": "Section",
+      "staticProps": {
+        "title": "__dynamic__"
+      },
+      "movable": false,
+      "parentNodeId": null,
+      "childrenText": null,
+      "propSources": {
+        "title": {
+          "kind": "member",
+          "root": "props",
+          "path": [
+            "title"
+          ]
+        }
+      }
+    }
+  },
+  {
+    "id": "attr-member-deep-chain",
+    "description": "item.address.city — cadena de propiedades, en orden",
+    "code": "function Screen({ item }) { return <Section title={item.address.city} />; }",
+    "usageComponentName": "Section",
+    "editorMeta": {
+      "nodeId": "src/components.jsx:1:36:Section",
+      "file": "src/components.jsx",
+      "line": 1,
+      "col": 36,
+      "componentName": "Section",
+      "staticProps": {
+        "title": "__dynamic__"
+      },
+      "movable": false,
+      "parentNodeId": null,
+      "childrenText": null,
+      "propBindings": [
+        {
+          "target": "attr:title",
+          "prop": "item",
+          "kind": "formatted"
+        }
+      ],
+      "propOwner": "Screen",
+      "propSources": {
+        "title": {
+          "kind": "member",
+          "root": "item",
+          "path": [
+            "address",
+            "city"
+          ]
+        }
+      }
+    }
+  },
+  {
+    "id": "attr-other-reassigned",
+    "description": "binding reasignado en el fichero — nunca se traza",
+    "code": "export default function Screen() {\n  let title = \"Contenido\";\n  title = \"Otro valor\";\n  return <Section title={title} />;\n}",
+    "usageComponentName": "Section",
+    "editorMeta": {
+      "nodeId": "src/components.jsx:4:10:Section",
+      "file": "src/components.jsx",
+      "line": 4,
+      "col": 10,
+      "componentName": "Section",
+      "staticProps": {
+        "title": "__dynamic__"
+      },
+      "movable": false,
+      "parentNodeId": null,
+      "childrenText": null,
+      "propSources": {
+        "title": {
+          "kind": "other"
+        }
+      }
+    }
+  },
+  {
+    "id": "attr-other-cross-module-import",
+    "description": "identificador importado de otro modulo — nunca se traza",
+    "code": "import { title } from './constants';\nexport default function Screen() {\n  return <Section title={title} />;\n}",
+    "usageComponentName": "Section",
+    "editorMeta": {
+      "nodeId": "src/components.jsx:3:10:Section",
+      "file": "src/components.jsx",
+      "line": 3,
+      "col": 10,
+      "componentName": "Section",
+      "staticProps": {
+        "title": "__dynamic__"
+      },
+      "movable": false,
+      "parentNodeId": null,
+      "childrenText": null,
+      "propSources": {
+        "title": {
+          "kind": "other"
+        }
+      }
+    }
+  },
+  {
+    "id": "children-local-const",
+    "description": "const local trazado a traves de la SOLA expresion hija",
+    "code": "export default function Screen() {\n  const title = \"Contenido\";\n  return <Section>{title}</Section>;\n}",
+    "usageComponentName": "Section",
+    "editorMeta": {
+      "nodeId": "src/components.jsx:3:10:Section",
+      "file": "src/components.jsx",
+      "line": 3,
+      "col": 10,
+      "componentName": "Section",
+      "staticProps": null,
+      "movable": false,
+      "parentNodeId": null,
+      "childrenText": "__dynamic__",
+      "childrenSource": {
+        "kind": "local-const",
+        "name": "title",
+        "file": "src/components.jsx",
+        "line": 2,
+        "col": 17,
+        "literal": "Contenido",
+        "refs": 1
+      }
+    }
+  },
+  {
+    "id": "children-shadowing-map-callback-param",
+    "description": "MINOR-1: un const de modulo con el mismo nombre NUNCA gana — el parametro del callback de .map() shadowea",
+    "code": "const title = \"modulo\";\nexport default function Screen({ items }) {\n  return items.map(({ title }) => <CardTitle>{title}</CardTitle>);\n}",
+    "usageComponentName": "CardTitle",
+    "editorMeta": {
+      "nodeId": "src/components.jsx:3:35:CardTitle",
+      "file": "src/components.jsx",
+      "line": 3,
+      "col": 35,
+      "componentName": "CardTitle",
+      "staticProps": null,
+      "movable": false,
+      "parentNodeId": null,
+      "childrenText": "__dynamic__",
+      "childrenSource": {
+        "kind": "identifier",
+        "name": "title"
+      }
+    }
+  }
+]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@archie/devtools",
-  "version": "0.0.42",
+  "version": "0.0.44",
   "description": "DevTools for Archie generated applications - Route synchronization and editor communication",
   "repository": {
     "type": "git",
@@ -40,7 +40,8 @@
     "release": "node publish.js"
   },
   "files": [
-    "dist/**/*"
+    "dist/**/*",
+    "fixtures/**/*"
   ],
   "keywords": [
     "vite",