@william-callao/antonella-ui 1.0.4 → 1.3.0

package/dist/index.js

@@ -148,10 +148,13 @@ __export(index_exports, {
   hasCode: () => hasCode,
   hostDirection: () => hostDirection,
   iconMap: () => iconMap,
+  isLayoutDebug: () => isLayoutDebug,
+  layoutDebug: () => layoutDebug,
   layoutStates: () => layoutStates,
   removeNode: () => removeNode,
   resolveComposition: () => resolveComposition,
   resolveTransition: () => resolveTransition,
+  setLayoutDebug: () => setLayoutDebug,
   updateNode: () => updateNode,
   useAppNavigation: () => useAppNavigation,
   useAppShell: () => useAppShell,
@@ -1656,19 +1659,27 @@ function SheetOverlay({
       document.body.style.overflow = previousOverflow;
     };
   }, [embedded, mounted, dismissible, onClose]);
-  const overlay = /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_react_native22.View, { style: styles21.container, pointerEvents: embedded ? "box-none" : void 0, children: [
-    !embedded && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-      import_react_native22.Pressable,
-      {
-        onPress: dismissible ? onClose : void 0,
-        style: import_react_native22.StyleSheet.absoluteFill,
-        accessibilityRole: "button",
-        accessibilityLabel,
-        children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_native_reanimated3.default.View, { style: [styles21.backdrop, backdropStyle] })
-      }
-    ),
-    children
-  ] });
+  const overlay = /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+    import_react_native22.View,
+    {
+      style: styles21.container,
+      pointerEvents: embedded ? "box-none" : void 0,
+      accessibilityViewIsModal: embedded,
+      children: [
+        !embedded && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+          import_react_native22.Pressable,
+          {
+            onPress: dismissible ? onClose : void 0,
+            style: import_react_native22.StyleSheet.absoluteFill,
+            accessibilityRole: "button",
+            accessibilityLabel,
+            children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_native_reanimated3.default.View, { style: [styles21.backdrop, backdropStyle] })
+          }
+        ),
+        children
+      ]
+    }
+  );
   if (embedded) {
     return overlay;
   }
@@ -3897,7 +3908,7 @@ var PALETTE_GROUPS = [
     colors: Object.entries(import_antonella_theme38.danger).map(([label, value]) => ({ label, value }))
   }
 ];
-var ALL_COLORS = PALETTE_GROUPS.flatMap((g) => g.colors);
+var ALL_COLORS = PALETTE_GROUPS.flatMap((g2) => g2.colors);
 function findTokenLabel(hex) {
   const upper = normalizeHex(hex);
   const match = ALL_COLORS.find((c) => c.value.toUpperCase() === upper);
@@ -4520,6 +4531,7 @@ function ProductCard({
   price,
   code,
   cart,
+  maxQuantity,
   onQuantityChange,
   imageIcon = "camera",
   style = "DEFAULT" /* DEFAULT */,
@@ -4529,9 +4541,13 @@ function ProductCard({
   const [quantity, setQuantity] = (0, import_react15.useState)(cart?.quantity ?? 0);
   const [editing, setEditing] = (0, import_react15.useState)(false);
   const [draft, setDraft] = (0, import_react15.useState)(String(cart?.quantity ?? 0));
+  const hasMax = maxQuantity != null && Number.isFinite(maxQuantity);
+  const max = hasMax ? Math.max(0, Math.floor(maxQuantity)) : 0;
+  const atMax = hasMax && quantity >= max;
   const commitQuantity = () => {
     const parsed = Number.parseInt(draft, 10);
-    const next = Number.isNaN(parsed) || parsed < 0 ? 0 : parsed;
+    const raw = Number.isNaN(parsed) || parsed < 0 ? 0 : parsed;
+    const next = hasMax ? Math.min(raw, max) : raw;
     setQuantity(next);
     setDraft(String(next));
     setEditing(false);
@@ -4608,6 +4624,7 @@ function ProductCard({
           import_react_native45.Pressable,
           {
             onPress: () => {
+              if (atMax) return;
               const q = quantity + 1;
               setQuantity(q);
               setDraft(String(q));
@@ -4616,10 +4633,12 @@ function ProductCard({
             style: ({ pressed }) => [
               styles41.stepperButton,
               { backgroundColor: ctx.bg.subtle },
-              pressed && styles41.stepperButtonPressed
+              pressed && styles41.stepperButtonPressed,
+              atMax && styles41.stepperButtonDisabled
             ],
             accessibilityRole: "button",
             accessibilityLabel: "Aumentar cantidad",
+            accessibilityState: { disabled: atMax },
             children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Icon, { name: "add", size: 16, color: import_antonella_theme42.cta1 })
           }
         )
@@ -4631,12 +4650,18 @@ function ProductCard({
             setDraft("1");
             onQuantityChange?.(1);
           },
-          style: [styles41.addButton, { backgroundColor: ctx.bg.default }],
+          disabled: hasMax && max <= 0,
+          style: ({ pressed }) => [
+            styles41.addButton,
+            { backgroundColor: ctx.bg.default },
+            hasMax && max <= 0 ? styles41.addButtonDisabled : pressed && styles41.stepperButtonPressed
+          ],
           accessibilityRole: "button",
           accessibilityLabel: "A\xF1adir al carrito",
+          accessibilityState: { disabled: hasMax && max <= 0 },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Icon, { name: "add", size: 16, color: import_antonella_theme42.cta1 }),
-            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Text, { variant: import_antonella_theme42.TextType.Caption, color: import_antonella_theme42.cta1, children: "A\xF1adir" })
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Icon, { name: "add", size: 16, color: hasMax && max <= 0 ? ctx.text.subtle : import_antonella_theme42.cta1 }),
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Text, { variant: import_antonella_theme42.TextType.Caption, color: hasMax && max <= 0 ? ctx.text.subtle : import_antonella_theme42.cta1, children: "A\xF1adir" })
           ]
         }
       ) })
@@ -4720,6 +4745,9 @@ var styles41 = import_react_native45.StyleSheet.create({
   stepperButtonPressed: {
     opacity: 0.6
   },
+  stepperButtonDisabled: {
+    opacity: 0.35
+  },
   addButton: {
     flexDirection: "row",
     alignItems: "center",
@@ -4728,6 +4756,9 @@ var styles41 = import_react_native45.StyleSheet.create({
     paddingVertical: import_antonella_theme42.space.space2,
     borderRadius: 999
   },
+  addButtonDisabled: {
+    opacity: 0.5
+  },
   quantity: {
     minWidth: 32,
     textAlign: "center"
@@ -4775,6 +4806,8 @@ function ElementCard({
   onPress,
   trailing = "chevron-forward",
   onTrailingPress,
+  trailingLabel,
+  trailingAccessibilityLabel,
   dimmed = false,
   style = "DEFAULT" /* DEFAULT */,
   containerStyle,
@@ -4823,6 +4856,7 @@ function ElementCard({
             onPress: onTrailingPress,
             hitSlop: 8,
             accessibilityRole: "button",
+            accessibilityLabel: trailingLabel ?? trailingAccessibilityLabel,
             style: styles42.trailingTouch,
             children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Icon, { name: trailing, size: 18, color: ctx.icon.subtle })
           }
@@ -5286,28 +5320,28 @@ function buildSolidLUT(color) {
 var Z_BUCKETS = 1024;
 function recordPicture(buf, size, lut, rMin) {
   "worklet";
-  const g = globalThis;
-  let paint = g.__expoThinkingOrbsPaint;
+  const g2 = globalThis;
+  let paint = g2.__expoThinkingOrbsPaint;
   if (paint === void 0) {
     paint = import_react_native_skia.Skia.Paint();
     paint.setAntiAlias(true);
-    g.__expoThinkingOrbsPaint = paint;
+    g2.__expoThinkingOrbsPaint = paint;
   }
   const n = buf.count;
   const zs = buf.zs;
-  let order = g.__expoThinkingOrbsOrder;
-  let bucket = g.__expoThinkingOrbsBucket;
+  let order = g2.__expoThinkingOrbsOrder;
+  let bucket = g2.__expoThinkingOrbsBucket;
   if (order === void 0 || order.length < n) {
     order = new Int32Array(n);
     bucket = new Int32Array(n);
-    g.__expoThinkingOrbsOrder = order;
-    g.__expoThinkingOrbsBucket = bucket;
+    g2.__expoThinkingOrbsOrder = order;
+    g2.__expoThinkingOrbsBucket = bucket;
   }
   const buckets = bucket;
-  let counts = g.__expoThinkingOrbsCounts;
+  let counts = g2.__expoThinkingOrbsCounts;
   if (counts === void 0) {
     counts = new Int32Array(Z_BUCKETS);
-    g.__expoThinkingOrbsCounts = counts;
+    g2.__expoThinkingOrbsCounts = counts;
   } else {
     counts.fill(0);
   }
@@ -5331,11 +5365,11 @@ function recordPicture(buf, size, lut, rMin) {
     running += c;
   }
   for (let i = 0; i < n; i++) order[counts[buckets[i]]++] = i;
-  let rect = g.__expoThinkingOrbsRect;
-  if (rect === void 0 || g.__expoThinkingOrbsRectSize !== size) {
+  let rect = g2.__expoThinkingOrbsRect;
+  if (rect === void 0 || g2.__expoThinkingOrbsRectSize !== size) {
     rect = import_react_native_skia.Skia.XYWHRect(0, 0, size, size);
-    g.__expoThinkingOrbsRect = rect;
-    g.__expoThinkingOrbsRectSize = size;
+    g2.__expoThinkingOrbsRect = rect;
+    g2.__expoThinkingOrbsRectSize = size;
   }
   const rec = import_react_native_skia.Skia.PictureRecorder();
   const canvas = rec.beginRecording(rect);
@@ -5363,11 +5397,11 @@ function recordPicture(buf, size, lut, rMin) {
 // src/components/ComposingOrb/engine/scratch.ts
 function acquireDynamics(amp, from, to, mix, yaw = 0, pitch = 0, roll = 0) {
   "worklet";
-  const g = globalThis;
-  let d = g.__expoThinkingOrbsDyn;
+  const g2 = globalThis;
+  let d = g2.__expoThinkingOrbsDyn;
   if (d === void 0) {
     d = { amp, from, to, mix, yaw, pitch, roll };
-    g.__expoThinkingOrbsDyn = d;
+    g2.__expoThinkingOrbsDyn = d;
     return d;
   }
   d.amp = amp;
@@ -5381,8 +5415,8 @@ function acquireDynamics(amp, from, to, mix, yaw = 0, pitch = 0, roll = 0) {
 }
 function acquireDotBuffer(capacity) {
   "worklet";
-  const g = globalThis;
-  let buf = g.__expoThinkingOrbsScratch;
+  const g2 = globalThis;
+  let buf = g2.__expoThinkingOrbsScratch;
   if (buf === void 0 || buf.capacity < capacity) {
     buf = {
       xs: new Float32Array(capacity),
@@ -5394,7 +5428,7 @@ function acquireDotBuffer(capacity) {
       count: 0,
       capacity
     };
-    g.__expoThinkingOrbsScratch = buf;
+    g2.__expoThinkingOrbsScratch = buf;
   }
   buf.count = 0;
   return buf;
@@ -7113,27 +7147,40 @@ var TreeNodeItem = import_react27.default.memo(function TreeNodeItem2({
       ) : null
     ] })
   ] });
+  const canToggle = hasChildren;
+  const canOpenDetail = !hasChildren && ctx.onPressNode != null;
+  const canOpenActions = ctx.isEdit;
+  const interactive = canToggle || canOpenDetail || canOpenActions;
+  const handlePress = canToggle ? () => ctx.onToggle(node.id) : canOpenDetail ? () => ctx.onPressNode?.(node) : void 0;
+  const handleLongPress = ctx.isEdit ? () => ctx.onOpenActions(node.id) : void 0;
   return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(import_jsx_runtime64.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(import_react_native63.View, { style: styles57.nodeRow, children: [
       /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(NodeGutter, { depth, lineColor: ctx.vt.lineColor, terminal: terminalElbow }),
       /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
         import_react_native63.Pressable,
         {
-          onPress: hasChildren ? () => ctx.onToggle(node.id) : void 0,
-          disabled: !hasChildren,
+          onPress: handlePress,
+          onLongPress: handleLongPress,
+          delayLongPress: 450,
+          disabled: !interactive,
           style: ({ pressed }) => [
             styles57.nodeCard,
             {
               backgroundColor: pressed ? isActive ? ctx.vt.activePressedBg : ctx.vt.pressedBg : isActive ? ctx.vt.activeCardBg : ctx.vt.cardBg
             }
           ],
-          accessibilityRole: hasChildren ? "button" : void 0,
+          accessibilityRole: interactive ? "button" : void 0,
           accessibilityState: hasChildren ? { expanded: !isCollapsed } : void 0,
-          accessibilityLabel: hasChildren ? `${isCollapsed ? "Expandir" : "Colapsar"} ${node.name}` : void 0,
+          accessibilityLabel: hasChildren ? `${isCollapsed ? "Expandir" : "Colapsar"} ${node.name}` : canOpenDetail ? `${node.name}, ver detalle` : void 0,
+          accessibilityHint: ctx.isEdit ? "Manten\xE9 presionado para ver las acciones" : void 0,
+          accessibilityActions: ctx.isEdit ? [{ name: "actions", label: "Acciones" }] : void 0,
+          onAccessibilityAction: (event) => {
+            if (event.nativeEvent.actionName === "actions") ctx.onOpenActions(node.id);
+          },
           children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_react_native63.View, { style: styles57.rowContent, children: ctx.renderNode ? ctx.renderNode(node, defaultContent) : defaultContent })
         }
       ),
-      ctx.isEdit ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+      ctx.isEdit && !ctx.actionsOnLongPress ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
         import_react_native63.Pressable,
         {
           onPress: () => ctx.onOpenActions(node.id),
@@ -7148,7 +7195,7 @@ var TreeNodeItem = import_react27.default.memo(function TreeNodeItem2({
     hasChildren && !isCollapsed ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_react_native63.Animated.View, { style: [styles57.subtreeFade, { opacity: contentOpacity }], children: renderForest(ctx, node.children, depth + 1, node.name) }) : null
   ] });
 });
-function TreeEditor({ value, onChange, mode = "view", variant = "default", collapsed: collapsedProp, onCollapsedChange, rootLabel = "Agregar ra\xEDz", renderNode, onRequestAdd, onRequestEdit, onRequestDelete, style }) {
+function TreeEditor({ value, onChange, mode = "view", variant = "default", collapsed: collapsedProp, onCollapsedChange, rootLabel = "Agregar ra\xEDz", renderNode, onRequestAdd, onRequestEdit, onRequestDelete, nodeActions = "menu", onPressNode, style }) {
   const [internalCollapsed, setInternalCollapsed] = (0, import_react27.useState)({});
   const source = collapsedProp ?? internalCollapsed;
   const needsImplicitInit = value.length > 0 && Object.keys(source).length === 0;
@@ -7214,6 +7261,7 @@ function TreeEditor({ value, onChange, mode = "view", variant = "default", colla
   }, [implicitInit]);
   const vt = VARIANT_TOKENS[variant];
   const isEdit = mode === "edit";
+  const actionsOnLongPress = nodeActions === "longPress";
   const getCollapsed = (0, import_react27.useCallback)(() => collapsedRef.current, []);
   const getVersion = (0, import_react27.useCallback)((id) => versionRef.current.get(id) ?? 0, []);
   const toggleCollapse = (0, import_react27.useCallback)((id) => {
@@ -7241,14 +7289,16 @@ function TreeEditor({ value, onChange, mode = "view", variant = "default", colla
   const ctx = (0, import_react27.useMemo)(
     () => ({
       isEdit,
+      actionsOnLongPress,
       onToggle: toggleCollapse,
       onOpenActions,
+      onPressNode,
       renderNode,
       vt,
       getCollapsed,
       getVersion
     }),
-    [isEdit, toggleCollapse, onOpenActions, renderNode, vt, getCollapsed, getVersion]
+    [isEdit, actionsOnLongPress, toggleCollapse, onOpenActions, onPressNode, renderNode, vt, getCollapsed, getVersion]
   );
   return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
     import_react_native63.View,
@@ -7284,6 +7334,10 @@ var styles57 = import_react_native63.StyleSheet.create({
     alignItems: "center",
     gap: import_antonella_theme59.space.space1,
     minHeight: 44,
+    // No dejar que el CTA de alta se comprima a altura cero cuando el árbol es
+    // largo y el contenedor queda acotado (APP-002: "Agregar raíz" degeneraba a
+    // bounds con y1 == y2 y dejaba de ser accionable).
+    flexShrink: 0,
     paddingHorizontal: import_antonella_theme59.space.space2,
     borderRadius: import_antonella_theme59.radius.sm
   },
@@ -7441,9 +7495,9 @@ var import_jsx_runtime66 = require("react/jsx-runtime");
 function contrast(hex) {
   const h = hex.replace("#", "");
   const r = parseInt(h.substring(0, 2), 16);
-  const g = parseInt(h.substring(2, 4), 16);
+  const g2 = parseInt(h.substring(2, 4), 16);
   const b = parseInt(h.substring(4, 6), 16);
-  return (r * 299 + g * 587 + b * 114) / 1e3 > 150 ? "#1C1C1E" : "#FFFFFF";
+  return (r * 299 + g2 * 587 + b * 114) / 1e3 > 150 ? "#1C1C1E" : "#FFFFFF";
 }
 function SplitColorCard({
   label,
@@ -7627,6 +7681,7 @@ var SINGLE_LINE_HEIGHT = 18;
 function AppTextInput({
   label,
   labelWidth,
+  error,
   value,
   onChangeText,
   placeholder,
@@ -7650,77 +7705,83 @@ function AppTextInput({
   const handleSubmitEditing = () => {
     inputRef.current?.blur();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
-    import_react_native67.TouchableOpacity,
-    {
-      style: [
-        styles61.row,
-        inputHeight != null && inputHeight > SINGLE_LINE_HEIGHT && styles61.rowGrown,
-        !editable && styles61.rowDisabled
-      ],
-      onPress: () => onPressOverride ? onPressOverride() : focus(),
-      disabled: !editable && !readOnly,
-      activeOpacity: 1,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
-          Text,
-          {
-            variant: import_antonella_theme62.TextType.Label,
-            numberOfLines: 1,
-            style: [styles61.label, labelWidth != null && { width: labelWidth }],
-            children: label
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
-          import_react_native67.TextInput,
-          {
-            ref: inputRef,
-            style: [
-              styles61.value,
-              {
-                fontSize: import_antonella_theme62.texts.caption.fontSize,
-                lineHeight: import_antonella_theme62.texts.caption.lineHeight,
-                color: import_antonella_theme62.text.default
-              },
-              inputHeight != null && {
-                height: Math.max(inputHeight, SINGLE_LINE_HEIGHT)
-              }
-            ],
-            value,
-            onChangeText,
-            onContentSizeChange: handleContentSizeChange,
-            onSubmitEditing: handleSubmitEditing,
-            placeholder,
-            placeholderTextColor: import_antonella_theme62.texts.placeholder.color,
-            autoCapitalize,
-            keyboardType,
-            maxLength,
-            editable: canType,
-            selectionColor: import_antonella_theme62.text.default,
-            underlineColorAndroid: "transparent",
-            multiline: true,
-            scrollEnabled: false,
-            textAlignVertical: "top",
-            blurOnSubmit: true,
-            submitBehavior: "blurAndSubmit"
-          }
-        ),
-        trailingAction ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
-          import_react_native67.Pressable,
-          {
-            onPress: trailingAction.onPress,
-            hitSlop: 8,
-            style: styles61.trailingAction,
-            accessibilityRole: "button",
-            accessibilityLabel: trailingAction.accessibilityLabel,
-            children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Icon, { name: trailingAction.icon, size: 20, color: import_antonella_theme62.text.secondary })
-          }
-        ) : null
-      ]
-    }
-  );
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_react_native67.View, { style: styles61.wrapper, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+      import_react_native67.TouchableOpacity,
+      {
+        style: [
+          styles61.row,
+          inputHeight != null && inputHeight > SINGLE_LINE_HEIGHT && styles61.rowGrown,
+          !editable && styles61.rowDisabled
+        ],
+        onPress: () => onPressOverride ? onPressOverride() : focus(),
+        disabled: !editable && !readOnly,
+        activeOpacity: 1,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+            Text,
+            {
+              variant: import_antonella_theme62.TextType.Label,
+              numberOfLines: 1,
+              style: [styles61.label, labelWidth != null && { width: labelWidth }],
+              children: label
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+            import_react_native67.TextInput,
+            {
+              ref: inputRef,
+              style: [
+                styles61.value,
+                {
+                  fontSize: import_antonella_theme62.texts.caption.fontSize,
+                  lineHeight: import_antonella_theme62.texts.caption.lineHeight,
+                  color: import_antonella_theme62.text.default
+                },
+                inputHeight != null && {
+                  height: Math.max(inputHeight, SINGLE_LINE_HEIGHT)
+                }
+              ],
+              value,
+              onChangeText,
+              onContentSizeChange: handleContentSizeChange,
+              onSubmitEditing: handleSubmitEditing,
+              placeholder,
+              placeholderTextColor: import_antonella_theme62.texts.placeholder.color,
+              autoCapitalize,
+              keyboardType,
+              maxLength,
+              editable: canType,
+              selectionColor: import_antonella_theme62.text.default,
+              underlineColorAndroid: "transparent",
+              multiline: true,
+              scrollEnabled: false,
+              textAlignVertical: "top",
+              blurOnSubmit: true,
+              submitBehavior: "blurAndSubmit"
+            }
+          ),
+          trailingAction ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+            import_react_native67.Pressable,
+            {
+              onPress: trailingAction.onPress,
+              hitSlop: 8,
+              style: styles61.trailingAction,
+              accessibilityRole: "button",
+              accessibilityLabel: trailingAction.accessibilityLabel,
+              children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Icon, { name: trailingAction.icon, size: 20, color: import_antonella_theme62.text.secondary })
+            }
+          ) : null
+        ]
+      }
+    ),
+    error ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Text, { variant: import_antonella_theme62.TextType.Caption, color: import_antonella_theme62.appInput.error, style: styles61.error, children: error }) : null
+  ] });
 }
 var styles61 = import_react_native67.StyleSheet.create({
+  wrapper: {
+    alignItems: "stretch"
+  },
   row: {
     flexDirection: "row",
     alignItems: "center",
@@ -7749,6 +7810,11 @@ var styles61 = import_react_native67.StyleSheet.create({
   trailingAction: {
     marginLeft: import_antonella_theme62.spacing.xs,
     justifyContent: "center"
+  },
+  error: {
+    marginTop: import_antonella_theme62.spacing.xs,
+    paddingHorizontal: import_antonella_theme62.space.space4,
+    textAlign: "right"
   }
 });
 
@@ -7761,6 +7827,7 @@ var SINGLE_LINE_HEIGHT2 = 18;
 var MIN_AREA_HEIGHT = 72;
 function AppTextArea({
   label,
+  error,
   value,
   onChangeText,
   placeholder,
@@ -7780,58 +7847,64 @@ function AppTextArea({
   const handleSubmitEditing = () => {
     inputRef.current?.blur();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
-    import_react_native68.TouchableOpacity,
-    {
-      style: [
-        styles62.container,
-        inputHeight != null && inputHeight > SINGLE_LINE_HEIGHT2 && styles62.containerGrown,
-        !editable && styles62.containerDisabled
-      ],
-      onPress: focus,
-      disabled: !editable,
-      activeOpacity: 1,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Text, { variant: import_antonella_theme63.TextType.Label, numberOfLines: 1, style: styles62.label, children: label }),
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
-          import_react_native68.TextInput,
-          {
-            ref: inputRef,
-            style: [
-              styles62.value,
-              {
-                fontSize: import_antonella_theme63.texts.caption.fontSize,
-                lineHeight: import_antonella_theme63.texts.caption.lineHeight,
-                color: import_antonella_theme63.text.default
-              },
-              inputHeight != null && {
-                height: Math.max(inputHeight, SINGLE_LINE_HEIGHT2)
-              }
-            ],
-            value,
-            onChangeText,
-            onContentSizeChange: handleContentSizeChange,
-            onSubmitEditing: handleSubmitEditing,
-            placeholder,
-            placeholderTextColor: import_antonella_theme63.texts.placeholder.color,
-            autoCapitalize,
-            keyboardType,
-            maxLength,
-            editable,
-            selectionColor: import_antonella_theme63.text.default,
-            underlineColorAndroid: "transparent",
-            multiline: true,
-            scrollEnabled: false,
-            textAlignVertical: "top",
-            blurOnSubmit: true,
-            submitBehavior: "blurAndSubmit"
-          }
-        )
-      ]
-    }
-  );
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(import_react_native68.View, { style: styles62.wrapper, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
+      import_react_native68.TouchableOpacity,
+      {
+        style: [
+          styles62.container,
+          inputHeight != null && inputHeight > SINGLE_LINE_HEIGHT2 && styles62.containerGrown,
+          !editable && styles62.containerDisabled
+        ],
+        onPress: focus,
+        disabled: !editable,
+        activeOpacity: 1,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Text, { variant: import_antonella_theme63.TextType.Label, numberOfLines: 1, style: styles62.label, children: label }),
+          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+            import_react_native68.TextInput,
+            {
+              ref: inputRef,
+              style: [
+                styles62.value,
+                {
+                  fontSize: import_antonella_theme63.texts.caption.fontSize,
+                  lineHeight: import_antonella_theme63.texts.caption.lineHeight,
+                  color: import_antonella_theme63.text.default
+                },
+                inputHeight != null && {
+                  height: Math.max(inputHeight, SINGLE_LINE_HEIGHT2)
+                }
+              ],
+              value,
+              onChangeText,
+              onContentSizeChange: handleContentSizeChange,
+              onSubmitEditing: handleSubmitEditing,
+              placeholder,
+              placeholderTextColor: import_antonella_theme63.texts.placeholder.color,
+              autoCapitalize,
+              keyboardType,
+              maxLength,
+              editable,
+              selectionColor: import_antonella_theme63.text.default,
+              underlineColorAndroid: "transparent",
+              multiline: true,
+              scrollEnabled: false,
+              textAlignVertical: "top",
+              blurOnSubmit: true,
+              submitBehavior: "blurAndSubmit"
+            }
+          )
+        ]
+      }
+    ),
+    error ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Text, { variant: import_antonella_theme63.TextType.Caption, color: import_antonella_theme63.appInput.error, style: styles62.error, children: error }) : null
+  ] });
 }
 var styles62 = import_react_native68.StyleSheet.create({
+  wrapper: {
+    alignItems: "stretch"
+  },
   container: {
     gap: import_antonella_theme63.space.space2,
     minHeight: MIN_AREA_HEIGHT,
@@ -7854,6 +7927,12 @@ var styles62 = import_react_native68.StyleSheet.create({
     paddingRight: 2,
     textAlign: "left",
     outlineWidth: 0
+  },
+  error: {
+    marginTop: import_antonella_theme63.spacing.xs,
+    paddingHorizontal: import_antonella_theme63.space.space4,
+    paddingBottom: import_antonella_theme63.spacing.sm,
+    textAlign: "left"
   }
 });
 
@@ -7868,6 +7947,7 @@ var ANIM_DURATION2 = 220;
 function AppSelector({
   label,
   labelWidth,
+  error,
   value,
   onChange,
   options,
@@ -7911,6 +7991,7 @@ function AppSelector({
   }, [open, contentHeight, options.length, height, contentOpacity]);
   const toggle = () => {
     if (disabled) return;
+    if (!open) import_react_native69.Keyboard.dismiss();
     setOpen((o) => !o);
   };
   const handleSelect = (option) => {
@@ -7951,6 +8032,7 @@ function AppSelector({
         ]
       }
     ),
+    error ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Text, { variant: import_antonella_theme64.TextType.Caption, color: import_antonella_theme64.appInput.error, style: styles63.error, children: error }) : null,
     /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_react_native69.Animated.View, { style: { height, overflow: "hidden" }, children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
       import_react_native69.Animated.View,
       {
@@ -8021,6 +8103,12 @@ var styles63 = import_react_native69.StyleSheet.create({
     borderTopWidth: import_react_native69.StyleSheet.hairlineWidth,
     borderTopColor: import_antonella_theme64.appInputCard.separator
   },
+  error: {
+    marginTop: -import_antonella_theme64.spacing.sm,
+    paddingHorizontal: import_antonella_theme64.space.space4,
+    paddingBottom: import_antonella_theme64.spacing.sm,
+    textAlign: "right"
+  },
   optionText: {
     flex: 1
   }
@@ -8150,12 +8238,14 @@ function AppButton({
   label,
   onPress,
   disabled = false,
+  loading = false,
   variant = "solid",
   backgroundColor,
   textColor,
   borderColor,
   style
 }) {
+  const interactiveDisabled = disabled || loading;
   const background15 = disabled ? import_antonella_theme66.appButton.background.disabled : backgroundColor ?? (variant === "solid" ? import_antonella_theme66.appButton.background.default : "transparent");
   const foreground = disabled ? import_antonella_theme66.appButton.text.disabled : textColor ?? (variant === "solid" ? import_antonella_theme66.appButton.text.default : import_antonella_theme66.text.default);
   return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
@@ -8175,19 +8265,14 @@ function AppButton({
         style
       ],
       onPress,
-      disabled,
+      disabled: interactiveDisabled,
       activeOpacity: 0.7,
       accessibilityRole: "button",
-      accessibilityState: { disabled },
-      children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
-        Text,
-        {
-          variant: "label",
-          color: foreground,
-          style: styles65.label,
-          children: label
-        }
-      )
+      accessibilityState: { disabled: interactiveDisabled, busy: loading },
+      children: /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(import_react_native71.View, { style: styles65.content, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Text, { variant: "label", color: foreground, style: styles65.label, children: label }),
+        loading ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_react_native71.ActivityIndicator, { size: "small", color: foreground, style: styles65.spinner }) : null
+      ] })
     }
   );
 }
@@ -8200,8 +8285,16 @@ var styles65 = import_react_native71.StyleSheet.create({
     alignItems: "center",
     justifyContent: "center"
   },
+  content: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "center"
+  },
   label: {
     textAlign: "center"
+  },
+  spinner: {
+    marginLeft: import_antonella_theme66.space.space2
   }
 });
 
@@ -8677,7 +8770,6 @@ var styles69 = import_react_native75.StyleSheet.create({
 // src/layout/AppLayout.tsx
 var import_react35 = require("react");
 var import_react_native77 = require("react-native");
-var import_react_native78 = require("react-native");
 var import_react_native_reanimated16 = __toESM(require("react-native-reanimated"));
 
 // src/layout/Divisor.tsx
@@ -8741,12 +8833,62 @@ var styles70 = import_react_native76.StyleSheet.create({
   }
 });
 
-// src/layout/AppLayout.tsx
+// src/layout/layoutDebug.ts
+var RING_MAX = 400;
+function g() {
+  return globalThis;
+}
+function ring() {
+  const global = g();
+  global.__ANTONELLA_LAYOUT_LOG__ ??= [];
+  return global.__ANTONELLA_LAYOUT_LOG__;
+}
+var envFlag = typeof process !== "undefined" && process.env ? String(process.env.EXPO_PUBLIC_LAYOUT_DEBUG ?? "").toLowerCase() : "";
+var forced = envFlag === "1" || envFlag === "true";
+function setLayoutDebug(on) {
+  forced = on;
+  if (on) {
+    console.log("[APPLAYOUT] debug ON");
+  }
+}
+function isLayoutDebug() {
+  return forced;
+}
+function layoutDebug(event, data) {
+  const entry = { t: Date.now(), event, data };
+  const buffer = ring();
+  buffer.push(entry);
+  if (buffer.length > RING_MAX) {
+    buffer.splice(0, buffer.length - RING_MAX);
+  }
+  if (forced) {
+    console.log(`[APPLAYOUT ${event}]`, data ? JSON.stringify(data) : "");
+  }
+}
+if (typeof globalThis !== "undefined") {
+  const global = g();
+  global.__ANTONELLA_LAYOUT_DEBUG__ = setLayoutDebug;
+  global.__ANTONELLA_LAYOUT_DUMP__ = () => {
+    const buffer = ring().slice();
+    console.log(`[APPLAYOUT] ${buffer.length} eventos`);
+    console.log(JSON.stringify(buffer, null, 2));
+    return buffer;
+  };
+}
+
+// src/layout/layoutMath.ts
 var import_antonella_theme71 = require("@william-callao/antonella-theme");
-var import_jsx_runtime78 = require("react/jsx-runtime");
+var SECTION_KEYS = ["top", "mid", "bottom"];
 var _semantic12 = (0, import_antonella_theme71.resolveSemantic)(import_antonella_theme71.lightSemantic);
 var DEFAULT_BG2 = _semantic12.default.bg.default;
 var DARK_BG = _semantic12.darkness.bg.default;
+var SECTION_DEFAULT_COLORS = {
+  top: DARK_BG,
+  mid: DEFAULT_BG2,
+  bottom: DARK_BG
+};
+var DEFAULT_PAGE_BG = DEFAULT_BG2;
+var FULLBOTTOM_DIVISOR_H = 25;
 var layoutStates = {
   stacked: {
     pageScroll: false,
@@ -8795,25 +8937,83 @@ var layoutStates = {
     }
   }
 };
-var SECTION_KEYS = ["top", "mid", "bottom"];
-var DEFAULT_COLORS = {
-  top: DARK_BG,
-  mid: DEFAULT_BG2,
-  bottom: DARK_BG
-};
+function resolveLayoutState(state, presets = layoutStates) {
+  return typeof state === "string" ? presets[state] : state;
+}
+function isValidMeasurement(height) {
+  return Number.isFinite(height) && height > 0;
+}
+function initialNaturals(H) {
+  return { top: H / 3, mid: H / 3, bottom: H / 3 };
+}
+function bottomViewport(state, naturals, H) {
+  const anchor = state.sections.bottom?.restsOn;
+  if (!anchor) return H;
+  const rest = H - naturals[anchor];
+  return rest > 0 ? rest : H;
+}
+function bottomOverflows(state, naturals, H) {
+  const b = state.sections.bottom;
+  if (!b?.visible) return false;
+  return naturals.bottom > bottomViewport(state, naturals, H);
+}
+function computeSectionTargets(state, naturals, H) {
+  const out = { top: 0, mid: 0, bottom: 0 };
+  for (const k of SECTION_KEYS) {
+    const b = state.sections[k];
+    if (!b?.visible) {
+      out[k] = 0;
+      continue;
+    }
+    const h = b.height ?? "content";
+    if (h === "content") out[k] = naturals[k];
+    else if (h === "third") out[k] = H / 3;
+    else if (h === "fill") out[k] = H;
+    else if (h === "fillRest") out[k] = b.restsOn ? H - naturals[b.restsOn] : 0;
+    else if (h === "minFillRest") {
+      const rest = b.restsOn ? H - naturals[b.restsOn] : 0;
+      out[k] = Math.max(naturals[k], rest);
+    } else out[k] = h;
+  }
+  const fullBottom = !state.sections.top?.visible && !state.sections.mid?.visible;
+  if (fullBottom && state.sections.bottom?.visible) {
+    out.bottom = Math.max(0, out.bottom - FULLBOTTOM_DIVISOR_H);
+  }
+  return out;
+}
+function selectPageBackground(state, colors = SECTION_DEFAULT_COLORS) {
+  const mid = state.sections.mid;
+  if (mid?.visible) {
+    return mid.backgroundColor ?? colors.mid;
+  }
+  for (let i = SECTION_KEYS.length - 1; i >= 0; i--) {
+    const k = SECTION_KEYS[i];
+    if (state.sections[k]?.visible) {
+      return state.sections[k]?.backgroundColor ?? colors[k];
+    }
+  }
+  return DEFAULT_PAGE_BG;
+}
+function shouldResetScroll(prevRouteName, nextRouteName) {
+  return prevRouteName !== nextRouteName;
+}
+function seedNaturals(snapshot, routeName, neutral) {
+  const snap = snapshot.get(routeName);
+  return snap ? { ...snap } : { ...neutral };
+}
+function writeNaturals(snapshot, routeName, naturals) {
+  snapshot.set(routeName, { ...naturals });
+}
+
+// src/layout/AppLayout.tsx
+var import_jsx_runtime78 = require("react/jsx-runtime");
 var LAYOUT_DURATION = 300;
 var REVEAL_DELAY_MS = 380;
 var REVEAL_DURATION_MS = 200;
-var REMOUNT_WINDOW_MS = 500;
-var BODY_TAIL = 600;
-var FULLBOTTOM_DIVISOR_H = 25;
-var FULLBOTTOM_OVERSCAN = 5;
-var FULLBOTTOM_EXTEND = 5;
-var FULLBOTTOM_CUSHION = 5;
-var _withBottomHold = (t, cur) => {
-  const held = t.bottom < cur.bottom ? cur.bottom : t.bottom;
-  return held === t.bottom ? t : { ...t, bottom: held };
-};
+var PROBE_INTERVAL_MS = 150;
+var PROBE_STABLE_HITS = 2;
+var PROBE_MAX_MS = 4e3;
+var _sanitize = (v) => typeof v === "number" && Number.isFinite(v) && v >= 0 ? v : 0;
 var AppNavigationContext = (0, import_react35.createContext)(null);
 function useAppNavigation() {
   const ctx = (0, import_react35.useContext)(AppNavigationContext);
@@ -8826,9 +9026,12 @@ function AppLayout({
   initialRoute,
   showBackButton = true,
   animateTransitions = false,
-  contentReveal = "always"
+  contentReveal = "always",
+  debug = false
 }) {
-  const { height: H } = (0, import_react_native78.useWindowDimensions)();
+  const { height: H } = (0, import_react_native77.useWindowDimensions)();
+  const HRef = (0, import_react35.useRef)(H);
+  HRef.current = H;
   const reduceMotion = (0, import_react_native_reanimated16.useReducedMotion)();
   const transition2 = reduceMotion ? import_react_native_reanimated16.LinearTransition.duration(0) : import_react_native_reanimated16.CurvedTransition.duration(LAYOUT_DURATION);
   const revealProgress = (0, import_react_native_reanimated16.useSharedValue)(1);
@@ -8836,6 +9039,13 @@ function AppLayout({
   const [stack, setStack] = (0, import_react35.useState)([initialRoute]);
   const [prevRoute, setPrevRoute] = (0, import_react35.useState)(null);
   const hasTransition = animateTransitions && prevRoute !== null;
+  const initialNaturalsValue = (0, import_react35.useRef)(initialNaturals(H)).current;
+  const [layoutHeights, setLayoutHeights] = (0, import_react35.useState)(
+    () => computeSectionTargets(resolveLayoutState(initialRoute.state), initialNaturalsValue, H)
+  );
+  const appliedRef = (0, import_react35.useRef)(layoutHeights);
+  const naturalsRef = (0, import_react35.useRef)({ ...initialNaturalsValue });
+  const routeSnapshotRef = (0, import_react35.useRef)(/* @__PURE__ */ new Map());
   const [revealHidden, setRevealHidden] = (0, import_react35.useState)(false);
   const revealTimer = (0, import_react35.useRef)(null);
   const startReveal = (0, import_react35.useCallback)(() => {
@@ -8848,11 +9058,27 @@ function AppLayout({
       revealProgress.value = (0, import_react_native_reanimated16.withTiming)(1, { duration: REVEAL_DURATION_MS });
       setRevealHidden(false);
     }, REVEAL_DELAY_MS);
-  }, [revealProgress, REVEAL_DELAY_MS, REVEAL_DURATION_MS]);
+  }, [revealProgress]);
+  const stateRef = (0, import_react35.useRef)(layoutStates.onlyCenter);
+  const currentRouteNameRef = (0, import_react35.useRef)(initialRoute.name);
+  const bodyOverflowRef = (0, import_react35.useRef)(false);
+  const [pageCanScroll, setPageCanScroll] = (0, import_react35.useState)(false);
+  const scrollRef = (0, import_react35.useRef)(null);
+  const innerScrollRef = (0, import_react35.useRef)(null);
+  const proxyRefs = (0, import_react35.useRef)({});
+  const probeTimers = (0, import_react35.useRef)({});
+  const probeLast = (0, import_react35.useRef)({});
+  const probeStable = (0, import_react35.useRef)({});
+  (0, import_react35.useEffect)(() => {
+    if (debug) setLayoutDebug(true);
+  }, [debug]);
   (0, import_react35.useEffect)(() => {
     return () => {
       if (revealTimer.current) clearTimeout(revealTimer.current);
-      if (settleTimer.current) clearTimeout(settleTimer.current);
+      SECTION_KEYS.forEach((k) => {
+        const t = probeTimers.current[k];
+        if (t) clearInterval(t);
+      });
     };
   }, []);
   (0, import_react35.useEffect)(() => {
@@ -8893,137 +9119,143 @@ function AppLayout({
     stack,
     replace
   };
-  const resolvedState = typeof currentRoute.state === "string" ? layoutStates[currentRoute.state] : currentRoute.state;
-  const state = resolvedState ?? layoutStates.onlyCenter;
+  const state = resolveLayoutState(currentRoute.state);
   const slots = currentRoute.slots ?? {};
-  const prevLayoutState = prevRoute ? typeof prevRoute.state === "string" ? layoutStates[prevRoute.state] : prevRoute.state : null;
-  const pageBg = DEFAULT_BG2;
+  stateRef.current = state;
+  const prevLayoutState = prevRoute ? resolveLayoutState(prevRoute.state) : null;
+  const pageBg = selectPageBackground(state);
   const topVisible = !!state.sections.top?.visible;
   const midVisible = !!state.sections.mid?.visible;
   const bottomVisible = !!state.sections.bottom?.visible;
   const showTopDivisor = topVisible && (midVisible || bottomVisible);
   const showBottomDivisor = bottomVisible && (topVisible || midVisible);
   const showFullBottomDivisor = bottomVisible && !topVisible && !midVisible;
-  const [layoutHeights, setLayoutHeights] = (0, import_react35.useState)({
-    top: H / 3,
-    mid: H / 3,
-    bottom: H / 3
-  });
-  const layoutHeightsRef = (0, import_react35.useRef)(layoutHeights);
-  layoutHeightsRef.current = layoutHeights;
-  const stateRef = (0, import_react35.useRef)(state);
-  stateRef.current = state;
-  const bodyOverflowRef = (0, import_react35.useRef)(false);
-  const [pageCanScroll, setPageCanScroll] = (0, import_react35.useState)(false);
-  const settleTimer = (0, import_react35.useRef)(null);
-  const scrollRef = (0, import_react35.useRef)(null);
-  const innerScrollRef = (0, import_react35.useRef)(null);
-  const rootViewRef = (0, import_react35.useRef)(null);
-  const capHolderRef = (0, import_react35.useRef)(null);
-  const naturalsRef = (0, import_react35.useRef)({
-    top: H / 3,
-    mid: H / 3,
-    bottom: H / 3
-  });
-  const lastMeasured = (0, import_react35.useRef)({ top: 0, mid: 0, bottom: 0 });
-  const routeChangedAt = (0, import_react35.useRef)(0);
-  const computeTargets = (st) => {
-    const base = { top: 0, mid: 0, bottom: 0 };
-    for (const k of SECTION_KEYS) {
-      const b = st.sections[k];
-      if (!b?.visible) {
-        base[k] = 0;
-        continue;
-      }
-      const h = b.height ?? "content";
-      if (h === "content") base[k] = naturalsRef.current[k];
-      else if (h === "third") base[k] = H / 3;
-      else if (h === "fill") base[k] = H;
-      else if (h === "fillRest") base[k] = b.restsOn ? H - naturalsRef.current[b.restsOn] : 0;
-      else if (h === "minFillRest") {
-        const rest = b.restsOn ? H - naturalsRef.current[b.restsOn] : 0;
-        base[k] = Math.max(naturalsRef.current[k], rest);
-      } else base[k] = h;
-    }
-    return base;
-  };
-  const bottomViewport = () => {
-    const b = stateRef.current.sections.bottom;
-    if (!b?.restsOn) return H;
-    const rest = H - naturalsRef.current[b.restsOn];
-    return rest > 0 ? rest : H;
-  };
+  const computeTargets = (0, import_react35.useCallback)(
+    (st) => computeSectionTargets(st, naturalsRef.current, HRef.current),
+    []
+  );
   const applyTargets = (0, import_react35.useCallback)((next) => {
-    for (const k of SECTION_KEYS) {
-      const v = next[k];
-      if (typeof v !== "number" || !Number.isFinite(v) || v < 0) {
-        next = { ...next, [k]: 0 };
-      }
+    const sanitized = {
+      top: _sanitize(next.top),
+      mid: _sanitize(next.mid),
+      bottom: _sanitize(next.bottom)
+    };
+    if (SECTION_KEYS.every((k) => appliedRef.current[k] === sanitized[k])) return;
+    appliedRef.current = sanitized;
+    layoutDebug("apply", { targets: sanitized });
+    setLayoutHeights(sanitized);
+  }, []);
+  const clearProbe = (0, import_react35.useCallback)((k) => {
+    const timer = probeTimers.current[k];
+    if (timer) {
+      clearInterval(timer);
+      probeTimers.current[k] = null;
     }
-    if (stateRef.current.sections.bottom?.visible) {
-      const spec = stateRef.current.sections.bottom?.height;
-      const isCover = spec === "content" || spec === "minFillRest";
-      const natural = naturalsRef.current.bottom;
-      const floor = Math.max(next.bottom, H);
-      next = { ...next, bottom: isCover && natural <= bottomViewport() ? floor + BODY_TAIL : floor };
-      const fullBottom = !stateRef.current.sections.top?.visible && !stateRef.current.sections.mid?.visible;
-      if (fullBottom) {
-        next = {
-          ...next,
-          bottom: Math.max(0, next.bottom - (FULLBOTTOM_DIVISOR_H - FULLBOTTOM_OVERSCAN))
-        };
+  }, []);
+  const clearAllProbes = (0, import_react35.useCallback)(() => {
+    SECTION_KEYS.forEach((k) => clearProbe(k));
+  }, [clearProbe]);
+  const recordMeasurement = (0, import_react35.useCallback)(
+    (k, h, routeName) => {
+      if (routeName !== currentRouteNameRef.current) return;
+      if (!isValidMeasurement(h)) return;
+      if (naturalsRef.current[k] === h) return;
+      naturalsRef.current = { ...naturalsRef.current, [k]: h };
+      writeNaturals(routeSnapshotRef.current, routeName, naturalsRef.current);
+      layoutDebug("measure", {
+        section: k,
+        height: h,
+        route: routeName,
+        naturals: naturalsRef.current
+      });
+      applyTargets(computeTargets(stateRef.current));
+      if (k === "bottom" && stateRef.current.pageScroll && stateRef.current.sections.bottom?.visible) {
+        const overflows = bottomOverflows(stateRef.current, naturalsRef.current, HRef.current);
+        setPageCanScroll(overflows);
+        layoutDebug("pageScroll", { overflows });
+        if (!overflows && bodyOverflowRef.current) {
+          scrollRef.current?.scrollTo({ y: 0, animated: false });
+        }
+        bodyOverflowRef.current = overflows;
       }
-    }
-    setLayoutHeights((prev) => {
-      const changed = !SECTION_KEYS.every((k) => prev[k] === next[k]);
-      return changed ? next : prev;
-    });
-  }, [H]);
-  const makeOnMeasure = (k) => (e) => {
-    const h = e.nativeEvent.layout.height;
-    const prev = lastMeasured.current[k];
-    if (!Number.isFinite(h) || h <= 0) return;
-    const inRemountWindow = Date.now() - routeChangedAt.current < REMOUNT_WINDOW_MS;
-    const collapsed = inRemountWindow && prev > 0 && h < Math.max(prev * 0.5, 100);
-    if (collapsed) return;
-    naturalsRef.current[k] = h;
-    lastMeasured.current[k] = h;
-    if (k === "bottom" && state.pageScroll && stateRef.current.sections.bottom?.visible) {
-      const overflows = naturalsRef.current.bottom > bottomViewport();
-      setPageCanScroll(overflows);
-      if (!overflows && bodyOverflowRef.current) {
-        scrollRef.current?.scrollTo({ y: 0, animated: false });
+    },
+    [applyTargets, computeTargets]
+  );
+  const startProbe = (0, import_react35.useCallback)(
+    (k) => {
+      clearProbe(k);
+      const routeAtStart = currentRouteNameRef.current;
+      const startedAt = Date.now();
+      probeLast.current[k] = null;
+      probeStable.current[k] = 0;
+      probeTimers.current[k] = setInterval(() => {
+        const view = proxyRefs.current[k];
+        if (!view || currentRouteNameRef.current !== routeAtStart) {
+          clearProbe(k);
+          return;
+        }
+        view.measure((_x, _y, _w, h) => {
+          if (currentRouteNameRef.current !== routeAtStart) {
+            clearProbe(k);
+            return;
+          }
+          if (!isValidMeasurement(h)) return;
+          const last = probeLast.current[k];
+          probeLast.current[k] = h;
+          if (last === h) {
+            probeStable.current[k] = (probeStable.current[k] ?? 0) + 1;
+          } else {
+            probeStable.current[k] = 0;
+            recordMeasurement(k, h, routeAtStart);
+          }
+          if ((probeStable.current[k] ?? 0) >= PROBE_STABLE_HITS || Date.now() - startedAt > PROBE_MAX_MS) {
+            clearProbe(k);
+          }
+        });
+      }, PROBE_INTERVAL_MS);
+    },
+    [clearProbe, recordMeasurement]
+  );
+  const onProxyLayout = (0, import_react35.useCallback)(
+    (k) => (e) => {
+      const h = e.nativeEvent.layout.height;
+      if (isValidMeasurement(h)) {
+        recordMeasurement(k, h, currentRouteNameRef.current);
       }
-      bodyOverflowRef.current = overflows;
-    }
-    const targets = computeTargets(state);
-    applyTargets(
-      animateTransitions && prevRoute !== null && !reduceMotion && inRemountWindow ? _withBottomHold(targets, layoutHeightsRef.current) : targets
-    );
-  };
+      startProbe(k);
+    },
+    [recordMeasurement, startProbe]
+  );
   (0, import_react35.useLayoutEffect)(() => {
-    if (!state.pageScroll) {
+    const reset = shouldResetScroll(currentRouteNameRef.current, currentRoute.name);
+    if (reset) {
       scrollRef.current?.scrollTo({ y: 0, animated: false });
       innerScrollRef.current?.scrollTo({ y: 0, animated: false });
     }
-    setPageCanScroll(
-      !!state.pageScroll && naturalsRef.current.bottom > bottomViewport()
+    currentRouteNameRef.current = currentRoute.name;
+    clearAllProbes();
+    naturalsRef.current = seedNaturals(
+      routeSnapshotRef.current,
+      currentRoute.name,
+      initialNaturals(HRef.current)
     );
-    routeChangedAt.current = Date.now();
+    layoutDebug("seed", {
+      route: currentRoute.name,
+      lastRoute: prevRoute?.name ?? null,
+      resetScroll: reset,
+      naturals: naturalsRef.current
+    });
+    bodyOverflowRef.current = false;
     const targets = computeTargets(state);
-    const animated = animateTransitions && prevRoute !== null && !reduceMotion;
-    const applied = animated ? _withBottomHold(targets, layoutHeightsRef.current) : targets;
-    if (settleTimer.current) {
-      clearTimeout(settleTimer.current);
-      settleTimer.current = null;
-    }
-    if (applied !== targets) {
-      settleTimer.current = setTimeout(() => {
-        settleTimer.current = null;
-        applyTargets(targets);
-      }, LAYOUT_DURATION);
-    }
-    applyTargets(applied);
+    applyTargets(targets);
+    const overflows = !!state.pageScroll && bottomOverflows(state, naturalsRef.current, HRef.current);
+    setPageCanScroll(overflows);
+    layoutDebug("route", {
+      route: currentRoute.name,
+      state: currentRoute.state,
+      targets,
+      pageCanScroll: overflows
+    });
     if (revealEnabled && prevRoute) {
       startReveal();
     }
@@ -9033,51 +9265,25 @@ function AppLayout({
     const cur = state.sections[k];
     const prevB = prevLayoutState?.sections[k];
     const prevVisible = !!prevB?.visible;
-    const visible = !!cur?.visible || prevVisible;
-    const isDynamic = ["content", "minFillRest"].includes(
-      cur?.height ?? prevB?.height
-    );
-    const target = computeTargets(state);
-    const height = isDynamic ? Math.max(layoutHeights[k], target[k]) : layoutHeights[k];
-    let inner;
-    if (!visible) {
-      inner = /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_react_native77.View, { style: styles71.measureCopy, onLayout: makeOnMeasure(k), children: cur?.slot ? slots[cur.slot] : null });
-    } else {
-      const usePrevContent = !cur?.visible && prevVisible;
-      const slot = usePrevContent ? prevB?.slot : cur?.slot;
-      const content = slot ? usePrevContent ? prevRoute?.slots?.[slot] : slots[slot] : null;
-      const scroll = cur?.scroll ?? prevB?.scroll ?? false;
-      const selfMeasured = isDynamic && !scroll;
-      const body = scroll ? /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
-        import_react_native77.ScrollView,
-        {
-          ref: innerScrollRef,
-          style: styles71.innerScroll,
-          showsVerticalScrollIndicator: false,
-          children: content
-        }
-      ) : selfMeasured ? /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_react_native77.View, { style: styles71.measureNatural, onLayout: makeOnMeasure(k), children: content }) : /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_react_native77.View, { style: styles71.sectionContent, children: content });
-      const revealContent = revealEnabled;
-      inner = /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(import_jsx_runtime78.Fragment, { children: [
-        isDynamic && !selfMeasured && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
-          import_react_native77.View,
-          {
-            pointerEvents: "none",
-            style: styles71.measureOuter,
-            onLayout: makeOnMeasure(k),
-            children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_react_native77.View, { style: styles71.measureCopy, children: content })
-          }
-        ),
-        revealContent ? /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
-          import_react_native77.View,
-          {
-            style: [styles71.reveal, revealHidden && styles71.revealHidden],
-            children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_react_native_reanimated16.default.View, { style: [styles71.reveal, revealStyle], children: body })
-          }
-        ) : body
-      ] });
-    }
-    const bg = cur?.backgroundColor ?? prevB?.backgroundColor ?? DEFAULT_COLORS[k];
+    if (!cur?.visible && !prevVisible) return null;
+    const usePrevContent = !cur?.visible && prevVisible;
+    const behavior = usePrevContent ? prevB : cur;
+    const slot = behavior?.slot;
+    const content = slot ? usePrevContent ? prevRoute?.slots?.[slot] : slots[slot] : null;
+    const isDynamic = behavior?.height === "content" || behavior?.height === "minFillRest";
+    const scroll = behavior?.scroll ?? false;
+    const height = layoutHeights[k];
+    const bg = behavior?.backgroundColor ?? SECTION_DEFAULT_COLORS[k];
+    const measureCurrent = isDynamic && !usePrevContent;
+    const body = scroll ? /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+      import_react_native77.ScrollView,
+      {
+        ref: innerScrollRef,
+        style: styles71.innerScroll,
+        showsVerticalScrollIndicator: false,
+        children: content
+      }
+    ) : /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_react_native77.View, { style: styles71.sectionContent, children: content });
     return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
       import_react_native_reanimated16.default.View,
       {
@@ -9085,90 +9291,71 @@ function AppLayout({
         collapsable: false,
         style: [
           styles71.colBlock,
-          { backgroundColor: bg, height },
-          hasTransition && animateTransitions && styles71.clip
+          { backgroundColor: bg, height }
         ],
         children: [
-          k === "bottom" && showFullBottomDivisor && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+          measureCurrent && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
             import_react_native77.View,
             {
+              ref: (r) => {
+                proxyRefs.current[k] = r;
+              },
               pointerEvents: "none",
-              style: {
-                position: "absolute",
-                left: 0,
-                right: 0,
-                bottom: -FULLBOTTOM_CUSHION,
-                height: FULLBOTTOM_CUSHION,
-                backgroundColor: bg
-              }
+              style: styles71.measureOuter,
+              onLayout: onProxyLayout(k),
+              children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_react_native77.View, { style: styles71.measureCopy, children: content })
             }
           ),
-          inner
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_react_native77.View, { style: [styles71.sectionFill, hasTransition && animateTransitions && styles71.clip], children: revealEnabled ? /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_react_native77.View, { style: [styles71.reveal, revealHidden && styles71.revealHidden], children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_react_native_reanimated16.default.View, { style: [styles71.reveal, revealStyle], children: body }) }) : body })
         ]
       },
       k
     );
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(AppNavigationContext.Provider, { value: navigationValue, children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
-    import_react_native77.View,
-    {
-      ref: rootViewRef,
-      style: [styles71.root, { backgroundColor: pageBg }],
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
-          import_react_native77.ScrollView,
-          {
-            ref: scrollRef,
-            style: styles71.pageScroll,
-            contentContainerStyle: [styles71.pageContent, { backgroundColor: pageBg }],
-            scrollEnabled: !!state.pageScroll && pageCanScroll,
-            bounces: false,
-            overScrollMode: "never",
-            showsVerticalScrollIndicator: false,
-            children: [
-              renderSection("top"),
-              showTopDivisor && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
-                import_react_native_reanimated16.default.View,
-                {
-                  layout: hasTransition && animateTransitions ? transition2 : void 0,
-                  collapsable: false,
-                  children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Divisor, { position: "top", handle: currentRoute.state === "top" })
-                }
-              ),
-              renderSection("mid"),
-              (showBottomDivisor || showFullBottomDivisor) && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
-                import_react_native_reanimated16.default.View,
+  return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(AppNavigationContext.Provider, { value: navigationValue, children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(import_react_native77.View, { style: [styles71.root, { backgroundColor: pageBg }], children: [
+    /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
+      import_react_native77.ScrollView,
+      {
+        ref: scrollRef,
+        style: styles71.pageScroll,
+        contentContainerStyle: [styles71.pageContent, { backgroundColor: pageBg }],
+        scrollEnabled: !!state.pageScroll && pageCanScroll,
+        bounces: false,
+        overScrollMode: "never",
+        showsVerticalScrollIndicator: false,
+        children: [
+          renderSection("top"),
+          showTopDivisor && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+            import_react_native_reanimated16.default.View,
+            {
+              layout: hasTransition && animateTransitions ? transition2 : void 0,
+              collapsable: false,
+              children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Divisor, { position: "top", handle: currentRoute.state === "top" })
+            }
+          ),
+          renderSection("mid"),
+          (showBottomDivisor || showFullBottomDivisor) && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+            import_react_native_reanimated16.default.View,
+            {
+              layout: hasTransition && animateTransitions ? transition2 : void 0,
+              collapsable: false,
+              children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+                Divisor,
                 {
-                  layout: hasTransition && animateTransitions ? transition2 : void 0,
-                  collapsable: false,
-                  children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_react_native77.View, { ref: capHolderRef, collapsable: false, children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
-                    Divisor,
-                    {
-                      position: "bottom",
-                      handle: currentRoute.state === "bottom" || showFullBottomDivisor,
-                      height: FULLBOTTOM_DIVISOR_H,
-                      extend: showFullBottomDivisor ? FULLBOTTOM_EXTEND : 0,
-                      style: (
-                        // El traslado de 5px es para ubicar el borde bajo el mid
-                        // (header). En full-bottom no hay header: el cap sobresale
-                        // FULLBOTTOM_OVERSCAN px por encima del tope (recortado por
-                        // el ScrollView) y FULLBOTTOM_EXTEND px sobre la hoja; la
-                        // hoja se contrae en (FULLBOTTOM_DIVISOR_H - OVERSCAN) para
-                        // que divisor + hoja sigan sumando exactamente una pantalla.
-                        showFullBottomDivisor ? { marginTop: -FULLBOTTOM_OVERSCAN } : { transform: [{ translateY: 5 }] }
-                      )
-                    }
-                  ) })
+                  position: "bottom",
+                  handle: currentRoute.state === "bottom" || showFullBottomDivisor,
+                  height: FULLBOTTOM_DIVISOR_H,
+                  style: showFullBottomDivisor ? void 0 : { transform: [{ translateY: 5 }] }
                 }
-              ),
-              renderSection("bottom")
-            ]
-          }
-        ),
-        showBackButton && canGoBack && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_react_native77.View, { style: styles71.backBar, pointerEvents: "box-none", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Button, { variant: "secondary", size: "sm", label: "\u2190 Volver", onPress: back }) })
-      ]
-    }
-  ) });
+              )
+            }
+          ),
+          renderSection("bottom")
+        ]
+      }
+    ),
+    showBackButton && canGoBack && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_react_native77.View, { style: styles71.backBar, pointerEvents: "box-none", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Button, { variant: "secondary", size: "sm", label: "\u2190 Volver", onPress: back }) })
+  ] }) });
 }
 var styles71 = import_react_native77.StyleSheet.create({
   root: {
@@ -9184,6 +9371,11 @@ var styles71 = import_react_native77.StyleSheet.create({
     width: "100%",
     position: "relative"
   },
+  // El contenido visible llena la sección de alto fijo. El recorte de la
+  // transición se agrega encima (styles.clip) solo cuando hay morph.
+  sectionFill: {
+    flex: 1
+  },
   clip: {
     overflow: "hidden"
   },
@@ -9193,6 +9385,8 @@ var styles71 = import_react_native77.StyleSheet.create({
   revealHidden: {
     opacity: 0
   },
+  // Proxy de medición: absoluto, invisible y sin alto fijo. Mide la altura
+  // intrínseca real del contenido sin que el alto de la sección lo restrinja.
   measureOuter: {
     position: "absolute",
     top: 0,
@@ -9204,9 +9398,6 @@ var styles71 = import_react_native77.StyleSheet.create({
   measureCopy: {
     width: "100%"
   },
-  measureNatural: {
-    width: "100%"
-  },
   sectionContent: {
     flex: 1
   },
@@ -9223,7 +9414,7 @@ var styles71 = import_react_native77.StyleSheet.create({
 
 // src/layout/AppShell.tsx
 var import_react36 = require("react");
-var import_react_native79 = require("react-native");
+var import_react_native78 = require("react-native");
 var import_jsx_runtime79 = require("react/jsx-runtime");
 var AppShellContext = (0, import_react36.createContext)(null);
 function useAppShell() {
@@ -9275,7 +9466,7 @@ function AppShell({
     setStack([name]);
   }, []);
   (0, import_react36.useEffect)(() => {
-    const sub = import_react_native79.BackHandler.addEventListener("hardwareBackPress", () => {
+    const sub = import_react_native78.BackHandler.addEventListener("hardwareBackPress", () => {
       if (stack.length > 1) {
         back();
         return true;
@@ -9321,7 +9512,7 @@ function directionSign(dir) {
 }
 
 // src/components/camera/CameraScreenContainer.tsx
-var import_react_native80 = require("react-native");
+var import_react_native79 = require("react-native");
 
 // src/components/camera/palette.ts
 var import_antonella_theme72 = require("@william-callao/antonella-theme");
@@ -9345,9 +9536,9 @@ var cameraPalette = {
 // src/components/camera/CameraScreenContainer.tsx
 var import_jsx_runtime80 = require("react/jsx-runtime");
 function CameraScreenContainer({ children, style }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_react_native80.View, { accessibilityViewIsModal: true, style: [styles72.root, style], testID: "camera-screen-container", children });
+  return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_react_native79.View, { accessibilityViewIsModal: true, style: [styles72.root, style], testID: "camera-screen-container", children });
 }
-var styles72 = import_react_native80.StyleSheet.create({
+var styles72 = import_react_native79.StyleSheet.create({
   root: {
     flex: 1,
     backgroundColor: cameraPalette.background,
@@ -9358,12 +9549,12 @@ var styles72 = import_react_native80.StyleSheet.create({
 // src/components/camera/CameraPermissionGate.tsx
 var import_react37 = __toESM(require("react"));
 var import_expo_camera = require("expo-camera");
-var import_react_native82 = require("react-native");
+var import_react_native81 = require("react-native");
 var import_react_native_safe_area_context10 = require("react-native-safe-area-context");
 var import_antonella_theme74 = require("@william-callao/antonella-theme");
 
 // src/components/camera/CameraHud.tsx
-var import_react_native81 = require("react-native");
+var import_react_native80 = require("react-native");
 var import_react_native_safe_area_context9 = require("react-native-safe-area-context");
 var import_antonella_theme73 = require("@william-callao/antonella-theme");
 var import_jsx_runtime81 = require("react/jsx-runtime");
@@ -9383,16 +9574,16 @@ function CameraHud({
 }) {
   const insets = (0, import_react_native_safe_area_context9.useSafeAreaInsets)();
   const isCapture = onCapture != null;
-  return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(import_react_native81.View, { style: import_react_native81.StyleSheet.absoluteFill, pointerEvents: "box-none", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(import_react_native80.View, { style: import_react_native80.StyleSheet.absoluteFill, pointerEvents: "box-none", children: [
     /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
-      import_react_native81.View,
+      import_react_native80.View,
       {
         style: [styles73.topBar, { paddingTop: insets.top + import_antonella_theme73.space.space2 }],
         pointerEvents: "box-none",
         children: [
-          onClose ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(HudIconButton, { icon: closeIcon, label: "Volver", onPress: onClose }) : /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_react_native81.View, { style: styles73.topSlot }),
-          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_react_native81.View, { style: styles73.topTitle, children: title ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Text, { variant: "label", color: cameraPalette.text, children: title }) : null }),
-          isCapture ? flash != null && onToggleFlash ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(FlashButton, { flash, onPress: onToggleFlash }) : /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_react_native81.View, { style: styles73.topSlot }) : torch != null && onToggleTorch ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+          onClose ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(HudIconButton, { icon: closeIcon, label: "Volver", onPress: onClose }) : /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_react_native80.View, { style: styles73.topSlot }),
+          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_react_native80.View, { style: styles73.topTitle, children: title ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Text, { variant: "label", color: cameraPalette.text, children: title }) : null }),
+          isCapture ? flash != null && onToggleFlash ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(FlashButton, { flash, onPress: onToggleFlash }) : /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_react_native80.View, { style: styles73.topSlot }) : torch != null && onToggleTorch ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
             HudIconButton,
             {
               icon: torch ? "torch" : "torch-off",
@@ -9400,19 +9591,19 @@ function CameraHud({
               active: torch,
               onPress: onToggleTorch
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_react_native81.View, { style: styles73.topSlot })
+          ) : /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_react_native80.View, { style: styles73.topSlot })
         ]
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
-      import_react_native81.View,
+      import_react_native80.View,
       {
         style: [styles73.bottomBar, { paddingBottom: Math.max(insets.bottom, import_antonella_theme73.space.space4) }],
         pointerEvents: "box-none",
         children: [
-          onFlipCamera && canFlipCamera ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(HudIconButton, { icon: "flip-camera", label: "Girar c\xE1mara", onPress: onFlipCamera }) : /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_react_native81.View, { style: styles73.bottomSlot }),
-          isCapture && onCapture ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(ShutterButton, { busy: capturing, enabled: canCapture, onPress: onCapture }) : torch != null && onToggleTorch ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(BigTorchButton, { torch, onPress: onToggleTorch }) : /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_react_native81.View, { style: styles73.bottomSlot }),
-          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_react_native81.View, { style: styles73.bottomSlot })
+          onFlipCamera && canFlipCamera ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(HudIconButton, { icon: "flip-camera", label: "Girar c\xE1mara", onPress: onFlipCamera }) : /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_react_native80.View, { style: styles73.bottomSlot }),
+          isCapture && onCapture ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(ShutterButton, { busy: capturing, enabled: canCapture, onPress: onCapture }) : torch != null && onToggleTorch ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(BigTorchButton, { torch, onPress: onToggleTorch }) : /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_react_native80.View, { style: styles73.bottomSlot }),
+          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_react_native80.View, { style: styles73.bottomSlot })
         ]
       }
     )
@@ -9420,7 +9611,7 @@ function CameraHud({
 }
 function HudIconButton({ icon, label, onPress, active = false, size = "md" }) {
   return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
-    import_react_native81.Pressable,
+    import_react_native80.Pressable,
     {
       accessibilityRole: "button",
       accessibilityLabel: label,
@@ -9449,7 +9640,7 @@ function FlashButton({ flash, onPress }) {
   const active = flash !== "off";
   const label = flash === "auto" ? "Auto" : active ? "Flash" : "Apagado";
   return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
-    import_react_native81.Pressable,
+    import_react_native80.Pressable,
     {
       accessibilityRole: "button",
       accessibilityLabel: `Flash: ${label}`,
@@ -9483,7 +9674,7 @@ function ShutterButton({
 }) {
   const disabledShutter = busy || enabled === false || onPress == null;
   return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
-    import_react_native81.Pressable,
+    import_react_native80.Pressable,
     {
       accessibilityRole: "button",
       accessibilityLabel: "Tomar foto",
@@ -9495,11 +9686,11 @@ function ShutterButton({
         pressed && !disabledShutter && styles73.shutterPressed,
         disabledShutter && styles73.shutterDisabled
       ],
-      children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_react_native81.View, { style: styles73.shutterInner, children: busy ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_react_native81.ActivityIndicator, { color: cameraPalette.background }) : null })
+      children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_react_native80.View, { style: styles73.shutterInner, children: busy ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_react_native80.ActivityIndicator, { color: cameraPalette.background }) : null })
     }
   );
 }
-var styles73 = import_react_native81.StyleSheet.create({
+var styles73 = import_react_native80.StyleSheet.create({
   topBar: {
     position: "absolute",
     top: 0,
@@ -9618,12 +9809,12 @@ function CameraStatus({
 }) {
   const insets = (0, import_react_native_safe_area_context10.useSafeAreaInsets)();
   return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(CameraScreenContainer, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(import_react_native82.View, { style: [styles74.header, { paddingTop: insets.top + import_antonella_theme74.space.space2 }], children: [
-      onClose ? /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(HudIconButton, { icon: "arrow-back", label: "Volver", onPress: onClose }) : /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_react_native82.View, { style: styles74.headerSlot }),
-      /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_react_native82.View, { style: styles74.headerTitle, children: title ? /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Text, { variant: "label", color: cameraPalette.text, children: title }) : null }),
-      /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_react_native82.View, { style: styles74.headerSlot })
+    /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(import_react_native81.View, { style: [styles74.header, { paddingTop: insets.top + import_antonella_theme74.space.space2 }], children: [
+      onClose ? /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(HudIconButton, { icon: "arrow-back", label: "Volver", onPress: onClose }) : /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_react_native81.View, { style: styles74.headerSlot }),
+      /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_react_native81.View, { style: styles74.headerTitle, children: title ? /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Text, { variant: "label", color: cameraPalette.text, children: title }) : null }),
+      /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_react_native81.View, { style: styles74.headerSlot })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(import_react_native82.View, { style: styles74.body, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(import_react_native81.View, { style: styles74.body, children: [
       /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
         Icon,
         {
@@ -9638,7 +9829,7 @@ function CameraStatus({
     ] })
   ] });
 }
-var styles74 = import_react_native82.StyleSheet.create({
+var styles74 = import_react_native81.StyleSheet.create({
   header: {
     paddingHorizontal: import_antonella_theme74.space.space4,
     paddingBottom: import_antonella_theme74.space.space3,
@@ -9678,7 +9869,7 @@ var styles74 = import_react_native82.StyleSheet.create({
 // src/components/camera/CameraCaptureScreen.tsx
 var import_react38 = require("react");
 var import_expo_camera2 = require("expo-camera");
-var import_react_native83 = require("react-native");
+var import_react_native82 = require("react-native");
 var import_jsx_runtime83 = require("react/jsx-runtime");
 var FLASH_ORDER = ["off", "on", "auto"];
 function CameraCaptureScreen({
@@ -9739,7 +9930,7 @@ function CameraCaptureScreen({
       import_expo_camera2.CameraView,
       {
         ref: cameraRef,
-        style: import_react_native83.StyleSheet.absoluteFill,
+        style: import_react_native82.StyleSheet.absoluteFill,
         facing: facingState,
         flash: flashState,
         mirror: facingState === "front" ? mirrorFront : void 0,
@@ -9772,7 +9963,7 @@ function CameraCaptureScreen({
 // src/components/camera/BarcodeScannerScreen.tsx
 var import_react39 = require("react");
 var import_expo_camera3 = require("expo-camera");
-var import_react_native84 = require("react-native");
+var import_react_native83 = require("react-native");
 var import_react_native_reanimated17 = __toESM(require("react-native-reanimated"));
 var import_antonella_theme75 = require("@william-callao/antonella-theme");
 var import_jsx_runtime84 = require("react/jsx-runtime");
@@ -9807,7 +9998,7 @@ function BarcodeScannerScreen({
       if (now - lastScanAt.current < throttleMs) return;
       lastScanAt.current = now;
       locked.current = true;
-      if (haptics && import_react_native84.Platform.OS !== "web") import_react_native84.Vibration.vibrate(80);
+      if (haptics && import_react_native83.Platform.OS !== "web") import_react_native83.Vibration.vibrate(80);
       onScan?.({ type: result.type, value: result.data });
       setTimeout(() => {
         locked.current = false;
@@ -9825,7 +10016,7 @@ function BarcodeScannerScreen({
     /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
       import_expo_camera3.CameraView,
       {
-        style: import_react_native84.StyleSheet.absoluteFill,
+        style: import_react_native83.StyleSheet.absoluteFill,
         facing: facingState,
         enableTorch: torch,
         mode: "picture",
@@ -9870,17 +10061,17 @@ function Viewfinder({ caption }) {
   const lineStyle = (0, import_react_native_reanimated17.useAnimatedStyle)(() => ({
     transform: [{ translateY: box ? progress.value * Math.max(0, box.h - 24) : 0 }]
   }));
-  return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_react_native84.View, { style: import_react_native84.StyleSheet.absoluteFill, pointerEvents: "none", onLayout, children: box ? /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(import_jsx_runtime84.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_react_native84.View, { style: [styles75.dim, styles75.dimTop, { height: box.y }] }),
+  return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_react_native83.View, { style: import_react_native83.StyleSheet.absoluteFill, pointerEvents: "none", onLayout, children: box ? /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(import_jsx_runtime84.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_react_native83.View, { style: [styles75.dim, styles75.dimTop, { height: box.y }] }),
     /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
-      import_react_native84.View,
+      import_react_native83.View,
       {
         style: [styles75.dim, styles75.dimBottom, { top: box.y + box.h }]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_react_native84.View, { style: [styles75.dim, styles75.dimSide, { top: box.y, height: box.h, left: 0, width: box.x }] }),
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_react_native83.View, { style: [styles75.dim, styles75.dimSide, { top: box.y, height: box.h, left: 0, width: box.x }] }),
     /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
-      import_react_native84.View,
+      import_react_native83.View,
       {
         style: [
           styles75.dim,
@@ -9890,7 +10081,7 @@ function Viewfinder({ caption }) {
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
-      import_react_native84.View,
+      import_react_native83.View,
       {
         style: [
           styles75.box,
@@ -9898,12 +10089,12 @@ function Viewfinder({ caption }) {
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_react_native84.View, { style: [styles75.corner, styles75.cornerTL, { left: box.x - 2, top: box.y - 2 }] }),
-    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_react_native84.View, { style: [styles75.corner, styles75.cornerTR, { right: void 0, left: box.x + box.w - 22, top: box.y - 2 }] }),
-    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_react_native84.View, { style: [styles75.corner, styles75.cornerBL, { left: box.x - 2, top: box.y + box.h - 22 }] }),
-    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_react_native84.View, { style: [styles75.corner, styles75.cornerBR, { left: box.x + box.w - 22, top: box.y + box.h - 22 }] }),
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_react_native83.View, { style: [styles75.corner, styles75.cornerTL, { left: box.x - 2, top: box.y - 2 }] }),
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_react_native83.View, { style: [styles75.corner, styles75.cornerTR, { right: void 0, left: box.x + box.w - 22, top: box.y - 2 }] }),
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_react_native83.View, { style: [styles75.corner, styles75.cornerBL, { left: box.x - 2, top: box.y + box.h - 22 }] }),
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_react_native83.View, { style: [styles75.corner, styles75.cornerBR, { left: box.x + box.w - 22, top: box.y + box.h - 22 }] }),
     /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
-      import_react_native84.View,
+      import_react_native83.View,
       {
         style: [
           styles75.scanArea,
@@ -9923,7 +10114,7 @@ function Viewfinder({ caption }) {
     ) : null
   ] }) : null });
 }
-var styles75 = import_react_native84.StyleSheet.create({
+var styles75 = import_react_native83.StyleSheet.create({
   dim: {
     position: "absolute",
     backgroundColor: cameraPalette.overlay
@@ -10118,10 +10309,13 @@ var import_antonella_theme76 = require("@william-callao/antonella-theme");
   hasCode,
   hostDirection,
   iconMap,
+  isLayoutDebug,
+  layoutDebug,
   layoutStates,
   removeNode,
   resolveComposition,
   resolveTransition,
+  setLayoutDebug,
   updateNode,
   useAppNavigation,
   useAppShell,