@drskillissue/ganko 0.1.22 → 0.1.24

package/dist/index.cjs

@@ -8919,7 +8919,7 @@ function resolveMessage(template, data) {
   }
   return result;
 }
-function createDiagnosticFromLoc(file, loc, rule, messageId, message, severity, fix) {
+function createDiagnosticFromLoc(file, loc, rule, messageId, message, severity, fix, suggest) {
   const result = {
     file,
     rule,
@@ -8929,13 +8929,14 @@ function createDiagnosticFromLoc(file, loc, rule, messageId, message, severity,
     loc: firstLine(loc)
   };
   if (fix !== void 0) result.fix = fix;
+  if (suggest !== void 0 && suggest.length > 0) result.suggest = suggest;
   return result;
 }
-function createDiagnosticFromComment(file, comment, rule, messageId, message, severity, fix) {
-  return createDiagnosticFromLoc(file, comment.loc, rule, messageId, message, severity, fix);
+function createDiagnosticFromComment(file, comment, rule, messageId, message, severity, fix, suggest) {
+  return createDiagnosticFromLoc(file, comment.loc, rule, messageId, message, severity, fix, suggest);
 }
-function createDiagnostic(file, node, rule, messageId, message, severity, fix) {
-  return createDiagnosticFromLoc(file, node.loc, rule, messageId, message, severity, fix);
+function createDiagnostic(file, node, rule, messageId, message, severity, fix, suggest) {
+  return createDiagnosticFromLoc(file, node.loc, rule, messageId, message, severity, fix, suggest);
 }
 
 // src/solid/rule.ts
@@ -12091,8 +12092,9 @@ var CONDITIONAL_MOUNT_TAGS = /* @__PURE__ */ new Set([
   "TabPanel"
 ]);
 var messages16 = {
-  loadingMismatch: "createResource '{{name}}' has no initialValue but uses manual loading checks ({{name}}.loading). Without initialValue, Suspense intercepts before your loading UI renders. Add initialValue to the options: createResource(fetcher, { initialValue: ... })",
-  conditionalSuspense: "createResource '{{name}}' has no initialValue and is rendered inside a conditional mount point ({{mountTag}}). This will trigger a distant Suspense boundary and unmount the entire subtree. Add initialValue to the options: createResource(fetcher, { initialValue: ... })"
+  loadingMismatch: "createResource '{{name}}' has no initialValue but uses {{name}}.loading for manual loading UI. Suspense intercepts before your loading UI renders \u2014 the component is unmounted before the <Show>/<Switch> evaluates. Replace createResource with onMount + createSignal to decouple from Suspense entirely.",
+  conditionalSuspense: "createResource '{{name}}' is inside a conditional mount point ({{mountTag}}) with a distant Suspense boundary. The SuspenseContext increment fires when the fetcher's Promise is pending and unmounts the entire page subtree \u2014 initialValue does NOT prevent this. Replace createResource with onMount + createSignal to avoid Suspense interaction.",
+  missingErrorBoundary: "createResource '{{name}}' has no <ErrorBoundary> between its component and the nearest <Suspense>. When the fetcher throws (network error, 401/403/503, timeout), the error propagates to Suspense which has no error handling \u2014 the boundary breaks permanently. Wrap the component in <ErrorBoundary> or replace createResource with onMount + createSignal and catch errors in the fetcher."
 };
 var options16 = {};
 function hasInitialValue(call) {
@@ -12135,35 +12137,95 @@ function hasLoadingRead(resourceVariable) {
   }
   return false;
 }
-function findConditionalMountAncestor(graph, componentName) {
+function resolveFetcherFunction(graph, call) {
+  const args = call.node.arguments;
+  if (args.length === 0) return null;
+  let fetcherNode;
+  if (args.length === 1) {
+    fetcherNode = args[0];
+  } else if (args.length === 2) {
+    const lastArg = args[1];
+    fetcherNode = lastArg && lastArg.type === "ObjectExpression" ? args[0] : args[1];
+  } else {
+    fetcherNode = args[1];
+  }
+  if (!fetcherNode) return null;
+  if (fetcherNode.type === "ArrowFunctionExpression" || fetcherNode.type === "FunctionExpression") {
+    return graph.functionsByNode.get(fetcherNode) ?? null;
+  }
+  if (fetcherNode.type === "Identifier") {
+    const fns = graph.functionsByName.get(fetcherNode.name);
+    if (fns && fns.length > 0) {
+      const fn = fns[0];
+      if (fn) return fn;
+    }
+  }
+  return null;
+}
+function fetcherCanThrow(graph, fn, visited) {
+  if (visited.has(fn.id)) return false;
+  visited.add(fn.id);
+  if (fn.async && fn.awaitRanges.length > 0) return true;
+  if (fn.hasThrowStatement) return true;
+  const callSites = fn.callSites;
+  for (let i = 0, len = callSites.length; i < len; i++) {
+    const callSite = callSites[i];
+    if (!callSite) continue;
+    if (!callSite.resolvedTarget) return true;
+    if (fetcherCanThrow(graph, callSite.resolvedTarget, visited)) return true;
+  }
+  return false;
+}
+function analyzeComponentBoundaries(graph, componentName) {
+  const result = {
+    conditionalMountTag: null,
+    suspenseDistance: 0,
+    lacksErrorBoundary: false,
+    usagesLackingErrorBoundary: []
+  };
   const usages = graph.jsxByTag.get(componentName) ?? [];
+  if (usages.length === 0) return result;
   for (let i = 0, len = usages.length; i < len; i++) {
     const usage = usages[i];
     if (!usage) continue;
     let current = usage.parent;
     let conditionalTag = null;
     let componentLevels = 0;
+    let foundErrorBoundary = false;
+    let foundSuspense = false;
     while (current) {
       const tag = current.tag;
       if (tag && !current.isDomElement) {
         componentLevels++;
-        if (tag === "Suspense") {
+        if (tag === "ErrorBoundary") {
+          foundErrorBoundary = true;
+        } else if (tag === "Suspense") {
+          foundSuspense = true;
+          if (!foundErrorBoundary) {
+            result.lacksErrorBoundary = true;
+            result.usagesLackingErrorBoundary.push(usage);
+          }
           if (conditionalTag !== null && componentLevels > 1) {
-            return { tag: conditionalTag, suspenseDistance: componentLevels };
+            result.conditionalMountTag = conditionalTag;
+            result.suspenseDistance = componentLevels;
           }
-          return null;
-        }
-        if (conditionalTag === null && CONDITIONAL_MOUNT_TAGS.has(tag)) {
+          break;
+        } else if (conditionalTag === null && CONDITIONAL_MOUNT_TAGS.has(tag)) {
           conditionalTag = tag;
         }
       }
       current = current.parent;
     }
-    if (conditionalTag !== null) {
-      return { tag: conditionalTag, suspenseDistance: componentLevels };
+    if (!foundSuspense && !foundErrorBoundary) {
+      result.lacksErrorBoundary = true;
+      result.usagesLackingErrorBoundary.push(usage);
+      if (conditionalTag !== null) {
+        result.conditionalMountTag = conditionalTag;
+        result.suspenseDistance = componentLevels;
+      }
     }
   }
-  return null;
+  return result;
 }
 function getContainingComponentName(graph, call) {
   const selfComponent = graph.componentScopes.get(call.scope);
@@ -12180,43 +12242,65 @@ function findResourceVariable(graph, name) {
   }
   return null;
 }
+function buildErrorBoundaryFix(usages, graph) {
+  if (usages.length === 0) return null;
+  const usage = usages[0];
+  if (!usage) return null;
+  const jsxNode = usage.node;
+  const startPos = jsxNode.range[0];
+  const endPos = jsxNode.range[1];
+  const ops = [
+    { range: [startPos, startPos], text: "<ErrorBoundary fallback={<div>Error</div>}>" },
+    { range: [endPos, endPos], text: "</ErrorBoundary>" }
+  ];
+  const importFix = buildSolidImportFix(graph, "ErrorBoundary");
+  if (importFix) ops.unshift(importFix);
+  return ops;
+}
 var resourceImplicitSuspense = defineSolidRule({
   id: "resource-implicit-suspense",
   severity: "warn",
   messages: messages16,
   meta: {
-    description: "Detect createResource without initialValue that implicitly triggers Suspense boundaries.",
-    fixable: false,
+    description: "Detect createResource that implicitly triggers or permanently breaks Suspense boundaries.",
+    fixable: true,
     category: "reactivity"
   },
   options: options16,
   check(graph, emit) {
     const resourceCalls = getCallsByPrimitive(graph, "createResource");
     if (resourceCalls.length === 0) return;
+    const throwVisited = /* @__PURE__ */ new Set();
+    const boundaryCache = /* @__PURE__ */ new Map();
     for (let i = 0, len = resourceCalls.length; i < len; i++) {
       const call = resourceCalls[i];
       if (!call) continue;
-      if (hasInitialValue(call)) continue;
       const resourceName = getResourceVariableName(call);
       if (!resourceName) continue;
-      const resourceVariable = findResourceVariable(graph, resourceName);
-      if (resourceVariable && hasLoadingRead(resourceVariable)) {
-        emit(
-          createDiagnostic(
-            graph.file,
-            call.node,
-            "resource-implicit-suspense",
-            "loadingMismatch",
-            resolveMessage(messages16.loadingMismatch, { name: resourceName }),
-            "warn"
-          )
-        );
-        continue;
-      }
+      const hasInitial = hasInitialValue(call);
       const componentName = getContainingComponentName(graph, call);
+      if (!hasInitial) {
+        const resourceVariable = findResourceVariable(graph, resourceName);
+        if (resourceVariable && hasLoadingRead(resourceVariable)) {
+          emit(
+            createDiagnostic(
+              graph.file,
+              call.node,
+              "resource-implicit-suspense",
+              "loadingMismatch",
+              resolveMessage(messages16.loadingMismatch, { name: resourceName }),
+              "warn"
+            )
+          );
+        }
+      }
       if (!componentName) continue;
-      const conditional = findConditionalMountAncestor(graph, componentName);
-      if (conditional) {
+      let analysis = boundaryCache.get(componentName);
+      if (!analysis) {
+        analysis = analyzeComponentBoundaries(graph, componentName);
+        boundaryCache.set(componentName, analysis);
+      }
+      if (analysis.conditionalMountTag) {
         emit(
           createDiagnostic(
             graph.file,
@@ -12225,12 +12309,32 @@ var resourceImplicitSuspense = defineSolidRule({
             "conditionalSuspense",
             resolveMessage(messages16.conditionalSuspense, {
               name: resourceName,
-              mountTag: conditional.tag
+              mountTag: analysis.conditionalMountTag
             }),
             "error"
           )
         );
       }
+      if (analysis.lacksErrorBoundary) {
+        const fetcherFn = resolveFetcherFunction(graph, call);
+        if (fetcherFn && fetcherCanThrow(graph, fetcherFn, throwVisited)) {
+          const errorBoundaryFix = buildErrorBoundaryFix(
+            analysis.usagesLackingErrorBoundary,
+            graph
+          );
+          emit(
+            createDiagnostic(
+              graph.file,
+              call.node,
+              "resource-implicit-suspense",
+              "missingErrorBoundary",
+              resolveMessage(messages16.missingErrorBoundary, { name: resourceName }),
+              "error",
+              errorBoundaryFix ?? void 0
+            )
+          );
+        }
+      }
     }
   }
 });
@@ -30163,6 +30267,11 @@ function toLayoutElementKey(solidFile, elementId) {
   return `${solidFile}::${elementId}`;
 }
 
+// src/cross-file/layout/context-model.ts
+function deriveAlignmentContext(base, overrides) {
+  return { ...base, ...overrides };
+}
+
 // src/cross-file/layout/signal-model.ts
 var layoutSignalNames = [
   "line-height",
@@ -30191,6 +30300,8 @@ var layoutSignalNames = [
   "justify-items",
   "place-items",
   "place-self",
+  "flex-direction",
+  "grid-auto-flow",
   "appearance",
   "box-sizing",
   "padding-top",
@@ -30309,13 +30420,44 @@ function expandShorthand(property, value2) {
       { name: blockTarget[1], value: parsed.end }
     ];
   }
+  if (property === "flex-flow") {
+    return expandFlexFlow(value2);
+  }
   return void 0;
 }
+var FLEX_DIRECTION_VALUES = /* @__PURE__ */ new Set(["row", "row-reverse", "column", "column-reverse"]);
+function expandFlexFlow(value2) {
+  const tokens = splitWhitespaceTokens(value2.trim().toLowerCase());
+  if (tokens.length === 0) return null;
+  if (tokens.length > 2) return null;
+  let direction = null;
+  let wrap = null;
+  for (let i = 0; i < tokens.length; i++) {
+    const token = tokens[i];
+    if (!token) continue;
+    if (FLEX_DIRECTION_VALUES.has(token)) {
+      if (direction !== null) return null;
+      direction = token;
+    } else {
+      if (wrap !== null) return null;
+      wrap = token;
+    }
+  }
+  const out = [];
+  if (direction !== null) {
+    out.push({ name: "flex-direction", value: direction });
+  }
+  if (wrap !== null) {
+    out.push({ name: "flex-wrap", value: wrap });
+  }
+  return out.length > 0 ? out : null;
+}
 function getShorthandLonghandNames(property) {
   const quad = QUAD_EXPANSIONS.get(property);
   if (quad !== void 0) return [...quad];
   const block = BLOCK_EXPANSIONS.get(property);
   if (block !== void 0) return [...block];
+  if (property === "flex-flow") return ["flex-direction", "flex-wrap"];
   return null;
 }
 
@@ -30326,27 +30468,90 @@ var CONTROL_ELEMENT_TAGS = /* @__PURE__ */ new Set([
   "textarea",
   "button"
 ]);
+var INTRINSIC_REPLACED_TAGS = /* @__PURE__ */ new Set([
+  "img",
+  "svg",
+  "video",
+  "canvas",
+  "iframe",
+  "object",
+  "embed"
+]);
+var WHITESPACE_RE3 = /\s+/;
 function clamp(value2, min, max) {
   if (value2 < min) return min;
   if (value2 > max) return max;
   return value2;
 }
-function kindRank(kind) {
-  if (kind === "exact") return 0;
-  if (kind === "interval") return 1;
-  if (kind === "conditional") return 2;
-  return 3;
-}
 function mergeEvidenceKind(left, right) {
-  if (kindRank(left) >= kindRank(right)) return left;
-  return right;
+  return left > right ? left : right;
+}
+function selectKth(values, targetIndex) {
+  let left = 0;
+  let right = values.length - 1;
+  while (left <= right) {
+    if (left === right) {
+      const result = values[left];
+      if (result === void 0) return 0;
+      return result;
+    }
+    const pivotIndex = choosePivotIndex(values, left, right);
+    const partitionIndex = partitionAroundPivot(values, left, right, pivotIndex);
+    if (partitionIndex === targetIndex) {
+      const result = values[partitionIndex];
+      if (result === void 0) return 0;
+      return result;
+    }
+    if (partitionIndex < targetIndex) {
+      left = partitionIndex + 1;
+      continue;
+    }
+    right = partitionIndex - 1;
+  }
+  const fallback = values[targetIndex];
+  if (fallback === void 0) return 0;
+  return fallback;
+}
+function choosePivotIndex(values, left, right) {
+  const middle = Math.floor((left + right) / 2);
+  const leftValue = values[left] ?? 0;
+  const middleValue = values[middle] ?? 0;
+  const rightValue = values[right] ?? 0;
+  if (leftValue < middleValue) {
+    if (middleValue < rightValue) return middle;
+    if (leftValue < rightValue) return right;
+    return left;
+  }
+  if (leftValue < rightValue) return left;
+  if (middleValue < rightValue) return right;
+  return middle;
+}
+function partitionAroundPivot(values, left, right, pivotIndex) {
+  const pivotValue = values[pivotIndex] ?? 0;
+  swap(values, pivotIndex, right);
+  let storeIndex = left;
+  for (let i = left; i < right; i++) {
+    const current = values[i];
+    if (current === void 0 || current > pivotValue) continue;
+    swap(values, storeIndex, i);
+    storeIndex++;
+  }
+  swap(values, storeIndex, right);
+  return storeIndex;
+}
+function swap(values, left, right) {
+  if (left === right) return;
+  const leftValue = values[left] ?? 0;
+  const rightValue = values[right] ?? 0;
+  values[left] = rightValue;
+  values[right] = leftValue;
 }
 function toComparableExactValue(value2) {
   if (value2.value !== null) {
-    if (value2.kind !== "exact") return null;
+    if (value2.kind !== 0 /* Exact */) return null;
     return value2.value;
   }
-  if (value2.kind === "exact") return 0;
+  if (value2.kind === 0 /* Exact */) return 0;
   return null;
 }
 
@@ -30360,7 +30565,8 @@ var MONITORED_SHORTHAND_SET = /* @__PURE__ */ new Set([
   "border-width",
   "margin-block",
   "padding-block",
-  "inset-block"
+  "inset-block",
+  "flex-flow"
 ]);
 var LENGTH_SIGNAL_SET = /* @__PURE__ */ new Set([
   "font-size",
@@ -30402,13 +30608,22 @@ var KEYWORD_SIGNAL_SET = /* @__PURE__ */ new Set([
   "justify-items",
   "place-items",
   "place-self",
+  "flex-direction",
+  "grid-auto-flow",
   "appearance",
   "box-sizing",
   "position",
   "writing-mode",
   "direction"
 ]);
-var REPLACED_TAGS = /* @__PURE__ */ new Set(["input", "select", "textarea", "button", "img", "video", "canvas", "svg", "iframe"]);
+var REPLACED_ELEMENT_TAGS = /* @__PURE__ */ new Set([
+  ...CONTROL_ELEMENT_TAGS,
+  "img",
+  "video",
+  "canvas",
+  "svg",
+  "iframe"
+]);
 function isMonitoredSignal(property) {
   if (MONITORED_SIGNAL_SET.has(property)) return true;
   return MONITORED_SHORTHAND_SET.has(property);
@@ -30419,7 +30634,7 @@ function isControlTag(tag) {
 }
 function isReplacedTag(tag) {
   if (tag === null) return false;
-  return REPLACED_TAGS.has(tag.toLowerCase());
+  return REPLACED_ELEMENT_TAGS.has(tag.toLowerCase());
 }
 function normalizeSignalMapWithCounts(values) {
   const out = /* @__PURE__ */ new Map();
@@ -30430,12 +30645,11 @@ function normalizeSignalMapWithCounts(values) {
       "font-size",
       fontSizeEntry.value,
       fontSizeEntry.source,
-      fontSizeEntry.guard,
       fontSizeEntry.guardProvenance,
       null
     );
     out.set("font-size", parsedFontSize);
-    if (parsedFontSize.kind === "known" && parsedFontSize.guard === "unconditional") {
+    if (parsedFontSize.kind === "known" && parsedFontSize.guard.kind === 0 /* Unconditional */) {
       fontSizePx = parsedFontSize.px;
     }
   }
@@ -30451,7 +30665,6 @@ function normalizeSignalMapWithCounts(values) {
       name,
       declaration.value,
       declaration.source,
-      declaration.guard,
       declaration.guardProvenance,
       fontSizePx
     );
@@ -30461,7 +30674,7 @@ function normalizeSignalMapWithCounts(values) {
   let unknownSignalCount = 0;
   let conditionalSignalCount = 0;
   for (const value2 of out.values()) {
-    if (value2.guard === "conditional") {
+    if (value2.guard.kind === 1 /* Conditional */) {
       conditionalSignalCount++;
       continue;
     }
@@ -30489,7 +30702,7 @@ function applyExpandedShorthand(out, property, declaration, fontSizePx) {
       if (!longhand) continue;
       const name = MONITORED_SIGNAL_NAME_MAP.get(longhand);
       if (name === void 0) continue;
-      out.set(name, createUnknown(name, declaration.value, declaration.source, declaration.guard, declaration.guardProvenance, reason));
+      out.set(name, createUnknown(name, declaration.source, declaration.guardProvenance, reason));
     }
     return;
   }
@@ -30499,127 +30712,139 @@ function applyExpandedShorthand(out, property, declaration, fontSizePx) {
     if (!entry) continue;
     const name = MONITORED_SIGNAL_NAME_MAP.get(entry.name);
     if (name === void 0) continue;
-    out.set(name, normalizeSignal(name, entry.value, declaration.source, declaration.guard, declaration.guardProvenance, fontSizePx));
+    out.set(name, normalizeSignal(name, entry.value, declaration.source, declaration.guardProvenance, fontSizePx));
   }
 }
 function toMonitoredSignalName(property) {
   return MONITORED_SIGNAL_NAME_MAP.get(property) ?? null;
 }
-function normalizeSignal(name, raw, source, guard, guardProvenance, fontSizePx) {
+function normalizeSignal(name, raw, source, guard, fontSizePx) {
   switch (name) {
     case "line-height":
-      return parseLineHeight(name, raw, source, guard, guardProvenance, fontSizePx);
+      return parseLineHeight(name, raw, source, guard, fontSizePx);
     case "aspect-ratio":
-      return parseAspectRatio(name, raw, source, guard, guardProvenance);
+      return parseAspectRatio(name, raw, source, guard);
     case "contain-intrinsic-size":
-      return parseContainIntrinsicSize(name, raw, source, guard, guardProvenance);
+      return parseContainIntrinsicSize(name, raw, source, guard);
     case "transform":
-      return parseTransform(name, raw, source, guard, guardProvenance);
+      return parseTransform(name, raw, source, guard);
     case "translate":
-      return parseTranslateProperty(name, raw, source, guard, guardProvenance);
+      return parseTranslateProperty(name, raw, source, guard);
     default:
       break;
   }
-  if (LENGTH_SIGNAL_SET.has(name)) return parseLength(name, raw, source, guard, guardProvenance);
-  if (KEYWORD_SIGNAL_SET.has(name)) return parseKeyword(name, raw, source, guard, guardProvenance);
-  return createUnknown(name, raw, source, guard, guardProvenance, "unsupported signal");
+  if (LENGTH_SIGNAL_SET.has(name)) return parseLength(name, raw, source, guard);
+  if (KEYWORD_SIGNAL_SET.has(name)) return parseKeyword(name, raw, source, guard);
+  return createUnknown(name, source, guard, "unsupported signal");
 }
-function parseAspectRatio(name, raw, source, guard, guardProvenance) {
+function parseAspectRatio(name, raw, source, guard) {
   const trimmed = raw.trim().toLowerCase();
   if (trimmed.length === 0) {
-    return createUnknown(name, raw, source, guard, guardProvenance, "aspect-ratio value is empty");
+    return createUnknown(name, source, guard, "aspect-ratio value is empty");
   }
   if (hasDynamicExpression(trimmed)) {
-    return createUnknown(name, raw, source, guard, guardProvenance, "aspect-ratio uses runtime-dependent function");
+    return createUnknown(name, source, guard, "aspect-ratio uses runtime-dependent function");
   }
   if (trimmed === "auto") {
-    return createUnknown(name, raw, source, guard, guardProvenance, "aspect-ratio auto does not reserve ratio");
+    return createUnknown(name, source, guard, "aspect-ratio auto does not reserve ratio");
   }
   const slash = trimmed.indexOf("/");
   if (slash !== -1) {
     const left = Number(trimmed.slice(0, slash).trim());
     const right = Number(trimmed.slice(slash + 1).trim());
     if (!Number.isFinite(left) || !Number.isFinite(right) || left <= 0 || right <= 0) {
-      return createUnknown(name, raw, source, guard, guardProvenance, "aspect-ratio ratio is invalid");
+      return createUnknown(name, source, guard, "aspect-ratio ratio is invalid");
     }
-    return createKnown(name, raw, source, guard, guardProvenance, null, "unitless", "exact");
+    return createKnown(name, raw, source, guard, null, 1 /* Unitless */, "exact");
   }
   const ratio = Number(trimmed);
   if (!Number.isFinite(ratio) || ratio <= 0) {
-    return createUnknown(name, raw, source, guard, guardProvenance, "aspect-ratio is not statically parseable");
+    return createUnknown(name, source, guard, "aspect-ratio is not statically parseable");
   }
-  return createKnown(name, raw, source, guard, guardProvenance, null, "unitless", "exact");
+  return createKnown(name, raw, source, guard, null, 1 /* Unitless */, "exact");
 }
-function parseContainIntrinsicSize(name, raw, source, guard, guardProvenance) {
+function parseContainIntrinsicSize(name, raw, source, guard) {
   const trimmed = raw.trim().toLowerCase();
   if (trimmed.length === 0) {
-    return createUnknown(name, raw, source, guard, guardProvenance, "contain-intrinsic-size value is empty");
+    return createUnknown(name, source, guard, "contain-intrinsic-size value is empty");
   }
   if (hasDynamicExpression(trimmed)) {
-    return createUnknown(name, raw, source, guard, guardProvenance, "contain-intrinsic-size uses runtime-dependent function");
+    return createUnknown(name, source, guard, "contain-intrinsic-size uses runtime-dependent function");
   }
   if (trimmed === "none" || trimmed === "auto") {
-    return createUnknown(name, raw, source, guard, guardProvenance, "contain-intrinsic-size does not reserve space");
+    return createUnknown(name, source, guard, "contain-intrinsic-size does not reserve space");
   }
   const parts = splitWhitespaceTokens(trimmed);
   for (let i = 0; i < parts.length; i++) {
     const part = parts[i];
     if (!part) continue;
     const px = parseSignedPxValue(part);
-    if (px !== null) return createKnown(name, raw, source, guard, guardProvenance, px, "px", "exact");
+    if (px !== null) return createKnown(name, raw, source, guard, px, 0 /* Px */, "exact");
   }
-  return createUnknown(name, raw, source, guard, guardProvenance, "contain-intrinsic-size is not statically parseable in px");
+  return createUnknown(name, source, guard, "contain-intrinsic-size is not statically parseable in px");
 }
-function parseLineHeight(name, raw, source, guard, guardProvenance, fontSizePx) {
+function parseLineHeight(name, raw, source, guard, fontSizePx) {
   const unitless = parseUnitlessValue(raw);
   if (unitless !== null) {
     const base = fontSizePx === null ? 16 : fontSizePx;
-    return createKnown(name, raw, source, guard, guardProvenance, unitless * base, "unitless", "estimated");
+    return createKnown(name, raw, source, guard, unitless * base, 1 /* Unitless */, "estimated");
   }
   const px = parseSignedPxValue(raw);
-  if (px !== null) return createKnown(name, raw, source, guard, guardProvenance, px, "px", "exact");
-  return createUnknown(name, raw, source, guard, guardProvenance, "line-height is not statically parseable");
+  if (px !== null) return createKnown(name, raw, source, guard, px, 0 /* Px */, "exact");
+  return createUnknown(name, source, guard, "line-height is not statically parseable");
 }
-function parseLength(name, raw, source, guard, guardProvenance) {
+var DIMENSION_KEYWORD_SET = /* @__PURE__ */ new Set([
+  "auto",
+  "none",
+  "fit-content",
+  "min-content",
+  "max-content",
+  "stretch"
+]);
+function parseLength(name, raw, source, guard) {
   const px = parseSignedPxValue(raw);
-  if (px === null) {
-    return createUnknown(name, raw, source, guard, guardProvenance, "length is not statically parseable in px");
+  if (px !== null) {
+    return createKnown(name, raw, source, guard, px, 0 /* Px */, "exact");
   }
-  return createKnown(name, raw, source, guard, guardProvenance, px, "px", "exact");
+  const normalized = raw.trim().toLowerCase();
+  if (DIMENSION_KEYWORD_SET.has(normalized) || normalized.startsWith("fit-content(")) {
+    return createKnown(name, raw, source, guard, null, 2 /* Keyword */, "exact");
+  }
+  return createUnknown(name, source, guard, "length is not statically parseable in px");
 }
-function parseKeyword(name, raw, source, guard, guardProvenance) {
+function parseKeyword(name, raw, source, guard) {
   const normalized = raw.trim().toLowerCase();
   if (normalized.length === 0) {
-    return createUnknown(name, raw, source, guard, guardProvenance, "keyword value is empty");
+    return createUnknown(name, source, guard, "keyword value is empty");
   }
   if (hasDynamicExpression(normalized)) {
-    return createUnknown(name, raw, source, guard, guardProvenance, "keyword uses runtime-dependent function");
+    return createUnknown(name, source, guard, "keyword uses runtime-dependent function");
   }
-  return createKnown(name, raw, source, guard, guardProvenance, null, "keyword", "exact");
+  return createKnown(name, raw, source, guard, null, 2 /* Keyword */, "exact");
 }
-function parseTransform(name, raw, source, guard, guardProvenance) {
+function parseTransform(name, raw, source, guard) {
   const normalized = raw.trim().toLowerCase();
   if (normalized.length === 0) {
-    return createUnknown(name, raw, source, guard, guardProvenance, "transform value is empty");
+    return createUnknown(name, source, guard, "transform value is empty");
   }
   if (hasDynamicExpression(normalized)) {
-    return createUnknown(name, raw, source, guard, guardProvenance, "transform uses runtime-dependent function");
+    return createUnknown(name, source, guard, "transform uses runtime-dependent function");
   }
   const y = extractTransformYPx(normalized);
-  if (y !== null) return createKnown(name, raw, source, guard, guardProvenance, y, "px", "exact");
-  return createUnknown(name, raw, source, guard, guardProvenance, "transform has non-translational or non-px functions");
+  if (y !== null) return createKnown(name, raw, source, guard, y, 0 /* Px */, "exact");
+  return createUnknown(name, source, guard, "transform has non-translational or non-px functions");
 }
-function parseTranslateProperty(name, raw, source, guard, guardProvenance) {
+function parseTranslateProperty(name, raw, source, guard) {
   const trimmed = raw.trim().toLowerCase();
   if (trimmed.length === 0) {
-    return createUnknown(name, raw, source, guard, guardProvenance, "translate value is empty");
+    return createUnknown(name, source, guard, "translate value is empty");
   }
   if (hasDynamicExpression(trimmed)) {
-    return createUnknown(name, raw, source, guard, guardProvenance, "translate uses runtime-dependent function");
+    return createUnknown(name, source, guard, "translate uses runtime-dependent function");
   }
   const y = extractTranslatePropertyYPx(trimmed);
-  if (y !== null) return createKnown(name, raw, source, guard, guardProvenance, y, "px", "exact");
-  return createUnknown(name, raw, source, guard, guardProvenance, "translate property vertical component is not px");
+  if (y !== null) return createKnown(name, raw, source, guard, y, 0 /* Px */, "exact");
+  return createUnknown(name, source, guard, "translate property vertical component is not px");
 }
 function hasDynamicExpression(raw) {
   if (raw.includes("var(")) return true;
@@ -30631,28 +30856,24 @@ function hasDynamicExpression(raw) {
   if (raw.includes("clamp(")) return true;
   return false;
 }
-function createKnown(name, raw, source, guard, guardProvenance, px, unit, quality) {
+function createKnown(name, raw, source, guard, px, unit, quality) {
   return {
     kind: "known",
     name,
-    raw,
     normalized: raw.trim().toLowerCase(),
     source,
     guard,
-    guardProvenance,
     unit,
     px,
     quality
   };
 }
-function createUnknown(name, raw, source, guard, guardProvenance, reason) {
+function createUnknown(name, source, guard, reason) {
   return {
     kind: "unknown",
     name,
-    raw,
     source,
     guard,
-    guardProvenance,
     reason
   };
 }
@@ -30699,13 +30920,7 @@ function buildSnapshotForNode(node, cascadeByElementNode, snapshotByElementNode,
   const unknownSignalCount = normalized.unknownSignalCount + inherited.unknownDelta;
   const conditionalSignalCount = normalized.conditionalSignalCount + inherited.conditionalDelta;
   const snapshot = {
-    solidFile: node.solidFile,
-    elementId: node.elementId,
-    elementKey: node.key,
-    tag: node.tag,
-    textualContent: node.textualContent,
-    isControl: node.isControl,
-    isReplaced: node.isReplaced,
+    node,
     signals: inherited.signals,
     knownSignalCount,
     unknownSignalCount,
@@ -30736,7 +30951,7 @@ function inheritSignalsFromParent(parentSnapshot, local) {
     if (!inheritedValue) continue;
     if (out === null) out = new Map(local);
     out.set(signal, inheritedValue);
-    if (inheritedValue.guard === "conditional") {
+    if (inheritedValue.guard.kind === 1 /* Conditional */) {
       conditionalDelta++;
       continue;
     }
@@ -30780,7 +30995,7 @@ var EMPTY_LAYOUT_RESERVED_SPACE_FACT = Object.freeze({
 });
 var EMPTY_LAYOUT_SCROLL_CONTAINER_FACT = Object.freeze({
   isScrollContainer: false,
-  axis: "none",
+  axis: 0 /* None */,
   overflow: null,
   overflowY: null,
   hasConditionalScroll: false,
@@ -30813,53 +31028,28 @@ function readKnownSignalWithGuard(snapshot, name) {
   return value2;
 }
 function toEvidenceKind(value2) {
-  if (value2.guard === "conditional") return "conditional";
-  if (value2.quality === "estimated") return "interval";
-  return "exact";
-}
-function readNumericSignalEvidence(snapshot, name) {
-  const value2 = snapshot.signals.get(name);
-  if (!value2) {
-    return {
-      value: null,
-      kind: "unknown"
-    };
-  }
-  if (value2.kind !== "known") {
-    if (value2.guard === "conditional") {
-      return {
-        value: null,
-        kind: "conditional"
-      };
-    }
-    return {
-      value: null,
-      kind: "unknown"
-    };
-  }
-  return {
-    value: value2.px,
-    kind: toEvidenceKind(value2)
-  };
+  if (value2.guard.kind === 1 /* Conditional */) return 2 /* Conditional */;
+  if (value2.quality === "estimated") return 1 /* Interval */;
+  return 0 /* Exact */;
 }
 function readNormalizedSignalEvidence(snapshot, name) {
   const value2 = snapshot.signals.get(name);
   if (!value2) {
     return {
       value: null,
-      kind: "unknown"
+      kind: 3 /* Unknown */
     };
   }
   if (value2.kind !== "known") {
-    if (value2.guard === "conditional") {
+    if (value2.guard.kind === 1 /* Conditional */) {
       return {
         value: null,
-        kind: "conditional"
+        kind: 2 /* Conditional */
       };
     }
     return {
       value: null,
-      kind: "unknown"
+      kind: 3 /* Unknown */
     };
   }
   return {
@@ -30870,7 +31060,7 @@ function readNormalizedSignalEvidence(snapshot, name) {
 function readKnownSignal(snapshot, name) {
   const value2 = readKnownSignalWithGuard(snapshot, name);
   if (!value2) return null;
-  if (value2.guard !== "unconditional") return null;
+  if (value2.guard.kind !== 0 /* Unconditional */) return null;
   return value2;
 }
 function readKnownPx(snapshot, name) {
@@ -30904,19 +31094,19 @@ function hasEffectivePosition(snapshot) {
   return position !== "static";
 }
 function readReservedSpaceFact(graph, node) {
-  return graph.reservedSpaceFactsByElementKey.get(node.key) ?? EMPTY_LAYOUT_RESERVED_SPACE_FACT;
+  return graph.reservedSpaceFactsByNode.get(node) ?? EMPTY_LAYOUT_RESERVED_SPACE_FACT;
 }
 function readScrollContainerFact(graph, node) {
-  return graph.scrollContainerFactsByElementKey.get(node.key) ?? EMPTY_LAYOUT_SCROLL_CONTAINER_FACT;
+  return graph.scrollContainerFactsByNode.get(node) ?? EMPTY_LAYOUT_SCROLL_CONTAINER_FACT;
 }
 function readFlowParticipationFact(graph, node) {
-  return graph.flowParticipationFactsByElementKey.get(node.key) ?? EMPTY_LAYOUT_FLOW_PARTICIPATION_FACT;
+  return graph.flowParticipationFactsByNode.get(node) ?? EMPTY_LAYOUT_FLOW_PARTICIPATION_FACT;
 }
 function readContainingBlockFact(graph, node) {
-  return graph.containingBlockFactsByElementKey.get(node.key) ?? EMPTY_LAYOUT_CONTAINING_BLOCK_FACT;
+  return graph.containingBlockFactsByNode.get(node) ?? EMPTY_LAYOUT_CONTAINING_BLOCK_FACT;
 }
 function readConditionalSignalDeltaFact(graph, node, name) {
-  const byProperty = graph.conditionalSignalDeltaFactsByElementKey.get(node.key);
+  const byProperty = graph.conditionalSignalDeltaFactsByNode.get(node);
   if (!byProperty) return EMPTY_LAYOUT_CONDITIONAL_DELTA_FACT;
   return byProperty.get(name) ?? EMPTY_LAYOUT_CONDITIONAL_DELTA_FACT;
 }
@@ -30944,7 +31134,7 @@ function readScrollContainerElements(graph) {
   return graph.scrollContainerElements;
 }
 function readBaselineOffsetFacts(graph, node) {
-  return graph.baselineOffsetFactsByElementKey.get(node.key) ?? EMPTY_BASELINE_FACTS;
+  return graph.baselineOffsetFactsByNode.get(node) ?? EMPTY_BASELINE_FACTS;
 }
 function readElementRef(graph, node) {
   return readElementRefById(graph, node.solidFile, node.elementId);
@@ -30966,7 +31156,6 @@ function readStatefulBaseValueIndex(graph) {
 }
 
 // src/cross-file/layout/context-classification.ts
-var WHITESPACE_RE3 = /\s+/;
 var TABLE_SEMANTIC_TAGS = /* @__PURE__ */ new Set(["table", "thead", "tbody", "tfoot", "tr", "td", "th"]);
 var TABLE_DISPLAY_VALUES = /* @__PURE__ */ new Set([
   "table",
@@ -30983,7 +31172,6 @@ var TABLE_DISPLAY_VALUES = /* @__PURE__ */ new Set([
 var FLEX_DISPLAY_VALUES = /* @__PURE__ */ new Set(["flex", "inline-flex"]);
 var GRID_DISPLAY_VALUES = /* @__PURE__ */ new Set(["grid", "inline-grid"]);
 var INLINE_DISPLAY_VALUES = /* @__PURE__ */ new Set(["inline", "inline-block", "inline-list-item"]);
-var DISPLAY_TOKEN_SPLIT_RE = /\s+/;
 function createAlignmentContextForParent(parent, snapshot) {
   const axis = resolveAxis(snapshot);
   const inlineDirection = resolveInlineDirection(snapshot);
@@ -31006,6 +31194,7 @@ function createAlignmentContextForParent(parent, snapshot) {
   const contextCertainty = combineCertainty(classified.certainty, axis.certainty);
   const certainty = combineCertainty(contextCertainty, inlineDirection.certainty);
   const baselineRelevance = computeBaselineRelevance(classified.kind, parentAlignItems, parentPlaceItems);
+  const crossAxisInfo = resolveCrossAxisIsBlockAxis(classified.kind, snapshot, axis.value);
   const out = {
     kind: classified.kind,
     certainty,
@@ -31021,6 +31210,8 @@ function createAlignmentContextForParent(parent, snapshot) {
     parentAlignItems,
     parentPlaceItems,
     hasPositionedOffset: positionedOffset.hasPositionedOffset,
+    crossAxisIsBlockAxis: crossAxisInfo.value,
+    crossAxisIsBlockAxisCertainty: crossAxisInfo.certainty,
     baselineRelevance,
     evidence
   };
@@ -31030,7 +31221,7 @@ function classifyKind(evidence) {
   if (evidence.hasTableSemantics) {
     return {
       kind: "table-cell",
-      certainty: "resolved"
+      certainty: 0 /* Resolved */
     };
   }
   if (evidence.containerKind === "table") {
@@ -31117,7 +31308,7 @@ function resolveContainerKind(parentDisplay, certainty) {
       certainty
     };
   }
-  const tokens = display.split(DISPLAY_TOKEN_SPLIT_RE);
+  const tokens = display.split(WHITESPACE_RE3);
   if (tokens.length === 2) {
     const outside = tokens[0];
     const inside = tokens[1];
@@ -31167,7 +31358,7 @@ function resolveAxis(snapshot) {
   if (!snapshot.signals.has("writing-mode")) {
     return {
       value: "horizontal-tb",
-      certainty: "resolved"
+      certainty: 0 /* Resolved */
     };
   }
   const writingMode = readNormalizedSignalEvidence(snapshot, "writing-mode");
@@ -31192,7 +31383,7 @@ function resolveInlineDirection(snapshot) {
   if (!snapshot.signals.has("direction")) {
     return {
       value: "ltr",
-      certainty: "resolved"
+      certainty: 0 /* Resolved */
     };
   }
   const direction = readNormalizedSignalEvidence(snapshot, "direction");
@@ -31208,16 +31399,16 @@ function resolveInlineDirection(snapshot) {
   };
 }
 function toContextCertainty(kind) {
-  if (kind === "exact") return "resolved";
-  if (kind === "interval" || kind === "conditional") return "conditional";
-  return "unknown";
+  if (kind === 0 /* Exact */) return 0 /* Resolved */;
+  if (kind === 1 /* Interval */ || kind === 2 /* Conditional */) return 1 /* Conditional */;
+  return 2 /* Unknown */;
 }
 function resolvePositionedOffset(snapshot) {
   const position = readKnownSignalWithGuard(snapshot, "position");
   if (!position) {
     return {
       hasPositionedOffset: false,
-      certainty: "unknown"
+      certainty: 2 /* Unknown */
     };
   }
   const certainty = resolveSignalCertainty(position);
@@ -31232,15 +31423,33 @@ function resolvePositionedOffset(snapshot) {
     certainty
   };
 }
+var FLEX_ROW_VALUES = /* @__PURE__ */ new Set(["row", "row-reverse"]);
+function resolveCrossAxisIsBlockAxis(kind, snapshot, _axis) {
+  if (kind !== "flex-cross-axis" && kind !== "grid-cross-axis") {
+    return { value: true, certainty: 0 /* Resolved */ };
+  }
+  if (kind === "flex-cross-axis") {
+    const signal2 = readKnownSignalWithGuard(snapshot, "flex-direction");
+    if (!signal2) {
+      return { value: true, certainty: 0 /* Resolved */ };
+    }
+    const certainty2 = resolveSignalCertainty(signal2);
+    return { value: FLEX_ROW_VALUES.has(signal2.normalized), certainty: certainty2 };
+  }
+  const signal = readKnownSignalWithGuard(snapshot, "grid-auto-flow");
+  if (!signal) {
+    return { value: true, certainty: 0 /* Resolved */ };
+  }
+  const certainty = resolveSignalCertainty(signal);
+  return { value: !signal.normalized.startsWith("column"), certainty };
+}
 function resolveSignalCertainty(value2) {
-  if (!value2) return "unknown";
-  if (value2.guard === "conditional") return "conditional";
-  return "resolved";
+  if (!value2) return 2 /* Unknown */;
+  if (value2.guard.kind === 1 /* Conditional */) return 1 /* Conditional */;
+  return 0 /* Resolved */;
 }
 function combineCertainty(left, right) {
-  if (left === "unknown" || right === "unknown") return "unknown";
-  if (left === "conditional" || right === "conditional") return "conditional";
-  return "resolved";
+  return left > right ? left : right;
 }
 var FLEX_GRID_GEOMETRIC_ALIGN_ITEMS = /* @__PURE__ */ new Set([
   "center",
@@ -31279,24 +31488,7 @@ function finalizeTableCellBaselineRelevance(contextByParentNode, cohortVerticalA
     if (context.kind !== "table-cell") continue;
     if (consensusValue === null) continue;
     if (!TABLE_CELL_GEOMETRIC_VERTICAL_ALIGN.has(consensusValue)) continue;
-    contextByParentNode.set(parent, {
-      kind: context.kind,
-      certainty: context.certainty,
-      parentSolidFile: context.parentSolidFile,
-      parentElementId: context.parentElementId,
-      parentElementKey: context.parentElementKey,
-      parentTag: context.parentTag,
-      axis: context.axis,
-      axisCertainty: context.axisCertainty,
-      inlineDirection: context.inlineDirection,
-      inlineDirectionCertainty: context.inlineDirectionCertainty,
-      parentDisplay: context.parentDisplay,
-      parentAlignItems: context.parentAlignItems,
-      parentPlaceItems: context.parentPlaceItems,
-      hasPositionedOffset: context.hasPositionedOffset,
-      baselineRelevance: "irrelevant",
-      evidence: context.evidence
-    });
+    contextByParentNode.set(parent, deriveAlignmentContext(context, { baselineRelevance: "irrelevant" }));
   }
 }
 
@@ -31843,6 +32035,20 @@ function collectTransitiveCSSScope(entryPath, resolver, cssFilesByNormalizedPath
 }
 
 // src/cross-file/layout/perf.ts
+function createReservoir(capacity) {
+  return { buffer: [], count: 0, capacity };
+}
+function reservoirPush(r, value2) {
+  r.count++;
+  if (r.buffer.length < r.capacity) {
+    r.buffer.push(value2);
+    return;
+  }
+  const j = Math.floor(Math.random() * r.count);
+  if (j < r.capacity) {
+    r.buffer[j] = value2;
+  }
+}
 var EMPTY_STATS = {
   elementsScanned: 0,
   selectorCandidatesChecked: 0,
@@ -31899,7 +32105,7 @@ function createLayoutPerfStats() {
     cohortUnimodalFalse: 0,
     factorCoverageSum: 0,
     factorCoverageCount: 0,
-    posteriorWidths: [],
+    posteriorWidths: createReservoir(200),
     uncertaintyEscalations: 0,
     signalSnapshotsBuilt: 0,
     signalSnapshotCacheHits: 0,
@@ -31964,14 +32170,12 @@ function maybeLogLayoutPerf(stats, log) {
     `[layout] elements=${view.elementsScanned} candidates=${view.selectorCandidatesChecked} compiledSelectors=${view.compiledSelectorCount} unsupportedSelectors=${view.selectorsRejectedUnsupported} conditionalSelectors=${view.selectorsGuardedConditional} ancestryChecks=${view.ancestryChecks} edges=${view.matchEdgesCreated} collected=${view.casesCollected} cases=${view.casesScored} rejectLowEvidence=${view.casesRejectedLowEvidence} rejectThreshold=${view.casesRejectedThreshold} rejectUndecidable=${view.casesRejectedUndecidable} rejectIdentifiability=${view.casesRejectedIdentifiability} undecidableInterval=${view.undecidableInterval} conditionalSignalRatio=${Math.round(view.conditionalSignalRatio * 1e3) / 1e3} conditionalSignals=${view.conditionalSignals} totalSignals=${view.totalSignals} cohortUnimodalFalse=${view.cohortUnimodalFalse} factorCoverageMean=${Math.round(view.factorCoverageMean * 1e3) / 1e3} posteriorWidthP95=${Math.round(view.posteriorWidthP95 * 1e3) / 1e3} uncertaintyEscalations=${view.uncertaintyEscalations} snapshots=${view.signalSnapshotsBuilt} snapshotHits=${view.signalSnapshotCacheHits} measurementIndexHits=${view.measurementIndexHits} contexts=${view.contextsClassified} diagnostics=${view.diagnosticsEmitted} selectorIndexMs=${Math.round(view.selectorIndexMs * 100) / 100} selectorMatchMs=${Math.round(view.selectorMatchMs * 100) / 100} cascadeBuildMs=${Math.round(view.cascadeBuildMs * 100) / 100} caseBuildMs=${Math.round(view.caseBuildMs * 100) / 100} scoringMs=${Math.round(view.scoringMs * 100) / 100} elapsedMs=${Math.round(view.elapsedMs * 100) / 100}`
   );
 }
-function computeP95(values) {
-  if (values.length === 0) return 0;
-  const sorted = [...values];
-  sorted.sort((left, right) => left - right);
-  const index = Math.ceil(sorted.length * 0.95) - 1;
-  if (index <= 0) return sorted[0] ?? 0;
-  if (index >= sorted.length) return sorted[sorted.length - 1] ?? 0;
-  return sorted[index] ?? 0;
+function computeP95(sampler) {
+  if (sampler.buffer.length === 0) return 0;
+  const scratch = [...sampler.buffer];
+  const index = Math.ceil(scratch.length * 0.95) - 1;
+  const clamped = index <= 0 ? 0 : index >= scratch.length ? scratch.length - 1 : index;
+  return selectKth(scratch, clamped);
 }
 
 // src/cross-file/layout/component-host.ts
@@ -33941,16 +34145,16 @@ function includesAttributeWord(value2, word) {
 
 // src/cross-file/layout/guard-model.ts
 var UNCONDITIONAL_GUARD = {
-  kind: "unconditional",
+  kind: 0 /* Unconditional */,
   conditions: [],
   key: "always"
 };
-var WHITESPACE_RE4 = /\s+/g;
+var WHITESPACE_RE_GLOBAL = /\s+/g;
 function resolveRuleGuard(rule) {
   const conditions = collectRuleConditions(rule);
   if (conditions.length === 0) return UNCONDITIONAL_GUARD;
   return {
-    kind: "conditional",
+    kind: 1 /* Conditional */,
     conditions,
     key: conditions.map((condition) => condition.key).join("&")
   };
@@ -34004,7 +34208,7 @@ function buildCondition(kind, query) {
 }
 function normalizeQuery(query) {
   if (query === null) return null;
-  const normalized = query.trim().toLowerCase().replace(WHITESPACE_RE4, " ");
+  const normalized = query.trim().toLowerCase().replace(WHITESPACE_RE_GLOBAL, " ");
   if (normalized.length === 0) return null;
   return normalized;
 }
@@ -34074,7 +34278,7 @@ function summarizeSignalFacts(snapshots) {
 }
 function accumulateSnapshotFacts(snapshot, sink) {
   for (const value2 of snapshot.signals.values()) {
-    if (value2.guard === "conditional") {
+    if (value2.guard.kind === 1 /* Conditional */) {
       sink.addConditional();
       continue;
     }
@@ -34268,15 +34472,6 @@ function assertUnitInterval(name, value2) {
 }
 
 // src/cross-file/layout/content-composition.ts
-var INTRINSIC_REPLACED_TAGS = /* @__PURE__ */ new Set([
-  "img",
-  "svg",
-  "video",
-  "canvas",
-  "iframe",
-  "object",
-  "embed"
-]);
 var BLOCK_FORMATTING_CONTEXT_DISPLAYS = /* @__PURE__ */ new Set([
   "block",
   "flex",
@@ -34310,7 +34505,7 @@ var VERTICAL_ALIGN_MITIGATIONS = /* @__PURE__ */ new Set([
   "text-top",
   "text-bottom"
 ]);
-function computeContentCompositionFingerprint(elementNode, childrenByParentNode, snapshotByElementNode, snapshotHotSignalsByElementKey) {
+function computeContentCompositionFingerprint(elementNode, childrenByParentNode, snapshotByElementNode, snapshotHotSignalsByNode) {
   const state = {
     hasTextContent: false,
     hasInlineReplaced: false,
@@ -34324,10 +34519,10 @@ function computeContentCompositionFingerprint(elementNode, childrenByParentNode,
     blockChildCount: 0,
     inlineChildCount: 0
   };
-  if (elementNode.textualContent === "yes" || elementNode.textualContent === "dynamic-text") {
+  if (elementNode.textualContent === 0 /* Yes */ || elementNode.textualContent === 3 /* DynamicText */) {
     state.hasTextContent = true;
   }
-  const elementHotSignals = snapshotHotSignalsByElementKey.get(elementNode.key);
+  const elementHotSignals = snapshotHotSignalsByNode.get(elementNode);
   const elementDisplay = elementHotSignals?.display.value ?? null;
   if (elementDisplay !== null && establishesFormattingContext(elementDisplay)) {
     return {
@@ -34338,7 +34533,7 @@ function computeContentCompositionFingerprint(elementNode, childrenByParentNode,
       wrappingContextMitigates: false,
       hasVerticalAlignMitigation: false,
       mixedContentDepth: 0,
-      classification: "block-segmented",
+      classification: 4 /* BlockSegmented */,
       analyzableChildCount: 0,
       totalChildCount: 0,
       hasOnlyBlockChildren: false
@@ -34348,7 +34543,7 @@ function computeContentCompositionFingerprint(elementNode, childrenByParentNode,
     elementNode,
     childrenByParentNode,
     snapshotByElementNode,
-    snapshotHotSignalsByElementKey,
+    snapshotHotSignalsByNode,
     state,
     0
   );
@@ -34368,7 +34563,7 @@ function computeContentCompositionFingerprint(elementNode, childrenByParentNode,
     hasOnlyBlockChildren
   };
 }
-function walkInlineDescendants(node, childrenByParentNode, snapshotByElementNode, snapshotHotSignalsByElementKey, state, depth) {
+function walkInlineDescendants(node, childrenByParentNode, snapshotByElementNode, snapshotHotSignalsByNode, state, depth) {
   const children = childrenByParentNode.get(node);
   if (!children) return;
   for (let i = 0; i < children.length; i++) {
@@ -34379,7 +34574,7 @@ function walkInlineDescendants(node, childrenByParentNode, snapshotByElementNode
     if (!snapshot) continue;
     if (depth === 0) state.analyzableChildCount++;
     const childTag = child.tagName?.toLowerCase() ?? null;
-    const hotSignals = snapshotHotSignalsByElementKey.get(child.key);
+    const hotSignals = snapshotHotSignalsByNode.get(child);
     const childDisplay = hotSignals?.display.value ?? null;
     if (childTag !== null && (isIntrinsicReplacedTag(childTag) || isControlReplacedTag(childTag))) {
       state.hasInlineReplaced = true;
@@ -34401,16 +34596,16 @@ function walkInlineDescendants(node, childrenByParentNode, snapshotByElementNode
       checkVerticalAlignMitigation(snapshot, state);
       updateMixedContentDepth(state, depth);
       if (depth === 0) state.inlineChildCount++;
-      const parentHotSignals = snapshotHotSignalsByElementKey.get(node.key);
+      const parentHotSignals = snapshotHotSignalsByNode.get(node);
       const parentDisplay = parentHotSignals?.display.value ?? null;
       if (parentDisplay !== null && isAlignmentContextWithNonBaselineAlignment(parentDisplay, parentHotSignals)) {
         state.wrappingContextMitigates = true;
-      } else if (isAlignmentContextWithNonBaselineAlignment(childDisplay, hotSignals) && containsMixedContent(child, childrenByParentNode, snapshotByElementNode, snapshotHotSignalsByElementKey)) {
+      } else if (isAlignmentContextWithNonBaselineAlignment(childDisplay, hotSignals) && containsMixedContent(child, childrenByParentNode, snapshotByElementNode, snapshotHotSignalsByNode)) {
         state.wrappingContextMitigates = true;
       }
       continue;
     }
-    if (child.textualContent === "yes" || child.textualContent === "dynamic-text") {
+    if (child.textualContent === 0 /* Yes */ || child.textualContent === 3 /* DynamicText */) {
       state.hasTextContent = true;
     }
     checkHeightContributions(snapshot, state);
@@ -34420,7 +34615,7 @@ function walkInlineDescendants(node, childrenByParentNode, snapshotByElementNode
         child,
         childrenByParentNode,
         snapshotByElementNode,
-        snapshotHotSignalsByElementKey,
+        snapshotHotSignalsByNode,
         state,
         depth + 1
       );
@@ -34455,19 +34650,19 @@ function isAlignmentContextWithNonBaselineAlignment(display, hotSignals) {
   if (alignItems === null) return false;
   return alignItems !== "baseline";
 }
-function containsMixedContent(node, childrenByParentNode, snapshotByElementNode, snapshotHotSignalsByElementKey) {
-  const hasText = node.textualContent === "yes" || node.textualContent === "dynamic-text";
+function containsMixedContent(node, childrenByParentNode, snapshotByElementNode, snapshotHotSignalsByNode) {
+  const hasText = node.textualContent === 0 /* Yes */ || node.textualContent === 3 /* DynamicText */;
   const hasReplaced = false;
-  return scanMixedContent(node, childrenByParentNode, snapshotByElementNode, snapshotHotSignalsByElementKey, { hasText, hasReplaced });
+  return scanMixedContent(node, childrenByParentNode, snapshotByElementNode, snapshotHotSignalsByNode, { hasText, hasReplaced });
 }
-function scanMixedContent(node, childrenByParentNode, snapshotByElementNode, snapshotHotSignalsByElementKey, found) {
+function scanMixedContent(node, childrenByParentNode, snapshotByElementNode, snapshotHotSignalsByNode, found) {
   const children = childrenByParentNode.get(node);
   if (!children) return false;
   for (let i = 0; i < children.length; i++) {
     const child = children[i];
     if (!child) continue;
     const childTag = child.tagName?.toLowerCase() ?? null;
-    const hotSignals = snapshotHotSignalsByElementKey.get(child.key);
+    const hotSignals = snapshotHotSignalsByNode.get(child);
     const childDisplay = hotSignals?.display.value ?? null;
     if (childTag !== null && (isIntrinsicReplacedTag(childTag) || isControlReplacedTag(childTag))) {
       found.hasReplaced = true;
@@ -34482,12 +34677,12 @@ function scanMixedContent(node, childrenByParentNode, snapshotByElementNode, sna
       if (found.hasText) return true;
       continue;
     }
-    if (child.textualContent === "yes" || child.textualContent === "dynamic-text") {
+    if (child.textualContent === 0 /* Yes */ || child.textualContent === 3 /* DynamicText */) {
       found.hasText = true;
       if (found.hasReplaced) return true;
     }
     if (childDisplay === null || isInlineContinuationDisplay(childDisplay)) {
-      if (scanMixedContent(child, childrenByParentNode, snapshotByElementNode, snapshotHotSignalsByElementKey, found)) {
+      if (scanMixedContent(child, childrenByParentNode, snapshotByElementNode, snapshotHotSignalsByNode, found)) {
         return true;
       }
     }
@@ -34510,30 +34705,30 @@ function updateMixedContentDepth(state, depth) {
 }
 function classifyFromState(state, elementNode, hasOnlyBlockChildren) {
   if (hasOnlyBlockChildren) {
-    return "block-segmented";
+    return 4 /* BlockSegmented */;
   }
   if (state.totalChildCount === 0 && !state.hasTextContent) {
-    if (elementNode.textualContent === "unknown") return "unknown";
-    if (elementNode.textualContent === "yes" || elementNode.textualContent === "dynamic-text") {
-      return "text-only";
+    if (elementNode.textualContent === 2 /* Unknown */) return 5 /* Unknown */;
+    if (elementNode.textualContent === 0 /* Yes */ || elementNode.textualContent === 3 /* DynamicText */) {
+      return 0 /* TextOnly */;
     }
-    return "unknown";
+    return 5 /* Unknown */;
   }
   if (state.analyzableChildCount === 0 && state.totalChildCount > 0) {
-    return "unknown";
+    return 5 /* Unknown */;
   }
   if (state.hasTextContent && state.hasInlineReplaced) {
-    if (state.wrappingContextMitigates) return "mixed-mitigated";
-    if (state.hasVerticalAlignMitigation) return "mixed-mitigated";
-    return "mixed-unmitigated";
+    if (state.wrappingContextMitigates) return 3 /* MixedMitigated */;
+    if (state.hasVerticalAlignMitigation) return 3 /* MixedMitigated */;
+    return 2 /* MixedUnmitigated */;
   }
   if (!state.hasTextContent && state.hasInlineReplaced) {
-    return "replaced-only";
+    return 1 /* ReplacedOnly */;
   }
   if (state.hasTextContent && !state.hasInlineReplaced) {
-    return "text-only";
+    return 0 /* TextOnly */;
   }
-  return "unknown";
+  return 5 /* Unknown */;
 }
 function isIntrinsicReplacedTag(tag) {
   return INTRINSIC_REPLACED_TAGS.has(tag);
@@ -34553,10 +34748,14 @@ function isInlineReplacedDisplay(display) {
 function isInlineContinuationDisplay(display) {
   return INLINE_CONTINUATION_DISPLAYS.has(display);
 }
-function resolveCompositionDivergenceStrength(subjectFingerprint, allFingerprints, parentContext) {
-  if (allFingerprints.length < 2) return 0;
+var NO_DIVERGENCE = Object.freeze({
+  strength: 0,
+  majorityClassification: 5 /* Unknown */
+});
+function resolveCompositionDivergence(subjectFingerprint, allFingerprints, parentContext) {
+  if (allFingerprints.length < 2) return NO_DIVERGENCE;
   if (parentContext !== null && !hasSharedBaselineAlignment(parentContext)) {
-    return 0;
+    return NO_DIVERGENCE;
   }
   const countByClassification = /* @__PURE__ */ new Map();
   for (let i = 0; i < allFingerprints.length; i++) {
@@ -34568,10 +34767,7 @@ function resolveCompositionDivergenceStrength(subjectFingerprint, allFingerprint
   }
   const subjectNormalized = normalizeClassificationForComparison(subjectFingerprint.classification);
   const subjectCount = countByClassification.get(subjectNormalized) ?? 0;
-  if (subjectCount === allFingerprints.length) {
-    return resolveInlineReplacedKindDivergence(subjectFingerprint, allFingerprints);
-  }
-  let majorityClassification = "unknown";
+  let majorityClassification = 5 /* Unknown */;
   let majorityCount = 0;
   for (const [classification, count] of countByClassification) {
     if (count > majorityCount) {
@@ -34579,35 +34775,38 @@ function resolveCompositionDivergenceStrength(subjectFingerprint, allFingerprint
       majorityClassification = classification;
     }
   }
+  if (subjectCount === allFingerprints.length) {
+    return { strength: resolveInlineReplacedKindDivergence(subjectFingerprint, allFingerprints), majorityClassification };
+  }
   if (subjectNormalized === majorityClassification) {
-    return resolveInlineReplacedKindDivergence(subjectFingerprint, allFingerprints);
+    return { strength: resolveInlineReplacedKindDivergence(subjectFingerprint, allFingerprints), majorityClassification };
   }
-  if (subjectNormalized === "unknown") {
-    return 0;
+  if (subjectNormalized === 5 /* Unknown */) {
+    return { strength: 0, majorityClassification };
   }
   const cal = alignmentStrengthCalibration;
-  if (majorityClassification === "text-only" && subjectNormalized === "mixed-unmitigated") {
-    return cal.compositionMixedUnmitigatedOutlierStrength;
+  if (majorityClassification === 0 /* TextOnly */ && subjectNormalized === 2 /* MixedUnmitigated */) {
+    return { strength: cal.compositionMixedUnmitigatedOutlierStrength, majorityClassification };
   }
-  if (majorityClassification === "replaced-only" && subjectNormalized === "mixed-unmitigated") {
-    return cal.compositionMixedOutlierAmongReplacedStrength;
+  if (majorityClassification === 1 /* ReplacedOnly */ && subjectNormalized === 2 /* MixedUnmitigated */) {
+    return { strength: cal.compositionMixedOutlierAmongReplacedStrength, majorityClassification };
   }
-  if (majorityClassification === "mixed-unmitigated" && subjectNormalized === "text-only") {
-    return cal.compositionTextOutlierAmongMixedStrength;
+  if (majorityClassification === 2 /* MixedUnmitigated */ && subjectNormalized === 0 /* TextOnly */) {
+    return { strength: cal.compositionTextOutlierAmongMixedStrength, majorityClassification };
   }
-  if (majorityClassification === "mixed-unmitigated" && subjectNormalized === "replaced-only") {
-    return cal.compositionTextOutlierAmongMixedStrength;
+  if (majorityClassification === 2 /* MixedUnmitigated */ && subjectNormalized === 1 /* ReplacedOnly */) {
+    return { strength: cal.compositionTextOutlierAmongMixedStrength, majorityClassification };
   }
-  if (majorityClassification === "text-only" && subjectNormalized === "replaced-only") {
-    return cal.compositionMixedOutlierAmongReplacedStrength;
+  if (majorityClassification === 0 /* TextOnly */ && subjectNormalized === 1 /* ReplacedOnly */) {
+    return { strength: cal.compositionMixedOutlierAmongReplacedStrength, majorityClassification };
   }
-  if (majorityClassification === "replaced-only" && subjectNormalized === "text-only") {
-    return cal.compositionTextOutlierAmongMixedStrength;
+  if (majorityClassification === 1 /* ReplacedOnly */ && subjectNormalized === 0 /* TextOnly */) {
+    return { strength: cal.compositionTextOutlierAmongMixedStrength, majorityClassification };
   }
-  if (majorityClassification === "unknown") {
-    return 0;
+  if (majorityClassification === 5 /* Unknown */) {
+    return { strength: 0, majorityClassification };
   }
-  return cal.compositionUnknownPenalty;
+  return { strength: cal.compositionUnknownPenalty, majorityClassification };
 }
 function resolveInlineReplacedKindDivergence(subjectFingerprint, allFingerprints) {
   if (subjectFingerprint.inlineReplacedKind === null) return 0;
@@ -34628,28 +34827,9 @@ function resolveInlineReplacedKindDivergence(subjectFingerprint, allFingerprints
 function hasSharedBaselineAlignment(context) {
   return context.baselineRelevance === "relevant";
 }
-function resolveMajorityClassification(allFingerprints) {
-  const countByClassification = /* @__PURE__ */ new Map();
-  for (let i = 0; i < allFingerprints.length; i++) {
-    const fp = allFingerprints[i];
-    if (!fp) continue;
-    const normalized = normalizeClassificationForComparison(fp.classification);
-    const existing = countByClassification.get(normalized) ?? 0;
-    countByClassification.set(normalized, existing + 1);
-  }
-  let majorityClassification = "unknown";
-  let majorityCount = 0;
-  for (const [classification, count] of countByClassification) {
-    if (count > majorityCount) {
-      majorityCount = count;
-      majorityClassification = classification;
-    }
-  }
-  return majorityClassification;
-}
 function normalizeClassificationForComparison(classification) {
-  if (classification === "mixed-mitigated") return "text-only";
-  if (classification === "block-segmented") return "text-only";
+  if (classification === 3 /* MixedMitigated */) return 0 /* TextOnly */;
+  if (classification === 4 /* BlockSegmented */) return 0 /* TextOnly */;
   return classification;
 }
 function resolveCompositionCoverage(subjectFingerprint, allFingerprints) {
@@ -34657,12 +34837,12 @@ function resolveCompositionCoverage(subjectFingerprint, allFingerprints) {
   let analyzableCount = 0;
   for (let i = 0; i < allFingerprints.length; i++) {
     const fp = allFingerprints[i];
-    if (fp && fp.classification !== "unknown") {
+    if (fp && fp.classification !== 5 /* Unknown */) {
       analyzableCount++;
     }
   }
   const analyzableShare = analyzableCount / allFingerprints.length;
-  if (subjectFingerprint.classification === "unknown") {
+  if (subjectFingerprint.classification === 5 /* Unknown */) {
     return analyzableShare * 0.3;
   }
   if (subjectFingerprint.totalChildCount > 0 && subjectFingerprint.analyzableChildCount === 0) {
@@ -34670,24 +34850,19 @@ function resolveCompositionCoverage(subjectFingerprint, allFingerprints) {
   }
   return analyzableShare;
 }
+var COMPOSITION_LABELS = {
+  [0 /* TextOnly */]: "text-only",
+  [1 /* ReplacedOnly */]: "inline-replaced-only",
+  [2 /* MixedUnmitigated */]: "mixed text + inline-replaced",
+  [3 /* MixedMitigated */]: "mixed (alignment mitigated)",
+  [4 /* BlockSegmented */]: "block-segmented",
+  [5 /* Unknown */]: "unknown"
+};
 function formatCompositionClassification(classification) {
-  switch (classification) {
-    case "text-only":
-      return "text-only";
-    case "replaced-only":
-      return "inline-replaced-only";
-    case "mixed-unmitigated":
-      return "mixed text + inline-replaced";
-    case "mixed-mitigated":
-      return "mixed (alignment mitigated)";
-    case "block-segmented":
-      return "block-segmented";
-    case "unknown":
-      return "unknown";
-  }
+  return COMPOSITION_LABELS[classification];
 }
 function formatCompositionFixSuggestion(subjectFingerprint) {
-  if (subjectFingerprint.classification === "mixed-unmitigated") {
+  if (subjectFingerprint.classification === 2 /* MixedUnmitigated */) {
     if (subjectFingerprint.hasVerticalAlignMitigation) {
       return "verify vertical-align resolves the baseline shift";
     }
@@ -34722,12 +34897,12 @@ function estimateBlockOffsetWithDeclaredFromHotSignals(hot, axis) {
 function estimateBlockOffsetWithDeclaredFromSources(axis, position, readNumeric) {
   let declaredTotal = 0;
   let declaredCount = 0;
-  let declaredKind = "exact";
-  let declaredMissingKind = "exact";
+  let declaredKind = 0 /* Exact */;
+  let declaredMissingKind = 0 /* Exact */;
   let effectiveTotal = 0;
   let effectiveCount = 0;
-  let effectiveKind = "exact";
-  let effectiveMissingKind = "exact";
+  let effectiveKind = 0 /* Exact */;
+  let effectiveMissingKind = 0 /* Exact */;
   const positioned = position.value !== null && position.value !== "static";
   const add = (name, sign, requiresPositioning) => {
     const v = readNumeric(name);
@@ -34798,7 +34973,7 @@ function buildCohortIndex(input) {
       axisCertainty: context.axisCertainty,
       measurementNodeByRootKey: input.measurementNodeByRootKey,
       snapshotByElementNode: input.snapshotByElementNode,
-      snapshotHotSignalsByElementKey: input.snapshotHotSignalsByElementKey
+      snapshotHotSignalsByNode: input.snapshotHotSignalsByNode
     });
     measurementIndexHits += cohortMetricsResult.measurementHits;
     const metrics = cohortMetricsResult.metrics;
@@ -34832,7 +35007,7 @@ function buildCohortIndex(input) {
         subjectMetrics.rootNode,
         input.childrenByParentNode,
         input.snapshotByElementNode,
-        input.snapshotHotSignalsByElementKey
+        input.snapshotHotSignalsByNode
       );
       subjectsByElementKey.set(subjectMetrics.key, {
         element: subjectMetrics.element,
@@ -34898,7 +35073,7 @@ function collectCohortMetrics(input) {
     if (!snapshot) {
       throw new Error(`missing snapshot for measurement node ${measurementNode.key}`);
     }
-    const hotSignals = input.snapshotHotSignalsByElementKey.get(measurementNode.key);
+    const hotSignals = input.snapshotHotSignalsByNode.get(measurementNode);
     if (!hotSignals) {
       throw new Error(`missing hot signals for measurement node ${measurementNode.key}`);
     }
@@ -35223,9 +35398,9 @@ function buildCohortSignalIndex(metrics) {
   const verticalAlignCounts = /* @__PURE__ */ new Map();
   const alignSelfCounts = /* @__PURE__ */ new Map();
   const placeSelfCounts = /* @__PURE__ */ new Map();
-  let verticalAlignMergedKind = "exact";
-  let alignSelfMergedKind = "exact";
-  let placeSelfMergedKind = "exact";
+  let verticalAlignMergedKind = 0 /* Exact */;
+  let alignSelfMergedKind = 0 /* Exact */;
+  let placeSelfMergedKind = 0 /* Exact */;
   let verticalAlignComparableCount = 0;
   let alignSelfComparableCount = 0;
   let placeSelfComparableCount = 0;
@@ -35239,12 +35414,12 @@ function buildCohortSignalIndex(metrics) {
     const snapshot = metric.element.snapshot;
     const alignSelf = metric.hotSignals.alignSelf;
     const placeSelf = metric.hotSignals.placeSelf;
-    const isControlOrReplaced = snapshot.isControl || snapshot.isReplaced;
+    const isControlOrReplaced = snapshot.node.isControl || snapshot.node.isReplaced;
     const verticalAlign = resolveComparableVerticalAlign(metric.hotSignals.verticalAlign, isControlOrReplaced);
     if (isControlOrReplaced) controlOrReplacedCount++;
-    if (snapshot.textualContent === "yes" || snapshot.textualContent === "dynamic-text") textYesCount++;
-    if (snapshot.textualContent === "no") textNoCount++;
-    if (snapshot.textualContent === "unknown") textUnknownCount++;
+    if (snapshot.node.textualContent === 0 /* Yes */ || snapshot.node.textualContent === 3 /* DynamicText */) textYesCount++;
+    if (snapshot.node.textualContent === 1 /* No */) textNoCount++;
+    if (snapshot.node.textualContent === 2 /* Unknown */) textUnknownCount++;
     if (verticalAlign.value !== null) {
       verticalAlignMergedKind = mergeEvidenceKind(verticalAlignMergedKind, verticalAlign.kind);
       verticalAlignComparableCount++;
@@ -35264,24 +35439,24 @@ function buildCohortSignalIndex(metrics) {
       verticalAlign,
       alignSelf,
       placeSelf,
-      textualContent: snapshot.textualContent,
+      textualContent: snapshot.node.textualContent,
       isControlOrReplaced
     });
   }
   return {
     byKey,
     verticalAlign: {
-      mergedKind: verticalAlignComparableCount === 0 ? "unknown" : verticalAlignMergedKind,
+      mergedKind: verticalAlignComparableCount === 0 ? 3 /* Unknown */ : verticalAlignMergedKind,
       comparableCount: verticalAlignComparableCount,
       countsByValue: verticalAlignCounts
     },
     alignSelf: {
-      mergedKind: alignSelfComparableCount === 0 ? "unknown" : alignSelfMergedKind,
+      mergedKind: alignSelfComparableCount === 0 ? 3 /* Unknown */ : alignSelfMergedKind,
       comparableCount: alignSelfComparableCount,
       countsByValue: alignSelfCounts
     },
     placeSelf: {
-      mergedKind: placeSelfComparableCount === 0 ? "unknown" : placeSelfMergedKind,
+      mergedKind: placeSelfComparableCount === 0 ? 3 /* Unknown */ : placeSelfMergedKind,
       comparableCount: placeSelfComparableCount,
       countsByValue: placeSelfCounts
     },
@@ -35318,9 +35493,9 @@ function collectSubjectCohortSignals(index, subjectMetrics, context) {
     sawComparableVerticalAlign,
     sawVerticalAlignConflict
   );
-  const tableCellControlFallback = context.kind === "table-cell" && subject.isControlOrReplaced && verticalAlign.value === "unknown" && index.byKey.size > index.controlOrReplacedCount;
+  const tableCellControlFallback = context.kind === "table-cell" && subject.isControlOrReplaced && verticalAlign.value === 2 /* Unknown */ && index.byKey.size > index.controlOrReplacedCount;
   const normalizedVerticalAlign = tableCellControlFallback ? {
-    value: "conflict",
+    value: 0 /* Conflict */,
     kind: verticalAlignKind
   } : verticalAlign;
   const textContrastWithPeers = resolveIndexedTextContrastWithPeers(
@@ -35353,7 +35528,7 @@ function resolveComparableVerticalAlign(verticalAlign, isControlOrReplaced) {
   return {
     present: verticalAlign.present,
     value: "baseline",
-    kind: "exact"
+    kind: 0 /* Exact */
   };
 }
 function hasComparablePeer(aggregate, subjectValue) {
@@ -35370,37 +35545,37 @@ function hasConflictPeer(aggregate, subjectValue) {
 function finalizeConflictEvidence(subjectValue, kind, sawComparablePeer, sawConflict) {
   if (subjectValue === null) {
     return {
-      value: "unknown",
+      value: 2 /* Unknown */,
       kind
     };
   }
   if (!sawComparablePeer) {
     return {
-      value: "unknown",
+      value: 2 /* Unknown */,
       kind
     };
   }
   return {
-    value: sawConflict ? "conflict" : "aligned",
+    value: sawConflict ? 0 /* Conflict */ : 1 /* Aligned */,
     kind
   };
 }
 function resolveIndexedTextContrastWithPeers(index, subjectTextualContent, subjectIsControlOrReplaced, tableCellControlFallback) {
-  if (subjectTextualContent === "unknown") return "unknown";
+  if (subjectTextualContent === 2 /* Unknown */) return 2 /* Unknown */;
   const unknownPeers = index.textUnknownCount;
   const cohortSize = index.byKey.size;
-  if (subjectTextualContent === "yes" || subjectTextualContent === "dynamic-text") {
-    if (index.textNoCount > 0) return "different";
-    if (unknownPeers > 0) return "unknown";
-    return "same";
+  if (subjectTextualContent === 0 /* Yes */ || subjectTextualContent === 3 /* DynamicText */) {
+    if (index.textNoCount > 0) return 0 /* Different */;
+    if (unknownPeers > 0) return 2 /* Unknown */;
+    return 1 /* Same */;
   }
-  if (index.textYesCount > 0) return "different";
-  if (tableCellControlFallback) return "different";
+  if (index.textYesCount > 0) return 0 /* Different */;
+  if (tableCellControlFallback) return 0 /* Different */;
   if (subjectIsControlOrReplaced && index.controlOrReplacedCount === 1 && cohortSize >= 3 && unknownPeers > 0) {
-    return "different";
+    return 0 /* Different */;
   }
-  if (unknownPeers > 0) return "unknown";
-  return "same";
+  if (unknownPeers > 0) return 2 /* Unknown */;
+  return 1 /* Same */;
 }
 function resolveSubjectIdentifiability(subjectMetrics, profile, subjectBaselineProfile, clusterSummary, signalIndex, cohortKind, cohortSize) {
   const subjectClusterKey = toComparableClusterKey(subjectMetrics);
@@ -35416,7 +35591,7 @@ function resolveSubjectIdentifiability(subjectMetrics, profile, subjectBaselineP
     return {
       dominantShare: profile.dominantClusterShare,
       subjectExcludedDominantShare: subjectBaselineProfile.dominantClusterShare,
-      subjectMembership: "insufficient",
+      subjectMembership: 3 /* Insufficient */,
       ambiguous: true,
       kind
     };
@@ -35425,7 +35600,7 @@ function resolveSubjectIdentifiability(subjectMetrics, profile, subjectBaselineP
     return {
       dominantShare: profile.dominantClusterShare,
       subjectExcludedDominantShare: subjectBaselineProfile.dominantClusterShare,
-      subjectMembership: "dominant",
+      subjectMembership: 0 /* Dominant */,
       ambiguous: false,
       kind
     };
@@ -35434,7 +35609,7 @@ function resolveSubjectIdentifiability(subjectMetrics, profile, subjectBaselineP
     return {
       dominantShare: profile.dominantClusterShare,
       subjectExcludedDominantShare: subjectBaselineProfile.dominantClusterShare,
-      subjectMembership: "insufficient",
+      subjectMembership: 3 /* Insufficient */,
       ambiguous: true,
       kind
     };
@@ -35444,7 +35619,7 @@ function resolveSubjectIdentifiability(subjectMetrics, profile, subjectBaselineP
     return {
       dominantShare: profile.dominantClusterShare,
       subjectExcludedDominantShare: subjectBaselineProfile.dominantClusterShare,
-      subjectMembership: "insufficient",
+      subjectMembership: 3 /* Insufficient */,
       ambiguous: true,
       kind
     };
@@ -35454,7 +35629,7 @@ function resolveSubjectIdentifiability(subjectMetrics, profile, subjectBaselineP
     return {
       dominantShare: profile.dominantClusterShare,
       subjectExcludedDominantShare: subjectBaselineProfile.dominantClusterShare,
-      subjectMembership: "ambiguous",
+      subjectMembership: 2 /* Ambiguous */,
       ambiguous: true,
       kind
     };
@@ -35463,7 +35638,7 @@ function resolveSubjectIdentifiability(subjectMetrics, profile, subjectBaselineP
     return {
       dominantShare: profile.dominantClusterShare,
       subjectExcludedDominantShare: subjectBaselineProfile.dominantClusterShare,
-      subjectMembership: "dominant",
+      subjectMembership: 0 /* Dominant */,
       ambiguous: false,
       kind
     };
@@ -35471,13 +35646,13 @@ function resolveSubjectIdentifiability(subjectMetrics, profile, subjectBaselineP
   return {
     dominantShare: profile.dominantClusterShare,
     subjectExcludedDominantShare: subjectBaselineProfile.dominantClusterShare,
-    subjectMembership: "nondominant",
+    subjectMembership: 1 /* Nondominant */,
     ambiguous: false,
     kind
   };
 }
 function resolveControlRoleIdentifiability(subjectMetrics, signalIndex, kind, cohortSize) {
-  const subjectIsControlOrReplaced = subjectMetrics.element.snapshot.isControl || subjectMetrics.element.snapshot.isReplaced;
+  const subjectIsControlOrReplaced = subjectMetrics.element.snapshot.node.isControl || subjectMetrics.element.snapshot.node.isReplaced;
   const controlCount = signalIndex.controlOrReplacedCount;
   const nonControlCount = cohortSize - controlCount;
   if (controlCount <= 0 || nonControlCount <= 0) return null;
@@ -35492,12 +35667,12 @@ function resolveControlRoleIdentifiability(subjectMetrics, signalIndex, kind, co
     return {
       dominantShare,
       subjectExcludedDominantShare: excludedDominantShare,
-      subjectMembership: subjectMembership === "ambiguous" ? "dominant" : subjectMembership,
+      subjectMembership: subjectMembership === 2 /* Ambiguous */ ? 0 /* Dominant */ : subjectMembership,
       ambiguous: false,
       kind
     };
   }
-  if (subjectMembership === "ambiguous") {
+  if (subjectMembership === 2 /* Ambiguous */) {
     return {
       dominantShare,
       subjectExcludedDominantShare: excludedDominantShare,
@@ -35515,9 +35690,9 @@ function resolveControlRoleIdentifiability(subjectMetrics, signalIndex, kind, co
   };
 }
 function resolveRoleMembership(controlCount, nonControlCount, subjectIsControlOrReplaced) {
-  if (controlCount === nonControlCount) return "ambiguous";
+  if (controlCount === nonControlCount) return 2 /* Ambiguous */;
   const dominantRoleIsControl = controlCount > nonControlCount;
-  return dominantRoleIsControl === subjectIsControlOrReplaced ? "dominant" : "nondominant";
+  return dominantRoleIsControl === subjectIsControlOrReplaced ? 0 /* Dominant */ : 1 /* Nondominant */;
 }
 function resolveExcludedRoleDominantShare(controlCount, nonControlCount, subjectIsControlOrReplaced) {
   const controlAfterExclusion = controlCount - (subjectIsControlOrReplaced ? 1 : 0);
@@ -35555,8 +35730,8 @@ function collectCohortProvenanceFromSnapshots(snapshots) {
     const snapshot = snapshots[i];
     if (!snapshot) continue;
     for (const signal of snapshot.signals.values()) {
-      for (let j = 0; j < signal.guardProvenance.conditions.length; j++) {
-        const guard = signal.guardProvenance.conditions[j];
+      for (let j = 0; j < signal.guard.conditions.length; j++) {
+        const guard = signal.guard.conditions[j];
         if (!guard) continue;
         if (!byKey.has(guard.key)) byKey.set(guard.key, guard);
       }
@@ -35586,7 +35761,7 @@ function buildGuardKey(guards) {
   return keys.join("&");
 }
 function resolveCohortEvidenceKind(metrics) {
-  let kind = "exact";
+  let kind = 0 /* Exact */;
   for (let i = 0; i < metrics.length; i++) {
     const metric = metrics[i];
     if (!metric) continue;
@@ -35603,9 +35778,9 @@ function incrementCount(counts, key) {
   counts.set(key, existing + 1);
 }
 function toEvidenceKind2(certainty) {
-  if (certainty === "resolved") return "exact";
-  if (certainty === "conditional") return "conditional";
-  return "unknown";
+  if (certainty === 0 /* Resolved */) return 0 /* Exact */;
+  if (certainty === 1 /* Conditional */) return 2 /* Conditional */;
+  return 3 /* Unknown */;
 }
 function computeMedian(values) {
   if (values.length === 0) return null;
@@ -35625,66 +35800,6 @@ function computeMedianAbsoluteDeviation(values, median, scratch) {
   }
   return computeMedian(scratch);
 }
-function selectKth(values, targetIndex) {
-  let left = 0;
-  let right = values.length - 1;
-  while (left <= right) {
-    if (left === right) {
-      const result = values[left];
-      if (result === void 0) return 0;
-      return result;
-    }
-    const pivotIndex = choosePivotIndex(values, left, right);
-    const partitionIndex = partitionAroundPivot(values, left, right, pivotIndex);
-    if (partitionIndex === targetIndex) {
-      const result = values[partitionIndex];
-      if (result === void 0) return 0;
-      return result;
-    }
-    if (partitionIndex < targetIndex) {
-      left = partitionIndex + 1;
-      continue;
-    }
-    right = partitionIndex - 1;
-  }
-  const fallback = values[targetIndex];
-  if (fallback === void 0) return 0;
-  return fallback;
-}
-function choosePivotIndex(values, left, right) {
-  const middle = Math.floor((left + right) / 2);
-  const leftValue = values[left] ?? 0;
-  const middleValue = values[middle] ?? 0;
-  const rightValue = values[right] ?? 0;
-  if (leftValue < middleValue) {
-    if (middleValue < rightValue) return middle;
-    if (leftValue < rightValue) return right;
-    return left;
-  }
-  if (leftValue < rightValue) return left;
-  if (middleValue < rightValue) return right;
-  return middle;
-}
-function partitionAroundPivot(values, left, right, pivotIndex) {
-  const pivotValue = values[pivotIndex] ?? 0;
-  swap(values, pivotIndex, right);
-  let storeIndex = left;
-  for (let i = left; i < right; i++) {
-    const current = values[i];
-    if (current === void 0 || current > pivotValue) continue;
-    swap(values, storeIndex, i);
-    storeIndex++;
-  }
-  swap(values, storeIndex, right);
-  return storeIndex;
-}
-function swap(values, left, right) {
-  if (left === right) return;
-  const leftValue = values[left] ?? 0;
-  const rightValue = values[right] ?? 0;
-  values[left] = rightValue;
-  values[right] = leftValue;
-}
 function resolveVerticalAlignConsensus(aggregate) {
   if (aggregate.comparableCount === 0) return null;
   if (aggregate.countsByValue.size !== 1) return null;
@@ -35783,7 +35898,7 @@ function resolveMeasurementCandidates(root, childrenByParentNode, snapshotByElem
     if (firstControlOrReplacedDescendant === null && (child.isControl || child.isReplaced)) {
       firstControlOrReplacedDescendant = child;
     }
-    if (firstTextualDescendant === null && child.textualContent === "yes") {
+    if (firstTextualDescendant === null && child.textualContent === 0 /* Yes */) {
       firstTextualDescendant = child;
     }
     if (firstControlOrReplacedDescendant !== null && firstTextualDescendant !== null) break;
@@ -35809,7 +35924,7 @@ function resolveMeasurementNode(root, candidates) {
   if (candidates.firstControlOrReplacedDescendant !== null) return candidates.firstControlOrReplacedDescendant;
   if (root.isControl || root.isReplaced) return root;
   if (candidates.firstTextualDescendant !== null) return candidates.firstTextualDescendant;
-  if (root.textualContent === "yes") return root;
+  if (root.textualContent === 0 /* Yes */) return root;
   return root;
 }
 
@@ -35856,7 +35971,7 @@ function buildScopedSelectorIndexBySolidFile(cssScopeBySolidFile, css, selectorM
         seenSelectorIds.add(selector.id);
         const metadata = selectorMetadataById.get(selector.id);
         if (!metadata) continue;
-        if (metadata.guard.kind === "conditional") {
+        if (metadata.guard.kind === 1 /* Conditional */) {
           if (!conditionalSelectorIds.has(selector.id)) {
             conditionalSelectorIds.add(selector.id);
             perf.selectorsGuardedConditional++;
@@ -35898,7 +36013,7 @@ function buildScopedSelectorIndexBySolidFile(cssScopeBySolidFile, css, selectorM
   }
   return out;
 }
-function buildSelectorCandidatesByElementKey(elements, scopedSelectorsBySolidFile, perf) {
+function buildSelectorCandidatesByNode(elements, scopedSelectorsBySolidFile, perf) {
   const out = /* @__PURE__ */ new Map();
   for (let i = 0; i < elements.length; i++) {
     const node = elements[i];
@@ -35908,7 +36023,7 @@ function buildSelectorCandidatesByElementKey(elements, scopedSelectorsBySolidFil
     const byTag = node.tagName !== null ? collectSelectorCandidates(scoped.bySubjectTag.get(node.tagName), node.selectorDispatchKeys) : EMPTY_SELECTOR_LIST;
     const withoutTag = collectSelectorCandidates(scoped.withoutSubjectTag, node.selectorDispatchKeys);
     const merged = mergeSelectorCandidateIds(byTag, withoutTag);
-    out.set(node.key, merged);
+    out.set(node, merged);
     perf.elementsScanned++;
     perf.selectorCandidatesChecked += merged.length;
   }
@@ -36367,12 +36482,6 @@ var EMPTY_EXPANSION_RESULT = [];
 function collectMonitoredDeclarations(selector, layerOrder, guard) {
   const out = [];
   const declarations = selector.rule.declarations;
-  const signalGuard = guard.kind === "conditional" ? "conditional" : "unconditional";
-  const guardProvenance = {
-    kind: signalGuard,
-    conditions: guard.conditions,
-    key: guard.key
-  };
   for (let i = 0; i < declarations.length; i++) {
     const declaration = declarations[i];
     if (!declaration) continue;
@@ -36383,8 +36492,7 @@ function collectMonitoredDeclarations(selector, layerOrder, guard) {
     out.push({
       property: monitored,
       value: declaration.value,
-      guard: signalGuard,
-      guardProvenance,
+      guardProvenance: guard,
       position: {
         layer: declaration.cascadePosition.layer,
         layerOrder,
@@ -36406,6 +36514,7 @@ function toMonitoredSignalKey(property) {
     case "margin-block":
     case "padding-block":
     case "inset-block":
+    case "flex-flow":
       return property;
     default:
       return null;
@@ -36429,30 +36538,27 @@ function expandMonitoredDeclarationForDelta(declaration) {
   if (signalName === void 0) return EMPTY_EXPANSION_RESULT;
   return [{ name: signalName, value: value2 }];
 }
-function appendMatchingEdgesFromSelectorIds(selectorIds, node, selectorMetadataById, selectorsById, applies, appliesByElementNodeMutable, perf, rootElementsByFile, logger) {
-  const fileRoots = rootElementsByFile.get(node.solidFile) ?? null;
+function appendMatchingEdgesFromSelectorIds(ctx, selectorIds, node, applies, appliesByElementNodeMutable) {
+  const fileRoots = ctx.rootElementsByFile.get(node.solidFile) ?? null;
   for (let i = 0; i < selectorIds.length; i++) {
     const selectorId = selectorIds[i];
     if (selectorId === void 0) continue;
-    const metadata = selectorMetadataById.get(selectorId);
+    const metadata = ctx.selectorMetadataById.get(selectorId);
     if (!metadata || !metadata.matcher) {
       throw new Error(`missing compiled selector matcher for selector ${selectorId}`);
     }
-    const selector = selectorsById.get(selectorId);
+    const selector = ctx.selectorsById.get(selectorId);
     if (!selector) {
       throw new Error(`missing selector ${selectorId}`);
     }
-    if (!selectorMatchesLayoutElement(metadata.matcher, node, perf, fileRoots, logger)) continue;
+    if (!selectorMatchesLayoutElement(metadata.matcher, node, ctx.perf, fileRoots, ctx.logger)) continue;
     const edge = {
-      solidFile: node.solidFile,
-      elementId: node.elementId,
-      elementKey: node.key,
       selectorId: selector.id,
       specificityScore: selector.specificityScore,
       sourceOrder: selector.rule.sourceOrder
     };
     applies.push(edge);
-    perf.matchEdgesCreated++;
+    ctx.perf.matchEdgesCreated++;
     const existing = appliesByElementNodeMutable.get(node);
     if (existing) {
       existing.push(edge);
@@ -36478,7 +36584,7 @@ function augmentCascadeWithTailwind(cascade, node, tailwind) {
   const classTokens = node.classTokens;
   if (classTokens.length === 0) return;
   const guardProvenance = {
-    kind: "unconditional",
+    kind: 0 /* Unconditional */,
     conditions: [],
     key: "always"
   };
@@ -36495,8 +36601,7 @@ function augmentCascadeWithTailwind(cascade, node, tailwind) {
       if (cascade.has(property)) continue;
       cascade.set(property, {
         value: value2,
-        source: "selector",
-        guard: "unconditional",
+        source: 0 /* Selector */,
         guardProvenance
       });
     }
@@ -36516,8 +36621,7 @@ function buildCascadeMapForElement(node, edges, monitoredDeclarationsBySelectorI
       const property = declaration.property;
       const newDeclaration = {
         value: declaration.value,
-        source: "selector",
-        guard: declaration.guard,
+        source: 0 /* Selector */,
         guardProvenance: declaration.guardProvenance
       };
       const existingPosition = positions.get(property);
@@ -36536,33 +36640,26 @@ function buildCascadeMapForElement(node, edges, monitoredDeclarationsBySelectorI
       positions.set(property, declaration.position);
     }
   }
-  const inlinePosition = createInlineCascadePosition();
-  const inlineGuardProvenance = {
-    kind: "unconditional",
-    conditions: [],
-    key: "always"
-  };
   for (const [property, value2] of node.inlineStyleValues) {
     const newDeclaration = {
       value: value2,
-      source: "inline-style",
-      guard: "unconditional",
-      guardProvenance: inlineGuardProvenance
+      source: 1 /* InlineStyle */,
+      guardProvenance: INLINE_GUARD_PROVENANCE
     };
     const existingPosition = positions.get(property);
     if (existingPosition === void 0) {
       out.set(property, newDeclaration);
-      positions.set(property, inlinePosition);
+      positions.set(property, INLINE_CASCADE_POSITION);
       continue;
     }
     const existingDeclaration = out.get(property);
     if (existingDeclaration === void 0) continue;
     if (!doesCandidateOverride(
       { declaration: existingDeclaration, position: existingPosition },
-      { declaration: newDeclaration, position: inlinePosition }
+      { declaration: newDeclaration, position: INLINE_CASCADE_POSITION }
     )) continue;
     out.set(property, newDeclaration);
-    positions.set(property, inlinePosition);
+    positions.set(property, INLINE_CASCADE_POSITION);
   }
   if (tailwind !== null) {
     augmentCascadeWithTailwind(out, node, tailwind);
@@ -36579,7 +36676,7 @@ function doesCandidateOverride(existing, incoming) {
   const existingSource = existing.declaration.source;
   const incomingSource = incoming.declaration.source;
   if (existingSource !== incomingSource) {
-    if (incomingSource === "inline-style") {
+    if (incomingSource === 1 /* InlineStyle */) {
       if (existing.position.isImportant && !incoming.position.isImportant) return false;
       return true;
     }
@@ -36587,16 +36684,19 @@ function doesCandidateOverride(existing, incoming) {
   }
   return compareCascadePositions(incoming.position, existing.position) > 0;
 }
-function createInlineCascadePosition() {
-  return {
-    layer: null,
-    layerOrder: Number.MAX_SAFE_INTEGER,
-    sourceOrder: Number.MAX_SAFE_INTEGER,
-    specificity: [1, 0, 0, 0],
-    specificityScore: Number.MAX_SAFE_INTEGER,
-    isImportant: false
-  };
-}
+var INLINE_CASCADE_POSITION = Object.freeze({
+  layer: null,
+  layerOrder: Number.MAX_SAFE_INTEGER,
+  sourceOrder: Number.MAX_SAFE_INTEGER,
+  specificity: [1, 0, 0, 0],
+  specificityScore: Number.MAX_SAFE_INTEGER,
+  isImportant: false
+});
+var INLINE_GUARD_PROVENANCE = Object.freeze({
+  kind: 0 /* Unconditional */,
+  conditions: [],
+  key: "always"
+});
 function resolveRuleLayerOrder(rule, css) {
   const layer = rule.containingLayer;
   if (!layer) return 0;
@@ -36604,14 +36704,14 @@ function resolveRuleLayerOrder(rule, css) {
   if (!name) return 0;
   return css.layerOrder.get(name) ?? 0;
 }
-function buildConditionalDeltaIndex(elements, appliesByElementKey, monitoredDeclarationsBySelectorId) {
-  const conditionalSignalDeltaFactsByElementKey = /* @__PURE__ */ new Map();
+function buildConditionalDeltaIndex(elements, appliesByNode, monitoredDeclarationsBySelectorId) {
+  const conditionalSignalDeltaFactsByNode = /* @__PURE__ */ new Map();
   const elementsWithConditionalDeltaBySignal = /* @__PURE__ */ new Map();
-  const baselineOffsetFactsByElementKey = /* @__PURE__ */ new Map();
+  const baselineOffsetFactsByNode = /* @__PURE__ */ new Map();
   for (let i = 0; i < elements.length; i++) {
     const node = elements[i];
     if (!node) continue;
-    const edges = appliesByElementKey.get(node.key);
+    const edges = appliesByNode.get(node);
     let factByProperty = null;
     if (edges !== void 0 && edges.length > 0) {
       const byProperty = /* @__PURE__ */ new Map();
@@ -36636,7 +36736,7 @@ function buildConditionalDeltaIndex(elements, appliesByElementKey, monitoredDecl
               };
               byProperty.set(property, bucket);
             }
-            if (declaration.guard === "conditional") {
+            if (declaration.guardProvenance.kind === 1 /* Conditional */) {
               bucket.conditional.add(expandedEntry.value);
               continue;
             }
@@ -36676,7 +36776,7 @@ function buildConditionalDeltaIndex(elements, appliesByElementKey, monitoredDecl
         }
         if (facts.size > 0) {
           factByProperty = facts;
-          conditionalSignalDeltaFactsByElementKey.set(node.key, facts);
+          conditionalSignalDeltaFactsByNode.set(node, facts);
           for (const [signal, fact] of facts) {
             if (!fact.hasConditional) continue;
             const existing = elementsWithConditionalDeltaBySignal.get(signal);
@@ -36713,13 +36813,13 @@ function buildConditionalDeltaIndex(elements, appliesByElementKey, monitoredDecl
       baselineBySignal.set(signal, [...values]);
     }
     if (baselineBySignal.size > 0) {
-      baselineOffsetFactsByElementKey.set(node.key, baselineBySignal);
+      baselineOffsetFactsByNode.set(node, baselineBySignal);
     }
   }
   return {
-    conditionalSignalDeltaFactsByElementKey,
+    conditionalSignalDeltaFactsByNode,
     elementsWithConditionalDeltaBySignal,
-    baselineOffsetFactsByElementKey
+    baselineOffsetFactsByNode
   };
 }
 var EMPTY_NODE_LIST2 = [];
@@ -36846,8 +36946,8 @@ function getTextualContentState(element, memo, compositionMetaByElementId, logge
     if (child.kind === "expression") {
       if (isStructuralExpression(child.node)) {
         if (logger.enabled) logger.trace(`[textual-content] element=${element.tagName ?? element.tag}#${element.id} \u2192 unknown (structural expression child)`);
-        memo.set(element.id, "unknown");
-        return "unknown";
+        memo.set(element.id, 2 /* Unknown */);
+        return 2 /* Unknown */;
       }
       hasTextOnlyExpression = true;
       continue;
@@ -36855,8 +36955,8 @@ function getTextualContentState(element, memo, compositionMetaByElementId, logge
     if (child.kind !== "text") continue;
     if (child.node.type !== "JSXText") continue;
     if (isBlank(child.node.value)) continue;
-    memo.set(element.id, "yes");
-    return "yes";
+    memo.set(element.id, 0 /* Yes */);
+    return 0 /* Yes */;
   }
   let childHasUnknown = false;
   let childHasDynamicText = false;
@@ -36870,31 +36970,31 @@ function getTextualContentState(element, memo, compositionMetaByElementId, logge
         if (logger.enabled) logger.trace(`[textual-content] element=${element.tagName ?? element.tag}#${element.id}: non-DOM child ${child.tag}#${child.id} resolves to control tag=${childMeta.tagName}, skipping`);
         continue;
       }
-      if (childState !== "no") {
+      if (childState !== 1 /* No */) {
         if (logger.enabled) logger.trace(`[textual-content] element=${element.tagName ?? element.tag}#${element.id}: non-DOM child ${child.tag ?? child.id}#${child.id} has state=${childState} \u2192 childHasUnknown`);
         childHasUnknown = true;
       }
       continue;
     }
-    if (childState === "yes") {
-      memo.set(element.id, "yes");
-      return "yes";
+    if (childState === 0 /* Yes */) {
+      memo.set(element.id, 0 /* Yes */);
+      return 0 /* Yes */;
     }
-    if (childState === "unknown") childHasUnknown = true;
-    if (childState === "dynamic-text") childHasDynamicText = true;
+    if (childState === 2 /* Unknown */) childHasUnknown = true;
+    if (childState === 3 /* DynamicText */) childHasDynamicText = true;
   }
   if (childHasUnknown) {
     if (logger.enabled) logger.trace(`[textual-content] element=${element.tagName ?? element.tag}#${element.id} \u2192 unknown (child has unknown)`);
-    memo.set(element.id, "unknown");
-    return "unknown";
+    memo.set(element.id, 2 /* Unknown */);
+    return 2 /* Unknown */;
   }
   if (hasTextOnlyExpression || childHasDynamicText) {
     if (logger.enabled) logger.trace(`[textual-content] element=${element.tagName ?? element.tag}#${element.id} \u2192 dynamic-text`);
-    memo.set(element.id, "dynamic-text");
-    return "dynamic-text";
+    memo.set(element.id, 3 /* DynamicText */);
+    return 3 /* DynamicText */;
   }
-  memo.set(element.id, "no");
-  return "no";
+  memo.set(element.id, 1 /* No */);
+  return 1 /* No */;
 }
 function isStructuralExpression(node) {
   if (node.type !== "JSXExpressionContainer") return false;
@@ -37193,8 +37293,6 @@ function buildLayoutGraph(solids, css, logger = noopLogger) {
         classTokens: record.classTokens,
         classTokenSet: record.classTokenSet,
         inlineStyleKeys: record.inlineStyleKeys,
-        parentElementId,
-        parentElementKey: parentNode ? parentNode.key : parentElementId === null ? null : toLayoutElementKey(solid.file, parentElementId),
         parentElementNode: parentNode,
         previousSiblingNode,
         siblingIndex,
@@ -37235,22 +37333,25 @@ function buildLayoutGraph(solids, css, logger = noopLogger) {
       logger.debug(`[build] rootElementsByFile file=${file} count=${roots.length}: ${descs.join(", ")}`);
     }
   }
-  const selectorCandidatesByElementKey = buildSelectorCandidatesByElementKey(elements, scopedSelectorsBySolidFile, perf);
+  const selectorCandidatesByNode = buildSelectorCandidatesByNode(elements, scopedSelectorsBySolidFile, perf);
+  const selectorMatchCtx = {
+    selectorMetadataById,
+    selectorsById,
+    rootElementsByFile,
+    perf,
+    logger
+  };
   for (let i = 0; i < elements.length; i++) {
     const node = elements[i];
     if (!node) continue;
-    const selectorIds = selectorCandidatesByElementKey.get(node.key) ?? EMPTY_NUMBER_LIST2;
+    const selectorIds = selectorCandidatesByNode.get(node) ?? EMPTY_NUMBER_LIST2;
     if (selectorIds.length === 0) continue;
     appendMatchingEdgesFromSelectorIds(
+      selectorMatchCtx,
       selectorIds,
       node,
-      selectorMetadataById,
-      selectorsById,
       applies,
-      appliesByElementNodeMutable,
-      perf,
-      rootElementsByFile,
-      logger
+      appliesByElementNodeMutable
     );
   }
   perf.selectorMatchMs = performance.now() - selectorMatchStartedAt;
@@ -37258,7 +37359,7 @@ function buildLayoutGraph(solids, css, logger = noopLogger) {
   for (const edges of appliesByElementNodeMutable.values()) {
     edges.sort(compareLayoutEdge);
   }
-  const appliesByElementKey = /* @__PURE__ */ new Map();
+  const appliesByNode = /* @__PURE__ */ new Map();
   const tailwind = css.tailwind;
   for (let i = 0; i < elements.length; i++) {
     const node = elements[i];
@@ -37266,7 +37367,7 @@ function buildLayoutGraph(solids, css, logger = noopLogger) {
     const edges = appliesByElementNodeMutable.get(node) ?? [];
     const cascade = buildCascadeMapForElement(node, edges, monitoredDeclarationsBySelectorId, tailwind);
     cascadeByElementNode.set(node, cascade);
-    appliesByElementKey.set(node.key, edges);
+    appliesByNode.set(node, edges);
   }
   perf.cascadeBuildMs = performance.now() - cascadeStartedAt;
   const snapshotByElementNode = buildSignalSnapshotIndex(elements, cascadeByElementNode, perf);
@@ -37274,7 +37375,7 @@ function buildLayoutGraph(solids, css, logger = noopLogger) {
   const factIndex = buildElementFactIndex(elements, snapshotByElementNode);
   const conditionalDeltaIndex = buildConditionalDeltaIndex(
     elements,
-    appliesByElementKey,
+    appliesByNode,
     monitoredDeclarationsBySelectorId
   );
   const elementsWithConditionalOverflowDelta = buildConditionalDeltaSignalGroupElements(
@@ -37292,7 +37393,7 @@ function buildLayoutGraph(solids, css, logger = noopLogger) {
     contextByParentNode,
     measurementNodeByRootKey,
     snapshotByElementNode,
-    snapshotHotSignalsByElementKey: factIndex.snapshotHotSignalsByElementKey
+    snapshotHotSignalsByNode: factIndex.snapshotHotSignalsByNode
   });
   finalizeTableCellBaselineRelevance(contextByParentNode, cohortIndex.verticalAlignConsensusByParent);
   perf.conditionalSignals = cohortIndex.conditionalSignals;
@@ -37308,11 +37409,11 @@ function buildLayoutGraph(solids, css, logger = noopLogger) {
     childrenByParentNode: childrenByParentNodeMutable,
     elementBySolidFileAndId: elementBySolidFileAndIdMutable,
     elementRefsBySolidFileAndId: elementRefsBySolidFileAndIdMutable,
-    appliesByElementKey,
-    selectorCandidatesByElementKey,
+    appliesByNode,
+    selectorCandidatesByNode,
     selectorsById,
     measurementNodeByRootKey,
-    snapshotHotSignalsByElementKey: factIndex.snapshotHotSignalsByElementKey,
+    snapshotHotSignalsByNode: factIndex.snapshotHotSignalsByNode,
     elementsByTagName: factIndex.elementsByTagName,
     elementsWithConditionalDeltaBySignal: conditionalDeltaIndex.elementsWithConditionalDeltaBySignal,
     elementsWithConditionalOverflowDelta,
@@ -37320,12 +37421,12 @@ function buildLayoutGraph(solids, css, logger = noopLogger) {
     elementsByKnownSignalValue: factIndex.elementsByKnownSignalValue,
     dynamicSlotCandidateElements: factIndex.dynamicSlotCandidateElements,
     scrollContainerElements: factIndex.scrollContainerElements,
-    reservedSpaceFactsByElementKey: factIndex.reservedSpaceFactsByElementKey,
-    scrollContainerFactsByElementKey: factIndex.scrollContainerFactsByElementKey,
-    flowParticipationFactsByElementKey: factIndex.flowParticipationFactsByElementKey,
-    containingBlockFactsByElementKey: factIndex.containingBlockFactsByElementKey,
-    conditionalSignalDeltaFactsByElementKey: conditionalDeltaIndex.conditionalSignalDeltaFactsByElementKey,
-    baselineOffsetFactsByElementKey: conditionalDeltaIndex.baselineOffsetFactsByElementKey,
+    reservedSpaceFactsByNode: factIndex.reservedSpaceFactsByNode,
+    scrollContainerFactsByNode: factIndex.scrollContainerFactsByNode,
+    flowParticipationFactsByNode: factIndex.flowParticipationFactsByNode,
+    containingBlockFactsByNode: factIndex.containingBlockFactsByNode,
+    conditionalSignalDeltaFactsByNode: conditionalDeltaIndex.conditionalSignalDeltaFactsByNode,
+    baselineOffsetFactsByNode: conditionalDeltaIndex.baselineOffsetFactsByNode,
     statefulSelectorEntriesByRuleId: statefulRuleIndexes.selectorEntriesByRuleId,
     statefulNormalizedDeclarationsByRuleId: statefulRuleIndexes.normalizedDeclarationsByRuleId,
     statefulBaseValueIndex: statefulRuleIndexes.baseValueIndex,
@@ -37337,11 +37438,11 @@ function buildLayoutGraph(solids, css, logger = noopLogger) {
   };
 }
 function buildElementFactIndex(elements, snapshotByElementNode) {
-  const reservedSpaceFactsByElementKey = /* @__PURE__ */ new Map();
-  const scrollContainerFactsByElementKey = /* @__PURE__ */ new Map();
-  const flowParticipationFactsByElementKey = /* @__PURE__ */ new Map();
-  const containingBlockFactsByElementKey = /* @__PURE__ */ new Map();
-  const snapshotHotSignalsByElementKey = /* @__PURE__ */ new Map();
+  const reservedSpaceFactsByNode = /* @__PURE__ */ new Map();
+  const scrollContainerFactsByNode = /* @__PURE__ */ new Map();
+  const flowParticipationFactsByNode = /* @__PURE__ */ new Map();
+  const containingBlockFactsByNode = /* @__PURE__ */ new Map();
+  const snapshotHotSignalsByNode = /* @__PURE__ */ new Map();
   const elementsByTagName = /* @__PURE__ */ new Map();
   const elementsByKnownSignalValue = /* @__PURE__ */ new Map();
   const dynamicSlotCandidateElements = [];
@@ -37351,7 +37452,7 @@ function buildElementFactIndex(elements, snapshotByElementNode) {
     const node = elements[i];
     if (!node) continue;
     const snapshot = snapshotByElementNode.get(node);
-    if (node.textualContent === "unknown" && node.siblingCount >= 2) {
+    if (node.textualContent === 2 /* Unknown */ && node.siblingCount >= 2) {
       dynamicSlotCandidateElements.push(node);
     }
     if (node.tagName) {
@@ -37372,18 +37473,18 @@ function buildElementFactIndex(elements, snapshotByElementNode) {
         nearestPositionedAncestorHasReservedSpace = parentPositioned.hasReservedSpace;
       }
     }
-    containingBlockFactsByElementKey.set(node.key, {
+    containingBlockFactsByNode.set(node, {
       nearestPositionedAncestorKey,
       nearestPositionedAncestorHasReservedSpace
     });
     if (!snapshot) continue;
     const reservedSpaceFact = computeReservedSpaceFact(snapshot);
-    reservedSpaceFactsByElementKey.set(node.key, reservedSpaceFact);
+    reservedSpaceFactsByNode.set(node, reservedSpaceFact);
     const scrollFact = computeScrollContainerFact(snapshot);
-    scrollContainerFactsByElementKey.set(node.key, scrollFact);
+    scrollContainerFactsByNode.set(node, scrollFact);
     if (scrollFact.isScrollContainer) scrollContainerElements.push(node);
-    flowParticipationFactsByElementKey.set(node.key, computeFlowParticipationFact(snapshot));
-    snapshotHotSignalsByElementKey.set(node.key, computeHotSignals(snapshot));
+    flowParticipationFactsByNode.set(node, computeFlowParticipationFact(snapshot));
+    snapshotHotSignalsByNode.set(node, computeHotSignals(snapshot));
     const positionSignal = snapshot.signals.get("position");
     const isPositioned = positionSignal !== void 0 && positionSignal.kind === "known" && positionSignal.normalized !== "static";
     if (isPositioned) {
@@ -37414,49 +37515,163 @@ function buildElementFactIndex(elements, snapshotByElementNode) {
     }
   }
   return {
-    reservedSpaceFactsByElementKey,
-    scrollContainerFactsByElementKey,
+    reservedSpaceFactsByNode,
+    scrollContainerFactsByNode,
     scrollContainerElements,
-    flowParticipationFactsByElementKey,
-    containingBlockFactsByElementKey,
-    snapshotHotSignalsByElementKey,
+    flowParticipationFactsByNode,
+    containingBlockFactsByNode,
+    snapshotHotSignalsByNode,
     elementsByTagName,
     elementsByKnownSignalValue,
     dynamicSlotCandidateElements
   };
 }
-function computeHotSignals(snapshot) {
+var ABSENT_NUMERIC = Object.freeze({
+  present: false,
+  value: null,
+  kind: 3 /* Unknown */
+});
+var ABSENT_NORMALIZED = Object.freeze({
+  present: false,
+  value: null,
+  kind: 3 /* Unknown */
+});
+function toHotNumeric(signal) {
+  if (signal.kind !== "known") {
+    return {
+      present: true,
+      value: null,
+      kind: signal.guard.kind === 1 /* Conditional */ ? 2 /* Conditional */ : 3 /* Unknown */
+    };
+  }
   return {
-    lineHeight: computeHotNumeric(snapshot, "line-height"),
-    verticalAlign: computeHotNormalized(snapshot, "vertical-align"),
-    alignSelf: computeHotNormalized(snapshot, "align-self"),
-    placeSelf: computeHotNormalized(snapshot, "place-self"),
-    writingMode: computeHotNormalized(snapshot, "writing-mode"),
-    direction: computeHotNormalized(snapshot, "direction"),
-    display: computeHotNormalized(snapshot, "display"),
-    alignItems: computeHotNormalized(snapshot, "align-items"),
-    placeItems: computeHotNormalized(snapshot, "place-items"),
-    position: computeHotNormalized(snapshot, "position"),
-    insetBlockStart: computeHotNumeric(snapshot, "inset-block-start"),
-    insetBlockEnd: computeHotNumeric(snapshot, "inset-block-end"),
-    transform: computeHotNumeric(snapshot, "transform"),
-    translate: computeHotNumeric(snapshot, "translate"),
-    top: computeHotNumeric(snapshot, "top"),
-    bottom: computeHotNumeric(snapshot, "bottom"),
-    marginTop: computeHotNumeric(snapshot, "margin-top"),
-    marginBottom: computeHotNumeric(snapshot, "margin-bottom")
+    present: true,
+    value: signal.px,
+    kind: signal.guard.kind === 1 /* Conditional */ ? 2 /* Conditional */ : signal.quality === "estimated" ? 1 /* Interval */ : 0 /* Exact */
   };
 }
-function computeHotNumeric(snapshot, name) {
+function toHotNormalized(signal) {
+  if (signal.kind !== "known") {
+    return {
+      present: true,
+      value: null,
+      kind: signal.guard.kind === 1 /* Conditional */ ? 2 /* Conditional */ : 3 /* Unknown */
+    };
+  }
   return {
-    present: snapshot.signals.has(name),
-    ...readNumericSignalEvidence(snapshot, name)
+    present: true,
+    value: signal.normalized,
+    kind: signal.guard.kind === 1 /* Conditional */ ? 2 /* Conditional */ : signal.quality === "estimated" ? 1 /* Interval */ : 0 /* Exact */
   };
 }
-function computeHotNormalized(snapshot, name) {
+function computeHotSignals(snapshot) {
+  let lineHeight = ABSENT_NUMERIC;
+  let verticalAlign = ABSENT_NORMALIZED;
+  let alignSelf = ABSENT_NORMALIZED;
+  let placeSelf = ABSENT_NORMALIZED;
+  let flexDirection = ABSENT_NORMALIZED;
+  let gridAutoFlow = ABSENT_NORMALIZED;
+  let writingMode = ABSENT_NORMALIZED;
+  let direction = ABSENT_NORMALIZED;
+  let display = ABSENT_NORMALIZED;
+  let alignItems = ABSENT_NORMALIZED;
+  let placeItems = ABSENT_NORMALIZED;
+  let position = ABSENT_NORMALIZED;
+  let insetBlockStart = ABSENT_NUMERIC;
+  let insetBlockEnd = ABSENT_NUMERIC;
+  let transform = ABSENT_NUMERIC;
+  let translate = ABSENT_NUMERIC;
+  let top = ABSENT_NUMERIC;
+  let bottom = ABSENT_NUMERIC;
+  let marginTop = ABSENT_NUMERIC;
+  let marginBottom = ABSENT_NUMERIC;
+  for (const [name, value2] of snapshot.signals) {
+    switch (name) {
+      case "line-height":
+        lineHeight = toHotNumeric(value2);
+        break;
+      case "vertical-align":
+        verticalAlign = toHotNormalized(value2);
+        break;
+      case "align-self":
+        alignSelf = toHotNormalized(value2);
+        break;
+      case "place-self":
+        placeSelf = toHotNormalized(value2);
+        break;
+      case "flex-direction":
+        flexDirection = toHotNormalized(value2);
+        break;
+      case "grid-auto-flow":
+        gridAutoFlow = toHotNormalized(value2);
+        break;
+      case "writing-mode":
+        writingMode = toHotNormalized(value2);
+        break;
+      case "direction":
+        direction = toHotNormalized(value2);
+        break;
+      case "display":
+        display = toHotNormalized(value2);
+        break;
+      case "align-items":
+        alignItems = toHotNormalized(value2);
+        break;
+      case "place-items":
+        placeItems = toHotNormalized(value2);
+        break;
+      case "position":
+        position = toHotNormalized(value2);
+        break;
+      case "inset-block-start":
+        insetBlockStart = toHotNumeric(value2);
+        break;
+      case "inset-block-end":
+        insetBlockEnd = toHotNumeric(value2);
+        break;
+      case "transform":
+        transform = toHotNumeric(value2);
+        break;
+      case "translate":
+        translate = toHotNumeric(value2);
+        break;
+      case "top":
+        top = toHotNumeric(value2);
+        break;
+      case "bottom":
+        bottom = toHotNumeric(value2);
+        break;
+      case "margin-top":
+        marginTop = toHotNumeric(value2);
+        break;
+      case "margin-bottom":
+        marginBottom = toHotNumeric(value2);
+        break;
+      default:
+        break;
+    }
+  }
   return {
-    present: snapshot.signals.has(name),
-    ...readNormalizedSignalEvidence(snapshot, name)
+    lineHeight,
+    verticalAlign,
+    alignSelf,
+    placeSelf,
+    flexDirection,
+    gridAutoFlow,
+    writingMode,
+    direction,
+    display,
+    alignItems,
+    placeItems,
+    position,
+    insetBlockStart,
+    insetBlockEnd,
+    transform,
+    translate,
+    top,
+    bottom,
+    marginTop,
+    marginBottom
   };
 }
 function computeReservedSpaceFact(snapshot) {
@@ -37491,15 +37706,14 @@ function computeReservedSpaceFact(snapshot) {
 function hasPositiveOrDeclaredDimension(snapshot, property) {
   const signal = snapshot.signals.get(property);
   if (!signal) return false;
-  if (signal.guard !== "unconditional") return false;
+  if (signal.guard.kind !== 0 /* Unconditional */) return false;
   let normalized = "";
   if (signal.kind === "known") {
     if (signal.px !== null) return signal.px > 0;
     normalized = signal.normalized.trim().toLowerCase();
   }
   if (signal.kind === "unknown") {
-    if (signal.raw === null) return false;
-    normalized = signal.raw.trim().toLowerCase();
+    return signal.source !== null;
   }
   if (normalized.length === 0) return false;
   if (isNonReservingDimension(normalized)) return false;
@@ -37508,15 +37722,14 @@ function hasPositiveOrDeclaredDimension(snapshot, property) {
 function hasUsableAspectRatio(snapshot) {
   const signal = snapshot.signals.get("aspect-ratio");
   if (!signal) return false;
-  if (signal.guard !== "unconditional") return false;
+  if (signal.guard.kind !== 0 /* Unconditional */) return false;
+  if (signal.kind === "unknown") {
+    return false;
+  }
   let normalized = "";
   if (signal.kind === "known") {
     normalized = signal.normalized.trim().toLowerCase();
   }
-  if (signal.kind === "unknown") {
-    if (signal.raw === null) return false;
-    normalized = signal.raw.trim().toLowerCase();
-  }
   if (normalized.length === 0) return false;
   return normalized !== "auto";
 }
@@ -37534,8 +37747,8 @@ function computeScrollContainerFact(snapshot) {
   const yFromLonghand = parseSingleAxisScroll(overflowY);
   const xScroll = shorthandAxis.x;
   const yScroll = yFromLonghand === null ? shorthandAxis.y : yFromLonghand;
-  const hasConditionalScroll = overflowSignal?.guard === "conditional" && (shorthandAxis.x || shorthandAxis.y) || overflowYSignal?.guard === "conditional" && yFromLonghand === true;
-  const hasUnconditionalScroll = overflowSignal?.guard === "unconditional" && (shorthandAxis.x || shorthandAxis.y) || overflowYSignal?.guard === "unconditional" && yFromLonghand === true;
+  const hasConditionalScroll = overflowSignal?.guard.kind === 1 /* Conditional */ && (shorthandAxis.x || shorthandAxis.y) || overflowYSignal?.guard.kind === 1 /* Conditional */ && yFromLonghand === true;
+  const hasUnconditionalScroll = overflowSignal?.guard.kind === 0 /* Unconditional */ && (shorthandAxis.x || shorthandAxis.y) || overflowYSignal?.guard.kind === 0 /* Unconditional */ && yFromLonghand === true;
   return {
     isScrollContainer: xScroll || yScroll,
     axis: toScrollAxis(xScroll, yScroll),
@@ -37545,18 +37758,18 @@ function computeScrollContainerFact(snapshot) {
     hasUnconditionalScroll
   };
 }
+var NO_SCROLL = Object.freeze({ x: false, y: false });
+var BOTH_SCROLL = Object.freeze({ x: true, y: true });
 function parseOverflowShorthandAxis(value2) {
-  if (value2 === null) return { x: false, y: false };
-  const tokens = splitWhitespaceTokens(value2);
-  if (tokens.length === 0) return { x: false, y: false };
-  const first = tokens[0];
-  if (!first) return { x: false, y: false };
-  if (tokens.length === 1) {
-    const scroll = SCROLLABLE_VALUES.has(first);
-    return { x: scroll, y: scroll };
-  }
-  const second = tokens[1];
-  if (!second) return { x: SCROLLABLE_VALUES.has(first), y: false };
+  if (value2 === null) return NO_SCROLL;
+  const trimmed = value2.trim();
+  const spaceIdx = trimmed.indexOf(" ");
+  if (spaceIdx === -1) {
+    const scroll = SCROLLABLE_VALUES.has(trimmed);
+    return scroll ? BOTH_SCROLL : NO_SCROLL;
+  }
+  const first = trimmed.slice(0, spaceIdx);
+  const second = trimmed.slice(spaceIdx + 1).trimStart();
   return {
     x: SCROLLABLE_VALUES.has(first),
     y: SCROLLABLE_VALUES.has(second)
@@ -37564,16 +37777,16 @@ function parseOverflowShorthandAxis(value2) {
 }
 function parseSingleAxisScroll(value2) {
   if (value2 === null) return null;
-  const tokens = splitWhitespaceTokens(value2);
-  const first = tokens[0];
-  if (!first) return null;
+  const trimmed = value2.trim();
+  const spaceIdx = trimmed.indexOf(" ");
+  const first = spaceIdx === -1 ? trimmed : trimmed.slice(0, spaceIdx);
   return SCROLLABLE_VALUES.has(first);
 }
 function toScrollAxis(x, y) {
-  if (x && y) return "both";
-  if (x) return "x";
-  if (y) return "y";
-  return "none";
+  if (x && y) return 3 /* Both */;
+  if (x) return 1 /* X */;
+  if (y) return 2 /* Y */;
+  return 0 /* None */;
 }
 function computeFlowParticipationFact(snapshot) {
   const signal = snapshot.signals.get("position");
@@ -37590,8 +37803,8 @@ function computeFlowParticipationFact(snapshot) {
   return {
     inFlow: !outOfFlow,
     position,
-    hasConditionalOutOfFlow: signal.guard === "conditional" && outOfFlow,
-    hasUnconditionalOutOfFlow: signal.guard === "unconditional" && outOfFlow
+    hasConditionalOutOfFlow: signal.guard.kind === 1 /* Conditional */ && outOfFlow,
+    hasUnconditionalOutOfFlow: signal.guard.kind === 0 /* Unconditional */ && outOfFlow
   };
 }
 function buildContextIndex(childrenByParentNode, snapshotByElementNode, perf) {
@@ -37666,7 +37879,7 @@ function collectAlignmentCases(context) {
           subjectDeclaredOffsetDeviation,
           subjectEffectiveOffsetDeviation,
           subjectLineHeightDeviation,
-          subjectStats.element.snapshot.textualContent,
+          subjectStats.element.snapshot.node.textualContent,
           subjectStats.element,
           subjectStats.contentComposition,
           cohortContentCompositions
@@ -37759,26 +37972,26 @@ function coverageFromNumeric(value2) {
 }
 function coverageFromConflict(value2) {
   const certainty = coverageFromKind(value2.kind);
-  if (value2.value === "unknown") return certainty * 0.4;
+  if (value2.value === 2 /* Unknown */) return certainty * 0.4;
   return certainty;
 }
 function coverageFromTextContrast(value2) {
-  if (value2 === "unknown") return 0.35;
+  if (value2 === 2 /* Unknown */) return 0.35;
   return 1;
 }
 function coverageFromSubjectText(subjectTextualContent) {
-  if (subjectTextualContent === "unknown") return 0.35;
+  if (subjectTextualContent === 2 /* Unknown */) return 0.35;
   return 1;
 }
 function coverageFromContextCertainty(certainty) {
-  if (certainty === "resolved") return 1;
-  if (certainty === "conditional") return 0.55;
+  if (certainty === 0 /* Resolved */) return 1;
+  if (certainty === 1 /* Conditional */) return 0.55;
   return 0.25;
 }
 function coverageFromKind(kind) {
-  if (kind === "exact") return 1;
-  if (kind === "interval") return 0.78;
-  if (kind === "conditional") return 0.5;
+  if (kind === 0 /* Exact */) return 1;
+  if (kind === 1 /* Interval */) return 0.78;
+  if (kind === 2 /* Conditional */) return 0.5;
   return 0.2;
 }
 function averageCoverage(...values) {
@@ -37811,24 +38024,7 @@ function resolveEffectiveAlignmentContext(parentContext, child, measurementNode,
   const childContext = contextByParentNode.get(child);
   if (!childContext) return parentContext;
   if (childContext.baselineRelevance !== "irrelevant") return parentContext;
-  return {
-    kind: parentContext.kind,
-    certainty: parentContext.certainty,
-    parentSolidFile: parentContext.parentSolidFile,
-    parentElementId: parentContext.parentElementId,
-    parentElementKey: parentContext.parentElementKey,
-    parentTag: parentContext.parentTag,
-    axis: parentContext.axis,
-    axisCertainty: parentContext.axisCertainty,
-    inlineDirection: parentContext.inlineDirection,
-    inlineDirectionCertainty: parentContext.inlineDirectionCertainty,
-    parentDisplay: parentContext.parentDisplay,
-    parentAlignItems: parentContext.parentAlignItems,
-    parentPlaceItems: parentContext.parentPlaceItems,
-    hasPositionedOffset: parentContext.hasPositionedOffset,
-    baselineRelevance: "irrelevant",
-    evidence: parentContext.evidence
-  };
+  return deriveAlignmentContext(parentContext, { baselineRelevance: "irrelevant" });
 }
 function compareAlignmentCaseOrder(left, right) {
   if (left.subject.solidFile < right.subject.solidFile) return -1;
@@ -37847,12 +38043,12 @@ function buildConsistencyEvidence(input) {
     input.cohortProfile.medianLineHeightPx,
     input.cohortProfile.medianDeclaredOffsetPx
   );
-  const offset = normalizeDeviation(
+  const offsetRaw = normalizeDeviation(
     input.subjectEffectiveOffsetDeviation,
     input.cohortProfile.effectiveOffsetDispersionPx,
     effectiveOffsetScaleReference
   );
-  const declaredOffset = normalizeDeviation(
+  const declaredOffsetRaw = normalizeDeviation(
     input.subjectDeclaredOffsetDeviation,
     input.cohortProfile.declaredOffsetDispersionPx,
     declaredOffsetScaleReference
@@ -37863,10 +38059,15 @@ function buildConsistencyEvidence(input) {
     input.cohortProfile.medianLineHeightPx
   );
   const baselinesIrrelevant = input.context.baselineRelevance === "irrelevant";
-  const baselineStrength = baselinesIrrelevant ? ZERO_STRENGTH : resolveBaselineStrength(input, lineHeight);
-  const contextStrength = baselinesIrrelevant ? ZERO_STRENGTH : resolveContextStrength(input, lineHeight);
-  const replacedStrength = baselinesIrrelevant ? ZERO_STRENGTH : resolveReplacedControlStrength(input, lineHeight);
-  const compositionStrength = baselinesIrrelevant ? ZERO_STRENGTH : resolveContentCompositionStrength(input);
+  const blockAxisIsMainAxis = !input.context.crossAxisIsBlockAxis;
+  const suppressAll = blockAxisIsMainAxis;
+  const offset = suppressAll ? ZERO_STRENGTH : offsetRaw;
+  const declaredOffset = suppressAll ? ZERO_STRENGTH : declaredOffsetRaw;
+  const baselineStrength = baselinesIrrelevant || suppressAll ? ZERO_STRENGTH : resolveBaselineStrength(input, lineHeight);
+  const contextStrength = baselinesIrrelevant || suppressAll ? ZERO_STRENGTH : resolveContextStrength(input, lineHeight);
+  const replacedStrength = baselinesIrrelevant || suppressAll ? ZERO_STRENGTH : resolveReplacedControlStrength(input, lineHeight);
+  const compositionResult = baselinesIrrelevant || suppressAll ? null : resolveContentCompositionStrength(input);
+  const compositionStrength = compositionResult ? compositionResult.evidence : ZERO_STRENGTH;
   const contextCertaintyPenalty = resolveContextCertaintyPenalty(input);
   const provenance = input.cohortProvenance;
   const atoms = buildEvidenceAtoms(
@@ -37887,6 +38088,7 @@ function buildConsistencyEvidence(input) {
     contextStrength: contextStrength.strength,
     replacedStrength: replacedStrength.strength,
     compositionStrength: compositionStrength.strength,
+    majorityClassification: compositionResult ? compositionResult.divergence.majorityClassification : 5 /* Unknown */,
     identifiability: input.subjectIdentifiability,
     factSummary,
     atoms
@@ -37922,7 +38124,7 @@ function resolveOffsetScaleReference(medianLineHeightPx, fallbackMedianOffsetPx)
 }
 function resolveBaselineStrength(input, lineHeight) {
   const verticalAlign = input.cohortSignals.verticalAlign;
-  const hasConflict = verticalAlign.value === "conflict";
+  const hasConflict = verticalAlign.value === 0 /* Conflict */;
   const conflict = hasConflict ? alignmentStrengthCalibration.baselineConflictBoost : 0;
   const kind = resolveBaselineEvidenceKind(lineHeight.kind, verticalAlign.kind, hasConflict);
   return {
@@ -37932,7 +38134,7 @@ function resolveBaselineStrength(input, lineHeight) {
 }
 function resolveBaselineEvidenceKind(lineHeightKind, verticalAlignKind, hasConflict) {
   if (!hasConflict) return mergeEvidenceKind(lineHeightKind, verticalAlignKind);
-  if (lineHeightKind === "unknown") return verticalAlignKind;
+  if (lineHeightKind === 3 /* Unknown */) return verticalAlignKind;
   return mergeEvidenceKind(lineHeightKind, verticalAlignKind);
 }
 function resolveContextStrength(input, lineHeight) {
@@ -37960,7 +38162,7 @@ function resolveContextConflictEvidence(input) {
   const alignSelf = input.cohortSignals.alignSelf;
   const placeSelf = input.cohortSignals.placeSelf;
   const kind = mergeEvidenceKind(alignSelf.kind, placeSelf.kind);
-  const hasConflict = alignSelf.value === "conflict" || placeSelf.value === "conflict";
+  const hasConflict = alignSelf.value === 0 /* Conflict */ || placeSelf.value === 0 /* Conflict */;
   if (!hasConflict) {
     return {
       strength: 0,
@@ -37974,23 +38176,23 @@ function resolveContextConflictEvidence(input) {
 }
 function resolveReplacedControlStrength(input, lineHeight) {
   const subject = input.subject.snapshot;
-  const hasReplacedPair = subject.isControl || subject.isReplaced || input.cohortSignals.hasControlOrReplacedPeer;
+  const hasReplacedPair = subject.node.isControl || subject.node.isReplaced || input.cohortSignals.hasControlOrReplacedPeer;
   if (!hasReplacedPair) {
     return {
       strength: 0,
       kind: lineHeight.kind
     };
   }
-  if (input.cohortSignals.textContrastWithPeers === "different") {
+  if (input.cohortSignals.textContrastWithPeers === 0 /* Different */) {
     return {
       strength: alignmentStrengthCalibration.replacedDifferentTextBoost,
-      kind: "exact"
+      kind: 0 /* Exact */
     };
   }
-  if (input.cohortSignals.textContrastWithPeers === "unknown") {
+  if (input.cohortSignals.textContrastWithPeers === 2 /* Unknown */) {
     return {
       strength: alignmentStrengthCalibration.replacedUnknownTextBoost,
-      kind: "conditional"
+      kind: 2 /* Conditional */
     };
   }
   return {
@@ -37999,22 +38201,28 @@ function resolveReplacedControlStrength(input, lineHeight) {
   };
 }
 function resolveContentCompositionStrength(input) {
-  const divergenceStrength = resolveCompositionDivergenceStrength(
+  const divergence = resolveCompositionDivergence(
     input.subjectContentComposition,
     input.cohortContentCompositions,
     input.context
   );
-  if (divergenceStrength <= 0) {
+  if (divergence.strength <= 0) {
     return {
-      strength: 0,
-      kind: "exact"
+      evidence: {
+        strength: 0,
+        kind: 0 /* Exact */
+      },
+      divergence
     };
   }
   const subjectClassification = input.subjectContentComposition.classification;
-  const kind = subjectClassification === "unknown" ? "conditional" : "exact";
+  const kind = subjectClassification === 5 /* Unknown */ ? 2 /* Conditional */ : 0 /* Exact */;
   return {
-    strength: clamp(divergenceStrength, 0, 1),
-    kind
+    evidence: {
+      strength: clamp(divergence.strength, 0, 1),
+      kind
+    },
+    divergence
   };
 }
 function resolveContextCertaintyPenalty(input) {
@@ -38086,9 +38294,9 @@ function buildEvidenceAtoms(input, offset, declaredOffset, baselineStrength, con
   return out;
 }
 function mapContextCertaintyToEvidenceKind(certainty) {
-  if (certainty === "resolved") return "exact";
-  if (certainty === "conditional") return "conditional";
-  return "unknown";
+  if (certainty === 0 /* Resolved */) return 0 /* Exact */;
+  if (certainty === 1 /* Conditional */) return 2 /* Conditional */;
+  return 3 /* Unknown */;
 }
 function pushSupportAtom(out, factorId, valueKind, strength, coverage, provenance) {
   pushAtom(out, factorId, valueKind, strength, coverage, provenance, "support");
@@ -38114,19 +38322,19 @@ function pushAtom(out, factorId, valueKind, strength, coverage, provenance, expe
 }
 function toPositiveContribution(strength, maxWeight, valueKind) {
   const contribution = clamp(strength, 0, 2) * maxWeight;
-  if (valueKind === "exact") {
+  if (valueKind === 0 /* Exact */) {
     return {
       min: contribution,
       max: contribution
     };
   }
-  if (valueKind === "interval") {
+  if (valueKind === 1 /* Interval */) {
     return {
       min: contribution * evidenceContributionCalibration.supportIntervalLowerScale,
       max: contribution
     };
   }
-  if (valueKind === "conditional") {
+  if (valueKind === 2 /* Conditional */) {
     return {
       min: 0,
       max: contribution * evidenceContributionCalibration.supportConditionalUpperScale
@@ -38139,19 +38347,19 @@ function toPositiveContribution(strength, maxWeight, valueKind) {
 }
 function toNegativeContribution(strength, maxPenalty, valueKind) {
   const penalty = clamp(strength, 0, 1) * maxPenalty;
-  if (valueKind === "exact") {
+  if (valueKind === 0 /* Exact */) {
     return {
       min: -penalty,
       max: -penalty
     };
   }
-  if (valueKind === "interval") {
+  if (valueKind === 1 /* Interval */) {
     return {
       min: -penalty,
       max: -penalty * evidenceContributionCalibration.penaltyIntervalUpperScale
     };
   }
-  if (valueKind === "conditional") {
+  if (valueKind === 2 /* Conditional */) {
     return {
       min: -penalty,
       max: 0
@@ -38162,7 +38370,7 @@ function toNegativeContribution(strength, maxPenalty, valueKind) {
     max: 0
   };
 }
-var ZERO_STRENGTH = { strength: 0, kind: "exact" };
+var ZERO_STRENGTH = { strength: 0, kind: 0 /* Exact */ };
 
 // src/cross-file/layout/consistency-policy.ts
 function applyConsistencyPolicy(input) {
@@ -38246,23 +38454,38 @@ function resolveConfidence(posterior, evidenceMass) {
   const confidence = posterior.lower * weightedMass * (1 - intervalWidth * alignmentPolicyCalibration.confidenceIntervalPenalty);
   return clamp(confidence, 0, 1);
 }
+var EMPTY_FACTOR_LIST = Object.freeze([]);
 function selectTopFactors(evidence) {
-  const sorted = [...evidence.atoms];
-  sorted.sort((left, right) => {
-    const leftMagnitude = Math.abs((left.contribution.min + left.contribution.max) / 2);
-    const rightMagnitude = Math.abs((right.contribution.min + right.contribution.max) / 2);
-    if (leftMagnitude !== rightMagnitude) return rightMagnitude - leftMagnitude;
-    if (left.factorId < right.factorId) return -1;
-    if (left.factorId > right.factorId) return 1;
+  const atoms = evidence.atoms;
+  if (atoms.length === 0) return EMPTY_FACTOR_LIST;
+  const top = [];
+  for (let i = 0; i < atoms.length; i++) {
+    const atom = atoms[i];
+    if (!atom) continue;
+    const mag = Math.abs((atom.contribution.min + atom.contribution.max) / 2);
+    if (mag <= 0) continue;
+    if (top.length < 4) {
+      top.push({ id: atom.factorId, mag });
+      continue;
+    }
+    let minIdx = 0;
+    for (let j = 1; j < top.length; j++) {
+      const curr = top[j];
+      const best = top[minIdx];
+      if (curr && best && curr.mag < best.mag) minIdx = j;
+    }
+    const minEntry = top[minIdx];
+    if (minEntry && mag > minEntry.mag) {
+      top[minIdx] = { id: atom.factorId, mag };
+    }
+  }
+  top.sort((a, b) => {
+    if (a.mag !== b.mag) return b.mag - a.mag;
+    if (a.id < b.id) return -1;
+    if (a.id > b.id) return 1;
     return 0;
   });
-  const out = [];
-  for (let i = 0; i < sorted.length && i < 4; i++) {
-    const item = sorted[i];
-    if (!item) continue;
-    out.push(item.factorId);
-  }
-  return out;
+  return top.map((t) => t.id);
 }
 function logistic(value2) {
   if (value2 > 30) return 1;
@@ -38283,7 +38506,7 @@ function evaluateAlignmentCase(input) {
       evidenceMass: policy.evidenceMass
     };
   }
-  const signalFindings = buildFindingsFromAtoms(evidence.atoms, input);
+  const signalFindings = buildFindingsFromAtoms(evidence.atoms, input, evidence);
   return {
     kind: "accept",
     evaluation: {
@@ -38303,12 +38526,12 @@ function evaluateAlignmentCase(input) {
     }
   };
 }
-function buildFindingsFromAtoms(atoms, input) {
+function buildFindingsFromAtoms(atoms, input, evidence) {
   const byKind = /* @__PURE__ */ new Map();
   for (let i = 0; i < atoms.length; i++) {
     const atom = atoms[i];
     if (!atom) continue;
-    const factor = toFindingFactor(atom.factorId, input);
+    const factor = toFindingFactor(atom.factorId, input, evidence);
     if (factor === null) continue;
     const meanContribution = (atom.contribution.min + atom.contribution.max) / 2;
     if (meanContribution <= 0) continue;
@@ -38329,7 +38552,7 @@ function buildFindingsFromAtoms(atoms, input) {
   }
   return [...byKind.values()];
 }
-function toFindingFactor(factorId, input) {
+function toFindingFactor(factorId, input, evidence) {
   switch (factorId) {
     case "offset-delta":
       return {
@@ -38359,17 +38582,15 @@ function toFindingFactor(factorId, input) {
     case "content-composition-conflict":
       return {
         kind: "content-composition-conflict",
-        message: formatContentCompositionFinding(input)
+        message: formatContentCompositionFinding(input, evidence)
       };
     default:
       return null;
   }
 }
-function formatContentCompositionFinding(input) {
+function formatContentCompositionFinding(input, evidence) {
   const subjectClassification = formatCompositionClassification(input.subjectContentComposition.classification);
-  const majorityClassification = formatCompositionClassification(
-    resolveMajorityClassification(input.cohortContentCompositions)
-  );
+  const majorityClassification = formatCompositionClassification(evidence.majorityClassification);
   const fixSuggestion = formatCompositionFixSuggestion(input.subjectContentComposition);
   return `siblings have identical CSS but different content composition (subject: ${subjectClassification}, majority: ${majorityClassification}; fix: ${fixSuggestion})`;
 }
@@ -38428,7 +38649,7 @@ function recordPolicyMetrics(context, evidenceMass, posteriorLower, posteriorUpp
   context.layout.perf.factorCoverageSum += clamp(evidenceMass, 0, 1);
   context.layout.perf.factorCoverageCount++;
   const width = clamp(posteriorUpper - posteriorLower, 0, 1);
-  context.layout.perf.posteriorWidths.push(width);
+  reservoirPush(context.layout.perf.posteriorWidths, width);
   if (width > 1e-3) context.layout.perf.uncertaintyEscalations++;
 }
 
@@ -38447,16 +38668,16 @@ function readNodeRefById(layout, solidFile, elementId) {
 }
 function isFlowRelevantBySiblingsOrText(node, textualContent) {
   if (node.siblingCount >= 2) return true;
-  return textualContent === "yes" || textualContent === "unknown" || textualContent === "dynamic-text";
+  return textualContent === 0 /* Yes */ || textualContent === 2 /* Unknown */ || textualContent === 3 /* DynamicText */;
 }
 function isDeferredContainerLike(node, textualContent) {
   if (node.siblingCount >= 2) return true;
-  if (textualContent === "unknown") return true;
+  if (textualContent === 2 /* Unknown */) return true;
   if (node.tagName !== null && SECTIONING_CONTAINER_TAGS.has(node.tagName)) return true;
   return false;
 }
 function isDynamicContainerLike(node) {
-  return node.textualContent === "unknown" && node.siblingCount >= 2;
+  return node.textualContent === 2 /* Unknown */ && node.siblingCount >= 2;
 }
 function isLikelyViewportAffectingContainer(node) {
   if (node.siblingCount >= 2) return true;
@@ -39696,7 +39917,7 @@ var cssLayoutScrollbarGutterInstability = defineCrossRule({
       const snapshot = collectSignalSnapshot(context, node);
       const scroll = readScrollContainerFact(context.layout, node);
       if (!scroll.isScrollContainer) continue;
-      if (scroll.axis !== "y" && scroll.axis !== "both") continue;
+      if (scroll.axis !== 2 /* Y */ && scroll.axis !== 3 /* Both */) continue;
       const scrollbarWidth = readKnownNormalized(snapshot, "scrollbar-width");
       if (scrollbarWidth === "none") continue;
       const gutter = readKnownNormalized(snapshot, "scrollbar-gutter");
@@ -39826,10 +40047,10 @@ var cssLayoutConditionalDisplayCollapse = defineCrossRule({
       const display = readKnownNormalizedWithGuard(snapshot, "display");
       if (!display || !COLLAPSING_DISPLAYS.has(display)) continue;
       const displaySignal = snapshot.signals.get("display");
-      if (!displaySignal || displaySignal.guard !== "conditional") continue;
+      if (!displaySignal || displaySignal.guard.kind !== 1 /* Conditional */) continue;
       const flow = readFlowParticipationFact(context.layout, node);
       if (!flow.inFlow) continue;
-      if (!isFlowRelevantBySiblingsOrText(node, snapshot.textualContent)) continue;
+      if (!isFlowRelevantBySiblingsOrText(node, snapshot.node.textualContent)) continue;
       const reservedSpace = readReservedSpaceFact(context.layout, node);
       if (reservedSpace.hasReservedSpace) continue;
       if (!emitLayoutDiagnostic(context.layout, node, emit, cssLayoutConditionalDisplayCollapse.id, "conditionalDisplayCollapse", messages152.conditionalDisplayCollapse, cssLayoutConditionalDisplayCollapse.severity, { display })) continue;
@@ -39865,10 +40086,10 @@ var cssLayoutConditionalWhiteSpaceWrapShift = defineCrossRule({
       if (!hasWrapShiftDelta(whiteSpaceDelta)) continue;
       if (!whiteSpace) continue;
       const whiteSpaceSignal = snapshot.signals.get("white-space");
-      if (!whiteSpaceSignal || whiteSpaceSignal.guard !== "conditional") continue;
+      if (!whiteSpaceSignal || whiteSpaceSignal.guard.kind !== 1 /* Conditional */) continue;
       const flow = readFlowParticipationFact(context.layout, node);
       if (!flow.inFlow) continue;
-      if (!isFlowRelevantBySiblingsOrText(node, snapshot.textualContent)) continue;
+      if (!isFlowRelevantBySiblingsOrText(node, snapshot.node.textualContent)) continue;
       if (hasStableTextShell(snapshot)) continue;
       if (!emitLayoutDiagnostic(context.layout, node, emit, cssLayoutConditionalWhiteSpaceWrapShift.id, "conditionalWhiteSpaceShift", messages153.conditionalWhiteSpaceShift, cssLayoutConditionalWhiteSpaceWrapShift.severity, { whiteSpace })) continue;
     }
@@ -40005,7 +40226,7 @@ var cssLayoutContentVisibilityNoIntrinsicSize = defineCrossRule({
       const node = candidates[i];
       if (!node) continue;
       const snapshot = collectSignalSnapshot(context, node);
-      if (!isDeferredContainerLike(node, snapshot.textualContent)) continue;
+      if (!isDeferredContainerLike(node, snapshot.node.textualContent)) continue;
       const reservedSpace = readReservedSpaceFact(context.layout, node);
       if (reservedSpace.hasReservedSpace) continue;
       if (!emitLayoutDiagnostic(context.layout, node, emit, cssLayoutContentVisibilityNoIntrinsicSize.id, "missingIntrinsicSize", messages156.missingIntrinsicSize, cssLayoutContentVisibilityNoIntrinsicSize.severity)) continue;
@@ -40064,11 +40285,11 @@ function collectConditionalOffsets(layout, node, snapshot) {
     if (!delta.hasConditional || !delta.hasDelta) continue;
     const signal = snapshot.signals.get(name);
     if (!signal) continue;
-    if (signal.guard !== "conditional") continue;
+    if (signal.guard.kind !== 1 /* Conditional */) continue;
     if (signal.kind !== "known") continue;
     if (signal.px === null) continue;
     if (Math.abs(signal.px) <= 0.25) continue;
-    out.push({ property: name, value: signal.px, guardKey: signal.guardProvenance.key });
+    out.push({ property: name, value: signal.px, guardKey: signal.guard.key });
   }
   return out;
 }
@@ -40089,8 +40310,8 @@ function hasEffectivePositionForConditionalOffset(snapshot, guardKey) {
   const position = snapshot.signals.get("position");
   if (!position) return false;
   if (position.kind !== "known") return false;
-  if (position.guard !== "conditional") return false;
-  if (position.guardProvenance.key !== guardKey) return false;
+  if (position.guard.kind !== 1 /* Conditional */) return false;
+  if (position.guard.key !== guardKey) return false;
   return position.normalized !== "static";
 }
 function hasStableBaseline(baselineBySignal, property, expectedPx) {
@@ -42304,13 +42525,14 @@ var RULES = [
   {
     "id": "resource-implicit-suspense",
     "severity": "warn",
-    "description": "Detect createResource without initialValue that implicitly triggers Suspense boundaries.",
-    "fixable": false,
+    "description": "Detect createResource that implicitly triggers or permanently breaks Suspense boundaries.",
+    "fixable": true,
     "category": "reactivity",
     "plugin": "solid",
     "messages": {
-      "loadingMismatch": "createResource '{{name}}' has no initialValue but uses manual loading checks ({{name}}.loading). Without initialValue, Suspense intercepts before your loading UI renders. Add initialValue to the options: createResource(fetcher, { initialValue: ... })",
-      "conditionalSuspense": "createResource '{{name}}' has no initialValue and is rendered inside a conditional mount point ({{mountTag}}). This will trigger a distant Suspense boundary and unmount the entire subtree. Add initialValue to the options: createResource(fetcher, { initialValue: ... })"
+      "loadingMismatch": "createResource '{{name}}' has no initialValue but uses {{name}}.loading for manual loading UI. Suspense intercepts before your loading UI renders \u2014 the component is unmounted before the <Show>/<Switch> evaluates. Replace createResource with onMount + createSignal to decouple from Suspense entirely.",
+      "conditionalSuspense": "createResource '{{name}}' is inside a conditional mount point ({{mountTag}}) with a distant Suspense boundary. The SuspenseContext increment fires when the fetcher's Promise is pending and unmounts the entire page subtree \u2014 initialValue does NOT prevent this. Replace createResource with onMount + createSignal to avoid Suspense interaction.",
+      "missingErrorBoundary": "createResource '{{name}}' has no <ErrorBoundary> between its component and the nearest <Suspense>. When the fetcher throws (network error, 401/403/503, timeout), the error propagates to Suspense which has no error handling \u2014 the boundary breaks permanently. Wrap the component in <ErrorBoundary> or replace createResource with onMount + createSignal and catch errors in the fetcher."
     }
   },
   {
@@ -42513,7 +42735,7 @@ var RULES_BY_CATEGORY = {
   "css-structure": [{ "id": "css-no-empty-rule", "severity": "warn", "description": "Disallow empty CSS rules.", "fixable": false, "category": "css-structure", "plugin": "css", "messages": { "emptyRule": "Empty rule `{{selector}}` should be removed." } }, { "id": "css-no-unknown-container-name", "severity": "error", "description": "Disallow unknown named containers in @container queries.", "fixable": false, "category": "css-structure", "plugin": "css", "messages": { "unknownContainer": "Unknown container name `{{name}}` in @container query." } }, { "id": "css-no-unused-container-name", "severity": "warn", "description": "Disallow unused named containers.", "fixable": false, "category": "css-structure", "plugin": "css", "messages": { "unusedContainer": "Container name `{{name}}` is declared but never queried." } }, { "id": "layer-requirement-for-component-rules", "severity": "warn", "description": "Require style rules to be inside @layer when the file defines layers.", "fixable": false, "category": "css-structure", "plugin": "css", "messages": { "missingLayer": "Rule `{{selector}}` is not inside any @layer block while this file uses @layer. Place component rules inside an explicit layer." } }],
   "jsx": [{ "id": "components-return-once", "severity": "error", "description": "Disallow early returns in components. Solid components only run once, and so conditionals should be inside JSX.", "fixable": true, "category": "jsx", "plugin": "solid", "messages": { "noEarlyReturn": "Early returns in Solid components break reactivity because the component function only runs once. Use <Show> or <Switch>/<Match> inside the JSX to conditionally render content instead of returning early from the function.", "noConditionalReturn": "Conditional expressions in return statements break reactivity because Solid components only run once. Wrap the condition in <Show when={...}> for a single condition, or <Switch>/<Match> for multiple conditions." } }, { "id": "jsx-no-duplicate-props", "severity": "error", "description": "Disallow passing the same prop twice in JSX.", "fixable": true, "category": "jsx", "plugin": "solid", "messages": { "noDuplicateProps": "Duplicate prop detected. Each prop should only be specified once; the second value will override the first.", "noDuplicateClass": "Duplicate `class` prop detected. While this might appear to work, it can break unexpectedly because only one class binding is applied. Use `classList` to conditionally apply multiple classes.", "noDuplicateChildren": "Conflicting children: {{used}}. Only one method of setting children is allowed at a time." } }, { "id": "jsx-no-script-url", "severity": "error", "description": "Disallow javascript: URLs.", "fixable": true, "category": "jsx", "plugin": "solid", "messages": { "noJSURL": "Using javascript: URLs is a security risk because it can enable cross-site scripting (XSS) attacks. Use an event handler like onClick instead, or navigate programmatically with useNavigate()." } }, { "id": "jsx-no-undef", "severity": "error", "description": "Disallow references to undefined variables in JSX. Handles custom directives.", "fixable": false, "category": "jsx", "plugin": "solid", "messages": { "customDirectiveUndefined": "Custom directive '{{identifier}}' is not defined. Directives must be imported or declared in scope before use (e.g., `const {{identifier}} = (el, accessor) => { ... }`)." } }, { "id": "jsx-uses-vars", "severity": "warn", "description": "Detect imported components and directives that are never used in JSX.", "fixable": false, "category": "jsx", "plugin": "solid", "messages": { "unusedComponent": "Component '{{name}}' is imported but never used in JSX.", "unusedDirective": "Directive '{{name}}' is imported but never used in JSX." } }, { "id": "no-innerhtml", "severity": "error", "description": "Disallow usage of the innerHTML attribute, which can lead to security vulnerabilities.", "fixable": true, "category": "jsx", "plugin": "solid", "messages": { "dangerous": "Using innerHTML with dynamic content is a security risk. Unsanitized user input can lead to cross-site scripting (XSS) attacks. Use a sanitization library or render content safely.", "conflict": "The innerHTML prop will overwrite all child elements. Remove the children or use innerHTML on an empty element.", "notHtml": "The innerHTML value doesn't appear to be HTML. If you're setting text content, use innerText instead for clarity and safety.", "dangerouslySetInnerHTML": "The dangerouslySetInnerHTML is a React prop that Solid doesn't support. Use innerHTML instead." } }, { "id": "no-unknown-namespaces", "severity": "error", "description": "Enforce using only Solid-specific namespaced attribute names (i.e. `'on:'` in `<div on:click={...} />`).", "fixable": false, "category": "jsx", "plugin": "solid", "messages": { "unknownNamespace": "'{{namespace}}:' is not a recognized Solid namespace. Valid namespaces are: {{validNamespaces}}.", "styleNamespace": "The 'style:' namespace works but is discouraged. Use the style prop with an object instead: style={{ {{property}}: value }}.", "classNamespace": `The 'class:' namespace works but is discouraged. Use the classList prop instead: classList={{ "{{className}}": condition }}.`, "componentNamespace": "Namespaced attributes like '{{namespace}}:' only work on DOM elements, not components. The '{{fullName}}' attribute will be passed as a regular prop named '{{fullName}}'." } }, { "id": "show-truthy-conversion", "severity": "error", "description": "Detect <Show when={expr}> where expr is not explicitly boolean, which may have unexpected truthy/falsy behavior.", "fixable": true, "category": "jsx", "plugin": "solid", "messages": { "showNonBoolean": "<Show when={{{{expr}}}}> uses truthy/falsy conversion. Value '0' or empty string '' will hide content. Use explicit boolean: when={Boolean({{expr}})} or when={{{expr}}} != null}" } }, { "id": "suspense-boundary-missing", "severity": "error", "description": "Detect missing fallback props on Suspense/ErrorBoundary, and lazy components without Suspense wrapper.", "fixable": false, "category": "jsx", "plugin": "solid", "messages": { "suspenseNoFallback": "<Suspense> should have a fallback prop to show while children are loading. Add: fallback={<Loading />}", "errorBoundaryNoFallback": "<ErrorBoundary> should have a fallback prop to show when an error occurs. Add: fallback={(err) => <Error error={err} />}", "lazyNoSuspense": "Lazy component '{{name}}' must be wrapped in a <Suspense> boundary. Add a <Suspense fallback={...}> ancestor." } }, { "id": "validate-jsx-nesting", "severity": "error", "description": "Validates that HTML elements are nested according to the HTML5 specification.", "fixable": false, "category": "jsx", "plugin": "solid", "messages": { "invalidNesting": "Invalid HTML nesting: <{{child}}> cannot be a child of <{{parent}}>. {{reason}}.", "voidElementWithChildren": "<{{parent}}> is a void element and cannot have children. Found <{{child}}> as a child.", "invalidListChild": "<{{child}}> is not a valid direct child of <{{parent}}>. Only <li> elements can be direct children of <ul> and <ol>.", "invalidSelectChild": "<{{child}}> is not a valid direct child of <select>. Only <option> and <optgroup> elements are allowed.", "invalidTableChild": "<{{child}}> is not a valid direct child of <{{parent}}>. Expected: {{expected}}.", "invalidDlChild": "<{{child}}> is not a valid direct child of <dl>. Only <dt>, <dd>, and <div> elements are allowed." } }],
   "performance": [{ "id": "avoid-arguments-object", "severity": "warn", "description": "Disallow arguments object (use rest parameters instead).", "fixable": false, "category": "performance", "plugin": "solid", "messages": { "avoidArguments": "arguments object can prevent V8 optimization. Use rest parameters (...args) instead." } }, { "id": "avoid-chained-array-methods", "severity": "warn", "description": "Flags chained array methods creating 3+ intermediate arrays, or filter().map() pattern.", "fixable": false, "category": "performance", "plugin": "solid", "messages": { "avoidChainedArrayMethods": "Chain creates {{count}} intermediate array(s). Consider reduce() or a loop. Chain: {{chain}}", "mapJoinHotPath": "map().join() inside loops allocates intermediate arrays on a hot path. Prefer single-pass string construction." } }, { "id": "avoid-defensive-copy-for-scalar-stat", "severity": "warn", "description": "Disallow defensive array copies passed into scalar statistic calls.", "fixable": false, "category": "performance", "plugin": "solid", "messages": { "defensiveCopy": "Defensive copy before scalar statistic '{{stat}}' allocates unnecessarily. Prefer readonly/non-mutating scalar computation." } }, { "id": "avoid-delete-operator", "severity": "warn", "description": "Disallow delete operator on objects (causes V8 deoptimization).", "fixable": false, "category": "performance", "plugin": "solid", "messages": { "avoidDelete": "delete operator transitions object to slow mode. Use `obj.prop = undefined` or destructuring instead." } }, { "id": "avoid-function-allocation-in-hot-loop", "severity": "warn", "description": "Disallow creating closures inside loops.", "fixable": false, "category": "performance", "plugin": "solid", "messages": { "closureInLoop": "Function created inside loop allocates new closure per iteration. Consider hoisting or using event delegation." } }, { "id": "avoid-hidden-class-transition", "severity": "warn", "description": "Suggest consistent object shapes to avoid V8 hidden class transitions.", "fixable": false, "category": "performance", "plugin": "solid", "messages": { "hiddenClassTransition": "Property '{{property}}' added conditionally to '{{object}}' creates inconsistent object shapes. Initialize '{{property}}' in the object literal." } }, { "id": "avoid-intermediate-map-copy", "severity": "warn", "description": "Disallow temporary Map allocations that are copied key-for-key into another Map.", "fixable": false, "category": "performance", "plugin": "solid", "messages": { "intermediateMapCopy": "Intermediate Map '{{tempName}}' is copied into '{{outName}}' key-for-key. Build output directly to avoid extra allocation." } }, { "id": "avoid-megamorphic-property-access", "severity": "warn", "description": "Avoid property access on `any` or wide union types to prevent V8 deoptimization.", "fixable": false, "category": "performance", "plugin": "solid", "messages": { "megamorphicAccess": "Property access on `any` or wide union type causes V8 deoptimization. Consider narrowing the type." } }, { "id": "avoid-quadratic-pair-comparison", "severity": "warn", "description": "Disallow nested for-loops over the same collection creating O(n\xB2) pair comparison.", "fixable": false, "category": "performance", "plugin": "solid", "messages": { "quadraticPair": "Nested loops over `{{collection}}` create O(n\xB2) pair comparison. Group by a key property first." } }, { "id": "avoid-quadratic-spread", "severity": "error", "description": "Disallow spreading accumulator in reduce callbacks (O(n\xB2) complexity).", "fixable": false, "category": "performance", "plugin": "solid", "messages": { "quadraticSpread": "Spreading accumulator in reduce creates O(n\xB2) complexity. Use push() instead." } }, { "id": "avoid-repeated-indexof-check", "severity": "warn", "description": "Disallow 3+ .indexOf() calls on the same array variable in one function.", "fixable": false, "category": "performance", "plugin": "solid", "messages": { "repeatedIndexOf": "{{count}} .indexOf() calls on `{{name}}` in the same function. Use a Set, regex, or single-pass scan instead." } }, { "id": "avoid-slice-sort-pattern", "severity": "warn", "description": "Disallow .slice().sort() and .slice().reverse() chains. Use .toSorted()/.toReversed().", "fixable": false, "category": "performance", "plugin": "solid", "messages": { "sliceSort": ".slice().sort() creates an intermediate array. Use .toSorted() instead.", "sliceReverse": ".slice().reverse() creates an intermediate array. Use .toReversed() instead.", "spreadSort": "[...array].sort() creates an intermediate array. Use .toSorted() instead.", "spreadReverse": "[...array].reverse() creates an intermediate array. Use .toReversed() instead." } }, { "id": "avoid-sparse-arrays", "severity": "warn", "description": "Disallow new Array(n) without fill (creates holey array).", "fixable": false, "category": "performance", "plugin": "solid", "messages": { "sparseArray": "new Array(n) creates a holey array. Use Array.from() or .fill() instead." } }, { "id": "avoid-spread-sort-map-join-pipeline", "severity": "warn", "description": "Disallow [...iterable].sort().map().join() pipelines on hot paths.", "fixable": false, "category": "performance", "plugin": "solid", "messages": { "spreadSortMapJoin": "Spread+sort+map+join pipeline allocates multiple intermediates. Prefer single-pass string construction on hot paths." } }, { "id": "bounded-worklist-traversal", "severity": "warn", "description": "Detect queue/worklist traversals with unbounded growth and no guard.", "fixable": false, "category": "performance", "plugin": "solid", "messages": { "boundedWorklist": "Worklist '{{name}}' grows via push() without visited set or explicit size bound. Add traversal guard to prevent pathological growth." } }, { "id": "closure-captured-scope", "severity": "warn", "description": "Detect closures returned from scopes containing large allocations that may be retained.", "fixable": false, "category": "performance", "plugin": "solid", "messages": { "capturedScope": "Returned closure shares scope with large allocation '{{name}}'. V8 may retain the allocation via scope capture even though the closure doesn't reference it. Move the allocation to an inner scope." } }, { "id": "closure-dom-circular", "severity": "warn", "description": "Detect event handler property assignments that create closure-DOM circular references.", "fixable": false, "category": "performance", "plugin": "solid", "messages": { "circularRef": "Event handler on '{{param}}' creates a closure that captures '{{param}}', forming a closure-DOM circular reference. Use addEventListener with a named handler for easier cleanup." } }, { "id": "create-root-dispose", "severity": "warn", "description": "Detect createRoot with unused dispose parameter.", "fixable": false, "category": "performance", "plugin": "solid", "messages": { "unusedDispose": "createRoot() dispose parameter is never used. The reactive tree will never be cleaned up. Call dispose(), return it, or pass it to onCleanup()." } }, { "id": "detached-dom-reference", "severity": "warn", "description": "Detect DOM query results stored in module-scoped variables that may hold detached nodes.", "fixable": false, "category": "performance", "plugin": "solid", "messages": { "detachedRef": "DOM query result from '{{method}}' stored in module-scoped variable '{{name}}'. If the DOM node is removed, this reference prevents garbage collection. Use a local variable or WeakRef instead." } }, { "id": "effect-outside-root", "severity": "error", "description": "Detect reactive computations created outside a reactive root (no Owner).", "fixable": false, "category": "performance", "plugin": "solid", "messages": { "orphanedEffect": "{{primitive}}() called outside a reactive root. Without an Owner, this computation is never disposed and leaks memory. Wrap in a component, createRoot, or runWithOwner." } }, { "id": "finalization-registry-leak", "severity": "error", "description": "Detect FinalizationRegistry.register() where heldValue references the target.", "fixable": false, "category": "performance", "plugin": "solid", "messages": { "selfReference": "FinalizationRegistry.register() heldValue references the target '{{name}}'. This strong reference prevents the target from being garbage collected, defeating the purpose of the registry." } }, { "id": "no-char-array-materialization", "severity": "warn", "description": 'Disallow split(""), Array.from(str), or [...str] in parsing loops.', "fixable": false, "category": "performance", "plugin": "solid", "messages": { "charArrayMaterialization": "Character array materialization via {{pattern}} in parsing loops allocates O(n) extra memory. Prefer index-based scanning." } }, { "id": "no-double-pass-delimiter-count", "severity": "warn", "description": "Disallow split-based delimiter counting followed by additional split passes.", "fixable": false, "category": "performance", "plugin": "solid", "messages": { "doublePassDelimiterCount": "Delimiter counting via `split(...).length` plus another `split(...)` repeats full-string passes. Prefer one indexed scan." } }, { "id": "no-full-split-in-hot-parse", "severity": "warn", "description": "Disallow full split() materialization inside hot string parsing loops.", "fixable": false, "category": "performance", "plugin": "solid", "messages": { "fullSplitInHotParse": "`split()` inside parsing loops materializes full token arrays each iteration. Prefer cursor/index scanning." } }, { "id": "no-heavy-parser-constructor-in-loop", "severity": "warn", "description": "Disallow constructing heavy parsing helpers inside loops.", "fixable": false, "category": "performance", "plugin": "solid", "messages": { "heavyParserConstructor": "`new {{ctor}}(...)` inside parsing loops repeatedly allocates heavy parser helpers. Hoist and reuse instances." } }, { "id": "no-leaked-abort-controller", "severity": "warn", "description": "Detect AbortController in effects without abort() in onCleanup.", "fixable": false, "category": "performance", "plugin": "solid", "messages": { "leakedAbort": "new AbortController() inside a reactive effect without onCleanup. Add onCleanup(() => controller.abort())." } }, { "id": "no-leaked-animation-frame", "severity": "warn", "description": "Detect requestAnimationFrame in effects without cancelAnimationFrame in onCleanup.", "fixable": false, "category": "performance", "plugin": "solid", "messages": { "leakedRaf": "requestAnimationFrame() inside a reactive effect without onCleanup. Add onCleanup(() => cancelAnimationFrame(id))." } }, { "id": "no-leaked-event-listener", "severity": "warn", "description": "Detect addEventListener in effects without removeEventListener in onCleanup.", "fixable": false, "category": "performance", "plugin": "solid", "messages": { "leakedListener": "addEventListener() inside a reactive effect without onCleanup. Each re-run leaks a listener. Add onCleanup(() => removeEventListener(...))." } }, { "id": "no-leaked-observer", "severity": "warn", "description": "Detect Observer APIs in effects without disconnect() in onCleanup.", "fixable": false, "category": "performance", "plugin": "solid", "messages": { "leakedObserver": "new {{type}}() inside a reactive effect without onCleanup. Add onCleanup(() => observer.disconnect())." } }, { "id": "no-leaked-subscription", "severity": "warn", "description": "Detect WebSocket/EventSource/BroadcastChannel in effects without close() in onCleanup.", "fixable": false, "category": "performance", "plugin": "solid", "messages": { "leakedSubscription": "new {{type}}() inside a reactive effect without onCleanup. Add onCleanup(() => instance.close())." } }, { "id": "no-leaked-timer", "severity": "warn", "description": "Detect setInterval/setTimeout in effects without onCleanup to clear them.", "fixable": false, "category": "performance", "plugin": "solid", "messages": { "leakedTimer": "{{setter}}() inside a reactive effect without onCleanup. Each re-run leaks a timer. Add onCleanup(() => {{clearer}}(id))." } }, { "id": "no-loop-string-plus-equals", "severity": "warn", "description": "Disallow repeated string += accumulation in parsing loops.", "fixable": false, "category": "performance", "plugin": "solid", "messages": { "loopStringPlusEquals": "Repeated string `+=` in parsing loops creates avoidable allocations. Buffer chunks and join once." } }, { "id": "no-multipass-split-pipeline", "severity": "warn", "description": "Disallow multipass split/map/filter pipelines in parsing code.", "fixable": false, "category": "performance", "plugin": "solid", "messages": { "multipassSplit": "`split()` followed by multiple array passes allocates heavily on parsing paths. Prefer single-pass parsing." } }, { "id": "no-per-char-substring-scan", "severity": "warn", "description": "Disallow per-character substring/charAt scanning patterns in loops.", "fixable": false, "category": "performance", "plugin": "solid", "messages": { "perCharSubstring": "Per-character `{{method}}()` scanning in loops allocates extra strings. Prefer index + charCodeAt scanning." } }, { "id": "no-repeated-token-normalization", "severity": "warn", "description": "Disallow repeated trim/lower/upper normalization chains on the same token in one function.", "fixable": false, "category": "performance", "plugin": "solid", "messages": { "repeatedTokenNormalization": "Repeated token normalization `{{chain}}` on `{{name}}` in one function. Compute once and reuse." } }, { "id": "no-rescan-indexof-loop", "severity": "warn", "description": "Disallow repeated indexOf/includes scans from start in parsing loops.", "fixable": false, "category": "performance", "plugin": "solid", "messages": { "rescanIndexOf": "Repeated `{{method}}()` from string start inside loops rescans prior text. Pass a cursor start index." } }, { "id": "no-rest-slice-loop", "severity": "warn", "description": "Disallow repeated self-slice reassignment loops in string parsing code.", "fixable": false, "category": "performance", "plugin": "solid", "messages": { "restSliceLoop": "Repeated `{{name}} = {{name}}.{{method}}(...)` in loops creates string churn. Track cursor indexes instead." } }, { "id": "no-shift-splice-head-consume", "severity": "warn", "description": "Disallow shift/splice(0,1) head-consume patterns in loops.", "fixable": false, "category": "performance", "plugin": "solid", "messages": { "headConsume": "Head-consuming `{{method}}()` inside loops causes array reindexing costs. Use index cursor iteration instead." } }, { "id": "no-write-only-index", "severity": "warn", "description": "Detect index structures that are written but never queried by key.", "fixable": false, "category": "performance", "plugin": "solid", "messages": { "writeOnlyIndex": "Index '{{name}}' is built via writes but never queried by key. Remove it or use direct collection flow." } }, { "id": "prefer-charcode-over-regex-test", "severity": "warn", "description": "Prefer charCodeAt() range checks over regex .test() for single-character classification.", "fixable": false, "category": "performance", "plugin": "solid", "messages": { "regexTest": "Regex `{{pattern}}`.test() on a single character. Use charCodeAt() range checks instead." } }, { "id": "prefer-index-scan-over-string-iterator", "severity": "warn", "description": "Prefer index-based string scanning over for-of iteration in ASCII parser code.", "fixable": false, "category": "performance", "plugin": "solid", "messages": { "preferIndexScan": "ASCII parsing loops should avoid `for...of` string iteration. Prefer indexed scanning with charCodeAt for lower overhead." } }, { "id": "prefer-lazy-property-access", "severity": "warn", "description": "Suggests moving property access after early returns when not used immediately.", "fixable": false, "category": "performance", "plugin": "solid", "messages": { "preferLazyPropertyAccess": "Property '{{propertyName}}' assigned to '{{variableName}}' before early return but not used there. Move assignment after early returns." } }, { "id": "prefer-map-lookup-over-linear-scan", "severity": "warn", "description": "Disallow repeated linear scans over fixed literal collections in hot paths.", "fixable": false, "category": "performance", "plugin": "solid", "messages": { "preferMapLookup": "Linear scan over fixed collection '{{name}}' in '{{fnName}}'. Precompute Map/Set lookup for O(1) access." } }, { "id": "prefer-map-over-object-dictionary", "severity": "warn", "description": "Suggest Map for dictionary-like objects with dynamic keys.", "fixable": false, "category": "performance", "plugin": "solid", "messages": { "preferMap": "Dynamic key assignment on dictionary object causes hidden class transitions. Consider using Map." } }, { "id": "prefer-precompiled-regex", "severity": "warn", "description": "Prefer hoisting regex literals to module-level constants to avoid repeated compilation.", "fixable": false, "category": "performance", "plugin": "solid", "messages": { "inlineRegex": "Regex `{{pattern}}` is compiled on every call. Hoist to a module-level constant." } }, { "id": "prefer-set-has-over-equality-chain", "severity": "warn", "description": "Disallow 4+ guard-style equality checks against string literals on the same variable. Use a Set.", "fixable": false, "category": "performance", "plugin": "solid", "messages": { "equalityChain": "{{count}} equality checks against `{{name}}`. Extract literals to a Set and use .has() instead." } }, { "id": "prefer-set-lookup-in-loop", "severity": "warn", "description": "Disallow linear search methods (.includes/.indexOf) on arrays inside loops.", "fixable": false, "category": "performance", "plugin": "solid", "messages": { "preferSet": "`.{{method}}()` on `{{name}}` called inside a loop. Convert to a Set for O(1) lookups." } }, { "id": "recursive-timer", "severity": "warn", "description": "Detect setTimeout that recursively calls its enclosing function.", "fixable": false, "category": "performance", "plugin": "solid", "messages": { "recursiveTimer": "setTimeout() recursively calls '{{name}}', creating an unbreakable polling loop. Add a termination condition or use setInterval with cleanup." } }, { "id": "self-referencing-store", "severity": "error", "description": "Detect setStore() where the value argument references the store itself.", "fixable": false, "category": "performance", "plugin": "solid", "messages": { "selfReference": "setStore() value references the store variable '{{name}}', creating a circular proxy reference. This prevents garbage collection and can cause infinite loops." } }, { "id": "unbounded-collection", "severity": "warn", "description": "Detect module-scoped Map/Set/Array that only grow without removal.", "fixable": false, "category": "performance", "plugin": "solid", "messages": { "unboundedCollection": "Module-scoped {{type}} '{{name}}' only uses additive methods ({{methods}}). Without removal or clearing, this grows unbounded. Consider WeakMap, LRU eviction, or periodic clear()." } }, { "id": "unbounded-signal-accumulation", "severity": "warn", "description": "Detect signal setters that accumulate data without truncation via spread+append pattern.", "fixable": false, "category": "performance", "plugin": "solid", "messages": { "unbounded": "Signal setter '{{name}}' accumulates data without bounds. The array grows monotonically via spread+append. Add truncation (e.g. prev.slice(-limit)) to prevent unbounded growth." } }],
-  "reactivity": [{ "id": "async-tracked", "severity": "error", "description": "Disallow async functions in tracked scopes (createEffect, createMemo, etc.)", "fixable": false, "category": "reactivity", "plugin": "solid", "messages": { "asyncCreateEffect": "Async function{{fnName}} in createEffect loses tracking after await. Read all signals before the first await, or use createResource for async data fetching.", "asyncCreateMemo": "Async function{{fnName}} in createMemo won't work correctly. createMemo must be synchronous. For async derived data, use createResource instead.", "asyncCreateComputed": "Async function{{fnName}} in createComputed won't track properly. createComputed must be synchronous\u2014signal reads after await won't trigger re-computation.", "asyncCreateRenderEffect": "Async function{{fnName}} in createRenderEffect breaks DOM update timing. createRenderEffect must be synchronous. Move async work to onMount or createResource.", "asyncTrackedGeneric": "Async function{{fnName}} in {{source}} won't track reactivity after await. Solid's tracking only works synchronously\u2014signal reads after await are ignored." } }, { "id": "children-helper-misuse", "severity": "error", "description": "Detect misuse of the children() helper that causes unnecessary re-computation or breaks reactivity", "fixable": false, "category": "reactivity", "plugin": "solid", "messages": { "multipleChildrenCalls": "The children() helper should only be called once per component. Each call re-resolves children, causing unnecessary computation. Store the result and reuse the accessor.", "directChildrenAccess": "Access props.children through the children() helper in reactive contexts. Direct access won't properly resolve or track children. Use: const resolved = children(() => props.children);" } }, { "id": "cleanup-scope", "severity": "error", "description": "Detect onCleanup called outside of a valid reactive scope", "fixable": false, "category": "reactivity", "plugin": "solid", "messages": { "cleanupOutsideScope": "onCleanup() called outside a reactive scope ({{location}}). The cleanup function will never execute unless this code runs within a component, effect, createRoot, or runWithOwner." } }, { "id": "derived-signal", "severity": "error", "description": "Detect functions that capture reactive values but are called in untracked contexts", "fixable": false, "category": "reactivity", "plugin": "solid", "messages": { "moduleScopeInit": "Assigning '{{fnName}}()' to '{{varName}}' at module scope runs once at startup. It captures {{vars}} which won't trigger updates.", "moduleScopeCall": "'{{fnName}}()' at module scope executes once when the module loads. It captures {{vars}}\u2014changes won't cause this to re-run.", "componentTopLevelInit": "'{{fnName}}()' assigned to '{{varName}}' in '{{componentName}}' captures a one-time snapshot of {{vars}}. Changes won't update '{{varName}}'. Call in JSX or use createMemo().", "componentTopLevelCall": "'{{fnName}}()' at top-level of '{{componentName}}' runs once and captures a snapshot of {{vars}}. Changes won't re-run this. Move inside JSX: {{{fnName}}()} or wrap with createMemo().", "utilityFnCall": "'{{fnName}}()' inside '{{utilityName}}' won't be reactive. Call '{{utilityName}}' from a tracked scope (createEffect, JSX), or pass {{vars}} as parameters.", "syncCallbackCall": "'{{fnName}}()' inside {{methodName}}() callback runs outside a tracking scope. The result captures a snapshot of {{vars}} that won't update.", "untrackedCall": "'{{fnName}}()' called in an untracked context. It captures {{vars}} which won't trigger updates here. Move to JSX or a tracked scope." } }, { "id": "effect-as-memo", "severity": "error", "description": "Detect createEffect that only sets a derived signal value, which should be createMemo instead", "fixable": true, "category": "reactivity", "plugin": "solid", "messages": { "effectAsMemo": "This createEffect only computes a derived value. Use createMemo() instead: const {{signalName}} = createMemo(() => {{expression}});" } }, { "id": "effect-as-mount", "severity": "error", "description": "Detect createEffect/createRenderEffect with no reactive dependencies that should be onMount instead", "fixable": true, "category": "reactivity", "plugin": "solid", "messages": { "effectAsMount": "This {{primitive}} has no reactive dependencies and runs only once. Use onMount() for initialization logic that doesn't need to re-run." } }, { "id": "inline-component", "severity": "error", "description": "Detect component functions defined inside other components, which causes remount on every parent update", "fixable": false, "category": "reactivity", "plugin": "solid", "messages": { "inlineComponent": "Component '{{name}}' is defined inside another component. This creates a new component type on every render, causing unmount/remount. Move the component definition outside." } }, { "id": "no-top-level-signal-call", "severity": "error", "description": "Disallow calling signals at component top-level (captures stale snapshots)", "fixable": false, "category": "reactivity", "plugin": "solid", "messages": { "assignedToVar": "'{{name}}()' assigned to '{{varName}}' in {{componentName}} captures a one-time snapshot. '{{varName}}' won't update when {{name}} changes. Use createMemo(): `const {{varName}} = createMemo(() => {{name}}());`", "computedValue": "'{{name}}()' in computation at top-level of {{componentName}} captures a stale snapshot. Wrap with createMemo(): `const {{varName}} = createMemo(() => /* computation using {{name}}() */);`", "templateLiteral": "'{{name}}()' in template literal at top-level of {{componentName}} captures a stale snapshot. Use createMemo() or compute directly in JSX: `{`Hello, ${{{name}}()}!`}`", "destructuring": "Destructuring '{{name}}()' at top-level of {{componentName}} captures a stale snapshot. Access properties in JSX or createMemo(): `{{{name}}().propertyName}`", "objectLiteral": "'{{name}}()' in object literal at top-level of {{componentName}} captures a stale snapshot. Use createMemo() for the object, or spread in JSX.", "arrayCreation": "'{{name}}()' in array creation at top-level of {{componentName}} captures a stale snapshot. Wrap with createMemo(): `const items = createMemo(() => Array.from(...));`", "earlyReturn": "'{{name}}()' in early return at top-level of {{componentName}} captures a stale snapshot. Use <Show when={{{name}}()}> for conditional rendering instead.", "conditionalAssign": "'{{name}}()' in ternary at top-level of {{componentName}} captures a stale snapshot. Use createMemo() or compute in JSX: `{{{name}}() ? 'Yes' : 'No'}`", "functionArgument": "'{{name}}()' passed as argument at top-level of {{componentName}} captures a stale snapshot. Move to createEffect() or compute in JSX.", "syncCallback": "'{{name}}()' inside {{methodName}}() at top-level of {{componentName}} captures a stale snapshot. Wrap the entire computation in createMemo(): `const result = createMemo(() => items.{{methodName}}(...));`", "topLevelCall": "'{{name}}()' at top-level of {{componentName}} captures a one-time snapshot. Changes to {{name}} won't update the result. Call directly in JSX or wrap in createMemo()." } }, { "id": "ref-early-access", "severity": "error", "description": "Detect accessing refs before they are assigned (before mount)", "fixable": false, "category": "reactivity", "plugin": "solid", "messages": { "refBeforeMount": "Ref '{{name}}' is accessed before component mounts. Refs are undefined until after mount. Access in onMount(), createEffect(), or event handlers." } }, { "id": "resource-access-unchecked", "severity": "error", "description": "Detect accessing resource data without checking loading/error state.", "fixable": false, "category": "reactivity", "plugin": "solid", "messages": { "resourceUnchecked": "Accessing resource '{{name}}' without checking loading/error state may return undefined. Wrap in <Show when={!{{name}}.loading}> or <Suspense>." } }, { "id": "resource-implicit-suspense", "severity": "warn", "description": "Detect createResource without initialValue that implicitly triggers Suspense boundaries.", "fixable": false, "category": "reactivity", "plugin": "solid", "messages": { "loadingMismatch": "createResource '{{name}}' has no initialValue but uses manual loading checks ({{name}}.loading). Without initialValue, Suspense intercepts before your loading UI renders. Add initialValue to the options: createResource(fetcher, { initialValue: ... })", "conditionalSuspense": "createResource '{{name}}' has no initialValue and is rendered inside a conditional mount point ({{mountTag}}). This will trigger a distant Suspense boundary and unmount the entire subtree. Add initialValue to the options: createResource(fetcher, { initialValue: ... })" } }, { "id": "resource-refetch-loop", "severity": "error", "description": "Detect refetch() calls inside createEffect which can cause infinite loops", "fixable": false, "category": "reactivity", "plugin": "solid", "messages": { "refetchInEffect": "Calling {{name}}.refetch() inside createEffect may cause infinite loops. The resource tracks its own dependencies. Move refetch to an event handler or use on() to control dependencies." } }, { "id": "signal-call", "severity": "error", "description": "Require signals to be called as functions when used in tracked contexts", "fixable": true, "category": "reactivity", "plugin": "solid", "messages": { "signalInJsxText": "Signal '{{name}}' in JSX text should be called: {{{name}}()}. Without (), you're rendering the function, not its value.", "signalInJsxAttribute": "Signal '{{name}}' in JSX attribute should be called: {{attr}}={{{name}}()}. Without (), the attribute won't update reactively.", "signalInTernary": "Signal '{{name}}' in ternary should be called: {{name}}() ? ... : .... The condition won't react to changes without ().", "signalInLogical": "Signal '{{name}}' in logical expression should be called: {{name}}() && .... Without (), this always evaluates to truthy (functions are truthy).", "signalInComparison": "Signal '{{name}}' in comparison should be called: {{name}}() === .... Comparing functions always returns false.", "signalInArithmetic": "Signal '{{name}}' in arithmetic should be called: {{name}}() + .... Math on functions produces NaN.", "signalInTemplate": "Signal '{{name}}' in template literal should be called: `...${{{name}}()}...`. Without (), you're embedding '[Function]'.", "signalInTrackedScope": "Signal '{{name}}' in {{where}} should be called: {{name}}(). Without (), reactivity is lost.", "badSignal": "The reactive variable '{{name}}' should be called as a function when used in {{where}}." } }, { "id": "signal-in-loop", "severity": "error", "description": "Detect problematic signal usage inside For/Index loop callbacks", "fixable": false, "category": "reactivity", "plugin": "solid", "messages": { "signalInLoop": "Creating signals inside <{{component}}> callback creates new signals on each render. Use a store at the parent level, or derive state from the index.", "signalCallInvariant": "Signal '{{name}}' called inside <{{component}}> produces the same value for every item. Extract to a variable or memoize with createMemo() before the loop.", "derivedCallInvariant": "'{{name}}()' inside <{{component}}> captures {{captures}} but doesn't use the loop item. Extract the call before the loop or pass the item as a parameter." } }, { "id": "store-reactive-break", "severity": "error", "description": "Detect patterns that break store reactivity: spreading stores, top-level property extraction, or destructuring", "fixable": false, "category": "reactivity", "plugin": "solid", "messages": { "storeSpread": "Spreading a store ({...store}) creates a static snapshot that won't update. Access store properties directly in JSX or tracked contexts.", "storeTopLevelAccess": "Accessing store property '{{property}}' at component top-level captures the value once. Access store.{{property}} directly in JSX or wrap in createMemo().", "storeDestructure": "Destructuring a store breaks reactivity. Access properties via store.{{property}} instead of destructuring." } }, { "id": "transition-pending-unchecked", "severity": "error", "description": "Detect useTransition usage without handling the isPending state", "fixable": false, "category": "reactivity", "plugin": "solid", "messages": { "pendingUnchecked": "useTransition returns [isPending, startTransition]. The isPending state should be used to show loading UI during transitions." } }],
+  "reactivity": [{ "id": "async-tracked", "severity": "error", "description": "Disallow async functions in tracked scopes (createEffect, createMemo, etc.)", "fixable": false, "category": "reactivity", "plugin": "solid", "messages": { "asyncCreateEffect": "Async function{{fnName}} in createEffect loses tracking after await. Read all signals before the first await, or use createResource for async data fetching.", "asyncCreateMemo": "Async function{{fnName}} in createMemo won't work correctly. createMemo must be synchronous. For async derived data, use createResource instead.", "asyncCreateComputed": "Async function{{fnName}} in createComputed won't track properly. createComputed must be synchronous\u2014signal reads after await won't trigger re-computation.", "asyncCreateRenderEffect": "Async function{{fnName}} in createRenderEffect breaks DOM update timing. createRenderEffect must be synchronous. Move async work to onMount or createResource.", "asyncTrackedGeneric": "Async function{{fnName}} in {{source}} won't track reactivity after await. Solid's tracking only works synchronously\u2014signal reads after await are ignored." } }, { "id": "children-helper-misuse", "severity": "error", "description": "Detect misuse of the children() helper that causes unnecessary re-computation or breaks reactivity", "fixable": false, "category": "reactivity", "plugin": "solid", "messages": { "multipleChildrenCalls": "The children() helper should only be called once per component. Each call re-resolves children, causing unnecessary computation. Store the result and reuse the accessor.", "directChildrenAccess": "Access props.children through the children() helper in reactive contexts. Direct access won't properly resolve or track children. Use: const resolved = children(() => props.children);" } }, { "id": "cleanup-scope", "severity": "error", "description": "Detect onCleanup called outside of a valid reactive scope", "fixable": false, "category": "reactivity", "plugin": "solid", "messages": { "cleanupOutsideScope": "onCleanup() called outside a reactive scope ({{location}}). The cleanup function will never execute unless this code runs within a component, effect, createRoot, or runWithOwner." } }, { "id": "derived-signal", "severity": "error", "description": "Detect functions that capture reactive values but are called in untracked contexts", "fixable": false, "category": "reactivity", "plugin": "solid", "messages": { "moduleScopeInit": "Assigning '{{fnName}}()' to '{{varName}}' at module scope runs once at startup. It captures {{vars}} which won't trigger updates.", "moduleScopeCall": "'{{fnName}}()' at module scope executes once when the module loads. It captures {{vars}}\u2014changes won't cause this to re-run.", "componentTopLevelInit": "'{{fnName}}()' assigned to '{{varName}}' in '{{componentName}}' captures a one-time snapshot of {{vars}}. Changes won't update '{{varName}}'. Call in JSX or use createMemo().", "componentTopLevelCall": "'{{fnName}}()' at top-level of '{{componentName}}' runs once and captures a snapshot of {{vars}}. Changes won't re-run this. Move inside JSX: {{{fnName}}()} or wrap with createMemo().", "utilityFnCall": "'{{fnName}}()' inside '{{utilityName}}' won't be reactive. Call '{{utilityName}}' from a tracked scope (createEffect, JSX), or pass {{vars}} as parameters.", "syncCallbackCall": "'{{fnName}}()' inside {{methodName}}() callback runs outside a tracking scope. The result captures a snapshot of {{vars}} that won't update.", "untrackedCall": "'{{fnName}}()' called in an untracked context. It captures {{vars}} which won't trigger updates here. Move to JSX or a tracked scope." } }, { "id": "effect-as-memo", "severity": "error", "description": "Detect createEffect that only sets a derived signal value, which should be createMemo instead", "fixable": true, "category": "reactivity", "plugin": "solid", "messages": { "effectAsMemo": "This createEffect only computes a derived value. Use createMemo() instead: const {{signalName}} = createMemo(() => {{expression}});" } }, { "id": "effect-as-mount", "severity": "error", "description": "Detect createEffect/createRenderEffect with no reactive dependencies that should be onMount instead", "fixable": true, "category": "reactivity", "plugin": "solid", "messages": { "effectAsMount": "This {{primitive}} has no reactive dependencies and runs only once. Use onMount() for initialization logic that doesn't need to re-run." } }, { "id": "inline-component", "severity": "error", "description": "Detect component functions defined inside other components, which causes remount on every parent update", "fixable": false, "category": "reactivity", "plugin": "solid", "messages": { "inlineComponent": "Component '{{name}}' is defined inside another component. This creates a new component type on every render, causing unmount/remount. Move the component definition outside." } }, { "id": "no-top-level-signal-call", "severity": "error", "description": "Disallow calling signals at component top-level (captures stale snapshots)", "fixable": false, "category": "reactivity", "plugin": "solid", "messages": { "assignedToVar": "'{{name}}()' assigned to '{{varName}}' in {{componentName}} captures a one-time snapshot. '{{varName}}' won't update when {{name}} changes. Use createMemo(): `const {{varName}} = createMemo(() => {{name}}());`", "computedValue": "'{{name}}()' in computation at top-level of {{componentName}} captures a stale snapshot. Wrap with createMemo(): `const {{varName}} = createMemo(() => /* computation using {{name}}() */);`", "templateLiteral": "'{{name}}()' in template literal at top-level of {{componentName}} captures a stale snapshot. Use createMemo() or compute directly in JSX: `{`Hello, ${{{name}}()}!`}`", "destructuring": "Destructuring '{{name}}()' at top-level of {{componentName}} captures a stale snapshot. Access properties in JSX or createMemo(): `{{{name}}().propertyName}`", "objectLiteral": "'{{name}}()' in object literal at top-level of {{componentName}} captures a stale snapshot. Use createMemo() for the object, or spread in JSX.", "arrayCreation": "'{{name}}()' in array creation at top-level of {{componentName}} captures a stale snapshot. Wrap with createMemo(): `const items = createMemo(() => Array.from(...));`", "earlyReturn": "'{{name}}()' in early return at top-level of {{componentName}} captures a stale snapshot. Use <Show when={{{name}}()}> for conditional rendering instead.", "conditionalAssign": "'{{name}}()' in ternary at top-level of {{componentName}} captures a stale snapshot. Use createMemo() or compute in JSX: `{{{name}}() ? 'Yes' : 'No'}`", "functionArgument": "'{{name}}()' passed as argument at top-level of {{componentName}} captures a stale snapshot. Move to createEffect() or compute in JSX.", "syncCallback": "'{{name}}()' inside {{methodName}}() at top-level of {{componentName}} captures a stale snapshot. Wrap the entire computation in createMemo(): `const result = createMemo(() => items.{{methodName}}(...));`", "topLevelCall": "'{{name}}()' at top-level of {{componentName}} captures a one-time snapshot. Changes to {{name}} won't update the result. Call directly in JSX or wrap in createMemo()." } }, { "id": "ref-early-access", "severity": "error", "description": "Detect accessing refs before they are assigned (before mount)", "fixable": false, "category": "reactivity", "plugin": "solid", "messages": { "refBeforeMount": "Ref '{{name}}' is accessed before component mounts. Refs are undefined until after mount. Access in onMount(), createEffect(), or event handlers." } }, { "id": "resource-access-unchecked", "severity": "error", "description": "Detect accessing resource data without checking loading/error state.", "fixable": false, "category": "reactivity", "plugin": "solid", "messages": { "resourceUnchecked": "Accessing resource '{{name}}' without checking loading/error state may return undefined. Wrap in <Show when={!{{name}}.loading}> or <Suspense>." } }, { "id": "resource-implicit-suspense", "severity": "warn", "description": "Detect createResource that implicitly triggers or permanently breaks Suspense boundaries.", "fixable": true, "category": "reactivity", "plugin": "solid", "messages": { "loadingMismatch": "createResource '{{name}}' has no initialValue but uses {{name}}.loading for manual loading UI. Suspense intercepts before your loading UI renders \u2014 the component is unmounted before the <Show>/<Switch> evaluates. Replace createResource with onMount + createSignal to decouple from Suspense entirely.", "conditionalSuspense": "createResource '{{name}}' is inside a conditional mount point ({{mountTag}}) with a distant Suspense boundary. The SuspenseContext increment fires when the fetcher's Promise is pending and unmounts the entire page subtree \u2014 initialValue does NOT prevent this. Replace createResource with onMount + createSignal to avoid Suspense interaction.", "missingErrorBoundary": "createResource '{{name}}' has no <ErrorBoundary> between its component and the nearest <Suspense>. When the fetcher throws (network error, 401/403/503, timeout), the error propagates to Suspense which has no error handling \u2014 the boundary breaks permanently. Wrap the component in <ErrorBoundary> or replace createResource with onMount + createSignal and catch errors in the fetcher." } }, { "id": "resource-refetch-loop", "severity": "error", "description": "Detect refetch() calls inside createEffect which can cause infinite loops", "fixable": false, "category": "reactivity", "plugin": "solid", "messages": { "refetchInEffect": "Calling {{name}}.refetch() inside createEffect may cause infinite loops. The resource tracks its own dependencies. Move refetch to an event handler or use on() to control dependencies." } }, { "id": "signal-call", "severity": "error", "description": "Require signals to be called as functions when used in tracked contexts", "fixable": true, "category": "reactivity", "plugin": "solid", "messages": { "signalInJsxText": "Signal '{{name}}' in JSX text should be called: {{{name}}()}. Without (), you're rendering the function, not its value.", "signalInJsxAttribute": "Signal '{{name}}' in JSX attribute should be called: {{attr}}={{{name}}()}. Without (), the attribute won't update reactively.", "signalInTernary": "Signal '{{name}}' in ternary should be called: {{name}}() ? ... : .... The condition won't react to changes without ().", "signalInLogical": "Signal '{{name}}' in logical expression should be called: {{name}}() && .... Without (), this always evaluates to truthy (functions are truthy).", "signalInComparison": "Signal '{{name}}' in comparison should be called: {{name}}() === .... Comparing functions always returns false.", "signalInArithmetic": "Signal '{{name}}' in arithmetic should be called: {{name}}() + .... Math on functions produces NaN.", "signalInTemplate": "Signal '{{name}}' in template literal should be called: `...${{{name}}()}...`. Without (), you're embedding '[Function]'.", "signalInTrackedScope": "Signal '{{name}}' in {{where}} should be called: {{name}}(). Without (), reactivity is lost.", "badSignal": "The reactive variable '{{name}}' should be called as a function when used in {{where}}." } }, { "id": "signal-in-loop", "severity": "error", "description": "Detect problematic signal usage inside For/Index loop callbacks", "fixable": false, "category": "reactivity", "plugin": "solid", "messages": { "signalInLoop": "Creating signals inside <{{component}}> callback creates new signals on each render. Use a store at the parent level, or derive state from the index.", "signalCallInvariant": "Signal '{{name}}' called inside <{{component}}> produces the same value for every item. Extract to a variable or memoize with createMemo() before the loop.", "derivedCallInvariant": "'{{name}}()' inside <{{component}}> captures {{captures}} but doesn't use the loop item. Extract the call before the loop or pass the item as a parameter." } }, { "id": "store-reactive-break", "severity": "error", "description": "Detect patterns that break store reactivity: spreading stores, top-level property extraction, or destructuring", "fixable": false, "category": "reactivity", "plugin": "solid", "messages": { "storeSpread": "Spreading a store ({...store}) creates a static snapshot that won't update. Access store properties directly in JSX or tracked contexts.", "storeTopLevelAccess": "Accessing store property '{{property}}' at component top-level captures the value once. Access store.{{property}} directly in JSX or wrap in createMemo().", "storeDestructure": "Destructuring a store breaks reactivity. Access properties via store.{{property}} instead of destructuring." } }, { "id": "transition-pending-unchecked", "severity": "error", "description": "Detect useTransition usage without handling the isPending state", "fixable": false, "category": "reactivity", "plugin": "solid", "messages": { "pendingUnchecked": "useTransition returns [isPending, startTransition]. The isPending state should be used to show loading UI during transitions." } }],
   "solid": [{ "id": "batch-optimization", "severity": "warn", "description": "Suggest using batch() when multiple signal setters are called in the same synchronous scope", "fixable": true, "category": "solid", "plugin": "solid", "messages": { "multipleSetters": "Multiple signal updates in the same scope cause multiple re-renders. Wrap in batch() for a single update: batch(() => { {{setters}} });" } }, { "id": "imports", "severity": "error", "description": 'Enforce consistent imports from "solid-js", "solid-js/web", and "solid-js/store".', "fixable": false, "category": "solid", "plugin": "solid", "messages": { "preferSource": 'Prefer importing {{name}} from "{{source}}".' } }, { "id": "index-vs-for", "severity": "warn", "description": "Suggest <For> for object arrays and <Index> for primitive arrays.", "fixable": true, "category": "solid", "plugin": "solid", "messages": { "indexWithObjects": "<Index> with object arrays causes the item accessor to change on any array mutation. Use <For> for objects to maintain reference stability.", "forWithPrimitives": "<For> with primitive arrays (strings, numbers) keys by value, which may cause unexpected re-renders. Consider <Index> if index stability is preferred." } }, { "id": "no-react-deps", "severity": "error", "description": "Disallow usage of dependency arrays in `createEffect`, `createMemo`, and `createRenderEffect`.", "fixable": true, "category": "solid", "plugin": "solid", "messages": { "noUselessDep": "In Solid, `{{name}}` doesn't accept a dependency array because it automatically tracks its dependencies. If you really need to override the list of dependencies, use `on`." } }, { "id": "no-react-specific-props", "severity": "error", "description": "Disallow usage of React-specific `className`/`htmlFor` props, which were deprecated in v1.4.0.", "fixable": true, "category": "solid", "plugin": "solid", "messages": { "prefer": "Prefer the `{{to}}` prop over the deprecated `{{from}}` prop.", "noUselessKey": "Elements in a <For> or <Index> list do not need a key prop." } }, { "id": "prefer-for", "severity": "warn", "description": "Enforce using Solid's `<For />` component for mapping an array to JSX elements.", "fixable": true, "category": "solid", "plugin": "solid", "messages": { "preferFor": "Prefer Solid's `<For each={...}>` component for rendering lists of objects. Array#map recreates all DOM elements on every update, while <For> updates only changed items by keying on reference.", "preferIndex": "Prefer Solid's `<Index each={...}>` component for rendering lists of primitives. Array#map recreates all DOM elements on every update, while <Index> updates only changed items by keying on index position.", "preferForOrIndex": "Prefer Solid's `<For />` or `<Index />` component for rendering lists. Use <For> when items are objects (keys by reference), or <Index> when items are primitives like strings/numbers (keys by index). Array#map recreates all DOM elements on every update." } }, { "id": "prefer-memo-complex-styles", "severity": "warn", "description": "Enforce extracting complex style computations to createMemo for better approach. Complex inline style objects are rebuilt on every render, which can impact approach.", "fixable": false, "category": "solid", "plugin": "solid", "messages": { "preferMemoComplexStyle": "Complex style computation should be extracted to createMemo() for better approach. This style object contains {{complexity}} conditional expressions that are recalculated on every render.", "preferMemoConditionalSpread": "Conditional spread operators in style objects should be extracted to createMemo(). Pattern like `...(condition ? {...} : {})` creates new objects on every render." } }, { "id": "prefer-show", "severity": "warn", "description": "Enforce using Solid's `<Show />` component for conditionally showing content. Solid's compiler covers this case, so it's a stylistic rule only.", "fixable": true, "category": "solid", "plugin": "solid", "messages": { "preferShowAnd": "Prefer Solid's `<Show when={...}>` component for conditional rendering. While Solid's compiler handles `&&` expressions, <Show> is more explicit and provides better readability for conditional content.", "preferShowTernary": "Prefer Solid's `<Show when={...} fallback={...}>` component for conditional rendering with a fallback. This provides clearer intent and better readability than ternary expressions." } }, { "id": "self-closing-comp", "severity": "warn", "description": "Disallow extra closing tags for components without children.", "fixable": true, "category": "solid", "plugin": "solid", "messages": { "selfClose": "Empty elements should be self-closing. Use `<{{name}} />` instead of `<{{name}}></{{name}}>` for cleaner, more concise JSX.", "dontSelfClose": "This element should not be self-closing based on your configuration. Use `<{{name}}></{{name}}>` instead of `<{{name}} />` for explicit opening and closing tags." } }, { "id": "style-prop", "severity": "warn", "description": "Require CSS properties in the `style` prop to be valid and kebab-cased (ex. 'font-size'), not camel-cased (ex. 'fontSize') like in React, and that property values with dimensions are strings, not numbers with implicit 'px' units.", "fixable": true, "category": "solid", "plugin": "solid", "messages": { "kebabStyleProp": "Solid uses kebab-case for CSS property names, not camelCase like React. Use '{{kebabName}}' instead of '{{name}}'.", "invalidStyleProp": "'{{name}}' is not a valid CSS property. Check for typos, or if this is a custom property, prefix it with '--' (e.g., '--{{name}}').", "numericStyleValue": "Numeric values for dimensional properties need explicit units in Solid. Unlike React, Solid does not auto-append 'px'. Use '{{value}}px' or another appropriate unit.", "stringStyle": "Use an object for the style prop instead of a string for better approach and type safety. Example: style={{ '{{prop}}': '{{value}}' }}." } }]
 };
 function getRule2(id) {